@charset "UTF-8";
:root{color-scheme:dark;--bg:#111310;--ink:#f2f0e7;--muted:#a3a69a;--accent:#d8ef93;--border:#30342c}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.25' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.page{overflow:hidden;max-width:1680px;min-height:100svh;margin:auto;padding:0 5.5%;display:flex;flex-direction:column}
header{display:flex;justify-content:space-between;align-items:center;padding:35px 0;border-bottom:1px solid var(--border);gap:20px}
.brand{display:flex;align-items:center;gap:15px;font-size:13px;line-height:1.2;font-weight:700;letter-spacing:1.8px}
.brand-symbol{font-family:Georgia,serif;font-size:48px;letter-spacing:-11px;line-height:1;padding-right:12px;transform:rotate(-12deg);font-weight:400}.brand-symbol span{color:var(--accent)}.brand-dot{color:var(--accent)}
.status,.eyebrow,.coming,.hero-bottom,.art-caption,.nav-label{font-family:"Courier New",monospace;font-size:10px;letter-spacing:1.7px;font-weight:400}
.status{display:flex;gap:10px;align-items:center;color:#c2c6b8}.status>span{width:6px;height:6px;border-radius:100%;background:var(--accent);box-shadow:0 0 14px #d8ef9344}
main{position:relative;isolation:isolate;display:flex;align-items:center;flex:1;min-height:640px;padding:100px 0 130px}
.hero-copy{position:relative;z-index:2;width:70%}.eyebrow{color:var(--accent);margin:0 0 38px}.eyebrow span{margin-right:15px;color:var(--muted)}
h1{font-size:clamp(56px,6.3vw,100px);line-height:1.05;letter-spacing:-5px;font-weight:400;margin:0 0 30px}h1 em{font-family:Georgia,"Times New Roman",serif;color:var(--accent);font-weight:400}
.intro{color:#b0b3a8;font-size:16px;line-height:1.8;margin:0}.coming{display:flex;align-items:center;gap:10px;margin-top:48px;font-size:10px}.coming>span:last-child{color:var(--muted)}.line{width:32px;height:1px;background:var(--accent);margin-right:8px}
.art{position:absolute;right:-2%;top:50%;width:48%;aspect-ratio:1;transform:translateY(-53%);z-index:-1}.sphere{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 31% 25%,#20251b 0%,#191d15 36%,#141610 54%,#433c20 70%,#b98b43 83%,#ead79b 92%,#f7e7ba 100%);box-shadow:12px 14px 40px #e9a64319,inset -3px -3px 4px #efdca955;transform:rotate(-24deg)}
.halo{position:absolute;inset:9%;border-radius:50%;background:radial-gradient(ellipse at 65% 70%,#bd8e3a25,transparent 69%);filter:blur(25px);animation:breathe 9s ease-in-out infinite alternate}.orbit{position:absolute;inset:1%;border:1px solid #7b805626;border-radius:50%;transform:rotate(-35deg) scaleY(.78)}.orbit-two{inset:-7%;transform:rotate(35deg) scaleY(.8);border-color:#7b805615}.cross{position:absolute;color:#6c715d;font:18px "Courier New",monospace}.cross-one{left:8%;top:22%}.cross-two{right:3%;bottom:22%}.art-caption{position:absolute;bottom:2%;right:12%;font-size:8px;color:#929883;letter-spacing:2px}
.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;color:#939989;font-size:9px}.coordinates{color:#727a67}
footer{padding:32px 0 35px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:28px}.footer-note{display:flex;flex-direction:column;gap:12px}.footer-brand{font-family:Georgia,serif;font-style:italic;font-size:18px;color:#d5d8cc}.copyright{font-size:10px;color:#959b8b}nav{display:flex;align-items:center;gap:32px}.nav-label{font-size:9px;color:#929989}a{font-size:12px;color:#d1d6c6;text-decoration:none;padding:10px 0;transition:color .2s}a span{margin-left:13px;color:var(--accent)}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px;border-radius:1px}
@keyframes breathe{to{opacity:.45;transform:scale(1.07)}}
@media(min-width:1600px){main{min-height:760px}}
@media(max-width:1000px){h1{letter-spacing:-3px}.page{padding:0 6%}.art{right:-4%;width:52%;opacity:.8}main{min-height:600px}nav{gap:22px}.nav-label{display:none}}
@media(max-width:700px){header{padding:25px 0}.brand{font-size:10px;gap:12px;letter-spacing:1.4px}.brand-symbol{font-size:39px}.status{font-size:8px;letter-spacing:1px;max-width:115px;line-height:1.6}.status>span{flex-shrink:0}main{display:block;min-height:auto;padding:65px 0 52px}.hero-copy{width:100%}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:30px}h1{font-size:clamp(43px,9.2vw,64px);letter-spacing:-2.5px;line-height:1.08;margin-bottom:24px}.intro{font-size:14px}.coming{margin-top:30px;font-size:9px;letter-spacing:1px;gap:8px}.line{width:20px}.art{position:relative;top:auto;right:auto;width:80%;max-width:360px;margin:35px auto 25px;transform:none;opacity:1}.hero-bottom{bottom:19px;font-size:8px;letter-spacing:1px}.coordinates{display:none}footer{align-items:flex-start;padding:27px 0;flex-direction:column;gap:24px}nav{width:100%;justify-content:space-between;gap:12px}a{font-size:11px}a span{margin-left:7px}.footer-note{gap:9px}.footer-brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}