@font-face{font-family:Besley;font-style:normal;font-weight:800;font-display:swap;src:url(../media/ecf18756572cd1d6-s.p.36pwx-pg4ibfm.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Besley;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a033cb621f77e17-s.p.07f0km3sm6b1q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Besley Fallback;src:local(Times New Roman);ascent-override:100.86%;descent-override:34.29%;line-gap-override:0.0%;size-adjust:123.94%}._8Er6tG_className{font-family:Besley,Besley Fallback;font-style:normal;font-weight:800}._8Er6tG_variable{--font-display:"Besley", "Besley Fallback"}
@font-face{font-family:Libre Franklin;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5da578be7ecff8ce-s.3ujxbuh3-3abj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9f76b34127ff61d8-s.2bkt209vmlsr6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e981ac81f7dabcc4-s.18-5_2n-rl46i.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fb367aef1c07eb9d-s.p.2eb4s6ll1afkj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7a01dec39b324ce3-s.p.2_7gz-nbwppeo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5da578be7ecff8ce-s.3ujxbuh3-3abj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9f76b34127ff61d8-s.2bkt209vmlsr6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e981ac81f7dabcc4-s.18-5_2n-rl46i.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fb367aef1c07eb9d-s.p.2eb4s6ll1afkj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Franklin;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7a01dec39b324ce3-s.p.2_7gz-nbwppeo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Libre Franklin Fallback;src:local(Arial);ascent-override:92.61%;descent-override:23.58%;line-gap-override:0.0%;size-adjust:104.31%}.MEWJhW_className{font-family:Libre Franklin,Libre Franklin Fallback;font-style:normal}.MEWJhW_variable{--font-text:"Libre Franklin", "Libre Franklin Fallback"}
:root{--bg:#efeeea;--surface:#e3e2dd;--field:#b9b9bb;--ink:#0e0e0e;--muted:#3a3a3c;--accent:#1f5c49;--accent-ink:#fff;--field-1:#1b1b1c;--field-1-ink:#fff;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1.02rem + .2vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--step-head:clamp(2.25rem, 1.4rem + 3vw, 4.25rem);--step-hero:clamp(3rem, 1.6rem + 4.6vw, 6.25rem);--m:clamp(20px, 3vw, 48px);--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-text), system-ui, sans-serif;font-size:var(--step-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;margin:0;font-weight:800;line-height:.95}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.page{grid-template-columns:minmax(0,45fr) minmax(0,55fr);grid-template-areas:"column stage";display:grid;position:relative}.column{padding:0 var(--m);grid-area:column;min-width:0}.stage{background:var(--field);height:100svh;padding:var(--m);background:var(--tint,var(--field));color:var(--tint-ink,var(--ink));transition:background .9s var(--ease), color .9s var(--ease);flex-direction:column;grid-area:stage;justify-content:center;gap:20px;display:flex;position:sticky;top:0;overflow:hidden}.devices{width:100%;max-width:900px;margin:0 auto;padding-bottom:6%;position:relative}.browser{width:88%;transition:transform .7s var(--ease), opacity .7s var(--ease);transform-origin:0;background:#161618;border-radius:6px;overflow:hidden;box-shadow:0 50px 90px -40px #0000008c,0 0 0 1px #ffffff0f}.bar{color:#fff;font-size:var(--step-small);align-items:center;gap:14px;padding:11px 14px;text-decoration:none;display:flex}.dots{gap:6px;display:flex}.dots i{background:#3d3d40;border-radius:50%;width:10px;height:10px}.dots i:first-child{background:#ff5f57}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}.addr{white-space:nowrap;text-overflow:ellipsis;color:#e6e6e6;background:#2a2a2d;border-radius:4px;flex:1;padding:6px 12px;overflow:hidden}.lock{color:#28c840;vertical-align:middle;margin-right:8px;font-size:.55em}.open{opacity:.7;white-space:nowrap;transition:opacity .15s}.bar:hover .open{opacity:1}.screen{aspect-ratio:16/10;background:#fff;position:relative;overflow:hidden}.screen img,.phone-screen img{opacity:0;width:100%;height:auto;transition:opacity .9s var(--ease);position:absolute;top:0;left:0}.screen img.on,.phone-screen img.on{opacity:1;animation:22s ease-in-out 1.2s infinite alternate pan}.screen:hover img,.phone:hover img{animation-play-state:paused}@keyframes pan{0%,8%{transform:translateY(0)}92%,to{transform:translateY(calc(-100% + var(--view,560px)))}}.screen{--view:100%}.screen img.on{animation-name:pan-d}@keyframes pan-d{0%,8%{transform:translateY(0)}92%,to{transform:translateY(-62%)}}.phone{aspect-ratio:9/19;width:27%;transition:transform .7s var(--ease);background:#0d0d0e;border-radius:34px;padding:9px;position:absolute;bottom:0;right:0;box-shadow:0 40px 70px -30px #0009,0 0 0 1px #ffffff14}.notch{z-index:2;background:#0d0d0e;border-radius:10px;width:30%;height:16px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;border-radius:26px;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen img.on{animation-name:pan-m;animation-duration:26s}@keyframes pan-m{0%,8%{transform:translateY(0)}92%,to{transform:translateY(-58%)}}.focus-m .browser{opacity:.55;transform:scale(.92)}.phone{transform-origin:100% 100%}.focus-m .phone{transform:translate(-90%)scale(1.22)}.stage-foot{z-index:3;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:900px;margin:0 auto;display:flex;position:relative}.caption{font-size:var(--step-small);flex-wrap:wrap;align-items:baseline;gap:14px;margin:0;display:flex}.caption strong{font-family:var(--font-display), serif;letter-spacing:-.02em;font-size:1.375rem;font-weight:800}.count{opacity:.7}.toggle{background:#7f7f7f2e;border-radius:0;padding:4px;display:flex}.toggle button{font:inherit;font-size:var(--step-small);color:inherit;cursor:pointer;background:0 0;border:0;padding:8px 16px;transition:background .15s,transform .12s}.toggle button:active{transform:scale(.96)}.toggle button[aria-pressed=true]{background:var(--tint-ink,var(--ink));color:var(--tint,var(--bg))}.mfig{background:var(--tint);margin:0 0 28px;padding:28px 0;display:none}.mfig .phone{width:56%;margin:0 auto;position:relative}.nav{justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.wordmark{font-family:var(--font-display), serif;letter-spacing:-.02em;font-size:1.5rem;font-weight:800;text-decoration:none}.nav nav{font-size:var(--step-small);gap:24px;display:flex}.nav nav a{text-decoration:none}.nav nav a:hover{text-underline-offset:4px;text-decoration:underline}.hero{max-width:640px;padding:clamp(64px,14svh,160px) 0 0}.hero h1{font-size:var(--step-hero);max-width:9ch}.lead{font-size:var(--step-lead);max-width:36ch;margin:40px 0 0;line-height:1.4}.actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:40px;display:flex}.button{background:var(--accent);color:var(--accent-ink);transition:transform .15s var(--ease), background .15s;border-radius:999px;padding:18px 28px;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:#17483a;transform:translateY(-2px)}.button:active{transform:translateY(0)scale(.98)}.textlink{text-underline-offset:5px;font-weight:600;transition:color .15s}.textlink:hover{color:var(--accent)}.intro{max-width:46ch;margin-top:120px;padding-bottom:160px}.intro p{margin:0 0 1.2em}.work h2,.process h2,.letter h2,.contact h2{font-size:var(--step-head);max-width:14ch;margin-bottom:56px}.project{opacity:.45;max-width:52ch;min-height:78svh;transition:opacity .4s var(--ease);padding:48px 0 64px}.project.is-active{opacity:1}.project h3{margin:12px 0 24px;font-size:clamp(2rem,1.4rem + 2.2vw,3.25rem)}.project p{margin:0 0 24px}.project .meta{margin-top:-8px;font-weight:600}.facts{flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.facts li{background:var(--surface);font-size:var(--step-small);border-radius:999px;padding:6px 14px}.stack{color:var(--muted);font-size:var(--step-small)}.process{padding-top:160px}.process-field{background:var(--field-1);color:var(--field-1-ink);border-radius:10px;padding:clamp(28px,4vw,56px)}.clause{font-family:var(--font-display), serif;letter-spacing:-.02em;min-height:2.1em;margin:0 0 20px;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.5rem);font-weight:800;line-height:1}.detail{opacity:.88;max-width:46ch;min-height:4.5em;margin:0 0 40px}input[type=range]{appearance:none;background:linear-gradient(to right, var(--field-1-ink) var(--p), #47474a var(--p));cursor:pointer;border-radius:999px;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:4px solid var(--field-1-ink);border-radius:50%;width:32px;height:32px}input[type=range]::-moz-range-thumb{background:var(--accent);border:4px solid var(--field-1-ink);border-radius:50%;width:26px;height:26px}.stage-names{grid-template-columns:repeat(4,1fr);margin:20px 0 0;padding:0;list-style:none;display:grid}.stage-names button{font:inherit;font-size:var(--step-small);color:#9a9a9d;cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 0}.stage-names button.on,.stage-names button:hover{color:var(--field-1-ink)}.letter{max-width:46ch;padding-top:200px}.letter p{margin:0 0 1.2em}.sign{font-family:var(--font-display), serif;margin-top:32px;font-size:1.5rem;font-weight:800}.sign span{font-family:var(--font-text), sans-serif;font-weight:400;font-size:var(--step-small);color:var(--muted);display:block}.contact{max-width:560px;padding-top:200px}.field{background:#fff;border-radius:999px;align-items:center;padding:8px 8px 8px 24px;transition:box-shadow .15s;display:flex}.field:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.field input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:14px 0}.field button{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);cursor:pointer;transition:transform .15s var(--ease);border:0;border-radius:50%;font-size:1.25rem}.field button:hover{transform:translate(3px)}.send{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.button.ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:600}.button.ghost:hover{background:var(--ink);color:var(--bg)}.note{font-size:var(--step-small);color:var(--muted);margin:16px 0 72px}.rows{font-size:var(--step-small);gap:14px;margin:0;display:grid}.rows div{grid-template-columns:100px 1fr;display:grid}.rows dt{color:var(--muted)}.rows dd{margin:0}.foot{font-size:var(--step-small);color:var(--muted);grid-template-columns:1fr auto 1fr;gap:16px;padding:30svh 0 30px;display:grid}.foot-links{gap:24px;display:flex}.foot-links a{color:var(--ink)}.foot>:last-child{text-align:right}.js .rise{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(24px)}.js .rise.in{opacity:1;transform:none}.rise:nth-child(2){transition-delay:70ms}.rise:nth-child(3){transition-delay:.14s}.rise:nth-child(4){transition-delay:.21s}.rise:nth-child(5){transition-delay:.28s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rise{opacity:1;transform:none}*{transition-duration:0s!important;animation:none!important}}@media (max-width:900px){.page{grid-template-columns:1fr;grid-template-areas:"stage""column"}.stage{display:none}.column{width:100%;max-width:640px;margin:0 auto;padding:0 16px}.hero,.intro,.project,.letter,.contact{max-width:none}.nav{padding:18px 0}.nav nav{gap:14px}.nav nav a:nth-child(3){display:none}.hero{padding:48px 0 80px}.project{opacity:1;min-height:0;padding:40px 0 56px}.clause{font-size:1.5rem}.mfig{display:block}.process,.letter,.contact{padding-top:120px}.stage-names{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr;padding-top:20svh}.foot>:last-child{text-align:left}}