@font-face{font-family:Chalk;src:url(assets/FrederickatheGreat-Regular.ttf) format('truetype');font-display:swap}@font-face{font-family:Hand;src:url(assets/BadScript-Regular.ttf) format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#e7e1d1;--muted:#a6a79a;--gold:#cbb88c;--bg:#0c0e0d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Hand,Georgia,serif;font-size:18px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}img,video{max-width:100%;display:block}.skip{position:fixed;left:20px;top:-100px;z-index:9;background:var(--ink);color:var(--bg);padding:10px}.skip:focus{top:10px}.header{position:absolute;z-index:2;top:0;left:0;width:100%;padding:28px 6vw;display:flex;align-items:center;justify-content:space-between}.header img{width:150px;height:auto}.public-nav{display:flex;align-items:center;gap:28px}.quiet-link{font-size:14px;color:var(--muted)}.quiet-link span{margin-left:15px}.member-link{font:17px Chalk,Georgia,serif;color:var(--ink);padding:7px 14px;border:1px solid #cbb88c66;border-radius:2px}.hero{min-height:850px;height:100svh;max-height:1080px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 38%;pointer-events:none}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;opacity:.78}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 38%),linear-gradient(0deg,var(--bg),transparent 20%,transparent 87%,#0c0e0d66)}.hero-copy{position:relative;z-index:1;margin-left:9vw;max-width:760px;padding:100px 0}.eyebrow{font-family:Hand,serif;color:var(--gold);font-size:14px;letter-spacing:.02em;margin:0 0 22px}h1,h2{font-family:Chalk,Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:0}h1{font-size:clamp(40px,4.7vw,72px);max-width:820px}em{font-style:normal;color:var(--gold)}h2{font-size:clamp(36px,4vw,60px)}.hero-intro{margin:29px 0 15px;font-size:18px;color:#c7c6b9;line-height:1.9}.whisper{font-size:19px;margin:15px 0 30px}.button{font-family:Chalk,Georgia,serif;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:55px;padding:10px 27px;border:1px solid #cbb88c88;border-radius:2px;background:#dbd0b5;color:#161b17;font-size:21px;transition:background .2s,transform .2s}.button:hover{background:#eee5cf;transform:translateY(-2px)}.micro{font-family:system-ui,sans-serif;font-size:11px;line-height:1.7;color:var(--muted);margin:14px 0 0}.scroll-note{position:absolute;bottom:30px;left:9vw;font-size:12px;color:var(--muted)}.scroll-note span{margin-left:20px}.section{max-width:1240px;margin:auto;padding:110px 65px}.memory{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.memory-copy p:not(.eyebrow),.play-copy p:not(.eyebrow):not(.micro){color:#bbbeb2;margin:25px 0}.memory-copy p.accent,.play-copy p.accent{color:var(--gold)!important}.city{margin:0;position:relative}.city img{height:450px;object-fit:cover;object-position:28% 46%;opacity:.8;mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent)}figcaption{color:var(--muted);font-size:12px;margin-top:15px;text-align:right}.play-section{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center;border-top:1px solid #ffffff0d}.film{position:relative;max-width:365px;aspect-ratio:9/16;background:#0a0e0c;box-shadow:0 20px 90px #0004}.film video{width:100%;height:100%;object-fit:cover}.film-toggle{position:absolute;left:14px;bottom:38px;border:1px solid #b5b7a744;background:#0b100dea;color:var(--ink);padding:7px 12px;cursor:pointer;font-family:system-ui;font-size:11px;min-height:38px}.film-caption{position:absolute;left:15px;bottom:12px;font:10px system-ui;color:var(--muted)}.text-link{display:inline-block;color:var(--gold);border-bottom:1px solid #cbb88c55;padding-bottom:5px}.text-link span{margin-left:20px}.invitation{height:860px;position:relative;overflow:hidden;text-align:center}.seated{position:absolute;width:570px;max-width:none;height:1012px;object-fit:cover;top:-115px;left:50%;transform:translateX(-50%);opacity:.72;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 85%,transparent)}.invitation-top{position:absolute;top:65px;left:20px;right:20px}.invitation-top h2{font-size:58px}.invitation-top .eyebrow{margin-bottom:18px}.invitation-bottom{position:absolute;bottom:76px;left:20px;right:20px}footer{max-width:1240px;padding:35px 65px 45px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff12;color:var(--muted);font:12px/1.8 system-ui}footer nav{display:flex;gap:24px}footer small{width:100%;font-size:10px}
@media(min-width:1500px){.hero-copy{margin-left:calc((100vw - 1240px)/2)}}
@media(max-width:760px){body{font-size:16px}.header{padding:25px 24px}.header img{width:115px}.public-nav{gap:15px}.quiet-link{display:none}.member-link{font-size:15px;padding:5px 11px}.hero{height:auto;min-height:920px;align-items:flex-start}.hero-art{inset:185px -75px -45px -75px}.hero-art img{object-fit:cover;object-position:50% 50%;opacity:.8}.hero-art:after{background:linear-gradient(0deg,var(--bg),transparent 16%,transparent 70%,var(--bg))}.hero-copy{margin:0;padding:130px 24px 0;width:100%;max-width:none;text-align:center}.hero-copy .eyebrow{font-size:12px;margin-bottom:20px}h1{font-size:41px;line-height:1.17}.hero-intro{font-size:15px;margin-top:22px}.whisper{font-size:16px;margin-top:12px}.hero-copy .button{position:absolute;top:785px;left:50%;transform:translateX(-50%);white-space:nowrap}.hero-copy .micro{position:absolute;top:845px;left:10px;right:10px}.scroll-note{display:none}.section{padding:70px 26px}.memory{display:block}.memory h2{font-size:44px}.memory-copy{max-width:420px}.city{margin:40px -12px 0}.city img{height:280px;width:100%}.play-section{display:flex;flex-direction:column-reverse;gap:35px}.play-copy{width:100%}.play-copy h2{font-size:42px}.film{width:80%;max-width:300px}.invitation{height:800px}.invitation-top{top:45px}.invitation-top h2{font-size:49px}.seated{top:-45px;width:500px;height:889px}.invitation-bottom{bottom:65px}footer{padding:30px 25px}footer nav{flex-wrap:wrap;gap:18px}}
@media(max-width:360px){h1{font-size:35px}.hero-intro{font-size:14px}.hero{min-height:900px}.hero-copy .button{top:760px}.hero-copy .micro{top:821px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Demo is the primary entry; tutorial remains a smaller adjacent link. */
.entry-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.entry-actions .button{min-height:62px;font-size:24px;padding:12px 28px;gap:24px}
.tutorial-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}
.tutorial-link:hover{color:var(--ink)}
.invitation-bottom .entry-actions{justify-content:center}
@media(max-width:760px){.hero-copy .entry-actions{position:absolute;top:778px;left:16px;right:16px;justify-content:center;gap:16px}.hero-copy .entry-actions .button{position:static;transform:none}.entry-actions .button{font-size:21px;padding:12px 18px;gap:14px}.tutorial-link{font-size:15px}.hero-copy .micro{top:852px}}
@media(max-width:360px){.hero-copy .entry-actions{top:753px;gap:12px}.entry-actions .button{font-size:19px;padding:12px 14px}.hero-copy .micro{top:827px}}

/* Rush and full-game entry points, kept legible at phone width. */
.rush-link{font:17px Chalk,Georgia,serif;color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:6px}
.ways{border-top:1px solid #ffffff19}.ways h2{margin-bottom:35px}.ways-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.way{border:1px solid #cbb88c55;background:#151917;padding:26px;min-width:0}.way h3{font:28px Chalk,Georgia,serif;color:var(--gold);margin:0 0 12px}.way p{font:15px/1.65 system-ui,sans-serif;color:#c5c5b9;margin:0 0 25px}.way a{display:inline-block;margin:0 17px 8px 0;color:var(--ink);font:17px Chalk,Georgia,serif;text-decoration:underline;text-underline-offset:5px}.way .way-buy{color:var(--gold)}
@media(max-width:760px){.header{padding:20px 18px}.header img{width:105px}.public-nav{gap:13px}.rush-link,.member-link{font-size:14px}.nav-free,.nav-price{display:none}.ways-grid{grid-template-columns:1fr}.ways h2{font-size:38px}.way{padding:21px}.way p{margin-bottom:12px}}
@media(max-width:360px){.header img{width:95px}.public-nav{gap:9px}.rush-link,.member-link{font-size:13px}.member-link{padding:5px 8px}}

/* 29 Sep: an explicit purchase route above the fold. */
.hero-buy{display:inline-flex;align-items:center;gap:10px;margin-top:12px;color:var(--gold);font:16px Chalk,Georgia,serif;text-decoration:underline;text-underline-offset:5px}
.hero-buy:hover{color:#eee5cf}
@media(max-width:760px){.nav-board{display:none}.nav-price{display:inline}.public-nav{gap:12px}.member-link{white-space:nowrap;font-size:13px;padding:5px 8px}.hero{min-height:960px}.hero-buy{position:absolute;top:884px;left:12px;right:12px;justify-content:center;margin:0;font-size:15px}}
@media(max-width:360px){.hero{min-height:940px}.hero-buy{top:858px;font-size:14px}.header img{width:88px}.public-nav{gap:7px}}
