.portrait{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;touch-action:none;mix-blend-mode:multiply;opacity:0;transition:opacity 1.2s ease}.portrait.is-ready{opacity:1}.page{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:2.25rem 4rem 6rem;pointer-events:none}.page a,.page button,.page p,.page h1{pointer-events:auto}.sheet{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:2;border:1px solid rgba(69,65,60,.45);outline:1px solid rgba(69,65,60,.18);outline-offset:4px;pointer-events:none}.sheet-zones{position:absolute;top:-1px;left:0;right:0;display:flex;justify-content:space-around;font-family:var(--mono);font-size:.6rem;color:var(--dim)}.sheet-zones span{padding:0 .4rem;transform:translateY(-50%);background:var(--paper)}.title-block{position:absolute;right:-1px;bottom:-1px;display:grid;grid-template-columns:repeat(4,auto);border:1px solid rgba(69,65,60,.45);background:#fffdf7d9;font-family:var(--mono);font-size:.6rem;line-height:1.3;color:var(--graphite)}.title-block div{padding:.35rem .7rem;border-left:1px solid rgba(69,65,60,.3)}.title-block div:first-child{border-left:0}.title-block dt{font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.title-block dd{letter-spacing:.06em;text-transform:uppercase}.topbar{display:flex;justify-content:space-between;font-family:var(--hand);font-size:1rem;color:var(--muted);animation:fade 1s ease 2s both}.hint{color:var(--blue)}.hint:before{content:"↙ "}.hint-touch{display:none}@media(hover:none){.hint-pointer{display:none}.hint-touch{display:inline}}.intro{align-self:flex-end;width:min(34rem,40vw)}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;animation:write 1s steps(24) .3s both}.wordmark{margin:.2rem 0 0 -.05em;font-size:clamp(7rem,15vw,14rem);line-height:1;-webkit-user-select:none;user-select:none}.sketch-wordmark{display:block;max-width:calc(100% + 3rem);height:auto;overflow:visible}.wm-guides line{stroke:var(--blue);stroke-width:1.4;stroke-opacity:.55;stroke-dasharray:600;animation:draw-guide 1s var(--ease-out) .4s both}.wm-guides .wm-dim{stroke-width:1.2;stroke-dasharray:3 4;animation:fade .6s ease 1.2s both}.wm-guides text{font-family:var(--hand);font-size:15px;fill:var(--blue);fill-opacity:.8;animation:fade .6s ease 1.2s both}.wm-line{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linejoin:round;stroke-dasharray:4000;animation:draw-letters 2s cubic-bezier(.45,0,.2,1) .6s both}.wm-line-2{stroke:var(--graphite);stroke-width:1.2;stroke-opacity:.55;animation-delay:.9s}.wm-ink{fill:var(--ink);animation:fade .7s ease 1.9s both}.wm-shadow{animation:fade .7s ease 2.3s both}.line{margin-top:1.4rem;max-width:26ch;font-size:clamp(1.15rem,1.55vw,1.4rem);line-height:1.45;letter-spacing:-.01em;color:var(--ink)}.meta{margin-top:.8rem;font-family:var(--mono);font-size:.7rem;line-height:1.9;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.meta span{display:block}.links{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:2.25rem}.actions{display:flex;flex-wrap:wrap;gap:.9rem}.cta{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem .75rem;border:2px solid var(--ink);border-radius:var(--wobble);background:var(--red);font-family:var(--hand);font-size:1.15rem;line-height:1.2;color:#fffaf2;text-decoration:none;box-shadow:3px 4px #23211fd9;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.cta:hover,.cta:focus-visible{transform:translate(-1px,-2px) rotate(-1deg);box-shadow:5px 6px #23211fd9;outline:none}.cta:active{transform:translate(2px,3px);box-shadow:1px 1px #23211fd9}.cta-arrow{transition:transform .3s var(--ease-out)}.cta:hover .cta-arrow,.cta:focus-visible .cta-arrow{transform:translate(2px,-2px)}.cta-ghost{background:var(--card);color:var(--ink);cursor:pointer}.socials{display:flex;gap:1.4rem;list-style:none}.social{position:relative;font-family:var(--hand);font-size:1.05rem;color:var(--graphite);text-decoration:none;transition:color .2s ease}.social:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-5px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='6'%3E%3Cpath d='M0 3 Q 3 0 6 3 T 12 3 T 18 3 T 24 3' fill='none' stroke='%23e0452b' stroke-width='1.6'/%3E%3C/svg%3E") repeat-x;clip-path:inset(0 100% 0 0);transition:clip-path .45s var(--ease-out)}.social:hover,.social:focus-visible{color:var(--ink);outline:none}.social:hover:after,.social:focus-visible:after{clip-path:inset(0 0 0 0)}.terminal{--rule: 1.75rem;position:relative;align-self:flex-end;display:flex;flex-direction:column;width:min(34rem,40vw);height:min(31rem,64vh);background:var(--card);box-shadow:0 1px 1px #23211f14,0 18px 34px -16px #23211f59;transform:rotate(-.6deg);color:var(--ink);pointer-events:auto;outline:none;animation:card-in .5s var(--ease-out) both}.terminal:before{content:"";position:absolute;top:-12px;left:50%;width:7.5rem;height:1.6rem;transform:translate(-50%) rotate(2deg);background:#ecdeb4b8;box-shadow:0 1px 2px #23211f1f}.terminal-bar{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.3rem .6rem 3.2rem;border-bottom:2px solid rgba(53,103,212,.35);font-family:var(--typed);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite)}.terminal-status{display:inline-flex;align-items:center;gap:.55rem}.terminal-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 2s ease-in-out infinite}.terminal-close{background:none;border:0;font-family:var(--hand);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--muted);cursor:pointer;transition:color .2s ease}.terminal-close:hover,.terminal-close:focus-visible{color:var(--red);outline:none}.terminal-log{flex:1;overflow-y:auto;padding:.35rem 1.3rem 0 3.2rem;background:linear-gradient(90deg,transparent 2.35rem,rgba(224,69,43,.45) 2.35rem,rgba(224,69,43,.45) calc(2.35rem + 1px),transparent calc(2.35rem + 1px)),repeating-linear-gradient(transparent 0,transparent calc(var(--rule) - 1px),rgba(53,103,212,.18) calc(var(--rule) - 1px),rgba(53,103,212,.18) var(--rule));background-attachment:local;font-size:1rem;line-height:var(--rule);scrollbar-width:thin;scrollbar-color:rgba(69,65,60,.3) transparent}.terminal-line{margin:0 0 var(--rule);white-space:pre-wrap}.terminal-line.is-bot{font-family:var(--typed);font-size:.95rem;color:var(--ink)}.terminal-line.is-you{font-family:var(--hand);font-size:1.1rem;color:var(--blue)}.terminal-caret{display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--ink);animation:blink .9s steps(1) infinite}.terminal-cta{display:flex;width:fit-content;margin:.5rem 0 .25rem}.terminal-options{display:flex;flex-wrap:wrap;gap:.55rem;padding:.85rem 1.3rem 1.1rem 3.2rem;border-top:1px dashed rgba(69,65,60,.35)}.terminal-option{padding:.3rem .8rem .35rem;border:1.5px solid rgba(35,33,31,.7);border-radius:var(--wobble);background:none;font-family:var(--hand);font-size:.98rem;color:var(--ink);cursor:pointer;transition:border-color .2s ease,color .2s ease,opacity .2s ease,transform .2s var(--ease-out)}.terminal-option:hover:not(:disabled),.terminal-option:focus-visible{border-color:var(--red);color:var(--red);transform:rotate(-1.5deg);outline:none}.terminal-option:disabled{opacity:.35;cursor:default}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.reveal{animation:fade-up .8s var(--ease-out) var(--d, 0s) both}@keyframes draw-guide{0%{stroke-dashoffset:600}to{stroke-dashoffset:0}}@keyframes draw-letters{0%{stroke-dashoffset:4000}to{stroke-dashoffset:0}}@keyframes write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes card-in{0%{opacity:0;transform:translateY(14px) rotate(1.5deg)}to{opacity:1;transform:rotate(-.6deg)}}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.35}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:899px){.page{justify-content:flex-start;gap:2rem;padding:1.4rem 1.25rem 2rem}.sheet{top:6px;right:6px;bottom:6px;left:6px;outline:0}.sheet-zones,.title-block{display:none}.topbar{font-size:.92rem}.intro{align-self:stretch;width:auto}.eyebrow{font-size:.62rem;letter-spacing:.12em}.wordmark{font-size:clamp(5.5rem,28vw,9rem)}.line{margin-top:.9rem;font-size:1.05rem}.links{gap:1.2rem;margin-top:1.4rem}.actions{flex-wrap:nowrap;gap:.6rem;width:100%}.actions .cta{flex:1 1 auto;justify-content:center;padding:.6rem .7rem .65rem;font-size:1.05rem;white-space:nowrap}.terminal{align-self:stretch;width:auto;height:min(27rem,54svh);transform:none;animation-name:fade-up}.terminal-bar{padding-left:2.4rem}.terminal-log{padding-left:2.4rem;background:linear-gradient(90deg,transparent 1.7rem,rgba(224,69,43,.45) 1.7rem,rgba(224,69,43,.45) calc(1.7rem + 1px),transparent calc(1.7rem + 1px)),repeating-linear-gradient(transparent 0,transparent calc(var(--rule) - 1px),rgba(53,103,212,.18) calc(var(--rule) - 1px),rgba(53,103,212,.18) var(--rule));background-attachment:local}.terminal-options{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-left:2.4rem}.terminal-option{flex:none;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.portrait{opacity:1}}@font-face{font-family:Architects Daughter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/architects-daughter-latin.woff2) format("woff2")}@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/special-elite-latin.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}:root{--paper: #f4f0e6;--card: #fffdf7;--ink: #23211f;--graphite: #45413c;--muted: #6f6a62;--dim: #9c968c;--blue: #3567d4;--red: #e0452b;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--hand: "Architects Daughter", "Bradley Hand", "Segoe Print", cursive;--typed: "Special Elite", "American Typewriter", "Courier New", monospace;--mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--wobble: 255px 14px 225px 12px / 12px 225px 14px 255px;--ease-out: cubic-bezier(.22, 1, .36, 1);color-scheme:light}html{background:var(--paper)}body{font-family:var(--sans);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.27 0 0 0 0 0.22 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(rgba(53,103,212,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(53,103,212,.11) 1px,transparent 1px),linear-gradient(rgba(53,103,212,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(53,103,212,.05) 1px,transparent 1px);background-size:220px 220px,120px 120px,120px 120px,24px 24px,24px 24px;background-attachment:fixed;color:var(--graphite);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:#3567d440;color:var(--ink)}
