:root{--paper:#F6EFE3;--paper-2:#FBF6EC;--ink:#2C2620;--ink-soft:#5B5046;--ink-faint:#8A7E70;--wood-deep:#8A5E31;--wood-light:#E7D4B3;--counter:#241c14;--burn:#56341a;--burn-soft:#6e4626;--line:rgba(44,38,32,.14);--serif:"Fraunces",Georgia,serif;--sans:"Hanken Grotesk",-apple-system,sans-serif;--hand:"Caveat",cursive}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;background:radial-gradient(120% 80% at 50% -10%,#3a2c1d,#2a2015 45%,#1c150d);position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='cg'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.006 0.09' numOctaves='4' seed='11'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23cg)' opacity='0.5'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}::selection{background:var(--wood-deep);color:var(--paper-2)}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 40px;transition:background .4s,padding .4s}.topbar.scrolled{background:#1c150db3;backdrop-filter:blur(12px);padding:14px 40px}.back{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;letter-spacing:.04em;color:var(--wood-light);transition:gap .3s}.back:hover{gap:14px}.back svg{width:15px;height:15px}.topbar .brandmark{font-family:var(--serif);font-size:1.05rem;color:var(--paper);opacity:.85;letter-spacing:.02em}@media(max-width:600px){.topbar{padding:16px 22px}.topbar .brandmark{display:none}}.page{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:118px 32px 80px;display:flex;flex-direction:column;align-items:center}.intro{text-align:center;max-width:620px;margin-bottom:46px}.intro .eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--wood-light);opacity:.9}.intro h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,6vw,4rem);margin:18px 0 14px;letter-spacing:-.02em;color:var(--paper)}.intro h1 em{font-style:italic;color:var(--wood-light)}.intro p{color:#f6efe3b8;font-size:1.05rem;max-width:480px;margin:0 auto}.board-wrap{position:relative;width:100%;max-width:680px;perspective:1600px}.board{position:relative;width:100%;aspect-ratio:5/6.4;border-radius:26px 26px 30px 30px;background:linear-gradient(118deg,#ffffff1a,#fff0 26%),radial-gradient(120% 100% at 32% 8%,#e7c994,#d9b473 40%,#c49a57 72%,#a87e40);box-shadow:0 2px #ffffff40 inset,0 -30px 60px -40px #0009 inset,40px 60px 90px -40px #000000b3,0 30px 50px -30px #0000008c;overflow:hidden;transform:rotateX(2deg)}.board:before{content:"";position:absolute;inset:0;opacity:.55;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='800'%3E%3Cfilter id='bw'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.006 0.13' numOctaves='4' seed='6'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23bw)' opacity='0.32'/%3E%3C/svg%3E")}.board:after{content:"";position:absolute;inset:0;opacity:.22;mix-blend-mode:multiply;pointer-events:none;background-image:repeating-linear-gradient(91deg,transparent 0 18px,rgba(90,55,20,.5) 18px 19px,transparent 19px 44px)}.groove{position:absolute;inset:26px 24px 40px;border-radius:16px;border:2px solid rgba(90,55,22,.28);box-shadow:0 1px #fff3;pointer-events:none}.hang{position:absolute;top:16px;left:50%;transform:translate(-50%);width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#1a120a,#3a2616);box-shadow:0 1px 1px #ffffff40,inset 0 2px 4px #000000b3}.board-inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;padding:64px 58px 54px}.board-title{font-family:var(--hand);font-weight:700;font-size:clamp(2rem,5vw,2.9rem);color:var(--burn);text-align:center;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.28);margin-bottom:6px}.board-rule{width:120px;height:0;margin:0 auto 26px;border-bottom:1.5px solid rgba(86,52,26,.5);position:relative}.board-rule:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:transparent;color:var(--burn-soft);font-size:.7rem;padding:0 8px;text-shadow:0 1px 0 rgba(255,255,255,.3)}.story{flex:1;font-family:var(--hand);color:var(--burn);font-size:clamp(1.3rem,3.4vw,1.72rem);line-height:1.42;letter-spacing:.2px;text-shadow:0 1px 0 rgba(255,255,255,.26),0 -1px 1px rgba(60,35,12,.25)}.story p{margin-bottom:.7em;position:relative}.story .sig{display:block;margin-top:.5em;font-weight:700;font-size:1.25em;color:var(--burn-soft)}.tip{display:inline-block;width:.16em;height:1em;vertical-align:-.16em;margin-left:1px;border-radius:2px;background:linear-gradient(180deg,#ffd9a0,#c4661f);box-shadow:0 0 6px 2px #ff9628bf,0 0 14px 4px #ff781466;animation:flick .6s steps(2) infinite}@keyframes flick{0%,to{opacity:1}50%{opacity:.45}}.story.done .tip{display:none}.skip{margin-top:18px;font-size:.78rem;letter-spacing:.04em;color:#f6efe38c;cursor:pointer;background:none;border:none;font-family:var(--sans);transition:color .3s}.skip:hover{color:var(--wood-light)}.skip.hide{display:none}.after{margin-top:64px;text-align:center;max-width:560px}.after .ribbon{display:inline-flex;gap:10px;align-items:center;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wood-light);opacity:.85;margin-bottom:18px}.after .ribbon:before,.after .ribbon:after{content:"";width:30px;height:1px;background:#e7d4b366}.after h2{font-family:var(--serif);font-weight:300;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--paper);margin-bottom:16px;line-height:1.1}.after p{color:#f6efe3b3;margin-bottom:28px}.cta{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn{font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:.04em;padding:13px 24px;border-radius:40px;border:1px solid var(--wood-light);color:var(--paper);background:transparent;cursor:pointer;transition:all .35s;display:inline-flex;align-items:center;gap:8px}.btn:hover,.btn-fill{background:var(--wood-light);color:var(--counter)}.btn-fill:hover{background:var(--paper);border-color:var(--paper)}.btn svg{width:14px;height:14px}.pagefoot{position:relative;z-index:1;text-align:center;padding:30px 20px 40px;font-size:.78rem;color:#f6efe366}@media(max-width:600px){.board-inner{padding:52px 30px 44px}.groove{inset:18px 14px 30px}.page{padding:104px 20px 60px}}.fade{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.fade.in{opacity:1;transform:none}