@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--background:#111310;--text:#f0f1e9;--muted:#92978c;--accent:#d4ed91}
*{box-sizing:border-box}
body{margin:0;background:var(--background);color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;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='%23ffffff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:3}
.page{max-width:1800px;margin:auto;padding:38px 5vw 24px;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
header{padding-bottom:28px;border-bottom:1px solid #ffffff18}
.identity{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.13em}
.identity svg{width:27px;height:31px;stroke:var(--accent);stroke-width:1.2}
.plus{color:var(--muted);padding:0 4px}
.status{font-size:10px;letter-spacing:.15em;color:#bdc2b4;display:flex;align-items:center;gap:10px}
.status i{height:6px;width:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #d4ed9140}
main{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;flex:1;min-height:650px;padding:62px 0 72px}
.copy{position:relative;z-index:2}
.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:500;margin:0 0 32px;color:var(--accent)}
h1{font-size:clamp(56px,6.6vw,105px);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin:0 0 30px}
h1 span{color:var(--accent)}
.intro{color:#acb0a5;font-size:15px;line-height:1.8;margin:0}
.note{display:flex;align-items:center;gap:14px;color:#777e70;font-size:11px;margin-top:48px}
.line{width:30px;height:1px;background:#697159}
.art{height:490px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.halo{position:absolute;width:470px;height:470px;background:radial-gradient(ellipse,#b0d57b13,transparent 67%);border-radius:50%}
.sculpture{width:280px;height:340px;border-radius:47% 53% 40% 60% / 42% 40% 60% 58%;transform:rotate(-30deg);background:radial-gradient(ellipse at 31% 23%,#e6edc5 0%,#b1bf91 12%,#657551 29%,#333f2b 46%,#192016 64%,#4d5e38 82%,#b1bc88 100%);box-shadow:inset 8px 3px 17px #efffc85c,inset -20px -9px 28px #050b07,28px 30px 65px #0008;position:relative;animation:float 10s ease-in-out infinite}
.core{position:absolute;inset:67px 65px;border-radius:50%;background:radial-gradient(ellipse at 66% 65%,#1b2317,#080c09 62%,#000);box-shadow:-8px -6px 14px #10190b,9px 12px 13px #d8edaa80,inset -4px -7px 13px #aec78040}
.orbit{width:440px;height:195px;border:1px solid #b8cb8b38;border-radius:50%;position:absolute;transform:rotate(-35deg);pointer-events:none}
.orbit-one{z-index:-1;transform:rotate(48deg);width:390px;height:300px;border-color:#b8cb8b1b}
.orbit-two{border-top-color:transparent;border-left-color:transparent}
.coordinate{position:absolute;font-size:8px;letter-spacing:.15em;color:#717a66}
.coordinate-top{top:15px;right:0}.coordinate-bottom{bottom:7px;left:45px}
footer{font-size:9px;letter-spacing:.13em;color:#777e70;padding-top:23px;border-top:1px solid #ffffff18;line-height:1.8}
footer b{font-weight:400;margin:0 10px;color:#47503f}
@keyframes float{0%,100%{transform:translateY(0) rotate(-30deg)}50%{transform:translateY(-14px) rotate(-24deg)}}
@media(min-width:1600px){main{min-height:760px}.art{transform:scale(1.15)}}
@media(max-width:800px){.page{padding:25px 6vw 20px}header{padding-bottom:22px}.identity{font-size:10px;gap:10px}.status{font-size:8px;letter-spacing:.08em}main{grid-template-columns:1fr;min-height:auto;padding:55px 0 32px}.eyebrow{font-size:9px;margin-bottom:24px}h1{font-size:clamp(55px,10vw,80px)}.intro{font-size:14px}.note{margin-top:27px}.art{height:370px;margin-top:25px}.sculpture{width:215px;height:265px}.core{inset:53px 50px}.orbit{width:340px;height:155px}.orbit-one{width:310px;height:235px}.coordinate-top{top:18px}.coordinate-bottom{bottom:3px;left:0}.halo{width:360px;height:360px}footer{flex-wrap:wrap;gap:12px;font-size:8px}footer>span:nth-child(2){order:3;width:100%}}
@media(max-width:380px){.status{max-width:100px;line-height:1.6}.orbit{width:290px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){.sculpture{animation:none}}
