@font-face{font-family:Mona Sans;src:url(/fonts/mona-sans.woff2) format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap}:root{--night: #0e0e0f;--on-night: #eeeeec;--on-night-2: #a7a7a3;--paper: #eeeeec;--ink: #121212;--ink-2: #4b4b4f;--line: rgba(18, 18, 18, .14);--dot: #b52845;--pad: clamp(20px, 5vw, 72px);--font: "Mona Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--out: cubic-bezier(.16, 1, .3, 1);--nav-fg: var(--on-night);--nav-btn-bg: var(--on-night);--nav-btn-fg: var(--night);--nav-bg: rgba(14, 14, 15, .92);--nav-line: rgba(238, 238, 236, .08)}@view-transition{navigation:auto}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:17px;line-height:1.5;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ol,figure{margin:0}a{color:inherit}img{display:block;max-width:100%;height:auto}::selection{background:var(--dot);color:#fff}:focus-visible{outline:2px solid var(--dot);outline-offset:3px;border-radius:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 14px;border-radius:8px;background:var(--paper);color:var(--ink);text-decoration:none;font-weight:600}.skip:focus{top:16px}.dot{display:inline-block;width:.19em;height:.19em;margin-left:.04em;border-radius:50%;background:var(--dot)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 26px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font:620 16px/1 var(--font);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .25s var(--out),opacity .2s}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn--light{background:var(--on-night);color:var(--night)}.link{display:inline-flex;align-items:center;gap:8px;font-weight:620;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}.link:hover{text-decoration-color:var(--dot)}.link--quiet{font-weight:480;color:var(--ink-2)}.arrow{width:13px;height:13px;flex:none}.section-title{font-size:clamp(38px,5.4vw,80px);line-height:.94;font-weight:860;font-stretch:112%;letter-spacing:-.04em;text-wrap:balance}.nav{position:fixed;inset:0 0 auto;z-index:60;height:76px;padding:0 var(--pad);display:flex;align-items:center;gap:30px;color:var(--nav-fg);transition:color .35s,background-color .35s}.nav.solid,.is-case .nav{background:var(--nav-bg);box-shadow:0 1px 0 var(--nav-line)}.nav__mark{display:flex;align-items:center;gap:10px;margin-right:auto;font-weight:720;font-stretch:108%;letter-spacing:-.01em;text-decoration:none}.nav__mark i{width:10px;height:10px;border-radius:50%;background:var(--dot)}.nav__links{display:flex;gap:30px}.nav__links a{font-weight:520;text-decoration:none}.nav__links a:hover{text-decoration:underline;text-underline-offset:6px}.nav__cta{height:42px;padding:0 20px;font-size:15px;background:var(--nav-btn-bg);color:var(--nav-btn-fg);transition:background .35s,color .35s,transform .25s var(--out)}.nav__toggle{display:none;height:40px;padding:0 16px;border:0;border-radius:999px;font:600 15px/1 var(--font);color:var(--nav-fg);background:color-mix(in srgb,var(--nav-fg) 12%,transparent);cursor:pointer}.menu{inset:76px 12px auto auto;width:min(320px,calc(100vw - 24px));padding:10px;border:0;border-radius:16px;background:var(--night);color:var(--on-night);box-shadow:0 24px 60px -20px #00000080}.menu a{display:block;padding:14px;border-radius:10px;font-size:18px;font-weight:560;text-decoration:none}.menu a:hover{background:#eeeeec14}.menu .btn{display:flex;margin-top:8px;background:var(--on-night);color:var(--night)}body.day{--nav-fg: var(--ink);--nav-btn-bg: var(--ink);--nav-btn-fg: var(--paper);--nav-bg: rgba(238, 238, 236, .92);--nav-line: var(--line)}body.is-case{--nav-fg: var(--c-fg);--nav-btn-bg: var(--c-fg);--nav-btn-fg: var(--c-bg);background:var(--c-bg);--nav-bg: color-mix(in srgb, var(--c-bg) 92%, transparent);--nav-line: color-mix(in srgb, var(--c-fg) 10%, transparent)}.night{position:relative;min-height:100svh;display:grid;align-content:end;padding:120px var(--pad) clamp(56px,11vh,132px);background:var(--night);color:var(--on-night);overflow:hidden}.title{font-size:clamp(60px,12vw,176px);line-height:.86;font-weight:880;font-stretch:116%;letter-spacing:-.045em}.lede{margin-top:30px;max-width:46ch;font-size:clamp(16px,1.35vw,19px);color:var(--on-night-2)}.hint{position:absolute;right:var(--pad);bottom:clamp(56px,11vh,132px);font-size:14px;font-weight:520;color:var(--on-night-2)}.other{position:relative;min-height:100svh;display:grid;align-content:center;padding:120px var(--pad) 120px;background:var(--paper);overflow:hidden}.path-start{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.motion .path-start{display:block}.line{fill:none;stroke:var(--dot);stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.other__text{position:relative}.headline{max-width:9.8em;font-size:clamp(44px,7.2vw,104px);line-height:.93;font-weight:860;font-stretch:112%;letter-spacing:-.042em;text-wrap:balance}.sub{margin-top:32px;max-width:32em;font-size:clamp(17px,1.4vw,20px);line-height:1.45;color:var(--ink-2)}.ctas{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}.ctas .btn{height:56px;padding:0 30px}.rim{display:none}.motion .threshold{position:relative;height:100svh;overflow:hidden}.motion .night,.motion .door{position:absolute;inset:0;min-height:0}.motion .door{clip-path:circle(var(--r, 0px) at var(--dx, 84%) var(--dy, 72%));background:var(--paper)}.motion .other{position:absolute;inset:0;min-height:0;overflow:visible;transform:scale(var(--s, .56));transform-origin:var(--dx) var(--dy)}.motion .rim{display:block;position:absolute;left:var(--dx);top:var(--dy);width:calc(var(--r, 0px) * 2);height:calc(var(--r, 0px) * 2);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:var(--rim, 0);border:3px solid var(--dot)}.work{position:relative;padding:20vh var(--pad) 24vh;background:var(--paper)}.work__light{position:absolute;inset:0;pointer-events:none}.work__light svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.work .section-title{position:relative;margin-bottom:16vh}.projects{position:relative;list-style:none;padding:0;display:grid;gap:26vh}.project{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;scroll-margin-top:20vh}.project__shot{grid-column:1 / span 7;grid-row:1;border-radius:12px}.project__shot img{width:100%;border-radius:12px;box-shadow:0 30px 60px -36px #00000059;transition:transform .6s var(--out)}.project__shot:hover img{transform:scale(1.012)}.project__text{grid-column:9 / span 4;grid-row:1}.project--right .project__shot{grid-column:6 / span 7}.project--right .project__text{grid-column:1 / span 4}.project__name{font-size:clamp(34px,4.4vw,66px);line-height:.92;font-weight:860;font-stretch:112%;letter-spacing:-.04em;text-wrap:balance}.project__line{margin-top:18px;color:var(--ink-2)}.project__got{margin-top:10px;font-weight:620}.project__links{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px 24px}.how{padding:20vh var(--pad);background:var(--paper)}.steps{margin-top:9vh;padding:0;list-style:none;counter-reset:step}.steps li{display:grid;grid-template-columns:minmax(70px,1fr) 4fr 5fr;gap:24px;align-items:baseline;padding:30px 0;border-top:1px solid var(--line)}.steps li:before{counter-increment:step;content:counter(step);font-size:20px;font-weight:760;font-stretch:112%;color:var(--dot);font-variant-numeric:tabular-nums}.steps h3{font-size:clamp(24px,2.4vw,34px);line-height:1.05;font-weight:760;font-stretch:108%;letter-spacing:-.02em}.steps p{color:var(--ink-2);font-size:18px}.about{display:grid;grid-template-columns:5fr 7fr;gap:6vw;align-items:end;padding:12vh var(--pad) 22vh;background:var(--paper)}.slot{display:grid;place-items:center;padding:24px;border:1.5px dashed rgba(18,18,18,.3);border-radius:12px;color:var(--ink-2);font-weight:540;text-align:center}.slot--photo{aspect-ratio:4 / 5}.slot--text{margin-top:36px;min-height:140px}.about__line{margin-top:24px;max-width:46ch;color:var(--ink-2);font-size:18px}.end{position:relative;display:grid;grid-template-columns:5fr 7fr;gap:6vw;align-items:center;overflow:hidden;padding:22vh var(--pad) 18vh;background:var(--night);color:var(--on-night)}.end .slot{position:relative;border-color:#eeeeec4d;color:var(--on-night-2);aspect-ratio:4 / 5}.end__ask{position:relative}.end__line{margin-top:24px;max-width:40ch;color:var(--on-night-2);font-size:18px}.form{margin-top:40px;display:grid;gap:18px;max-width:460px}.field{display:grid;gap:8px}.field label{font-size:15px;font-weight:600}.field input{height:54px;padding:0 16px;border:1px solid rgba(238,238,236,.22);border-radius:12px;background:#eeeeec0f;color:var(--on-night);font:500 17px var(--font)}.field input:focus{outline:2px solid var(--on-night);outline-offset:2px}.field input[aria-invalid=true]{border-color:#ff6b81}.form .btn{justify-self:start}.form__note{min-height:1.5em;color:var(--on-night-2)}.end__promise{margin-top:40px;font-size:clamp(22px,2.2vw,30px);font-weight:700;font-stretch:108%}.foot{display:flex;flex-wrap:wrap;gap:12px 32px;padding:32px var(--pad) 40px;background:var(--night);color:var(--on-night-2);font-size:14px;border-top:1px solid rgba(238,238,236,.08)}.is-case .foot{background:var(--c-bg);color:color-mix(in srgb,var(--c-fg) 60%,transparent);border-color:color-mix(in srgb,var(--c-fg) 10%,transparent)}.case{background:var(--c-bg);color:var(--c-fg)}.case__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:28px 56px;align-items:end;padding:160px var(--pad) 56px}.case__head h1{font-size:clamp(48px,7.4vw,108px);line-height:.9;font-weight:860;font-stretch:112%;letter-spacing:-.045em;text-wrap:balance}.case__meta{display:grid;gap:10px;color:color-mix(in srgb,var(--c-fg) 72%,transparent)}.case__got{color:var(--c-fg);font-weight:620}.link--accent{color:var(--c-accent);margin-top:8px}.gallery{padding-bottom:12vh}.strip-wrap{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.strip-wrap::-webkit-scrollbar{display:none}.strip{display:flex;gap:32px;width:max-content;padding:0 var(--pad)}.panel{flex:none;width:min(760px,84vw);scroll-snap-align:start}.panel__frame{height:min(475px,52.5vw);overflow:hidden;border-radius:12px;background:#000;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-fg) 12%,transparent)}.panel__frame img{width:100%;height:100%;object-fit:cover;object-position:var(--focus);transform:scale(var(--zoom));transform-origin:var(--focus)}.panel figcaption{margin-top:16px;font-size:18px;font-weight:540}.progress{margin:44px var(--pad) 0;height:2px;background:color-mix(in srgb,var(--c-fg) 16%,transparent)}.progress i{display:block;height:100%;background:var(--c-accent);transform-origin:left;transform:scaleX(var(--p, 0))}.gallery--single .panel{width:min(1180px,100%)}.gallery--single .panel__frame{height:auto;aspect-ratio:16 / 10}.gallery--single .strip{width:auto}.motion .gallery{min-height:100svh;display:grid;align-content:center}.motion .gallery--single{min-height:0}.motion .strip-wrap{overflow:hidden;scroll-snap-type:none}.case__next{display:grid;gap:28px;justify-items:start;padding:16vh var(--pad);background:var(--n-bg);color:var(--n-fg);border-radius:28px 28px 0 0}.case__next-link{display:grid;gap:10px;font-size:clamp(44px,8vw,120px);line-height:.9;font-weight:860;font-stretch:112%;letter-spacing:-.045em;text-decoration:none}.case__next-link span{font-size:16px;font-weight:600;letter-spacing:0;opacity:.7}.case__next-link:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:10px}@media(max-width:820px){.nav{height:66px;gap:16px}.nav__links,.nav__cta{display:none}.nav__toggle{display:inline-flex;align-items:center}.menu{inset:66px 12px auto auto}.hint{display:none}.project,.project--right{grid-template-columns:minmax(0,1fr);row-gap:24px;padding-left:26px}.project__shot,.project__text,.project--right .project__shot,.project--right .project__text{grid-column:1;grid-row:auto}.projects{gap:14vh}.steps li{grid-template-columns:36px minmax(0,1fr)}.steps p{grid-column:2}.about,.end{grid-template-columns:minmax(0,1fr);gap:40px}.slot--photo,.end .slot{max-width:360px;width:100%}.case__head{grid-template-columns:minmax(0,1fr);padding-top:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}