:root{--paper:#fff;--ink:#0b0b0c;--void:#000;--ash:#9a9aa0;--flux:#f03c00;--sans:"Urbane","Jost",sans-serif;--h1-font:"Cormorant Garamond", serif;--mono:"DM Mono",monospace;--gut:clamp(18px,3.2vw,52px);--wrap:1280px;--h1:clamp(3.4rem,15.5vw,280px);--dim:#7a7a80;--svc-gap:clamp(24px,5vw,80px)}*{box-sizing:border-box;margin:0;padding:0}.wrap{width:min(100% - var(--gut)*2, var(--wrap));margin-inline:auto}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--flux);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.nav{z-index:90;padding-block:var(--gut);position:fixed;top:0;left:0;right:0}.nav__in{justify-content:space-between;align-items:center;display:flex}.nav__mark{width:auto;height:clamp(24px,2.4vw,34px);color:var(--ink);transition:color .45s;display:block}.burger{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:8px;width:clamp(40px,3.4vw,52px);margin:-8px;padding:8px;display:flex}.burger i{background:var(--ink);width:100%;height:2px;transition:transform .45s cubic-bezier(.2,.9,.2,1),background .45s,width .35s;display:block}.burger:hover i:first-child{width:78%}.nav.is-open .burger i:first-child{width:100%;transform:translateY(5px)rotate(45deg)}.nav.is-open .burger i:last-child{transform:translateY(-5px)rotate(-45deg)}.menu{z-index:80;background:var(--void);color:#fff;padding-block:var(--gut);visibility:hidden;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.menu a{font-family:var(--sans);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(2rem,7vw,5.5rem);font-weight:300;line-height:1.1;display:block;overflow:hidden}.menu a>span{transition:opacity .3s;display:block}.menu a:hover>span{opacity:.45}.intro{z-index:120;background:var(--void);color:#fff;will-change:transform;place-items:center;display:grid;position:fixed;inset:0}.intro__mark{will-change:transform,opacity;width:min(62vw,620px);height:auto;display:block}.intro__count{left:var(--gut);bottom:var(--gut);font-family:var(--mono);letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#fff;opacity:.55;font-size:12px;position:absolute}.intro__bar{opacity:.35;background:#fff;width:0%;height:1px;position:absolute;bottom:0;left:0}.track{z-index:1;height:480vh;position:relative}.hero{perspective:1500px;perspective-origin:50%;background:radial-gradient(120% 90% at 50% 45%,#fff 0%,#f4f4f5 62%,#ececee 100%);flex-direction:column;justify-content:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}h1{font-family:var(--h1-font);font-weight:400;font-size:var(--h1);letter-spacing:.004em;text-transform:uppercase;z-index:2;width:100%;line-height:.94;position:relative}.line{white-space:nowrap;clip-path:inset(-.22em -100vw -.02em);display:block}.line>span{will-change:transform;display:block}.line--a{text-align:left}.line--b{text-align:right}.word{white-space:nowrap;display:inline-block}.word .ch{display:inline-block}.card{z-index:3;pointer-events:none;width:min(64vw,960px);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;position:absolute;top:0;left:50%;transform:translate(-50%,120vh)}.card figure{position:relative;overflow:hidden;box-shadow:0 34px 80px -30px #00000073}.card img{width:100%;height:auto;display:block}.card figcaption{color:#000;font-family:var(--sans);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:#fff;border-radius:999px;padding:9px 19px;font-size:13px;font-weight:500;position:absolute;bottom:20px;left:20px}@media (width<=760px){.card{width:90vw}}.cue{z-index:4;text-align:center;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ash);font-size:11px;position:absolute;bottom:clamp(22px,4.5vh,44px);left:0;right:0}.cue span{border-bottom:1px solid;padding-bottom:6px;display:inline-block}.after{z-index:2;background:var(--void);color:#fff;position:relative}.svc{height:450vh;position:relative}.svc__stage{height:100svh;padding-block:var(--gut);position:sticky;top:0}.svc__in{align-items:center;height:100%;display:flex}.svc__block{width:100%}.svc__row{gap:var(--svc-gap);grid-template-columns:1fr 1fr;align-items:center;width:100%;display:grid;position:relative}.svc__list{grid-column:2}.svc__lead{font-family:var(--h1-font);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;margin-bottom:calc(clamp(24px,5vh,64px) + 50px);font-size:clamp(1.5rem,3.4vw,3rem);font-weight:400;line-height:1.1;overflow:hidden}.svc__lead>span{display:block}.svc__lead em{color:var(--ash);font-style:normal}.svc__list{text-align:left;font-family:var(--sans);text-transform:uppercase;letter-spacing:.005em;font-size:clamp(1.5rem,4.4vw,4rem);font-weight:400;line-height:1.16;list-style:none}.svc__list li{white-space:nowrap}.svc__name{color:#fff;opacity:0;will-change:opacity,transform;display:block}.svc__shot{opacity:0;will-change:opacity,transform;margin:0}.svc__shot img{width:100%;height:auto;display:block}@media (width>=901px){.svc__shot{width:calc(50% - var(--svc-gap) / 2);pointer-events:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0}.svc__shot img{object-fit:contain;max-height:100%}}@media (width<=900px){.svc__row{grid-template-columns:1fr;gap:0}.svc__list{grid-column:1}.svc__lead{white-space:normal}.svc__shot{height:0;margin-block:clamp(10px,2vh,18px) clamp(4px,1vh,10px);overflow:hidden}}body.no-motion .svc{height:auto}body.no-motion .svc__stage{height:auto;padding-block:24vh;position:static}body.no-motion .svc__in{height:auto}body.no-motion .svc__row{grid-template-columns:1fr;gap:0}body.no-motion .svc__list{grid-column:1}body.no-motion .svc__lead{white-space:normal}body.no-motion .svc__name{opacity:1}body.no-motion .svc__shot{opacity:1;width:100%;height:auto;margin-block:clamp(10px,2vh,18px) clamp(16px,3vh,32px);display:block;position:static}body.no-motion .svc__shot img{object-fit:fill;max-height:none}.cases{height:calc(var(--cases-n,4) * 100vh);position:relative}.cases__stage{height:100svh;position:sticky;top:0;overflow:hidden}.cases__track{will-change:transform;width:max-content;height:100%;display:flex}.case{flex:none;width:100vw;height:100%;position:relative;overflow:hidden}.case__shot{margin:0;position:absolute;inset:0}.case__shot img{object-fit:cover;width:100%;height:100%;display:block}.case:after{content:"";pointer-events:none;background:linear-gradient(#0000 62%,#000000b8 100%),linear-gradient(90deg,#0000008c 0%,#0000 26%);position:absolute;inset:0}.case__meta{z-index:2;color:#fff;align-items:baseline;gap:clamp(12px,1.6vw,24px);display:flex;position:absolute;bottom:clamp(28px,6vh,64px);left:0;right:0}.case__idx{font-family:var(--mono);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--ash);font-size:12px}.case__name{font-family:var(--sans);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.6rem,4.2vw,3.6rem);font-weight:400;line-height:1.05}.cases__end{background:var(--void);color:#fff;text-align:center;width:100vw;height:100%;padding-inline:var(--gut);flex:none;place-items:center;display:grid}.cases__end-word{font-family:var(--h1-font);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid;padding-bottom:.1em;font-size:clamp(2.4rem,7vw,6rem);font-weight:400;line-height:1.02;transition:opacity .4s;display:inline-block}.cases__end:hover .cases__end-word{opacity:.55}.cases__count{left:var(--gut);z-index:3;font-family:var(--mono);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#fff;flex-direction:column;align-items:center;gap:clamp(10px,1.6vh,16px);font-size:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cases__total{color:var(--ash)}.cases__rail{background:#ffffff47;width:1px;height:clamp(90px,14vh,160px);position:relative}.cases__dot{will-change:transform;background:#fff;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;display:block;position:absolute;top:0;left:50%}@media (width<=900px){.cases{height:auto}.cases__stage{height:auto;position:static;overflow:visible}.cases__track{width:auto;height:auto;display:block}.case{aspect-ratio:4/5;width:auto;height:auto}.case+.case{margin-top:clamp(10px,2vh,20px)}.cases__end{width:auto;height:auto;padding-block:clamp(64px,16vh,140px)}.cases__count{flex-direction:row;align-items:center;width:max-content;margin-inline:auto;position:sticky;top:auto;bottom:clamp(18px,4vh,32px);left:auto;transform:none}.cases__rail{width:clamp(80px,26vw,140px);height:1px}.cases__dot{margin-top:-2.5px;margin-left:0;top:50%;left:0}}body.no-motion .cases{height:auto}body.no-motion .cases__stage{height:auto;position:static;overflow:visible}body.no-motion .cases__track{width:auto;height:auto;display:block}body.no-motion .case{aspect-ratio:16/9;width:auto;height:auto}body.no-motion .case+.case{margin-top:clamp(10px,2vh,20px)}body.no-motion .cases__end{width:auto;height:auto;padding-block:clamp(64px,16vh,140px)}body.no-motion .cases__count{display:none}
/*$vite$:1*/