:root{--paper:#f3ecdf;--paper-deep:#e7dccb;--ink:#2c241c;--ink-soft:#6d5b4c;--line:#46302029;--serif:"Fraunces", "Iowan Old Style", Palatino, Georgia, serif;--sans:"Outfit", "Avenir Next", "Segoe UI", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:380;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(980px 620px at 78% 12%, #fff8ecf2, transparent 58%), radial-gradient(820px 540px at 8% 88%, #e2ceb273, transparent 60%), var(--paper);margin:0}::selection{color:var(--ink);background:#e4cbb4}a{color:inherit}button,input,textarea{font:inherit;color:inherit}.topbar{z-index:30;background:#f3ecdffa;border-bottom:1px solid #46302014;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 6vw;display:flex;position:fixed;top:0;left:0;right:0}.mark{font-family:var(--serif);letter-spacing:-.02em;white-space:nowrap;font-size:1.15rem;font-weight:560;text-decoration:none}.topbar nav{letter-spacing:.08em;text-transform:uppercase;gap:1.25rem;font-size:.82rem;display:flex}.topbar nav a{color:var(--ink-soft);text-decoration:none}.topbar nav a:hover{color:var(--ink)}.stage{--explode:0;height:220vh;position:relative}.stage-sticky{height:100dvh;position:sticky;top:0;overflow:hidden}.canvas-wrap{z-index:1;position:absolute;inset:0 0 0 36%}.lamp-canvas{touch-action:none;width:100%;height:100%;display:block}.hero-copy{z-index:2;pointer-events:none;width:min(34rem,40vw);padding:18vh 0 0 6vw;position:relative}.hero-copy button,.hero-copy a,.hero-copy .finish{pointer-events:auto}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .55rem;font-size:.75rem}h1,h2{font-family:var(--serif);letter-spacing:-.03em;font-weight:520;line-height:1.05}h1{margin:0;font-size:clamp(3.2rem,6vw,5.4rem)}h2{margin:0 0 .8rem;font-size:clamp(2rem,4vw,3.1rem)}.demo-line{color:var(--ink-soft);margin:.85rem 0 0;font-size:.95rem}.crossfade{min-height:6.2rem;margin-top:1.25rem;position:relative}.intro,.apart{max-width:28rem;margin:0;font-size:1.05rem;font-weight:340}.intro{opacity:clamp(0, calc(1 - var(--explode) * 2.3), 1)}.apart{opacity:clamp(0, calc((var(--explode) - .16) * 2.5), 1);position:absolute;inset:0}.finish{border:0;margin:1.4rem 0 0;padding:0}.finish legend{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.55rem;padding:0;font-size:.75rem}.finish-row{flex-wrap:wrap;gap:.45rem;display:flex}.finish button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .7rem .35rem .4rem;display:inline-flex}.finish button[aria-pressed=true]{border-color:var(--line);background:#fffaf28c}.finish button:focus-visible{outline-offset:2px;outline:2px solid #8a5a3a}.dot{border:1px solid #2c241c47;border-radius:50%;width:.95rem;height:.95rem}.hint{max-width:22rem;color:var(--ink-soft);margin:1.15rem 0 0;font-size:.92rem}.meter{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:.7rem;margin-top:1.4rem;font-size:.72rem;display:flex}.meter i{background:var(--line);width:5.5rem;height:2px;display:block;position:relative}.meter i:after{content:"";width:calc(var(--explode) * 100%);background:#8a6844;position:absolute;inset:0 auto 0 0}.sheet{padding:6.5rem 6vw}.sheet-inner{max-width:46rem}.lead{max-width:36rem;color:var(--ink-soft);margin:0 0 2rem;font-size:1.05rem}.spec-list{margin:0}.spec-list div{border-top:1px solid var(--line);grid-template-columns:minmax(8rem,13rem) 1fr;gap:1rem;padding:.85rem 0;display:grid}.spec-list div:last-child{border-bottom:1px solid var(--line)}.spec-list dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.78rem}.spec-list dd{margin:0}.material{border-top:1px solid var(--line);grid-template-columns:7.5rem 1fr;gap:1rem 1.5rem;padding:1.35rem 0;display:grid}.material:last-child{border-bottom:1px solid var(--line)}.material h3{font-family:var(--serif);margin:0;font-size:1.45rem;font-weight:520}.material p{color:var(--ink-soft);margin:0}.contact-band{background:#eadcc8;padding:6.5rem 6vw 5rem}.note-form{gap:1rem;max-width:32rem;display:grid}.form-note{color:var(--ink);margin:0 0 .4rem;padding-bottom:.4rem;font-size:.98rem}.note-form label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);gap:.3rem;font-size:.75rem;display:grid}.note-form input,.note-form textarea{letter-spacing:0;text-transform:none;width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #2c241c59;border-radius:0;padding:.55rem 0;font-size:1rem}.note-form textarea{resize:vertical;min-height:6.5rem}.note-form input:focus,.note-form textarea:focus{border-bottom-color:#8a5a3a;outline:none}.note-form button{color:#f6efe4;letter-spacing:.04em;cursor:pointer;background:#3a2e24;border:0;border-radius:999px;justify-self:start;margin-top:.4rem;padding:.8rem 1.25rem}.note-form button:hover{background:#2a211b}.note-form button:focus-visible{outline-offset:3px;outline:2px solid #8a5a3a}.kept{margin:.2rem 0 0;font-size:.98rem}.colophon{background:#eadcc8;padding:1.5rem 6vw 2.4rem}.colophon p{max-width:46rem;font-family:var(--serif);margin:0;font-size:1.15rem;font-weight:460}@media (width<=860px){.topbar{padding:.75rem 1rem}.mark{font-size:1rem}.topbar nav{letter-spacing:.05em;gap:.6rem;font-size:.68rem}.canvas-wrap{bottom:46%;left:0}.hero-copy{background:linear-gradient(#f3ecdf00,#f3ecdff7 45%);width:auto;padding:0 1.25rem 1.35rem;position:absolute;bottom:0;left:0;right:0}h1{font-size:3rem}.crossfade{min-height:7.2rem}.spec-list div,.material{grid-template-columns:1fr;gap:.25rem}.sheet,.contact-band{padding-left:1.25rem;padding-right:1.25rem}}
