:root{--ink:#0e0b08;--ink-2:#17120d;--ink-3:#221b14;--bone:#f3ede3;--bone-2:#e6dccb;--bone-3:#c8bba4;--mute:#7b6e5c;--rule:#f3ede31f;--accent:#a81e22;--accent-ink:#0e0b08;--bg:var(--ink);--fg:var(--bone);--fg-dim:var(--bone-3);--fg-mute:var(--mute);--surface:var(--ink-2);--surface-2:var(--ink-3);--rule-c:var(--rule);--display:"Fraunces", "Instrument Serif", Georgia, serif;--sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--pad-x:clamp(20px, 4vw, 56px);--gap:24px}[data-theme=light]{--bg:#f3ede3;--fg:#0e0b08;--fg-dim:#3a2f22;--fg-mute:#7b6e5c;--surface:#eae0cf;--surface-2:#ddd0ba;--rule-c:#0e0b0824;--accent-ink:#f3ede3}[data-theme=dark]{--logo-filter:invert(1) hue-rotate(180deg)}[data-theme=light]{--logo-filter:none}[data-display=instrument]{--display:"Instrument Serif", Georgia, serif}[data-display=grotesk]{--display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif}[data-density=compact]{--gap:16px;--pad-x:clamp(16px, 3vw, 40px)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0}body{font-family:var(--sans);font-feature-settings:"ss01", "ss02", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}[data-grain=false] body:before,body[data-grain=false]:before{display:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--accent);color:var(--accent-ink)}.display{font-family:var(--display);letter-spacing:-.02em;font-weight:400;line-height:.92}.mono{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:400}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-mute);font-size:11px}.page{min-height:100vh}.container{padding-inline:var(--pad-x);max-width:1440px;margin-inline:auto}.rule{background:var(--rule-c);border:0;height:1px}.v-rule{background:var(--rule-c);width:1px}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee{border-block:1px solid var(--rule-c);background:var(--bg);overflow:hidden}.marquee-track{white-space:nowrap;gap:56px;padding:14px 0;animation:60s linear infinite mq;display:inline-flex}@keyframes blink{50%{opacity:0}}.cursor{background:var(--accent);vertical-align:-.12em;width:.5em;height:1em;margin-left:4px;animation:1.1s step-end infinite blink;display:inline-block}.specimen{background:repeating-linear-gradient(135deg, transparent 0 10px, #f3ede308 10px 11px), linear-gradient(180deg, var(--surface), var(--surface-2));border:1px solid var(--rule-c);position:relative;overflow:hidden}[data-theme=light] .specimen{background:repeating-linear-gradient(135deg, transparent 0 10px, #0e0b080a 10px 11px), linear-gradient(180deg, var(--surface), var(--surface-2))}.tweaks-panel{background:var(--bg);border:1px solid var(--rule-c);z-index:9999;width:280px;font-family:var(--mono);font-size:11px;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 60px #0006,0 0 0 1px #ff5b1f33}.tweaks-panel.open{display:block}.tweaks-panel header{border-bottom:1px solid var(--rule-c);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.tweaks-panel .row{border-bottom:1px solid var(--rule-c);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.tweaks-panel .row:last-child{border-bottom:0}.tweaks-panel .opts{flex-wrap:wrap;gap:4px;display:flex}.tweaks-panel .opts button{border:1px solid var(--rule-c);font-family:var(--mono);text-transform:uppercase;color:var(--fg-dim);padding:4px 8px;font-size:10px}.tweaks-panel .opts button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tweaks-panel .swatches{gap:6px;display:flex}.tweaks-panel .swatch{border:1px solid var(--rule-c);cursor:pointer;border-radius:50%;width:20px;height:20px}.tweaks-panel .swatch.on{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--fg)}@keyframes r{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:.8s cubic-bezier(.2,.7,.2,1) both r}.tick-grid{pointer-events:none;background-image:linear-gradient(to right, var(--rule-c) 1px, transparent 1px);opacity:.6;background-size:8.33333% 100%;position:absolute;inset:0}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.88)}}.status-pulse{animation:1.6s ease-in-out infinite status-pulse;display:inline-block}.gallery-frame{opacity:0;transition:opacity .9s ease-in-out;position:absolute;inset:0}.gallery-frame[data-active=true]{opacity:1}.iphone{aspect-ratio:195/422;background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 50%,#252525 100%);border-radius:clamp(22px,6%,48px);width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;padding:clamp(6px,1.5%,12px);position:relative;box-shadow:inset 0 0 0 1.5px #ffffff14,0 24px 60px -16px #0009}.iphone-screen{background:#000;border-radius:clamp(18px,5%,40px);width:100%;height:100%;position:relative;overflow:hidden}.iphone-island{z-index:2;background:#000;border-radius:999px;width:clamp(80px,28%,112px);height:clamp(22px,6%,30px);position:absolute;top:clamp(8px,2.5%,14px);left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0d}.iphone-screen video,.iphone-screen img{object-fit:cover;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.marquee-track,.cursor,.reveal,.status-pulse{animation:none!important}.gallery-frame{transition:none!important}}
