:root{--bg:#000;--ink:#e1e1e1;--muted:#9e9e9e;--line:#2d2d2d;--accent:#4e23ff;--focus:#a897ff;--gutter:clamp(22px,4vw,72px);font-family:'Helvetica Neue',Helvetica,Arial,'PingFang TC','Noto Sans TC',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}html[lang=en] [data-lang=zh],html[lang=zh-Hant] [data-lang=en],[hidden]{display:none!important}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;padding:0}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:6px}a,button{touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{letter-spacing:-.04em}::selection{background:var(--accent);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:12px;left:var(--gutter);transform:translateY(-150%);z-index:100;background:var(--ink);color:#000;padding:12px}.skip:focus{transform:translateY(0)}.muted{color:var(--muted)}.indigo{color:var(--accent)}.eyebrow{font-size:12px;font-weight:400;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}.text-link{font-size:14px;display:inline-block;min-height:44px;padding:11px 0 6px;position:relative}.text-link:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;transform-origin:left;transition:transform .25s}.text-link:hover:after{transform:scaleX(.65)}.section{padding:100px var(--gutter)}
@font-face{font-family:'Avantt';src:url('/assets/fonts/avantt-light.otf') format('opentype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:'Avantt';src:url('/assets/fonts/avantt-regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Avantt';src:url('/assets/fonts/avantt-medium.otf') format('opentype');font-style:normal;font-weight:500;font-display:swap}
:root{font-family:'Avantt','Helvetica Neue',Helvetica,Arial,'PingFang TC','Noto Sans TC',sans-serif;font-synthesis:none}
h1,h2{font-weight:400}
/* Shared navigation */
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:0 var(--gutter);position:relative;z-index:20}.site-header.over-hero{position:absolute;top:0;left:0;right:0;color:#fff}.brand{display:block;width:126px;flex:none}.brand img{width:100%;height:auto;mix-blend-mode:screen}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:14px}.desktop-nav a{position:relative;padding:14px 0}.desktop-nav a:after{content:'';height:1px;position:absolute;left:0;right:100%;bottom:9px;background:currentColor;transition:right .2s}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{right:0}.header-controls{display:flex;align-items:center;gap:26px}.language{font-size:12px;min-width:44px;min-height:44px}.menu-toggle{display:none;min-height:44px;font-size:14px}.menu-dialog{max-width:none;max-height:none;width:100vw;height:100dvh;position:fixed;inset:0;margin:0;border:0;background:#080808;color:var(--ink);padding:0 var(--gutter)}.menu-dialog::backdrop{background:#000}.menu-top{display:flex;align-items:center;justify-content:space-between;height:90px}.menu-top button{min-height:44px;font-size:14px}.menu-dialog nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:5vh 0}.menu-dialog nav a{font-size:clamp(38px,8vw,68px);line-height:1.3;letter-spacing:-.035em}.menu-dialog nav a[aria-current=page]{color:#a897ff}.menu-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;font-size:12px;gap:20px}.menu-bottom a{min-height:44px}
/* First frame */
.hero{height:100svh;min-height:640px;max-height:1200px;position:relative;overflow:hidden;background:#0b0b0b;color:#fff}.hero-slide{position:absolute;inset:0;animation:fade-in .5s ease both}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.86)}.hero-slide[data-slide="1"] .hero-image,.hero-slide[data-slide="2"] .hero-image{object-fit:contain;background:#000}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent 30%,transparent 48%,rgba(0,0,0,.8))}.hero-info{position:absolute;left:var(--gutter);bottom:118px;max-width:calc(100% - 2*var(--gutter))}.hero-info .eyebrow{font-size:13px;margin-bottom:13px}.hero-info h1,.hero-info h2{font-size:clamp(30px,4.5vw,74px);line-height:1.05;letter-spacing:-.035em}.hero-meta{display:flex;gap:30px;font-size:12px;color:#c6c6c6;margin-top:16px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:20px}.hero-play{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px}.play-triangle{display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.hero-play .play-triangle{transition:transform .25s}.hero-play:hover .play-triangle{transform:scale(1.35)}.hero-index{position:absolute;bottom:28px;left:var(--gutter);display:flex;gap:20px}.hero-index button{min-height:44px;min-width:44px;font-size:17px;position:relative;color:#a9a9a9}.hero-index button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:0}.hero-index button[aria-pressed=true]{color:#fff}.hero-index button[aria-pressed=true]:after{opacity:1}.hero-scroll{position:absolute;bottom:34px;right:var(--gutter);font-size:12px;min-height:44px;display:flex;align-items:center;gap:22px}.hero-scroll>span[aria-hidden]{font-size:20px}.intro,.capability-preview{display:grid;grid-template-columns:1fr 1.7fr;gap:6vw;padding-top:140px;padding-bottom:140px}.intro>.eyebrow,.capability-preview>.eyebrow{padding-top:14px}.statement{font-size:clamp(60px,7.7vw,132px);line-height:.98;letter-spacing:-.055em}.intro-copy{max-width:520px;font-size:clamp(18px,1.5vw,23px);line-height:1.6;color:#b3b3b3;margin:34px 0 18px}.section-heading{border-top:1px solid var(--line);padding-top:25px;padding-bottom:38px;display:flex;align-items:baseline;justify-content:space-between;gap:24px}.section-heading h2{font-size:clamp(26px,3vw,44px);line-height:1.15}.section-heading>span{font-size:12px;color:var(--muted)}.selected{padding-top:0}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:62px}.home-grid{column-gap:4vw;row-gap:80px}.home-grid .work-card:nth-child(even){transform:translateY(100px)}.home-grid{padding-bottom:100px}.work-card{min-width:0}.card-image{overflow:hidden;position:relative;background:#080808;aspect-ratio:16/9}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.1,1),filter .5s}.card-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-top:17px}.card-artist{font-size:13px;color:var(--muted);margin-bottom:5px}.card-caption h3{font-size:clamp(20px,1.9vw,29px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}.card-category{font-size:11px;color:var(--muted);flex-shrink:0;margin-top:3px}.image-action{position:absolute;inset:auto 18px 17px auto;background:rgba(0,0,0,.65);padding:9px 13px;font-size:12px;opacity:0;transform:translateY(8px);transition:.25s}.project-link:hover img{transform:scale(1.025);filter:brightness(1.06)}.project-link:hover .image-action,.project-link:focus-visible .image-action{opacity:1;transform:none}.personal-label{font-size:11px;color:#b3a6ff;margin-top:8px}.capability-preview{border-top:1px solid var(--line)}.lab-teaser{position:relative;display:flex;flex-direction:column;min-height:720px;background:var(--accent);padding:60px var(--gutter);color:#fff;overflow:hidden}.lab-teaser-title{font-size:clamp(70px,10vw,160px);letter-spacing:-.06em;line-height:.95;margin:70px 0 90px;transition:transform .6s}.lab-teaser:hover .lab-teaser-title{transform:translateX(10px)}.lab-teaser-bottom{display:flex;justify-content:space-between;margin-top:auto;font-size:14px}
/* Work and film pages */
.page-intro{padding:76px var(--gutter) 74px}.page-intro>.eyebrow{margin-bottom:32px}.page-intro h1{font-size:clamp(65px,9.1vw,146px);line-height:.98;letter-spacing:-.055em;max-width:1200px}.page-intro h1 sup{font-size:16px;vertical-align:top;display:inline-block;padding:12px 0 0 18px;letter-spacing:0}.page-intro-copy{font-size:18px;line-height:1.6;max-width:580px;color:var(--muted);margin-top:34px}.work-index{padding-top:0}.work-tools{display:flex;gap:35px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.filters{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.filters button{color:#999;font-size:14px;min-height:44px;position:relative}.filters button[aria-pressed=true]{color:#fff}.filters button[aria-pressed=true]:after{content:'';position:absolute;left:0;bottom:0;right:0;height:2px;background:var(--accent)}.search-label{position:relative;display:block;width:240px;flex:none}.search-label input{background:none;border:0;font-size:12px;width:100%;padding:12px 30px 12px 0;min-height:44px}.search-label input::placeholder{color:#aaa}.search-icon{position:absolute;right:6px;top:15px;width:11px;height:11px;border:1px solid currentColor;border-radius:50%;pointer-events:none}.search-icon:after{content:'';position:absolute;width:5px;height:1px;background:currentColor;transform:rotate(45deg);right:-4px;bottom:-2px}.work-status{display:flex;justify-content:space-between;align-items:center;min-height:66px;font-size:12px;color:var(--muted)}.work-status button{min-height:44px;text-decoration:underline}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 25px}.archive-grid .card-caption{display:block}.archive-grid .card-category{display:block;margin-top:9px}.archive-grid .card-caption h3{font-size:22px}.archive-note{max-width:700px;font-size:12px;color:var(--muted);margin-top:85px;border-top:1px solid var(--line);padding-top:22px}.no-results{padding:85px 0 120px}.no-results h2{font-size:clamp(36px,5vw,70px)}.no-results p{color:var(--muted);margin:18px 0}.project-heading{padding:35px var(--gutter) 48px}.back-link{font-size:12px;color:var(--muted);display:inline-block;padding:12px 0;border-bottom:1px solid #777;margin-bottom:50px}.project-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.project-heading .eyebrow{margin-bottom:16px}.project-heading h1{font-size:clamp(36px,5.3vw,88px);line-height:1.07;max-width:1050px}.project-type{font-size:12px;line-height:1.7;color:var(--muted);flex-shrink:0;text-align:right}.project-player{position:relative;max-height:80vh;aspect-ratio:16/9;background:#070707;display:grid;place-items:center}.project-player>img{width:100%;height:100%;object-fit:contain;max-height:80vh}.play-button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(8px);padding:19px 26px;font-size:14px;min-width:146px;transition:background .25s,border .25s}.play-button:hover{background:var(--accent);border-color:var(--accent)}.project-description{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;padding-top:95px;padding-bottom:100px}.project-description h2{font-size:clamp(26px,3vw,46px);line-height:1.22;margin-top:25px;letter-spacing:-.025em}.scope{font-size:17px;margin:22px 0 40px;line-height:1.8}.project-facts h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding-bottom:15px}.project-facts dl{margin:0}.project-facts dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.project-facts dt{color:var(--muted)}.project-facts dd{margin:0}.project-facts .text-link{margin-top:25px}.recognition{border-top:1px solid var(--line);margin-top:60px;padding-top:23px}.recognition>p:nth-child(2){font-size:17px;margin-top:15px}.recognition small{color:var(--muted);font-size:12px;display:block;margin-top:10px}.attribution-note{color:var(--muted);font-size:14px;margin-top:25px;line-height:1.8}.project-still{padding:0 var(--gutter);margin-bottom:20px}.project-still img{width:100%}.project-still figcaption,.studio-image figcaption{font-size:11px;color:var(--muted);padding-top:13px}.next-project{border-top:1px solid var(--line);display:block;padding-top:65px;padding-bottom:85px}.next-project>span:not(.eyebrow){font-size:clamp(35px,6vw,96px);line-height:1.15;display:block;margin:30px 0 15px;letter-spacing:-.04em}.next-project small{font-size:14px;color:var(--muted)}.next-project:hover>span:not(.eyebrow){color:#fff}
/* Studio, capabilities and lab */
.studio-story{display:grid;grid-template-columns:1fr 1.7fr;gap:6vw;border-top:1px solid var(--line)}.studio-story h2{font-size:clamp(38px,5vw,78px);line-height:1.06;margin-bottom:42px}.studio-story>div>p{font-size:18px;line-height:1.85;max-width:630px;margin-bottom:25px;color:#b7b7b7}.studio-story .text-link{margin-top:10px}.studio-image{padding:0 var(--gutter) 100px}.studio-image>img{width:100%;max-height:760px;object-fit:cover}.recognition-list>a{display:grid;grid-template-columns:90px 1.1fr 1fr;gap:30px;border-bottom:1px solid var(--line);padding:32px 0}.recognition-list>a>span{font-size:14px;color:var(--muted)}.recognition-list h3{font-size:24px;letter-spacing:-.02em}.recognition-list small{display:block;margin-top:10px;color:var(--muted);font-size:13px}.recognition-list a:hover h3{text-decoration:underline;text-underline-offset:7px}.capability-rows{padding-top:0}.capability-row{display:grid;grid-template-columns:50px 1fr 40%;gap:35px;padding:60px 0 85px;border-top:1px solid var(--line)}.capability-row h2{font-size:clamp(50px,6vw,96px);line-height:1;margin-bottom:30px}.capability-row h3{font-size:19px;margin-bottom:18px}.capability-row p{font-size:14px;line-height:1.9;max-width:420px;color:var(--muted)}.capability-row img{width:100%;aspect-ratio:16/9;object-fit:cover}.capability-row .text-link{margin-top:24px}.process-section{padding-top:0}.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.process-grid li>span{font-size:12px;color:var(--muted)}.process-grid h3{font-size:24px;margin:35px 0 18px}.process-grid p{font-size:14px;color:var(--muted);line-height:1.8}.lab-hero{min-height:calc(100svh - 104px);padding:55px var(--gutter) 60px;display:flex;flex-direction:column;justify-content:space-between}.lab-hero h1{font-size:clamp(110px,20vw,330px);letter-spacing:-.085em;line-height:.9;padding:60px 0 80px}.lab-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.lab-caption p{font-size:clamp(24px,3.5vw,52px);line-height:1.1;letter-spacing:-.025em}.lab-caption>span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
/* Contact */
.contact-handle{display:inline-block;font-size:clamp(21px,3vw,44px);letter-spacing:-.035em;border-bottom:1px solid currentColor;margin-top:40px;padding-bottom:4px}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:10vw;border-top:1px solid var(--line)}.contact-layout>div>h2{font-size:clamp(48px,5vw,80px);line-height:1.05;margin:30px 0}.contact-layout>div>p:not(.eyebrow){font-size:16px;max-width:330px;color:#aaa;line-height:1.8}.contact-layout>div>.contact-note{font-size:12px!important;margin-top:25px;color:var(--muted)}.form-required{font-size:12px;color:var(--muted);margin-bottom:26px}form label{display:flex;flex-direction:column;gap:12px;font-size:13px;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}input,select,textarea{border-radius:0}form input,form select,form textarea{background:#080808;border:0;border-bottom:1px solid #555;padding:13px 12px;min-height:48px;width:100%;font-size:16px}form textarea{resize:vertical;line-height:1.65}form input:hover,form select:hover,form textarea:hover{border-bottom-color:#999}form small{font-size:12px;color:var(--muted)}.solid-button{background:var(--ink);color:#000;min-height:50px;padding:13px 22px;font-size:14px;transition:background .2s}.solid-button:hover{background:#fff}.solid-button:disabled{opacity:.5;cursor:default}#brief-result{border-top:1px solid var(--line);margin-top:40px;padding-top:35px}#brief-result h3{font-size:25px;margin-bottom:25px}#brief-result>p{font-size:12px;color:var(--muted);margin-top:20px}.brief-actions{display:flex;gap:26px;align-items:center;margin-top:25px}.faq{padding-top:0}.faq details{border-bottom:1px solid var(--line);padding:0 0 0 0}.faq summary{font-size:clamp(18px,2.1vw,28px);padding:25px 40px 25px 0;cursor:pointer;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;font-size:24px;top:24px}.faq details[open] summary:after{content:'−'}.faq details>p{max-width:780px;color:#aaa;line-height:1.8;font-size:16px;margin:4px 0 32px}.not-found{min-height:70vh}.not-found>p:not(.eyebrow){margin:30px 0}.not-found .text-link{margin-right:30px}
/* Footer and player */
.site-footer{padding:85px var(--gutter) 32px;border-top:1px solid var(--line)}.footer-call .eyebrow{margin-bottom:22px}.footer-title{font-size:clamp(55px,9vw,144px);line-height:1.05;letter-spacing:-.055em}.footer-title:hover{color:#fff}.footer-links{display:flex;align-items:center;gap:38px;margin-top:35px;font-size:14px}.footer-links>a{min-height:44px;display:inline-flex;align-items:center}.footer-wordmark{display:block;margin:70px -2vw 35px}.footer-wordmark img{width:100%;height:auto;object-fit:contain}.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:25px;font-size:11px;color:var(--muted)}.footer-meta a{min-height:44px;display:inline-flex;align-items:center}.film-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:#050505;color:var(--ink);padding:24px var(--gutter);margin:0}.film-dialog[open]{display:flex;flex-direction:column}.film-dialog::backdrop{background:#000}.film-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:55px}.film-toolbar p{font-size:14px}.film-toolbar button{font-size:14px;min-height:44px;white-space:nowrap;display:flex;gap:15px;align-items:center}.film-toolbar button>span[aria-hidden]{font-size:28px}.film-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.film-loading{color:#ccc;position:absolute;z-index:2;background:#111;padding:14px 20px;font-size:14px;text-align:center;pointer-events:none}.film-stage #film-mount{position:relative;width:100%;height:100%;min-height:200px}.film-stage iframe{width:100%;height:100%;border:0;display:block}.film-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0 10px;font-size:12px;color:var(--muted)}.film-bottom a{color:var(--ink);text-decoration:underline;min-height:44px;display:flex;align-items:center;white-space:nowrap}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#000;padding:13px 24px;max-width:calc(100vw - 40px);font-size:13px;z-index:100;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes fade-in{from{opacity:.35}to{opacity:1}}
@media(min-width:1800px){.section,.page-intro,.project-heading{max-width:1920px;margin-left:auto;margin-right:auto}}
@media(max-width:1150px){.desktop-nav{gap:22px}.header-controls{gap:16px}.work-tools{align-items:flex-start;flex-direction:column;gap:6px}.search-label{width:100%;max-width:320px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-row{grid-template-columns:35px 1fr 36%;gap:22px}.card-caption{display:block}.card-category{display:block;margin-top:10px}.process-grid{grid-template-columns:repeat(2,1fr);gap:55px}.project-description{gap:7vw}.contact-layout{gap:7vw}.recognition-list>a{grid-template-columns:55px 1fr 1fr}}
@media(max-width:760px){:root{--gutter:24px}.site-header{height:84px;gap:20px}.brand{width:100px}.desktop-nav{display:none}.header-controls{margin-left:auto;gap:20px}.menu-toggle{display:block}.section{padding:70px var(--gutter)}.hero{height:92svh;min-height:650px;max-height:920px}.hero-image{object-fit:cover;object-position:49% center}.hero-info{bottom:126px}.hero-info h1,.hero-info h2{font-size:clamp(31px,6.7vw,51px);max-width:560px}.hero-info .eyebrow{font-size:12px}.hero-meta{font-size:11px;flex-direction:column;gap:4px}.hero-actions{gap:25px;margin-top:16px}.hero-actions .text-link,.hero-play{font-size:13px}.hero-index{bottom:30px;gap:13px}.hero-scroll{bottom:30px;gap:14px}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.65),transparent 35%,rgba(0,0,0,.35) 52%,rgba(0,0,0,.92))}.intro,.capability-preview{grid-template-columns:1fr;gap:40px}.intro>.eyebrow,.capability-preview>.eyebrow{padding:0}.statement{font-size:clamp(53px,11.7vw,88px)}.intro-copy{font-size:18px;margin-top:28px}.section-heading{padding-bottom:30px;gap:16px}.section-heading h2{font-size:28px}.section-heading .text-link{font-size:12px;flex-shrink:0}.selected{padding-top:0}.work-grid,.archive-grid{grid-template-columns:1fr;gap:38px}.home-grid{padding-bottom:0}.home-grid .work-card:nth-child(even){transform:none}.card-caption{display:flex;gap:16px}.card-caption h3,.archive-grid .card-caption h3{font-size:22px}.card-category{font-size:10px;max-width:95px;text-align:right;margin-top:3px}.card-artist{font-size:12px}.archive-grid .card-caption{display:flex}.archive-grid .card-category{margin-top:3px}.image-action{display:none}.lab-teaser{min-height:540px;padding:40px var(--gutter)}.lab-teaser-title{font-size:clamp(55px,13vw,92px);margin:70px 0}.lab-teaser-bottom{font-size:12px;gap:20px}.page-intro{padding:50px var(--gutter) 55px}.page-intro>.eyebrow{margin-bottom:26px}.page-intro h1{font-size:clamp(55px,12.5vw,90px)}.page-intro-copy{font-size:16px;margin-top:28px}.work-index{padding-top:0}.filters{gap:7px 24px}.filters button{font-size:13px}.work-tools{gap:12px;padding:15px 0}.search-label{max-width:100%;border-top:1px solid var(--line);padding-top:8px}.search-icon{top:23px}.search-label input{font-size:14px}.archive-note{margin-top:50px}.project-heading{padding:12px var(--gutter) 32px}.back-link{margin-bottom:32px}.project-heading-row{display:block}.project-heading h1{font-size:clamp(31px,8vw,54px);overflow-wrap:anywhere}.project-type{text-align:left;margin-top:20px;display:flex;gap:15px}.project-type br{display:none}.project-player{aspect-ratio:16/10}.play-button{font-size:12px;padding:13px 18px;min-width:124px;min-height:44px}.project-description{grid-template-columns:1fr;gap:55px}.project-description h2{font-size:29px;line-height:1.35}.recognition{margin-top:35px}.project-still{padding:0}.project-still figcaption{padding:12px var(--gutter)}.project-facts dl>div{font-size:13px;grid-template-columns:1fr 1.2fr}.next-project{padding-top:45px;padding-bottom:50px}.next-project>span:not(.eyebrow){font-size:38px;overflow-wrap:anywhere}.studio-story{grid-template-columns:1fr;gap:35px}.studio-story h2{font-size:44px;margin-bottom:28px}.studio-story>div>p{font-size:17px}.studio-image{padding:0 0 65px}.studio-image img{min-height:300px;object-fit:cover}.studio-image figcaption{padding-left:var(--gutter)}.recognition-list>a{grid-template-columns:44px 1fr;gap:12px 20px}.recognition-list h3{font-size:22px}.recognition-list>a>div{grid-column:2}.capability-rows{padding-top:0}.capability-row{grid-template-columns:30px 1fr;gap:20px;padding:38px 0 55px}.capability-row h2{font-size:56px}.capability-row>a{grid-column:2}.capability-row h3{font-size:18px}.process-section{padding-top:0}.process-grid{gap:38px 25px}.process-grid h3{font-size:22px;margin-top:22px}.process-grid p{font-size:13px}.lab-hero{min-height:calc(90svh - 84px);padding:45px var(--gutter)}.lab-hero h1{font-size:26vw;letter-spacing:-.08em;padding:75px 0 90px}.lab-caption{gap:25px}.lab-caption p{font-size:26px}.lab-caption>span{font-size:10px}.contact-handle{font-size:27px;margin-top:30px}.contact-layout{grid-template-columns:1fr;gap:50px}.contact-layout>div>h2{font-size:50px}.contact-layout>div>p:not(.eyebrow){max-width:500px}.form-row{grid-template-columns:1fr;gap:0}form label{margin-bottom:25px}.faq{padding-top:0}.faq summary{font-size:19px}.faq details>p{font-size:15px}.site-footer{padding:65px var(--gutter) 24px}.footer-title{font-size:clamp(45px,10.8vw,80px)}.footer-links{gap:24px;flex-wrap:wrap;margin-top:24px;font-size:12px}.footer-links .text-link{font-size:12px}.footer-wordmark{margin:58px -2vw 25px}.footer-wordmark img{object-fit:contain}.footer-meta{flex-wrap:wrap;gap:14px;font-size:10px;align-items:flex-start}.footer-meta>span:nth-child(2){margin-left:auto}.footer-meta>a{flex-basis:100%}.film-dialog{padding:16px 18px}.film-toolbar{align-items:flex-start;gap:15px}.film-toolbar p{font-size:12px;margin-top:12px;max-width:65%}.film-toolbar button{font-size:12px;gap:7px}.film-bottom{align-items:flex-start;font-size:11px;gap:15px}.film-bottom p{max-width:220px}.film-bottom a{min-height:44px}.toast{font-size:12px;width:max-content}.not-found{min-height:65vh}}
@media(max-width:360px){:root{--gutter:20px}.hero-info h1{font-size:28px}.hero-info{bottom:125px}.hero-scroll{font-size:10px;gap:10px}.hero-index{gap:6px}.filters{gap:7px 18px}.card-caption{display:block}.card-category{text-align:left;max-width:none;margin-top:10px}.archive-grid .card-caption{display:block}.process-grid{grid-template-columns:1fr}.footer-links{gap:20px}.lab-caption{flex-direction:column;align-items:flex-start}.lab-teaser-title{font-size:15vw}.brief-actions{gap:18px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.project-link:hover img,.lab-teaser:hover .lab-teaser-title{transform:none}}

.image-unavailable{display:grid;place-items:center;border:1px solid var(--line)}.image-unavailable:before{content:"Image unavailable";color:var(--muted);font-size:12px}html[lang=zh-Hant] .image-unavailable:before{content:"圖片暫時無法顯示"}
/* TYPEX / Film-first art direction, revision 02 */
:root{--gutter:clamp(24px,2.8vw,48px);--muted:#aaa;font-size:16px}body{line-height:1.5}.eyebrow{font-size:.75rem;letter-spacing:.07em}.site-header{height:90px;gap:30px}.brand{width:138px}.desktop-nav{margin-left:0;position:absolute;left:50%;transform:translateX(-50%);gap:48px;font-size:.875rem}.header-controls{margin-left:auto;gap:25px}.language{font-size:.875rem}.menu-toggle{display:flex;align-items:center;gap:14px;font-size:.875rem}.menu-toggle i{display:block;width:18px;height:6px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.menu-dialog{background:#080808;overflow-y:auto}.menu-top{height:90px}.menu-top button{display:flex;align-items:center;gap:18px}.menu-top button>span[aria-hidden]{font-size:28px}.menu-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;min-height:calc(100dvh - 215px)}.menu-dialog nav{padding:35px 0;gap:5px}.menu-dialog nav a{font-size:clamp(38px,5.2vw,82px);line-height:1.22;letter-spacing:-.045em}.menu-image{position:relative}.menu-image img{width:100%;aspect-ratio:16/10;object-fit:cover}.menu-image>span{position:absolute;left:20px;bottom:20px;font-size:12px}.menu-bottom{padding:22px 0;line-height:1.7}.menu-bottom>div{display:flex;gap:32px;align-items:center}.menu-bottom a{font-size:14px}
.hero{height:100svh;min-height:620px;max-height:none;background:#000}.hero-image,.hero-slide[data-slide="1"] .hero-image,.hero-slide[data-slide="2"] .hero-image{object-fit:cover;filter:none;object-position:center;min-height:100%}.hero-slide{animation:film-change .6s ease both}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 23%,transparent 48%,rgba(0,0,0,.64))}.hero-motion{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .6s ease;background:#000}.hero-motion.is-playing{opacity:1}.hero-motion iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;max-width:none;pointer-events:none}.hero-info{left:auto;right:var(--gutter);bottom:128px;max-width:650px;width:52%;text-align:right;text-shadow:0 2px 20px #0006}.hero-client{font-size:clamp(18px,2vw,30px);font-weight:500;line-height:1.2;margin-bottom:8px}.hero-info h2{font-size:clamp(28px,3.2vw,52px);line-height:1.08;letter-spacing:-.025em}.hero-credit{font-size:14px;margin-top:15px;color:#eee}.hero-actions{justify-content:flex-end;gap:28px;margin-top:20px}.hero-actions .text-link,.hero-play{font-size:14px}.hero-control-bar{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;display:flex;align-items:center;gap:40px;border-top:1px solid #ffffff40;padding-top:15px}.hero-index{position:static;display:flex;gap:48px;margin-right:auto}.hero-index button{font-size:32px;font-weight:400;color:#ffffff70;min-height:48px;min-width:55px;letter-spacing:-.045em;transition:color .25s}.hero-index button:after{display:none}.hero-index button[aria-pressed=true]{color:#fff}.hero-index button:hover{color:#fff}.motion-toggle{font-size:14px;color:#ddd;min-height:44px;min-width:98px}.motion-toggle:before{content:'';display:inline-block;vertical-align:middle;width:7px;height:9px;border-left:2px solid currentColor;border-right:2px solid currentColor;margin-right:12px}.motion-toggle[aria-pressed=false]:before{width:0;height:0;border:4px solid transparent;border-left:6px solid currentColor;margin-right:7px}.hero-scroll{position:static;font-size:14px;min-height:44px;white-space:nowrap}.hero-scroll:hover{text-decoration:underline;text-underline-offset:6px}
.selected{padding:0}.gallery-heading{padding:38px var(--gutter) 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.gallery-heading h2{font-size:24px;letter-spacing:-.02em;line-height:1.2}.gallery-heading>.eyebrow{color:var(--muted);margin-right:auto}.gallery-heading .text-link{font-size:14px}.work-grid,.archive-grid,.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 3px;padding:0}.home-grid .work-card:nth-child(even){transform:none}.work-card{position:relative}.card-image{aspect-ratio:16/10;background:#080808}.card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 28%,transparent 42%,#000b);transition:background .3s;pointer-events:none}.card-image img{object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.1,1),filter .5s}.card-caption,.archive-grid .card-caption{position:absolute;z-index:1;left:24px;right:24px;bottom:23px;display:block;padding:0;text-shadow:0 1px 10px #0006}.card-artist{font-size:14px;color:#eee;margin-bottom:5px}.card-caption h3,.archive-grid .card-caption h3{font-size:clamp(20px,1.65vw,28px);line-height:1.15;letter-spacing:-.02em;max-width:95%;color:#fff;overflow-wrap:normal}.card-attribution{font-size:12px;display:block;margin-top:9px;color:#bdbdbd}.card-number{position:absolute;z-index:1;left:24px;top:19px;font-size:12px;color:#eee}.card-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 24px;min-height:48px;font-size:12px;color:var(--muted)}.card-year{margin-left:15px;color:#777}.card-preview{min-height:44px;display:flex;align-items:center;gap:9px;font-size:14px;color:#ddd;white-space:nowrap}.card-preview .play-triangle{border-top-width:4px;border-bottom-width:4px;border-left-width:6px}.project-link:hover img{transform:scale(1.04);filter:brightness(1.06)}.project-link:focus-visible{outline-offset:-3px;display:block}.project-link:focus-visible .card-caption h3{text-decoration:underline;text-underline-offset:6px}.studio-bridge{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:1fr 1.55fr;gap:6vw}.studio-bridge h2{font-size:clamp(36px,4.4vw,68px);line-height:1.08;margin-bottom:30px;letter-spacing:-.045em}.studio-bridge>div>p{font-size:18px;line-height:1.7;color:#aaa;max-width:620px}.bridge-links{display:flex;gap:32px;margin-top:25px;flex-wrap:wrap}
.work-title{padding:45px var(--gutter) 30px;display:flex;align-items:baseline;justify-content:space-between;gap:30px}.work-title h1{font-size:clamp(48px,5.2vw,80px);line-height:1.08;letter-spacing:-.045em}.work-title h1 sup{font-size:14px;margin-left:15px;vertical-align:top;position:relative;top:10px;letter-spacing:0}.work-title>p{font-size:14px;color:var(--muted);max-width:350px}.work-index{padding:0 0 65px}.work-tools{margin:0 var(--gutter);padding:12px 0;flex-direction:row;align-items:center;border-color:#333;gap:30px}.filters{gap:26px}.filters button{font-size:14px;white-space:nowrap}.search-label{width:225px;flex:0 1 250px;max-width:none}.search-label input{font-size:14px}.work-status{margin:0 var(--gutter);min-height:55px}.archive-end{margin:60px var(--gutter) 0;display:flex;justify-content:space-between;align-items:baseline;gap:40px;font-size:14px;color:var(--muted)}.archive-end a{white-space:nowrap;border-bottom:1px solid #888;padding:12px 0}.no-results{padding:70px var(--gutter) 100px}
.case-topline{margin:20px var(--gutter) 0;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);gap:30px}.case-topline a{text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}.case-topline>span:nth-child(2){margin-left:auto}.project-heading{padding:27px var(--gutter) 43px}.project-heading>.eyebrow{font-size:14px;margin-bottom:18px;letter-spacing:0;text-transform:none}.project-heading h1{font-size:clamp(32px,4.8vw,76px);line-height:1.07;max-width:1050px}.project-type{font-size:14px;display:flex;flex-direction:column;gap:14px;min-width:145px}.project-type>span{display:block}.duration{margin-left:20px}.inline-film{position:relative;background:#080808;aspect-ratio:16/9;max-height:82vh;max-width:1920px;margin:0 auto;min-height:180px}.inline-poster{position:absolute;inset:0}.inline-poster>img{width:100%;height:100%;object-fit:contain}.inline-poster:after{content:'';position:absolute;inset:0;background:#0001;pointer-events:none}.play-button{z-index:2;border:1px solid #ffffff90;background:#0007;backdrop-filter:blur(5px);min-width:150px;min-height:58px;font-size:14px;padding:16px 23px}.play-button:hover{background:#e1e1e1;color:#000;border-color:#e1e1e1}.inline-mount{position:absolute;inset:0;background:#000}.inline-mount iframe{width:100%;height:100%;border:0;display:block}.inline-status{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;color:#ddd;background:#111;padding:15px 20px;pointer-events:none;max-width:90%;text-align:center}.player-caption{padding:15px var(--gutter);display:flex;align-items:center;gap:30px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}.player-caption a{margin-left:auto;font-size:14px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}.inline-stop{min-height:44px;font-size:14px}.project-description{padding-top:85px;padding-bottom:80px;gap:8vw;grid-template-columns:1.35fr 1fr}.project-description h2{font-size:clamp(26px,2.65vw,41px);line-height:1.3}.case-context{font-size:16px;color:var(--muted);line-height:1.85;margin-top:28px;max-width:720px}.project-facts .scope{font-size:18px;line-height:1.8;margin-top:25px}.project-facts dl>div{font-size:14px;line-height:1.6;grid-template-columns:1fr 1.6fr;gap:20px;padding:16px 0}.project-gallery{padding:0 var(--gutter) 80px}.project-gallery .section-heading{padding:20px 0 28px}.project-gallery h2{font-size:24px}.frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.frame-grid .frame-featured{grid-column:1 / -1}.frame-grid img{width:100%;height:auto;object-fit:contain}.frame-grid figcaption{display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:12px;padding-top:12px}.credits-section{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;border-top:1px solid var(--line);padding-top:65px;padding-bottom:85px}.credits-section h2{font-size:clamp(30px,3.5vw,53px);line-height:1.1;margin-top:30px;margin-bottom:28px}.credits-section dl{margin:0;min-width:0}.credits-section dl>div{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}.credits-section dt{color:var(--muted)}.credits-section dd{margin:0;overflow-wrap:anywhere}.related{padding:0 0 70px}.related .gallery-heading{border-top:1px solid var(--line)}.next-project{padding-top:50px;padding-bottom:60px}.next-project>span:not(.eyebrow){font-size:clamp(34px,5vw,78px);margin:20px 0 10px}.page-case .recognition{margin-top:35px}.page-case .recognition small{font-size:12px;line-height:1.7}
.page-intro{padding:55px var(--gutter) 70px}.page-intro h1{font-size:clamp(50px,6.5vw,104px)}.page-intro>.eyebrow{margin-bottom:28px}.studio-story{padding-top:75px;padding-bottom:75px}.studio-story h2{font-size:clamp(36px,4.2vw,65px)}.studio-image{padding-bottom:75px}.capability-row{padding:45px 0 65px}.capability-row h2{font-size:clamp(44px,5vw,78px)}.capability-row p{font-size:16px}.process-grid p{font-size:16px}.lab-hero{min-height:calc(90svh - 90px)}.lab-hero h1{font-size:clamp(110px,18vw,290px)}.contact-layout>div>h2{font-size:clamp(42px,4.5vw,68px)}.site-footer{position:relative;padding:65px var(--gutter) 25px}.footer-call{max-width:75%}.footer-title{font-size:clamp(46px,6.5vw,105px);line-height:1.1}.footer-links{gap:30px;font-size:14px;margin-top:25px}.footer-wordmark{position:absolute;right:var(--gutter);top:80px;width:20vw;max-width:330px;margin:0}.footer-wordmark img{width:100%;height:auto;object-fit:contain}.footer-meta{font-size:12px;margin-top:65px;padding-top:20px}.film-toolbar p{font-size:14px}.film-bottom{font-size:14px}.work-status{font-size:12px}.card-year{font-size:12px}@keyframes film-change{from{opacity:.3}to{opacity:1}}
@media(max-width:1150px){.desktop-nav{gap:28px}.work-tools{flex-wrap:wrap;gap:8px}.filters{gap:20px}.search-label{flex-basis:230px}.work-grid,.home-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-caption h3,.archive-grid .card-caption h3{font-size:24px}.gallery-heading>.eyebrow{display:none}.hero-info{width:65%}.hero-index{gap:28px}.studio-bridge{grid-template-columns:1fr 1.7fr}.project-description{gap:55px}.project-heading-row{gap:35px}}
@media(max-width:760px){:root{--gutter:22px}.site-header{height:78px}.brand{width:106px}.desktop-nav{display:none}.header-controls{gap:18px}.language,.menu-toggle{font-size:14px}.menu-toggle{gap:10px}.menu-top{height:78px}.menu-layout{grid-template-columns:1fr;min-height:calc(100dvh - 210px);gap:0;align-items:start}.menu-dialog nav{gap:10px;padding-top:25px;padding-bottom:30px}.menu-dialog nav a{font-size:clamp(38px,9vw,66px)}.menu-image{display:none}.menu-bottom>div{gap:22px}.hero{height:100svh;min-height:620px}.hero-info{left:var(--gutter);right:var(--gutter);bottom:134px;width:auto;max-width:none;text-align:left}.hero-client{font-size:18px}.hero-info h2{font-size:clamp(28px,7.4vw,47px);line-height:1.12}.hero-credit{font-size:14px;margin-top:12px}.hero-actions{justify-content:flex-start;gap:28px;margin-top:17px}.hero-control-bar{bottom:18px;gap:15px;flex-wrap:wrap;padding-top:11px}.hero-index{gap:16px;flex:1;margin:0}.hero-index button{font-size:26px;min-width:42px;min-height:46px}.motion-toggle{font-size:12px;min-width:95px;text-align:right;min-height:44px}.hero-scroll{font-size:12px;position:absolute;right:0;bottom:64px;min-height:30px}.hero-shade{background:linear-gradient(180deg,#0006,transparent 27%,transparent 42%,#000c)}.hero-image{object-position:center}.gallery-heading{padding:25px var(--gutter) 19px;gap:20px}.gallery-heading h2{font-size:22px}.gallery-heading .text-link{font-size:14px}.work-grid,.home-grid,.archive-grid{grid-template-columns:1fr;row-gap:15px}.card-image{aspect-ratio:16/10}.card-caption,.archive-grid .card-caption{left:var(--gutter);right:var(--gutter);bottom:24px}.card-artist{font-size:14px}.card-caption h3,.archive-grid .card-caption h3{font-size:25px;line-height:1.18}.card-attribution{font-size:12px;margin-top:9px}.card-strip{padding:0 var(--gutter);min-height:46px}.card-preview{font-size:14px}.card-number{left:var(--gutter);font-size:12px}.studio-bridge{grid-template-columns:1fr;gap:32px;padding-top:70px;padding-bottom:70px}.studio-bridge h2{font-size:39px;line-height:1.12}.studio-bridge>div>p{font-size:17px}.bridge-links{gap:25px}.work-title{display:block;padding:34px var(--gutter) 30px}.work-title h1{font-size:56px}.work-title>p{font-size:14px;margin-top:19px}.work-tools{flex-direction:column;align-items:stretch;gap:9px}.filters{gap:2px 22px}.filters button{font-size:14px;min-height:44px}.search-label{flex:none;width:100%;padding-top:7px}.search-label input{font-size:16px}.work-status{min-height:51px}.archive-end{margin-top:35px;display:block;font-size:14px}.archive-end a{display:inline-block;margin-top:15px}.case-topline{margin-top:5px;font-size:12px;padding:13px 0;gap:16px}.case-topline a{font-size:14px}.project-heading{padding:22px var(--gutter) 32px}.project-heading h1{font-size:clamp(31px,8vw,49px);overflow-wrap:normal}.project-heading>.eyebrow{font-size:14px;margin-bottom:14px}.project-heading-row{display:block}.project-type{font-size:14px;display:flex;flex-direction:row;justify-content:space-between;text-align:left;gap:20px;margin-top:23px}.duration{margin-left:14px}.inline-film{aspect-ratio:16/9;max-height:none;min-height:0}.play-button{min-height:54px;font-size:14px;min-width:140px;padding:13px 21px}.player-caption{padding:10px var(--gutter);gap:15px;flex-wrap:wrap;font-size:12px}.player-caption a,.inline-stop{font-size:14px}.player-caption>span{margin-right:auto}.inline-status{font-size:14px;max-width:90%;min-width:230px}.project-description{grid-template-columns:1fr;gap:46px;padding:55px var(--gutter)}.project-description h2{font-size:27px;line-height:1.35}.case-context{font-size:16px}.project-facts .scope{font-size:18px}.project-facts dl>div{font-size:14px}.project-gallery{padding:0 0 50px}.project-gallery .section-heading{margin:0 var(--gutter);padding:20px 0 25px}.frame-grid{grid-template-columns:1fr;gap:27px}.frame-grid .frame-featured{grid-column:auto}.frame-grid figcaption{padding:12px var(--gutter) 0;font-size:12px}.credits-section{grid-template-columns:1fr;padding:50px var(--gutter);gap:30px}.credits-section h2{font-size:36px;margin-top:22px;margin-bottom:15px}.credits-section dl>div{grid-template-columns:1fr 1.4fr;font-size:14px;gap:20px;padding:14px 0}.related{padding-bottom:35px}.next-project{padding-top:35px;padding-bottom:40px}.next-project>span:not(.eyebrow){font-size:36px}.page-intro{padding:38px var(--gutter) 50px}.page-intro h1{font-size:clamp(48px,11.8vw,80px)}.studio-story{padding:55px var(--gutter);gap:30px}.studio-story h2{font-size:38px}.studio-story>div>p{font-size:17px}.studio-image{padding-bottom:55px}.capability-row{padding:30px 0 45px;gap:16px}.capability-row h2{font-size:50px}.capability-row p,.process-grid p{font-size:16px}.process-grid{grid-template-columns:1fr;gap:30px}.process-grid li{display:grid;grid-template-columns:35px 1fr;column-gap:20px}.process-grid li>span{grid-row:1 / 3;padding-top:5px}.process-grid h3{margin:0 0 13px}.process-grid p{grid-column:2}.lab-hero{min-height:calc(90svh - 78px)}.lab-hero h1{font-size:26vw}.lab-caption>span{font-size:12px}.contact-layout{padding-top:55px;padding-bottom:55px}.site-footer{padding-top:50px}.footer-call{max-width:none}.footer-call>.eyebrow{font-size:12px}.footer-title{font-size:52px}.footer-links{gap:18px 26px;margin-top:22px;font-size:14px}.footer-links .text-link{font-size:14px}.footer-wordmark{position:static;width:160px;max-width:none;margin:40px 0 30px}.footer-meta{margin-top:0;font-size:12px;gap:8px;flex-direction:column}.footer-meta>span:nth-child(2){margin:0}.footer-meta>a{flex-basis:auto}.film-bottom{font-size:12px}.film-toolbar p{font-size:14px;max-width:65%}.film-toolbar button{font-size:14px}.image-unavailable:before{font-size:14px}}
@media(max-width:360px){.hero-info{bottom:150px}.hero-scroll{bottom:63px}.hero-index{gap:8px}.hero-info h2{font-size:28px}.hero-credit{font-size:13px}.card-caption h3,.archive-grid .card-caption h3{font-size:23px}.card-strip{gap:8px}.card-year{margin-left:7px}.card-preview{font-size:13px}.filters{gap:4px 16px}.credits-section dl>div{grid-template-columns:1fr;gap:5px}.project-type{font-size:13px}.hero-actions{gap:25px}.footer-title{font-size:48px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-motion{animation:none!important;transition:none!important}}
.hero-motion video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-slide[data-slide="0"] .hero-motion video{object-position:center}.inline-mount iframe:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}
.extended-credits{margin-top:28px;border-top:1px solid #555}.extended-credits summary{font-size:14px;padding:22px 35px 22px 0;min-height:55px;cursor:pointer;position:relative;list-style:none}.extended-credits summary::-webkit-details-marker{display:none}.extended-credits summary:after{content:'+';position:absolute;right:0;font-size:24px;top:15px}.extended-credits[open] summary:after{content:'−'}.credits-wrap{min-width:0}.extended-credits dl>div{font-size:13px;grid-template-columns:1fr 1.4fr}

/* Source-aware card framing. Full project stills retain their native frame. */
.card-image img{transform:scale(var(--image-zoom,1));object-position:var(--image-position,50% 50%)}
.project-link:hover .card-image img,.project-link:focus-visible .card-image img{transform:scale(calc(var(--image-zoom,1)*1.035))}
@media(prefers-reduced-motion:reduce){.card-image img{transition:none}.project-link:hover .card-image img,.project-link:focus-visible .card-image img{transform:scale(var(--image-zoom,1))}}
@media(max-width:760px){.hero-image,.hero-motion{bottom:auto;height:75%}.hero-slide[data-slide] .hero-image{object-fit:cover;object-position:50% 35%;min-height:0}.hero-shade{background:linear-gradient(180deg,#0005,transparent 20%,transparent 38%,#000a 61%,#000 78%)}.hero-motion video{object-position:50% 35%}.project-type{flex-wrap:wrap}.project-heading h1{overflow-wrap:anywhere}.extended-credits dl>div{grid-template-columns:1fr 1.3fr}.card-caption h3{overflow-wrap:break-word}}
@media(max-width:360px){.extended-credits dl>div{grid-template-columns:1fr}}

.credits-group-title{font-size:14px;margin:18px 0 15px;color:#eee;letter-spacing:.02em}.credits-group-title:not(:first-of-type){margin-top:35px}

/* Featured-film carousel: a full-bleed screen with a compact film selector. */
.hero{touch-action:pan-y pinch-zoom;cursor:grab;isolation:isolate;--slide-enter:0%}
.hero:focus-visible{outline-offset:-4px}
.hero-slide{animation:feature-enter .55s cubic-bezier(.22,.68,.18,1) both}
.hero-image{user-select:none;-webkit-user-drag:none}
.hero-info{bottom:166px;max-width:760px;width:60%}
.hero-info h2{font-size:clamp(2rem,4.5vw,4.625rem);overflow-wrap:break-word}
.hero-shade{pointer-events:none}
.hero-control-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr) auto;gap:32px;bottom:26px;padding-top:16px;cursor:default;z-index:2}
.hero-browse{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 24px}
.hero-position{font-size:1.125rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;grid-row:1 / 3;white-space:nowrap}
.hero-position-divider,.hero-position>span:last-child{color:#ffffff80}
.hero-gesture{font-size:.75rem;color:#ffffffa8;grid-column:2}
.hero-navigation{display:flex;gap:14px;align-items:center;color:#ffffff70;grid-column:2}
.hero-step{font-size:.875rem;min-height:44px;min-width:44px;color:#fff}
.hero-step:hover{text-decoration:underline;text-underline-offset:5px}
.hero-index{position:static;display:grid;grid-template-columns:repeat(var(--feature-count,9),minmax(0,1fr));gap:8px;margin:0;align-items:center;align-self:stretch}
.hero-index button{font-size:.875rem;letter-spacing:0;min-width:0;min-height:52px;color:#ffffff85;font-variant-numeric:tabular-nums}
.hero-index button:after{display:block;opacity:.28;bottom:4px;height:2px;transition:opacity .2s,background .2s}
.hero-index button[aria-pressed=true]:after,.hero-index button:hover:after{opacity:1;background:#fff}
.hero-utilities{display:flex;flex-direction:column;align-items:flex-end;gap:0;min-width:114px}
.hero-utilities .motion-toggle,.hero-utilities .hero-scroll{position:static;font-size:.875rem;min-height:44px;text-align:right;white-space:nowrap}

.hero.is-dragging{cursor:grabbing;user-select:none}
.hero.is-dragging .hero-slide:not([hidden]){animation:none;transform:translateX(var(--drag-offset,0))}
.hero-motion iframe{border:0}
@keyframes feature-enter{from{opacity:.5;transform:translateX(var(--slide-enter,0))}to{opacity:1;transform:translateX(0)}}
@media(max-width:1050px){
 .hero-control-bar{grid-template-columns:minmax(190px,1fr) minmax(250px,1.4fr) auto;gap:20px}
 .hero-browse{column-gap:14px}.hero-navigation{gap:10px}.hero-index{gap:5px}
 .hero-info{width:72%}
}
@media(max-width:760px){
 .hero{min-height:700px}
 .hero-info{bottom:216px;width:auto;max-width:none;left:var(--gutter);right:var(--gutter)}
 .hero-info h2{font-size:clamp(1.75rem,7.4vw,2.9375rem);line-height:1.14}
 .hero-control-bar{grid-template-columns:1fr 1fr;gap:2px 20px;bottom:max(14px,env(safe-area-inset-bottom));padding-top:11px}
 .hero-index{grid-column:1 / -1;grid-row:1;gap:5px;width:100%;min-width:0}
 .hero-index button{font-size:.875rem;min-width:0;min-height:44px}
 .hero-browse{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:0 16px;align-content:center;align-items:center}
 .hero-position{font-size:1rem}
 .hero-gesture{display:none}
 .hero-navigation{gap:10px}
 .hero-utilities{grid-column:2;grid-row:2;min-width:0}
 .hero-utilities .motion-toggle,.hero-utilities .hero-scroll{font-size:.875rem;min-width:0;min-height:44px}
 
 .hero-actions{gap:24px;flex-wrap:wrap}
 .hero-image,.hero-motion{height:75%}
}
@media(max-width:360px){
 .hero-control-bar{column-gap:10px}.hero-browse{column-gap:12px}.hero-index{gap:3px}
 .hero-info{bottom:216px}.hero-info h2{font-size:1.75rem}.hero-credit{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){
 .hero-slide{animation:none!important}.hero.is-dragging .hero-slide:not([hidden]){transform:none}
 .hero-index button:after{transition:none}
}

/* Studio imagery, framed as an editorial photo sequence. */
.studio-behind{padding-top:0;padding-bottom:85px}
.studio-behind-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px;margin-bottom:32px}
.studio-behind-heading h2{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2}
.studio-behind-heading>span{font-size:.75rem;letter-spacing:.04em;color:var(--muted);white-space:nowrap}
.studio-behind-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px;align-items:start}
.studio-behind-wide{grid-column:1 / -1}
.studio-photo-crop{position:relative;overflow:hidden;background:#111;aspect-ratio:var(--photo-ratio)}
.studio-photo-crop img{position:absolute;width:var(--photo-width);height:var(--photo-height);max-width:none;left:var(--photo-left);top:var(--photo-top)}
.studio-behind-grid figcaption{display:flex;align-items:baseline;gap:18px;font-size:.875rem;color:#bbb;padding-top:14px}
.studio-behind-grid figcaption>span:first-child{font-size:.75rem;color:#888;font-variant-numeric:tabular-nums}
.studio-behind-source{font-size:.75rem;color:var(--muted);margin-top:28px}
.studio-behind-source a{text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:8px 0}
@media(max-width:760px){
 .studio-behind{padding-bottom:55px}
 .studio-behind-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px;padding-top:22px}
 .studio-behind-grid{grid-template-columns:1fr;gap:28px}
 .studio-behind-wide{grid-column:auto}
 .studio-behind-grid figcaption{padding-top:12px}
 .studio-behind-source{margin-top:22px;line-height:1.6}
}

/* Curated project frames: preserve the complete image and its natural ratio. */
.frame-grid{align-items:start;gap:38px 22px}.gallery-frame{min-width:0}.frame-open{position:relative;display:block;width:100%;overflow:hidden;text-align:left;cursor:zoom-in;background:#080808}.frame-grid .frame-open img{width:100%;height:auto;object-fit:contain;transition:filter .3s}.frame-open:hover img{filter:brightness(1.07)}.frame-open:focus-visible{outline-offset:5px}.frame-enlarge{position:absolute;right:16px;bottom:16px;display:flex;gap:14px;align-items:center;font-size:.875rem;padding:9px 12px;border:1px solid #ffffff35;background:#0009;backdrop-filter:blur(8px);color:#eee;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.frame-open:hover .frame-enlarge,.frame-open:focus-visible .frame-enlarge{opacity:1;transform:none}.frame-grid figcaption>span:first-child{flex:none;color:#777}.frame-grid figcaption>span:last-child{max-width:85%;text-align:right;line-height:1.6}.image-viewer{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px var(--gutter) 24px;border:0;color:var(--ink);background:#050505;overflow:hidden}.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}.image-viewer::backdrop{background:#000}.image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;font-size:12px}.image-viewer-toolbar p{color:var(--muted);font-variant-numeric:tabular-nums}.image-viewer-toolbar button{font-size:14px;min-height:44px;min-width:75px;text-align:right}.image-viewer-toolbar button>span[aria-hidden]{font-size:22px;margin-left:18px;vertical-align:middle}.image-viewer-stage{min-height:0;position:relative;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}.image-viewer-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.image-viewer-stage button{position:absolute;top:50%;transform:translateY(-50%);height:48px;width:48px;background:#0009;border:1px solid #ffffff35;font-size:20px;color:#fff;transition:background .2s}.image-viewer-stage button:hover{background:#e1e1e1;color:#000}.image-viewer-prev{left:12px}.image-viewer-next{right:12px}.image-viewer-caption{font-size:13px;line-height:1.6;color:#b5b5b5;min-height:22px;max-width:950px;margin:0 auto;text-align:center}.image-viewer-stage img.is-loading{opacity:.4}
@media(hover:none){.frame-enlarge{opacity:1;transform:none}}
@media(max-width:760px){.frame-grid{gap:30px}.frame-enlarge{right:12px;bottom:12px;font-size:.875rem;padding:7px 10px}.image-viewer{padding:12px 14px 24px}.image-viewer[open]{gap:12px}.image-viewer-stage button{width:44px;height:44px;top:auto;bottom:4px;transform:none}.image-viewer-prev{left:0}.image-viewer-next{right:0}.image-viewer-caption{font-size:12px;min-height:40px;max-width:calc(100% - 8px)}}
@media(prefers-reduced-motion:reduce){.frame-open img,.frame-enlarge{transition:none}}
/* Keep archive stills within their native resolution. */
.gallery-frame .frame-open,.gallery-frame figcaption{max-width:var(--frame-native-width,100%);margin-inline:auto}

/* Film frames and information share one consistent page rhythm. */
.brand svg{display:block;width:100%;height:auto}
.desktop-nav a,.site-header .menu-toggle,.site-header .language{font-weight:500;letter-spacing:.075em;color:#b5b5b5;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav a[aria-current=page],.site-header .menu-toggle:hover,.site-header .menu-toggle:focus-visible,.site-header .language:hover,.site-header .language:focus-visible{color:#fff}
.work-grid,.archive-grid,.home-grid{padding-inline:var(--gutter);gap:42px 24px;align-items:start}
.home-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.home-grid .work-card{grid-column:span 2}
.home-grid .work-card:nth-child(-n+2),.home-grid .work-card:nth-last-child(-n+2){grid-column:span 3}
.home-grid .card-image,.page-work .archive-grid .card-image{aspect-ratio:2.39/1}
.project-link{display:block}
.card-image{aspect-ratio:16/9}
.card-image img{object-fit:var(--image-fit,contain)}
.card-image:after{background:linear-gradient(180deg,#0004,transparent 25%)}
.card-caption,.archive-grid .card-caption{position:static;padding:16px 0 0;text-shadow:none;display:block}
.card-artist{color:var(--muted);font-size:.875rem}
.card-caption h3,.archive-grid .card-caption h3{font-size:clamp(1.25rem,1.65vw,1.75rem);line-height:1.25;max-width:100%;overflow-wrap:anywhere}
.card-attribution{margin-top:8px;color:var(--muted)}
.card-number{left:16px;top:14px}
.card-strip{padding:4px 0 0;margin-top:12px;border-top:1px solid var(--line);gap:12px;flex-wrap:wrap}
.gallery-heading{padding-top:44px;padding-bottom:28px;flex-wrap:wrap}
.hero-slide[data-slide] .hero-image,.hero-motion video{object-fit:contain;object-position:center}
/* Let the opening film reach the top edge beneath the compact navigation. */
.hero-still-window{position:absolute;inset:0;overflow:hidden}
@media(min-width:761px){
 .site-header,.menu-top{height:76px}
 .hero-slide[data-slide] .hero-image,.hero-motion video{object-fit:cover;object-position:center}
 .hero-slide[data-slide] .hero-still-window .hero-image{left:0;right:auto;bottom:auto;width:100%;height:var(--hero-source-height);top:var(--hero-source-top);min-height:0;object-position:50% var(--hero-source-y)}
 .site-header.over-hero .desktop-nav a,.site-header.over-hero .menu-toggle,.site-header.over-hero .language{color:#fff;text-shadow:0 1px 12px #0008}
}
.hero-info{max-width:780px}
.project-gallery{max-width:1920px;margin-inline:auto}
.project-facts dd,.credits-section dd{min-width:0;overflow-wrap:anywhere}
.studio-photo{overflow:hidden;background:#0b0b0b;aspect-ratio:2/1}
.studio-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.studio-behind-wide .studio-photo{aspect-ratio:1672/940}
.studio-behind-heading>span{white-space:normal}
.contact-channels{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:34px;min-width:0}
.contact-email{font-size:clamp(1.125rem,3.2vw,2.75rem);line-height:1.4;letter-spacing:-.025em;max-width:100%;overflow-wrap:anywhere;border-bottom:1px solid #777;padding-block:7px}
.contact-email:hover{border-color:var(--ink)}
.contact-channels .text-link{color:var(--muted)}
.contact-layout>*{min-width:0}
.brief-actions{flex-wrap:wrap;gap:12px 24px}
.footer-links{flex-wrap:wrap;gap:10px 28px}
.footer-links>a:first-child{flex-basis:100%;overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1100px){
 .archive-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-grid .work-card,.home-grid .work-card:nth-child(-n+2),.home-grid .work-card:nth-last-child(-n+2){grid-column:auto}
 .hero-info{width:80%}
}
@media(max-width:1000px){
 .contact-layout{grid-template-columns:1fr;gap:44px}
 .contact-layout>div>p:not(.eyebrow){max-width:600px}
}
@media(max-width:760px){
 .hero{height:auto;min-height:100svh;display:flex;flex-direction:column;padding-top:0}
 .hero-slide:not([hidden]){position:relative;inset:auto;flex:1;display:flex;flex-direction:column;min-height:0}
 .hero-slide[data-slide] .hero-image,.hero-motion{inset:0;width:100%;height:100%;min-height:0}
 /* Fill the mobile hero behind the navigation; contain creates large letterbox gaps. */
 .hero-slide[data-slide] .hero-image,.hero-motion video{object-fit:cover;object-position:50% 35%}
 .hero-info{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:auto;padding:clamp(260px,44svh,440px) var(--gutter) 24px}
 .hero-info h2{font-size:clamp(1.75rem,7.4vw,2.9375rem)}
 .hero-actions{justify-content:flex-start}
 .hero-control-bar{position:relative;left:auto;right:auto;bottom:auto;flex:none;margin:0 var(--gutter) max(14px,env(safe-area-inset-bottom));padding-top:10px}
 
 .hero-shade{background:linear-gradient(180deg,#0008,transparent 22%,transparent 42%,#000b 76%,#000)}
 .work-grid,.archive-grid,.home-grid{grid-template-columns:1fr;gap:32px;padding-inline:var(--gutter)}
 .home-grid .work-card,.home-grid .work-card:nth-child(-n+2),.home-grid .work-card:nth-last-child(-n+2){grid-column:auto}
 .card-caption,.archive-grid .card-caption{padding-top:14px}
 .card-caption h3,.archive-grid .card-caption h3{font-size:1.375rem}
 .card-strip{padding-inline:0;margin-top:10px;min-height:48px}
 .card-number{left:14px;top:12px}
 .gallery-heading{gap:12px 24px;padding-top:28px;padding-bottom:22px}
 .gallery-heading>.eyebrow{display:none}
 .studio-behind-grid{gap:30px}
 .contact-channels{margin-top:26px}
 .footer-links{gap:8px 24px}
}
@media(max-height:500px) and (max-width:760px) and (orientation:landscape){
 .hero{min-height:560px}
 .hero-info{padding-top:120px}
}

/* Explicit award outcomes with restrained Avantt Medium labels. */
.recognition-list>a{align-items:start}
.recognition-list h3{overflow-wrap:anywhere}
.recognition-list .recognition-status{display:block;color:var(--muted);font-size:.75rem;font-weight:500;letter-spacing:.09em;margin-bottom:10px}
.recognition-list .recognition-category{font-size:1rem;line-height:1.5}
.recognition-list small{font-size:.875rem;line-height:1.65}
@media(max-width:760px){.recognition-list .section-heading{align-items:flex-start;gap:12px;flex-direction:column}.recognition-list>a{row-gap:16px}}

/* Compact arrangements respect the native portfolio image sizes. */
.compact-frames{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1400px;margin-inline:auto}
.compact-frames .frame-featured{grid-column:1/-1}
@media(max-width:1100px){.compact-frames{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.compact-frames{grid-template-columns:1fr}.compact-frames .frame-featured{grid-column:auto}}

/* Studio: spacious opening, asymmetric process images, a distinct founder spread. */
.studio-masthead{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:8vw;align-items:end;padding:clamp(70px,8vw,140px) var(--gutter) clamp(64px,7vw,112px)}
.studio-masthead h1{font-size:clamp(3.6rem,8.3vw,9rem);font-weight:400;line-height:.98;letter-spacing:-.055em;margin:32px 0 0}
.studio-masthead .eyebrow{font-size:.8125rem;line-height:1.65}
.studio-masthead-copy{max-width:450px;padding-bottom:6px}
.studio-masthead-copy>p:last-child{font-size:clamp(1.125rem,1.48vw,1.5rem);line-height:1.55;margin:24px 0 0}
.studio-process{padding:0 var(--gutter)}
.studio-process-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding:22px 0 28px}
.studio-process-heading h2{font-size:1rem;line-height:1.5;font-weight:400;margin:0}
.studio-process-heading>span{font-size:.75rem;letter-spacing:.065em;color:var(--muted)}
.studio-image{margin:0;padding:0;min-width:0}
.studio-image img{width:100%;min-height:0;max-height:none;display:block;object-fit:cover}
.studio-image figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:14px 0 0;font-size:.75rem;line-height:1.5;color:var(--muted)}
.studio-stage img{aspect-ratio:1.85;object-position:50% 50%}
.studio-process-spread{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:6vw;align-items:center;margin-top:clamp(44px,6vw,96px)}
.studio-discussion img{aspect-ratio:1.55;object-position:50% 50%}
.studio-process-copy{padding:10px 0 36px}
.studio-process-copy h3{font-size:clamp(2rem,3.5vw,3.75rem);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin:0 0 30px}
.studio-process-copy p,.studio-founder-bio p{font-size:1.0625rem;line-height:1.75;color:var(--muted);margin:0;max-width:520px}
.studio-photo-count{display:inline-block;margin-left:24px;font-variant-numeric:tabular-nums;white-space:nowrap}
.studio-journal{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 24px;align-items:start;margin:clamp(44px,5vw,80px) auto 0;max-width:1920px}
.studio-moment{grid-column:span 2}
.studio-moment:nth-child(-n+2){grid-column:span 3}
.studio-moment img{height:auto;aspect-ratio:auto}
.studio-moment figcaption{justify-content:flex-start;gap:8px 16px}
.studio-moment figcaption>span:first-child{font-variant-numeric:tabular-nums;color:#777}
.studio-moment figcaption>span:last-child{flex:1;min-width:0}
@media(min-width:761px) and (max-width:1100px){
 .studio-journal{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 22px}
 .studio-moment,.studio-moment:nth-child(-n+2){grid-column:auto}
 .studio-moment:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:760px){
 .studio-journal{grid-template-columns:1fr;gap:30px;margin-top:40px}
 .studio-moment,.studio-moment:nth-child(-n+2){grid-column:auto}
 .studio-journal .studio-moment figcaption{flex-direction:row}
 .studio-photo-count{margin-left:16px}
}
.studio-founder{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:8vw;align-items:center;margin:clamp(90px,12vw,190px) var(--gutter) 0;padding:clamp(56px,6vw,96px) 0 0;border-top:1px solid var(--line)}
.studio-founder-copy .eyebrow{font-size:.8125rem;line-height:1.7;margin:0 0 38px;max-width:34em}
.studio-founder h2{font-size:clamp(3.2rem,7.5vw,8rem);font-weight:400;line-height:1.04;letter-spacing:-.05em;margin:0 0 36px}
.studio-founder-zh{display:block;font-size:.4em;color:var(--muted);letter-spacing:0;margin-top:20px}
.studio-founder-bio{padding-left:clamp(0px,4vw,65px)}
.studio-founder-bio .text-link{margin-top:32px;font-size:1rem}
.studio-portrait{width:100%;max-width:430px;justify-self:end}
.studio-portrait img{aspect-ratio:4/5;object-position:50% 0%}
.studio-portrait figcaption{display:block}
.studio-portrait figcaption>span{display:block;margin-bottom:5px}
.page-studio .recognition-list{margin-top:clamp(90px,12vw,190px);padding-top:0;padding-bottom:clamp(80px,8vw,130px)}
.page-studio .recognition-list .section-heading{padding:0 0 48px;align-items:baseline}
.page-studio .recognition-list .section-heading h2{font-size:clamp(2.5rem,5vw,5.5rem);font-weight:400;letter-spacing:-.045em;line-height:1.1}
.page-studio .recognition-list>a{grid-template-columns:12% minmax(0,1fr) minmax(0,.8fr);gap:32px;padding:30px 0}
.page-studio .recognition-list>a>span{font-size:1rem;color:var(--muted)}
.page-studio .recognition-list h3{font-size:clamp(1.2rem,1.8vw,1.85rem);font-weight:400;line-height:1.3}
.page-studio .recognition-list .recognition-status{font-size:.8125rem;letter-spacing:.075em}
@media(max-width:1000px){
 .studio-masthead{gap:5vw;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 .studio-masthead h1{font-size:clamp(3.6rem,8.4vw,6rem)}
 .studio-process-spread{gap:5vw;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .studio-founder{gap:6vw}
 .studio-founder-bio{padding-left:0}
}
@media(max-width:760px){
 .studio-masthead{grid-template-columns:1fr;gap:34px;padding-top:54px;padding-bottom:56px}
 .studio-masthead h1{font-size:clamp(3.2rem,12.2vw,5.6rem);margin-top:24px}
 .studio-masthead-copy{max-width:560px;padding:0}
 .studio-masthead-copy>p:last-child{font-size:1.125rem;line-height:1.65;margin-top:18px}
 .studio-process-heading{padding:18px 0;align-items:flex-start;flex-direction:column;gap:8px}
 .studio-stage img{aspect-ratio:1.5;object-position:50% 50%}
 .studio-image figcaption{font-size:.75rem;gap:6px 16px;flex-direction:column}
 .studio-process-spread{grid-template-columns:1fr;gap:32px;margin-top:48px}
 .studio-discussion img{aspect-ratio:1.5}
 .studio-process-copy{padding:0}
 .studio-process-copy h3{font-size:2.25rem;margin-bottom:22px}
 .studio-process-copy p,.studio-founder-bio p{font-size:1rem;line-height:1.75}
 .studio-founder{grid-template-columns:1fr;gap:42px;margin-top:68px;padding-top:40px}
 .studio-founder-copy .eyebrow{margin-bottom:26px}
 .studio-founder h2{font-size:clamp(3rem,11vw,5rem);margin-bottom:26px}
 .studio-founder-bio .text-link{margin-top:24px}
 .studio-portrait{max-width:none;width:82%;justify-self:end}
 .studio-portrait img{aspect-ratio:4/5;object-position:50% 0%}
 .page-studio .recognition-list{margin-top:68px;padding-bottom:64px}
 .page-studio .recognition-list .section-heading{padding-bottom:28px;gap:14px;align-items:flex-start}
 .page-studio .recognition-list .section-heading h2{font-size:2.75rem}
 .page-studio .recognition-list>a{grid-template-columns:54px minmax(0,1fr);gap:14px 20px;padding:24px 0}
 .page-studio .recognition-list>a>div{grid-column:2}
 .page-studio .recognition-list h3{font-size:1.25rem}
}

/* Verified credit sources wrap beside the project crew. */
.credit-sources{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:18px}.credit-sources .text-link{font-size:12px;overflow-wrap:anywhere}.credits-wrap dd{overflow-wrap:anywhere}.credit-context{max-width:35em;margin-top:22px;font-size:14px;line-height:1.7;color:var(--muted)}

/* Original TYPEX motion: black becomes alpha, preserving the page beneath. */
.brand-motion{display:block;position:relative;aspect-ratio:656 / 260}
.brand-motion .brand-still{display:block;width:100%;height:auto}
.brand-motion .brand-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:url(#typex-motion-alpha);opacity:0;pointer-events:none}
.brand-motion.is-playing .brand-video{opacity:1}
.brand-motion.is-playing .brand-still{opacity:0}
@media(prefers-reduced-motion:reduce){.brand-motion .brand-video{display:none!important}.brand-motion .brand-still{opacity:1!important}}

/* Restrained inner-page motion; no hidden-content dependency. */
.motion-masthead{position:relative}
.motion-rule{position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:var(--line);transform-origin:left center;pointer-events:none}
@media(prefers-reduced-motion:reduce){.motion-rule{transform:none!important}}
@media print{[data-editorial-motion]{opacity:1!important;transform:none!important}.motion-rule{display:none}}

/* Minimal controls leave the featured film in the foreground. */
.hero-control-bar.hero-controls-minimal{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:0;padding-top:0}
.hero-controls-minimal .hero-browse{display:flex;align-items:center;gap:22px;flex-wrap:nowrap}
.hero-controls-minimal .hero-position{font-size:.875rem;letter-spacing:.07em;line-height:1;min-width:62px}
.hero-controls-minimal .hero-navigation{gap:2px}
.hero-controls-minimal .hero-step{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:background .2s}
.hero-controls-minimal .hero-step:hover{background:#ffffff12;text-decoration:none}
.hero-controls-minimal .hero-utilities{min-width:0}
.hero-controls-minimal .motion-toggle{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #ffffff50;border-radius:50%;color:#fff}
.hero-controls-minimal .motion-toggle:before{margin:0}
.hero-controls-minimal .motion-toggle[aria-pressed=false]:before{margin:0 0 0 4px}
.hero-controls-minimal .motion-toggle:hover{background:#ffffff12}
@media(min-width:761px){.hero-info{bottom:112px}}
@media(max-width:760px){
 .hero-control-bar.hero-controls-minimal{margin-bottom:max(18px,env(safe-area-inset-bottom));gap:18px}
 .hero-controls-minimal .hero-browse{gap:18px}
}
@media(prefers-reduced-motion:reduce){.hero-controls-minimal .hero-step{transition:none}}

/* Lazy seven-second thumbnail previews, with the selected cover always available. */
/* The first viewport entrance holds monochrome for 1.2s, then reveals color once. */
.card-image.thumbnail-monochrome{filter:grayscale(1)}
.card-image.thumbnail-color-reveal{animation:thumbnail-to-color 800ms cubic-bezier(.22,.68,0,1) 1200ms 1 both}
.card-image.thumbnail-color-paused{animation-play-state:paused}
@keyframes thumbnail-to-color{from{filter:grayscale(1)}to{filter:grayscale(0)}}
@media(prefers-reduced-motion:reduce){.card-image.thumbnail-monochrome{filter:none;animation:none}}
.card-motion{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .25s;background:#080808}
.card-motion.is-playing{opacity:1}
.card-image .card-motion video,.card-image .card-motion img{display:block;width:100%;height:100%;object-fit:var(--preview-fit,cover);object-position:center;transform:none;filter:none}
.project-link:hover .card-motion img,.project-link:focus-visible .card-motion img{transform:none}
.gallery-heading-actions,.work-status-actions{display:flex;align-items:center;gap:24px;margin-left:auto}
.preview-motion-toggle{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:50%;color:var(--muted);transition:color .2s,border-color .2s}
.preview-motion-toggle[hidden]{display:none}
.preview-motion-toggle:hover{color:var(--ink);border-color:#777}
.preview-motion-toggle .preview-play{display:none}
.preview-motion-toggle[aria-pressed=false] .preview-pause{display:none}
.preview-motion-toggle[aria-pressed=false] .preview-play{display:block}
@media(max-width:760px){.gallery-heading-actions,.work-status-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){.card-motion,.preview-motion-toggle{transition:none}}

/* The reference-led full-width numerical film selector. */
.hero-control-bar.hero-controls-index{display:block;padding:0;border:0;bottom:22px;cursor:default}
.hero-controls-index .hero-index{display:flex;justify-content:space-between;align-items:center;gap:0;width:100%;margin:0}
.hero-controls-index .hero-index button{position:relative;flex:none;min-width:44px;min-height:64px;padding:0;font-size:clamp(1.12rem,1.984vw,1.92rem);font-weight:500;line-height:1;color:#ffffff70;letter-spacing:0;text-shadow:0 1px 20px #0006;transition:color .2s}
.hero-controls-index .hero-index button:after{display:none}
.hero-controls-index .hero-index button:hover,.hero-controls-index .hero-index button[aria-pressed=true]{color:#fff}
.hero-controls-index .hero-index button:focus-visible{outline-offset:1px}
.hero-controls-index .hero-motion-control{position:absolute;right:0;bottom:calc(100% + 40px);display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #ffffff50;border-radius:50%;color:#fff}
.hero-controls-index .hero-motion-control:before{margin:0}
.hero-controls-index .hero-motion-control[aria-pressed=false]:before{margin:0 0 0 4px}
.hero-controls-index .hero-motion-control:hover{background:#ffffff12}
@media(min-width:761px){.hero-info{bottom:126px}.hero-actions{padding-right:64px}}
@media(max-width:760px){
 .hero-control-bar.hero-controls-index{bottom:auto;margin-bottom:max(18px,env(safe-area-inset-bottom))}
 .hero-controls-index .hero-index button{min-width:24px;min-height:48px;font-size:clamp(1.125rem,4vw,1.5rem)}
 .hero-controls-index .hero-motion-control{bottom:calc(100% + 24px)}
 .hero-actions{padding-right:54px}
}
@media(prefers-reduced-motion:reduce){.hero-controls-index .hero-index button{transition:none}}

/* Persistent, quiet film-navigation cues at the edges of the image. */
.hero-title-link{color:inherit;cursor:pointer;text-decoration:none;transition:opacity .2s}
.hero-title-link:focus-visible{outline:1px solid currentColor;outline-offset:6px}
@media(hover:hover){.hero-title-link:hover{opacity:.75}}
.hero-side-arrow{position:absolute;z-index:3;top:40%;display:grid;place-items:center;width:64px;height:96px;padding:0;transform:translateY(-50%);border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;transition:opacity .25s}
.hero-side-arrow-prev{left:max(12px,calc(var(--gutter) - 10px))}
.hero-side-arrow-next{right:max(12px,calc(var(--gutter) - 10px))}
.hero-side-arrow svg{width:32px;height:80px;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 5px #0008);transition:transform .25s}
.hero-side-arrow:focus-visible{outline:1px solid #fff;outline-offset:4px}
@media(hover:hover){.hero-side-arrow:hover{opacity:.72}.hero-side-arrow-prev:hover svg{transform:translateX(-2px)}.hero-side-arrow-next:hover svg{transform:translateX(2px)}}
@media(max-width:760px){.hero-side-arrow{top:clamp(150px,28svh,240px);width:44px;height:64px}.hero-side-arrow svg{width:21px;height:52px}}
@media(max-height:500px) and (max-width:760px) and (orientation:landscape){.hero-side-arrow{top:128px}.hero-info{padding-top:176px}}
@media(prefers-reduced-motion:reduce){.hero-title-link,.hero-side-arrow,.hero-side-arrow svg{transition:none}}

.menu-reel-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#080808}
.menu-reel-media>img,.menu-reel-motion video,.menu-reel-motion img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.menu-reel-motion{position:absolute;inset:0;opacity:0;transition:opacity .25s}
.menu-reel-motion.is-playing{opacity:1}
.menu-reel-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;color:var(--muted);font-size:.75rem;letter-spacing:.04em}
.menu-reel-caption .preview-motion-toggle{width:36px;height:36px;min-width:44px;min-height:44px;border-color:#ffffff35}
@media(prefers-reduced-motion:reduce){.menu-reel-motion{transition:none}}

/* Homepage navigation / v28: a compact centered row, with quiet edge controls. */
.site-header.over-hero{height:76px;gap:24px;padding-inline:clamp(22px,2.8vw,44px)}
.site-header.over-hero .brand{width:128px}
.site-header.over-hero .desktop-nav{gap:clamp(24px,2.5vw,40px);font-size:.875rem;line-height:1}
.site-header.over-hero .desktop-nav a{display:flex;align-items:center;min-height:44px;padding:12px 0;font-weight:500;letter-spacing:.035em;color:#fff;opacity:.78;text-shadow:0 1px 12px #0008;transition:opacity .2s}
.site-header.over-hero .desktop-nav a:after{display:none}
.site-header.over-hero .desktop-nav a:hover,.site-header.over-hero .desktop-nav a:focus-visible,.site-header.over-hero .desktop-nav a[aria-current=page]{opacity:1}
.site-header.over-hero .header-controls{gap:8px}
.site-header.over-hero .language,.site-header.over-hero .menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;font-size:.875rem;font-weight:400;letter-spacing:.025em;color:#fff;opacity:.72;text-shadow:0 1px 12px #0008;transition:opacity .2s}
.site-header.over-hero .language:hover,.site-header.over-hero .language:focus-visible,.site-header.over-hero .menu-toggle:hover,.site-header.over-hero .menu-toggle:focus-visible{opacity:1}
.site-header.over-hero .menu-toggle>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header.over-hero .menu-toggle i{width:22px;height:7px}
@media(min-width:761px){
 .site-header.over-hero{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 .site-header.over-hero .brand{justify-self:start}
 .site-header.over-hero .desktop-nav{position:static;transform:none;margin:0}
 .site-header.over-hero .header-controls{justify-self:end;margin:0}
}
@media(max-width:760px){
 .site-header.over-hero{height:72px;gap:16px}
 .site-header.over-hero .brand{width:106px}
 .site-header.over-hero .header-controls{gap:4px}
}
@media(prefers-reduced-motion:reduce){
 .site-header.over-hero .desktop-nav a,.site-header.over-hero .language,.site-header.over-hero .menu-toggle{transition:none}
}

/* Keep navigation usable when visitors enlarge text. */
.menu-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.menu-dialog nav{min-width:0}
.menu-dialog nav a{max-width:100%;overflow-wrap:anywhere}
@media(max-width:760px){.menu-layout{grid-template-columns:minmax(0,1fr)}}

/* Final spacing and reading refinements; the film compositions stay unchanged. */
h1,h2,h3{overflow-wrap:anywhere}
.studio-masthead-title,.capability-row>div{min-width:0}
.extended-credits dl>div{font-size:14px}
.credits-group-title{font-weight:500}
@media(max-width:760px){
 .hero-controls-index .hero-index button{flex:1 1 auto;min-width:0}
}
@media(max-width:600px){
 :root{--gutter:16px}
 .site-header.over-hero{padding-inline:var(--gutter)}
 .site-header:not(.over-hero){gap:16px}
 .site-header:not(.over-hero) .header-controls{gap:12px}
 .site-header:not(.over-hero) .menu-toggle{gap:8px}
 .page-intro{padding-top:32px;padding-bottom:44px}
 .studio-masthead{padding-top:40px;padding-bottom:48px}
 .project-heading{padding-top:20px;padding-bottom:28px}
 .studio-portrait{width:100%}
}

/* The retained process spread follows the heading without an empty lead-image slot. */
.studio-process-heading+.studio-process-spread{margin-top:0}

/* Ten percent smaller corner marks, retaining their original proportions. */
.site-header .brand,.menu-top .brand{width:111.78px}
.site-header.over-hero .brand{width:103.68px}
@media(max-width:760px){
 .site-header .brand,.site-header.over-hero .brand,.menu-top .brand{width:85.86px}
}

/* Compact archive introduction without the display heading. */
.work-title{display:block;padding:24px var(--gutter) 20px}
.work-title>p{margin:0}

/* Keep menu information within narrow screens when text is enlarged. */
@media(max-width:760px){.menu-bottom{flex-wrap:wrap}}

/* Compact selected-film toolbar after removing its display heading. */
.selected>.gallery-heading{padding-top:20px;padding-bottom:20px}
.selected .gallery-heading-actions{margin-left:auto}

/* Keep player canvases black, including transparent and loading regions. */
.inline-film,.inline-mount,.film-stage,#film-mount{background:#000}
.inline-film{overflow:hidden}
.inline-mount iframe,.film-stage iframe,.hero-motion iframe{display:block;background:#000;border:0;padding:0}

/* A restrained hairline: draw, breathe, then withdraw in the reading direction. */
.text-click-stroke{position:fixed;z-index:2147483000;display:block;height:1.5px;padding:0;margin:0;border:0;border-radius:1px;background:linear-gradient(90deg,transparent,var(--accent) 18%,var(--accent) 82%,transparent);pointer-events:none;user-select:none;transform-origin:left center;animation:text-click-stroke 760ms cubic-bezier(.22,.68,0,1) both}
@keyframes text-click-stroke{0%{opacity:0;transform:scaleX(.06);transform-origin:left center}18%{opacity:.72;transform:scaleX(.64);transform-origin:left center}38%{opacity:.9;transform:scaleX(1);transform-origin:left center}52%{opacity:.8;transform:scaleX(1);transform-origin:right center;animation-timing-function:cubic-bezier(.4,0,.2,1)}100%{opacity:0;transform:scaleX(.04);transform-origin:right center}}
@media(prefers-reduced-motion:reduce){.text-click-stroke{display:none;animation:none}}
@media print{.text-click-stroke{display:none}}

/* Fine link feedback: a dim rule becomes a complete line on interaction. */
.text-link:before{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;opacity:.35;pointer-events:none}
.text-link:after{transform:scaleX(0);transform-origin:right center;transition:transform 480ms cubic-bezier(.22,1,.36,1);pointer-events:none}
.text-link:hover:after{transform:scaleX(0)}
.text-link:focus-visible:after{transform:scaleX(1);transform-origin:left center}
/* Only fine pointers receive image movement; touch scrolling stays immediate. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .text-link:hover:after{transform:scaleX(1);transform-origin:left center}
 .frame-grid .frame-open img{transition:transform 800ms cubic-bezier(.22,1,.36,1)}
 .frame-open:hover img,.frame-open:focus-visible img{transform:scale(1.018);filter:none}
 .capability-row>a{overflow:hidden}
 .capability-row>a img{transition:transform 800ms cubic-bezier(.22,1,.36,1)}
 .capability-row>a:hover img{transform:scale(1.018)}
}
@media(prefers-reduced-motion:reduce){.text-link:after{transition:none}}

/* Final reading details: stable wrapping in compact layouts and enlarged text. */
.card-artist,.card-attribution,.credits-section dt{overflow-wrap:anywhere}
.credits-section dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.card-year,.duration{white-space:nowrap}
.project-heading h1,.studio-masthead h1,.page-intro h1{ text-wrap:balance }
.case-context,.attribution-note,.studio-founder-bio p{ text-wrap:pretty }
@media(max-width:760px){
 .section-heading,.gallery-heading{flex-wrap:wrap;row-gap:14px}
 .project-gallery .section-heading>span{white-space:nowrap}
}
@media(max-width:440px){.credits-section dl>div{grid-template-columns:minmax(0,1fr);gap:5px}}

/* Preserve each film's composition inside the shared card format. */
.card-preserve-frame,.card-preserve-frame .card-motion{background:#000}
.card-preserve-frame .card-poster{position:absolute;inset:0;margin:auto;display:block;overflow:hidden;width:var(--poster-width);height:var(--poster-height)}
.card-image .card-poster img{position:absolute;max-width:none;width:var(--source-width);height:var(--source-height);left:var(--source-left);top:var(--source-top);object-fit:fill;transform:none}
.project-link:hover .card-poster img,.project-link:focus-visible .card-poster img{transform:none}
.card-preserve-frame .card-motion video,.card-preserve-frame .card-motion img{object-fit:contain}

/* Shot-specific focal positions apply only to the full-bleed portrait hero. */
@media(max-width:760px) and (orientation:portrait){
 .hero-slide[data-slide]{overflow:hidden}
 .hero-slide[data-slide] .hero-image{height:var(--hero-mobile-source-height,100%);top:var(--hero-mobile-source-top,0%);bottom:auto;object-position:var(--hero-mobile-poster-x,50%) 35%}
 .hero-slide[data-slide] .hero-motion video{object-position:var(--hero-mobile-focus-x,50%) 35%}
 /* Portrait edits already contain the reviewed framing; leave their video layer still. */
 .hero-slide[data-slide] .hero-motion.is-portrait video{object-position:50% 0%}
 .hero-slide[data-slide]{animation:fade-in .3s ease;transform:none}
}

/* Stronger editorial hierarchy with the supplied Regular and Medium faces. */
:root{--muted:#aaa}
body{font-weight:400}
h3,.card-caption h3,.footer-title,.filters button,.eyebrow,.card-artist,.card-strip,.card-attribution,.project-type,.frame-grid figcaption{font-weight:500}
.studio-process-copy h3,.page-studio .recognition-list h3{font-weight:400}
html[lang=zh-Hant] h1,html[lang=zh-Hant] h2,html[lang=zh-Hant] .studio-process-copy h3,html[lang=zh-Hant] .page-studio .recognition-list h3,html[lang=zh-Hant] .txc-builder-title{font-weight:500}

/* Optical weight for the small masthead labels, using the supplied Avantt Medium. */
.site-header .desktop-nav a,.site-header .language,.site-header .menu-toggle,
.site-header.over-hero .desktop-nav a,.site-header.over-hero .language,.site-header.over-hero .menu-toggle{
 font-weight:500;
 font-size:.9375rem;
 line-height:1.2;
 letter-spacing:.03em;
 color:#fff;
 opacity:.92;
 -webkit-text-stroke:.2px currentColor;
}
.site-header .desktop-nav a:hover,.site-header .desktop-nav a:focus-visible,.site-header .desktop-nav a[aria-current=page],.site-header .language:hover,.site-header .language:focus-visible,.site-header .menu-toggle:hover,.site-header .menu-toggle:focus-visible{opacity:1}
.site-header .menu-toggle i{border-top-width:1.5px;border-bottom-width:1.5px}
@media(max-width:760px){
 .site-header .language,.site-header .menu-toggle,.site-header.over-hero .language,.site-header.over-hero .menu-toggle{font-size:.875rem;letter-spacing:.025em}
}

/* Finish the existing layouts with consistent reading and alignment details. */
.work-title>p{max-width:52ch;font-size:1rem;line-height:1.5;text-wrap:pretty}
.studio-bridge>div{min-width:0}
.studio-bridge>div>p{max-width:48ch;text-wrap:pretty}
.page-studio .recognition-list .section-heading{padding-top:24px}
.capability-row h3{line-height:1.35}
.capability-row p{line-height:1.7;text-wrap:pretty}
.process-grid li{min-width:0}
.footer-title{display:inline-block}
.footer-links>a:first-child{font-size:1rem;line-height:1.5}
@media(min-width:761px){
 .home-grid>.work-card,.archive-grid>.work-card{align-self:stretch;display:flex;flex-direction:column}
 .home-grid>.work-card>.project-link,.archive-grid>.work-card>.project-link{flex:1}
 .studio-bridge>.eyebrow{padding-top:.4em}
}
@media(min-width:761px) and (max-width:1000px){
 .credits-section{grid-template-columns:minmax(0,1fr);gap:32px}
 .credits-section h2{max-width:20ch;margin-top:22px;margin-bottom:18px}
}
@media(max-width:760px){
 .project-heading h1{line-height:1.12}
 .project-type{margin-top:20px;gap:8px 20px}
 .frame-grid figcaption{gap:16px}
 .frame-grid figcaption>span:last-child{flex:1;min-width:0;max-width:none;text-align:left}
 .page-studio .recognition-list .section-heading{padding-top:20px}
}
@media(max-width:600px){
 .page-work .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;width:100%}
 .page-work .filters button{justify-self:start;min-width:0;max-width:100%;min-height:48px;padding-block:10px;text-align:left;line-height:1.35}
 .lab-caption{flex-direction:column;align-items:flex-start;gap:20px}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .frame-grid .frame-open img{transition:filter 300ms ease}
 .frame-open:hover img,.frame-open:focus-visible img{transform:none;filter:brightness(1.035)}
}