:where(.ss,.ss *,.ss *:before,.ss *:after){box-sizing:border-box}:where(.ss h1,.ss h2,.ss p,.ss ol){margin:0;padding:0}:where(.ss img){display:block;max-width:100%}:where(.ss a){color:inherit}:where(.ss button){font:inherit;color:inherit}.ss :focus-visible{outline:2px solid var(--kit-accent);outline-offset:3px}.ss{--ss-gutter: clamp(20px, 3.6vw, 56px);--ss-ease: cubic-bezier(.22, 1, .36, 1);position:relative;height:calc(100svh + var(--span) * var(--ss-step) * 1svh);background:var(--kit-bg);color:var(--kit-ink);font-family:var(--kit-font-body);font-size:17px;line-height:1.55;font-style:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ss__pin{position:sticky;top:0;height:100svh;overflow:hidden}.ss__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--kit-frame)}.ss__stack{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.ss__layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity}.ss__layer>img,.ss__lines img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--ss-pos)}.ss__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ss-drawing-shade)}.ss__film{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--ss-pos);opacity:0;pointer-events:none}.ss__lines{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;--edge: -15%;-webkit-mask-image:linear-gradient(to top,transparent var(--edge),#000 calc(var(--edge) + 14%));mask-image:linear-gradient(to top,transparent var(--edge),#000 calc(var(--edge) + 14%))}.ss__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 0% 100%,rgba(var(--kit-veil-rgb),.58),rgba(var(--kit-veil-rgb),.3),rgba(var(--kit-veil-rgb),0)),linear-gradient(to top,rgba(var(--kit-veil-rgb),.62),rgba(var(--kit-veil-rgb),.4) 11%,rgba(var(--kit-veil-rgb),.1) 20%,rgba(var(--kit-veil-rgb),0) 28%)}.ss__veil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 56% 44% at 8% 86%,rgba(var(--kit-drawing-veil-rgb),.72),rgba(var(--kit-drawing-veil-rgb),.4),rgba(var(--kit-drawing-veil-rgb),0));opacity:0;transition:opacity .6s var(--ss-ease)}.ss__veil.is-plan:after{opacity:1}.ss__copy{position:absolute;left:var(--ss-gutter);right:var(--ss-gutter);bottom:104px}.ss__intro{position:absolute;left:0;bottom:0;width:100%;display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:40px;opacity:0;transform:translateY(12px);transition:opacity .48s var(--ss-ease),transform .6s var(--ss-ease);pointer-events:none}.ss__intro.is-on{opacity:1;transform:none;pointer-events:auto}.ss__title{grid-column:1;font-family:var(--kit-font-display);font-style:normal;font-weight:400;font-size:clamp(38px,3.9vw,58px);line-height:1.04;letter-spacing:-.03em}.ss__para{grid-column:1;margin:12px 0 0;font-size:17px;line-height:1.5;color:var(--kit-ink-soft)}.ss__title,.ss__para,.ss__cap{text-shadow:0 1px 3px rgba(10,10,10,.25),0 1px 16px rgba(10,10,10,.35)}.ss__btn{grid-column:2;grid-row:1 / span 2;align-self:end;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;border-radius:999px;font-family:var(--kit-font-body);font-size:15px;font-weight:600;letter-spacing:.01em;text-decoration:none;border:0;cursor:pointer;background:var(--kit-btn);color:var(--kit-btn-ink);transition:transform .14s var(--ss-ease),background-color .2s var(--ss-ease),color .2s var(--ss-ease)}.ss__btn:hover{background:var(--kit-btn-hover)}.ss__btn:active{transform:scale(.97)}.ss__caps{position:absolute;left:var(--ss-gutter);bottom:92px;width:min(560px,70vw);height:24px}.ss__cap{position:absolute;left:0;bottom:0;font-size:17px;font-weight:500;line-height:1.4;color:var(--kit-ink);opacity:0;transform:translateY(6px);transition:opacity .36s var(--ss-ease),transform .46s var(--ss-ease)}.ss__cap.is-on{opacity:1;transform:none}.ss-ruler{position:absolute;left:var(--ss-gutter);right:var(--ss-gutter);bottom:36px;height:40px;transition:opacity .4s var(--ss-ease)}.ss-ruler.is-done{opacity:0;pointer-events:none}.ss-ruler__track{position:absolute;left:0;right:0;top:0;height:1px;background:#f6f5f152}.ss-ruler__bar{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--kit-ink);transform-origin:0 50%;transform:scaleX(0)}.ss-ruler__ticks{list-style:none;position:absolute;top:0;right:0;bottom:0;left:0}.ss-ruler__ticks li{position:absolute;top:0;transform:translate(-50%)}.ss-ruler__ticks li:first-child{transform:none}.ss-ruler__ticks li:last-child{transform:translate(-100%)}.ss-ruler__tick{position:relative;display:block;padding:14px 0 6px;background:none;border:0;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:500;letter-spacing:.02em;color:#f6f5f1e0;text-shadow:0 1px 8px rgba(10,10,10,.5);transition:color .25s var(--ss-ease)}.ss-ruler__tick:before{content:"";position:absolute;top:-3px;left:50%;width:1px;height:7px;background:#f6f5f180}.ss-ruler__ticks li:first-child .ss-ruler__tick:before{left:0}.ss-ruler__ticks li:last-child .ss-ruler__tick:before{left:auto;right:0}.ss-ruler__tick.is-past:before{background:var(--kit-ink)}.ss-ruler__tick.is-now,.ss-ruler__tick:hover{color:var(--kit-ink)}.ss-ruler__phone{display:none}@media (max-width: 760px){.ss{height:calc(100svh + var(--span) * var(--ss-step-phone) * 1svh);background:var(--kit-paper);color:var(--kit-paper-ink);font-size:16px}.ss__film,.ss__layer>img,.ss__lines img{object-position:var(--ss-pos-phone)}.ss__para{color:var(--kit-paper-ink-soft)}.ss__title,.ss__para,.ss__cap{text-shadow:none}.ss-ruler__track{background:#1b1e2124}.ss-ruler__bar{background:var(--kit-paper-ink)}.ss__frame{inset:var(--ss-nav-phone) 0 auto 0;height:min(108vw,52svh)}.ss__veil{display:none}.ss__copy,.ss__caps{left:20px;right:20px;width:auto;bottom:92px;top:calc(var(--ss-nav-phone) + min(108vw,52svh) + 28px);height:auto}.ss__intro{top:0;bottom:auto;width:100%;display:block}.ss__btn{margin-top:22px;background:var(--kit-paper-ink);color:var(--kit-ink)}.ss__cap{top:0;bottom:auto;font-size:20px;line-height:1.35;letter-spacing:-.01em;color:var(--kit-paper-ink)}.ss__title{font-size:38px}.ss__para{margin:12px 0 0;font-size:16px}.ss-ruler{left:20px;right:20px;bottom:28px}.ss-ruler__ticks{display:none}.ss-ruler__phone{display:block;margin:14px 0 0;font-size:13px;font-weight:500;color:var(--kit-paper-ink-soft)}.ss-ruler__phone span{color:var(--kit-paper-ink)}}@media (prefers-reduced-motion: reduce){.ss *,.ss *:before,.ss *:after{transition-duration:1ms!important}}@font-face{font-family:Inter;src:url(/fonts/Inter-latin-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--paper: #f3efe8;--paper-2: #e9e3d9;--ink: #2e2721;--ink-soft: #6d645a;--ink-faint: #b9b0a5;--brown: #3a3129;--chalk: #f7f4ee;--clay: #c8693a;--rule: rgba(46, 39, 33, .16);--font: "Inter", system-ui, sans-serif;--gutter: clamp(16px, 1.6vw, 28px);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;letter-spacing:-.005em;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}h1,h2,p,figure,blockquote,ol{margin:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--clay);outline-offset:3px}sup{font-size:.32em;vertical-align:top;position:relative;top:.18em;margin-left:.04em;font-weight:500}.label{font-size:13px;font-weight:500;letter-spacing:0}.line-link{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding-bottom:6px;border-bottom:1px solid currentColor;font-size:13px;font-weight:500;text-decoration:none}.line-link span{transition:transform .3s var(--ease)}.line-link:hover span{transform:translate(4px)}.nav{position:fixed;inset:0 0 auto 0;z-index:20;height:60px;display:grid;grid-template-columns:1fr 1fr auto 1fr;align-items:center;gap:24px;padding:0 var(--gutter);color:var(--chalk);font-size:14px;font-weight:500;transition:color .3s var(--ease)}.nav--paper,.nav--sky{color:var(--ink)}.nav__brand{font-size:24px;font-weight:700;letter-spacing:-.05em;text-decoration:none}.nav__clock span{font-variant-numeric:tabular-nums}.nav__links{display:flex;gap:18px}.nav__links a,.nav__action{text-decoration:none}.nav__links a:hover,.nav__action:hover{opacity:.66}.nav__action{justify-self:end}.nav--photo .nav__brand,.nav--photo p,.nav--photo a{text-shadow:0 1px 10px rgba(30,22,16,.25)}.ss__title{font-weight:500;letter-spacing:-.035em}.studio{position:relative;height:280vh;background:var(--paper)}.studio__pin{position:sticky;top:0;height:100vh;overflow:hidden;--q: clamp(0, calc((var(--p, 0) - .12) / .6), 1)}.studio__label{position:absolute;left:var(--gutter);top:84px}.studio__statement{position:absolute;left:4vw;width:30vw;top:50%;transform:translateY(-50%);text-align:center;font-size:clamp(24px,2.3vw,36px);font-weight:500;line-height:1.12;letter-spacing:-.03em;opacity:calc(1 - clamp(0,calc((var(--p, 0) - .2) / .22),1))}.studio__photo{position:absolute;top:0;height:100vh;width:44vw;left:calc(38vw - var(--q) * 37vw);overflow:hidden}.studio__photo img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.08 - var(--q) * .08))}.studio__body{position:absolute;left:50vw;width:min(25vw,360px);top:50%;transform:translateY(calc(-50% + (1 - var(--r)) * 18px));--r: clamp(0, calc((var(--p, 0) - .62) / .2), 1);opacity:var(--r);font-size:13px;line-height:1.5}.block{position:relative;min-height:118vh;overflow:hidden;background:var(--brown);color:var(--chalk);display:grid;grid-template-columns:22vw 1fr minmax(260px,24vw) 1fr;align-content:start;padding-top:72px}.block__photo{grid-column:1;aspect-ratio:4 / 3;overflow:hidden}.block__photo img{width:100%;height:100%;object-fit:cover}.block__text{grid-column:3;padding-top:22vh;font-size:13px;line-height:1.5}.block__text p+p{margin-top:14px}.block__text .line-link{color:var(--chalk);margin-top:26px}.block__word{position:absolute;left:-.06em;bottom:-.05em;margin:0;font-size:27vw;font-weight:700;line-height:1;letter-spacing:-.075em;color:var(--chalk);transform:translateY(calc((1 - clamp(0,calc((var(--p, 0) - .18) / .34),1))*60%))}.block__word sup{font-size:.16em;top:.5em;font-weight:400;letter-spacing:0}.works{position:relative;height:calc(100vh + var(--n) * 42vh);background:var(--paper)}.works__pin{position:sticky;top:0;height:100vh;overflow:hidden;--row: 46px}.works__label{position:absolute;left:var(--gutter);top:84px}.works__rows{list-style:none;position:absolute;left:0;right:0;top:50%;transform:translateY(calc(-1 * (var(--p, 0) * (var(--n) - 1) + .5) * var(--row)))}.works__rows li{height:var(--row);display:grid;grid-template-columns:4vw 1fr auto;align-items:center;padding:0 var(--gutter);border-top:1px solid var(--rule);font-size:13px;font-weight:500;color:var(--ink-faint);transition:color .3s var(--ease)}.works__rows li:last-child{border-bottom:1px solid var(--rule)}.works__rows li.is-on{color:var(--ink)}.works__photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(29vw,62vh);aspect-ratio:4 / 5;overflow:hidden;background:var(--paper-2)}.works__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .5s var(--ease),transform .9s var(--ease)}.works__photo img.is-on{opacity:1;transform:none}.approach{display:grid;grid-template-columns:58vw 1fr minmax(260px,26vw);row-gap:28px;padding:18vh var(--gutter) 14vh 0;background:var(--paper)}.approach__heading{grid-column:1 / -1;padding-left:var(--gutter);max-width:900px;font-size:clamp(26px,2.5vw,40px);font-weight:500;line-height:1.1;letter-spacing:-.03em}.approach__photo{grid-column:1;height:82vh;overflow:hidden}.approach__photo img{width:100%;height:118%;object-fit:cover;transform:translateY(calc((var(--p, .5) - .5) * -14%))}.approach__text{grid-column:3;font-size:13px;line-height:1.5}.approach__text .label{margin-bottom:12px}.words{display:grid;grid-template-columns:26vw 1fr minmax(240px,22vw) 1fr 36vw;align-items:start;padding:10vh 0 22vh;background:var(--paper);overflow:hidden}.words__a{grid-column:1;margin-top:30vh;aspect-ratio:4 / 5;overflow:hidden;transform:translateY(calc((var(--p, .5) - .5) * -120px))}.words__b{grid-column:5;aspect-ratio:16 / 10;overflow:hidden;transform:translateY(calc((var(--p, .5) - .5) * 120px))}.words__a img,.words__b img{width:100%;height:100%;object-fit:cover}.words__quote{grid-column:3;margin-top:22vh;font-size:13px;line-height:1.5}.words__quote .label{margin-bottom:12px}.words__quote footer{margin-top:16px;color:var(--ink-soft)}.close{position:relative;height:170vh;background:var(--brown)}.close__pin{position:sticky;top:0;height:100vh;overflow:hidden;color:var(--chalk);--q: clamp(0, calc((var(--p, 0) - .08) * 2.4), 1)}.close__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform:scale(calc(1.2 - var(--q) * .2));transform-origin:70% 60%}.close__word{position:absolute;left:calc(var(--gutter) - .05em);top:10vh;margin:0;font-size:21vw;font-weight:700;line-height:.82;letter-spacing:-.075em;opacity:var(--q);transform:translateY(calc((1 - var(--q)) * 60px));text-shadow:0 2px 40px rgba(60,40,60,.12)}.close__word sup{font-size:.16em;top:.45em;font-weight:400;letter-spacing:0}.close__form{position:absolute;right:var(--gutter);bottom:64px;width:min(380px,calc(100vw - 2 * var(--gutter)));padding:26px;border-radius:4px;color:var(--ink);background:#f3efe8a8;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);opacity:var(--q);transform:translateY(calc((1 - var(--q)) * 24px))}.close__form h2{font-size:22px;font-weight:500;letter-spacing:-.025em;line-height:1.15}.close__form>p{margin:8px 0 18px;font-size:13px;color:var(--ink-soft)}.close__form label{display:block;border-bottom:1px solid var(--rule);padding:10px 0 6px}.close__form label span{display:block;font-size:11px;font-weight:500;color:var(--ink-soft)}.close__form input{width:100%;border:0;background:none;font:inherit;font-size:15px;color:var(--ink);padding:2px 0;outline:none}.close__form button{margin-top:20px;width:100%;height:46px;border:0;border-radius:999px;cursor:pointer;background:var(--ink);color:var(--chalk);font:inherit;font-size:14px;font-weight:600}.close__form button:hover{background:#000}.close__sent{font-size:15px;font-weight:500}.close__foot{position:absolute;left:var(--gutter);bottom:22px;display:flex;gap:22px;font-size:12px;font-weight:500;opacity:.9;text-shadow:0 1px 8px rgba(40,28,20,.35)}.close__foot a{text-decoration:none}@media (max-width: 760px){.nav{grid-template-columns:1fr auto}.nav__clock,.nav__links{display:none}.nav--photo{color:var(--ink)}.nav--photo .nav__brand,.nav--photo p,.nav--photo a{text-shadow:none}.nav{background:var(--paper)}.nav--brown{background:var(--brown);color:var(--chalk)}.studio{height:auto}.studio__pin{position:relative;height:auto;padding:72px 20px 56px;--q: 1}.studio__label,.studio__statement,.studio__photo,.studio__body{position:static;width:auto;transform:none;opacity:1;left:auto}.studio__statement{text-align:left;font-size:28px;margin:18px 0 28px}.studio__photo{height:auto;aspect-ratio:4 / 5}.studio__photo img{transform:none}.studio__body{margin-top:22px;font-size:15px}.block{display:block;min-height:0;padding:72px 20px 34vw}.block__photo{width:60%}.block__text{padding-top:40px;font-size:15px}.block__word{font-size:38vw}.works__pin{--row: 52px}.works__photo{width:50vw;top:36%}.works__rows{top:72%}.works__rows li{grid-template-columns:34px 1fr auto}.approach{display:block;padding:80px 20px}.approach__heading{padding:0;font-size:26px}.approach__photo{height:60vh;margin:28px -20px 28px 0}.approach__text{font-size:15px}.words{display:block;padding:40px 20px 80px}.words__a,.words__b{margin:0;transform:none}.words__a{width:62%}.words__quote{margin:40px 0;font-size:15px}.words__b{width:86%;margin-left:auto}.close__word{font-size:30vw;top:14vh}.close__form{bottom:84px;padding:20px}.close__foot{flex-wrap:wrap;gap:4px 14px;bottom:14px}}@media (prefers-reduced-motion: reduce){.studio__pin,.close__pin{--q: 1 !important}.studio__statement{opacity:0!important}.studio__body{--r: 1 !important}.block__word,.approach__photo img,.words__a,.words__b,.close__img{transform:none!important}.works__photo img{transition:none}}
