:root{--ink:#050b24;--night:#0b1538;--blue:#182b58;--moon:#f6f2e8;--silver:#b8c3d8;--gold:#d8c08d;--lavender:#a9a4be;--demo-panel:#0d1737;--demo-ink:#f7f3ea;--demo-muted:#b8c3d8;--demo-accent:#d8c08d;--demo-button:#e6d29f;--demo-button-ink:#071027;--demo-focus:#f4dda2;--demo-radius:22px;--demo-title-font:400 2rem/.95 Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--moon);background:var(--ink);font:300 1rem/1.65 Arial,sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit}button,a{font:inherit}.celestial-label{margin:0 0 18px;color:var(--gold);font-size:.61rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.opening{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;grid-template-columns:1fr 1fr;gap:8vw;padding:7vw;background:radial-gradient(circle at 22% 25%,#1a2f63,#050b24 52%);overflow:hidden;transition:opacity .9s,visibility .9s}.opening.opened{opacity:0;visibility:hidden}.constellation-mark{position:relative;width:min(480px,38vw);aspect-ratio:1}.constellation-mark:before,.constellation-mark:after{content:"";position:absolute;inset:20%;border:1px solid #dbe4f06b;border-radius:50%;transform:rotate(24deg);transition:transform 1s}.constellation-mark:after{inset:34%;border-color:#d8c08d80;transform:rotate(-35deg)}.constellation-mark i{position:absolute;width:7px;aspect-ratio:1;border-radius:50%;background:#f9f3df;box-shadow:0 0 18px 5px #9dbaff77}.constellation-mark i:nth-child(1){left:18%;top:30%}.constellation-mark i:nth-child(2){left:43%;top:16%}.constellation-mark i:nth-child(3){right:17%;top:42%}.constellation-mark i:nth-child(4){left:35%;bottom:18%}.constellation-mark i:nth-child(5){right:27%;bottom:28%}.constellation-mark span{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font:italic 3rem Georgia,serif;letter-spacing:.12em}.opened .constellation-mark:before{transform:rotate(94deg) scale(1.3)}.opened .constellation-mark:after{transform:rotate(-110deg) scale(.7)}.opening-copy{position:relative;z-index:2}.opening h1{margin:20px 0;font:400 clamp(3rem,6vw,6.5rem)/.91 Georgia,serif;letter-spacing:-.05em}.opening h1 em{color:var(--silver);font-weight:400}.opening-copy>p{max-width:46ch;overflow-wrap:anywhere}.opening button,.celestial-button{display:inline-flex;padding:15px 25px;color:#061027;background:var(--gold);border:1px solid #f3e5c0;text-decoration:none;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.opening small{display:block;margin-top:25px;letter-spacing:.18em}.music-control{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;align-items:center;gap:10px;padding:11px 15px;color:var(--moon);background:#07102be8;border:1px solid #8b99b8;border-radius:999px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.music-control[hidden]{display:none}.music-orbit{width:18px;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;position:relative}.music-orbit:after{content:"";position:absolute;width:4px;aspect-ratio:1;border-radius:50%;background:#fff;left:-2px;top:5px}.music-control.is-playing .music-orbit{animation:orbitSpin 2s linear infinite}.hero{position:relative;min-height:110svh;padding:110px 7vw 80px;overflow:hidden;background:linear-gradient(90deg,#050b24 0 63%,#101d41 63%)}.orbit-nav{position:absolute;z-index:3;top:28px;left:7vw;right:7vw;display:flex;align-items:center;gap:30px;padding-bottom:14px;border-bottom:1px solid #ffffff2b;font-size:.6rem;letter-spacing:.17em;text-transform:uppercase}.orbit-nav b{margin-right:auto;color:var(--gold)}.orbit-nav a{text-decoration:none}.moon{position:absolute;right:-8vw;top:11%;width:min(55vw,720px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf6,#d9d5cf 65%,#a3a7b2);box-shadow:-40px 0 90px #abb4d433}.moon:after{content:"";position:absolute;inset:-3% -3% -3% 32%;border-radius:50%;background:#101d41;box-shadow:-20px 0 35px #101d41}.moon span{position:absolute;z-index:2;inset:-10%;border:1px solid #d8c08d66;border-radius:50%;transform:rotate(-22deg) scaleY(.58)}.hero-copy{position:relative;z-index:2;width:min(900px,72vw);padding-top:13vh}.hero h2{margin:20px 0;font:400 clamp(5.1rem,11vw,11rem)/.69 Georgia,serif;letter-spacing:-.075em}.hero h2 i{color:var(--gold);font-weight:400}.hero-date{font-size:.68rem;letter-spacing:.2em}.hero-date span{margin-left:20px;color:var(--gold)}.star-message{width:min(560px,90%);margin-top:32px;padding:18px 22px;border-left:1px solid var(--gold);background:#0a1434cc}.star-message p{margin:0 0 7px;overflow-wrap:anywhere}.star-message strong{color:var(--silver);font-size:.67rem;letter-spacing:.13em;text-transform:uppercase}.coordinates{position:absolute;right:2%;top:50%;writing-mode:vertical-rl;font-size:.55rem;letter-spacing:.18em}.falling-cue{position:absolute;z-index:2;bottom:28px;left:7vw;font-size:.58rem;letter-spacing:.2em;text-decoration:none}.vow{display:grid;grid-template-columns:.25fr 1fr .45fr;gap:5vw;align-items:start;padding:150px 9vw;color:#0b1538;background:#f5f1e8}.vow>span{color:#a58a57;font:4rem Georgia,serif}.vow p{margin:0;font:400 clamp(3.2rem,7vw,7rem)/.93 Georgia,serif;letter-spacing:-.055em}.vow small{align-self:end;letter-spacing:.14em;line-height:2}.celestial-film{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;padding:130px 8vw;background:#0c1738}.eclipse-frame{position:relative;min-height:650px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#f6f2e8 0 20%,#7c8396 21%,#101b3d 22% 38%,#050b24 39%);border:1px solid #7181a5}.eclipse-frame:before{content:"";position:absolute;width:85%;aspect-ratio:1;border:1px solid #d8c08d88;border-radius:50%;transform:scaleY(.38) rotate(22deg)}.eclipse-frame span{font:italic clamp(3rem,7vw,7rem) Georgia,serif;color:#d8c08d;z-index:1}.eclipse-frame small{position:absolute;right:22px;bottom:20px;letter-spacing:.16em}.celestial-film h2,.orbital-countdown h2,.place-copy h2,.star-itinerary h2,.night-code h2,.floating-archive h2,.celestial-gifts h2,.rsvp h2{margin:8px 0 28px;font:400 clamp(2.9rem,6vw,6rem)/.91 Georgia,serif;letter-spacing:-.05em}.celestial-film.is-playing .eclipse-frame:before{animation:eclipseTilt 2.4s ease-in-out infinite alternate}.orbital-countdown{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:end;padding:110px 8vw;color:#0b1538;background:#d9ddea}.orbital-countdown a,.place-copy a,.celestial-gifts a{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;text-underline-offset:7px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.countdown div{position:relative;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid #495778;border-radius:50%}.countdown div:after{content:"";position:absolute;inset:-8px;border:1px solid #a58a5766;border-radius:50%;transform:scaleY(.78) rotate(20deg)}.countdown strong{font:400 clamp(2rem,4.5vw,4rem) Georgia,serif}.countdown span{font-size:.5rem;letter-spacing:.1em;text-transform:uppercase}.sky-places{display:grid;grid-template-columns:1.1fr .9fr;min-height:820px}.sky-map{position:relative;overflow:hidden;background:radial-gradient(circle at 25% 25%,#fff 0 1px,transparent 2px),radial-gradient(circle at 68% 62%,#d8c08d 0 2px,transparent 3px),linear-gradient(145deg,#142750,#050b24)}.sky-map:before{content:"";position:absolute;inset:15%;border:1px solid #b9c8e05c;border-radius:50%;transform:scaleY(.6) rotate(-20deg)}.sky-map i{position:absolute;width:14px;aspect-ratio:1;border:2px solid #f5f1e8;border-radius:50%;box-shadow:0 0 25px #fff}.sky-map i:nth-of-type(1){left:27%;top:31%}.sky-map i:nth-of-type(2){right:29%;bottom:30%}.route-line{position:absolute;left:28%;top:32%;width:48%;height:1px;background:linear-gradient(90deg,#fff,#d8c08d);transform:rotate(29deg);transform-origin:left}.sky-map small{position:absolute;left:25px;bottom:22px;letter-spacing:.16em}.place-copy{padding:90px 7vw;background:#f5f1e8;color:#101c3b}.place-copy article{padding:35px 0;border-top:1px solid #aeb5c5}.place-copy article+article{margin-top:10px}.place-copy h2{font-size:clamp(2.6rem,5vw,5rem)}.star-itinerary{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;padding:130px 8vw;background:#081027}.star-itinerary ol{position:relative;list-style:none;margin:0;padding:0}.star-itinerary ol:before{content:"";position:absolute;left:8px;top:18px;bottom:18px;width:1px;background:linear-gradient(#d8c08d,#93a4c7)}.star-itinerary li{position:relative;display:grid;grid-template-columns:95px 1fr;gap:20px;padding:0 0 36px 35px}.star-itinerary li:before{content:"";position:absolute;left:2px;top:9px;width:12px;aspect-ratio:1;border-radius:50%;background:#f7f2e5;box-shadow:0 0 14px #b6caff}.star-itinerary time{color:var(--gold);font:italic 1.25rem Georgia,serif}.star-itinerary span{display:block;font:1.4rem Georgia,serif}.star-itinerary small{color:var(--silver)}.night-code{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;padding:120px 8vw;color:#111d3d;background:#ece9e5}.night-code p{max-width:44ch}.lunar-palette{display:flex;gap:10px;margin-top:30px}.lunar-palette i{width:36px;aspect-ratio:1;border-radius:50%;border:1px solid #65708c;background:#111b3a}.lunar-palette i:nth-child(2){background:#7d8495}.lunar-palette i:nth-child(3){background:#aaa3b9}.lunar-palette i:nth-child(4){background:#e9e5dc}.orbit-wardrobe{position:relative;min-height:600px;display:flex;justify-content:center;align-items:end;gap:24px;overflow:hidden;background:linear-gradient(145deg,#19284f,#070e24)}.orbit-wardrobe:before{content:"";position:absolute;inset:12%;border:1px solid #d8c08d;border-radius:50%;transform:scaleY(.55) rotate(-25deg)}.orbit-wardrobe i{z-index:1;width:25%;height:67%;background:linear-gradient(90deg,#ced3df,#505c79);clip-path:polygon(45% 0,55% 0,65% 14%,62% 45%,92% 100%,8% 100%,38% 45%,35% 14%)}.orbit-wardrobe i+i{height:59%;background:linear-gradient(90deg,#ddd6c8,#8d7e70)}.orbit-wardrobe span{position:absolute;right:18px;bottom:16px;font-size:.55rem;letter-spacing:.16em}.floating-archive{position:relative;min-height:1150px;padding:130px 6vw;background:#f5f1e8;color:#101b38}.floating-archive header{width:min(650px,100%)}.floating-archive figure{position:absolute;margin:0;display:flex;align-items:flex-end;padding:20px;color:#f7f2e7;background:linear-gradient(145deg,#273962,#091129);box-shadow:0 22px 55px #1420402c}.floating-archive figcaption{font:italic 1rem Georgia,serif}.floating-archive figure>span{position:absolute;top:18px;right:18px;font-size:.6rem}.frame-one{left:7%;top:40%;width:38%;height:520px}.frame-two{right:8%;top:18%;width:32%;height:460px;transform:rotate(2deg)}.frame-three{right:17%;bottom:7%;width:42%;height:340px;transform:rotate(-2deg)}.celestial-gifts{position:relative;min-height:650px;display:grid;place-items:center;padding:100px 25px;background:#101c3d;overflow:hidden}.celestial-gifts>div{position:relative;z-index:1;width:min(760px,100%);text-align:center}.celestial-gifts>div>div{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.gift-orbit{position:absolute;width:min(700px,88vw);aspect-ratio:1;border:1px solid #d8c08d55;border-radius:50%;transform:scaleY(.45) rotate(20deg)}.rsvp{min-height:850px;display:grid;place-content:center;justify-items:center;padding:120px 24px;text-align:center;background:#f1eee7;color:#101b38}.rsvp>p{max-width:46ch}.celestial-pass{width:min(650px,100%);margin:35px auto;text-align:left;color:#f6f2e8;background:#081027;border:1px solid #8795b4}.celestial-pass nav{display:flex;padding:8px;background:#101d3d}.celestial-pass nav button{flex:1;padding:10px;color:#c4ccdd;background:transparent;border:1px solid transparent;font-size:.6rem;letter-spacing:.13em;text-transform:uppercase}.celestial-pass nav button[aria-pressed=true]{color:#091128;background:#d8c08d}.celestial-pass article{min-height:220px;display:grid;grid-template-columns:140px 1fr;gap:28px;align-items:center;padding:30px}.celestial-pass article[hidden]{display:none}.celestial-pass strong,.celestial-pass small,.celestial-pass i,.celestial-pass article>span{display:block}.celestial-pass strong{margin:8px 0;font:400 2rem Georgia,serif;overflow-wrap:anywhere}.celestial-pass small,.celestial-pass article>span{letter-spacing:.14em}.celestial-pass i{color:var(--gold)}.pass-moon{width:115px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#bbbcc4 66%);box-shadow:0 0 30px #afc3ef44}.celestial-pass article:first-of-type .pass-moon:after{content:"";display:block;width:100%;height:100%;border-radius:50%;background:#081027;transform:translateX(46%)}footer{display:flex;justify-content:space-between;gap:30px;padding:38px 6vw;border-top:1px solid #34466c;background:#050b24}footer b,footer span{display:block;letter-spacing:.15em}footer span{font-size:.57rem}.demo-legend{margin:0;text-align:right}.reveal{opacity:0;transform:translateY(26px) rotate(.15deg);filter:blur(4px);transition:opacity .9s,transform 1.1s,filter 1s}.reveal.visible{opacity:1;transform:none;filter:none}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes eclipseTilt{to{transform:scaleY(.5) rotate(-18deg)}}
@media(max-width:720px){.opening{grid-template-columns:1fr;padding:30px 24px;text-align:center}.constellation-mark{width:210px}.opening h1{font-size:3rem}.hero{min-height:100svh;padding:90px 20px 55px;background:linear-gradient(#050b24 0 68%,#101d41 68%)}.orbit-nav{left:20px;right:20px;gap:14px}.orbit-nav a:nth-of-type(2){display:none}.moon{width:87vw;right:-30vw;top:12%}.hero-copy{width:100%;padding-top:28vh}.hero h2{font-size:clamp(4.5rem,22vw,7rem)}.coordinates{display:none}.vow{grid-template-columns:1fr;padding:90px 24px}.vow>span{font-size:2.5rem}.vow small{margin-top:20px}.celestial-film,.orbital-countdown,.sky-places,.star-itinerary,.night-code{grid-template-columns:1fr}.celestial-film,.orbital-countdown,.star-itinerary,.night-code{padding:90px 24px}.eclipse-frame{min-height:440px}.orbital-countdown .countdown{margin-top:35px}.countdown{gap:5px}.countdown div{aspect-ratio:auto;padding:20px 4px;border-radius:50%}.countdown div:after{inset:-3px}.countdown strong{font-size:8vw}.countdown span{font-size:.45rem}.sky-map{min-height:55svh}.place-copy{padding:80px 24px}.star-itinerary{gap:30px}.orbit-wardrobe{min-height:450px}.floating-archive{min-height:auto;padding:90px 18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.floating-archive header{grid-column:1/-1;margin-bottom:30px}.floating-archive figure{position:relative!important;inset:auto!important;width:auto!important;height:360px!important;transform:none!important}.floating-archive .frame-three{grid-column:1/-1;height:300px!important}.celestial-gifts{min-height:600px}.celestial-pass article{grid-template-columns:85px 1fr;padding:22px}.pass-moon{width:72px}footer{flex-direction:column}.demo-legend{text-align:left}}
@media(max-width:390px){.opening h1{font-size:2.6rem}.constellation-mark{width:170px}.hero h2{font-size:4.35rem}.orbit-nav a:first-of-type{display:none}.countdown span{letter-spacing:.02em}.floating-archive{grid-template-columns:1fr}.floating-archive header,.floating-archive .frame-three{grid-column:auto}.star-itinerary li{grid-template-columns:75px 1fr}.celestial-pass article{grid-template-columns:1fr}.pass-moon{width:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;filter:none}}

/* Final layout polish */
.constellation-mark,.moon,.eclipse-frame:before,.sky-map:before,.route-line,.orbit-wardrobe:before,.gift-orbit{pointer-events:none}
.hero-copy,.place-copy,.star-itinerary>*,.rsvp>*{position:relative;z-index:2}
.celestial-pass article{grid-template-columns:minmax(72px,140px) minmax(0,1fr)}
.floating-archive{overflow:hidden}
@media(max-width:720px){.orbit-nav{align-items:center}.orbit-nav a{padding-block:7px}.hero-copy{padding-top:min(28vh,240px)}.star-itinerary ol:before{z-index:0}.star-itinerary li>*{position:relative;z-index:1}}
@media(max-width:390px){.hero-copy{padding-top:min(27vh,215px)}.celestial-pass article{grid-template-columns:1fr}.pass-moon{width:64px}}