@font-face{font-family:Cormorant Garamond;src:url(../fonts/CormorantGaramond-latin-var.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:DM Mono;src:url(../fonts/DMMono-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}:root{--ps-ground: #f3ede2;--ps-ground-2: #ebe3d4;--ps-grid: rgba(60, 48, 32, .075);--ps-ink: #1f2a22;--ps-ink-2: #5a5649;--ps-line: rgba(31, 42, 34, .18);--ps-accent: #b4532f;--ps-on-photo: #fbf7ef;--ps-serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;--ps-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ps-ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{background:var(--ps-ground);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--ps-ground);color:var(--ps-ink);font-family:var(--ps-mono);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--ps-accent);outline-offset:3px}.grid-paper{background-color:var(--ps-ground);background-image:linear-gradient(var(--ps-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ps-grid) 1px,transparent 1px);background-size:96px 96px;background-position:center -1px}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 32px;pointer-events:none}.nav>*{pointer-events:auto}.nav__brand{font-family:var(--ps-serif);font-size:30px;font-weight:500;letter-spacing:-.01em;text-decoration:none;line-height:1}.nav__action{font-size:13px;text-decoration:none;background:var(--ps-ink);color:var(--ps-ground);padding:11px 18px;border-radius:4px;transition:background .2s var(--ps-ease)}.nav__action:hover{background:var(--ps-accent)}.hero{position:relative;height:100vh;height:100svh;min-height:720px;overflow:hidden}.hero__word{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-bottom:30vh;pointer-events:none}.hero__type{display:flex;align-items:center;font-family:var(--ps-serif);font-weight:400;line-height:1;letter-spacing:-.03em;color:var(--ps-ink);white-space:pre}.hero__caret{display:block;width:.022em;min-width:3px;height:1.02em;margin-left:.05em;background:var(--ps-ink);animation:caret 1.05s steps(1) infinite}@keyframes caret{50%{opacity:0}}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:pan-y;opacity:0;transition:opacity .6s var(--ps-ease);cursor:grab}.hero__canvas.is-ready{opacity:1}.hero__still{position:absolute;left:50%;top:42%;width:min(900px,86vw);transform:translate(-50%,-50%);border-radius:6px}.hero__copy{position:absolute;left:0;right:0;bottom:104px;text-align:center;pointer-events:none;padding:0 20px}.hero__title{font-family:var(--ps-serif);font-weight:400;font-size:clamp(40px,4.4vw,64px);line-height:1.02;letter-spacing:-.015em;margin:0 0 12px}.hero__sub{font-size:17px;color:var(--ps-ink-2);margin:0 auto;max-width:60ch}.hero__sets{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:flex;gap:6px;align-items:center}.set{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid transparent;background:transparent;border-radius:6px;transition:border-color .2s var(--ps-ease),background .2s var(--ps-ease)}.set:hover{background:#1f2a220d}.set.is-on{border-color:var(--ps-line);background:#fffcf5b3}.set__caps{display:flex;gap:2px}.set__caps i{width:13px;height:13px;border-radius:3px;box-shadow:inset 0 -2px #0000001f,0 0 0 1px #1f2a221f}.set__name{font-size:12px}.set--sound{margin-left:10px;color:var(--ps-ink-2)}@media (max-width: 760px){.nav{padding:14px 16px}.nav__brand{font-size:26px}.nav__action{padding:10px 14px}.hero{min-height:640px}.hero__word{padding-bottom:34vh}.hero__copy{bottom:92px}.hero__title{font-size:38px}.hero__sub{font-size:16px;max-width:30ch}.hero__sets{bottom:16px;gap:0;width:calc(100% - 16px);justify-content:center}.set{padding:0 7px;gap:0;flex-direction:column;justify-content:center;height:48px}.set__name{font-size:12px}.set{padding:0 5px}.set--sound{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hero__caret{animation:none}}
