:root{--paper:#e9e0cb;--grid-line:#5040281c;--ink:#2c2b29;--ink-soft:#6f6a60;--blue:#2446d2;--blue-deep:#1730b8;--cream:#f6f1e6;--cell:13px;--f-display:"Inter Tight", system-ui, sans-serif;--f-hand:"Architects Daughter", cursive;--f-mono:"Geist Mono", ui-monospace, monospace;--ht:50vh;--hb:50vh;--hl:50vw;--hr:50vw}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--f-display);-webkit-font-smoothing:antialiased}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--paper);margin:0}a{color:inherit;text-decoration:none}.paper,.hole__side{background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:var(--cell) var(--cell);background-position:-1px -1px;position:fixed;inset:0}.paper{z-index:0}.stage{z-index:1;width:100vw;height:100lvh;display:block;position:fixed;inset:0}.hole{z-index:2;pointer-events:none;position:fixed;inset:0}.hole__side--t{clip-path:inset(0 0 calc(100% - var(--ht)) 0)}.hole__side--b{clip-path:inset(calc(100% - var(--hb)) 0 0 0)}.hole__side--l{clip-path:inset(0 calc(100% - var(--hl)) 0 0)}.hole__side--r{clip-path:inset(0 0 0 calc(100% - var(--hr)))}.hole__edge{top:var(--ht);bottom:var(--hb);left:var(--hl);right:var(--hr);border:1px solid #2c2b2973;position:fixed;box-shadow:0 0 0 4px #e9e0cb59}.grain{z-index:50;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.3  0 0 0 0 0.25  0 0 0 0 0.2  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.6s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,-2%)}to{transform:translate(3%,1%)}}.page-cover{z-index:150;background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:var(--cell) var(--cell);background-position:-1px -1px;transition:opacity .45s cubic-bezier(.65,0,.35,1);position:fixed;inset:0}.page-cover.is-hidden{opacity:0;pointer-events:none}.nav{z-index:20;background:var(--cream);border:1px solid #9c9c9c;border-radius:2px;justify-content:space-between;align-items:center;gap:16px;width:min(860px,100vw - 32px);height:64px;padding:8px 8px 8px 16px;display:flex;position:fixed;top:16px;left:50%;translate:-50%;box-shadow:3px 3px #2c2b291f}.nav__logo{letter-spacing:-.04em;align-items:center;gap:10px;font-size:22px;font-weight:600;display:inline-flex}.nav__mark{border:1.5px solid var(--blue);grid-template-columns:repeat(2,12px);gap:2px;padding:3px;display:grid}.nav__mark i{background:var(--blue);width:12px;height:12px}.nav__mark i:nth-child(2),.nav__mark i:nth-child(3){border:1.5px solid var(--blue);background:0 0;border-radius:50%}.nav__links{font-family:var(--f-mono);letter-spacing:-.02em;color:#414141;gap:24px;margin:0;padding:0;font-size:14px;font-weight:500;list-style:none;display:flex}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--blue)}.btn{background:var(--blue);color:#fffbf3;height:48px;font-family:var(--f-mono);letter-spacing:-.02em;border-radius:4px;align-items:stretch;font-size:15px;font-weight:500;transition:background .3s;display:inline-flex;overflow:hidden}.btn:hover{background:#365abd}.btn__icon{background:#ffffff1f;place-items:center;width:40px;display:grid}.btn__label{white-space:nowrap;place-items:center;padding:0 20px;display:grid}.btn--ghost{color:var(--ink);border:1px solid var(--ink);background:0 0;height:44px;font-size:14px}.btn--ghost .btn__icon{background:var(--blue);color:#fffbf3;font-size:11px}.btn--ghost:hover{background:#2446d214}.coords,.corner-mail{z-index:20;font-family:var(--f-hand);text-transform:uppercase;font-size:14px;line-height:1.1;position:fixed;top:34px}.coords{font-variant-numeric:tabular-nums;left:32px}.coords span{min-width:3.4em;display:inline-block}.corner-mail{font-size:15px;top:40px;right:32px}@media (width<=1439px){.corner-mail{display:none}}.hero{z-index:3;pointer-events:none;will-change:transform;padding-top:104px;position:fixed;inset:0 0 auto}.hero__inner{width:fit-content;margin:0 auto;position:relative}.hero__title{text-align:center;letter-spacing:-.045em;margin:0;font-size:clamp(56px,9.6vw,148px);font-weight:500;line-height:.94}.note{font-family:var(--f-hand);color:var(--ink-soft);text-transform:uppercase;white-space:nowrap;line-height:1;position:absolute}.note--kicker{border-bottom:1.5px solid;padding-bottom:2px;font-size:clamp(16px,1.6vw,24px);top:-14px;left:-4%;rotate:-4deg}.note--aside{align-items:center;gap:6px;font-size:clamp(14px,1.4vw,22px);display:flex;bottom:9%;right:-14%;rotate:-3deg}.note__arrow{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:46px}.note__ink{display:inline-block}.subheading{z-index:3;background:var(--blue-deep);color:#f2ead9;text-align:right;border-radius:2px;max-width:320px;margin:0;padding:10px 14px;font-size:15px;font-weight:500;line-height:1.35;position:fixed;bottom:44px;right:48px}.subheading em{opacity:.75;font-style:normal}.scroll-cue{z-index:3;background:var(--blue-deep);color:#f2ead9;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:2px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:fixed;bottom:44px;left:48px}.scroll-cue span{transform-origin:top;background:currentColor;width:1px;height:16px;animation:1.6s cubic-bezier(.65,0,.35,1) infinite cue}@keyframes cue{0%{transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.feature{z-index:3;pointer-events:none;visibility:hidden;width:35vw;padding:0 32px 0 56px;position:fixed;top:50%;left:0;translate:0 -50%}.feature__cta{pointer-events:auto}@media (width>=900px){.feature--right{padding:0 56px 0 40px;left:auto;right:0}}.feature__kicker{font-family:var(--f-hand);text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:10px;margin-bottom:18px;font-size:20px;display:flex}.feature__num{border:1.5px solid;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.feature__title{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(44px,4.6vw,92px);font-weight:500;line-height:.98;position:relative}.feature__outline{color:#0000;-webkit-text-stroke:1px var(--ink);display:block}.feature__fill{color:var(--ink);position:absolute;inset:0}.feature__desc{letter-spacing:-.015em;max-width:30ch;margin:0 0 28px;font-size:clamp(17px,1.45vw,21px);line-height:1.3}.track{height:2000vh;display:block}.dock{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:24px;left:24px;right:24px}.dock>*{pointer-events:auto}.socials{visibility:hidden;gap:8px;margin-left:auto;display:flex}.socials__link{background:var(--cream);width:44px;height:44px;color:var(--blue);border:1px solid #9c9c9c;border-radius:2px;place-items:center;transition:background .2s,color .2s;display:grid;box-shadow:3px 3px #2c2b291f}.socials__link:hover{background:var(--blue);color:#fffbf3}.socials__link svg{fill:currentColor;width:20px;height:20px}.quiz{background:var(--cream);width:min(360px,100%);font-family:var(--f-mono);color:var(--ink);visibility:hidden;border:1px solid #9c9c9c;border-radius:2px;padding:14px 16px;font-size:13px;line-height:1.4;position:relative;box-shadow:3px 3px #2c2b291f}.quiz.is-done{display:none}.quiz__q{margin:0 22px 10px 0}.quiz__tag{background:var(--blue);color:#fffbf3;border-radius:2px;margin-right:6px;padding:1px 6px;display:inline-block}.quiz__close{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1;position:absolute;top:6px;right:8px}.quiz__form{gap:8px;display:flex}.quiz.is-solved .quiz__form{display:none}.quiz__input{border:1px solid var(--ink);min-width:0;height:34px;color:var(--ink);font:inherit;background:#fffdf8;border-radius:2px;flex:1;padding:0 10px}.quiz__input:focus{outline:2px solid var(--blue);outline-offset:1px}.quiz__check,.quiz__reveal{font:inherit;cursor:pointer;border:0;border-radius:2px}.quiz__check{background:var(--blue);color:#fffbf3;height:34px;padding:0 14px}.quiz__check:hover{background:#365abd}.quiz__msg{min-height:0;margin:8px 0 0}.quiz__msg:empty{display:none}.quiz__reveal{color:var(--blue);background:0 0;margin-top:6px;padding:0;text-decoration:underline}.nav__menu{border:1px solid var(--ink);width:48px;height:48px;color:var(--ink);cursor:pointer;background:0 0;border-radius:4px;flex:none;place-items:center;padding:0;transition:background .3s,border-color .3s,color .3s;display:none}.nav__menu svg{width:28px;height:28px;overflow:visible}.nav__menu-line{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;transition:transform .45s cubic-bezier(.65,0,.35,1),opacity .25s}.menu-open .nav__menu{background:var(--blue);border-color:var(--blue);color:#fffbf3}.menu-open .nav__menu-line--1{transform:translateY(5.6px)rotate(40deg)}.menu-open .nav__menu-line--2{opacity:0;transform:scaleX(.2)}.menu-open .nav__menu-line--3{transform:translateY(-5.4px)rotate(-37deg)}.nav-veil{z-index:19;-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#e9e0cbb8;transition:opacity .4s;position:fixed;inset:0}.menu-open .nav-veil{opacity:1;pointer-events:auto}html.menu-open{overflow:hidden}.nav-sheet{overscroll-behavior:contain;background-color:var(--cream);background-image:linear-gradient(90deg, transparent 63px, #2446d259 63px, #2446d259 64px, transparent 64px), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:auto, var(--cell) var(--cell), var(--cell) var(--cell);transform-origin:50% 0;clip-path:inset(0 0 100%);visibility:hidden;border:1px solid #9c9c9c;border-radius:2px;max-height:calc(100svh - 120px);padding:26px 20px 20px 18px;transition:clip-path .55s cubic-bezier(.65,0,.35,1),rotate .7s cubic-bezier(.34,1.4,.64,1),visibility 0s linear .55s;position:absolute;top:calc(100% + 16px);left:6px;right:6px;overflow-y:auto;rotate:-3deg;box-shadow:4px 6px #2c2b2924}.menu-open .nav-sheet{clip-path:inset(-24px);visibility:visible;transition-delay:0s;rotate:-.8deg}.nav-sheet__pin{background:radial-gradient(circle at 35% 35%, #6f8cf0, var(--blue) 55%, var(--blue-deep));border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:9px;left:50%;box-shadow:2px 3px #2c2b2933}.nav-sheet__note{font-family:var(--f-hand);text-transform:uppercase;color:var(--blue);margin:0;font-size:15px;position:absolute;top:14px;right:18px;rotate:4deg}.nav-sheet__list{margin:14px 0 0;padding:0;list-style:none}.nav-sheet__list li,.nav-sheet__foot{opacity:0;transition:opacity .3s,translate .45s cubic-bezier(.22,1,.36,1);translate:0 12px}.nav-sheet__list li{border-bottom:1px dashed #2c2b2947}.menu-open .nav-sheet__list li,.menu-open .nav-sheet__foot{opacity:1;transition-delay:calc(.18s + var(--i) * 60ms);translate:0}.nav-sheet__list a{grid-template-columns:46px 1fr;grid-template-areas:"num title""num kicker";align-items:center;column-gap:14px;padding:12px 0 11px;display:grid}.nav-sheet__num{border:1.5px solid;border-radius:50%;grid-area:num;justify-self:center;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.nav-sheet__title{letter-spacing:-.045em;color:#0000;-webkit-text-stroke:1px var(--ink);grid-area:title;justify-self:start;font-size:clamp(30px,8.6vw,40px);font-weight:500;line-height:1.05;transition:color .45s,-webkit-text-stroke-color .3s;position:relative}.menu-open .nav-sheet__title{color:var(--ink);transition-delay:calc(.5s + var(--i) * 70ms), 0s}.nav-sheet__kicker{font-family:var(--f-hand);text-transform:uppercase;color:var(--ink-soft);grid-area:kicker;margin-top:3px;font-size:13px}.nav-sheet__list a:hover .nav-sheet__title,.nav-sheet__list a:focus-visible .nav-sheet__title,.nav-sheet__list a[aria-current=page] .nav-sheet__title{color:var(--blue);-webkit-text-stroke-color:var(--blue)}.nav-sheet__list a[aria-current=page] .nav-sheet__num,.nav-sheet__list a[aria-current=page] .nav-sheet__kicker{color:var(--blue)}.nav-sheet__list a:focus-visible{outline:none}.nav-sheet__mark{width:calc(100% + 8px);height:10px;position:absolute;bottom:-7px;left:-4px;right:-4px;overflow:visible}.nav-sheet__mark path{fill:none;stroke:var(--blue);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .6s cubic-bezier(.65,0,.35,1)}.menu-open .nav-sheet__mark path{stroke-dashoffset:0;transition-delay:.85s}.nav-sheet__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:20px;display:flex}.nav-sheet__mail{font-family:var(--f-mono);color:var(--ink-soft);text-underline-offset:.2em;font-size:12px;text-decoration:underline}@media (width>=900px){.nav-sheet,.nav-veil{display:none}}@media (width<=899px){.nav{gap:8px}.nav>.btn{margin-left:auto}.nav__menu{display:grid}}@media (width<=519px){.nav>.btn{display:none}.nav__menu{margin-left:auto}}@media (prefers-reduced-motion:reduce){.nav__menu-line,.nav-sheet,.nav-sheet *,.nav-veil{transition-duration:0s!important;transition-delay:0s!important}}@media (width<=899px){.nav__links{display:none}.btn__label{padding:0 14px}.coords,.corner-mail{display:none}.hero{padding-top:120px}.note--aside{bottom:-44px;right:0}.note--kicker{left:0}.subheading{text-align:left;max-width:none;font-size:14px;bottom:32px;left:24px;right:24px}.scroll-cue{display:none}.feature{width:100%;padding:0 24px;top:auto;bottom:24px;translate:none}.feature__title{font-size:clamp(44px,12vw,72px)}.dock{flex-direction:column-reverse;align-items:flex-end;bottom:16px;left:16px;right:16px}.quiz{width:100%}}@media (prefers-reduced-motion:reduce){.grain,.scroll-cue span{animation:none}}html.is-loading .hero,html.is-loading .nav,html.is-loading .coords,html.is-loading .corner-mail,html.is-loading .subheading,html.is-loading .scroll-cue{visibility:hidden}