*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{padding-left:clamp(24px,5vw,80px);padding-right:clamp(24px,5vw,80px)}.nav{letter-spacing:.12em;border-bottom:1px solid #c9c9c9;justify-content:space-between;align-items:center;height:92px;font-size:12px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand>img{width:auto;height:48px;display:block}.brand-text{flex-direction:column;gap:4px;line-height:1;display:flex}.brand-text strong{letter-spacing:-.02em;font-size:15px;font-weight:700}.brand-text small{text-transform:uppercase;letter-spacing:.14em;color:#777;font-size:9px;font-weight:400}.nav nav{gap:32px;display:flex}.nav nav a{transition:opacity .2s}.nav nav a:hover{opacity:.45}.hero{flex-direction:column;justify-content:center;min-height:calc(100vh - 92px);padding-top:60px;padding-bottom:60px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;margin:0 0 32px;font-size:11px}.hero h1{letter-spacing:-.075em;max-width:1400px;margin:0;font-size:clamp(78px,13vw,210px);font-weight:800;line-height:.75}.intro{max-width:760px;margin:56px 0 56px auto;font-size:clamp(18px,2vw,28px);line-height:1.35}.down{text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #111;justify-content:space-between;padding-top:14px;font-size:12px;display:flex}.down span{font-size:20px}.work{padding-top:120px;padding-bottom:140px}.section-head{grid-template-columns:50px auto 1fr;align-items:center;gap:18px;margin-bottom:56px;display:grid}.section-head span,.section-head h2{text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:11px}.section-head .rule{background:#aaa;height:1px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 28px;display:grid}.project.feature{grid-column:1/-1}.project-image{aspect-ratio:4/3;background:#eee;position:relative;overflow:hidden}.feature .project-image{aspect-ratio:16/8}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s;display:block}.project:hover img{filter:brightness(.72);transform:scale(1.025)}.view{text-transform:uppercase;letter-spacing:.12em;opacity:0;background:#fff;padding:10px 13px;font-size:10px;transition:all .25s;position:absolute;bottom:20px;left:22px;transform:translateY(8px)}.project:hover .view{opacity:1;transform:none}.project-meta{border-top:1px solid #111;justify-content:space-between;gap:24px;margin-top:12px;padding-top:16px;display:flex}.project-meta p{text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:11px}.project-meta h3{letter-spacing:-.045em;max-width:620px;margin:0;font-size:clamp(25px,3vw,44px);line-height:.98}.project-meta .type{text-align:right;color:#666;max-width:220px;line-height:1.45}.process{color:#fff;background:#111;padding-top:100px;padding-bottom:120px}.inverse .rule{background:#555}.process-grid{grid-template-columns:1fr 1fr;gap:8vw;margin-left:68px;display:grid}.process-grid>a{border-top:1px solid #555;padding-top:24px;display:block}.big-number{color:#888;font-size:11px}.process-grid h3{letter-spacing:-.055em;margin:80px 0 30px;font-size:clamp(34px,5vw,72px);line-height:.95}.process-grid p{color:#aaa;max-width:520px;font-size:17px;line-height:1.55}.process-link{text-transform:uppercase;letter-spacing:.12em;color:#aaa;margin-top:34px;font-size:10px;display:block}.process-grid>a:hover .process-link{color:#fff}.about{padding-top:120px;padding-bottom:140px}.about-grid{grid-template-columns:1.2fr .8fr;gap:10vw;margin-left:68px;display:grid}.about-grid h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,7vw,110px);line-height:.88}.about-grid p{margin:0 0 24px;font-size:18px;line-height:1.6}.footer{text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #aaa;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;min-height:130px;font-size:10px;display:grid}.case-layout{border-bottom:1px solid #bbb;grid-template-columns:minmax(300px,36%) minmax(0,64%);align-items:start;display:grid}.case-sidebar{border-right:1px solid #bbb;flex-direction:column;min-height:100vh;padding:clamp(26px,3vw,44px) clamp(34px,5vw,76px) 50px clamp(24px,5vw,80px);display:flex;position:sticky;top:0}.case-sidebar .eyebrow{margin-bottom:18px;font-size:9px}.case-sidebar h1{letter-spacing:-.06em;max-width:560px;margin:0;font-size:clamp(36px,4.4vw,68px);line-height:.88}.case-sidebar h2{letter-spacing:-.025em;color:#666;margin:20px 0 0;font-size:clamp(16px,1.55vw,24px);font-weight:400;line-height:1.1}.case-copy{max-width:500px;margin-top:clamp(34px,5vh,62px)}.case-copy p{margin:0 0 15px;font-size:clamp(13px,1vw,16px);line-height:1.55}.case-role{max-width:500px;margin-top:24px}.case-label{text-transform:uppercase;letter-spacing:.15em;color:#777;margin:0 0 11px!important;font-size:8px!important}.case-role ul{border-top:1px solid #aaa;margin:0;padding:0;list-style:none}.case-role li{border-bottom:1px solid #ddd;padding:7px 0;font-size:11px;line-height:1.35}.case-back{text-transform:uppercase;letter-spacing:.14em;color:#666;margin-top:auto;padding-top:30px;font-size:9px}.case-back:hover{color:#111}.case-creative{flex-direction:column;gap:clamp(38px,5vw,76px);min-width:0;padding:clamp(24px,3vw,46px);display:flex}.case-creative figure{background:#f3f3f3;justify-content:center;align-items:center;min-width:0;margin:0;display:flex}.case-creative img,.case-creative video{object-fit:contain;width:100%;height:auto;max-height:92vh;display:block}.case-creative video{background:#111}.project-single{margin:0}.creative-caption,.gallery-meta{color:#555;font-size:11px;line-height:1.4}.creative-caption{margin:10px 0 0}.project-gallery{min-width:0}.project-gallery-stage{background:#f3f3f3;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.project-gallery-stage img,.project-gallery-stage video{object-fit:contain;width:100%;height:auto;max-height:86vh}.gallery-arrow{cursor:pointer;background:#ffffffeb;border:1px solid #111;width:42px;height:42px;font:18px Arial;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{color:#fff;background:#111}.gallery-prev{left:14px}.gallery-next{right:14px}.gallery-meta{justify-content:space-between;gap:20px;margin-top:10px;display:flex}.gallery-meta p{margin:0}.gallery-meta span{letter-spacing:.12em;white-space:nowrap;font-size:9px}.next-project{color:#fff;background:#111;grid-template-columns:180px 1fr auto;align-items:center;gap:30px;min-height:320px;display:grid}.next-project span{text-transform:uppercase;letter-spacing:.14em;font-size:10px}.next-project strong{letter-spacing:-.055em;font-size:clamp(35px,5vw,80px);line-height:.92}.next-project>span:last-child{font-size:32px}.project-page{position:relative}.project-brand{z-index:20;flex-direction:column;align-items:flex-start;gap:14px;width:96px;display:flex;position:fixed;top:clamp(26px,3vw,44px);left:clamp(22px,2.6vw,42px)}.project-brand img{width:auto;height:72px;display:block}.project-brand-name{letter-spacing:-.02em;font-size:12px;font-weight:700;line-height:1.1}.project-utility-nav{z-index:20;text-transform:uppercase;letter-spacing:.14em;background:#ffffffeb;gap:28px;padding:10px 12px;font-size:10px;display:flex;position:fixed;top:26px;right:clamp(24px,3vw,48px)}.project-utility-nav a{transition:opacity .2s}.project-utility-nav a:hover{opacity:.45}.linkedin-link{text-transform:none;letter-spacing:0;border:1px solid;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-7px;margin-bottom:-7px;font-size:11px;font-weight:700;display:flex}.project-page .case-layout{margin-left:clamp(128px,10vw,168px)}.project-next{margin-left:clamp(128px,10vw,168px);padding-left:clamp(32px,4vw,64px);padding-right:clamp(32px,4vw,64px)}.editorial-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(90px,11vw,180px) clamp(18px,2vw,34px)}.editorial-grid .project{grid-column:span 6}.editorial-grid .project-image{aspect-ratio:4/3}.editorial-grid .project-1{grid-column:1/span 8}.editorial-grid .project-1 .project-image{aspect-ratio:16/10}.editorial-grid .project-2{grid-column:8/span 5;margin-top:clamp(80px,11vw,180px)}.editorial-grid .project-2 .project-image{aspect-ratio:4/5}.editorial-grid .project-3{grid-column:2/span 5}.editorial-grid .project-3 .project-image{aspect-ratio:1}.editorial-grid .project-4{grid-column:7/span 6;margin-top:clamp(100px,13vw,210px)}.editorial-grid .project-4 .project-image{aspect-ratio:3/2}.editorial-grid .project-5{grid-column:1/span 7}.editorial-grid .project-5 .project-image{aspect-ratio:16/10}.editorial-grid .project-6{grid-column:9/span 4;margin-top:clamp(130px,15vw,240px)}.editorial-grid .project-6 .project-image{aspect-ratio:4/5}.editorial-grid .project-7{grid-column:3/span 5}.editorial-grid .project-7 .project-image{aspect-ratio:1}.editorial-grid .project-8{grid-column:8/span 5;margin-top:clamp(70px,8vw,130px)}.editorial-grid .project-8 .project-image{aspect-ratio:4/3}.editorial-grid .project-9{grid-column:1/span 6;margin-top:clamp(50px,6vw,100px)}.editorial-grid .project-meta{border-top:0;margin-top:0;padding-top:14px}.editorial-grid .project-meta h3{font-size:clamp(22px,2.4vw,38px)}@media (max-width:900px){.case-layout{grid-template-columns:1fr}.case-sidebar{border-bottom:1px solid #bbb;border-right:0;min-height:auto;padding-top:65px;padding-bottom:65px;position:relative;top:auto}.case-copy{margin-top:42px}.case-back{margin-top:35px}.case-creative{padding:24px}.case-creative img,.case-creative video{max-height:none}.project-brand{width:auto;margin:24px;display:inline-flex;position:relative;top:auto;left:auto}.project-brand img{height:56px}.project-page .case-layout,.project-next{margin-left:0}.project-utility-nav{position:absolute;top:24px;right:24px}.editorial-grid{grid-template-columns:repeat(8,minmax(0,1fr));row-gap:90px}.editorial-grid .project-1{grid-column:1/span 6}.editorial-grid .project-2{grid-column:5/span 4}.editorial-grid .project-3{grid-column:1/span 4}.editorial-grid .project-4{grid-column:4/span 5}.editorial-grid .project-5{grid-column:1/span 6}.editorial-grid .project-6{grid-column:5/span 4}.editorial-grid .project-7{grid-column:2/span 4}.editorial-grid .project-8{grid-column:4/span 5}.editorial-grid .project-9{grid-column:1/span 5}}@media (max-width:760px){.nav{height:74px}.brand{gap:10px}.brand>img{height:38px}.brand-text strong{font-size:13px}.brand-text small{font-size:8px}.nav nav{gap:15px}.hero{min-height:calc(100svh - 74px)}.hero h1{font-size:23vw}.intro{margin-top:40px}.work{padding-top:80px}.grid{grid-template-columns:1fr;gap:60px}.project.feature{grid-column:auto}.feature .project-image,.project-image{aspect-ratio:4/3}.project-meta{display:block}.project-meta .type{text-align:left;margin-top:12px}.process-grid,.about-grid{grid-template-columns:1fr;margin-left:0}.process-grid{gap:70px}.process-grid h3{margin-top:50px}.about-grid{gap:50px}.section-head{grid-template-columns:35px auto 1fr}.footer{grid-template-columns:1fr auto}.footer p:nth-child(2){display:none}.next-project{grid-template-columns:1fr auto;min-height:260px;padding-top:50px;padding-bottom:50px}.next-project>span:first-child{grid-column:1/-1}.case-sidebar h1{font-size:clamp(40px,13vw,62px)}.case-creative{gap:38px;padding:18px}.project-utility-nav{display:none}.gallery-arrow{width:36px;height:36px}.creative-caption,.gallery-meta{font-size:10px}.editorial-grid{flex-direction:column;gap:72px;display:flex}.editorial-grid .project{width:100%;margin-top:0}.editorial-grid .project:nth-child(2n){width:88%;margin-left:auto}.editorial-grid .project:nth-child(odd):not(:first-child){width:92%}.editorial-grid .project-image{aspect-ratio:4/3!important}}
.home-page{position:relative;overflow:hidden}.home-utility-nav{z-index:60;text-transform:uppercase;letter-spacing:.14em;background:#ffffffeb;align-items:center;gap:28px;padding:10px 12px;font-size:10px;display:flex;position:fixed;top:26px;right:clamp(24px,3vw,48px)}.kinetic-hero{background:#fff;height:100vh;min-height:640px;position:relative;overflow:hidden}.kinetic-logo-docked{z-index:50;flex-direction:column;align-items:flex-start;gap:13px;display:flex;position:absolute;top:clamp(26px,3vw,44px);left:clamp(22px,2.6vw,42px)}.kinetic-logo-docked img{width:auto;height:72px;display:block}.kinetic-logo-name{white-space:nowrap;font-size:12px;font-weight:700;line-height:1.05}.kinetic-marquee{z-index:1;white-space:nowrap;padding:.14em 0 .2em;position:absolute;top:39%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.kinetic-track{will-change:transform;width:max-content;animation:32s linear infinite hero-marquee;display:flex}.kinetic-track>div{flex:none;align-items:center;padding:.05em 0 .1em;display:flex}.kinetic-track span{letter-spacing:-.075em;font-size:clamp(86px,13vw,220px);font-weight:800;line-height:.95}.kinetic-track b{opacity:.32;margin:0 clamp(28px,3.6vw,64px);font-size:clamp(32px,3.7vw,66px);font-weight:300}.kinetic-intro{z-index:5;width:min(46vw,650px);position:absolute;bottom:clamp(38px,5.5vh,70px);right:clamp(36px,7vw,120px)}.kinetic-role{text-transform:uppercase;letter-spacing:.14em;margin:0 0 16px;font-size:9px}.kinetic-copy{margin:0;font-size:clamp(17px,1.65vw,25px);line-height:1.38}.kinetic-down{text-transform:uppercase;letter-spacing:.13em;border-top:1px solid #111;justify-content:space-between;margin-top:28px;padding-top:10px;font-size:10px;display:flex}.kinetic-down span{font-size:18px}@keyframes hero-marquee{to{transform:translate(-50%)}}.home-content{margin-left:clamp(128px,10vw,168px);position:relative}.home-content:before{content:"";z-index:0;pointer-events:none;background:#c8c8c8;width:1px;position:absolute;top:0;bottom:0;left:50%}.spine-process,.spine-about,.spine-footer,.work-stage-section{z-index:1;position:relative}.spine-section-label,.work-stage-label{text-transform:uppercase;letter-spacing:.14em;border-top:1px solid #aaa;border-bottom:1px solid #aaa;grid-template-columns:50% 50%;align-items:center;height:70px;font-size:9px;display:grid}.spine-section-label span:first-child,.work-stage-label span:first-child{padding-left:clamp(24px,4vw,64px)}.spine-section-label span:last-child,.work-stage-label span:last-child{padding-left:clamp(30px,4vw,68px)}.work-stage-section{background:#fff}.work-stage-layout{min-height:720vh;position:relative}.work-stage-sticky{background:#fff;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:center;gap:clamp(28px,4vw,70px);height:100vh;padding:clamp(50px,7vh,90px) clamp(34px,5vw,84px);display:grid;position:sticky;top:0}.work-stage-media{background:#eee;width:100%;height:min(72vh,760px);display:block;position:relative;overflow:hidden}.work-stage-media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s,transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.025)}.work-stage-media img.is-active{opacity:1;transform:scale(1)}.work-stage-view{text-transform:uppercase;letter-spacing:.12em;opacity:0;background:#fff;padding:9px 12px;font-size:9px;transition:all .25s;position:absolute;bottom:18px;right:18px;transform:translateY(5px)}.work-stage-media:hover .work-stage-view{opacity:1;transform:none}.work-stage-meta{align-self:end;padding-bottom:2vh}.work-stage-number{letter-spacing:.14em;color:#777;margin-bottom:24px;font-size:9px}.work-stage-copy{animation:.45s both stage-copy}.work-stage-copy p{text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:9px}.work-stage-copy h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,82px);line-height:.9}.work-stage-copy>span{text-transform:uppercase;letter-spacing:.12em;color:#777;margin-top:14px;font-size:9px;display:block}.work-grid-toggle{cursor:pointer;width:100%;font:inherit;text-transform:uppercase;letter-spacing:.12em;text-align:left;background:0 0;border:0;border-top:1px solid #111;align-items:center;gap:12px;margin-top:34px;padding:13px 0 0;font-size:9px;display:flex}.grid-icon{grid-template-columns:1fr 1fr;gap:2px;width:15px;height:15px;display:grid}.grid-icon i{border:1px solid;display:block}.work-stage-steps{pointer-events:none;position:absolute;inset:0}.work-stage-step{opacity:0;height:100vh;margin-left:72%;padding-top:52vh}.work-stage-step span,.work-stage-step p{color:#0000;margin:0;font-size:1px}.work-grid-panel{background:#fff;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.2,.7,.2,1);display:grid}.work-grid-panel.is-open{grid-template-rows:1fr}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,50px);padding:0 clamp(34px,5vw,84px);display:grid;overflow:hidden}.work-grid-panel.is-open .work-grid{padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(90px,10vw,150px)}.work-grid-item div{aspect-ratio:4/3;background:#eee;overflow:hidden}.work-grid-item img{object-fit:cover;width:100%;height:100%;transition:transform .55s;display:block}.work-grid-item:hover img{transform:scale(1.025)}.work-grid-item p{text-transform:uppercase;letter-spacing:.12em;margin:12px 0 6px;font-size:9px}.work-grid-item p span{color:#888;margin-right:12px}.work-grid-item h3{letter-spacing:-.04em;margin:0;font-size:clamp(20px,2vw,31px);line-height:1}@keyframes stage-copy{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.spine-process{color:#fff;background:#111;padding-bottom:clamp(100px,10vw,160px)}.spine-process .spine-section-label{border-color:#555}.spine-process-grid{grid-template-columns:1fr 1fr;display:grid}.spine-process-grid>.reveal{padding:clamp(70px,8vw,120px) clamp(30px,4vw,68px)}.spine-process-grid>.reveal:first-child{text-align:right}.spine-process-grid a{border-top:1px solid #555;padding-top:18px;display:block}.spine-process-grid a>span{color:#888;font-size:9px}.spine-process-grid h2{letter-spacing:-.055em;margin:70px 0 24px;font-size:clamp(34px,4.4vw,72px);line-height:.94}.spine-process-grid p{color:#aaa;max-width:470px;margin:0;font-size:15px;line-height:1.55}.spine-process-grid>.reveal:first-child p{margin-left:auto}.spine-about{padding-bottom:clamp(100px,10vw,160px)}.spine-about-grid{grid-template-columns:1fr 1fr;display:grid}.spine-about-grid>.reveal{padding:clamp(80px,9vw,140px) clamp(30px,4vw,68px)}.spine-about-grid>.reveal:first-child{text-align:right}.spine-about-grid h2{letter-spacing:-.06em;margin:0;font-size:clamp(42px,5.6vw,92px);line-height:.88}.spine-about-grid p{max-width:540px;margin:0 0 24px;font-size:17px;line-height:1.6}.spine-footer{text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #aaa;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;min-height:130px;padding:0 clamp(30px,4vw,68px);font-size:9px;display:grid}.reveal{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.kinetic-track{animation:none}.work-stage-media img{transition:none}}@media (max-width:900px){.kinetic-intro{width:58vw}.home-content{margin-left:0}.home-content:before{left:50%}.work-stage-sticky{grid-template-columns:1.25fr .75fr;padding-left:24px;padding-right:24px}.work-stage-media{height:62vh}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:24px;padding-right:24px}}@media (max-width:760px){.home-utility-nav{display:none}.kinetic-hero{height:100svh;min-height:620px}.kinetic-logo-docked{gap:10px;top:22px;left:24px}.kinetic-logo-docked img{height:56px}.kinetic-logo-name{font-size:11px}.kinetic-marquee{top:34%}.kinetic-track span{font-size:23vw}.kinetic-track b{margin:0 7vw;font-size:8vw}.kinetic-intro{width:auto;bottom:26px;left:48px;right:24px}.kinetic-role{margin-bottom:8px}.kinetic-copy{font-size:17px;line-height:1.32}.kinetic-down{margin-top:14px;padding-top:8px}.home-content:before{left:24px}.spine-section-label,.work-stage-label{grid-template-columns:24px 1fr;height:58px}.spine-section-label span:first-child,.work-stage-label span:first-child{padding-left:4px}.spine-section-label span:last-child,.work-stage-label span:last-child{padding-left:24px}.work-stage-layout{min-height:630vh}.work-stage-sticky{flex-direction:column;justify-content:center;gap:22px;height:100svh;padding:70px 20px 42px 48px;display:flex}.work-stage-media{aspect-ratio:4/3;height:auto}.work-stage-meta{align-self:stretch;padding:0}.work-stage-copy h2{font-size:clamp(32px,10vw,48px)}.work-stage-number{margin-bottom:12px}.work-grid-toggle{margin-top:18px}.work-grid{grid-template-columns:1fr;padding-left:48px;padding-right:20px}.work-grid-panel.is-open .work-grid{padding-top:60px;padding-bottom:80px}.spine-process-grid,.spine-about-grid{grid-template-columns:1fr}.spine-process-grid>.reveal,.spine-about-grid>.reveal{padding:70px 24px 70px 48px;text-align:left!important}.spine-process-grid>.reveal:first-child p{margin-left:0}.spine-process-grid h2{margin-top:45px}.spine-footer{grid-template-columns:1fr auto;margin-left:24px;padding-left:24px}.spine-footer p:nth-child(2){display:none}}
.work-stage-section{background:#fff;min-height:125vh;padding:clamp(54px,6vw,90px) clamp(34px,5vw,84px) clamp(90px,10vw,150px)}.work-stage-layout,.work-stage-sticky,.work-stage-steps,.work-stage-label{display:none!important}.work-viewer-sticky{align-items:center;min-height:calc(100vh - 72px);display:flex;position:sticky;top:clamp(24px,4vh,48px)}.work-viewer{grid-template-columns:72px minmax(0,900px);justify-content:center;align-items:start;gap:clamp(22px,3vw,42px);width:min(100%,1180px);margin:0 auto;display:grid}.work-viewer-controls{flex-direction:column;align-items:center;gap:16px;padding-top:3px;display:flex}.work-viewer-count{letter-spacing:.14em;color:#777;flex-direction:column;align-items:center;gap:2px;font-size:9px;display:flex}.work-viewer-count strong{color:#111;letter-spacing:-.02em;font-size:20px;font-weight:500}.work-viewer-hint{text-transform:uppercase;letter-spacing:.16em;color:#888;writing-mode:vertical-rl;margin:2px 0 4px;font-size:7px;transform:rotate(180deg)}.work-viewer-arrows{border-top:1px solid #aaa;border-bottom:1px solid #aaa;flex-direction:column;display:flex}.work-viewer-arrows button{cursor:pointer;background:0 0;border:0;width:46px;height:46px;font:20px/1 Arial,Helvetica,sans-serif;transition:background .2s,color .2s}.work-viewer-arrows button+button{border-top:1px solid #ddd}.work-viewer-arrows button:hover{color:#fff;background:#111}.work-grid-toggle{cursor:pointer;width:auto;font:inherit;text-transform:uppercase;letter-spacing:.12em;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;margin:0;padding:0;font-size:8px;display:flex}.grid-icon{grid-template-columns:1fr 1fr;gap:2px;width:17px;height:17px;display:grid}.grid-icon i{border:1px solid;display:block}.work-viewer-main{width:100%;min-width:0}.work-stage-media{background:#eee;width:100%;height:min(58vh,590px);display:block;position:relative;overflow:hidden}.work-stage-media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s,transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.018)}.work-stage-media img.is-active{opacity:1;transform:scale(1)}.work-stage-view{text-transform:uppercase;letter-spacing:.12em;opacity:0;background:#fff;padding:9px 12px;font-size:9px;transition:all .25s;position:absolute;bottom:18px;right:18px;transform:translateY(5px)}.work-stage-media:hover .work-stage-view{opacity:1;transform:none}.work-stage-meta{margin-top:14px;padding:0}.work-stage-copy{animation:.4s both viewer-copy}.work-stage-copy p{text-transform:uppercase;letter-spacing:.14em;margin:0 0 7px;font-size:9px}.work-stage-copy h2{letter-spacing:-.055em;max-width:800px;margin:0;font-size:clamp(30px,3.7vw,58px);line-height:.91}.work-stage-copy>span{text-transform:uppercase;letter-spacing:.12em;color:#777;margin-top:9px;font-size:9px;display:block}@keyframes viewer-copy{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.work-grid-panel{z-index:3;background:#fff;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.work-grid-panel.is-open{grid-template-rows:1fr}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px);padding:0;display:grid;overflow:hidden}.work-grid-panel.is-open .work-grid{padding-top:clamp(60px,7vw,100px)}.work-grid-item{appearance:none;text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.work-grid-item>div{aspect-ratio:4/3;background:#eee;outline:0 solid #111;transition:outline-width .18s;overflow:hidden}.work-grid-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.work-grid-item:hover img{transform:scale(1.025)}.work-grid-item.is-active>div{outline-width:2px}.work-grid-item p{text-transform:uppercase;letter-spacing:.12em;margin:12px 0 6px;font-size:9px}.work-grid-item p span{color:#888;margin-right:12px}.work-grid-item h3{letter-spacing:-.04em;margin:0;font-size:clamp(19px,2vw,30px);line-height:1}@media (max-width:900px){.work-stage-section{padding-left:24px;padding-right:24px}.work-viewer{grid-template-columns:62px minmax(0,760px);gap:18px}.work-stage-media{height:min(55vh,540px)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.work-stage-section{min-height:auto;padding:48px 18px 80px 24px}.work-viewer-sticky{min-height:auto;position:relative;top:auto}.work-viewer{grid-template-columns:48px minmax(0,1fr);gap:14px}.work-viewer-controls{gap:13px}.work-viewer-hint{display:none}.work-viewer-arrows button{width:40px;height:40px}.work-stage-media{aspect-ratio:4/3;height:auto}.work-stage-meta{margin-top:12px}.work-stage-copy h2{font-size:clamp(29px,9vw,43px)}.work-grid{grid-template-columns:1fr}.work-grid-panel.is-open .work-grid{padding-top:48px}}
.kinetic-marquee{margin-top:clamp(-20px,-1vw,-8px);padding:clamp(20px,2vw,38px) 0 clamp(44px,4vw,72px);overflow:hidden visible}.kinetic-track>div{padding:0 0 .16em}.kinetic-track span{padding-bottom:.08em;line-height:1.08}.home-content-after-hero{overflow:visible}.home-scroll-brand{z-index:55;pointer-events:auto;flex-direction:column;align-items:flex-start;gap:13px;width:96px;margin-bottom:-118px;margin-left:calc(-1*clamp(106px,8vw,136px));display:flex;position:sticky;top:clamp(26px,3vw,44px);transform:translateY(clamp(26px,3vw,44px))}.home-scroll-brand img{width:auto;height:72px;display:block}.home-scroll-brand span{white-space:nowrap;background:#fff;padding:2px 3px 2px 0;font-size:12px;font-weight:700;line-height:1.05}@media (max-width:900px){.home-scroll-brand{margin-bottom:-112px;margin-left:24px;position:sticky;transform:none}.home-content-after-hero{padding-top:1px}}@media (max-width:760px){.kinetic-marquee{padding-bottom:34px}.kinetic-track span{line-height:1.1}.home-scroll-brand{display:none}}
.home-content-after-hero{overflow:visible}.home-page p,.home-page h1,.home-page h2,.home-page h3,.home-page li{text-wrap:pretty}.home-scroll-brand{display:none!important}.work-stage-brand{z-index:58;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-start;gap:13px;width:96px;transition:opacity .32s,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s linear .45s;display:flex;position:fixed;top:clamp(26px,3vw,44px);left:clamp(22px,2.6vw,42px);transform:translateY(14px)}.work-stage-brand.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}.work-stage-brand img{width:auto;height:72px;display:block}.work-stage-brand span{white-space:nowrap;background:#fff;padding:2px 3px 2px 0;font-size:12px;font-weight:700;line-height:1.05}.work-thumb-rail{scrollbar-width:none;align-items:flex-start;gap:7px;height:42px;margin-bottom:12px;display:flex;overflow:auto hidden}.work-thumb-rail::-webkit-scrollbar{display:none}.work-thumb{appearance:none;cursor:pointer;background:#eee;border:1px solid #0000;flex:0 0 58px;width:58px;height:38px;padding:2px;transition:border-color .18s,opacity .18s}.work-thumb img{object-fit:cover;width:100%;height:100%;display:block}.work-thumb:hover{opacity:.7}.work-thumb.is-active{opacity:1;border-color:#111}.work-viewer-controls{padding-top:0}.work-grid-panel{scroll-margin-top:clamp(26px,4vh,56px)}.process-heading{z-index:2;text-transform:uppercase;letter-spacing:.14em;border-top:1px solid #555;padding:24px clamp(30px,4vw,68px) 0;font-size:9px;position:relative}.spine-process-grid>.reveal:first-child{text-align:left}.spine-process-grid>.reveal:first-child p{margin-left:0}.spine-process-grid a>span{display:none}.spine-process-grid h2{margin-top:46px}.spine-process,.spine-about,.spine-footer{z-index:3;position:relative}.spine-about,.spine-footer{background:#fff}.spine-about-grid>.reveal:first-child{text-align:left}@media (max-width:900px){.work-stage-brand{top:24px;left:24px}.work-thumb{flex-basis:50px;width:50px;height:34px}}@media (max-width:760px){.work-stage-brand{display:none}.process-heading{padding:18px 24px 0 48px}.spine-process-grid>.reveal{padding:42px 24px 46px 48px}.spine-process-grid>.reveal:first-child{padding-bottom:46px}.spine-process-grid>.reveal:last-child{padding-top:0;padding-bottom:46px}.spine-process-grid h2{margin-top:18px;margin-bottom:18px}.spine-process-grid p{line-height:1.45}.spine-about{padding-bottom:54px}.spine-about-grid>.reveal{padding:52px 24px 24px 48px}.spine-about-grid>.reveal+.reveal{padding-top:14px;padding-bottom:58px}.spine-about-grid h2{font-size:clamp(38px,11vw,54px);line-height:.9}.spine-about-grid p{margin-bottom:20px;font-size:16px;line-height:1.5}.work-thumb-rail{gap:5px;height:36px;margin-bottom:9px}.work-thumb{flex-basis:44px;width:44px;height:30px}}
@media (min-width:901px){.project-page{--case-rail:clamp(128px,10vw,168px);--case-top:clamp(92px,8vw,126px)}.project-brand{top:clamp(30px,3vw,46px)}.project-utility-nav{-webkit-backdrop-filter:blur(8px);background:#ffffffe0;padding:8px 10px;top:clamp(28px,2.6vw,42px);right:clamp(28px,3.2vw,52px)}.project-page .case-layout{margin-left:var(--case-rail);border-bottom:0;grid-template-columns:minmax(320px,34%) minmax(0,66%)}.case-sidebar{min-height:100vh;padding:var(--case-top) clamp(42px,4.8vw,76px) 64px clamp(34px,4.5vw,70px);border-right:1px solid #d0d0d0;top:0}.case-sidebar-inner{max-width:470px}.case-back-arrow{width:max-content;margin:0 0 16px;font-size:18px;line-height:1;transition:transform .2s,opacity .2s;display:block}.case-back-arrow:hover{opacity:.55;transform:translate(-3px)}.case-sidebar .eyebrow{margin-bottom:22px}.case-sidebar h1{max-width:500px;font-size:clamp(38px,4vw,62px);line-height:.9}.case-sidebar h2{margin-top:24px;font-size:clamp(17px,1.45vw,23px);line-height:1.15}.case-copy{max-width:410px;margin-top:clamp(52px,6.5vh,78px)}.case-copy p{margin-bottom:18px;font-size:clamp(13px,.92vw,15px);line-height:1.62}.case-role{max-width:410px;margin-top:34px}.case-role li{padding:9px 0}.case-back{display:none}.case-creative{padding:var(--case-top) clamp(34px,4vw,62px) clamp(70px,7vw,112px);align-items:center;gap:clamp(68px,7vw,112px)}.case-creative>.project-single,.case-creative>.project-gallery{width:min(100%,1080px)}.case-creative figure,.project-gallery-stage{background:0 0}.case-creative figure{width:100%}.case-creative img,.case-creative video{object-fit:initial;width:100%;max-width:100%;height:auto;max-height:none;display:block}.project-gallery-stage{aspect-ratio:auto;background:0 0;height:auto;min-height:0;display:block;position:relative}.project-gallery-stage img,.project-gallery-stage video{object-fit:initial;width:100%;height:auto;max-height:none;display:block;position:relative}.creative-caption,.gallery-meta{margin-top:12px}.project-next{margin-left:var(--case-rail);min-height:300px;padding-left:clamp(42px,5vw,80px);padding-right:clamp(42px,5vw,80px)}}@media (prefers-reduced-motion:no-preference){.case-sidebar-inner{animation:.7s cubic-bezier(.2,.7,.2,1) both case-copy-in}.case-creative>.project-single,.case-creative>.project-gallery{animation:.75s cubic-bezier(.2,.7,.2,1) both case-creative-in}.case-creative>:first-child{animation-delay:80ms}.case-creative>:nth-child(2){animation-delay:.14s}.case-creative>:nth-child(3){animation-delay:.2s}@keyframes case-copy-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes case-creative-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}@media (max-width:900px){.project-page .case-layout{padding-top:94px}.project-brand{margin:0;position:absolute;top:24px;left:24px}.project-utility-nav{top:24px}.case-sidebar{padding-top:58px;padding-left:clamp(24px,6vw,54px);padding-right:clamp(24px,6vw,54px)}.case-sidebar-inner{max-width:620px}.case-back-arrow{width:max-content;margin:0 0 14px;font-size:18px;line-height:1;display:block}.case-copy{max-width:560px}.case-back{display:none}.case-creative{gap:60px;padding:34px clamp(24px,5vw,48px) 70px}.case-creative figure,.project-gallery-stage{background:0 0}.case-creative img,.case-creative video,.project-gallery-stage img,.project-gallery-stage video{object-fit:initial;width:100%;height:auto;max-height:none;display:block}.project-gallery-stage{aspect-ratio:auto;height:auto;min-height:0}}@media (max-width:760px){.project-page .case-layout{padding-top:82px}.project-brand{top:18px;left:18px}.case-sidebar{padding-top:38px;padding-bottom:48px}.case-back-arrow{margin-bottom:12px}.case-sidebar .eyebrow{margin-bottom:14px}.case-sidebar h2{margin-top:14px}.case-copy,.case-role{margin-top:26px}.case-creative{gap:42px;padding:22px 18px 58px}}