:root{--void:#090f1a;--navy:#13233b;--gold:#d4af7c;--bone:#f6f4ee;--display:"Cinzel", serif;--text:"Jost", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{color:#f6f4ee;-webkit-font-smoothing:antialiased;background:#090f1a;font-family:Jost,sans-serif;font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#cosmos{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#halo{pointer-events:none;z-index:1;background:radial-gradient(circle,#d4af7c1a 0%,#d4af7c0a 28%,#13233b00 62%);width:140vmin;height:140vmin;transition:opacity 1.2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#vignette{z-index:2;pointer-events:none;background:radial-gradient(#090f1a00 45%,#090f1a8c 100%);position:fixed;inset:0}nav{z-index:20;mix-blend-mode:normal;justify-content:space-between;align-items:center;padding:1.4rem clamp(1rem,4vw,3rem);display:flex;position:fixed;top:0;left:0;right:0}nav .brand{align-items:center;gap:.8rem;display:flex}nav .brand img{width:34px;height:auto}nav .brand span{font-family:var(--display);letter-spacing:.32em;color:var(--gold);padding-left:.32em;font-size:.78rem;font-weight:600}nav .speak{font-family:var(--text);letter-spacing:.34em;text-transform:uppercase;color:var(--bone);opacity:.85;border:1px solid #d4af7c73;padding:.75rem 1.1rem .7rem 1.4rem;font-size:.68rem;font-weight:400;transition:border-color .4s,color .4s,opacity .4s}nav .speak:hover{border-color:var(--gold);color:var(--gold);opacity:1}#story{z-index:10;position:relative}section.beat{min-height:200vh;position:relative}section.beat .hold{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 clamp(1rem,5vw,4rem);display:flex;position:sticky;top:0}section#hero{min-height:160vh}section#close{min-height:120vh}.hold-low{justify-content:flex-end!important;padding-bottom:9vh!important}.hold-low h2{font-size:clamp(1.8rem,5vw,4.4rem)}.h2-tight{font-size:clamp(1.7rem,4.4vw,4rem)}.lockup{will-change:transform,opacity;width:min(60vh,86vw);height:auto}.mark{opacity:0;will-change:opacity;pointer-events:none;width:min(50vh,74vw);position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.copy{will-change:transform,opacity;opacity:0;max-width:60rem}.kicker{font-family:var(--text);letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:1.6rem;font-size:clamp(.62rem,1vw,.78rem);font-weight:400}h1,h2{font-family:var(--display);color:var(--bone);letter-spacing:.04em;padding:.1em .15em .18em;font-size:clamp(2rem,6.2vw,5.6rem);font-weight:600;line-height:1.08}h2 em{color:var(--gold);font-style:normal}.line{font-family:var(--text);letter-spacing:.06em;color:#f6f4eec7;max-width:34rem;margin:1.6rem auto 0;font-size:clamp(.95rem,1.35vw,1.2rem);font-weight:300;line-height:1.7}.rule{background:linear-gradient(90deg,#d4af7c00,#d4af7ce6 50%,#d4af7c00);width:min(26rem,70vw);height:1px;margin:2.2rem auto 0;position:relative}.rule:after{content:"";background:radial-gradient(circle,#f6f4ee 0%,#d4af7c 45%,#d4af7c00 72%);width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.orbit{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.orbit span{white-space:nowrap;font-family:var(--text);letter-spacing:.44em;text-transform:uppercase;color:var(--gold);opacity:0;text-shadow:0 0 18px #d4af7c59;padding-left:.44em;font-size:clamp(.62rem,1vw,.8rem);font-weight:400;position:absolute;transform:translate(-50%,-50%)}.tag{width:min(30rem,80vw);height:auto;margin:0 auto 2.6rem}.cta{font-family:var(--text);letter-spacing:.38em;text-transform:uppercase;color:var(--void);background:var(--gold);margin-top:2.8rem;padding:1.15rem 2.1rem 1.05rem 2.5rem;font-size:.72rem;font-weight:400;transition:box-shadow .5s,transform .5s;display:inline-block;box-shadow:0 0 40px #d4af7c47}.cta:hover{transform:translateY(-1px);box-shadow:0 0 70px #d4af7c80}.cta-alt{letter-spacing:.3em;text-transform:uppercase;color:#f6f4ee99;margin-top:1.4rem;font-size:.66rem;display:block}.cta-alt:hover{color:var(--gold)}.values{letter-spacing:.4em;text-transform:uppercase;color:#f6f4ee99;flex-wrap:wrap;justify-content:center;gap:.6rem 2.2rem;margin-top:2.4rem;font-size:clamp(.6rem,.95vw,.74rem);display:flex}footer{z-index:10;letter-spacing:.28em;text-transform:uppercase;color:#f6f4ee73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding:2rem clamp(1rem,4vw,3rem) 2.4rem;font-size:.64rem;display:flex;position:relative}footer .brand{align-items:center;gap:.8rem;display:flex}footer .brand img{opacity:.9;width:26px;height:auto}footer a:hover{color:var(--gold)}.cue{letter-spacing:.4em;text-transform:uppercase;color:#d4af7cb3;flex-direction:column;align-items:center;gap:.8rem;padding-left:.4em;font-size:.6rem;display:flex;position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%)}.cue i{background:linear-gradient(#d4af7c00,#d4af7ce6);width:1px;height:3.2rem;animation:2.6s ease-in-out infinite cue;display:block}@keyframes cue{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@media (width<=720px){section.beat{min-height:180vh}section#hero{min-height:150vh}.lockup{width:min(48vh,84vw)}.mark{width:min(40vh,76vw);top:36%}.hold-low{padding-bottom:7vh!important}nav .brand span{display:none}nav .speak{letter-spacing:.26em;padding:.6rem .8rem .55rem 1.05rem;font-size:.6rem}.orbit span{letter-spacing:.3em;font-size:.6rem}footer{text-align:center;justify-content:center}}@media (prefers-reduced-motion:reduce){.cue i{animation:none}}[hidden]{display:none!important}#doors{z-index:30;opacity:0;pointer-events:none;transition:opacity .9s;position:fixed;inset:0;overflow-y:auto}#doors.open{opacity:1;pointer-events:auto}#doors .veil{background:radial-gradient(#090f1a2e 30%,#090f1ab3 100%);position:absolute;inset:0}body.doors-open #story,body.doors-open footer,body.doors-open nav,body.doors-open #halo{opacity:.05;transition:opacity .8s}#doors .close{font-family:var(--text);letter-spacing:.34em;text-transform:uppercase;color:#f6f4eeb3;cursor:pointer;background:0 0;border:1px solid #d4af7c59;padding:.75rem 1.1rem .7rem 1.4rem;font-size:.66rem;font-weight:400;position:absolute;top:1.4rem;right:clamp(1rem,4vw,3rem)}#doors .close:hover{color:var(--gold);border-color:var(--gold)}.doorset{width:0;height:0;position:absolute;top:50%;left:50%}.door{aspect-ratio:1;text-align:center;cursor:pointer;width:clamp(9rem,18vw,15rem);color:var(--bone);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;transition:left .9s cubic-bezier(.2,.7,.2,1),top .9s cubic-bezier(.2,.7,.2,1),opacity .5s;display:flex;position:absolute;transform:translate(-50%,-50%)}.door .word{font-family:var(--display);letter-spacing:.12em;color:var(--bone);font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:600;transition:color .4s}.door .sub{font-family:var(--text);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);opacity:.85;margin-top:.7rem;font-size:clamp(.58rem,.85vw,.7rem);font-weight:400}.door:before{content:"";opacity:.7;background:radial-gradient(circle,#d4af7c29 0%,#d4af7c0d 45%,#d4af7c00 70%);border-radius:50%;transition:opacity .5s;position:absolute;inset:-6%}.door:hover:before,.door:focus-visible:before{opacity:1}.door:hover .word{color:var(--gold)}.door:focus-visible{outline-offset:8px;outline:1px solid #d4af7c99}.doorset.chosen .door:not(.picked){opacity:0;transition:opacity .5s}.door.picked .sub{opacity:0}.room{opacity:0;pointer-events:none;width:min(40rem,88vw);padding-bottom:6vh;transition:opacity .8s .5s,transform .8s .5s;position:absolute;top:28vh;left:50%;transform:translate(-50%,18px)}.room.open{opacity:1;pointer-events:auto;transform:translate(-50%)}.room .kicker{margin-bottom:1.2rem}.room h3{font-family:var(--display);letter-spacing:.04em;color:var(--bone);padding:.1em .1em .18em;font-size:clamp(1.4rem,2.6vw,2.4rem);font-weight:600;line-height:1.15}.room h3 em{color:var(--gold);font-style:normal}.room p{font-family:var(--text);letter-spacing:.04em;color:#f6f4eec7;max-width:34rem;margin-top:1rem;font-size:clamp(.92rem,1.15vw,1.05rem);font-weight:300;line-height:1.7}.choice{flex-wrap:wrap;gap:1rem 2.4rem;margin-top:1.6rem;display:flex}.choice button{cursor:pointer;font-family:var(--text);letter-spacing:.34em;text-transform:uppercase;color:var(--bone);background:0 0;border:0;border-bottom:1px solid #d4af7c73;padding:.6rem .2rem .5rem;font-size:.7rem;font-weight:400;transition:color .3s,border-color .3s}.choice button:hover,.choice button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.field{width:100%;font-family:var(--text);letter-spacing:.04em;color:var(--bone);background:0 0;border:0;border-bottom:1px solid #d4af7c66;outline:none;margin-top:1.4rem;padding:.7rem .1rem .6rem;font-size:1rem;font-weight:300;transition:border-color .3s;display:block}.field::placeholder{color:#f6f4ee66}.field:focus{border-color:var(--gold)}textarea.field{resize:vertical;min-height:6rem}.row{flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:1.8rem;display:flex}.go{font-family:var(--text);letter-spacing:.38em;text-transform:uppercase;color:var(--void);background:var(--gold);cursor:pointer;border:0;padding:1rem 1.8rem .9rem 2.2rem;font-size:.7rem;font-weight:400;box-shadow:0 0 30px #d4af7c40}.go[disabled]{opacity:.45;cursor:default;box-shadow:none}.go.sending{opacity:.72;animation:1.4s ease-in-out infinite sending}@keyframes sending{0%,to{box-shadow:0 0 18px #d4af7c29}50%{box-shadow:0 0 38px #d4af7c7a}}.quiet{font-family:var(--text);letter-spacing:.3em;text-transform:uppercase;color:#f6f4ee8c;cursor:pointer;background:0 0;border:0;font-size:.66rem}.quiet:hover{color:var(--gold)}.voice{align-items:center;gap:1.6rem;margin-top:2rem;display:flex}.vbtnwrap{flex-direction:column;flex:none;align-items:center;gap:.55rem;display:flex}.vbtn{cursor:pointer;background:radial-gradient(circle,#d4af7c29 0%,#d4af7c00 70%);border:1px solid #d4af7c8c;border-radius:50%;width:4.6rem;height:4.6rem;transition:border-color .4s,box-shadow .4s;position:relative}.vbtn:hover{border-color:var(--gold);box-shadow:0 0 34px #d4af7c47}.vhint{font-family:var(--text);letter-spacing:.26em;text-transform:uppercase;color:#d4af7cb8;white-space:nowrap;font-size:.55rem}.voice[data-state=ready] .vbtn{animation:3.6s ease-in-out infinite invite}.voice[data-state=ready] .vbtn:hover{animation:none}@keyframes invite{0%,to{border-color:#d4af7c73;box-shadow:0 0 #d4af7c00}50%{border-color:#d4af7cf2;box-shadow:0 0 26px 2px #d4af7c2e}}.vbtn span{opacity:0;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vstar{clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);background:radial-gradient(circle,#f6f4ee 0%,#d4af7c 55% 100%);width:1.7rem;height:1.7rem}.vstop{background:var(--gold);width:1.15rem;height:1.15rem}.vplay{border-left:1.15rem solid var(--gold);border-top:.72rem solid #0000;border-bottom:.72rem solid #0000;width:0;height:0;margin-left:.16rem}.vpause{border-left:.34rem solid var(--gold);border-right:.34rem solid var(--gold);width:1.05rem;height:1.2rem}.voice[data-state=ready] .vstar,.voice[data-state=recording] .vstop,.voice[data-state=recorded] .vplay,.voice[data-state=playing] .vpause{opacity:1}.voice[data-state=recording] .vbtn{border-color:var(--gold);animation:1.6s ease-in-out infinite listen}@keyframes listen{0%,to{box-shadow:0 0 #d4af7c00}50%{box-shadow:0 0 0 14px #d4af7c1f}}.vmain{flex:auto;min-width:0}.vwave{width:100%;height:5.2rem;display:block}.vmeta{font-family:var(--text);letter-spacing:.32em;text-transform:uppercase;color:#f6f4ee9e;justify-content:space-between;margin-top:.5rem;font-size:.64rem;display:flex}.voice[data-state=recording] #vstate{color:var(--gold)}.vrow{margin-top:.9rem}.vwrite{margin-top:1.4rem;display:block}.rec{font-family:var(--text);letter-spacing:.3em;text-transform:uppercase;color:#f6f4eeb3;align-items:center;gap:1rem;margin-top:1.4rem;font-size:.7rem;display:flex}.rec .dot{background:radial-gradient(circle,#f6f4ee 0%,#d4af7c 45%,#d4af7c00 72%);width:10px;height:10px;transform:rotate(45deg)}.rec.live .dot{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.note{font-family:var(--text);letter-spacing:.2em;text-transform:uppercase;color:#d4af7cbf;margin-top:1.2rem;font-size:.66rem}.speak-compose{opacity:1;transition:opacity .6s}.speak-confirmation{opacity:0;pointer-events:none;width:100%;transition:opacity .6s;position:absolute;top:0;left:0}#room-speak.sent .speak-compose{opacity:0;pointer-events:none}#room-speak.sent .speak-confirmation{opacity:1;pointer-events:auto}.speak-confirmation p{margin-top:1.2rem}.sent-back{color:var(--gold);margin-top:2rem;display:block}.speak-status:not(:empty){letter-spacing:.04em;text-transform:none;color:var(--bone);font-size:.78rem;line-height:1.6}.document-choice{margin-top:1.5rem}.document-choice button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d4af7c59;width:100%;padding:1rem .1rem;display:block}.document-choice span{font-family:var(--display);letter-spacing:.04em;color:var(--bone);font-size:1rem;display:block}.document-choice small{font-family:var(--text);letter-spacing:.04em;color:#f6f4ee9e;margin-top:.35rem;font-size:.78rem;display:block}.document-choice button:hover span,.document-choice button[aria-pressed=true] span{color:var(--gold)}.read-compose{opacity:1;transition:opacity .6s}.read-confirmation{opacity:0;pointer-events:none;width:100%;transition:opacity .6s;position:absolute;top:0;left:0}#room-read.sent .read-compose{opacity:0;pointer-events:none}#room-read.sent .read-confirmation{opacity:1;pointer-events:auto}.ask-response{margin-top:1.8rem}.ask-response .asked{color:var(--gold)}.ask-response #askanswer p{color:var(--bone)}.ask-response .quiet{color:var(--gold);margin-top:1.5rem}.waiting{font-family:var(--text);letter-spacing:.04em;color:var(--bone);margin-top:1.2rem;font-size:.78rem;font-weight:300;line-height:1.6}.waiting[hidden]{display:none}.waiting-points{vertical-align:middle;gap:6px;margin-left:.6rem;display:inline-flex}.waiting-points i{opacity:.25;background:#d4af7c;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite breathe}.waiting-points i:nth-child(2){animation-delay:.25s}.waiting-points i:nth-child(3){animation-delay:.5s}@keyframes breathe{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.waiting-points i{opacity:1;animation:none}}.ask-stage{min-height:1.6rem;position:relative}.ask-stage .waiting{opacity:0;pointer-events:none;margin-top:0;transition:opacity .5s;position:absolute;top:0;left:0}.ask-stage #askanswer{opacity:1;transition:opacity .5s}.ask-response.waiting-on .ask-stage .waiting{opacity:1}.ask-response.waiting-on #askanswer,.ask-response.waiting-out .ask-stage .waiting{opacity:0}@media (width<=720px){.door{aspect-ratio:auto;width:11rem;padding:1rem 0}.room{top:24vh}.voice{gap:1rem}.vbtn{width:3.8rem;height:3.8rem}.vhint{letter-spacing:.2em;font-size:.5rem}.vwave{height:4.4rem}.speak-confirmation,.read-confirmation{max-width:100%}}@media (prefers-reduced-motion:reduce){.go.sending{animation:none}.speak-compose,.speak-confirmation,.read-compose,.read-confirmation{transition:none}}
