.hero h1 em{background:linear-gradient(105deg,#fff2b9 0%,#f5d663 36%,#efba5c 70%,#e89567);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.header nav{gap:25px}.header .logo-image,footer .logo-image{display:flex;align-items:center;overflow:hidden}
.logo-art{position:relative;display:block;width:150%;flex:0 0 150%;aspect-ratio:2172/724;transform:translateX(-16.6667%)}
.logo-image .logo-art img{width:100%;height:auto;display:block;transform:none;mix-blend-mode:normal}
.works.section{padding-top:65px;padding-bottom:45px}
.mobile-showcase{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:55px;width:min(1480px,94%);margin:28px auto 75px;padding:66px 65px 0 42px;border-radius:32px;background:linear-gradient(118deg,#a8784a 0%,#9d6740 46%,#786348 100%);color:white}
.showcase-shapes{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.showcase-shapes:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 0%,#d6b86b12,transparent 60%)}
.showcase-shapes span{position:absolute;display:block}
.showcase-shapes span:nth-child(1){width:38%;height:26%;top:0;left:0;background:linear-gradient(120deg,#d0a86335,#9b8a6200);clip-path:polygon(0 0,100% 0,72% 100%,0 100%)}
.showcase-shapes span:nth-child(2){width:35%;height:88%;left:6%;top:14%;border-radius:0 100% 0 0;background:linear-gradient(155deg,#d0a05d38,transparent 75%)}
.showcase-shapes span:nth-child(3){width:40%;height:35%;left:0;bottom:0;background:linear-gradient(130deg,#d5a45b35,#c87d5330);clip-path:polygon(0 0,100% 100%,0 100%)}
.mobile-art{align-self:end;position:relative;min-width:0}
.handheld{position:relative;width:100%;max-width:460px;margin-inline:auto;isolation:isolate}
.handheld-frame{position:relative;z-index:2;display:block;width:100%;height:auto;pointer-events:none}
.handheld-screen{position:absolute;z-index:1;left:27.5%;top:1.55%;width:60%;height:73.3%;overflow:hidden;border-radius:12%/6%;background:#101c17}
.handheld-screen video{display:block;width:100%;height:100%;object-fit:cover;background:#101c17}
#phone-error{position:absolute;inset:0;place-content:center;padding:20px;color:#fff;font-size:14px;line-height:1.5;text-align:center;background:#101c17}
#phone-error:not([hidden]){display:grid}
.mobile-copy{align-self:center;padding:4px 0 55px;min-width:0}
.mobile-copy .eyebrow{font-size:12px;color:#f7eaca;letter-spacing:1.7px;margin-bottom:21px}
.mobile-copy h2{font-size:clamp(33px,3.65vw,57px);font-weight:500;line-height:1.16;letter-spacing:-1.8px;margin-bottom:24px}
.mobile-copy h2 em{position:relative;color:white;background:none;-webkit-text-fill-color:white;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:underline;text-decoration-color:#f2c65a99;text-decoration-thickness:9px;text-underline-offset:-3px;text-decoration-skip-ink:none}
.mobile-description{color:#edeedf;font-size:17px;line-height:1.75;max-width:680px}
.mobile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.mobile-facts>div{text-align:center;border:1px solid #ffffff35;border-radius:20px;padding:24px 8px;background:linear-gradient(150deg,#ffffff0b,transparent);transition:background .2s}
.mobile-facts>div:hover{background:#ffffff12}
.mobile-facts strong{display:block;font-weight:500;font-size:clamp(30px,3.4vw,47px);line-height:1.1;letter-spacing:-1px;color:#fff}
.mobile-facts span{display:block;font-size:14px;line-height:1.5;color:#e2e6d5;margin-top:12px}
.mobile-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:30px}
.mobile-actions .button{background:#fff;color:#26352b;border-radius:30px;padding:12px 20px;font-size:14px;gap:18px}
#phone-toggle{border:0;border-bottom:1px solid #ffffff68;background:transparent;padding:8px 0;color:white;font-size:14px}

.reel-section{margin-top:0}
@media(min-width:1600px){.mobile-showcase{gap:85px;padding-left:65px;padding-right:80px}}
@media(max-width:1100px){.mobile-showcase{gap:32px;padding:48px 35px 0 25px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.mobile-copy{padding-bottom:40px}.mobile-copy h2{font-size:37px}.mobile-description{font-size:16px}.mobile-facts{gap:10px}.mobile-facts span{font-size:13px}.header nav{gap:18px}}
@media(max-width:800px){.mobile-showcase{grid-template-columns:1fr;padding:38px 30px 0;gap:24px;margin-bottom:48px;border-radius:24px}.mobile-copy{grid-row:1;padding:0}.mobile-art{max-width:360px;margin:8px auto 0;width:100%}.mobile-copy h2{font-size:42px}.mobile-facts{margin-top:25px}.mobile-facts strong{font-size:38px}.mobile-facts span{font-size:14px}.showcase-shapes span:nth-child(2){width:65%;top:40%}.showcase-shapes span:nth-child(3){width:80%}}
@media(max-width:600px){.header{flex-wrap:wrap;justify-content:center;gap:0;padding-top:4px}.header .logo-image{width:155px;height:66px}.header nav{width:100%;justify-content:center;gap:21px;padding:2px 0 12px;font-size:13px}.header nav a:last-child{display:block}.cinema-hero{padding-top:146px}.hero h1{font-size:55px}.hero-pill{font-size:10px;letter-spacing:.8px}.works.section{padding-top:46px;padding-bottom:28px}.mobile-showcase{width:94%;padding:32px 22px 0;margin-top:16px}.mobile-copy .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:17px}.mobile-copy h2{font-size:35px;letter-spacing:-1.1px;line-height:1.22}.mobile-copy h2 em{text-decoration-thickness:6px}.mobile-description{font-size:15px;line-height:1.75}.mobile-facts{gap:8px}.mobile-facts>div{padding:19px 5px;border-radius:13px}.mobile-facts strong{font-size:30px}.mobile-facts span{font-size:12px}.mobile-art{max-width:300px}.mobile-actions{gap:14px}.mobile-actions .button,#phone-toggle{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mobile-facts>div{transition:none}}

.header-contact,.contact .button{background:var(--brand-gradient);color:#1d251c;box-shadow:0 8px 28px #b48a3520}
.hero-pill{background:none}
.showcase-heading h2 em,.section-heading h2 em,.reel-section h2 em,.about h2 em,.services>h2 em,.process-heading h2 em,.contact h2 em,.card-sector,.about .big-year>span{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.filters{scrollbar-color:#a58e50 #18261f}
.filter{color:#bdc3b4;background:#ffffff04;border-color:var(--line)}
.filter:hover{color:#f6e6b7;border-color:#d5bb7566;background:#c3ab5710}
.filter[aria-pressed=true]{background:var(--surface-gradient);border-color:#d8bd7099;color:#f8df99}
.filters .filter:before,.filters .filter[aria-pressed=true]:before,.sector-list summary:before{background:var(--brand-gradient);box-shadow:0 0 10px #d7b65220}
.sector-list summary:after,.text-button{color:var(--accent)}
.sector-list details{border-image:linear-gradient(90deg,var(--line),#d0b77340,var(--line)) 1}
.carousel-controls button,.play,.process-icon,.close{color:var(--accent);border-color:#d9c68f42;background:linear-gradient(135deg,#26453b55,#64463c33)}
.carousel-controls button:hover,.play:hover,.close:hover{border-color:#d8bd7099;background:var(--surface-gradient)}
.card-open{color:#f4dc96;border-color:#e4ce8580;background:linear-gradient(135deg,#183d32a8,#563b30a8)}
.card-label{background:#17241dcc;border-color:#d6bd6c4a;color:#f2e5c2}
.art-type{background:linear-gradient(130deg,var(--art-color),var(--brand-coral));background-clip:text;-webkit-background-clip:text;color:transparent}
.service-grid article>span.service-icon{background:var(--surface-gradient);color:var(--accent)!important;border-color:#d8bd7055;box-shadow:none}
.service-grid article{background:linear-gradient(145deg,#294b3224,#5e382010);border-color:var(--line)}
.about{background:radial-gradient(ellipse at 5% 0%,#b37a3e1f,transparent 65%),linear-gradient(115deg,#272219,#1c211b)}
.contact{background:radial-gradient(ellipse at 90% 100%,#b7754240,transparent 65%),radial-gradient(ellipse at 0 100%,#91935916,transparent 60%),#231f18}
.discipline-strip i,.reel-section .eyebrow,.contact .eyebrow,.about .timeline li:first-child>span,.about .timeline li:last-child>span{color:var(--accent)}
.mobile-facts>div{border-color:#e0c88738;background:linear-gradient(145deg,#acb8780d,#b56f4b0a)}
.mobile-facts>div:hover{background:#d8bd7010}
.mobile-copy h2 em{text-decoration-color:#e7bf6570}
#phone-toggle{color:#f2d98f;border-bottom-color:#e0c88775}
.phone-choices{display:flex;align-items:center;gap:2px}
.phone-choices[hidden]{display:none}
.phone-choices button{width:32px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:20px;background:transparent}
.phone-choices button:before{content:'';width:7px;height:7px;border-radius:10px;background:#f2d98f65;transition:width .2s,background .2s}
.phone-choices button[aria-pressed=true]:before{width:22px;background:var(--brand-gradient)}
.handheld-screen video{transition:opacity .16s ease}
.handheld-screen video.is-changing{opacity:0}
@media(prefers-reduced-motion:reduce){.phone-choices button:before,.handheld-screen video{transition:none}}
.hero-caption button,.embed-consent,.tags span{color:#e6d6a5;border-color:#d9c68f40;background:linear-gradient(135deg,#26453b44,#64463c22)}
.hero-shade{background:linear-gradient(180deg,#0b111220,transparent 25%,#0b111225 65%,var(--bg))}

.sectors .filters{width:100%;margin:0 0 24px;padding-bottom:12px}

.header,.header .logo-image,footer .logo-image{mix-blend-mode:normal}
#contact-links{align-items:flex-start}
.contact-call{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.contact-call .button{white-space:nowrap}
.contact-phone{display:inline-block;color:var(--accent);font-size:16px;letter-spacing:.4px;text-decoration:underline;text-underline-offset:5px;padding:0 12px}
.contact-phone[hidden]{display:none}
.contact-phone:hover{color:var(--text)}

#dialog-media[hidden],#dialog-facts[hidden],.outline-label[hidden],#reel-button[hidden],.contact-note:empty{display:none}
.results-line{justify-content:flex-end}
.discipline-strip{gap:16px 24px}.discipline-strip span{white-space:nowrap}
@media(max-width:600px){.discipline-strip{gap:12px 16px}}

.works.section{padding:32px 0 24px}
.works .showcase-heading{align-items:center;margin-bottom:18px;gap:20px}
.works .showcase-heading .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:6px}
.works .showcase-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.8px}
.works .carousel-controls{gap:6px;flex-shrink:0}
.works .carousel-controls button{width:32px;height:32px;font-size:16px}
.works .project-grid{gap:16px;padding-bottom:8px}
.works .card{flex:0 0 clamp(220px,22vw,320px)}
.works .card-art{aspect-ratio:16/9;border-radius:10px;padding:13px}
.works .card-index{display:none}
.works .card-top{justify-content:flex-end}
.works .card-label{font-size:9px;padding:2px 6px}
.works .art-type{font-size:27px;letter-spacing:-.6px}
.works .art-bottom{font-size:9px;letter-spacing:.7px}
.works .card-open{width:30px;height:30px;font-size:14px}
.works .card-info{padding:10px 1px 0}
.works .card-sector{font-size:11px;margin-bottom:3px}
.works .card-info h3{font-size:16px;line-height:1.35;letter-spacing:-.2px}
.works .card-info p{font-size:11px;line-height:1.5;margin-top:3px}
.works .results-line{margin-top:10px}
@media(max-width:600px){
  .works.section{padding:25px 0 20px}
  .works .showcase-heading{gap:12px;margin-bottom:15px}
  .works .showcase-heading h2{font-size:22px;letter-spacing:-.5px}
  .works .showcase-heading .eyebrow{font-size:9px;letter-spacing:1px}
  .works .carousel-controls{gap:4px}
  .works .carousel-controls button{width:29px;height:29px;font-size:14px}
  .works .project-grid{gap:12px}
  .works .card{flex-basis:clamp(190px,64vw,260px)}
  .works .card-art{padding:11px}
  .works .card-info h3{font-size:15px}
}

.works .card-info h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.works .portrait-art img{object-fit:contain;background:#101719}
.works .portrait-art:after{background:linear-gradient(#0002,transparent 55%,#0a151166)}
#dialog-media.is-embed{min-height:200px}
#dialog-media.is-portrait{aspect-ratio:9/16;width:min(330px,36vh,100%);max-height:64vh;margin-inline:auto;overflow:hidden}
#dialog-media.is-portrait video{min-height:0;object-fit:contain}
.dialog-source{display:inline-block;font-size:13px;color:var(--accent);text-decoration:underline;text-underline-offset:4px;margin:0 0 12px}
.dialog-source[hidden],#dialog-description[hidden],#dialog-eyebrow[hidden],#dialog-tags[hidden],#dialog-contact[hidden]{display:none}