:root{--paper:#f6f1e6;--ink:#2b2118;--amber:#c8500f;--espresso:#241a11;--cream:#f2e8d9;--brass:#dfa94e;--mono:"IBM Plex Mono",monospace;--disp:"ZCOOL QingKe HuangYou","Noto Sans SC",sans-serif;--body:"Noto Sans SC",-apple-system,"PingFang SC",sans-serif}html,body{margin:0;padding:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{font-family:var(--body);background:var(--espresso);overflow-x:hidden}.topbar{z-index:30;mix-blend-mode:difference;color:#fff;justify-content:space-between;align-items:center;padding:1.15rem 2.2rem;display:flex;position:fixed;top:0;left:0;right:0}.topbar .brand{font-family:var(--mono);letter-spacing:.3em;font-size:.7rem}.topbar .tagline{font-family:var(--disp);letter-spacing:.24em;font-size:1.05rem}.doors{width:100%;min-height:100vh;display:flex}.door{cursor:pointer;flex:1;align-items:flex-end;text-decoration:none;transition:flex .65s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.doors:hover .door{flex:.82}.doors .door:hover{flex:1.5}.door:focus-visible{outline:3px solid var(--brass);outline-offset:-3px}.door-notes:focus-visible{outline-color:var(--amber)}.door-notes{background:var(--paper);color:var(--ink)}.door-notes .bg{background-image:radial-gradient(#c8500f26 1px,#0000 1px);background-size:22px 22px;animation:46s linear infinite driftA;position:absolute;inset:0}.door-notes .glow{background:radial-gradient(640px 440px at 16% -4%,#c8500f21,#0000 68%);position:absolute;inset:0}.door-buy{color:var(--cream);background:linear-gradient(160deg,#2b1f13 0%,var(--espresso) 55%,#1a1109 100%)}.door-buy .bg{background-image:linear-gradient(#dfa94e12 1px,#0000 1px),linear-gradient(90deg,#dfa94e12 1px,#0000 1px);background-size:46px 46px;animation:60s linear infinite driftB;position:absolute;inset:0}.door-buy .glow{background:radial-gradient(660px 460px at 86% 104%,#dfa94e24,#0000 66%);position:absolute;inset:0}@keyframes driftA{0%{background-position:0 0}to{background-position:220px 220px}}@keyframes driftB{0%{background-position:0 0}to{background-position:-230px 230px}}.door .num{font-family:var(--mono);color:#0000;user-select:none;font-size:clamp(5rem,11vw,9rem);font-weight:500;line-height:1;transition:opacity .4s,transform .65s cubic-bezier(.22,1,.36,1);position:absolute;top:1.1rem;right:1.8rem}.door-notes .num{-webkit-text-stroke:1.5px var(--amber);opacity:.2}.door-buy .num{-webkit-text-stroke:1.5px var(--brass);opacity:.22}.door:hover .num{opacity:.4;transform:translateY(6px)}.inner{z-index:2;width:100%;padding:0 clamp(1.5rem,4vw,4rem) clamp(2.5rem,5vh,4.2rem);position:relative}.kicker{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;align-items:center;gap:.7rem;margin-bottom:1.1rem;font-size:.68rem;font-weight:500;display:inline-flex}.kicker:before{content:"";background:currentColor;width:2.4rem;height:2px}.door-notes .kicker{color:var(--amber)}.door-buy .kicker{color:var(--brass)}.title{font-family:var(--disp);letter-spacing:.02em;margin-bottom:.9rem;font-size:clamp(2.8rem,6.5vw,5.4rem);font-weight:400;line-height:1.05;transition:transform .5s cubic-bezier(.22,1,.36,1)}.door:hover .title{transform:translate(6px)}.sub{max-width:36ch;margin-bottom:1.6rem;font-size:clamp(.85rem,1.05vw,.98rem);line-height:1.75}.door-notes .sub{color:#2b2118a8}.door-buy .sub{color:#f2e8d99e}.stats{gap:1.8rem;margin-bottom:1.5rem;display:flex}.stat b{font-family:var(--disp);font-size:1.55rem;font-weight:400;line-height:1.1;display:block}.door-notes .stat b{color:var(--amber)}.door-buy .stat b{color:var(--brass)}.stat span{font-family:var(--mono);letter-spacing:.16em;font-size:.6rem}.door-notes .stat span{color:#2b21188c}.door-buy .stat span{color:#f2e8d980}.preview{opacity:0;max-height:0;margin:0 0 1.4rem;padding:0;list-style:none;transition:max-height .6s cubic-bezier(.22,1,.36,1),opacity .5s 50ms;overflow:hidden}.door:hover .preview,.door:focus-visible .preview{opacity:1;max-height:230px}.door-notes .preview{border-top:1px solid #2b211833}.door-buy .preview{border-top:1px solid #f2e8d933}.preview li{align-items:baseline;gap:.85rem;padding:.55rem 0;font-size:.82rem;display:flex}.door-notes .preview li{border-bottom:1px dashed #2b211838}.door-buy .preview li{border-bottom:1px dashed #f2e8d933}.preview li:last-child{border-bottom:none}.preview .idx{font-family:var(--mono);flex-shrink:0;font-size:.64rem;font-weight:500}.door-notes .preview .idx{color:var(--amber)}.door-buy .preview .idx{color:var(--brass)}.door-notes .preview li span:last-child{color:#2b2118d9}.door-buy .preview li span:last-child{color:#f2e8d9d9}.cta{letter-spacing:.08em;border-radius:2px;align-items:center;gap:.7rem;padding:.85rem 1.7rem;font-size:.92rem;font-weight:700;transition:transform .3s,box-shadow .3s;display:inline-flex}.door-notes .cta{background:var(--amber);color:var(--paper)}.door-buy .cta{background:var(--brass);color:var(--espresso)}.cta .arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}.door:hover .cta{transform:translateY(-3px)}.door-notes:hover .cta{box-shadow:0 10px 24px #c8500f52}.door-buy:hover .cta{box-shadow:0 10px 26px #dfa94e47}.door:hover .cta .arrow{transform:translate(5px)}.seam{z-index:25;background:var(--ink);width:64px;height:64px;color:var(--paper);font-family:var(--disp);pointer-events:none;border:1px solid #f2e8d959;border-radius:50%;place-items:center;font-size:1.4rem;transition:transform .5s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 32px #0006}.doors:hover~.seam{transform:translate(-50%,-50%)rotate(10deg)scale(1.1)}.portal-foot{z-index:30;text-align:center;mix-blend-mode:difference;padding:.7rem;position:fixed;bottom:0;left:0;right:0}.portal-foot a{font-family:var(--mono);letter-spacing:.16em;color:#fff;opacity:.75;font-size:.66rem;text-decoration:none;transition:opacity .2s}.portal-foot a:hover{opacity:1;text-decoration:underline}.door-notes{animation:.8s cubic-bezier(.22,1,.36,1) both slideL}.door-buy{animation:.8s cubic-bezier(.22,1,.36,1) both slideR}@keyframes slideL{0%{opacity:0;transform:translate(-4%)}to{opacity:1;transform:none}}@keyframes slideR{0%{opacity:0;transform:translate(4%)}to{opacity:1;transform:none}}@media (width<=820px){.doors{flex-direction:column;min-height:auto}.door{flex:none;min-height:54vh}.doors:hover .door,.doors .door:hover{flex:none}.preview{opacity:1;max-height:none}.seam{display:none}.door .num{font-size:4.2rem}.topbar{padding:1rem 1.4rem}}@media (prefers-reduced-motion:reduce){.door-notes .bg,.door-buy .bg,.door-notes,.door-buy{animation:none}.door,.door .num,.title,.cta,.cta .arrow,.seam,.preview{transition:none}}