:root{--dark: #22223B;--slate: #4A4E69;--muted: #9A8C98;--warm: #C9ADA7;--light: #F2E9E4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--dark);color:var(--light);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.navbar{position:fixed;top:0;left:0;right:0;height:72px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#22223b40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(242,233,228,.12);z-index:1000}.navbar button{background:none;border:none;color:var(--light);font-size:14px;letter-spacing:.06em;cursor:pointer}.navbar button:hover{color:var(--warm)}.nav-right{display:flex;gap:22px}.home{min-height:100vh;padding:110px 8vw 40px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.home:before{content:"";position:fixed;inset:0;background:#22223b59;pointer-events:none;z-index:0}.home-inner{position:relative;z-index:1;width:100%;max-width:980px;display:flex;flex-direction:column;align-items:center}.video-wrapper{margin-top:0;width:100%;max-width:700px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #0000008c;border:1px solid rgba(242,233,228,.12);background:#00000040}.home-video{width:100%;height:100%;object-fit:cover;display:block}.home-title{text-align:center;font-size:clamp(32px,5vw,56px);letter-spacing:.18em;font-weight:500;margin-bottom:28px;color:var(--light)}.cta-wrapper{margin-top:28px;display:flex;justify-content:center}.cta-button{padding:30px 50px;border-radius:999px;border:1px solid rgba(242,233,228,.5);background:#f2e9e429;color:var(--light);font-size:14px;letter-spacing:.18em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease}.cta-button:hover{background:#f2e9e440;transform:translateY(-1px)}.home{background-attachment:fixed}.scroll-anchor{position:relative;top:-90px;height:1px}@media(max-width:900px){.home{background-attachment:scroll}}.scroll-spacer{height:5vh}.volume-section{padding:100px 0 160px;min-height:60vh;text-align:center}.volume-block{margin:0 auto 140px;max-width:1100px;text-align:center}.volume-heading{margin-bottom:28px;font-size:clamp(22px,3vw,36px);letter-spacing:.14em;font-weight:500;color:var(--light)}.volume-heading span{font-size:14px;letter-spacing:.18em;opacity:.8}.volume-image{width:100%;border-radius:12px;box-shadow:0 25px 70px #0009;border:1px solid rgba(242,233,228,.12)}.scroll-hint{margin-top:15px;font-size:18px;letter-spacing:.18em;color:#f2e9e4b3;text-align:center}.scroll-hint span{opacity:.8}.cta-wrapper-secondary{margin-top:14px}.cta-button-secondary{padding:30px 35px;background:#f2e9e414;border:1px solid rgba(242,233,228,.35)}.cta-bold{font-weight:800}.light-page{position:relative;width:100%;background:#000}.light-image{width:100vw;height:auto;display:block}.light-overlay{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:900px;padding-top:120px;padding-bottom:160px;color:var(--light);text-align:center;pointer-events:auto}.light-block{margin-bottom:140px}.light-block h2{font-size:clamp(20px,3vw,32px);letter-spacing:.16em;font-weight:500;margin-bottom:16px}.light-block p{font-size:14px;letter-spacing:.14em;opacity:.7}.video-embed{position:relative;width:100%;padding-top:56.25%;margin-top:24px}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border-radius:10px}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-box{position:relative;background:#22223b;border:1px solid rgba(242,233,228,.2);border-radius:12px;padding:40px 48px;color:var(--light);text-align:center;min-width:280px;box-shadow:0 30px 80px #0009}.modal-box h2{font-size:18px;letter-spacing:.18em;font-weight:500}.modal-close{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--light);font-size:24px;cursor:pointer;line-height:1}.modal-close:hover{color:var(--warm)}