:root{--ink:#071524;--navy:#0b2037;--deep:#102b46;--blue:#56d8ff;--cyan:#a8f3ff;--pink:#ff7fb8;--gold:#ffd78c;--paper:#edf9f7;--text:#f5fbff;--muted:rgba(245,251,255,.68);--line:rgba(168,243,255,.2);--page:min(1240px,calc(100vw - 48px));--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;overflow-x:hidden;color:var(--text);background:var(--ink);font-family:"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}::selection{color:var(--ink);background:var(--cyan)}
.stars{position:fixed;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.topbar{position:fixed;top:0;left:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:92px;padding:0 38px;border-bottom:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(4,15,28,.86),transparent);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:12px;justify-self:start}.brand>span{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border:1px solid rgba(168,243,255,.38);border-radius:50%;background:rgba(255,255,255,.08);box-shadow:0 0 28px rgba(86,216,255,.25)}.brand img{width:100%;height:100%;object-fit:cover}.brand b{font-size:14px;line-height:1;letter-spacing:.14em}.brand small{display:block;margin-top:6px;color:var(--cyan);font-size:9px;letter-spacing:.22em}.coordinates{display:flex;align-items:center;gap:10px;padding:9px 15px;border:1px solid rgba(168,243,255,.22);border-radius:50px;color:rgba(255,255,255,.73);font-size:9px;font-weight:700;letter-spacing:.18em;background:rgba(7,21,36,.38)}.coordinates i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan);animation:pulse 1.8s infinite}.topbar nav{display:flex;justify-self:end;gap:26px;font-size:9px;font-weight:800;letter-spacing:.18em}.topbar nav a{padding:11px 0;border-bottom:1px solid transparent;transition:border-color .3s}.topbar nav a:hover{border-color:var(--cyan)}
.always-cta{position:fixed;top:50%;left:50%;z-index:60;display:flex;align-items:center;gap:18px;min-width:255px;padding:19px 20px 19px 28px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.75);border-radius:100px;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(115deg,rgba(11,80,117,.94),rgba(186,72,135,.94));box-shadow:0 22px 80px rgba(0,0,0,.45),inset 0 0 27px rgba(255,255,255,.13);backdrop-filter:blur(12px);transition:transform .35s var(--ease),box-shadow .35s}.always-cta i{display:grid;place-items:center;width:35px;height:35px;margin-left:auto;border-radius:50%;font-size:18px;font-style:normal;background:rgba(255,255,255,.17)}.always-cta:hover{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 25px 90px rgba(86,216,255,.3)}
.story{height:470vh}.stage{position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate;background:var(--navy)}.hero-image,.guide-hero__image{position:absolute;inset:-4%;background:url("./assets/generated/love-shop-atlas-lab-hero-07.png") center/cover no-repeat;transform:scale(1.06) translate(calc(var(--px,0)*11px),calc(var(--py,0)*8px));transition:filter 1.1s var(--ease),transform 1.1s var(--ease)}.phase-1 .hero-image{filter:saturate(.86) brightness(.6)}.phase-2 .hero-image{filter:saturate(1) brightness(.64) hue-rotate(-6deg);transform:scale(1.1) translate(calc(var(--px,0)*13px - 1%),calc(var(--py,0)*8px))}.phase-3 .hero-image{filter:saturate(1.18) brightness(.67) hue-rotate(7deg);transform:scale(1.13) translate(calc(var(--px,0)*14px + 1%),calc(var(--py,0)*9px))}.phase-4 .hero-image{filter:saturate(1.25) brightness(.75);transform:scale(1.08) translate(calc(var(--px,0)*12px),calc(var(--py,0)*8px - 1%))}.hero-filter{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 55% 58%,transparent 0 27%,rgba(3,16,31,.09) 46%,rgba(3,13,25,.8) 100%),linear-gradient(90deg,rgba(3,14,27,.91),transparent 49%,rgba(3,14,27,.22))}.orbit{position:absolute;z-index:2;top:52%;left:54%;width:46vw;height:25vw;min-width:450px;min-height:240px;transform:translate(-50%,-50%) rotate(-7deg);border:1px solid rgba(168,243,255,.3);border-radius:50%;box-shadow:inset 0 0 40px rgba(86,216,255,.08);pointer-events:none}.orbit::after{content:"";position:absolute;top:48%;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 17px var(--pink);animation:orbitPoint 4s linear infinite}.orbit--two{width:35vw;height:18vw;transform:translate(-50%,-50%) rotate(17deg);border-color:rgba(255,127,184,.26)}.orbit--two::after{background:var(--cyan);box-shadow:0 0 17px var(--cyan);animation-duration:5.4s;animation-direction:reverse}.story-copy{position:relative;z-index:5;width:var(--page);height:100%;margin:auto;pointer-events:none}.story-copy article{position:absolute;top:50%;left:0;width:min(540px,43vw);transform:translateY(calc(-42% + 35px));opacity:0;transition:opacity .65s,transform .8s var(--ease)}.story-copy article:nth-child(even){right:0;left:auto;text-align:right}.story-copy article.is-active{transform:translateY(-42%);opacity:1;pointer-events:auto}.eyebrow{margin:0 0 18px;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.25em;text-transform:uppercase}.story-copy h1,.story-copy h2,.section-head h2,.manifest h2,.guide-hero h1,.guide-content>header h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,8vw,132px);font-weight:400;line-height:.8;letter-spacing:-.07em}.story-copy h1 em,.story-copy h2 em,.section-head h2 em,.guide-hero h1 em{color:var(--pink);font-weight:400}.story-copy article>p:not(.eyebrow){width:min(440px,100%);margin:29px 0 0;color:var(--muted);font-size:15px;line-height:1.75}.story-copy article:nth-child(even)>p:not(.eyebrow){margin-left:auto}.scroll-cue{display:inline-flex;align-items:center;gap:13px;margin-top:31px;color:rgba(255,255,255,.6);font-size:8px;font-weight:800;letter-spacing:.2em}.scroll-cue i{font-size:18px;font-style:normal;animation:nudge 1.8s infinite}.text-link,.outline-link{display:inline-flex;align-items:center;gap:15px;margin-top:29px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.55);font-size:10px;font-weight:900;letter-spacing:.17em;pointer-events:auto}.text-link span,.outline-link span{color:var(--cyan);font-size:18px}.phase-labels{position:absolute;right:38px;bottom:32px;z-index:5;display:flex;gap:19px}.phase-labels span{color:rgba(255,255,255,.28);font:8px Consolas,monospace;letter-spacing:.15em}.phase-1 .phase-labels span:nth-child(1),.phase-2 .phase-labels span:nth-child(2),.phase-3 .phase-labels span:nth-child(3),.phase-4 .phase-labels span:nth-child(4){color:#fff}.chapter-meter{position:fixed;top:50%;right:25px;z-index:40;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translateY(-50%);font:8px Consolas,monospace;color:rgba(255,255,255,.46)}.chapter-meter span{position:relative;width:1px;height:115px;overflow:hidden;background:rgba(255,255,255,.18)}.chapter-meter i{position:absolute;top:0;left:0;width:1px;height:100%;transform:scaleY(0);transform-origin:top;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.atlas-section,.manifest,.route-section,.faq{position:relative;z-index:8;padding:145px max(24px,calc((100vw - 1240px)/2))}.atlas-section{color:var(--ink);background:var(--paper)}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:28px 80px;align-items:end;margin-bottom:75px}.section-head>.eyebrow{grid-column:1/-1;margin:0;color:#2683a3}.section-head h2{font-size:clamp(58px,7vw,110px)}.section-head>p:last-child{max-width:500px;margin:0 0 8px;color:rgba(7,21,36,.66);font-size:16px;line-height:1.8}.atlas-console{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);min-height:650px;border:1px solid rgba(7,21,36,.2);background:#dfeff0;box-shadow:0 30px 80px rgba(7,21,36,.12)}.map-field{position:relative;min-height:650px;overflow:hidden;background:radial-gradient(circle at center,rgba(86,216,255,.16),transparent 43%),linear-gradient(rgba(7,21,36,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,21,36,.045) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.map-field::before,.map-field::after{content:"";position:absolute;top:50%;left:50%;width:70%;height:1px;transform:translate(-50%,-50%) rotate(24deg);background:linear-gradient(90deg,transparent,#5ebcd1,transparent)}.map-field::after{transform:translate(-50%,-50%) rotate(-31deg)}.map-ring{position:absolute;top:50%;left:50%;width:68%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(18,126,158,.22);border-radius:50%}.map-ring--inner{width:37%;border-style:dashed;animation:spin 30s linear infinite}.map-node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:5px;transform:translate(-50%,-50%);border:0;color:var(--ink);background:transparent;cursor:pointer}.map-node i{display:block;width:22px;height:22px;border:6px solid #dfeff0;border-radius:50%;background:#2a98b6;box-shadow:0 0 0 1px rgba(7,21,36,.28),0 0 20px rgba(42,152,182,.6);transition:transform .3s,background .3s}.map-node b{font:700 9px Consolas,monospace;letter-spacing:.1em}.map-node small{color:rgba(7,21,36,.5);font-size:7px;letter-spacing:.15em}.map-node:hover i,.map-node.is-active i{transform:scale(1.35);background:var(--pink);box-shadow:0 0 0 1px rgba(7,21,36,.2),0 0 25px rgba(255,127,184,.75)}.node--core{top:50%;left:50%}.node--core i{width:36px;height:36px;background:var(--pink)}.node--news{top:20%;left:53%}.node--mint{top:34%;left:78%}.node--archive{top:69%;left:75%}.node--beacon{top:78%;left:38%}.node--cryo{top:38%;left:22%}.atlas-readout{display:flex;flex-direction:column;padding:52px 40px;color:var(--text);background:var(--navy)}.atlas-readout>span{color:var(--cyan);font:9px Consolas,monospace;letter-spacing:.17em}.atlas-readout h3{margin:65px 0 22px;font:400 clamp(34px,4vw,55px)/.98 Georgia,serif;letter-spacing:-.04em}.atlas-readout p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.atlas-readout>div{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:30px;border-top:1px solid var(--line);font:8px Consolas,monospace;letter-spacing:.12em}.atlas-readout>div em{color:var(--cyan);font-style:normal;text-align:right}.atlas-readout>a{display:inline-block;margin-top:28px;font-size:9px;font-weight:900;letter-spacing:.15em}.noscript-note{color:#5c3556}
.manifest{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;overflow:hidden;background:#102f4a}.manifest-number{position:absolute;right:-30px;top:20px;color:rgba(168,243,255,.045);font:400 380px/.8 Georgia,serif}.manifest header,.manifest-copy{position:relative;z-index:1}.manifest h2{font-size:clamp(54px,7vw,100px);line-height:.9}.manifest-copy{padding-top:43px}.manifest-copy p{margin:0 0 22px;color:var(--muted);font-size:15px;line-height:1.85}.manifest-copy .lead{color:#fff;font:400 clamp(22px,2.4vw,34px)/1.45 Georgia,serif}.route-section{color:var(--ink);background:#e9e1f0}.route-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(7,21,36,.2);border-left:1px solid rgba(7,21,36,.2)}.route-grid a{position:relative;display:flex;flex-direction:column;min-height:265px;padding:27px;border-right:1px solid rgba(7,21,36,.2);border-bottom:1px solid rgba(7,21,36,.2);transition:color .35s,background .35s,transform .35s var(--ease)}.route-grid a:hover{z-index:2;color:#fff;background:var(--navy);transform:translateY(-7px)}.route-grid span{color:#287f9d;font:8px Consolas,monospace;letter-spacing:.14em}.route-grid b{margin-top:auto;font:400 26px/1.05 Georgia,serif}.route-grid p{margin:12px 0 0;color:currentColor;opacity:.6;font-size:12px;line-height:1.5}.route-grid i{position:absolute;top:24px;right:25px;font-size:21px;font-style:normal}.route-notice{min-height:20px;margin:22px 0 0;color:rgba(7,21,36,.58);font-size:12px}.faq{background:var(--ink)}.faq>h2{margin:0 0 60px;font:400 clamp(50px,6vw,90px)/1 Georgia,serif;letter-spacing:-.055em}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0;cursor:pointer;list-style:none;font:400 22px Georgia,serif}.faq summary::-webkit-details-marker{display:none}.faq summary i{color:var(--cyan);font-size:24px;font-style:normal;transition:transform .3s}.faq details[open] summary i{transform:rotate(45deg)}.faq details p{max-width:780px;margin:-4px 0 30px;color:var(--muted);line-height:1.75}
.ticker{position:relative;z-index:10;overflow:hidden;padding:16px 0;color:var(--ink);background:var(--cyan);white-space:nowrap}.ticker span{display:inline-block;min-width:200%;font-size:9px;font-weight:900;letter-spacing:.2em;animation:ticker 23s linear infinite}footer{position:relative;z-index:10;display:flex;justify-content:space-between;gap:20px;padding:31px 38px;color:rgba(255,255,255,.48);background:#040e19;font:8px Consolas,monospace;letter-spacing:.17em}footer a:hover{color:#fff}
/* Guide */.guide-page{background:var(--paper)}.guide-page .topbar{background:linear-gradient(180deg,rgba(4,15,28,.94),rgba(4,15,28,.3))}.guide-hero{position:relative;min-height:94vh;overflow:hidden;isolation:isolate;background:var(--navy)}.guide-hero__image{inset:-6%;filter:saturate(.9) brightness(.5)}.guide-hero__veil{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,14,27,.92),rgba(3,14,27,.15) 63%,rgba(3,14,27,.55)),linear-gradient(0deg,rgba(3,14,27,.65),transparent 52%)}.guide-hero__copy{position:relative;z-index:2;width:var(--page);padding:clamp(210px,27vh,295px) 0 120px}.guide-hero h1{max-width:900px;font-size:clamp(68px,9vw,145px)}.guide-hero__copy>p:not(.eyebrow){max-width:610px;margin:35px 0 0;color:var(--muted);font-size:16px;line-height:1.8}.guide-card{position:absolute;right:6vw;bottom:66px;z-index:2;display:flex;flex-direction:column;align-items:center;width:145px;padding:18px;border:1px solid rgba(168,243,255,.4);transform:rotate(3deg);background:rgba(7,21,36,.4);backdrop-filter:blur(10px)}.guide-card span,.guide-card small{font:7px Consolas,monospace;letter-spacing:.14em}.guide-card b{margin:10px 0;font:400 58px/.9 Georgia,serif;color:var(--cyan)}.guide-layout{position:relative;z-index:8;display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(55px,8vw,120px);width:var(--page);margin:auto;padding:140px 0;color:var(--ink)}.guide-nav{position:sticky;top:125px;align-self:start;padding:25px 0;border-top:1px solid rgba(7,21,36,.22);border-bottom:1px solid rgba(7,21,36,.22)}.guide-nav .eyebrow{color:#277f9b}.guide-nav nav{display:flex;flex-direction:column}.guide-nav nav a{display:grid;grid-template-columns:42px 1fr;padding:13px 0;border-top:1px solid rgba(7,21,36,.09);font-size:12px;color:rgba(7,21,36,.72)}.guide-nav nav span{color:#3f90a8;font:9px Consolas,monospace}.small-back{display:inline-block;margin-top:27px;color:#736078;font-size:9px;font-weight:800;letter-spacing:.1em}.guide-content>header{padding-bottom:85px}.guide-content>header .eyebrow{color:#277f9b}.guide-content>header h2{font-size:clamp(58px,7vw,105px);color:var(--ink)}.guide-content>header>p:last-child{max-width:680px;margin:32px 0 0;color:rgba(7,21,36,.66);font-size:16px;line-height:1.8}.guide-step{scroll-margin-top:115px;display:grid;grid-template-columns:115px minmax(0,1fr);gap:40px;padding:75px 0;border-top:1px solid rgba(7,21,36,.22)}.step-number{color:rgba(22,128,157,.25);font:400 70px/.8 Georgia,serif}.guide-step>div:last-child>span{color:#277f9b;font:8px Consolas,monospace;letter-spacing:.16em}.guide-step h2{margin:20px 0 28px;font:400 clamp(39px,5vw,66px)/.98 Georgia,serif;letter-spacing:-.045em}.guide-step p{max-width:790px;margin:0 0 19px;color:rgba(7,21,36,.72);font-size:15px;line-height:1.85}.guide-step .lead{color:var(--ink);font:400 21px/1.55 Georgia,serif}.tip{margin-top:36px;padding:25px 28px;border-left:3px solid var(--pink);background:#e3f1ef}.tip b{color:#8d466c;font-size:8px;letter-spacing:.15em}.tip p{margin:10px 0 0;font-size:13px}.dictionary{scroll-margin-top:110px;padding:80px 0;border-top:1px solid rgba(7,21,36,.22)}.dictionary .eyebrow{color:#277f9b}.dictionary h2,.guide-routes h2{margin:0 0 45px;font:400 clamp(45px,6vw,78px)/1 Georgia,serif;letter-spacing:-.05em}.dictionary dl{display:grid;grid-template-columns:repeat(2,1fr);margin:0;border-top:1px solid rgba(7,21,36,.18);border-left:1px solid rgba(7,21,36,.18)}.dictionary dl div{min-height:160px;padding:25px;border-right:1px solid rgba(7,21,36,.18);border-bottom:1px solid rgba(7,21,36,.18)}.dictionary dt{font:400 25px Georgia,serif}.dictionary dd{margin:15px 0 0;color:rgba(7,21,36,.66);font-size:13px;line-height:1.7}.guide-routes{scroll-margin-top:110px;padding:80px 0 40px;border-top:1px solid rgba(7,21,36,.22)}.guide-routes .eyebrow{color:#277f9b}.guide-routes>p:not(.eyebrow):not(.route-notice){max-width:680px;margin:-22px 0 38px;color:rgba(7,21,36,.66);line-height:1.7}.guide-routes .route-grid{grid-template-columns:repeat(3,1fr)}.guide-routes .route-grid a{min-height:205px}.back-link{display:inline-block;margin-top:65px;padding-bottom:8px;border-bottom:1px solid rgba(7,21,36,.35);color:#756078;font-size:10px;font-weight:900;letter-spacing:.1em}
@keyframes pulse{50%{opacity:.4;transform:scale(.7)}}@keyframes nudge{50%{transform:translateY(7px)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbitPoint{0%{top:48%;left:-4px}25%{top:-4px;left:50%}50%{top:48%;left:calc(100% - 4px)}75%{top:calc(100% - 4px);left:50%}100%{top:48%;left:-4px}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:900px){:root{--page:calc(100vw - 36px)}.topbar{height:78px;padding:0 18px;grid-template-columns:1fr auto}.coordinates{display:none}.topbar nav{gap:14px}.brand>span{width:40px;height:40px}.brand b{font-size:11px}.always-cta{top:auto;bottom:23px;min-width:235px;transform:translateX(-50%)}.always-cta:hover{transform:translateX(-50%) scale(1.04)}.story-copy article{top:auto;right:auto!important;bottom:105px;left:0!important;width:86vw;text-align:left!important;transform:translateY(25px)}.story-copy article.is-active{transform:none}.story-copy article:nth-child(even)>p:not(.eyebrow){margin-left:0}.story-copy h1,.story-copy h2{font-size:clamp(55px,17vw,95px)}.hero-filter{background:linear-gradient(0deg,rgba(3,14,27,.96),transparent 73%),radial-gradient(circle at center,transparent,rgba(3,14,27,.55))}.chapter-meter,.phase-labels{display:none}.orbit{width:78vw;height:43vw;min-width:0;min-height:0}.atlas-section,.manifest,.route-section,.faq{padding:100px 18px}.section-head,.manifest{grid-template-columns:1fr;gap:30px}.atlas-console{grid-template-columns:1fr}.map-field{min-height:540px}.atlas-readout{min-height:420px}.route-grid{grid-template-columns:repeat(2,1fr)}.guide-layout{grid-template-columns:1fr;padding-top:90px}.guide-nav{position:relative;top:auto}.guide-nav nav{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px}.guide-step{grid-template-columns:85px 1fr}.dictionary dl{grid-template-columns:1fr}}
@media(max-width:560px){.topbar nav a:nth-child(1),.topbar nav a:nth-child(3){display:none}.brand small{display:none}.always-cta{bottom:17px;padding:16px 18px 16px 23px}.hero-image,.guide-hero__image{background-position:53% center}.story-copy article{bottom:92px;width:94vw}.story-copy h1,.story-copy h2{font-size:clamp(50px,19vw,76px)}.story-copy article>p:not(.eyebrow){display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px}.section-head h2{font-size:57px}.map-field{min-height:500px}.map-ring--outer{width:88%}.map-node b{font-size:7px}.node--news{top:18%;left:55%}.node--mint{left:82%}.node--archive{left:80%}.node--beacon{left:31%}.node--cryo{left:17%}.atlas-readout{padding:38px 25px}.route-grid,.guide-routes .route-grid{grid-template-columns:1fr}.route-grid a{min-height:180px}footer{flex-direction:column;padding-bottom:105px}.guide-hero{min-height:850px}.guide-hero__copy{padding-top:190px}.guide-hero h1{font-size:64px}.guide-card{right:18px;bottom:35px}.guide-nav nav{grid-template-columns:1fr}.guide-step{grid-template-columns:1fr;gap:22px}.step-number{font-size:55px}.guide-step h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stars{display:none}}