*{box-sizing:border-box}html{background:#100d18;color:#f7efe5;font-family:Inter,Arial,sans-serif}body{margin:0;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}a{color:inherit}header,footer{height:76px;padding:0 clamp(22px,5vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a;background:#0c0a12}footer{border-top:1px solid #ffffff1a;border-bottom:0;height:65px;color:#9a8eaa;font-size:.75rem}.brand{font-weight:900;text-decoration:none;font-size:1.1rem}.brand span,.kicker{color:#d7a7ff}nav{display:flex;gap:24px}nav a{font-size:.78rem;text-decoration:none;color:#c9becf}main{display:grid;grid-template-columns:minmax(320px,.92fr) 1.08fr;min-height:calc(100vh - 141px)}.visual{position:relative;overflow:hidden;min-height:620px;background:#191023}.visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.6)}.visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#100d18)}.chapter{position:absolute;z-index:2;left:35px;right:35px;bottom:32px;display:flex;justify-content:space-between;font:700 .65rem monospace;letter-spacing:.1em}.chapter small{color:#d7a7ff}.story{padding:clamp(50px,7vw,105px);align-self:center;max-width:850px}.kicker{font:700 .67rem monospace;letter-spacing:.13em}h1{font:700 clamp(2.8rem,5vw,5.6rem)/.96 Georgia,serif;letter-spacing:-.045em;margin:.2em 0 .4em}.copy{color:#beb2c6;font:400 1.02rem/1.78 Georgia,serif;max-width:720px}.copy p{margin:0 0 1em}.choices{display:grid;gap:10px;margin-top:34px}.choices button{padding:16px 18px;text-align:left;border:1px solid #584363;background:#1b1424;color:#f6eff8;cursor:pointer;font-weight:700;transition:.18s}.choices button:hover,.choices button:focus{border-color:#d7a7ff;background:#2a1e35;transform:translateX(5px)}.choices button span{color:#d7a7ff;margin-right:12px}.trail{min-height:1.2em;color:#766d7f;font:600 .64rem monospace;letter-spacing:.08em;text-transform:uppercase;margin-top:22px}footer button{border:0;background:transparent;color:#d7a7ff;cursor:pointer;font-weight:700}@media(max-width:800px){header{height:auto;min-height:72px}nav{gap:12px}main{grid-template-columns:1fr}.visual{min-height:280px;max-height:38vh}.visual:after{background:linear-gradient(0deg,#100d18,transparent 65%)}.story{padding:40px 24px 70px}h1{font-size:clamp(2.6rem,12vw,4.2rem)}footer{padding-inline:22px}}
.skip-link{position:fixed;z-index:20;top:10px;left:10px;padding:10px 14px;background:#f7efe5;color:#100d18;transform:translateY(-150%);transition:.15s}.skip-link:focus{transform:none}
.controls{margin:18px 0 0;color:#8f8398;font-size:.72rem}.controls kbd{display:inline-block;padding:3px 7px;border:1px solid #584363;border-radius:5px;background:#1b1424;color:#e2baff;font:700 .68rem monospace}
:focus-visible{outline:3px solid #e2baff;outline-offset:4px}.choices .end{display:inline-block;padding:16px 18px;border:1px solid #d7a7ff;text-decoration:none;font-weight:700}
@media(max-width:520px){header nav a:last-child{display:none}.controls{line-height:2}.visual{min-height:230px}.chapter{left:22px;right:22px}}