.studio-hero{padding:80px 0 0;text-align:center}
.studio-hero h1{font-size:clamp(3.6rem,6.4vw,5.8rem);line-height:1.05;letter-spacing:-.06em;margin-top:23px}
.studio-intro{font-size:1.1875rem;line-height:1.65;letter-spacing:-.025em;color:var(--muted);max-width:640px;margin:25px auto 0}
.studio-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:29px}
.studio-actions .text-link{color:var(--muted)}
.studio-film{min-width:0}
.studio-player{position:relative;aspect-ratio:var(--film-ratio,16/9);overflow:hidden;background:#18181b;border-radius:18px;isolation:isolate}
.studio-player video{display:block;width:100%;height:100%;object-fit:contain}
.studio-video-control{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;transition:opacity .2s}
.studio-video-control[hidden]{display:none}
.studio-video-control:focus-visible{outline:3px solid #fff;outline-offset:-6px;border-radius:18px}
.studio-video-glyph{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;color:var(--ink);background:#fffffff0;box-shadow:0 3px 22px #0002;backdrop-filter:blur(8px);transition:transform .2s}
.studio-video-glyph svg{width:22px;height:22px;fill:currentColor}
.studio-pause-icon{display:none}
.studio-player[data-playing="true"] .studio-play-icon{display:none}
.studio-player[data-playing="true"] .studio-pause-icon{display:block}
.studio-player[data-playing="true"] .studio-video-control:not(:hover):not(:focus-visible){opacity:0}
.studio-player[aria-busy="true"] .studio-video-glyph{animation:studio-loading 1s ease-in-out infinite alternate}
@keyframes studio-loading{to{opacity:.5}}
.studio-film h3{font-size:1rem;font-weight:500;line-height:1.45;letter-spacing:-.02em;margin-top:17px}
.studio-video-status{font-size:.8125rem;line-height:1.5;color:var(--muted);margin-top:8px}
.studio-video-status:empty{display:none}
.studio-featured{margin-top:52px}
.studio-featured .studio-player{border-radius:24px;max-height:630px}
.studio-featured .studio-video-glyph{width:80px;height:80px}
.studio-featured .studio-video-glyph svg{width:27px;height:27px}
.studio-featured h3{color:var(--muted);font-size:.8125rem;font-weight:400;margin-top:14px}
.studio-work{padding-block:106px}
.studio-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}
.studio-section-heading .eyebrow{margin-bottom:18px}
.studio-section-heading>p{font-size:1rem;line-height:1.6;color:var(--muted);padding-bottom:5px}
.studio-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:43px 26px;align-items:start}
.studio-film-grid .studio-player{aspect-ratio:16/9}
.studio-cta{padding-block:110px;text-align:center}
.studio-cta .eyebrow{margin-bottom:23px}
.studio-cta>p:not(.eyebrow){font-size:1.125rem;line-height:1.65;color:var(--muted);margin:24px auto 28px}
.studio-page .site-footer{padding-bottom:28px}
@media(hover:hover){.studio-player[data-playing="false"] .studio-video-control:hover .studio-video-glyph{transform:scale(1.06)}}
@media(max-width:900px){.studio-hero{padding-top:60px}.studio-work{padding-block:80px}.studio-section-heading>p{max-width:260px}.studio-section-heading>p br{display:none}}
@media(max-width:640px){
 .studio-hero{padding-top:48px}.studio-hero h1{font-size:clamp(2.8rem,10.8vw,4.1rem);line-height:1.08;letter-spacing:-.055em;margin-inline:-3px}
 .studio-intro{font-size:1.0625rem;line-height:1.6;margin-top:23px}.studio-intro br{display:none}
 .studio-actions{flex-direction:column;gap:8px;margin-top:24px}.studio-actions .button{min-height:50px;font-size:.9375rem}
 .studio-featured{margin-top:32px}.studio-featured .studio-player,.studio-player,.studio-video-control:focus-visible{border-radius:14px}
 .studio-featured .studio-video-glyph{width:62px;height:62px}.studio-featured .studio-video-glyph svg{width:23px;height:23px}
 .studio-section-heading{display:block;margin-bottom:29px}.studio-section-heading>p{max-width:330px;margin-top:18px;font-size:.9375rem}.studio-section-heading .eyebrow{margin-bottom:16px}
 .studio-film-grid{grid-template-columns:1fr;gap:29px}.studio-film h3{font-size:.9375rem;margin-top:13px}
 .studio-work{padding-block:65px}
 .studio-cta{padding-block:75px}.studio-cta>p:not(.eyebrow){font-size:1rem}
}
@media(hover:none){.studio-player[data-playing="true"] .studio-video-control:not(:focus-visible){opacity:0}}
@media(prefers-reduced-motion:reduce){.studio-video-control,.studio-video-glyph{transition:none}.studio-player[aria-busy="true"] .studio-video-glyph{animation:none}}
