@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{color-scheme:dark;--paper:#efece2;--muted:#93958f;--accent:#ddb781;--line:#ffffff20;--glow:220,156,80}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#080b10;color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}#sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.masthead{height:108px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:600;letter-spacing:4px;display:flex;align-items:center;gap:12px}.brand-symbol{font-size:38px;font-weight:400;color:var(--accent)}.brand-sub{font-size:8px;letter-spacing:1.5px;font-weight:400;margin-left:20px;color:var(--muted)}nav{display:flex;align-items:center;gap:36px;font-size:11px}nav a{color:#c3c3bd}nav button{background:none;border:1px solid var(--line);padding:11px 16px;border-radius:30px;font-size:10px;cursor:pointer}.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:7px}.hero{min-height:740px;height:calc(100svh - 108px);max-height:1000px;position:relative;overflow:hidden;padding:0 8%}.coordinates{position:absolute;top:34px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#777e82}.hero-copy{position:relative;z-index:2;padding-top:150px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.8px;color:var(--accent);display:flex;align-items:center;gap:12px}.eyebrow span{width:22px;height:1px;background:var(--accent)}h1,h2,p{margin-top:0}h1{font-weight:400;font-size:clamp(70px,7.8vw,128px);line-height:1.03;letter-spacing:-6px;margin:30px 0 27px}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:var(--accent)}h1 em{font-size:1.18em;letter-spacing:-4px}.intro{color:#a5a6a1;font-size:13px;line-height:1.9}.explore{display:inline-flex;align-items:center;gap:45px;margin-top:23px;padding:15px 0;border-bottom:1px solid #bda786;font-size:11px}.explore span{color:var(--accent);font-size:19px;transition:transform .3s}.explore:hover span{transform:translate(4px,-4px)}.orbital-art{position:absolute;width:720px;height:720px;right:-30px;top:5px;transform:rotate(-25deg);pointer-events:none}.planet{position:absolute;width:365px;height:365px;border-radius:50%;left:180px;top:180px;background:radial-gradient(ellipse at 20% 17%,#ffdfac 0,#c29b66 7%,#6f5540 15%,#302923 28%,#101319 51%,#080b10 70%);box-shadow:-12px -10px 25px -16px #ffdea8,-32px -23px 90px -30px rgba(var(--glow),.4),inset 2px 2px 4px #efd5a566;overflow:hidden}.planet:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(14deg,transparent 0px,#00000018 2px,transparent 4px);opacity:.5}.halo{position:absolute;inset:60px;background:radial-gradient(ellipse,rgba(var(--glow),.14),transparent 65%);filter:blur(24px)}.orbit{position:absolute;left:30px;top:270px;width:660px;height:180px;border:1px solid #ddbc815c;border-radius:50%;transform:rotate(-8deg);box-shadow:0 -2px 15px -7px #f7d5a3}.orbit-one{z-index:2;border-top-color:transparent;border-left-color:#d5ae7270}.orbit-two{transform:rotate(-8deg) scale(1.12);border-color:#9a81582b}.orbit-three{transform:rotate(-8deg) scale(.88);border-color:#efd4a733}.satellite{position:absolute;left:75px;top:353px;width:9px;height:9px;border-radius:50%;background:#ffe5b6;box-shadow:0 0 18px #ffcf92;animation:breathe 6s ease-in-out infinite}.art-label{position:absolute;bottom:85px;right:140px;transform:rotate(25deg);font-size:8px;letter-spacing:2px;color:#827b70}.hero-bottom{position:absolute;bottom:35px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#787e83}.hero-bottom a{color:#c0c0b8}.hero-bottom a span{margin-left:20px;font-size:17px}.perspective{position:relative;border-top:1px solid var(--line);margin:0 5%;padding:100px 3%;display:grid;grid-template-columns:1fr 2.2fr;overflow:hidden}.section-label{font-size:8px;letter-spacing:2px;color:#8f9494;line-height:1.8}.perspective h2{font-size:clamp(38px,4.3vw,66px);font-weight:400;letter-spacing:-2.5px;line-height:1.15;margin:25px 0 35px}.essay{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:620px;color:var(--muted);font-size:12px;line-height:1.9}.mini-orbit{position:absolute;width:160px;height:160px;border:1px solid #b89a6130;border-radius:50%;left:3%;bottom:100px}.mini-orbit:before{content:'';position:absolute;inset:30px;border:1px solid #b89a6150;border-radius:50%}.mini-orbit span{position:absolute;width:9px;height:9px;background:var(--accent);border-radius:50%;left:25px;top:18px;box-shadow:0 0 25px #e6bc88}.moments{padding:70px 8% 100px;border-top:1px solid var(--line);background:linear-gradient(#11151a55,#080b1066)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.section-heading h2{font-size:40px;font-weight:400;letter-spacing:-1.5px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.moment{text-align:left;display:flex;flex-direction:column;padding:26px;background:#10141bcc;border:1px solid var(--line);cursor:pointer;transition:background .35s,border-color .35s,transform .35s;min-width:0}.moment:hover{transform:translateY(-5px);background:#191c22}.moment.selected{border-color:#b99c6866}.card-no{font-size:8px;letter-spacing:2px;color:var(--muted)}.card-art{height:180px;display:block;position:relative;width:100%}.light-art{background:radial-gradient(ellipse at center,#ffe4b6 0, #d8ad76 1%,#a6804960 3%,#b0873820 12%,transparent 50%)}.light-art:after{content:'';position:absolute;top:50%;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#e1b984,transparent);box-shadow:0 0 10px #d8aa6e}.connection-art:before,.connection-art:after{content:'';position:absolute;width:94px;height:94px;top:42px;border:1px solid #b7bbd070;border-radius:50%;box-shadow:inset 0 0 30px #9699cf0a,0 0 30px #9699cf0a}.connection-art:before{left:calc(50% - 72px)}.connection-art:after{left:calc(50% - 23px)}.possibility-art{background:radial-gradient(ellipse at center,#7bcbb61a,transparent 65%)}.possibility-art:after{content:'';position:absolute;left:calc(50% - 45px);top:40px;width:90px;height:90px;border:1px solid #8ab8a6;border-radius:50%;box-shadow:0 0 25px #90dac523,inset 0 0 25px #90dac51a;transform:rotateX(45deg) rotate(-30deg)}.card-title{font-size:23px;line-height:1.25;letter-spacing:-.7px;position:relative}.card-title>span{position:absolute;right:0;bottom:0;font-size:20px;color:var(--accent)}.card-description{font-size:10px;color:var(--muted);margin-top:18px;line-height:1.6}.scene-note{font-size:10px;color:var(--muted);margin:22px 0 0;line-height:1.7}.closing{text-align:center;padding:100px 20px 130px;background:radial-gradient(ellipse at bottom,rgba(var(--glow),.07),transparent 65%)}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(45px,5.6vw,82px);font-weight:400;line-height:1.1;letter-spacing:-3px;margin:30px 0 15px}footer{margin:0 5%;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:15px}footer p{font-size:10px;color:var(--muted);margin:0}footer>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}@keyframes breathe{50%{opacity:.5;box-shadow:0 0 30px #ffcf92}}body.still *{animation:none!important}html.still{scroll-behavior:auto}@media(min-width:1500px){.orbital-art{right:7%;top:50px}.hero-copy{padding-top:180px}}@media(max-width:1000px){.brand-sub{display:none}.orbital-art{right:-200px;opacity:.8}.hero-copy{padding-top:160px}.edition{display:none}.perspective{grid-template-columns:1fr 2fr}.mini-orbit{width:100px;height:100px}.cards{gap:12px}.moment{padding:20px}.card-title{font-size:20px}}@media(max-width:650px){.masthead{height:85px}.brand{font-size:17px;gap:7px}.brand-symbol{font-size:29px}nav{gap:14px}nav a{font-size:10px}nav button{padding:9px 10px;font-size:9px}.hero{height:auto;min-height:850px;padding:0 7%}.coordinates{font-size:6px;letter-spacing:1px;top:25px}.orbital-art{width:720px;right:calc(50% - 360px);top:215px;transform:rotate(-25deg) scale(.7);opacity:.9}.hero-copy{padding-top:95px}h1{font-size:66px;letter-spacing:-3.5px;margin:22px 0}.intro{font-size:11px}.eyebrow{font-size:7px;letter-spacing:2px}.hero-bottom{font-size:6px;letter-spacing:1px;bottom:28px}.hero-bottom>span{max-width:140px;line-height:1.8}.art-label{bottom:60px}.perspective{padding:55px 3%;display:block}.perspective-content{padding-top:35px}.perspective h2{font-size:40px;letter-spacing:-1.5px}.essay{grid-template-columns:1fr;gap:0;font-size:12px}.mini-orbit{display:none}.moments{padding:45px 7% 50px}.section-heading{display:block}.section-heading h2{font-size:33px;margin-top:20px}.cards{grid-template-columns:1fr;gap:16px}.moment{padding:24px}.card-art{height:150px}.card-title{font-size:25px}.closing{padding:75px 20px 90px}.closing h2{letter-spacing:-2px}footer{flex-wrap:wrap;gap:22px}footer>span{width:100%;font-size:7px}footer p{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}