*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f5f1ea;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}#webgl{position:fixed;inset:0;width:100%;height:100%;z-index:0}#vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 35%,#05050555 72%,#050505bb 100%)}nav{position:fixed;z-index:20;left:50%;top:22px;transform:translateX(-50%);width:min(92%,1180px);height:58px;padding:0 10px 0 22px;border:1px solid #ffffff28;border-radius:40px;background:#15151575;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.16em}.logo{font-family:'Bricolage Grotesque';font-weight:600}nav div{display:flex;gap:24px;align-items:center}.book{padding:14px 19px;background:#eee9df;color:#151515;border-radius:28px}main{position:relative;z-index:2}.hero{height:150vh;position:relative}.copy{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding-left:7vw;pointer-events:none}.copy span,.beat>span,.final>span{font-size:10px;letter-spacing:.23em;color:#d5cdc0}.copy h1,.beat h2,.final h2{font-family:'Bricolage Grotesque';font-weight:400;letter-spacing:-.06em}.copy h1{font-size:clamp(72px,11vw,168px);line-height:.78;margin:20px 0}.copy i,.beat i,.final i{font-weight:400;color:#d6b99e}.copy p{max-width:440px;color:#ddd5cb;line-height:1.7}.hint{position:absolute;left:7vw;bottom:12vh;font-size:9px;letter-spacing:.2em}.hint b{display:block;font-size:22px;margin-top:12px}.beat{height:135vh;padding:32vh 7vw 0;max-width:1000px}.beat.right{margin-left:auto;text-align:right;padding-right:7vw}.beat h2{font-size:clamp(60px,8vw,128px);line-height:.86;margin:20px 0}.beat p{max-width:410px;line-height:1.75;color:#c4beb6}.right p{margin-left:auto}.empty{height:135vh}.final{height:120vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(transparent,#080808 85%)}.final h2{font-size:clamp(72px,11vw,165px);line-height:.78;margin:20px 0 45px}.final a{border:1px solid #ffffff70;padding:20px 30px;border-radius:40px;font-size:10px;letter-spacing:.2em;background:#1117;backdrop-filter:blur(10px)}#roomLabel{position:fixed;z-index:8;right:5vw;bottom:5vh;display:flex;gap:12px;align-items:baseline;mix-blend-mode:difference;pointer-events:none}#roomLabel b{font-size:10px;font-weight:400}#roomLabel span{font-family:'Bricolage Grotesque';font-size:24px;letter-spacing:-.03em}@media(max-width:700px){nav div>a:not(.book){display:none}.copy{padding-left:5vw}.copy h1{font-size:19vw}.beat,.beat.right{padding-left:5vw;padding-right:5vw;text-align:left}.right p{margin-left:0}.beat h2{font-size:16vw}#roomLabel{right:5vw}.final h2{font-size:18vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}