@charset "UTF-8";
:root{color-scheme:dark;--bg:#101311;--fg:#eeeede;--muted:#a1a89b;--line:#2b332b;--accent:#e9bc73;--wash:#191e17;--artline:#53604d;--button:#20271e}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:#151a13}.page{max-width:1600px;margin:auto;padding:0 6%;min-height:100svh;display:flex;flex-direction:column}.header{height:108px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:13px;font-size:18px;letter-spacing:.02em;font-weight:700}.brand svg{width:35px;height:35px;fill:none;stroke:var(--accent);stroke-width:2.7}.header-right{display:flex;align-items:center;gap:30px}.edition,.eyebrow,.signature,.coordinate,.note-number,footer{font-family:Consolas,"Courier New",monospace}.edition{font-size:10px;letter-spacing:.12em;color:var(--muted)}.theme{width:42px;height:42px;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--fg);cursor:pointer;display:grid;place-items:center}.theme[hidden]{display:none}.theme:hover{background:var(--button);border-color:var(--muted)}.theme:focus-visible,.brand:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.theme svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;fill:none}.theme .moon{display:none}main{flex:1}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:620px;padding:36px 0 24px;gap:8px}.copy{position:relative;z-index:1;padding:8px 0 35px}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--muted);display:flex;align-items:center;gap:11px;margin-bottom:32px}.spark{font-family:Arial,sans-serif;color:var(--accent);font-size:27px}h1{margin:0 0 28px;font-size:clamp(49px,5.8vw,87px);font-weight:800;line-height:1;letter-spacing:-.075em;white-space:nowrap}h1>span:not(.period){color:var(--accent)}.period{color:var(--fg);padding-left:4px}h2{font-size:clamp(26px,3vw,41px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0 0 22px}.intro{font-size:16px;line-height:1.85;color:var(--muted);margin:0}.signature{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.1em;margin-top:42px;color:var(--muted)}.signature-line{height:1px;width:42px;background:var(--accent)}.art{position:relative;min-width:0;aspect-ratio:1;isolation:isolate}.art::before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(197,149,64,.09),transparent 70%);z-index:-1}.art-grid{position:absolute;inset:5%;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;opacity:.26;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.orbital{position:relative;width:100%;height:100%;display:block;overflow:visible}.outer-circle{stroke:var(--artline);stroke-opacity:.4;stroke-width:.7}.dashed{stroke-dasharray:2 10}.crosshair{stroke:var(--artline);stroke-width:1}.back-orbit{stroke:#ad9a6e;stroke-opacity:.28;stroke-width:1}.seven{opacity:.88}.star{stroke:var(--accent);stroke-width:1.1}.dust{fill:var(--muted)}.coordinate{position:absolute;font-size:8px;letter-spacing:.14em;color:var(--muted);z-index:1}.coordinate-top{top:2%;right:7%}.coordinate-bottom{bottom:2%;left:18%;font-size:7px}.bottom-note{display:flex;align-items:center;gap:19px;padding:2px 0 42px;max-width:490px}.tiny-star{font-size:28px;color:var(--accent)}.bottom-note p{font-size:11px;line-height:1.7;color:var(--muted);margin:0;white-space:nowrap}.bottom-note strong{font-weight:400;color:var(--fg)}.note-rule{height:1px;flex:1;background:var(--line);margin-left:13px}.note-number{font-size:9px;color:var(--muted);letter-spacing:.12em}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);min-height:75px;font-size:9px;letter-spacing:.08em;color:var(--muted)}.footer-middle{font-size:8px;letter-spacing:.16em}.footer-star{font-size:15px;color:var(--accent);margin-left:6px}
html[data-theme="light"]{color-scheme:light;--bg:#f2f0e7;--fg:#253025;--muted:#626d5f;--line:#d3d9cb;--accent:#8b5928;--wash:#e8e8dc;--artline:#8b987e;--button:#e6e9de}html[data-theme="light"] .theme .sun{display:none}html[data-theme="light"] .theme .moon{display:block}
@media(min-width:1500px){.hero{min-height:690px}.copy{padding-left:20px}.bottom-note{margin-left:20px}}
@media(max-width:950px){.page{padding:0 5%}.hero{min-height:540px}.eyebrow{font-size:8px;letter-spacing:.1em}h1{font-size:clamp(43px,6.1vw,64px)}h2{font-size:29px}.intro{font-size:14px}.coordinate-bottom{font-size:6px;left:12%}.signature{font-size:8px;letter-spacing:0}.bottom-note{padding-bottom:30px}}
@media(max-width:650px){.page{padding:0 25px}.header{height:83px}.brand{font-size:16px;gap:8px}.brand svg{width:30px}.header-right{gap:0}.edition{display:none}.theme{width:38px;height:38px}.hero{grid-template-columns:1fr;gap:0;padding:48px 0 18px;min-height:0}.copy{padding:0}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:25px}.spark{font-size:22px}h1{font-size:clamp(45px,11.7vw,72px);margin-bottom:22px}h2{font-size:30px;margin-bottom:16px}.intro{font-size:14px;line-height:1.8}.signature{margin-top:28px;font-size:8px}.art{width:100%;max-width:460px;margin:27px auto 0}.coordinate{font-size:7px}.coordinate-top{top:0}.coordinate-bottom{font-size:6px;left:13%;bottom:0}.bottom-note{padding:10px 0 28px;gap:12px}.bottom-note p{font-size:10px}.note-number{font-size:8px}.tiny-star{font-size:23px}.note-rule{margin-left:3px}footer{font-size:8px;min-height:65px}.footer-middle{display:none}}
@media(prefers-reduced-motion:no-preference){.theme{transition:background .2s,border-color .2s}.copy{animation:arrive .65s ease-out both}.art{animation:arrive .9s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}