:root{color:#fff7fb;background:#180d20;font-family:Georgia,serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app{background:radial-gradient(circle at 70% 30%,#482243,#180d20 65%);min-height:100vh;position:relative;overflow:hidden}.background-glow{background:var(--accent);filter:blur(140px);opacity:.2;border-radius:50%;width:55vw;height:55vw;position:fixed;top:-20vw;right:-20vw}.topbar,.chapter-nav{z-index:2;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font:12px monospace;display:flex;position:fixed}.topbar{inset:28px 40px auto}.topbar span{color:#bba8b8}.hero,.chapter{z-index:1;width:min(920px,100% - 48px);min-height:100vh;margin:auto;padding-top:20vh;position:relative}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.hero audio{display:none}.music-toggle{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#180d2099;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:44px;height:44px;font-size:14px;line-height:1;display:grid;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.hero-copy{max-width:600px;position:relative}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font:12px monospace}h1{margin:24px 0;font-size:clamp(52px,8vw,100px);font-weight:400;line-height:.95}h1 em{color:var(--accent)}.hero-copy>p:not(.eyebrow),.letter{color:#cdbdca;max-width:430px;font:17px/1.7 Georgia,serif}button{cursor:pointer}.hero-copy>button{color:#241322;background:#fff7fb;border:0;border-radius:99px;margin-top:25px;padding:15px 21px}.hero-copy>button span{margin-left:18px}.chapter{padding-top:22vh}.chapter h1{max-width:720px;font-size:clamp(42px,7vw,80px)}.memories{grid-template-columns:repeat(2,minmax(0,240px));gap:12px;display:grid}.memory{text-align:left;color:#e6d8e3;background:#ffffff0d;border:1px solid #ffffff2b;border-radius:15px;padding:17px}.memory.active{border-color:var(--accent)}.memory span{color:var(--accent);text-transform:uppercase;font:11px monospace;display:block}.memory strong{margin-top:8px;font-size:17px;font-weight:400;display:block}.memory-detail{grid-column:1/-1;max-width:500px}.memory-detail h2{font-size:30px;font-weight:400}.memory-detail p{color:#cdbdca;line-height:1.7}.chapter-nav{justify-content:flex-start;gap:18px;inset:auto 40px 30px}.chapter-nav button{color:#9f8da0;background:0 0;border:0;border-bottom:1px solid #0000;padding:7px 0;font:11px monospace}.chapter-nav button.active{color:#fff;border-color:var(--accent)}@media (width<=700px){.topbar{font-size:9px;inset:20px 22px auto}.hero,.chapter{width:calc(100% - 44px);padding-top:150px}.hero{width:100%}.music-toggle{bottom:38px}.chapter-nav{justify-content:space-between;gap:8px;inset:auto 22px 20px}.chapter-nav button{font-size:9px}.memories{grid-template-columns:1fr}}