@font-face{font-family:Archivo;src:url(/fonts/archivo-var.woff2)format("woff2-variations"),url(/fonts/archivo-var.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}:root{--glass:#121514;--vinyl:#f3f3f0;--frost:#7e8582;--wall:#e6e7e3;--ink:var(--glass);--ink-soft:#484e4b;--vinyl-soft:#a9afac;--line-on-glass:#f3f3f02e;--line-on-glass-strong:#f3f3f06b;--line-on-wall:#121514d9;--stroke:1.5px;--tempo:.7s;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(1.25rem, 4vw, 4rem);--s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2.5rem;--s5:4rem;--s6:clamp(4.5rem, 9vw, 8rem);--s7:clamp(6rem, 14vw, 12rem);--t-small:.8125rem;--t-body:clamp(1.0625rem, .98rem + .3vw, 1.1875rem);--t-lede:clamp(1.25rem, 1rem + .9vw, 1.75rem);--t-sub:clamp(1.5rem, .9rem + 2.2vw, 3.25rem);--t-title:clamp(2.5rem, 1.2rem + 5vw, 6rem);--t-band:clamp(3rem, 1rem + 6.4vw, 8.5rem);color-scheme:light dark}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-color:var(--frost) var(--glass)}body{background:var(--glass);color:var(--vinyl);font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-size:var(--t-body);font-variant-numeric:tabular-nums;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;caret-color:currentColor;font-weight:400;font-stretch:100%;line-height:1.55}::selection{background:var(--vinyl);color:var(--glass)}.interior ::selection,.people ::selection,.process ::selection,.work ::selection{background:var(--glass);color:var(--vinyl)}ul,ol{list-style:none}a{color:inherit;text-decoration-thickness:var(--stroke);text-underline-offset:.22em}svg{flex:none;width:1.25em;height:1.25em}:focus-visible{outline-offset:4px;outline:2px solid}.skip{left:var(--gutter);z-index:50;background:var(--vinyl);color:var(--glass);padding:var(--s1) var(--s2);font-weight:600;position:absolute;top:-4rem}.skip:focus{top:var(--s2)}.plate{font:inherit;letter-spacing:.005em;border:var(--stroke) solid currentColor;cursor:pointer;transition:background-color .25s var(--ease), color .25s var(--ease), transform .15s var(--ease);border-radius:0;align-items:center;gap:.75em;padding:1.05em 1.5em;font-size:1.0625rem;font-weight:650;font-stretch:110%;text-decoration:none;display:inline-flex}.plate:active{transform:translateY(1px)}.plate svg{transition:transform .45s var(--ease)}.plate:hover svg,.plate:focus-visible svg{transform:translate(.3em)}.plate--light{background:var(--vinyl);color:var(--glass);border-color:var(--vinyl)}.plate--light:hover{color:var(--vinyl);background:0 0}.plate--dark{background:var(--glass);color:var(--vinyl);border-color:var(--glass)}.plate--dark:hover{background:var(--wall);color:var(--glass)}.plate:disabled{cursor:progress;opacity:.6}.threshold{position:relative}.window{column-gap:var(--s4);min-height:100svh;padding:0 var(--gutter);isolation:isolate;background:radial-gradient(120% 80% at 8% 0%, #f3f3f00b, transparent 60%), var(--glass);grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.window:before{content:"";border:var(--stroke) solid var(--line-on-glass);pointer-events:none;z-index:-1;position:absolute;inset:clamp(.5rem,1.2vw,1rem)}.glint{width:38%;transform:translateX(var(--glint-x,-110%)) skewX(-14deg);pointer-events:none;z-index:-1;will-change:transform;background:linear-gradient(100deg,#0000 0%,#f3f3f00e 45%,#f3f3f016 50%,#f3f3f00e 55%,#0000 100%);position:absolute;inset:-20% auto -20% 0}.nav{justify-content:space-between;align-items:center;gap:var(--s3);font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;padding-block:clamp(1.25rem,2.6vw,2.25rem);font-stretch:112%;display:flex}.wordmark{font-weight:750;text-decoration:none}.nav ul{align-items:center;gap:clamp(1rem,2.6vw,2.5rem);display:flex}.nav a{color:var(--vinyl-soft);transition:color .25s var(--ease);text-decoration:none}.nav a:hover{color:var(--vinyl)}.nav .nav-door{color:var(--glass);background:var(--vinyl);border:var(--stroke) solid var(--vinyl);padding:.55em .9em;font-weight:650}.nav .nav-door:hover{color:var(--vinyl);background:0 0}.sign{padding-block:clamp(2.5rem, 9vh, 6rem) var(--s4);flex-direction:column;grid-area:2/1/auto/-1;align-self:start;gap:clamp(1rem,2.6vw,2.25rem);font-weight:400;display:flex}.sign-name{letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;width:max-content;max-width:100%;animation:lay var(--tempo) var(--ease) .15s both;font-size:clamp(3.5rem,13vw,16rem);font-weight:820;font-stretch:125%;line-height:.84;display:block;position:relative}.sign-name:after{content:"";width:var(--stroke);background:var(--vinyl);opacity:0;animation:squeegee var(--tempo) var(--ease) .15s both;position:absolute;top:-6%;bottom:-6%;left:0;box-shadow:0 0 18px 2px #f3f3f059}.sign-break{display:none}.sign-name.is-stacked .sign-break{display:inline}@keyframes lay{0%{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% -2% -10% 0)}}@keyframes squeegee{0%{opacity:1;left:0}85%{opacity:1}to{opacity:0;left:100%}}.sign-line{max-width:24ch;font-size:var(--t-sub);letter-spacing:-.012em;text-wrap:balance;animation:rise var(--tempo) var(--ease) .55s both;font-weight:380;font-stretch:100%;line-height:1.12;display:block}@keyframes rise{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}.decal{margin-bottom:var(--s4);border:var(--stroke) solid var(--vinyl);width:clamp(14rem,21vw,19rem);padding:var(--s3);color:var(--vinyl);animation:rise var(--tempo) var(--ease) .7s both;grid-area:2/2;place-self:end;font-size:.9375rem;line-height:1.5}.decal-open{text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--s2);font-size:clamp(2rem,2.6vw,2.75rem);font-weight:800;font-stretch:125%;line-height:1}.frost{justify-content:space-between;align-items:center;gap:var(--s3);margin-inline:calc(var(--gutter) * -1);padding:var(--s3) var(--gutter);border-block:var(--stroke) solid #e6e7e31a;background:#e6e7e317;grid-area:4/1/auto/-1;margin-bottom:clamp(2rem,6vh,4.5rem);display:flex}.frost .plate{white-space:nowrap}.frost ul{--dot-gap:clamp(1.25rem, 3.4vw, 3.5rem);text-transform:uppercase;letter-spacing:.03em;flex-wrap:wrap;align-items:center;row-gap:.4rem;font-size:clamp(1.0625rem,.6rem + 1vw,1.625rem);font-weight:600;font-stretch:118%;display:flex}.frost li+li{margin-left:calc(var(--dot-gap) / 2);padding-left:calc(var(--dot-gap) / 2);border-left:var(--stroke) solid var(--frost)}.frost li a{text-decoration:none;text-decoration-thickness:var(--stroke);text-underline-offset:.18em}.frost li a:hover,.frost li a:focus-visible{text-decoration-line:underline}.wall{background:var(--wall);color:var(--ink);padding:var(--s7) var(--gutter);place-items:center start;display:grid;position:relative}.wall-open{display:none}.inside{max-width:17ch;font-size:var(--t-title);letter-spacing:-.025em;text-wrap:balance;font-weight:760;font-stretch:118%;line-height:1}.js .threshold{height:220vh}.js .stage{height:100svh;position:sticky;top:0;overflow:hidden}.js .window{height:100%;min-height:0}.js .wall{padding:0 var(--gutter);visibility:hidden;clip-path:inset(var(--wt,100%) var(--wr,0) var(--wb,0) var(--wl,100%));pointer-events:none;position:absolute;inset:0}.js .wall.is-shown{visibility:visible}.js .wall.is-open{pointer-events:auto}.window>.nav,.window>.sign{opacity:var(--glass-o,1)}.window>.frost{opacity:var(--frost-o,1)}.js .wall-open{left:calc(var(--wl,0px) + var(--s3));top:calc(var(--wt,0px) + var(--s3));letter-spacing:.02em;text-transform:uppercase;opacity:var(--open-o,1);font-size:clamp(2rem,2.6vw,2.75rem);font-weight:800;font-stretch:125%;line-height:1;display:block;position:absolute}.js .inside{opacity:var(--inside-o,0);transform:translateY(calc((1 - var(--inside-o,0)) * 1.5rem))}.interior{padding-top:var(--s6)}.interior,.people,.process,.work{background:var(--wall);color:var(--ink);padding-inline:var(--gutter);scrollbar-color:var(--frost) var(--wall)}.offer{gap:var(--s5);padding-block:var(--s4) var(--s5);scroll-margin-top:var(--s3);grid-template-rows:auto auto;display:grid;position:relative}.offer:before{content:"";height:var(--stroke);background:var(--line-on-wall);transform-origin:0;position:absolute;top:0;left:0;right:0}.offer-name{font-size:var(--t-band);letter-spacing:-.02em;text-transform:uppercase;font-weight:820;font-stretch:106%;line-height:.88}.labels{gap:var(--s3) var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.labels div{border-top:var(--stroke) solid #12151433;padding-top:var(--s2)}.labels dt{font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--s1);font-weight:650;font-stretch:115%}.labels dd{max-width:34ch}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section-head{padding-block:var(--s6) var(--s5)}.people{padding-block:var(--s7) var(--s6);border-top:var(--stroke) solid var(--line-on-wall)}.people-head{gap:var(--s3);margin-bottom:var(--s6);display:grid}.statement{font-size:var(--t-title);letter-spacing:-.03em;text-wrap:balance;font-weight:780;font-stretch:118%;line-height:.98}.lede{font-size:var(--t-lede);color:var(--ink-soft);max-width:44ch;line-height:1.38}.founders{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portrait{aspect-ratio:4/5;margin-bottom:var(--s3);background:#1215140f;grid-template:minmax(0,1fr)/minmax(0,1fr);overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%;display:block}.founder-name{margin-bottom:.25rem;font-size:clamp(1.5rem,1rem + 1.6vw,2.5rem);font-weight:750;font-stretch:115%;line-height:1.1}.founder-role{color:var(--ink-soft)}.ph{text-underline-offset:.25em;text-decoration:underline 1px dashed}.ph-block{padding:var(--s3);text-align:center;font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border:var(--stroke) dashed #12151459;background:#12151408;place-items:center;font-weight:600;font-stretch:112%;display:grid}.process{padding-bottom:var(--s6);border-top:var(--stroke) solid var(--line-on-wall)}.steps{gap:var(--s4);counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.steps li{counter-increment:step;border-top:var(--stroke) solid var(--line-on-wall);padding-top:var(--s3)}.steps li:before{content:counter(step);margin-bottom:var(--s4);font-size:clamp(3.5rem,2rem + 4vw,6rem);font-weight:200;font-stretch:125%;line-height:1;display:block}.steps h3{margin-bottom:var(--s2);font-size:clamp(1.375rem,1rem + 1vw,2rem);font-weight:750;font-stretch:115%;line-height:1.1}.steps p{color:var(--ink-soft);max-width:32ch}.work{padding-bottom:var(--s7);border-top:var(--stroke) solid var(--line-on-wall)}.work-grid{gap:var(--s4);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;display:grid}.work-item:nth-child(2n){margin-top:var(--s6)}.work-media{aspect-ratio:16/10;margin-bottom:var(--s3);background:#1215140f;overflow:hidden}.work-item:nth-child(2n) .work-media{aspect-ratio:4/5}.work-media img{object-fit:cover;width:100%;height:100%;display:block}.work-client{font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.25rem;font-weight:650;font-stretch:115%}.work-name{margin-bottom:var(--s3);font-size:clamp(1.5rem,1rem + 1.6vw,2.5rem);font-weight:750;font-stretch:115%;line-height:1.1}.work-name a{text-underline-offset:.2em;text-decoration:underline 1px}.work .labels{grid-template-columns:1fr}.contact{background:var(--glass);color:var(--vinyl);padding:var(--s6) var(--gutter) var(--s7);position:relative}.contact-title{letter-spacing:-.02em;text-transform:uppercase;margin-bottom:var(--s6);font-size:clamp(2.5rem,12vw,15rem);font-weight:820;font-stretch:125%;line-height:.84}.contact-title span{white-space:nowrap;width:max-content;max-width:100%;display:block}.contact-grid{gap:var(--s5) clamp(2.5rem, 7vw, 7rem);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;display:grid}.form{gap:var(--s4);display:grid}.form[hidden],.next[hidden]{display:none}.field{gap:var(--s1);border:0;min-width:0;display:grid}.field label,.field legend{font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;color:var(--vinyl-soft);font-weight:650;font-stretch:115%}.field legend{margin-bottom:var(--s2)}.opt{text-transform:none;letter-spacing:0;font-weight:400}.field input,.field textarea{font:inherit;color:var(--vinyl);border:0;border-bottom:var(--stroke) solid var(--line-on-glass-strong);transition:border-color .25s var(--ease);caret-color:var(--vinyl);background:0 0;border-radius:0;padding:.45em 0;font-size:clamp(1.125rem,1rem + .5vw,1.5rem)}.field textarea{resize:vertical;min-height:7.5em;line-height:1.45}.field input::placeholder,.field textarea::placeholder{color:var(--vinyl-soft);opacity:1}.field input:hover,.field textarea:hover{border-bottom-color:#f3f3f0a6}.field input:focus,.field textarea:focus{border-bottom-color:var(--vinyl);outline:none}.field input:focus-visible,.field textarea:focus-visible{box-shadow:0 var(--stroke) 0 0 var(--vinyl)}.field input:-webkit-autofill{-webkit-text-fill-color:var(--vinyl);-webkit-box-shadow:0 0 0 100px var(--glass) inset}.field.is-invalid input,.field.is-invalid textarea{border-bottom-color:var(--vinyl);border-bottom-style:dashed}.err{color:var(--vinyl);min-height:0;font-size:.9375rem}.err:not(:empty):before{content:"";border:var(--stroke) solid currentColor;vertical-align:.05em;width:.55em;height:.55em;margin-right:.6em;display:inline-block;transform:rotate(45deg)}.chips{flex-wrap:wrap;gap:.6rem;display:flex}.chip{cursor:pointer;position:relative}.chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.chip span{border:var(--stroke) solid var(--line-on-glass-strong);transition:background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .15s var(--ease);padding:.6em 1em;font-size:1rem;display:inline-block}.chip:active span{transform:translateY(1px)}.chip:hover span{border-color:var(--vinyl)}.chip input:checked+span{background:var(--vinyl);color:var(--glass);border-color:var(--vinyl)}.chip input:focus-visible+span{outline:2px solid var(--vinyl);outline-offset:3px}.form-foot{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.form-status{color:var(--vinyl-soft);max-width:40ch;font-size:.9375rem}.form-status.is-error{color:var(--vinyl)}.next{border-top:var(--stroke) solid var(--vinyl);padding-top:var(--s3);top:var(--s4);position:sticky}.next h3{margin-bottom:var(--s3);font-size:clamp(1.25rem,1rem + .8vw,1.75rem);font-weight:750;font-stretch:115%;line-height:1.15}.next ol{counter-reset:n;gap:var(--s3);display:grid}.next li{counter-increment:n;color:var(--vinyl-soft);padding-left:2rem;position:relative}.next li:before{content:counter(n);color:var(--vinyl);font-weight:700;font-stretch:125%;position:absolute;top:0;left:0}.next [data-greet],.next [data-about]{color:var(--vinyl);transition:color .25s var(--ease)}.next-alt{margin-top:var(--s4);padding-top:var(--s3);border-top:var(--stroke) solid var(--line-on-glass);color:var(--vinyl-soft)}.next-alt a{color:var(--vinyl)}.sent{outline:none;grid-column:1/-1;max-width:40ch}.sent-title{font-size:var(--t-title);letter-spacing:-.025em;margin-bottom:var(--s3);font-weight:780;font-stretch:118%;line-height:1}.sent p:last-child{color:var(--vinyl-soft);font-size:var(--t-lede);line-height:1.4}.footer{background:var(--glass);color:var(--vinyl);padding:0 var(--gutter) var(--s4);border-top:var(--stroke) solid var(--line-on-glass);overflow:hidden}.mirror{letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:#f3f3f024;padding-block:var(--s5) var(--s4);user-select:none;font-size:clamp(3.5rem,13vw,16rem);font-weight:820;font-stretch:125%;line-height:.84;transform:scaleX(-1)}.mirror:before{content:attr(data-text)}.footer-row{justify-content:space-between;gap:var(--s2) var(--s4);color:var(--vinyl-soft);flex-wrap:wrap;font-size:.9375rem;display:flex}.footer-row a{color:var(--vinyl)}.float-door{right:var(--gutter);bottom:var(--s3);z-index:20;opacity:0;pointer-events:none;transition:opacity .45s var(--ease), transform var(--tempo) var(--ease), background-color .25s var(--ease), color .25s var(--ease);padding:.85em 1.2em;position:fixed;transform:translateY(1rem)}.float-door.is-on{opacity:1;pointer-events:auto;transform:none}.js [data-reveal].is-pending{opacity:0;transform:translateY(1.5rem)}.js [data-reveal]{transition:opacity var(--tempo) var(--ease), transform var(--tempo) var(--ease)}.js .offer.is-pending:before{transform:scaleX(0)}.offer:before{transition:transform var(--tempo) var(--ease)}.js .offer.is-pending{opacity:1;transform:none}.js .offer.is-pending .offer-name,.js .offer.is-pending .labels{opacity:0;transform:translateY(1.5rem)}.offer-name,.labels{transition:opacity var(--tempo) var(--ease) .12s, transform var(--tempo) var(--ease) .12s}.labels{transition-delay:.24s}@media (width<=1000px){.steps{row-gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr}.next{position:static}}@media (width<=760px){.nav-hide{display:none}.window{grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr)}.sign{padding-block:var(--s3)}.window{grid-template-rows:auto 1fr auto auto}.sign{padding-top:var(--s4);align-self:end}.decal{width:100%;margin-bottom:var(--s3);padding:var(--s2) var(--s3);place-self:start;gap:var(--s3);grid-area:3/1;align-items:center;display:flex}.decal-open{margin:0}.frost{margin-bottom:var(--s4);flex-direction:column;grid-row:4;align-items:stretch}.frost ul{gap:.5rem var(--s3);grid-template-columns:1fr 1fr;display:grid}.frost li+li{border-left:0;margin-left:0;padding-left:0}.frost .plate{justify-content:space-between}.labels{grid-template-columns:1fr}.offer{gap:var(--s4);min-height:0}.offer-name{font-size:clamp(2.25rem,11.5vw,4rem);font-stretch:112%}.founders,.steps,.work-grid{grid-template-columns:1fr}.work-item:nth-child(2n){margin-top:0}.work-item:nth-child(2n) .work-media{aspect-ratio:16/10}.js .threshold{height:190vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation:none!important}.glint{display:none}.js .threshold{height:auto}.js .stage{height:auto;position:relative;overflow:visible}.js .window{height:auto;min-height:100svh}.js .wall{visibility:visible;clip-path:none;padding:var(--s7) var(--gutter);pointer-events:auto;position:static}.js .inside{opacity:1;transform:none}.js .wall-open{display:none}.js [data-reveal].is-pending,.js .offer.is-pending .offer-name,.js .offer.is-pending .labels{opacity:1;transform:none}.js .offer.is-pending:before{transform:none}}