:root{--bone:#F3EEE6;--paper:#F7F2E9;--ink:#151312;--noir:#0E0C0B;--ox:#6E1318;--ox-deep:#4E0E12;--taupe:#C8BCA8;--line:rgba(110,19,24,.2);--serif:'Cormorant',Georgia,serif;--sans:'Manrope',sans-serif;--mono:'JetBrains Mono',monospace;--pad:clamp(24px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.4}img,video{display:block;max-width:100%}button img{pointer-events:none}button{background:none;border:0}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.005em;line-height:.95}h1{font-size:clamp(64px,8.5vw,144px)}h2{font-size:clamp(48px,6.5vw,104px)}h3{font-size:clamp(28px,3vw,48px)}em{font-weight:500;color:var(--ox)}p+p{margin-top:20px}ul{padding-left:20px}a,button{touch-action:manipulation}:focus-visible{outline:2px solid var(--ox);outline-offset:5px}dialog :focus-visible{outline-color:var(--bone)}::selection{background:var(--ox);color:var(--bone)}[hidden]{display:none!important}.meta{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.eyebrow{font:600 10px/1.6 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ox);margin-bottom:25px}.icon{width:24px;height:24px;flex:none}.skip{position:fixed;z-index:100;left:20px;top:-100px;background:var(--bone);padding:15px}.skip:focus{top:10px}.section-pad{padding:90px var(--pad)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-top>p{max-width:340px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--line);padding:15px 24px;min-height:52px;font-size:12px;font-weight:600}.button.primary{background:var(--ox);color:var(--bone);border-color:var(--ox);border-radius:40px}.primary .icon{filter:brightness(0) invert(1)}.text-button{border:0;border-bottom:1px solid var(--line);padding:14px 0}.underlined{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid currentColor;padding:10px 0;font-size:12px;font-weight:600}.button:hover,.underlined:hover{opacity:.75}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--ox);width:100%;transform:scaleX(0);transform-origin:left;z-index:90}.site-header{height:84px;position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:28px;padding:14px 4vw;z-index:50;background:rgba(243,238,230,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(110,19,24,.05)}.wordmark{display:inline-flex;align-items:center;gap:13px;color:var(--ox);white-space:nowrap}.wordmark>img{width:34px;height:38px}.wordmark>span{font:500 25px var(--serif);letter-spacing:-.02em}.wordmark>span>span{font-style:italic}.header-meta{margin-left:auto;display:flex;gap:22px;color:var(--ox);font-size:8px}.desktop-nav{display:flex;gap:25px;margin-left:auto;font-size:12px}.desktop-nav a[aria-current]{border-bottom:1px solid var(--ox)}.motion-button{font-size:10px;border:1px solid var(--line);border-radius:50%;width:43px;height:43px;padding:0}.menu-button{display:none}.mobile-menu{position:fixed;inset:74px 0 0;background:var(--bone);z-index:49;padding:40px var(--pad);overflow:auto}.mobile-menu a{display:block;font:500 58px/1.35 var(--serif);color:var(--ox)}.studio-surface{position:relative;background-color:var(--bone);background-image:url('/assets/media/web-images/infinite-studio-b15267d37ba1.webp');background-size:cover;background-position:center center}.hero{height:100svh;min-height:850px;max-height:1140px;overflow:hidden;isolation:isolate}.hero-masthead{position:absolute;top:76px;left:2%;font:500 clamp(180px,36vw,580px)/.76 var(--serif);letter-spacing:-.045em;color:var(--ox);z-index:-1;white-space:nowrap}.hero-film{position:absolute;left:24%;top:25%;width:57%;height:43%;transform:perspective(1400px) rotateY(-8deg) rotateZ(-5deg);box-shadow:0 25px 70px rgba(21,19,18,.15);background:var(--ink);overflow:hidden}.hero-film video{width:100%;height:100%;object-fit:cover}.hero-film-caption{position:absolute;left:14px;bottom:12px;color:var(--bone);font-size:8px;text-shadow:0 1px 5px #151312}.hero-aether{position:absolute;z-index:2;right:-1%;top:21%;width:43%;max-height:70%;object-fit:contain;object-position:bottom;pointer-events:none}.hero-copy{position:absolute;z-index:3;left:12%;right:10%;bottom:14%;display:flex;align-items:end;gap:30px;color:var(--ox);pointer-events:none}.hero-copy h1{font-size:clamp(70px,8.8vw,148px);line-height:.82;letter-spacing:-.025em;text-shadow:0 1px 12px rgba(243,238,230,.5)}.hero-positioning{max-width:210px;position:relative;bottom:12px;font-size:9px;line-height:1.7;letter-spacing:.2em}.hero-actions{position:absolute;left:42%;bottom:5.2%;z-index:5;display:flex;align-items:center;gap:35px}.film-trigger{display:inline-flex;align-items:center;gap:16px;font-size:12px;font-weight:600;text-align:left}.film-trigger>.icon{background:var(--ox);width:52px;height:52px;border-radius:50%;padding:17px}.hero-index{position:absolute;right:4%;bottom:14%;color:var(--ox)}.hero-foot{position:absolute;bottom:3%;left:4%;font-size:8px;color:var(--ox)}.world{padding:80px 0 50px;background-position:center 60%;overflow:hidden;isolation:isolate}.world-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:0 var(--pad);position:relative;z-index:2}.world-intro>p{max-width:320px;font-size:14px}.world-controls{display:flex;justify-content:space-between;align-items:center;padding:35px var(--pad) 0;color:var(--ox);position:relative;z-index:2}.world-controls button{padding:14px;border:1px solid var(--line);border-radius:50%;margin-left:7px}.world-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;position:relative;z-index:2;padding:60px 0 75px;perspective:1400px;overscroll-behavior-x:contain}.world-viewport::-webkit-scrollbar{display:none}.world-viewport.dragging{cursor:grabbing;user-select:none}.world-track{display:flex;align-items:center;width:max-content;gap:clamp(28px,4vw,65px);padding:0 11vw;transform-style:preserve-3d}.hanging-frame{display:block;width:clamp(260px,34vw,520px);flex:none;transform-style:preserve-3d;will-change:transform}.frame-media{height:350px;background:var(--ink);box-shadow:0 24px 36px rgba(21,19,18,.14);border:2px solid rgba(21,19,18,.8);overflow:hidden}.frame-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.hanging-frame:hover img{transform:scale(1.04)}.hanging-frame--1{width:clamp(190px,20vw,310px);margin-top:60px}.hanging-frame--1 .frame-media{height:430px}.hanging-frame--2{margin-top:-60px}.hanging-frame--3{width:clamp(220px,23vw,340px);margin-top:80px}.hanging-frame--3 .frame-media{height:390px}.frame-label{display:flex;justify-content:space-between;align-items:start;gap:15px;padding-top:12px;font:500 18px/1.2 var(--serif);color:var(--ox)}.frame-label small{font-size:8px;line-height:1.6;text-align:right;max-width:130px}.project-wordmark{width:100%;height:100%;min-height:200px;background:var(--ox-deep);color:var(--bone);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:20px;font:500 clamp(28px,4vw,58px)/1 var(--serif)}.project-wordmark small{font:400 11px var(--sans);margin-top:20px}.world canvas{position:absolute;left:0;bottom:30px;width:100%;height:70%;z-index:1;pointer-events:none;opacity:.5}.signature{padding:80px var(--pad);background-position:center bottom;overflow:hidden}.signature-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.signature-heading h2{font-size:clamp(64px,7.5vw,120px);color:var(--ox);margin-bottom:25px}.signature-heading p:not(.eyebrow){font-size:14px;max-width:350px}.signature-heading .text-button{margin-top:12px}.signature-views{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);padding-bottom:8px}.signature-views button{font-size:11px;padding:12px;min-height:44px}.signature-views button[aria-pressed=true]{background:var(--ox);color:var(--bone)}.signature-stage{height:530px;position:relative;overflow:hidden;background:#ded1bc;perspective:1300px}.signature-pane{position:absolute;inset:0 auto 0 0;width:50%;background:var(--ink);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.15)}.signature-pane--bts{left:auto;right:0}.signature-pane video{width:100%;height:100%;object-fit:contain}.signature-pane figcaption{position:absolute;top:15px;left:15px;color:var(--bone);background:rgba(21,19,18,.75);padding:8px 11px;pointer-events:none;font-size:9px}.signature-stage[data-mode=final] .signature-pane--final{width:100%}.signature-stage[data-mode=final] .signature-pane--bts{visibility:hidden}.signature-stage[data-mode=bts] .signature-pane--bts{width:100%}.signature-stage[data-mode=bts] .signature-pane--final{visibility:hidden}.signature.manual .signature-pane{transform:none!important;clip-path:none!important}.signature-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:20px 0;font-size:11px}.signature-footer select{background:var(--paper);color:var(--ox);border:1px solid var(--line);padding:10px}.signature-play{display:flex;gap:20px}.signature-play button{font-size:11px;border-bottom:1px solid var(--line);min-height:44px;padding:0}.media-note{font-size:11px;opacity:.65;margin-top:20px}.selected-work{padding:25px var(--pad) 80px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--bone)}.selected-project{display:grid;grid-template-columns:1fr 1fr;gap:30px}.selected-project:first-child{grid-column:1/-1;grid-template-columns:.7fr 1.3fr;align-items:center}.selected-title h2{color:var(--ox);font-size:clamp(44px,5vw,84px)}.selected-title>span{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:28px}.selected-title .eyebrow{font-size:8px}.selected-image{height:360px;overflow:hidden;box-shadow:0 15px 25px rgba(21,19,18,.08)}.selected-image img{width:100%;height:115%;object-fit:cover}.selected-project:not(:first-child){display:flex;flex-direction:column}.selected-project:not(:first-child) .selected-image{height:310px}.reel-room{padding:90px var(--pad) 100px;overflow:hidden;background:var(--noir);color:var(--bone)}.reel-room .eyebrow{color:var(--taupe)}.reel-room h2 em{color:var(--taupe)}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter-group button{font-size:11px;min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:25px}.filter-group button[aria-pressed=true]{background:var(--ox);color:var(--bone)}.reel-room .filter-group button{border-color:rgba(243,238,230,.3)}.film-ribbon{display:flex;gap:22px;overflow-x:auto;padding:30px 2px 50px;scroll-snap-type:x mandatory}.reel-card{display:block;position:relative;flex:0 0 220px;height:385px;color:var(--bone);background:var(--ink);text-align:left;padding:0;scroll-snap-align:start;overflow:hidden;transform-origin:center;transition:transform .4s}.reel-card:nth-child(2n){margin-top:25px}.reel-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.reel-card:hover>img{transform:scale(1.06)}.reel-card .reel-play{position:absolute;left:14px;top:14px;border:1px solid rgba(243,238,230,.6);border-radius:50%;padding:9px;background:rgba(21,19,18,.5)}.reel-play .icon{width:18px;height:18px}.reel-caption{position:absolute;bottom:0;left:0;right:0;padding:17px;background:rgba(21,19,18,.85);font-size:13px}.reel-caption small{display:block;font-size:9px;opacity:.7;margin-top:4px}.house-intro{padding:100px var(--pad)}.house-intro h2{color:var(--ox)}.home-crew{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:55px 0 25px}.crew-photo{padding:0;text-align:left;overflow:hidden}.crew-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .5s}.crew-photo:hover img{transform:scale(1.04)}.crew-photo span{display:block;font:500 25px var(--serif);margin-top:15px}.crew-photo small{display:block;font:400 9px var(--mono);margin-top:6px}.house-intro-links{display:flex;gap:35px}.contact-close{padding:110px var(--pad) 120px;min-height:560px;overflow:hidden;isolation:isolate;background-position:50% 40%}.contact-close>.eyebrow,.contact-close>h2,.contact-actions{position:relative;z-index:2}.contact-close h2{font-size:clamp(64px,8vw,140px);color:var(--ox);max-width:800px}.contact-actions{display:flex;gap:30px;align-items:center;margin-top:40px}.contact-character{position:absolute;right:-4%;bottom:-5%;width:37%;height:90%;z-index:1;opacity:.28}.contact-character img{height:100%;width:100%;object-fit:contain;object-position:bottom}.site-footer{padding:65px var(--pad) 25px;background:var(--bone)}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:40px;font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:18px 30px;padding:30px 0;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line);font-size:8px}.page-intro{padding:160px var(--pad) 70px;position:relative}.page-intro h1{color:var(--ox);max-width:1100px}.page-intro>p:not(.eyebrow){max-width:630px;margin-top:35px;font-size:17px}.archive-tools{display:flex;gap:35px;align-items:start;justify-content:space-between;margin-bottom:35px}.search-field{font-size:11px;display:flex;flex-direction:column;min-width:220px;gap:10px}.search-field input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0;outline-offset:5px}.archive #work-count{margin-bottom:35px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.project-card{min-width:0}.project-card-media{height:300px;position:relative;background:#ded8cf;overflow:hidden}.project-card-media>img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.project-card-media>img[src$=".svg"],.project-card-media>img[src*="oxygen-logo"]{object-fit:contain;padding:25px}.project-card:hover .project-card-media>img{transform:scale(1.05)}.project-card-caption{padding:16px 0}.project-card h3{font-size:34px;color:var(--ox);line-height:1.05}.project-card-caption .meta{display:block;margin-top:9px;font-size:8px}.project-open{position:absolute;bottom:0;right:0;background:var(--bone);padding:12px 15px;display:flex;align-items:center;gap:15px;font-size:10px;transform:translateY(110%);transition:transform .3s}.project-card:hover .project-open,.project-card:focus-within .project-open{transform:translateY(0)}#load-more{margin-top:40px}.site-index h2{margin-bottom:40px;color:var(--ox)}.site-row{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:20px 0}.site-row>a{flex:1;display:flex;justify-content:space-between;align-items:center;gap:25px}.site-row h3{font-size:36px;color:var(--ox)}.site-row .meta{font-size:8px}.site-row button{font-size:11px;text-decoration:underline;min-height:44px}.production h2{color:var(--ox)}.production-track{display:flex;overflow:auto;gap:25px;margin-top:40px}.production-track .project-card{flex:0 0 340px}.project-hero{padding:125px var(--pad) 0}.back-link{display:inline-flex;gap:10px;align-items:center;margin-bottom:45px;font-size:11px}.project-hero h1{font-size:clamp(54px,7vw,114px);color:var(--ox);max-width:1100px;margin-bottom:45px}.project-hero-media{height:min(70vw,680px);background:#e6ded0;overflow:hidden}.project-full-image{width:100%;height:100%;object-fit:cover}.project-full-image[src$=".svg"],.project-full-image[src*="oxygen-logo"]{object-fit:contain;padding:70px}.project-story{display:grid;grid-template-columns:1.7fr 1fr;gap:10vw}.project-story>div>p{font-size:18px;max-width:700px;line-height:1.8}.project-story aside ul{font-size:12px;line-height:2.4;list-style:none;padding:0}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:0}.project-gallery button{padding:0}.project-gallery img{width:100%;height:460px;object-fit:cover}.project-gallery>button:first-child{grid-column:1/-1}.project-gallery>button:first-child img{height:auto;max-height:700px;object-fit:contain}.project-gallery video{width:100%}.brand-book{background:#e7dfd2}.brand-book h2{color:var(--ox)}.book-spread{display:flex;width:min(100%,1100px);margin:50px auto 25px;perspective:1500px;position:relative;cursor:ew-resize}.book-spread img{width:50%;aspect-ratio:1/1.414;object-fit:contain;background:#fff;box-shadow:0 15px 35px rgba(21,19,18,.13);cursor:zoom-in}.book-left{transform:rotateY(7deg);transform-origin:right}.book-right{transform:rotateY(-7deg);transform-origin:left}.book-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.book-controls button{font-size:12px;border-bottom:1px solid var(--line);min-height:44px}.book-flat{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.book-flat button{padding:0}.book-flat img{width:100%}.next-project .next-link{font:500 clamp(42px,6vw,100px) var(--serif);display:flex;justify-content:space-between;width:100%;border:0;padding:0;color:var(--ox)}.next-link .icon{width:65px;height:65px}.service-detail{display:grid;grid-template-columns:80px 1fr;gap:35px;padding:60px 0;border-top:1px solid var(--line)}.service-detail h2{color:var(--ox)}.service-detail p{max-width:660px;margin-top:25px;font-size:17px}.service-detail ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;max-width:700px;margin:30px 0;font-size:12px;gap:15px}.service-detail .text-button{margin-right:40px}.planner{background:var(--ox-deep);color:var(--bone)}.planner>.eyebrow,.planner em{color:var(--taupe)}.planner .filter-group{margin:35px 0}.planner .filter-group button{border-color:rgba(243,238,230,.25)}.planner .filter-group button[aria-pressed=true]{background:var(--bone);color:var(--ox)}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 70px;margin:40px 0}.plan-grid .eyebrow{color:var(--taupe);margin-bottom:15px}.plan-grid ul{list-style:none;padding:0;font-size:12px;line-height:2.2}.plan-grid p:not(.eyebrow){font-size:14px;max-width:520px}.plan-grid em{color:var(--bone)}.planner .primary{background:var(--bone);color:var(--ox)}.planner .primary .icon{filter:none}.studio-values{display:flex;gap:30px;margin-top:35px;font-size:10px;font-family:var(--mono);text-transform:uppercase;flex-wrap:wrap}.team-section h2{color:var(--ox)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 25px}.team-card{text-align:left;padding:0;position:relative}.team-card>img{width:100%;aspect-ratio:4/5;object-fit:cover}.team-card h3{color:var(--ox);font-size:32px;line-height:1.1;margin-top:16px}.team-card .meta{display:block;margin-top:7px;font-size:8px}.team-open{font-size:10px;text-decoration:underline;display:block;margin-top:12px}.method{background:var(--paper)}.method>h2{color:var(--ox)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.method-grid article{border-top:1px solid var(--line);padding-top:25px}.method-grid h3{color:var(--ox);margin:20px 0}.method-grid p{font-size:13px}.contact-body{display:grid;grid-template-columns:1fr 1.5fr;gap:8vw;padding-top:20px}.contact-details h2{font-size:56px;color:var(--ox);margin-bottom:30px}.contact-details>a{display:block;width:max-content;max-width:100%;font-size:13px;margin-bottom:15px}.contact-details>p{margin-top:30px;font-size:13px}#project-form{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}#project-form label{display:flex;flex-direction:column;font-size:11px;gap:10px}#project-form input,#project-form textarea,#project-form select{background:transparent;color:var(--ink);padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;min-width:0;width:100%}#project-form .wide{grid-column:1/-1}#project-form .primary{justify-self:start;align-self:start}#project-form .honeypot{display:none}.form-status{font-size:12px;grid-column:1/-1}.form-status a{text-decoration:underline}.faq h2{color:var(--ox);margin-bottom:45px}.faq details{border-top:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;gap:30px;align-items:center;font:500 28px/1.15 var(--serif);padding:25px 0;min-height:70px}.faq summary::-webkit-details-marker{display:none}.faq details p{max-width:760px;padding:0 0 30px 50px;font-size:14px}.media-dialog,.team-dialog{padding:60px 30px 30px;background:var(--noir);color:var(--bone);border:1px solid rgba(243,238,230,.25);max-width:min(95vw,1300px);max-height:95svh;width:1200px;overflow:auto}.media-dialog::backdrop,.team-dialog::backdrop{background:rgba(14,12,11,.88);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:24px;top:15px;border-bottom:1px solid currentColor;min-height:36px;font-size:11px}.media-dialog #media-content>img{max-height:76svh;object-fit:contain;margin:auto}.media-dialog video{max-height:76svh;width:100%;object-fit:contain}.media-dialog iframe{width:100%;height:70svh;border:0}.media-dialog .meta{margin-top:20px}.team-dialog{width:850px}.team-dialog #team-content{display:grid;grid-template-columns:.8fr 1fr;gap:40px;align-items:center}.team-dialog img{width:100%;max-height:70svh;object-fit:cover}.team-dialog h2{font-size:56px}.team-dialog .eyebrow{color:var(--taupe);margin-top:18px}.team-dialog p:not(.eyebrow){font-size:14px}.transition-layer{position:fixed;inset:0;background:var(--ox);z-index:80;transform:translateY(100%);pointer-events:none}::view-transition-old(root){animation:old-page .4s ease both}::view-transition-new(root){animation:new-page .6s ease both}@keyframes old-page{to{opacity:0;transform:translateY(-15px)}}@keyframes new-page{from{opacity:0;transform:translateY(20px)}}
@media(min-width:1100px){.hero-copy h1{min-width:650px}.hero-positioning{margin-bottom:5px}.hanging-frame--0{transform:rotateY(-9deg)}.hanging-frame--2{transform:rotateY(8deg)}.home-crew .crew-photo:nth-child(2){margin-top:45px}.home-crew .crew-photo:nth-child(4){margin-top:70px}}
@media(max-width:1100px){.header-meta{display:none}.hero{min-height:820px}.hero-copy{left:7%;bottom:17%}.hero-copy h1{font-size:10vw}.hero-positioning{display:none}.hero-film{width:67%;left:14%;height:43%}.hero-aether{width:48%;right:-6%;top:26%}.hero-actions{left:25%;bottom:8%}.world-intro h2{font-size:70px}.signature-heading{gap:30px}.signature-stage{height:470px}.team-grid{grid-template-columns:repeat(3,1fr)}.archive-grid{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr 1fr}.hero-masthead{top:110px;font-size:36vw}}
@media(max-width:700px){:root{--pad:23px}.site-header{height:72px;padding:12px 22px;gap:16px}.wordmark>img{width:27px;height:32px}.wordmark>span{font-size:23px}.desktop-nav{display:none}.motion-button{margin-left:auto;width:40px;height:40px}.menu-button{display:block;font-size:11px;padding:10px 0 10px 8px}.section-pad{padding:65px var(--pad)}.section-top{display:block;margin-bottom:30px}.section-top>p,.section-top>.filter-group{margin-top:25px}h1{font-size:65px}h2{font-size:54px}.hero{height:calc(100svh + 100px);min-height:820px;max-height:950px;background-position:center center}.hero-masthead{top:106px;left:2%;font-size:36vw;letter-spacing:-.06em;z-index:0}.hero-film{top:24%;left:5%;width:83%;height:29%;transform:perspective(1000px) rotateY(-5deg) rotateZ(-4deg)}.hero-film-caption{font-size:6px;max-width:150px;line-height:1.3}.hero-aether{width:78%;height:48%;max-height:none;right:-20%;top:25%;object-position:bottom}.hero-copy{left:6%;right:5%;bottom:20%;z-index:3}.hero-copy h1{font-size:clamp(48px,12.8vw,86px);line-height:.9;max-width:100%;text-shadow:0 2px 8px var(--bone)}.hero-actions{left:6%;bottom:9%;gap:28px}.hero-actions .underlined{font-size:11px}.hero-actions .film-trigger{font-size:11px}.hero-foot{left:6%;bottom:3%;max-width:250px;line-height:1.7;font-size:7px}.hero-index{right:6%;bottom:3%;font-size:8px}.world{padding:65px 0 30px}.world-intro{display:block}.world-intro h2{font-size:70px}.world-intro>p{margin-top:22px;font-size:13px}.world-intro>.underlined{margin-top:15px}.world-controls{padding-top:25px}.world-controls>.meta{font-size:8px}.world-controls button{padding:10px}.world-controls .icon{width:20px;height:20px}.world-viewport{padding:30px 0 45px}.world-track{padding:0 8vw;gap:25px}.hanging-frame{width:75vw}.frame-media{height:240px}.hanging-frame--1{width:52vw;margin-top:10px}.hanging-frame--1 .frame-media{height:310px}.hanging-frame--2{margin-top:-15px}.hanging-frame--3{width:64vw;margin-top:35px}.hanging-frame--3 .frame-media{height:270px}.frame-label{font-size:19px;gap:10px}.frame-label small{font-size:7px;max-width:95px}.world canvas{display:none}.signature{padding:60px var(--pad)}.signature-heading{display:block;margin-bottom:25px}.signature-heading h2{font-size:70px}.signature-views{margin-top:25px}.signature-views button{flex:1;font-size:10px;padding:10px 7px}.signature-stage{height:400px}.signature-stage[data-mode=compare]{height:auto;display:flex;flex-direction:column;background:var(--ink)}.signature-stage[data-mode=compare] .signature-pane{position:relative;width:100%;height:52vw;max-height:300px;left:auto;right:auto}.signature-stage[data-mode=compare] .signature-pane--final{order:0;border-bottom:1px solid rgba(243,238,230,.25)}.signature-stage[data-mode=compare] .signature-pane--bts{order:1}.signature-pane figcaption{top:10px;left:10px;font-size:7px;padding:6px 8px}.signature-footer{flex-wrap:wrap;gap:12px;font-size:10px;align-items:start}.signature-footer>.meta{width:100%;font-size:8px}.signature-play{gap:20px}.signature-play button{font-size:10px}.signature-footer label{margin-left:auto}.signature-footer select{font-size:10px;padding:10px 5px;max-width:135px}.media-note{font-size:10px}.selected-work{display:block;padding:0 var(--pad) 60px}.selected-project,.selected-project:first-child{display:flex;flex-direction:column;gap:25px;margin-top:45px}.selected-title h2{font-size:54px}.selected-title>span{margin-top:15px}.selected-image,.selected-project:not(:first-child) .selected-image{width:100%;height:300px}.reel-room{padding:65px var(--pad)}.reel-room h2{font-size:58px}.reel-card{flex-basis:185px;height:325px}.film-ribbon{gap:16px;padding-top:15px}.house-intro{padding:65px var(--pad)}.home-crew{grid-template-columns:1fr 1fr;gap:25px 15px;margin-top:35px}.crew-photo span{font-size:23px}.crew-photo small{font-size:7px}.house-intro-links{gap:25px}.house-intro-links .text-button{font-size:10px}.contact-close{padding:75px var(--pad) 90px;min-height:450px}.contact-close h2{font-size:65px;max-width:340px}.contact-actions{align-items:start;flex-direction:column;gap:15px;margin-top:30px}.contact-actions>.button{font-size:10px;padding:14px 20px}.contact-actions>.text-button{padding-left:0}.contact-character{right:-25%;width:80%;height:70%;opacity:.12}.site-footer{padding:45px var(--pad) 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:11px}.footer-top>.wordmark{grid-column:1/-1}.footer-links{gap:15px 23px;font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:7px;line-height:1.8}.footer-bottom>span:first-child{width:100%}.page-intro{padding:125px var(--pad) 40px}.page-intro>p:not(.eyebrow){font-size:14px;margin-top:25px}.page-intro h1{font-size:63px;overflow-wrap:anywhere}.archive-tools{display:block}.archive-tools .filter-group{gap:6px}.filter-group button{font-size:10px;padding:9px 13px}.search-field{margin-top:30px}.archive-grid{grid-template-columns:1fr;gap:35px}.project-card-media{height:310px}.project-card h3{font-size:35px}.project-open{transform:none;font-size:9px}.site-row{gap:15px;padding:22px 0}.site-row>a{display:block}.site-row h3{font-size:30px}.site-row .meta{font-size:7px;margin-top:8px}.site-row button{font-size:10px}.production-track .project-card{flex-basis:280px}.project-hero{padding:110px var(--pad) 0}.project-hero h1{font-size:58px;margin-bottom:30px;overflow-wrap:anywhere}.project-hero-media{height:55vw;min-height:240px}.project-full-image[src$=".svg"],.project-full-image[src*="oxygen-logo"]{padding:30px}.project-story{display:block}.project-story>div>p{font-size:15px}.project-story aside{margin-top:40px}.project-story aside ul{font-size:11px}.project-gallery{grid-template-columns:1fr;gap:20px}.project-gallery img{height:auto;max-height:550px;object-fit:contain}.project-gallery>button:first-child{grid-column:auto}.brand-book .section-top .filter-group{margin-top:30px}.book-spread{margin:35px 0 20px}.book-controls{gap:10px;flex-wrap:wrap}.book-controls button{font-size:10px}.book-controls .meta{font-size:8px}.book-flat{grid-template-columns:1fr 1fr;gap:15px}.next-project .next-link{font-size:45px}.next-link .icon{width:35px;height:35px}.service-detail{grid-template-columns:30px 1fr;gap:15px;padding:40px 0}.service-detail h2{font-size:48px}.service-detail p{font-size:14px}.service-detail ul{grid-template-columns:1fr;font-size:11px;gap:10px}.service-detail .text-button{margin-right:20px;font-size:10px}.plan-grid{grid-template-columns:1fr;gap:30px}.plan-grid p:not(.eyebrow){font-size:13px}.team-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.team-card h3{font-size:29px}.team-card .meta{font-size:7px}.team-open{font-size:9px}.studio-values{font-size:8px;gap:15px}.method-grid{grid-template-columns:1fr;gap:35px}.method-grid h3{font-size:40px}.contact-body{display:block;padding-top:20px}.contact-details{margin-bottom:50px}.contact-details h2{font-size:52px}#project-form{grid-template-columns:1fr;gap:23px}#project-form .wide{grid-column:auto}.faq summary{font-size:25px;gap:15px}.faq details p{padding-left:0;font-size:13px}.media-dialog,.team-dialog{padding:65px 15px 20px;max-width:96vw;max-height:95svh}.team-dialog #team-content{display:block}.team-dialog img{max-height:42svh;width:100%;object-fit:contain;margin-bottom:25px}.team-dialog h2{font-size:43px}.media-dialog iframe{height:42svh}.meta{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-film,.hanging-frame{transform:none!important}.reel-card:nth-child(2n){margin-top:0}.hero-aether{transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
body.motion-paused *{animation-play-state:paused!important}body.motion-paused .hanging-frame{transform:none!important}
.sound-button{font-size:9px;white-space:nowrap;padding:12px 0}.site-header{gap:22px}.brand-palette{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.brand-palette span{display:flex;gap:10px;align-items:center;font-size:10px}.brand-palette i{display:block;width:35px;height:35px;border:1px solid var(--line)}#shot-setup,#explore,#team,#method,#plan,#faq,#production,#reels,#websites{scroll-margin-top:95px}@media(max-width:700px){.sound-button{display:none}.site-header{gap:14px}}
.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-top:0;padding-bottom:30px}.studio-stats>div{border-top:1px solid var(--line);padding-top:22px}.studio-stats strong{font:500 clamp(45px,6vw,90px)/1 var(--serif);color:var(--ox);display:block}.studio-stats span{font:400 10px var(--mono);display:block;margin-top:15px;text-transform:uppercase}@media(max-width:700px){.sound-button{display:block;font-size:8px}.studio-stats{grid-template-columns:1fr 1fr;padding-top:0}.site-header{gap:12px}.wordmark>span{font-size:21px}}
/* Keep the headline on the studio floor rather than across changing video faces. */
@media(min-width:1101px){.hero-film{top:21%;height:35%}.hero-positioning{font-size:10px;max-width:210px}}
.hero-aether{-webkit-mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%)}
@media(max-width:700px){.hero-film{top:24%;height:29%}}
.world-viewport{touch-action:pan-x pan-y pinch-zoom}.hanging-frame img{-webkit-user-drag:none;user-select:none}
@media(min-width:1101px){.world{padding-top:55px}.world-intro h2{font-size:80px}.world-track{gap:2vw;padding:0 4vw}.hanging-frame{width:30vw}.hanging-frame--1{width:16vw}.hanging-frame--2{width:24vw}.hanging-frame--3{width:18vw}.frame-media{height:290px}.hanging-frame--1 .frame-media{height:380px}.hanging-frame--3 .frame-media{height:335px}.world-viewport{padding-top:40px;padding-bottom:60px}}
.studio-manifesto{max-width:730px;margin-top:35px;font-size:15px}.studio-manifesto ul{display:flex;flex-wrap:wrap;gap:15px 25px;list-style:none;padding:0;font-size:11px;color:var(--ox)}
.mobile-sound{display:block;font-size:14px;min-height:44px;margin-top:25px;border-bottom:1px solid var(--line)}.site-header .motion-button{width:44px;height:44px;flex:none}.menu-button{min-height:44px}@media(max-width:700px){.site-header .sound-button{display:none}}
.hero{background-image:linear-gradient(transparent 45%,rgba(243,238,230,.35) 65%,#F3EEE6 100%),url('/assets/media/web-images/infinite-studio-hero-927d85e3533e.webp')}
@media(min-width:1101px){.hero{height:105svh;min-height:1000px;max-height:1200px}.hero-copy{left:20%;right:8%}.hero-film{left:20%;width:60%}.hero-copy h1{letter-spacing:-.005em}.hero-aether{-webkit-mask-image:linear-gradient(#000 0%,#000 65%,transparent 95%);mask-image:linear-gradient(#000 0%,#000 65%,transparent 95%)}}

@media(min-width:1101px){.hero-copy h1{flex:none;white-space:nowrap;font-size:8.3vw}.hero-positioning{position:absolute;right:0;bottom:5px}.hero-copy{bottom:15%}}
@media(min-width:701px) and (max-width:1100px){.hero-film{height:35%}}

/* Infinite Set / reference-motion revision. Scene scale changes, not incidental fades. */
.hero-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.hero-line>span{display:block;transform-origin:left bottom}
.hero-masthead{display:flex;overflow:hidden}.hero-masthead span{display:block}.hero-film{will-change:transform,width,height;transform-origin:center center}.hero-film video{max-width:none}.hero-copy{pointer-events:none}.hero-actions{will-change:left,bottom}.hero-film-caption{font-size:9px;background:rgba(21,19,18,.45);padding:6px 10px}
.home-page:not(.past-opening) .site-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent}.site-header{transition:background .35s}
@media(min-width:901px){.hero{height:100svh;min-height:720px;max-height:none}.hero-masthead{top:90px;font-size:36vw;z-index:-1}.hero-film{top:24%;left:20%;width:58%;height:40%}.hero-aether{top:17%;right:-1%;width:43%;max-height:76%}.hero-copy{left:20%;right:6%;bottom:14%}.hero-copy h1{font-size:8.1vw;line-height:.82;flex:none;white-space:nowrap}.hero-positioning{position:absolute;right:0;bottom:0;font-size:9px}.hero-actions{left:42%;bottom:4%;gap:25px}.hero-foot{bottom:3%;left:4%}}
.world{background-image:none;background:var(--bone);isolation:isolate}.world-intro h2{color:var(--ox);font-size:clamp(70px,9vw,145px);line-height:.82}.world-intro .eyebrow{margin-bottom:20px}.world-axis{position:absolute;bottom:32px;left:var(--pad);z-index:4;color:var(--ox);font-size:9px}.world-controls button[data-world-reset]{border:0;border-radius:0;font-size:10px;text-decoration:underline}.world-controls p{font-size:9px}
.world--spatial{height:120svh;min-height:880px;max-height:1200px;padding:0;overflow:hidden;background-image:url('/assets/media/web-images/infinite-studio-b15267d37ba1.webp');background-size:cover;background-position:center bottom}
.world--spatial .world-intro{position:absolute;top:6%;left:0;width:100%;z-index:5;pointer-events:none;align-items:start}.world--spatial .world-intro a{pointer-events:auto}.world--spatial .world-intro>p{font-size:11px;max-width:240px;margin-top:30px}.world--spatial .world-intro>a{margin-top:30px;font-size:11px}
.world--spatial .world-controls{position:absolute;bottom:4%;left:0;width:100%;z-index:6;padding:0 var(--pad);pointer-events:none}.world--spatial .world-controls>div{pointer-events:auto}.world--spatial .world-controls>p{transform:rotate(-5deg);font:italic 500 27px/1 var(--serif);max-width:220px;text-transform:none;letter-spacing:0}
.world--spatial .world-axis{bottom:18px}.world--spatial .world-viewport{position:absolute;inset:0;padding:0;overflow:hidden;touch-action:pan-y;perspective:1200px;cursor:grab;z-index:3}.world--spatial .world-viewport.dragging{cursor:grabbing}.world--spatial .world-track{position:absolute;inset:0;padding:0;width:100%;height:100%;display:block;transform-style:preserve-3d;pointer-events:none}
.world--spatial .hanging-frame{position:absolute;left:50%;top:53%;width:clamp(190px,23vw,340px);margin:0;translate:-50% -50%;pointer-events:auto;will-change:transform;backface-visibility:hidden}.world--spatial .frame-media{height:210px;box-shadow:12px 22px 30px rgba(21,19,18,.18)}.world--spatial .hanging-frame--1{width:clamp(140px,16vw,240px)}.world--spatial .hanging-frame--1 .frame-media{height:290px}.world--spatial .hanging-frame--3{width:clamp(150px,18vw,260px)}.world--spatial .hanging-frame--3 .frame-media{height:250px}.world--spatial .frame-label{font-size:22px;padding:10px;background:var(--bone)}.world--spatial .frame-label small{font-size:7px}.world--spatial canvas{display:block;inset:0;width:100%;height:100%;opacity:.8;z-index:1}
.manifesto-motion{padding:110px 10vw 120px;background:var(--ox);color:var(--bone)}.manifesto-motion .eyebrow{color:var(--bone);opacity:.7}.manifesto-motion h2{font-size:clamp(42px,6.4vw,100px);line-height:1.04;max-width:1200px}.manifesto-motion>.meta{display:block;margin-top:50px;font-size:10px}.word-fill span{display:inline-block}
.signature{background-image:none;background:var(--bone);padding-top:90px}.signature-heading h2{font-size:clamp(70px,10vw,150px)}.signature-stage{height:65svh;min-height:420px;max-height:760px;background:#151312}.signature-pane video{object-fit:contain}.signature-pane figcaption{font-size:10px;letter-spacing:.12em;padding:12px 16px}.signature.manual .signature-pane{width:50%!important}.signature.manual .signature-stage[data-mode=final] .signature-pane--final,.signature.manual .signature-stage[data-mode=bts] .signature-pane--bts{width:100%!important}
.selected-work{display:block;padding:110px var(--pad) 120px;background:var(--bone)}.selected-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:70px;gap:25px}.selected-heading h2{color:var(--ox);font-size:clamp(60px,8vw,125px)}.selected-heading .meta{max-width:210px;font-size:9px}.selected-project,.selected-project:first-child,.selected-project:not(:first-child){display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;padding:35px 0;border-top:1px solid var(--line);min-height:180px;margin:0;position:relative;isolation:isolate}.selected-project:last-child{border-bottom:1px solid var(--line)}.selected-title{flex:1}.selected-title .eyebrow{font-size:9px;margin-bottom:15px}.selected-title h2{font-size:clamp(48px,6.4vw,105px);transition:transform .5s,opacity .5s}.selected-title>span{position:absolute;right:0;bottom:30px;font-size:10px;margin:0}.selected-project .selected-image,.selected-project:not(:first-child) .selected-image{height:130px;width:160px;flex:none;margin-right:160px;box-shadow:none;overflow:hidden}.selected-project:hover h2{transform:translateX(35px);opacity:.5}.project-follow{position:fixed;left:0;top:0;width:360px;height:270px;z-index:48;pointer-events:none;translate:-50% -50%;transform-origin:center;opacity:0;scale:.65;transition:opacity .25s,scale .55s cubic-bezier(.16,1,.3,1);background:var(--ox);overflow:hidden}.project-follow.visible{opacity:1;scale:1}.project-follow img{width:100%;height:100%;object-fit:cover}.mesh-cursor{position:fixed;inset:0 auto auto 0;z-index:75;width:78px;height:78px;translate:-50% -50%;display:grid;place-items:center;background:var(--ox);color:var(--bone);border-radius:50%;font:500 11px var(--mono);pointer-events:none;opacity:0;scale:.3;transition:opacity .25s,scale .3s}.mesh-cursor.visible{opacity:1;scale:1}
.reel-room{padding-top:100px;padding-bottom:110px;background:var(--noir)}.reel-room h2{font-size:clamp(70px,9vw,145px)}.film-ribbon{padding:32px 0;border-top:12px dotted var(--bone);border-bottom:12px dotted var(--bone);gap:8px;margin:80px -8vw 65px;overflow-x:auto;transform-origin:center center}.reel-card,.reel-card:nth-child(2n){flex-basis:clamp(210px,27vw,400px);height:430px;margin-top:0;border:5px solid var(--noir)}.film-ribbon .reel-caption{font-size:16px}.motion-marquee{overflow:hidden;padding:30px 0;background:var(--bone);border-bottom:1px solid var(--line);color:var(--ox)}.motion-marquee>div{width:max-content;white-space:nowrap;font:500 clamp(55px,9vw,140px)/1 var(--serif)}.motion-marquee em{margin:0 .5em}.home-crew .crew-photo{perspective:900px}.crew-photo img{transform-origin:center;will-change:transform}.house-intro{overflow:hidden;padding-top:110px;padding-bottom:130px}.house-intro h2{font-size:clamp(60px,9vw,140px)}.contact-close{min-height:650px;display:flex;flex-direction:column;justify-content:center}.contact-close h2{font-size:clamp(70px,10vw,160px);position:relative;z-index:2}.contact-character{opacity:.4}.motion-paused .mesh-cursor,.motion-paused .project-follow{display:none}
@media(max-width:900px){.world--spatial{min-height:800px;height:110svh}.world--spatial .world-intro{top:50px;display:block}.world--spatial .world-intro h2{font-size:80px}.world--spatial .world-intro>p{display:none}.world--spatial .world-intro>a{font-size:10px;margin-top:20px}.world--spatial .hanging-frame{width:210px;top:56%}.world--spatial .hanging-frame--1{width:160px}.world--spatial .hanging-frame--3{width:180px}.world--spatial .frame-media{height:165px}.world--spatial .hanging-frame--1 .frame-media{height:230px}.world--spatial .hanging-frame--3 .frame-media{height:200px}.world--spatial .frame-label{font-size:18px}.world--spatial .frame-label small{display:none}.world--spatial .world-controls>p{font-size:22px;max-width:135px}.world--spatial .world-controls button{padding:8px}.world--spatial .world-controls button[data-world-reset]{display:none}.world--spatial .world-axis{display:none}.world--spatial canvas{display:block}.manifesto-motion{padding:75px var(--pad)}.manifesto-motion h2{font-size:46px}.selected-work{padding:65px var(--pad)}.selected-heading{display:block;margin-bottom:35px}.selected-heading>h2{font-size:65px}.selected-heading>.meta{margin-top:25px}.selected-project,.selected-project:first-child,.selected-project:not(:first-child){gap:18px;min-height:175px;padding:30px 0}.selected-title h2{font-size:42px}.selected-title .eyebrow{font-size:7px}.selected-project .selected-image,.selected-project:not(:first-child) .selected-image{height:90px;width:85px;margin-right:0}.selected-title>span{bottom:12px;left:0;right:auto;font-size:9px}.selected-project:hover h2{transform:none;opacity:1}.reel-card,.reel-card:nth-child(2n){height:330px;flex-basis:210px}.film-ribbon{margin:45px -8vw;border-width:8px}.film-ribbon .reel-caption{font-size:13px}.mesh-cursor,.project-follow{display:none}.signature-stage{height:400px;min-height:0}.signature-heading h2{font-size:75px}.signature.manual .signature-stage[data-mode=compare] .signature-pane{width:100%!important}.signature .pin-spacer{max-width:100%}.house-intro{padding-top:70px;padding-bottom:80px}.house-intro h2{font-size:64px}.contact-close{min-height:500px}.contact-close h2{font-size:68px}.motion-marquee{padding:22px 0}}
@media(prefers-reduced-motion:reduce){.hero-line>span{transform:none!important}.word-fill span{opacity:1!important}.motion-marquee>div{white-space:normal;width:auto;font-size:45px;padding:0 var(--pad)}.mesh-cursor,.project-follow{display:none}}

@media(min-width:901px){.hero-film{top:20%;height:30%}.home-page:not(.past-opening) .site-header{background:rgba(243,238,230,.45)}}

.world--spatial .world-viewport{inset:260px 0 90px}.world--spatial .world-intro h2{font-size:clamp(70px,7.5vw,115px)}.world--spatial .hanging-frame{top:50%}.world--spatial .world-intro>a{white-space:nowrap}
@media(max-width:900px){.world--spatial .world-viewport{inset:250px 0 85px}.world--spatial .world-intro h2{font-size:76px}.world--spatial .hanging-frame{top:50%}.world--spatial .frame-media{height:155px}.world--spatial .hanging-frame--1 .frame-media{height:195px}.world--spatial .hanging-frame--3 .frame-media{height:190px}}

.crew-play{display:flex;justify-content:space-between;align-items:center;margin-top:35px;gap:20px}.crew-play>.meta{font-size:9px}.crew-play .underlined{font-size:11px}.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}

.hero-index{display:flex;gap:12px;align-items:center}.hero-index .icon{width:15px;height:15px;transform:rotate(90deg)}.world-intro>a{background:var(--bone);padding:10px 14px}
@media(max-width:900px){.home-page:not(.past-opening) .site-header{background:rgba(243,238,230,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.world--spatial canvas{opacity:.4}.world--spatial .world-intro>a{padding:8px 12px}.hero-index{display:none}}

.hero-film-wash{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,var(--bone));pointer-events:none}.hero-masthead{mask-image:linear-gradient(#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(#000 60%,transparent 100%)}.hero-index{bottom:4%}
@media(min-width:901px){.hero{min-height:720px}.hero-film{height:40%}.hero-aether{mask-image:linear-gradient(#000 0%,#000 50%,transparent 90%);-webkit-mask-image:linear-gradient(#000 0%,#000 50%,transparent 90%)}}
@media(max-width:900px){.hero-film-wash{display:none}}
.project-follow{scale:1;clip-path:inset(45%);transition:opacity .25s,clip-path .5s cubic-bezier(.16,1,.3,1)}.project-follow.visible{scale:1;clip-path:inset(0)}.mesh-cursor{scale:1;clip-path:circle(0%);transition:opacity .2s,clip-path .3s}.mesh-cursor.visible{scale:1;clip-path:circle(50%)}
@media(min-width:901px){.hero-film{transform:perspective(1400px) rotateY(-8deg) rotateZ(6deg)}.hero-copy h1{font-size:8.5vw}}

/* Revision 3 — scene navigation and a filmstrip you travel through. */
.menu-button{display:block;min-width:44px}.mobile-menu{inset:84px 0 0;background:var(--ox);color:var(--bone);padding:5vh 9vw;isolation:isolate}.mobile-menu>a{font-size:clamp(44px,8vh,100px);color:var(--bone);line-height:1.18;border-bottom:1px solid rgba(243,238,230,.2);padding:5px 0;transition:padding-left .4s}.mobile-menu>a:hover,.mobile-menu>a:focus-visible{padding-left:25px}.mobile-menu .mobile-sound{color:var(--bone);border-color:var(--bone)}.chapter-line{display:block;overflow:hidden;padding-bottom:.15em;margin-bottom:-.15em}.chapter-line>span{display:block;transform-origin:left bottom}.selected-project{background:transparent;transition:background .35s}.selected-project:hover{background:rgba(110,19,24,.045)}.world-view-toggle{min-height:44px!important;border-radius:0!important;font:500 11px var(--sans);padding:10px!important;text-decoration:underline}.world--index .world-viewport{overflow:auto;perspective:none;cursor:auto;padding:25px var(--pad)}.world--index .world-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;height:auto;pointer-events:auto}.world--index .hanging-frame{position:relative;inset:auto;translate:none;width:100%!important;transform:none!important;margin:0}.world--index .frame-media{height:220px!important}.world--index canvas{opacity:.08!important}.world--index .frame-label{min-height:65px}.world--index .world-viewport:focus-visible{outline-offset:-5px}
@media(min-width:901px){.film-ribbon{margin-left:0;margin-right:0;width:100%;height:480px}.reel-card,.reel-card:nth-child(2n){flex-basis:48vw;height:390px}.film-ribbon .reel-caption{background:rgba(21,19,18,.8)}.reel-card img{object-position:center}.contact-close{background-attachment:fixed}.world--index .world-viewport{inset:265px 0 100px}.home-crew{gap:35px}.crew-photo{background:var(--paper);padding:12px 12px 25px;box-shadow:0 20px 40px rgba(21,19,18,.08)}.crew-photo span{padding:15px 5px 0}}
@media(max-width:900px){.mobile-menu{inset:72px 0 0;padding:45px var(--pad)}.mobile-menu>a{font-size:54px}.world--index .world-track{grid-template-columns:1fr 1fr;gap:15px}.world--index .frame-media{height:150px!important}.world-view-toggle{font-size:9px!important}.world--index .frame-label{font-size:16px}.world-controls button[data-world-reset]{display:none}}
@media(prefers-reduced-motion:reduce){.chapter-line>span{transform:none!important}}
.motion-paused .chapter-line>span{transform:none!important}
.film-ribbon{overflow-y:hidden}
/* Give the full Mesh name its own readable opening band. */
.hero-masthead{mask-image:none;-webkit-mask-image:none;z-index:3;pointer-events:none;color:var(--ox)}
@media(min-width:901px){.hero-masthead{top:100px;left:4%;font-size:clamp(180px,min(30vw,32svh),480px);letter-spacing:-.025em}.hero-film{top:36%;left:22%;width:54%;height:30%}.hero-aether{top:32%;width:38%;max-height:64%}}
@media(max-width:900px){.hero-masthead{top:106px;left:3%;font-size:36vw}.hero-film{top:31%;height:27%}.hero-aether{top:32%}}

/* Aether → Mesh: a dedicated, playable identity chapter. */
.mesh-origin{height:100svh;min-height:700px;background:var(--noir);color:var(--bone);position:relative;overflow:hidden;isolation:isolate;padding:110px var(--pad) 45px}.origin-top,.origin-bottom{position:absolute;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:30px;align-items:center;z-index:4}.origin-top{top:115px}.origin-top .meta{font-size:9px;max-width:280px}.origin-bottom{bottom:45px}.origin-bottom .meta{font-size:9px;line-height:1.8}.origin-bottom .underlined{font-size:11px}.origin-caption{position:absolute;left:var(--pad);top:36%;z-index:3;font:500 clamp(55px,6.5vw,110px)/.95 var(--serif);pointer-events:none}.origin-caption em{color:#D5A391}.origin-caption>div{max-width:550px}.origin-caption [data-origin-last]{position:absolute;inset:0 auto auto 0;width:550px;opacity:0}.origin-art{position:absolute;inset:15% 4% 10% 40%;z-index:2;touch-action:pan-y}.origin-art canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.origin-aether,.origin-mark{position:absolute;left:50%;top:50%;translate:-50% -50%;object-fit:contain;pointer-events:none}.origin-aether{width:80%;height:92%}.origin-mark{width:57%;height:70%;opacity:0}.origin-play{display:flex;align-items:center;gap:20px;min-height:52px;border:1px solid rgba(243,238,230,.3);border-radius:30px;padding:12px 22px;font-size:11px}.origin-play .icon,.origin-bottom .icon{filter:brightness(0) invert(1);width:18px}.origin-static #origin-canvas{display:none}.motion-paused .origin-play{display:none}
@media(max-width:900px){.mesh-origin{min-height:700px}.origin-top{top:100px;align-items:start}.origin-top .meta{font-size:7px;max-width:145px}.origin-top .meta:last-child{text-align:right}.origin-caption{top:23%;font-size:48px;left:var(--pad)}.origin-caption>div,.origin-caption [data-origin-last]{width:330px;max-width:85vw}.origin-art{inset:40% 1% 15% 1%}.origin-bottom{bottom:28px;flex-wrap:wrap;gap:15px}.origin-bottom .meta{display:none}.origin-bottom .underlined{font-size:10px}.origin-play{font-size:10px;padding:12px 17px}.origin-aether{height:100%;width:76%}.origin-mark{height:88%;width:48%}}
.story-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.story-media-card{padding:0;text-align:left;background:var(--paper);border:1px solid var(--line);transition:transform .45s}.story-media-card:hover{transform:translateY(-8px)}.story-media-card>img{width:100%;height:270px;object-fit:cover}.story-media-label{padding:20px;display:block;position:relative}.story-media-label>span{display:block;font:500 26px/1.1 var(--serif);padding-right:30px;margin-top:12px;overflow-wrap:anywhere}.story-media-label .icon{position:absolute;right:20px;bottom:20px;width:20px}.story-media-label small{font-size:8px;color:var(--ox)}.story-media-empty{padding:25px;border:1px solid var(--line);font-size:14px}.media-desk-link{position:fixed;bottom:14px;right:18px;z-index:60;display:flex;gap:15px;align-items:center;padding:10px 17px;background:var(--bone);color:var(--ox);border:1px solid var(--line);border-radius:25px;box-shadow:0 3px 20px rgba(21,19,18,.1);font:500 10px var(--sans)}.media-desk-link img{width:18px;height:18px}.origin-play{border-color:currentColor}.origin-caption em{color:inherit;opacity:.7}
@media(max-width:900px){.story-media-grid{grid-template-columns:1fr 1fr;gap:15px}.story-media-card>img{height:190px}.story-media-label{padding:14px}.story-media-label>span{font-size:22px}.media-desk-link{position:relative;bottom:auto;right:auto;width:max-content;margin:18px auto;font-size:10px;padding:12px 18px}}
@media(max-width:550px){.story-media-grid{grid-template-columns:1fr}.story-media-card>img{height:260px}}
.origin-light .origin-play .icon,.origin-light .origin-bottom .icon{filter:none}

/* Stable native gallery on smaller screens; desktop retains the spatial world. */
@media(max-width:900px){.world:not(.world--spatial) .world-intro{flex-wrap:wrap}.world:not(.world--spatial) .world-viewport{touch-action:pan-x pan-y}.world:not(.world--spatial) .hanging-frame{transform:none!important;translate:none}.world:not(.world--spatial) .world-controls{gap:20px;flex-wrap:wrap}.world:not(.world--spatial) .world-axis{display:none}.world:not(.world--spatial) .world-track{pointer-events:auto}.world--index:not(.world--spatial) .world-track{width:100%;padding:0}.world--index:not(.world--spatial) .hanging-frame{width:100%!important}.signature-stage{scroll-margin-top:90px}}
body:has(.mobile-menu:not([hidden])){overflow:hidden}

@media(min-width:901px){.film-ribbon{scroll-snap-type:none}}
/* Comparison must stack at the same breakpoint as its full-width panes. */
@media(max-width:900px){.signature-stage[data-mode=compare]{height:auto;max-height:none;display:flex;flex-direction:column}.signature-stage[data-mode=compare] .signature-pane{position:relative;inset:auto;width:100%!important;height:min(56vw,340px);flex:none}.signature-stage[data-mode=compare] .signature-pane--final{order:0}.signature-stage[data-mode=compare] .signature-pane--bts{order:1}}

/* Keep scroll repainting outside the full scene and avoid expensive phone blur. */
.mesh-origin,.world{contain:paint}.origin-art{contain:layout}.origin-aether,.origin-mark{will-change:transform,opacity}
@media(max-width:900px){.site-header,.home-page:not(.past-opening) .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bone)}.contact-close{background-attachment:scroll}.origin-art canvas{opacity:.85}}
/* Mesh cursor: a tiny precise hotspot and a separate expressive outer instrument. */
.brand-cursor,.cursor-hotspot{position:fixed;left:0;top:0;pointer-events:none!important;z-index:100;opacity:0;transition:opacity .15s;will-change:transform}.brand-cursor.is-visible,.cursor-hotspot.is-visible{opacity:1}.brand-cursor{--cursor-ink:var(--ox);--cursor-paper:var(--bone);width:0;height:0}.brand-cursor[data-surface=dark]{--cursor-ink:var(--bone);--cursor-paper:var(--ox)}.cursor-hotspot{width:5px;height:5px;background:var(--ox);border:1px solid var(--bone);border-radius:50%;translate:-50% -50%;z-index:101}.cursor-hotspot[data-surface=dark]{background:var(--bone);border-color:var(--ox)}.cursor-shell{width:32px;height:32px;position:absolute;left:0;top:0;translate:-50% -50%;border:1px solid var(--cursor-ink);border-radius:50%;color:var(--cursor-ink);background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;transition:width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1),border-radius .32s,background .25s,rotate .35s,scale .2s}.cursor-glyph{font:400 27px/1 var(--sans)}.cursor-label{font:500 8px/1.8 var(--mono);letter-spacing:.09em}.cursor-orbit{position:absolute;inset:-7px;border:1px dashed currentColor;border-radius:50%;opacity:0;animation:cursor-turn 9s linear infinite;animation-play-state:paused}.cursor-orbit.second{inset:-14px;animation-direction:reverse;animation-duration:14s}.cursor-cross{position:absolute;inset:9px;border:1px solid currentColor;opacity:0;clip-path:polygon(0 0,25% 0,25% 6%,6% 6%,6% 25%,0 25%,0 0,75% 0,100% 0,100% 25%,94% 25%,94% 6%,75% 6%,75% 0,100% 75%,100% 100%,75% 100%,75% 94%,94% 94%,94% 75%,100% 75%,25% 100%,0 100%,0 75%,6% 75%,6% 94%,25% 94%)}.cursor-spark{position:absolute;width:5px;height:5px;background:currentColor;border-radius:50%;opacity:0}.cursor-spark.a{top:-9px;left:50%}.cursor-spark.b{right:-9px;top:50%}.cursor-spark.c{bottom:-9px;left:35%}.brand-cursor[data-mode=film] .cursor-shell{width:76px;height:76px;border-radius:18px;background:var(--cursor-paper)}.brand-cursor[data-mode=film] .cursor-cross{opacity:.55}.brand-cursor[data-mode=drag] .cursor-shell{width:88px;height:88px;background:var(--ox);color:var(--bone);border-color:var(--ox)}.brand-cursor[data-mode=drag] .cursor-orbit{opacity:.6}.brand-cursor[data-mode=connect] .cursor-shell{width:66px;height:66px;border-style:dotted}.brand-cursor[data-mode=connect] .cursor-orbit{opacity:.7}.brand-cursor[data-mode=connect] .cursor-spark{opacity:1}.brand-cursor[data-mode=project] .cursor-shell{width:80px;height:64px;border-radius:5px;rotate:-9deg;background:var(--cursor-paper)}.brand-cursor[data-mode=project] .cursor-glyph,.brand-cursor[data-mode=project] .cursor-label{rotate:9deg}.brand-cursor[data-mode=crew] .cursor-shell{width:72px;height:80px;border-radius:40% 40% 18% 18%;background:var(--cursor-paper)}.brand-cursor[data-mode=crew] .cursor-glyph{animation:cursor-turn 5s linear infinite}.brand-cursor[data-mode=contact] .cursor-shell{width:96px;height:62px;border-radius:30px 30px 30px 5px;background:var(--ox);color:var(--bone);border-color:var(--ox)}.brand-cursor[data-mode=link] .cursor-shell{width:39px;height:39px;background:var(--cursor-ink);color:var(--cursor-paper)}.brand-cursor.is-down .cursor-shell{scale:.8;rotate:-12deg}.brand-cursor.is-visible .cursor-orbit{animation-play-state:running}.has-mesh-cursor,.has-mesh-cursor a,.has-mesh-cursor button,.has-mesh-cursor summary,.has-mesh-cursor .world-viewport{cursor:none!important}.has-mesh-cursor input,.has-mesh-cursor textarea{cursor:text!important}.has-mesh-cursor select{cursor:auto!important}@keyframes cursor-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse),(max-width:600px){.brand-cursor,.cursor-hotspot{display:none!important}.has-mesh-cursor,.has-mesh-cursor a,.has-mesh-cursor button,.has-mesh-cursor summary,.has-mesh-cursor .world-viewport{cursor:auto!important}}

.brand-cursor:not(.is-visible) *{animation-play-state:paused!important}
/* The reel room is a short contact sheet, never a scroll trap. */
.reel-room{padding:75px var(--pad) 65px}.reel-room .section-top{margin-bottom:32px}.reel-room h2{font-size:clamp(58px,6.5vw,105px)}.film-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;height:auto;margin:0;padding:18px 0;border-width:6px;overflow:visible;transform:none}.reel-card,.reel-card:nth-child(2n){width:100%;height:clamp(270px,28vw,430px);min-width:0;margin:0;border:0;flex:none}.reel-card img{object-fit:cover}.film-ribbon .reel-caption{font-size:15px}.film-ribbon .reel-caption small{font-size:9px;line-height:1.5}.reel-end{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:22px}.reel-end .media-note{margin:0}.reel-end .underlined{white-space:nowrap;color:var(--bone)}
@media(max-width:1000px) and (min-width:601px){.film-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-card,.reel-card:nth-child(2n){height:320px}}
@media(max-width:600px){.film-ribbon{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:14px}.reel-card,.reel-card:nth-child(2n){flex:0 0 78%;height:330px;scroll-snap-align:start}.reel-end{align-items:start;flex-direction:column;gap:12px}.reel-room .section-top{gap:20px}.reel-room{padding-top:55px;padding-bottom:45px}}
/* Kinetic cursor: gyroscopic wirework, ink wake, click shockwave. */
.cursor-wire{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);fill:none;stroke:currentColor;stroke-width:.5;opacity:0;pointer-events:none}.brand-cursor[data-mode=connect] .cursor-wire,.brand-cursor[data-mode=drag] .cursor-wire{opacity:.65;animation:cursor-turn 12s linear infinite}.brand-cursor[data-mode=connect] .cursor-shell{width:84px;height:84px;border-style:solid;border-color:transparent;background:radial-gradient(circle,rgba(110,19,24,.12),transparent 65%)}.brand-cursor[data-mode=connect] .cursor-glyph{font-size:35px}.brand-cursor[data-mode=connect] .cursor-orbit.second{inset:-20px;rotate:x 65deg;opacity:.7}.brand-cursor[data-mode=film] .cursor-orbit{opacity:.45;inset:-9px;border-radius:21px;border-style:dashed}.brand-cursor[data-mode=drag] .cursor-shell{width:96px;height:96px}.brand-cursor[data-mode=crew] .cursor-orbit{opacity:.6}.brand-cursor[data-mode=contact] .cursor-orbit{opacity:.5;border-radius:40%}.cursor-pulse{position:absolute;width:50px;height:50px;left:0;top:0;translate:0 0;border:1px solid var(--cursor-ink,var(--ox));border-radius:50%;opacity:0;pointer-events:none}.cursor-wake{pointer-events:none;position:fixed;inset:0;z-index:98;opacity:0;transition:opacity .22s}.cursor-wake.is-visible{opacity:.65}.cursor-wake i{position:absolute;left:0;top:0;width:6px;height:6px;translate:-50% -50%;border-radius:50%;background:var(--ox);border:1px solid var(--bone);will-change:transform}.cursor-wake i:nth-child(2){width:4px;height:4px;opacity:.65}.cursor-wake i:nth-child(3){width:2px;height:2px;opacity:.4}.cursor-wake[data-surface=dark] i{background:var(--bone);border-color:var(--ox)}
/* Draggable Mesh journey rail; precise scroll control underneath the theatre. */
.scroll-rail{position:fixed;right:8px;top:24vh;height:52vh;width:44px;z-index:65;color:var(--ox);filter:drop-shadow(0 0 5px var(--bone));transition:opacity .3s}.rail-caption{position:absolute;right:9px;bottom:calc(100% + 18px);writing-mode:vertical-rl;font:500 7px var(--mono);letter-spacing:.18em;max-height:105px}.rail-track{position:absolute;inset:0;width:44px;touch-action:none;cursor:grab}.rail-track:active{cursor:grabbing}.rail-line,.rail-fill{position:absolute;left:21px;top:22px;bottom:22px;width:2px;pointer-events:none}.rail-line{background:repeating-linear-gradient(to bottom,rgba(110,19,24,.25) 0 3px,transparent 3px 10px)}.rail-fill{background:var(--ox);transform:scaleY(var(--rail-progress,0));transform-origin:top;transition:transform .1s linear}.rail-thumb{position:absolute;top:0;left:0;width:44px;height:44px;pointer-events:none;transition:transform .1s linear}.is-dragging .rail-thumb{transition:none}.rail-knob{display:grid;place-items:center;width:34px;height:44px;margin-left:5px;border-radius:18px;background:var(--bone);border:1px solid var(--ox);box-shadow:0 0 0 4px rgba(243,238,230,.35);transition:scale .3s,rotate .2s}.rail-knob img{width:16px;height:22px;object-fit:contain}.is-scrolling .rail-knob{rotate:calc(var(--rail-speed,0)*15deg);box-shadow:0 0 0 5px rgba(110,19,24,.1),0 0 20px rgba(110,19,24,.2)}.is-dragging .rail-knob{scale:1.2;rotate:-12deg}.rail-chapters{position:absolute;right:45px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;opacity:0;translate:8px 0;transition:opacity .2s,translate .3s;pointer-events:none}.scroll-rail:hover .rail-chapters,.scroll-rail:focus-within .rail-chapters{opacity:1;translate:0 0;pointer-events:auto}.rail-chapters button{display:flex;align-items:center;justify-content:end;gap:8px;min-height:32px;min-width:140px;color:var(--ox);font:500 8px var(--mono)}.rail-chapters strong{font-weight:500;background:var(--bone);padding:5px 8px;border-radius:3px;order:-1}.rail-chapters i{width:5px;height:5px;border-radius:50%;border:1px solid currentColor}.rail-chapters .is-current i{background:var(--ox);box-shadow:0 0 0 3px rgba(110,19,24,.15)}.rail-readout{position:absolute;top:calc(100% + 10px);right:9px;font:500 11px var(--mono)}.rail-current{position:absolute;right:45px;bottom:-25px;white-space:nowrap;font:500 8px var(--mono);background:var(--bone);padding:3px 7px;border-radius:3px}.has-scroll-rail{scrollbar-width:none}.has-scroll-rail::-webkit-scrollbar{width:0}body:has(dialog[open]) .scroll-rail,body:has(.mobile-menu:not([hidden])) .scroll-rail{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse),(max-width:600px){.cursor-wake{display:none!important}.cursor-wire{animation:none!important}}
@media(max-width:700px),(pointer:coarse){.scroll-rail{display:none!important}}
.motion-paused .cursor-wake{display:none!important}.motion-paused .scroll-rail *{transition:none!important}

.scroll-rail{filter:none}.rail-caption{font-size:8px;max-height:none;white-space:nowrap;background:var(--bone);padding:5px 3px;border-radius:3px}.rail-readout{background:var(--bone);padding:3px;border-radius:3px}.rail-line{box-shadow:0 0 0 1px rgba(243,238,230,.55)}.rail-knob{position:relative}.rail-knob:after{content:"";position:absolute;inset:-6px;border:1px dashed var(--ox);border-radius:22px;opacity:0}.is-scrolling .rail-knob:after,.is-dragging .rail-knob:after{opacity:.55;animation:cursor-turn 3s linear infinite}.is-scrolling .rail-line{animation:rail-flow .7s linear infinite}@keyframes rail-flow{to{background-position:0 10px}}@media(prefers-reduced-motion:reduce){.scroll-rail *,.scroll-rail *:after{animation:none!important;transition:none!important}}

.rail-menu{position:absolute;top:calc(100% + 45px);right:6px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--ox);border-radius:50%;background:var(--bone);padding:0}.scroll-rail:hover .rail-chapters,.scroll-rail:focus-within .rail-chapters{opacity:0;pointer-events:none;translate:8px 0}.scroll-rail.chapters-open .rail-chapters,.scroll-rail .rail-chapters:focus-within{opacity:1;pointer-events:auto;translate:0 0}.cursor-orbit{animation-duration:calc(9s - var(--cursor-speed,0)*6s)}

@media(min-width:701px) and (max-width:1000px){.scroll-rail{right:-3px;width:40px}.rail-track{width:40px}}
/* The whole reel composition stays in view for one short horizontal pass. */
.reel-window{position:relative;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.reel-window::-webkit-scrollbar{display:none}.film-ribbon{display:flex;grid-template-columns:none;width:max-content;height:auto;gap:16px;overflow:visible;scroll-snap-type:none;transform:none}.reel-card,.reel-card:nth-child(2n){flex:0 0 clamp(260px,34vw,680px);width:clamp(260px,34vw,680px);height:clamp(290px,32vw,470px);scroll-snap-align:start}.reel-end{align-items:center}.reel-navigation{display:flex;align-items:center;gap:12px;margin-top:12px}.reel-navigation button{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(243,238,230,.3);border-radius:50%;padding:11px}.reel-navigation button .icon{filter:brightness(0) invert(1);width:20px;height:20px}.reel-navigation [data-reel-position]{min-width:62px;text-align:center;font-size:9px}.reel-meter{width:95px;height:2px;background:rgba(243,238,230,.2);overflow:hidden}.reel-meter i{display:block;width:100%;height:100%;background:var(--bone);transform:scaleX(0);transform-origin:left}.reel--scroll{height:calc(100svh - var(--reel-header,84px));min-height:0;padding:24px var(--pad) 28px;display:flex;flex-direction:column;justify-content:center;gap:24px;overflow:hidden;box-sizing:border-box}.reel--scroll .section-top{flex:none;margin:0;gap:24px;align-items:end}.reel--scroll h2{font-size:clamp(48px,5.7vw,90px)}.reel--scroll .section-top .eyebrow{margin-bottom:14px}.reel--scroll .filter-group{max-width:440px;justify-content:end}.reel--scroll .reel-window{flex:1 1 auto;min-height:180px;max-height:520px;overflow:hidden;scroll-snap-type:none}.reel--scroll .film-ribbon{height:100%;box-sizing:border-box;padding:20px 0;border-width:8px;will-change:transform;transform:none}.reel--scroll .reel-card,.reel--scroll .reel-card:nth-child(2n){height:100%;min-height:0;scroll-snap-align:none}.reel--scroll .reel-end{flex:none;margin:0;gap:20px}.reel--scroll .reel-end .media-note{font-size:10px}.reel--scroll .reel-end .underlined{font-size:11px}.reel--scroll .reel-navigation{margin-top:8px}
@media(min-width:701px) and (max-width:900px){.reel--scroll{height:calc(100svh - var(--reel-header,84px))}.reel--scroll .section-top{align-items:start}.reel--scroll .filter-group{max-width:280px}.reel--scroll h2{font-size:55px}}
@media(max-width:700px),(pointer:coarse){.film-ribbon{display:flex;width:max-content;height:auto;gap:14px}.reel-window{overflow-x:auto;scroll-snap-type:x mandatory;touch-action:pan-x pan-y}.reel-card,.reel-card:nth-child(2n){flex:0 0 clamp(250px,76vw,440px);width:clamp(250px,76vw,440px);height:350px}.reel-end{align-items:start;flex-direction:column;gap:12px}.reel-meter{width:75px}}

/* Clear, readable service information alongside the immersive portfolio. */
img{height:auto}.team-summary{display:block;font:400 12px/1.65 var(--sans);text-transform:none;letter-spacing:0;max-width:32em;margin-top:12px;color:var(--ink)}
.breadcrumbs{display:flex;gap:15px;font:500 11px var(--sans);margin-bottom:30px;color:var(--ox)}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.service-editorial>article{display:grid;grid-template-columns:1fr 3fr;gap:35px;padding:55px 0;border-top:1px solid var(--line)}.service-editorial h2{font-size:clamp(38px,4vw,64px);max-width:800px;margin-bottom:25px}.service-editorial p{font-size:17px;max-width:760px}.service-scope{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#e8dfd3}.service-scope li{padding:15px 0;border-bottom:1px solid var(--line)}.service-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px}.service-more{display:flex;flex-wrap:wrap;gap:25px;align-items:center}.service-more .eyebrow{width:100%}.project-services{display:grid;gap:12px;margin-top:25px}.form-privacy{font-size:12px;max-width:500px}.form-privacy a,.privacy-copy a{text-decoration:underline;text-underline-offset:3px}.privacy-copy{max-width:1000px}.privacy-copy h2{font-size:40px;margin:40px 0 20px}.privacy-copy h2:first-child{margin-top:0}.watch-section{padding-top:0}.watch-video{width:100%;max-height:80svh;background:var(--noir);object-fit:contain}.watch-context{max-width:800px;margin-top:35px}.watch-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.watch-links a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.service-editorial>article{grid-template-columns:1fr;padding:35px 0;gap:12px}.service-editorial p{font-size:15px}.service-scope{grid-template-columns:1fr;gap:25px}.service-projects{grid-template-columns:1fr;gap:35px}.service-more{display:grid}.team-summary{font-size:11px}.privacy-copy h2{font-size:32px}.watch-video{max-height:70svh}}
.project-film-links{display:flex;gap:20px;flex-wrap:wrap;padding-top:30px}.project-film-links .eyebrow{width:100%}.watch-related{margin:50px 0}.watch-related h2{font-size:40px}.watch-related li{padding:12px 0}.watch-related a{text-decoration:underline;text-underline-offset:4px}.project-hero-media>img{height:100%;object-fit:cover}
.watch-intro{padding-bottom:40px}.watch-intro h1{font-size:clamp(44px,5.4vw,82px);max-width:1100px}.watch-intro>p:last-child{margin-top:20px}.watch-section .watch-video{height:min(66svh,750px)}

/* Honest portrait fallback when a team member has no supplied photograph. */
.team-portrait-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:4/5;background:var(--ox-deep);color:var(--bone);font:500 clamp(90px,12vw,180px)/1 var(--serif)}
.team-dialog .team-portrait-placeholder{max-height:70svh}
@media(max-width:700px){.team-dialog .team-portrait-placeholder{height:32svh;aspect-ratio:auto;margin-bottom:25px}}