:root{--ink:#081426;--ink-soft:#0d1d34;--line:#263955;--ivory:#f4e9db;--muted:#9aa8bc;--gold:#edc89d;--blue:#849abd;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:"Space Mono",monospace;min-width:320px}.stars{position:fixed;inset:0;pointer-events:none;opacity:.6;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#d5b58f 1px,transparent 1px);background-size:197px 197px,311px 311px;background-position:20px 30px,95px 80px;mask-image:linear-gradient(to bottom,#fff 0%,transparent 72%);z-index:0}.site-header,main,.site-footer{position:relative;z-index:1;max-width:var(--max);margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(117,143,181,.27)}.brand{color:var(--ivory);font:600 23px/1.1 "Noto Serif SC",serif;letter-spacing:.15em;text-decoration:none}.brand-mark{color:var(--gold);font:14px serif;margin-right:9px;vertical-align:3px}nav{display:flex;gap:38px;height:100%;align-items:center}nav a{height:100%;display:grid;place-items:center;color:var(--muted);font-size:13px;text-decoration:none;position:relative}nav a:hover,nav a.active{color:var(--ivory)}nav a.active:after{content:"";height:2px;width:30px;background:var(--gold);position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.hero{min-height:495px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% 0;height:170px;background:linear-gradient(transparent,var(--ink));pointer-events:none}.hero-copy{width:55%;padding:70px 0 85px;position:relative;z-index:2}.hero-date,.section-label{font-size:11px;letter-spacing:.2em;color:var(--gold);margin:0 0 25px}.hero h1{font:600 clamp(42px,5vw,72px)/1.18 "Noto Serif SC",serif;letter-spacing:-.04em;margin:0 0 23px;color:#f5e7d5}.hero-lead{color:#aab5c4;font-size:14px;line-height:2;max-width:475px;margin:0 0 30px}.text-link,.inline-link{color:var(--gold);text-decoration:none;display:inline-flex;align-items:center;gap:22px;font-size:13px}.text-link{border:1px solid var(--gold);padding:16px 25px;transition:.25s}.text-link:hover{background:var(--gold);color:var(--ink)}.text-link span,.inline-link span{font-size:20px;line-height:0}.hero-ornament{position:absolute;width:520px;height:420px;right:0;top:42px;opacity:.95;background-image:url("assets/hero-night.png");background-size:cover;background-position:center;border-radius:50%;mask-image:radial-gradient(ellipse at center,#000 42%,transparent 73%);filter:saturate(.8) brightness(.82)}.planet{position:absolute;width:195px;height:195px;right:110px;top:72px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e6c596,#8f785f 54%,#182541 75%,transparent 76%);box-shadow:-24px -16px 30px rgba(229,190,133,.22)}.orbit{position:absolute;border:1px solid rgba(207,185,157,.56);border-radius:50%;width:490px;height:130px;right:-20px;top:150px;transform:rotate(-17deg)}.orbit-two{width:410px;height:100px;top:202px;right:5px;opacity:.5}.planet-glow{position:absolute;width:10px;height:10px;background:var(--gold);border-radius:50%;right:33px;top:115px;box-shadow:0 0 15px 4px rgba(237,200,157,.75)}.featured{border:1px solid var(--line);padding:19px;display:grid;grid-template-columns:42% 1fr;gap:34px;align-items:center;background:rgba(15,30,53,.28);border-radius:5px}.featured-image,.thumb{background-size:cover;background-position:center}.featured-image{height:184px;background-image:url("assets/hero-night.png");filter:saturate(.78) brightness(.7);border-radius:3px}.featured-copy{padding:4px 0;position:relative;min-height:180px}.featured-copy h2{font:600 27px/1.35 "Noto Serif SC",serif;margin:0 0 15px}.featured-copy>p:not(.section-label){font:13px/1.9 "Noto Serif SC",serif;color:var(--muted);margin:0 0 22px;max-width:420px}.meta{display:flex;gap:17px;color:#8292a9;font-size:11px}.meta span+span{position:relative}.meta span+span:before{content:"";height:12px;border-left:1px solid #596a83;position:absolute;left:-9px;top:0}.featured .inline-link{position:absolute;right:0;bottom:1px}.article-list{padding:22px 0 54px}.article-row{display:grid;grid-template-columns:194px 1fr 112px;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:18px 4px}.thumb{height:114px;border-radius:4px;filter:saturate(.8) brightness(.78)}.thumb-city{background-image:url("assets/hero-night.png");background-position:67% 35%}.thumb-milky{background-image:url("assets/hero-night.png");background-position:77% 16%}.thumb-desk{background:linear-gradient(145deg,#c49c76,#63728c 37%,#273958 38%,#101c31 75%);position:relative}.thumb-desk:after{content:"";position:absolute;left:30px;right:22px;bottom:22px;height:27px;background:#e4d0ae;box-shadow:0 -7px 0 #9e7655;transform:skew(-13deg);opacity:.7}.row-copy h3{font:600 21px/1.4 "Noto Serif SC",serif;margin:0 0 8px}.row-copy p{font:12px/1.75 "Noto Serif SC",serif;color:var(--muted);margin:0 0 12px}.row-link{justify-self:end;white-space:nowrap}.article-row:hover h3{color:var(--gold)}.site-footer{border-top:1px solid rgba(117,143,181,.27);display:flex;justify-content:space-between;align-items:end;padding:34px 3px 40px}.footer-brand{font-size:18px}.site-footer p{font:12px "Noto Serif SC",serif;color:var(--muted);margin:11px 0 0}.record{font-size:12px;color:var(--muted);text-decoration:none}.record:hover{color:var(--gold)}
@media(max-width:760px){.site-header,main,.site-footer{margin-left:22px;margin-right:22px}.site-header{height:70px}.brand{font-size:19px}nav{gap:18px}nav a{font-size:11px}.hero{min-height:610px}.hero-copy{width:100%;padding:70px 0 245px}.hero h1{font-size:43px}.hero-lead{font-size:12px;max-width:330px}.hero-ornament{width:420px;height:315px;top:auto;bottom:3px;right:-100px;opacity:.78}.planet{width:135px;height:135px;right:102px;top:49px}.orbit{width:390px;height:100px;top:105px}.orbit-two{top:145px}.featured{grid-template-columns:1fr;gap:21px;padding:14px}.featured-image{height:170px}.featured-copy{min-height:215px}.featured-copy h2{font-size:23px}.featured .inline-link{left:0;right:auto;bottom:0}.article-row{grid-template-columns:84px 1fr;gap:16px;padding:19px 0}.thumb{height:84px}.row-copy h3{font-size:17px}.row-copy p{font-size:11px;line-height:1.6}.row-copy .meta{font-size:9px}.row-link{grid-column:2;justify-self:start;font-size:11px;margin-top:-5px}.site-footer{align-items:start;gap:28px;flex-direction:column;padding:29px 0 36px}.record{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.hero-ornament{animation:float 8s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}}