/* Content-first surfaces, system typography, and a light glass navigation layer. */
:root{--paper:#f5f5f7;--ink:#1d1d1f;--muted:#64646a;--line:#d9d9df;--blue:#0066cc;--max:1440px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
body{-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:600;letter-spacing:-.045em}
h1{font-size:clamp(3.25rem,7.6vw,7.4rem);line-height:1.06}
.site-header{position:sticky;top:18px;width:calc(100% - 44px);max-width:1010px;padding:0;margin:18px auto 0;background:transparent;z-index:10}
.header-inner{flex-wrap:wrap;min-height:76px;padding:12px 22px 12px 18px;gap:20px;border:1px solid rgba(255,255,255,.85);border-radius:44px;background:rgba(250,250,252,.85);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:0 5px 24px #16172b0a,inset 0 1px 1px #ffffff}
.brand{gap:12px;font-size:.9375rem;font-weight:650;letter-spacing:-.02em}
.brand-mark{width:42px;height:42px;border-radius:50%;background:#1d1d1f;box-shadow:inset 0 1px 2px #ffffff33;font-size:1.5rem;font-weight:500}
.brand span:last-child{max-width:none;line-height:1.15}
.nav{flex-wrap:wrap;gap:8px;font-size:.875rem;font-weight:500}
.nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border-radius:28px;transition:background .2s,color .2s}
.nav a[aria-current]{background:#00000008;box-shadow:none;color:var(--ink)}
.nav a:hover{background:#0000000d;color:var(--ink)}
.nav .contact-link{background:#0071e3;color:#fff;padding:11px 21px;border:0;box-shadow:inset 0 1px 1px #ffffff3d}
.nav .contact-link:hover,.nav .contact-link[aria-current]{background:#0063c6;color:#fff}
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;padding-top:88px;padding-bottom:85px}
.hero h1{max-width:1120px;font-weight:650;letter-spacing:-.05em;font-size:clamp(3rem,7.5vw,7.1rem);line-height:1.07}
.hero h1 em{font:inherit;letter-spacing:inherit;background:linear-gradient(110deg,#0066cc 10%,#5141cd 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .eyebrow{justify-content:center;color:var(--muted);font-weight:500;letter-spacing:0;margin-bottom:24px}
.eyebrow:before{display:none}
.hero .intro{max-width:550px;margin:0;display:block}
.hero .intro p{font-size:clamp(1.0625rem,1.8vw,1.375rem);color:var(--muted);line-height:1.5;margin:0 0 18px}
.text-link{color:var(--blue);border:0;gap:9px;min-height:44px;font-size:1rem}
.text-link:hover{color:#004b96;text-decoration:underline;text-underline-offset:5px}
.section-rule{border:0;padding-top:0;margin-bottom:25px;align-items:center}
.section-rule h2{font-size:clamp(1.6rem,2.2vw,2.2rem);font-weight:600;letter-spacing:-.035em}
.project-grid{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:85px}
.project-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 2px 4px #20203003,0 12px 28px #20203005;transition:transform .35s ease,box-shadow .35s ease}
.project-card:nth-child(even){padding-top:0}
.project-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px #2020300d}
.card-image,.project-card:nth-child(1) .card-image,.project-card:nth-child(2) .card-image{aspect-ratio:1.35;margin:0;display:block;padding:0}
.card-image img{transition:transform .55s ease}
.card-image.talent{background:#ecf0ee}
.card-image.talent img{padding:5%;object-fit:contain}
.card-image.art{background:#1d2721}
.card-image.art img{object-fit:contain}
.card-image.poster{background:#f1edbe}
.card-image.poster img{padding:6%;object-fit:contain}
.card-image.motion img{object-fit:contain}
.card-info{padding:25px 26px 28px;align-items:center;gap:15px}
.card-info h3{font-size:clamp(1.25rem,1.85vw,1.75rem);font-weight:600;line-height:1.2;letter-spacing:-.03em}
.card-info p{font-size:.875rem;line-height:1.5}
.card-info .arrow{background:#f2f2f5;width:35px;height:35px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:1.1rem}
.reel-band{background:#101012;color:#f5f5f7;padding-block:80px}
.reel-layout{gap:65px}
.reel-layout h2{font-size:clamp(2.4rem,4.5vw,4.5rem);font-weight:600}
.reel-layout .eyebrow{color:#a1a1a6;margin-bottom:20px}
.reel-layout .text-link{color:#73b6ff}
.reel-layout video{border-radius:22px;overflow:hidden;box-shadow:0 12px 50px #0005}
.about-strip{padding-block:100px;align-items:start}
.about-strip .eyebrow{color:var(--muted);margin-bottom:20px}
.about-strip h2{font-size:clamp(2.25rem,4vw,4rem)}
.about-strip p{color:var(--muted)}
.site-footer{background:#eaeaf0;color:var(--ink);padding-top:70px}
.footer-top{align-items:center}
.footer-top .meta{color:var(--muted);margin-bottom:20px}
.footer-top h2{font-size:clamp(2.5rem,5.8vw,5.5rem);line-height:1.08;font-weight:600}
.footer-top .text-link{background:#0071e3;border-radius:35px;color:#fff;padding:17px 27px;box-shadow:inset 0 1px 1px #ffffff55;white-space:nowrap}
.footer-top .text-link:hover{background:#0063c6;text-decoration:none}
.footer-bottom{border-color:#ceced6;color:var(--muted)}
.project-heading{padding-top:45px;padding-bottom:45px}
.project-heading h1{font-size:clamp(3rem,6.6vw,6.5rem);font-weight:650;line-height:1.07}
.project-sub p{color:var(--muted)}
.project-meta dd{font-weight:500}
.project-cover{border-radius:28px;overflow:hidden}
.project-cover img{max-height:none}
.project-cover.poster img{max-height:950px;background:#f1edbe}
.project-cover.talent img{max-height:750px;background:#ecf0ee;padding:3%}
.project-cover.art img{object-fit:contain}
.project-story{padding-block:65px;gap:55px}
.project-story p{color:var(--muted)}
.gallery img{border-radius:20px}
.gallery figcaption{padding-inline:5px}
.video-grid video{border-radius:24px;overflow:hidden}
.video-grid figcaption{padding-inline:8px;color:var(--muted)}
.scholarship-film iframe{border-radius:22px;overflow:hidden}
.next-project{padding-block:40px 65px}
.next-project h2{font-size:clamp(1.8rem,3.2vw,3.2rem)}
.next-project>.arrow{background:#e7e7ed;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;font-size:1.7rem;flex-shrink:0}
.about-page{padding-top:65px}
.about-page>.eyebrow,.contact-page>.eyebrow{color:var(--muted)}
.about-art img{border-radius:22px}
.about-art{gap:20px}
.about-text>p{color:var(--muted)}
.about-text h2{font-weight:600}
.contact-page{padding-block:70px 85px}
.contact-page>p:not(.eyebrow){color:var(--muted)}
.email-link{border:0;color:var(--blue);letter-spacing:-.03em;font-size:clamp(1.125rem,3.1vw,3rem);line-height:1.4;margin-block:18px}
.contact-options{gap:25px;max-width:100%}
.contact-options>div{background:#fff;border-radius:25px;padding:30px 32px}
.contact-options p{margin:0}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header-inner{background:#fafafc}}
@media(max-width:1050px){.hero .intro{display:block;max-width:500px}.hero .intro p{margin-bottom:15px}.hero{padding-top:65px;padding-bottom:60px}.reel-layout{gap:35px}.project-grid{gap:25px}.card-info{padding:20px}}
@media(max-width:700px){.site-header{top:10px;margin-top:10px;width:calc(100% - 24px)}.header-inner{min-height:66px;padding:9px 11px 9px 13px;gap:12px}.brand-mark{width:35px;height:35px;font-size:1.2rem}.brand{gap:9px;font-size:.8125rem}.nav{gap:1px;font-size:.8125rem}.nav a{padding:9px 12px;min-height:44px}.nav .contact-link{padding:9px 14px}.hero{padding-block:48px 52px;gap:24px}.hero h1{font-size:clamp(2.9rem,10vw,4.5rem);line-height:1.09}.hero .eyebrow{font-size:.875rem;margin-bottom:20px}.hero .intro p{font-size:1.0625rem;max-width:310px}.hero .intro{max-width:350px}.section-rule{margin-bottom:20px}.section-rule h2{font-size:1.6rem}.project-grid{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.project-card{border-radius:23px}.card-info{padding:22px}.card-info h3{font-size:1.35rem}.reel-band{padding-block:50px}.reel-layout{gap:28px}.reel-layout video{border-radius:18px}.about-strip{padding-block:60px;gap:26px}.site-footer{padding-top:50px}.footer-top{padding-bottom:35px}.footer-top h2{font-size:clamp(2.5rem,9vw,3.75rem)}.footer-top .text-link{padding:14px 22px;margin-top:25px}.footer-bottom{font-size:.8125rem;gap:15px}.project-heading{padding-block:32px}.project-heading h1{font-size:clamp(2.6rem,10vw,4rem)}.project-cover{border-radius:20px}.project-story{padding-block:42px;gap:20px}.gallery img{border-radius:18px}.video-grid video{border-radius:18px}.project-sub{gap:13px}.next-project>.arrow{width:48px;height:48px}.about-page{padding-top:45px}.contact-page{padding-top:45px}.contact-options>div{padding:26px}.email-link{font-size:clamp(1.05rem,4.75vw,2rem)}}
@media(max-width:380px){.brand span:last-child{display:none}.nav a{padding-inline:13px}.hero h1{font-size:2.7rem}.hero .eyebrow{font-size:.8125rem}}
@media(prefers-reduced-transparency:reduce){.header-inner{background:#fafafc;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-contrast:more){.header-inner{background:#fff;border:1px solid #1d1d1f;-webkit-backdrop-filter:none;backdrop-filter:none}.project-card{border:1px solid #64646a}.hero h1 em{background:none;color:#004a99}.meta,.muted{color:#424248}}
@media(prefers-reduced-motion:reduce){.project-card:hover{transform:none}.project-card a:hover img{transform:none}}
