:root{
--bg:#07080f;--bg2:#0d0f18;--surface:rgba(255,255,255,.045);--line:rgba(255,255,255,.11);
--text:#f4f1e9;--muted:#aaa7a0;--faint:#706e68;--gold:#dfc47f;--gold2:#b89450;
--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,Arial,sans-serif;--mono:"DM Mono",monospace;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#22243a 0,#0b0c14 27%,#07080f 65%);color:var(--text);font-family:var(--sans);line-height:1.65;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(120,130,190,.06),transparent 28%),radial-gradient(circle at 85% 65%,rgba(215,181,95,.045),transparent 25%);z-index:-3}
a{text-decoration:none;color:inherit}button{font:inherit}.scene-noise{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ambient{position:fixed;width:45vw;height:45vw;border-radius:50%;filter:blur(90px);opacity:.13;pointer-events:none;z-index:-2}.ambient-a{background:#6973ad;left:-25vw;top:15vh}.ambient-b{background:#d2a654;right:-30vw;top:65vh}
#progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);width:0;z-index:99;box-shadow:0 0 15px rgba(223,196,127,.6)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:linear-gradient(#07080fe8,transparent);transition:background .3s}
.brand{font:1.35rem var(--serif);letter-spacing:.04em}.brand span{opacity:.38}.topbar nav{display:flex;gap:20px}.topbar nav a{font:10px var(--mono);color:#98968f;letter-spacing:.12em;transition:.25s}.topbar nav a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;color:#eee}
.hero{min-height:100svh;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;padding:100px 7vw}
.hero-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 8% 24%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 22% 68%,#ddd 0 1px,transparent 1.5px),radial-gradient(circle at 76% 17%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 90% 52%,#ddd 0 1px,transparent 1.5px),radial-gradient(circle at 63% 78%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 38% 34%,#aaa 0 1px,transparent 1.5px);opacity:.55}
.hero-copy{position:relative;z-index:3;max-width:850px}.eyebrow,.kicker,.label,.tiny{font-size:10px;letter-spacing:.22em;text-transform:uppercase}.eyebrow,.kicker,.label{color:var(--gold)}.hero h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:.98}.hero h1{font-size:clamp(3.5rem,9vw,7.5rem);letter-spacing:-.04em;margin:18px 0}.hero h1 .line{display:block}.hero h1 .line:last-child{margin-left:4vw}.hero p:not(.eyebrow){max-width:650px;margin:28px auto;color:#aaa8a1}.button{display:inline-flex;align-items:center;gap:12px;padding:13px 19px;border:1px solid #dfc47f75;border-radius:999px;color:#eddea9;background:#dfc47f0c;cursor:pointer;transition:transform .3s,background .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);background:#dfc47f16;box-shadow:0 10px 35px rgba(0,0,0,.22)}.button-glow{box-shadow:0 0 0 rgba(223,196,127,0)}.button-glow:hover{box-shadow:0 0 32px rgba(223,196,127,.12)}.hero-footer{position:absolute;bottom:26px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:#696761;font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase}.hero-orbit{position:absolute;border:1px solid #dfc47f15;border-radius:50%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-a{width:min(790px,96vw)}.orbit-b{width:min(590px,78vw);transform:translate(-50%,-50%) rotate(62deg)}.orbit-c{width:min(410px,60vw);transform:translate(-50%,-50%) rotate(-37deg)}.hero-sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f3d994;font-size:16px;text-shadow:0 0 45px #dfc47f;animation:pulse 4s ease-in-out infinite}
@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.15);filter:brightness(1.15)}}
.section{max-width:var(--max);margin:auto;padding:145px 7vw}.label{margin-bottom:65px}.story-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.story-copy h2{font-size:clamp(3.2rem,6vw,5.2rem);margin:.15em 0 .3em}.quote-main{font:italic clamp(1.6rem,3.2vw,2.4rem)/1.1 var(--serif);color:#ddd5c2;margin:28px 0}.story-copy>p:last-child{color:var(--muted);max-width:570px}.portal-wrap{text-align:center}.portal{width:min(380px,72vw);aspect-ratio:1;margin:auto;position:relative;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(223,196,127,.12),transparent 57%)}.portal-ring{position:absolute;inset:8%;border:1px solid #dfc47f1d;border-radius:50%;animation:spin 18s linear infinite}.r2{inset:18%;transform:rotate(40deg);animation-direction:reverse}.portal-core{width:95px;height:95px;border-radius:50%;display:grid;place-items:center;background:#e4cc8d;color:#16140d;box-shadow:0 0 60px rgba(223,196,127,.28);font:42px/.72 var(--serif);font-style:italic}.portal-core small{font:9px var(--mono);letter-spacing:.15em}.portal-caption{font:10px/1.8 var(--mono);letter-spacing:.12em;margin-top:18px;color:#7d7a73}.portal-caption span{color:#55534e}@keyframes spin{to{transform:rotate(360deg)}}
.quote-band{margin:120px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0}.quote-meta,.quote-band blockquote{max-width:900px;margin-left:auto;margin-right:auto}.quote-meta{font:9px var(--mono);letter-spacing:.16em;color:#6b6963}.quote-band blockquote{font:italic clamp(2rem,4.4vw,3.7rem)/1.02 var(--serif);margin-top:17px;margin-bottom:20px}.quote-line{width:75px;height:1px;background:var(--gold)}
.micro-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.micro-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.micro-card.gold{background:linear-gradient(145deg,#dfc47f0c,#ffffff03)}.micro-card h3,.language-card h3{font-size:2.1rem;margin:.25em 0 .4em}.micro-card p,.language-card p,.constellation-story p,.map-heading p{color:var(--muted)}.tiny{color:#73716b;font-size:9px}
.map-section{max-width:none;background:linear-gradient(180deg,#ffffff03,#0000000c)}.map-heading{max-width:760px;margin:0 auto 75px}.map-heading h2{font-size:clamp(3rem,6vw,5.4rem);margin:.15em 0 .4em}.orbit-track{height:1px;max-width:860px;background:linear-gradient(90deg,transparent,#dfc47f55,transparent);margin:0 auto 45px;position:relative}.track-dot{position:absolute;left:0;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 20px #dfc47f}
.timeline{max-width:890px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(#dfc47f00,#dfc47f30 15%,#ffffff10 85%,#dfc47f00)}.item{width:50%;padding:0 48px 64px;position:relative}.item:nth-child(even){margin-left:50%}.item:nth-child(odd){text-align:right}.dot{position:absolute;top:6px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #dfc47f10,0 0 24px #dfc47f55}.item:nth-child(odd) .dot{right:-5px}.item:nth-child(even) .dot{left:-5px}.item .date{font:9px var(--mono);letter-spacing:.17em;color:#6d6b65}.item .title{font:2.05rem var(--serif);margin:.12em 0}.item p{color:#8e8b84;margin:0;font-size:.86rem}
.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.language-card{min-height:320px;padding:30px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;position:relative}.language-card:after{content:"";position:absolute;right:-55px;top:-55px;width:155px;height:155px;border:1px solid #dfc47f17;border-radius:50%}.planet{font-size:1.3rem;color:var(--gold);margin-bottom:auto}.language-card h3{font-size:2.6rem}.bottom-note{font-size:.75rem;color:#777;margin-top:auto}.constellation-story{margin-top:18px;display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:22px;background:#ffffff03}.constellation-graphic{width:165px;height:165px;position:relative;border-radius:50%;border:1px solid #dfc47f1b}.constellation-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:11px var(--mono);letter-spacing:.2em;color:var(--gold)}.node{position:absolute;width:8px;height:8px;border-radius:50%;background:#e7cf8f;box-shadow:0 0 15px #dfc47f}.n1{left:23px;top:36px}.n2{right:30px;top:26px}.n3{right:17px;bottom:43px}.n4{left:51px;bottom:18px}.n5{left:15px;top:91px}.edge{position:absolute;height:1px;background:#dfc47f35;transform-origin:left center}.e1{width:78px;left:27px;top:39px;transform:rotate(-8deg)}.e2{width:71px;left:86px;top:30px;transform:rotate(51deg)}.e3{width:77px;left:124px;top:76px;transform:rotate(163deg)}.e4{width:77px;left:53px;top:143px;transform:rotate(-167deg)}
.gallery-grid{display:grid;grid-template-columns:1.1fr .75fr .75fr;grid-template-rows:220px 220px;gap:15px}.memory-frame{border-radius:22px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff09,#ffffff02);min-height:0}.memory-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 22%,rgba(223,196,127,.12),transparent 30%),radial-gradient(circle at 90% 80%,rgba(115,126,185,.08),transparent 35%)}.frame-large{grid-row:span 2}.frame-tall{grid-row:span 2}.frame-content{position:absolute;left:25px;right:25px;bottom:23px}.frame-content span{font:8px var(--mono);letter-spacing:.16em;color:#6c6962}.frame-content h3{font-size:2rem;margin:.2em 0}.frame-content p{color:#777;font-size:.78rem;margin:0}.message-room{margin-top:90px}.message-room>h3{font-size:2.6rem;margin:5px 0 20px}.quotes{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote-card{border-left:1px solid var(--gold);background:#ffffff03;padding:25px}.quote-card p{font:1.75rem/1.1 var(--serif);margin:0;color:#ddd8cb}.quote-card small{display:block;margin-top:15px;color:#6e6b65;font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.future{min-height:100svh;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line);padding:120px 7vw}.future-sky{position:absolute;width:min(850px,110vw);aspect-ratio:1;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.future-ring{position:absolute;inset:0;border:1px solid #dfc47f16;border-radius:50%}.fr2{inset:13%;transform:rotate(61deg)}.future-sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:18px;color:#f3db98;text-shadow:0 0 60px #dfc47f}.future-copy{max-width:780px;position:relative;z-index:2}.future-copy h2{font-size:clamp(3.4rem,7vw,6rem)}.future-copy>p:not(.kicker){max-width:620px;margin:30px auto;color:#9b9891}
footer{padding:28px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#5f5d57;font:9px var(--mono);letter-spacing:.14em}
.modal{display:none;position:fixed;inset:0;z-index:80;place-items:center}.modal.open{display:grid}.backdrop{position:absolute;inset:0;background:#03040bd9;backdrop-filter:blur(13px)}.letter{position:relative;z-index:2;width:min(570px,88vw);padding:46px;border:1px solid #dfc47f35;border-radius:25px;background:linear-gradient(155deg,#161721,#0b0c13);box-shadow:0 30px 100px rgba(0,0,0,.5)}.letter h2{font-size:3.5rem;margin:.18em 0}.letter p{color:#aaa69e}.signature{font:italic 1.5rem var(--serif)!important;color:#daca9b!important}.close{position:absolute;right:15px;top:8px;border:0;background:none;color:#999;font-size:2rem;cursor:pointer}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.topbar nav{display:none;position:absolute;top:57px;right:5vw;flex-direction:column;gap:12px;padding:15px 18px;background:#14151d;border:1px solid var(--line);border-radius:15px}.topbar nav.open{display:flex}.menu{display:block}.section{padding:105px 6vw}.hero h1{font-size:clamp(3.1rem,15vw,5.4rem)}.hero h1 .line:last-child{margin-left:0}.hero-footer{font-size:8px}.story-layout,.micro-grid,.language-grid,.constellation-story,.quotes{grid-template-columns:1fr}.portal-wrap{order:-1}.story-layout{gap:50px}.quote-band{margin:82px 0}.timeline:before{left:6px}.item,.item:nth-child(even){width:100%;margin:0;text-align:left;padding-left:38px;padding-right:0}.item:nth-child(odd) .dot,.item:nth-child(even) .dot{left:1px;right:auto}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 230px 230px}.frame-large{grid-column:span 2;grid-row:auto}.frame-tall{grid-row:span 2}.constellation-story{gap:20px}.future{padding:110px 6vw}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.hero-sun{animation:none}.portal-ring{animation:none}}