:root{--bg: #F1EADB;--paper: #FBF7EE;--ink: #1B1813;--ink-soft: #3A332A;--muted: #7A6B57;--muted-soft: #A99A84;--rule: #DCD2BB;--rule-soft: #E8DFC8;--terracotta: #B8562A;--terracotta-ink: #7A3516;--terracotta-soft: #E6B49A;--sage: #6E7E5B;--butter: #E2B24A;--sky: #8DA5B4}html,body{background:var(--bg);color:var(--ink)}body{font-family:Geist Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","ss02"}.font-display{font-family:"Instrument Serif",Times New Roman,serif;font-weight:400}.font-mono{font-family:Geist Mono,ui-monospace,monospace}.grain:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.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 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.08;mix-blend-mode:multiply;z-index:80}.rule{border-color:var(--rule)}.ink{color:var(--ink)}.ink-soft{color:var(--ink-soft)}.muted{color:var(--muted)}.muted-soft{color:var(--muted-soft)}.bg-paper{background:var(--paper)}.bg-bg{background:var(--bg)}.terracotta{color:var(--terracotta)}.bg-terracotta{background:var(--terracotta)}.sage{color:var(--sage)}.bg-sage{background:var(--sage)}.butter{color:var(--butter)}.bg-butter{background:var(--butter)}.sky{color:var(--sky)}.bg-sky{background:var(--sky)}.hairline{height:1px;background:linear-gradient(90deg,transparent,var(--rule) 14%,var(--rule) 86%,transparent)}.lede-bar{display:inline-block;width:18px;height:1px;background:var(--muted);vertical-align:middle;margin:0 8px 2px 0;opacity:.6}.card{background:var(--paper);border:1px solid rgba(28,24,19,.1);box-shadow:0 1px #1c18130a,0 12px 24px -16px #1c181340,0 32px 60px -40px #1c18134d;border-radius:8px;position:relative}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff80,#fff0 20%);mix-blend-mode:overlay}.pin{position:absolute;top:10px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8724a,#8a2f12);box-shadow:0 2px 2px #00000040,inset 0 -1px 1px #0000004d}.tape{position:absolute;width:72px;height:22px;background:linear-gradient(180deg,#fff1c8d9,#e8c878c7);border:1px solid rgba(120,90,40,.18);box-shadow:0 2px 6px -2px #0003}@keyframes bobA{0%,to{transform:translateY(0) rotate(var(--r, -3deg))}50%{transform:translateY(-6px) rotate(calc(var(--r, -3deg) + .6deg))}}@keyframes bobB{0%,to{transform:translateY(0) rotate(var(--r, 2deg))}50%{transform:translateY(-5px) rotate(calc(var(--r, 2deg) - .5deg))}}.bob-a{animation:bobA 7s ease-in-out infinite}.bob-b{animation:bobB 8.5s ease-in-out infinite;animation-delay:-2s}.bob-c{animation:bobA 9s ease-in-out infinite;animation-delay:-4s}.bob-d{animation:bobB 7.8s ease-in-out infinite;animation-delay:-1s}@keyframes rise{0%{opacity:0;transform:translateY(14px) rotate(0)}to{opacity:1}}.reveal{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fadeUp{animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) both}.input-ring{transition:border-color .22s ease,background-color .22s ease}.input-ring:focus-within{border-color:var(--ink);background:#fff9ec}.input-ring:focus-within svg{color:var(--terracotta);transition:color .22s ease}.input-ring input:focus{outline:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor{display:inline-block;width:6px;height:.9em;background:var(--ink);vertical-align:-.12em;margin-left:2px;animation:blink 1.05s steps(1) infinite}@keyframes pulse{0%,to{box-shadow:0 0 #b8562a80}50%{box-shadow:0 0 0 6px #b8562a00}}.pulse{animation:pulse 2s ease-out infinite}@keyframes typing{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%,to{transform:translateY(0)}}.typ>span{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--ink-soft);margin-right:2px;animation:typing 1.2s ease-in-out infinite}.typ>span:nth-child(2){animation-delay:.15s}.typ>span:nth-child(3){animation-delay:.3s}.u-link{background-image:linear-gradient(var(--muted),var(--muted));background-repeat:no-repeat;background-size:0% 1px;background-position:0 100%;padding-bottom:2px;transition:background-size .3s ease,color .2s}.u-link:hover{background-size:100% 1px;color:var(--terracotta);background-image:linear-gradient(var(--terracotta),var(--terracotta))}.u-link.active{background-size:100% 1px;color:var(--ink);background-image:linear-gradient(var(--ink),var(--ink))}.ruled{background-image:linear-gradient(to bottom,transparent 0,transparent calc(1.55em - 1px),rgba(28,24,19,.06) calc(1.55em - 1px),rgba(28,24,19,.06) 1.55em);background-size:100% 1.55em}.card:hover{transform:translateY(-2px) rotate(0)!important;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.btn-ink{background:var(--ink);color:var(--paper);transition:transform .25s ease,background .2s}.btn-ink:hover{background:var(--terracotta);transform:translateY(-1px)}.btn-ink:active{transform:translateY(0)}.label-row{display:inline-flex;align-items:center;gap:8px;font-family:Geist Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.label-row .dot-terra{width:6px;height:6px;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 3px #b8562a1f}.label-row .divider{display:inline-block;width:28px;height:1px;background:currentColor;opacity:.4}.tick-row{display:flex;gap:6px;align-items:flex-end}.tick{width:1px;height:6px;background:var(--rule)}.tick.tall{height:10px;background:var(--muted-soft)}.mesh{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 40% at 12% 18%,rgba(226,178,74,.22),transparent 60%),radial-gradient(40% 30% at 88% 30%,rgba(141,165,180,.18),transparent 60%),radial-gradient(50% 40% at 78% 88%,rgba(110,126,91,.18),transparent 60%),radial-gradient(45% 40% at 10% 90%,rgba(184,86,42,.15),transparent 60%);filter:blur(8px)}@media (min-width: 1024px){.card-abs{position:absolute}.cards-gallery{display:contents}.hero-stage{min-height:780px}}@media (max-width: 1023px){.card-abs{position:relative;width:100%!important;max-width:320px!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:2rem!important;animation-name:none;transform:rotate(0)!important}}@media (min-width: 640px) and (max-width: 1023px){.cards-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;justify-items:center}.card-abs{margin-bottom:0!important}}.drop:first-letter{font-family:"Instrument Serif",serif;font-size:3.4em;line-height:.9;float:left;margin-left:-.06em;padding:.05em .1em 0 0;color:var(--terracotta)}.ornament{display:flex;align-items:center;gap:12px;color:var(--muted-soft)}.ornament:before,.ornament:after{content:"";flex:1;height:1px;background:currentColor;opacity:.5}.ornament>*{font-family:"Instrument Serif",serif;font-style:italic;font-size:18px;color:var(--muted)}.kit{background:var(--paper)}.kit-panel{transition:background-color .4s ease}.kit-panel:hover{background-color:#1c181305}.perf{position:absolute;top:0;bottom:0;width:1px;transform:translate(-.5px);background-image:radial-gradient(circle,var(--bg) 0 3px,transparent 3.5px);background-size:1px 14px;background-repeat:repeat-y;z-index:2;pointer-events:none}.mock-browser{background:var(--paper);border:1px solid var(--rule);border-radius:12px;box-shadow:0 1px #1c18130a,0 16px 32px -24px #1c181338,0 32px 60px -40px #1c181338}.mock-chrome{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--rule);background:#1c181305;border-radius:12px 12px 0 0}.mock-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;opacity:.92}.mock-url{position:relative;flex:1;background:var(--bg);border:1px solid var(--rule);border-radius:6px;padding:5px 10px;font-family:Geist Mono,ui-monospace,monospace;font-size:11px;color:var(--muted);text-align:center}.mock-body{position:relative;display:grid;grid-template-columns:52px 1fr;min-height:380px;border-radius:0 0 12px 12px}.mock-rail{border-right:1px solid var(--rule);padding:14px 10px;display:flex;flex-direction:column;gap:10px;background:#1c181304}.mock-rail>span{width:32px;height:24px;border-radius:6px;background:#1c18130f}.mock-content{padding:18px 18px 56px;display:flex;flex-direction:column;gap:14px;flex:1;min-width:0}.mock-skel{display:block;background:#1c181317;border-radius:4px}.mock-face{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#1c181306;border-radius:8px}.mock-avatar{width:40px;height:40px;border-radius:50%;background:#1c18131a;flex-shrink:0}.mock-links{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mock-card{background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:12px 14px}.mock-row{position:relative;background:#1c181306;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column}.mock-cal{margin-top:8px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mock-cal>span{height:14px;background:#1c181312;border-radius:3px}.mock-cal>span:nth-child(4){background:#b8562a4d}.mock-fab{position:absolute;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;box-shadow:0 6px 14px -4px #1c181373,0 2px 4px #0003}.mock-theme{position:absolute;left:72px;bottom:16px;display:flex;align-items:center;gap:5px;padding:5px 8px;background:var(--paper);border:1px solid var(--rule);border-radius:999px;box-shadow:0 2px 6px -2px #1c181326}.mock-theme>span:not(.mock-cue){width:10px;height:10px;border-radius:50%;display:inline-block}.mock-theme>span:nth-child(1){background:var(--terracotta)}.mock-theme>span:nth-child(2){background:var(--sage)}.mock-theme>span:nth-child(3){background:var(--butter)}.mock-theme>span:nth-child(4){background:var(--sky)}.mock-cue{position:absolute;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--terracotta);color:var(--paper)!important;font-family:Geist Mono,ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:0;line-height:1;box-shadow:0 2px 4px #b8562a59,0 0 0 2px var(--paper);z-index:5}.leg-num{flex-shrink:0;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--terracotta);color:var(--paper);font-family:Geist Mono,ui-monospace,monospace;font-size:11px;font-weight:600;line-height:1;margin-top:2px}.leg-label{font-family:Geist Mono,ui-monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:var(--ink)}.leg-desc{margin-top:4px;font-size:13.5px;line-height:1.7;color:var(--ink-soft)}@media (max-width: 640px){.mock-body{grid-template-columns:40px 1fr;min-height:340px}.mock-rail{padding:12px 6px}.mock-rail>span{width:22px;height:18px}.mock-content{padding:14px 14px 52px;gap:12px}.mock-links{grid-template-columns:1fr 1fr}.mock-theme{left:48px;bottom:12px;padding:4px 6px;gap:4px}.mock-theme>span:not(.mock-cue){width:8px;height:8px}.mock-fab{width:38px;height:38px;right:14px;bottom:14px}}