/* Motion vocabulary observed on good-fella.com; original Kaiman implementation. */
:root{--ease:cubic-bezier(.625,.05,0,1);--move:700ms;--square:42px}
.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}
.page-curtain{position:fixed;inset:0;z-index:1000;background:var(--accent);color:var(--bg);display:grid;place-items:center;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.page-curtain.done{visibility:hidden}
.layout-grid{position:fixed;inset:0 var(--gutter);z-index:900;display:grid;grid-template-columns:repeat(12,1fr);gap:24px;pointer-events:none;opacity:0;transition:opacity .25s}.layout-grid i{background:color-mix(in srgb,var(--accent) 16%,transparent);border-inline:1px solid color-mix(in srgb,var(--accent) 32%,transparent)}.grid-on .layout-grid{opacity:1}
.split-button{position:relative;display:inline-grid;grid-template-columns:var(--square) auto var(--square);align-items:stretch;gap:6px;padding:0;isolation:isolate;color:var(--bg);min-height:var(--square);font:13px/1.25 var(--mono);vertical-align:middle}
.split-button>.button-label{grid-column:2;padding:13px 16px;display:flex;align-items:center;justify-content:center;transform:translateX(calc(-1 * (var(--square) + 6px)));transition:transform var(--move) var(--ease);background:var(--accent);white-space:nowrap}
.split-button>.button-plus{font:20px/1 var(--sans);display:grid;place-items:center;grid-row:1;width:var(--square);padding:0;background:var(--accent);transition:transform var(--move) var(--ease),opacity var(--move) var(--ease);transform-origin:center}
.split-button>.button-plus.first{grid-column:1;transform:scale(0) rotate(-45deg);opacity:0}.split-button>.button-plus.last{grid-column:3;transform:translateX(calc(-1 * (var(--square) + 6px)));opacity:1}
.split-button{margin-right:calc(-1 * (var(--square) + 6px))}.split-button:is(:hover,:focus-visible)>.button-label{transform:none}.split-button:is(:hover,:focus-visible)>.button-plus.first{transform:none;opacity:1}.split-button:is(:hover,:focus-visible)>.button-plus.last{transform:translateX(calc(-1 * (var(--square) + 6px))) scale(0) rotate(-45deg);opacity:0}
.split-button:hover>span,.split-button:hover>i,.light-section .split-button:hover>span,.light-section .split-button:hover>i{background:var(--accent);color:var(--bg)}
.inline-link,.contact-link,.text-link{position:relative;border:0;padding-bottom:3px;transition:color .25s;width:fit-content}
.inline-link:before,.text-link:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor}.inline-link.underline-ready:before,.text-link.underline-ready:before{display:none}.underline-track{position:absolute;bottom:0;left:0;width:100%;height:1px;overflow:hidden;pointer-events:none}.underline-track>i{position:absolute;inset:0;background:currentColor;transform:scaleX(0);transform-origin:left;pointer-events:none}.inline-link.underline-ready[data-underline-active=true],.text-link.underline-ready[data-underline-active=true]{color:var(--accent)}
.underline-track,.underline-track>i{transition:none!important}
.scramble{display:inline-block;position:relative}.scramble-original{color:transparent!important}.scramble-live{position:absolute;inset:0;pointer-events:none;white-space:pre-wrap}.scramble-noise{color:var(--accent)}
.wipe-line{position:relative;display:block;width:fit-content;max-width:100%;isolation:isolate;padding-right:.04em}.wipe-text{opacity:1}.js .wipe-ready:not(.wiped) .wipe-text{opacity:0}.wipe-brand,.wipe-ink{position:absolute;inset:-.025em 0 -.06em;pointer-events:none;transform:scaleX(0);transform-origin:left;z-index:2;background:var(--accent)}.wipe-ink{background:currentColor;z-index:3}
.js .wipe-playing .wipe-brand{animation:line-wipe .95s var(--ease) both;animation-delay:var(--line-delay)}.js .wipe-playing .wipe-ink{animation:line-wipe .87s var(--ease) both;animation-delay:calc(var(--line-delay) + .09s)}.js .wipe-playing .wipe-text{animation:line-text .95s linear both;animation-delay:var(--line-delay)}
@keyframes line-wipe{0%{transform:scaleX(0);transform-origin:left}43%{transform:scaleX(1);transform-origin:left}49.9%{transform:scaleX(1);transform-origin:left}50%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}@keyframes line-text{0%,42%{opacity:0}43%,100%{opacity:1}}
.site-header{inset:0 var(--gutter) auto;padding:30px 16px;transition:background .55s,padding .55s,top .55s,color .35s}.site-header:not(.scrolled){inset-inline:16px}.site-header.scrolled{top:16px;padding:16px;background:#ffffff21;backdrop-filter:blur(18px);color:var(--ink)}.site-header.on-light{color:var(--bg);background:#1413141a}.site-header.on-light .home-link>img{filter:brightness(0)}.header-contact{margin-right:calc(-1 * (var(--square) + 6px))}.home-link>img{transition:transform .8s var(--ease),filter .4s}.home-link:hover>img{transform:rotateY(180deg)}.brand-name{overflow:hidden}.home-link:hover small{animation:brand-roll .65s var(--ease)}@keyframes brand-roll{50%{transform:translateY(110%);opacity:0}51%{transform:translateY(-100%)}100%{transform:none;opacity:1}}
.menu-symbol i{transition:transform .55s var(--ease),top .55s var(--ease)}.menu-toggle[aria-expanded=true] .menu-symbol i{top:5px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-symbol i+i{transform:rotate(-45deg)}
.hero{min-height:650px;max-height:none}.hero h1{font-size:clamp(64px,6.65vw,105px)}.hero-art{pointer-events:auto;outline-offset:-10px!important;cursor:grab;right:0;width:45%;top:65px;height:calc(100% - 65px)}.hero-art:active{cursor:grabbing}.hero-art:focus-visible{outline:1px dashed var(--accent)}.hero-copy{width:66%}.hero-copy>p{max-width:580px}.hero-bottom>a span{animation:scroll-cue 2s var(--ease) infinite}@keyframes scroll-cue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
.approach{padding-bottom:100px}.approach-layout{padding:90px 0}.approach h2{font-size:clamp(48px,5.3vw,80px)}.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;align-items:end}.stat-art{aspect-ratio:1.15;position:relative;overflow:hidden;background:var(--bg)}.stat-art>img:first-child{height:100%;width:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter 1s}.stat-art:hover>img:first-child{transform:scale(1.12);filter:saturate(.4)}.stat-art>span{position:absolute;top:20px;left:20px;color:white;font:12px/1.4 var(--mono)}.stat-art .stat-glyph{position:absolute;bottom:20px;right:20px;width:30px;height:52px;transition:transform .8s var(--ease)}.stat-art:hover .stat-glyph{transform:rotateY(180deg)}.stat{border-bottom:1px solid #bdbab9;padding-bottom:25px}.stat>p{font:11px/1.5 var(--mono);margin-top:20px}.odometer{display:flex;font-size:clamp(70px,8.5vw,135px);line-height:1;letter-spacing:-.07em;height:1em;overflow:hidden;font-variant-numeric:tabular-nums}.digit-window{position:relative;height:1em;width:.65em;overflow:hidden}.digit-reel{display:flex;flex-direction:column;will-change:transform}.digit-reel>span{height:1em;flex:none}
.process{position:relative;height:340svh;padding:0 var(--gutter)}.process-pin{position:sticky;top:0;height:100svh;min-height:690px;display:flex;align-items:center}.process-inner{width:min(100%,970px);margin:auto;padding:115px 0 55px}.process-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:55px}.process-heading h2{font-size:clamp(44px,4.3vw,64px)}.process-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px}.process-steps{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.process-step{display:flex;align-items:baseline;text-align:left;gap:16px;padding:0 0 0 12px;color:#999;transform:translateX(0);transition:color .65s,transform .8s var(--ease)}.process-step>span:last-child{display:block}.step-number{font:13px var(--mono);flex:none;opacity:.65}.process-step strong{display:block;font-size:clamp(22px,2.3vw,33px);line-height:1.1;letter-spacing:-.05em;font-weight:400;margin-bottom:12px}.process-step>span>span{display:block;line-height:1.5;font-size:15px;max-width:360px;opacity:.65}.process-step.active{color:var(--bg);transform:translateX(36px)}.process-step.active>span>span{opacity:.75}.process-step:hover{color:var(--bg)}.process-indicator{position:absolute;top:8px;left:20px;width:10px;height:10px;background:var(--accent);transition:transform .8s var(--ease)}.process-visual{position:relative;aspect-ratio:2/3;min-height:420px;background:var(--bg);overflow:hidden}.process-frame{position:absolute;inset:0;clip-path:inset(100% 0 0);z-index:0;visibility:hidden}.process-frame.active{clip-path:inset(0);z-index:2;visibility:visible}.process-frame.departing{visibility:visible;z-index:1}.process-frame img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.process-frame:first-child img{object-position:50% 20%;object-fit:contain}.process-frame:last-of-type img{object-fit:cover}.process-visual-copy{position:absolute;top:35px;left:30px;color:white;font-size:clamp(27px,3.1vw,44px);letter-spacing:-.055em;line-height:1.05}.process-counter{position:absolute;bottom:24px;left:30px;z-index:4;color:var(--ink);font:12px var(--mono)}.process-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff30;z-index:5}.process-progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--process-progress,0));transform-origin:left}
.work{overflow:visible;padding:128px var(--gutter);display:grid;grid-template-columns:1fr 2fr;gap:40px;position:relative}.work-rail{position:sticky;top:135px;align-self:start;height:calc(100svh - 170px);min-height:500px;max-height:900px;display:flex;align-items:flex-start;flex-direction:column}.work-rail>h2{font-size:clamp(50px,5vw,76px);margin:25px 0 30px}.work-rail>p:not(.eyebrow){font-size:16px;color:#8f8b8b;max-width:330px;line-height:1.55}.work-rail>.split-button{margin-top:auto}.work-thumbnails{position:relative;display:flex;flex-direction:column;gap:8px;margin:50px 0 30px;padding-right:20px;width:150px}.project-tab{position:relative;text-align:left;padding:0;opacity:.35;transition:opacity .5s}.project-tab img{width:130px;aspect-ratio:1.7;object-fit:cover;filter:grayscale(1);transition:filter .7s,transform .7s var(--ease)}.project-tab span{position:absolute;inset:auto 8px 6px;font-size:9px;color:white}.project-tab.active,.project-tab:hover{opacity:1}.project-tab.active img,.project-tab:hover img{filter:grayscale(0)}.project-tab.active:before{display:none}.work-progress{position:absolute;right:0;top:0;width:6px;height:calc((100% - 8px)/2);background:var(--accent);transition:transform .6s var(--ease)}.project-track{display:flex;flex-direction:column;gap:85px;overflow:visible;scroll-snap-type:none;min-width:0}.project-card{flex:none;width:100%;scroll-margin-top:125px}.project-art{aspect-ratio:1.7;isolation:isolate;cursor:none}.project-art>img{transform:scale(1.12) translateY(var(--image-y,0px));transition:filter .65s;will-change:transform}.project-art:hover>img{transform:scale(1.12) translateY(var(--image-y,0px));filter:brightness(.82)}.project-art:after,.image-reveal:after{content:'';position:absolute;inset:0;background:var(--accent);transform-origin:right;transform:scaleX(0);pointer-events:none}.js .project-card:not(.image-visible) .project-art:after,.js .image-reveal:not(.image-visible):after{transform:scaleX(1)}.project-card.image-visible .project-art:after,.image-reveal.image-visible:after{transition:transform 1.1s var(--ease)}.art-brand{font-size:clamp(70px,8vw,140px)}.project-enter{inset:0 auto auto 0;right:auto;bottom:auto;padding:7px 10px;background:var(--accent);color:var(--bg);font:12px var(--mono);white-space:nowrap;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s,scale .45s var(--ease);pointer-events:none;z-index:5;will-change:left,top}.project-art:hover .project-enter{transform:translate(-50%,-50%);opacity:1}.project-art:focus-visible .project-enter{left:50%!important;top:50%!important;opacity:1;transform:translate(-50%,-50%)}.project-caption{gap:15px;flex-wrap:wrap;margin-top:20px}.project-caption h3{font:18px var(--mono);letter-spacing:-.05em}.project-caption p{margin-left:auto;font-size:10px}.project-open{display:none}
.services{padding-block:110px}.services-layout{grid-template-columns:1fr;padding-top:60px;gap:60px}.services-intro{position:static;display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:30px}.services-intro h2{grid-row:span 2;font-size:clamp(44px,4.5vw,68px)}.services-intro>p{margin:5px 0 0}.services-intro>.split-button{margin-top:0;justify-self:start}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}.service{border-top:1px solid #bdbab9;position:relative}.service:last-child{border-bottom:0}.service .service-heading{padding:30px 0 20px;gap:15px}.service h3{font:20px var(--mono);text-transform:uppercase;letter-spacing:-.05em;transition:transform .6s var(--ease)}.service:hover h3{transform:translateX(14px)}.service:hover .service-number{color:var(--accent)}.service:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--bg);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}.service:hover:before{transform:scaleX(1)}.service-content{padding:0 15px 36px 31px;max-width:560px}.service-content ul{font-size:12px}.service-plus:after{transition:transform .65s var(--ease)}details[open]>.summary .service-plus:after,details[open]>summary .service-plus:after{transform:rotate(0)}
.faq{padding:110px var(--gutter);display:grid;grid-template-columns:1fr 1.5fr;gap:8%}.faq>h2{font-size:clamp(50px,5.2vw,78px)}.faq-item{border-bottom:1px solid #444}.faq-item:first-child{border-top:1px solid #444}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0;font:13px/1.6 var(--mono);cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{max-width:90%}.faq-item summary:hover .service-plus{color:var(--accent)}.faq-answer{padding:0 35px 30px 0;font-size:16px;color:var(--muted);line-height:1.65;max-width:660px}
.contact{padding:70px var(--gutter) 125px;position:relative;z-index:2;overflow:visible}.contact-main{padding:70px 0 0;grid-template-columns:1fr .8fr;gap:10%;align-items:center}.contact h2{font-size:clamp(58px,5.6vw,84px)}.contact-image{position:relative;overflow:hidden;aspect-ratio:1.6;margin-top:45px;background:var(--bg)}.contact-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s var(--ease)}.contact-image:hover img{transform:scale(1.08)}.contact-side h3{font-size:clamp(26px,2.5vw,38px);line-height:1.2;letter-spacing:-.045em}.contact-side>.contact-link{margin-top:32px;font-size:18px}.contact-side>.split-button{margin-top:26px}.contact-side>p{margin-top:70px;color:#666;font-size:15px;margin-bottom:0}
.footer-reveal{height:88svh;min-height:690px;position:relative;clip-path:inset(0);background:var(--bg)}.footer-stage{position:fixed;inset:auto 0 0;height:88svh;min-height:690px;width:100%;padding:55px var(--gutter) 30px;display:block;color:var(--ink);overflow:hidden;background:var(--bg);font:14px/1.5 var(--sans)}.footer-content{position:relative;z-index:2;opacity:var(--footer-opacity,1);transform:translateY(var(--footer-y,0px));pointer-events:none}.footer-content a,.footer-content button{pointer-events:auto}.footer-top{display:grid;grid-template-columns:1fr 1fr .9fr;gap:50px;align-items:start}.footer-brand{display:flex;align-items:center;gap:15px;width:fit-content;font:26px/.88 var(--sans);letter-spacing:-.04em}.footer-brand img{width:27px;height:47px;transition:transform .8s var(--ease)}.footer-brand:hover img{transform:rotateY(180deg)}.footer-top>div:first-child>p{color:#aaa;margin:24px 0 20px}.footer-top .inline-link{display:block;font-size:14px}.footer-nav{display:flex;flex-direction:column;gap:13px;padding:0;border:0;text-align:center;align-items:center;font:14px var(--mono)}.footer-tools>.inline-link{margin-bottom:10px;color:#bbb}.play-controls{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:35px}.play-controls button{display:flex;align-items:center;gap:10px;font:12px var(--mono);padding:0;color:#aaa;transition:color .3s}.play-controls button:hover,.play-controls button[aria-pressed=true]{color:var(--accent)}kbd{font:inherit;background:#ffffff15;padding:4px;min-width:23px;display:inline-block;text-align:center}.footer-signoff{position:absolute;top:calc(88svh - 260px);left:50%;transform:translateX(-50%);text-align:center;color:#999;font-size:13px;line-height:1.7;white-space:nowrap}.footer-signoff a{font:10px var(--mono);margin:16px auto 0;display:block}.footer-hands{position:absolute;inset:29% 0 -5%;display:flex;transform:translateY(var(--hands-y,0px));will-change:transform}.hand-stage{position:relative;flex:1;min-width:0;padding:0;overflow:visible;cursor:grab}.hand-stage:active{cursor:grabbing}.hand-stage>img{position:absolute;width:200%;max-width:none;inset:0 auto 0 0;height:100%;object-fit:cover;object-position:center;filter:sepia(1) saturate(5);opacity:.35;pointer-events:none}.hand-stage:last-child>img{left:-100%}.hand-stage.loaded>img{opacity:0}.hand-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .8s}.hand-stage canvas.ready{opacity:1}
.studio-dialog{overflow-x:hidden;transform-origin:top;transition:clip-path .6s var(--ease),opacity .6s;animation:none!important;clip-path:inset(0)}.studio-dialog[open]{animation:menu-open .85s var(--ease)!important}.studio-dialog.closing{transform:none;clip-path:inset(0 0 100%);opacity:1}.studio-dialog[open] .studio-layout nav>a,.studio-dialog[open] .studio-bottom,.studio-dialog[open] .menu-projects button{animation:menu-item .8s var(--ease) both;animation-delay:calc(.14s + var(--item-delay,0s))}.studio-layout nav>a{position:relative;transition:transform .7s var(--ease),color .4s}.studio-layout nav>a>span{opacity:0;width:12px}.studio-layout nav>a:before{content:'';width:11px;height:11px;position:absolute;top:50%;left:0;background:var(--accent);transform:translateY(-50%) rotate(-45deg) scale(0);transition:transform .65s var(--ease)}.studio-layout nav>a:is(:hover,:focus-visible):before{transform:translateY(-50%) rotate(0) scale(1)}.studio-layout nav>a:hover{transform:translateX(16px);color:var(--bg)}.menu-projects button{overflow:hidden}.menu-projects img{transition:filter .8s,transform 1s var(--ease)}.menu-projects button:hover img{transform:scale(1.045)}.menu-projects span{position:relative;background:var(--paper);padding-top:12px;margin:0}.studio-dialog .overlay-close{transition:color .3s}.studio-dialog .overlay-close:hover{color:var(--accent)}@keyframes menu-open{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes menu-item{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
.contact-dialog{inset:5svh auto auto 50%;transform:translateX(-50%);width:min(740px,calc(100% - 40px));height:auto;max-height:90svh;border:1px solid #424040;animation:none!important;overflow:auto}.contact-dialog[open]{transform:translateX(-50%);animation:brief-in .65s var(--ease)!important}.contact-dialog.closing{transform:translateX(-50%) translateY(35px);opacity:0}.contact-dialog .overlay-close{position:absolute;top:24px;right:24px;font-size:10px;gap:20px;background:#ffffff12;color:var(--ink)}.brief-layout{padding:50px}.brief-layout>h2{font-size:65px;margin:35px 0 24px}.brief-layout>p:not(.eyebrow){color:var(--muted)}#brief-form{margin-top:35px}.brief-field{display:block;position:relative;margin:22px 0;border-bottom:1px solid #555}.brief-field:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.brief-field:focus-within:after{transform:scaleX(1)}.brief-field>span,.brief-topics legend{display:block;font:10px var(--mono);color:#999;transition:color .3s}.brief-field:focus-within>span{color:var(--accent)}.brief-field input,.brief-field textarea{border:0;border-radius:0;background:transparent;color:var(--ink);width:100%;padding:12px 0;font:17px/1.5 var(--sans);outline:0;resize:vertical}.brief-field input::placeholder,.brief-field textarea::placeholder{color:#777}.brief-topics{border:0;padding:8px 0 0;display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.brief-topics legend{margin-bottom:12px}.brief-topics label{position:relative;cursor:pointer}.brief-topics input{position:absolute;opacity:0}.brief-topics label>span{display:block;padding:9px 14px;font:12px var(--mono);border:1px solid #555;transition:background .4s,color .4s,transform .6s var(--ease)}.brief-topics input:checked+span{background:var(--accent);color:var(--bg);border-color:var(--accent)}.brief-topics label:hover>span{transform:translateY(-3px)}.brief-topics input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}.form-note,.form-status{font-size:12px;color:#999;line-height:1.6;margin-top:20px;max-width:450px}.form-status{color:var(--ink)}@keyframes brief-in{from{opacity:0;transform:translateX(-50%) translateY(50px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@media(max-width:1000px){.process-layout{gap:50px}.process-inner{padding-top:105px}.process-heading{margin-bottom:35px}.process-visual{min-height:380px}.process-step strong{font-size:27px}.process-step>span>span{font-size:14px}.process-steps{gap:20px}.work{gap:26px;grid-template-columns:1fr 1.7fr}.project-caption p{width:100%;margin:0}.work-rail{top:115px}.footer-top{gap:30px}.footer-signoff{top:calc(88svh - 220px)}}
@media(max-height:760px) and (min-width:761px){.process-pin{min-height:580px}.process-inner{padding-top:100px;padding-bottom:25px;width:min(100%,1020px)}.process-heading{margin-bottom:25px}.process-heading h2{font-size:45px}.process-layout{grid-template-columns:1.2fr 1fr;gap:70px}.process-visual{aspect-ratio:auto;height:410px;min-height:0}.process-steps{gap:15px}.process-step strong{font-size:25px;margin-bottom:8px}.process-step>span>span{font-size:13px}.process-step.active{transform:translateX(28px)}.process-indicator{left:14px}.work-rail{min-height:440px;top:110px}.work-thumbnails{margin-top:25px}.work-rail>h2{margin:18px 0;font-size:55px}.work-rail>p:not(.eyebrow){font-size:14px}.work-thumbnails{width:115px}.project-tab img{width:95px}.project-tab span{font-size:8px}.footer-reveal,.footer-stage{min-height:610px}.footer-stage{padding-top:35px}.footer-hands{inset:35% 0 -15%}.footer-signoff{top:390px}}
@media(max-width:760px){:root{--square:39px}.site-header{inset-inline:16px;padding-inline:8px}.site-header:not(.scrolled){inset-inline:12px}.site-header.scrolled{top:10px;padding:12px 8px}.header-contact{font-size:10px}.split-button>.button-label{padding:12px 13px}.home-link .brand-name{font-size:18px}.home-link>img{width:19px;height:33px}.home-link{gap:8px}.menu-toggle{font-size:11px;gap:10px;padding:10px}.hero{height:100svh;min-height:700px;align-items:flex-start;padding-top:165px}.hero-copy{width:100%}.hero h1{font-size:clamp(48px,8.8vw,66px)}.hero-copy>p{font-size:15px;max-width:80%;margin-top:25px}.hero-actions{margin-top:24px;gap:15px;font-size:13px}.hero-art{width:63%;right:-8%;top:38%;height:65%;opacity:.8}.hero-copy{pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-bottom{font-size:10px;bottom:22px;gap:20px}.hero-bottom>span:first-child{display:none}.hero-bottom>a{gap:10px}.approach{padding-bottom:70px}.approach-layout{padding:55px 0;gap:35px;grid-template-columns:1fr}.approach-copy p{font-size:20px}.approach h2{font-size:47px}.studio-stats{grid-template-columns:1fr 1fr;gap:35px 20px}.odometer{font-size:80px}.stat-art{aspect-ratio:1.35}.stat>p{font-size:10px}.process{height:auto;padding-block:50px 65px}.process-pin{position:static;height:auto;min-height:0}.process-inner{padding:0;width:100%}.process-heading{display:block;margin-bottom:35px}.process-heading h2{font-size:43px}.process-heading>p{margin-top:18px}.process-layout{display:flex;flex-direction:column;gap:32px}.process-steps{gap:0}.process-step{padding:20px 0;border-top:1px solid #ccc;transform:none!important;width:100%;gap:13px}.process-step strong{font-size:25px}.process-step>span>span{font-size:14px;max-width:none;opacity:.8}.process-step.active{padding-left:18px}.process-indicator{left:0;top:24px;width:7px;height:7px}.process-visual{aspect-ratio:1.2;min-height:0;order:-1}.process-frame:first-child img{object-position:50% 35%;object-fit:cover}.process-visual-copy{font-size:38px}.work{padding-block:65px;display:block}.work-rail{position:static;height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:25px 15px;margin-bottom:45px}.work-rail>.eyebrow{grid-column:1/-1}.work-rail>h2{margin:0;font-size:51px;grid-row:span 2}.work-rail>p:not(.eyebrow){font-size:13px;align-self:center}.work-rail>.split-button{margin-top:0;align-self:end;justify-self:start;font-size:10px}.work-thumbnails{grid-column:1/-1;flex-direction:row;width:100%;margin:5px 0 0;padding:0;gap:12px}.project-tab img{width:88px}.project-tab span{font-size:8px}.work-progress{left:0;top:auto;bottom:-7px;right:auto;width:88px;height:3px}.project-track{gap:55px}.project-art{aspect-ratio:1.2;cursor:pointer}.art-brand{font-size:75px}.art-brand small{font-size:9px}.project-caption{gap:10px}.project-caption p{font-size:9px}.project-caption h3{font-size:20px}.project-enter{display:none}.project-open{display:block;margin:0 0 0 auto}.services{padding-block:65px}.services-intro{display:block}.services-intro h2{font-size:48px}.services-intro>p{margin-top:25px}.services-intro>.split-button{margin-top:25px}.services-layout{padding-top:40px;gap:45px}.service-list{display:block}.service .service-heading{padding:25px 0 20px}.service h3{font-size:18px}.service-content{font-size:15px}.faq{padding-block:65px;display:block}.faq>h2{font-size:52px;margin-bottom:40px}.faq-item summary{font-size:12px;padding:24px 0}.faq-answer{font-size:15px;padding-right:15px}.contact{padding-block:55px 75px}.contact-main{padding-top:45px;display:block}.contact h2{font-size:57px}.contact-image{margin-top:30px}.contact-side{margin-top:40px}.contact-side h3{font-size:28px}.contact-side>p{margin-top:35px}.footer-reveal{height:850px;min-height:0}.footer-stage{height:850px;min-height:0;padding-top:40px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-top>div:first-child>p{font-size:13px}.footer-top>div:first-child>.inline-link{font-size:12px;max-width:155px}.footer-nav{align-items:flex-end;font-size:12px;gap:14px}.footer-tools{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 30px;align-items:start}.footer-tools>.inline-link{font-size:12px;display:inline-block;margin:0}.play-controls{margin:12px 0 0;width:100%;flex-direction:row;gap:22px;flex-wrap:wrap}.play-controls button{font-size:10px}.footer-hands{inset:42% -10% -5%}.footer-signoff{top:680px;font-size:12px}.footer-signoff a{font-size:9px}.contact-dialog{inset:12px auto auto 50%;width:calc(100% - 24px);max-height:calc(100svh - 24px)}.brief-layout{padding:75px 25px 35px}.brief-layout>h2{font-size:54px;margin-top:28px}.contact-dialog .overlay-close{top:16px;right:16px}.layout-grid{gap:10px;grid-template-columns:repeat(6,1fr)}.layout-grid i:nth-child(n+7){display:none}}
@media(prefers-reduced-motion:reduce){.page-curtain{display:none}.wipe-text{opacity:1!important}.wipe-brand,.wipe-ink{display:none}.scramble-live{display:none}.scramble-original{color:inherit!important}.hero-art{cursor:default}.footer-content,.footer-hands{transform:none!important;opacity:1!important}.process{height:auto;padding-block:90px}.process-pin{position:static;height:auto}.process-frame{transition:none}.project-art>img{transform:scale(1.03)!important}.digit-reel{will-change:auto}.process-progress{display:none}.footer-reveal{clip-path:none}.footer-stage{position:absolute}.js .image-reveal:after,.js .project-art:after{display:none}}
.transition-veil{position:fixed;inset:0;background:var(--accent);z-index:2000;pointer-events:auto;clip-path:none}

.service-heading{display:flex;align-items:center;gap:15px}.service:after{content:"";position:absolute;left:0;top:36px;width:8px;height:8px;background:var(--accent);transform:scale(0) rotate(-45deg);transition:transform .6s var(--ease)}.service:hover:after{transform:scale(1) rotate(0)}.service .service-number{transition:opacity .4s}.service:hover .service-number{opacity:0}
.button-label .scramble-live{display:flex;align-items:center;justify-content:center;white-space:pre}.button-label .scramble-live>span{white-space:pre}
.footer-stage>.footer-content{width:100%}.footer-stage>.footer-hands{margin:0}.footer-nav{flex-wrap:nowrap}
@media(max-width:760px){.site-header{grid-template-columns:1fr auto;gap:20px}.site-header .header-contact{display:none}.menu-toggle{grid-column:2}.hero-copy{padding:0}.hero-copy:before{inset:0 -25px -30px}.hero-bottom{max-width:none}.hero-bottom>a{margin-left:auto}.footer-stage,.footer-reveal{height:100svh;min-height:760px}.footer-stage{padding-top:105px}.footer-signoff{top:calc(100svh - 215px)}.footer-hands{inset:42% -10% -5%}}
@media(max-width:760px) and (max-height:760px){.footer-stage{position:absolute;inset:0;height:820px}.footer-reveal{height:820px}.footer-signoff{top:610px}}
.faq-item[data-expanding=false] .service-plus:after{transform:rotate(90deg)}
.overlay[open]::backdrop{animation:backdrop-in .6s both}.overlay.closing::backdrop{animation:backdrop-out .55s both}
@keyframes backdrop-in{from{background:#14131400;backdrop-filter:blur(0)}to{background:#141314aa;backdrop-filter:blur(12px)}}@keyframes backdrop-out{from{background:#141314aa;backdrop-filter:blur(12px)}to{background:#14131400;backdrop-filter:blur(0)}}
@media(min-width:761px){.project-card:last-child{min-height:calc(100svh - 140px)}}