/* Four acts, one typographic voice. Motion belongs to the sculpture. */
body.studio{--ink:#edf2f1;--muted:#b6c2c4;--page:#0e1316}
.studio .site-header{padding:32px 5vw;align-items:center}
.studio .brand{font-size:36px;line-height:1;letter-spacing:-.07em;font-weight:600}
.studio .header-note{max-width:210px;font-size:11px;line-height:1.5;margin-left:44px}
.studio .header-nav{display:flex;align-items:center;gap:28px;margin-right:36px;font-size:12px;pointer-events:auto}
.studio .contact-link{border-radius:3px;min-height:44px;font-size:12px;padding-inline:20px}
body.studio.enhanced .copy{top:46%;left:7vw;width:47vw;max-width:820px}
body.studio.enhanced .copy[data-side=right]{left:auto;right:6vw;width:42vw}
body.studio .copy h1,body.studio .copy h2{font-size:clamp(58px,6.9vw,116px);letter-spacing:-.065em;line-height:1.02;font-weight:400}
body.studio .copy h1 em,body.studio .copy h2 em{color:#bbd2d1;letter-spacing:inherit}
.studio .eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.15em;margin-bottom:30px}
.studio .eyebrow:before{content:'';width:25px;height:1px;background:#a4c5c9}
.studio .description{max-width:440px;line-height:1.75;font-size:15px;margin-top:26px;color:#b5c3c6}
.studio .service-notes{display:grid;grid-template-columns:repeat(2,max-content);gap:10px 28px;font-size:11px;margin-top:26px;color:#d3dddc}
.studio .service-notes li:before{width:12px;height:1px;border-radius:0;background:#6f9597}
.studio .story-action{gap:35px;margin-top:29px;font-size:12px;min-height:44px;border-bottom-color:#829f9b80}
.studio .story-action span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #748e914d;border-radius:50%;font-size:15px;transition:transform 180ms var(--ease-out)}
.studio .ending-link{background:#d9e9e5;border-radius:3px;min-height:52px;padding-inline:25px;color:#0d1719}
.studio .micro{display:flex;align-items:center;gap:18px}.studio .copy-email{margin:0;pointer-events:auto;min-height:44px}
.studio .chapters{left:7vw;right:32vw;bottom:28px;gap:22px;border:0;padding:0}
.studio .chapters a{position:relative;min-height:48px;padding-top:15px;font-size:11px}
.studio .chapters a:after{display:block;position:absolute;inset:0 0 auto;height:1px;width:100%;border-radius:0;background:#73899140;box-shadow:none;transition:background 180ms ease}
.studio .chapters a[aria-current=step]:after{background:#c9e0dd;box-shadow:none}
.studio .chapters a span{font-size:11px}.studio .film-footer{bottom:32px;right:5vw;gap:18px}
.studio .motion-toggle{min-height:44px}.studio .scroll-cue{min-height:44px}
.studio .vignette{background:linear-gradient(0deg,var(--page),transparent 20%,transparent 83%,#0b101080)}
body.studio[data-film=arkitektur] .copy h1,body.studio[data-film=arkitektur] .copy h2{letter-spacing:-.05em;font-weight:500}
body.studio[data-film=tyngdekraft] .copy h1{font-weight:300;font-size:clamp(58px,7.3vw,122px)}
body.studio[data-film=resonans] .copy h1{font-size:clamp(58px,6.6vw,110px);font-weight:300}
body.studio[data-film=puls] .copy h1 em{color:#c5dfc2}
@media(hover:hover){.studio .story-action:hover span{transform:translate(2px,-2px)}.studio .header-nav a:hover{color:#b4dcd4}}
@media(max-width:1100px){.studio .header-note{display:none}.studio .header-nav{margin-left:auto}.studio .chapters{right:32vw;gap:12px}.studio .scroll-cue{display:none}}
@media(max-width:650px){
 .studio .site-header{padding:24px}.studio .brand{font-size:30px}.studio .header-nav{display:none}.studio .contact-link{min-height:44px;padding-inline:14px;font-size:11px}
 body.studio.enhanced .copy,body.studio.enhanced .copy[data-side=right]{left:24px;right:24px;width:auto;top:auto;bottom:150px;max-width:none}
 body.studio .copy h1,body.studio .copy h2,body.studio[data-film] .copy h1,body.studio[data-film] .copy h2{font-size:clamp(37px,10.7vw,62px);line-height:1.04;letter-spacing:-.055em}
 .studio .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:18px;gap:9px}.studio .eyebrow:before{width:15px}
 .studio .description{font-size:13px;line-height:1.65;max-width:350px;margin-top:20px}
 .studio .service-notes{font-size:10px;gap:9px 16px;margin-top:19px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .studio .story-action{margin-top:16px;font-size:12px;min-height:44px}
 .studio .chapters{left:24px;right:24px;bottom:55px;gap:10px}.studio .chapters a{gap:5px;padding-top:12px;min-width:0}.studio .chapters a span{font-size:9px}.studio .chapters a:before{font-size:9px}
 .studio .film-footer{left:24px;right:24px;bottom:8px}.studio .scroll-cue{display:flex;font-size:10px}.studio .vignette{background:linear-gradient(0deg,var(--page) 15%,#101619ee 32%,#10161970 66%,transparent 86%)}
 .studio .ending-link{margin-top:24px}.studio .micro{flex-wrap:wrap;gap:0 12px}.studio .copy-email{font-size:10px}
}
@media(max-height:740px) and (max-width:650px){body.studio.enhanced .copy,body.studio.enhanced .copy[data-side=right]{bottom:125px}.studio .service-notes{display:none}.studio .description{font-size:12px;margin-top:16px}.studio .eyebrow{margin-bottom:13px}body.studio .copy h1,body.studio .copy h2,body.studio[data-film] .copy h1,body.studio[data-film] .copy h2{font-size:36px}.studio .ending-link{margin-top:16px}}
@media(max-height:550px) and (min-width:651px){body.studio.enhanced .copy,body.studio.enhanced .copy[data-side=right]{top:43%}.studio .service-notes{display:none}body.studio[data-film] .copy h1,body.studio[data-film] .copy h2{font-size:42px}.studio .description{font-size:12px;margin-top:14px}.studio .eyebrow{margin-bottom:12px}.studio .story-action{margin-top:12px}.studio .site-header{padding-top:18px}}
@media(max-width:360px){.studio .chapters a:before{display:none}.studio .chapters{gap:8px}.studio .chapters a span{font-size:9px}.studio .copy:before{content:'';position:absolute;inset:-20px -24px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0e1316d9,#0e1316a6 70%,transparent)}}
@media(max-height:680px) and (min-width:651px){body.studio[data-film] .copy h1,body.studio[data-film] .copy h2{font-size:52px}.studio .service-notes{display:none}.studio .eyebrow{margin-bottom:18px}.studio .description{margin-top:18px;font-size:13px}.studio .story-action{margin-top:18px}}