:root{--bg:#05070d;--fg:#d8e6ee;--mut:#8aa3b2;--acc:#2de2e6;--acc2:#8b5cf6;--card:#0c1420cc;--line:#1b2a3a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.stars{position:fixed;inset:0;z-index:-1;background:radial-gradient(1px 1px at 20% 30%,#fff8,transparent),radial-gradient(1px 1px at 70% 80%,#fff6,transparent),radial-gradient(1px 1px at 40% 70%,#fff5,transparent),radial-gradient(1.5px 1.5px at 85% 20%,#2de2e688,transparent),radial-gradient(ellipse at top,#0d1b2a 0%,var(--bg) 60%);background-size:300px 300px,400px 400px,250px 250px,500px 500px,100% 100%}
a{color:var(--acc)}a:hover{color:#fff}
img{max-width:100%;height:auto;display:block;border-radius:10px}
.top{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between;padding:.8rem 5vw;background:#05070dd9;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{color:var(--fg);text-decoration:none;letter-spacing:.15em;font-size:.85rem;white-space:pre}
nav{display:flex;gap:1.2rem}nav a{color:var(--mut);text-decoration:none;text-transform:uppercase;font-size:.8rem;letter-spacing:.12em}nav a[aria-current],nav a:hover{color:var(--acc)}
main>section{max-width:1100px;margin:0 auto;padding:3rem 5vw}
.hero{position:relative;max-width:none!important;min-height:78vh;display:grid;place-items:center;text-align:center;overflow:hidden;padding:4rem 5vw!important}
.hero.small{min-height:38vh}.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;opacity:.45;z-index:-1}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,var(--bg))}
.hero .in{max-width:760px;width:100%}.wordmark{margin:0 auto;filter:invert(1) drop-shadow(0 0 12px #2de2e6aa);width:min(480px,90%)}
h1{font-size:clamp(2rem,6vw,4rem);line-height:1.1;margin:.3em 0;font-weight:300;letter-spacing:.06em;text-shadow:0 0 30px #2de2e655}
h2{font-weight:300;letter-spacing:.05em;font-size:clamp(1.4rem,3vw,2rem)}h3{font-weight:400;color:var(--mut);letter-spacing:.08em}
.spaced{white-space:pre-wrap;letter-spacing:.12em}.kicker{color:var(--acc);letter-spacing:.3em;text-transform:lowercase;font-size:.85rem;margin:0}
.lead{font-size:1.2rem;color:var(--mut)}.prose{max-width:760px!important}.note{border-left:2px solid var(--acc);padding-left:1rem;color:var(--mut)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:2rem;align-items:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.card>img{border-radius:0;aspect-ratio:16/9;object-fit:cover;width:100%}.card>div{padding:1.2rem 1.4rem}.card h2{margin:.2em 0}
.pair{background:linear-gradient(135deg,#2de2e611,#8b5cf611);border:1px solid var(--line);border-radius:20px;margin:2rem auto!important}
.player{width:100%;height:110px;border:0;border-radius:10px;background:#0a0f18;margin:.5rem 0}
.video{position:relative;aspect-ratio:16/9;margin:1.5rem 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}
.poem{margin:2rem 0;padding:1rem 1.5rem;border-left:2px solid var(--acc2);font-style:italic;color:var(--mut)}
.sigils{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.sigils img,.sigil{width:120px;border-radius:50%;margin:0 auto}
.gallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.center{text-align:center}
footer{text-align:center;padding:3rem 5vw;border-top:1px solid var(--line);color:var(--mut);font-size:.85rem}footer a{color:var(--mut)}footer .yr{letter-spacing:.3em}
.card>img.sigil{width:160px;aspect-ratio:1;object-fit:contain;border-radius:50%;margin:1.5rem auto 0}
.textmark{aspect-ratio:16/9;display:grid;place-items:center;letter-spacing:.3em;color:var(--acc);font-size:1.1rem;background:radial-gradient(circle,#2de2e614,transparent 70%);border-bottom:1px solid var(--line)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.5rem}
.ct{color:var(--fg);font-size:1.3rem;margin:.2em 0;letter-spacing:.05em}
.sigil.big{width:min(320px,70vw);margin:0 auto 1rem}
#radio{border-top:1px solid var(--line)}
a.quiet{color:#8aa3b2;opacity:.55;text-decoration:none;border-bottom:1px dotted #8aa3b255;font-size:.85em;transition:opacity .2s,color .2s}a.quiet:hover,a.quiet:focus{opacity:.9;color:#bfe9ee}
.btn.soon{cursor:default;pointer-events:none}
/* buttons: sample row 0 secondary outline pill, for every button (user pick) */
nav a{text-decoration:none}
.btn,.btn.primary{display:inline-block;margin:.25rem .2rem;padding:.55rem 1.1rem;border:1px solid var(--acc);border-radius:999px;text-decoration:none;font-size:.9rem;color:#e6eef1;background:#05070d;box-shadow:0 0 14px #2de2e670;transition:box-shadow .2s,color .2s,border-color .2s}
.btn:hover,.btn:focus,.btn.primary:hover,.btn.primary:focus{box-shadow:0 0 22px #2de2e6b0;border-color:#7ff0f2;color:#fff;background:#05070d}
.btn.soon{opacity:.5}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.xlink{margin-top:.6em;font-size:.85em;opacity:.8}

.links{text-align:center}
.signav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.1rem;padding:.7rem 4vw;border-bottom:1px solid var(--line);background:#05070dcc}
.signav .sn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid transparent;opacity:.6;text-decoration:none;transition:opacity .2s,box-shadow .2s,border-color .2s}
.signav .sn img{width:38px;height:38px;object-fit:contain;border-radius:50%;margin:0}
.signav .sn span{font-size:.62rem;letter-spacing:.2em;color:var(--acc);white-space:nowrap}
.signav .sn:hover,.signav .sn:focus-visible{opacity:1;border-color:var(--acc);box-shadow:0 0 14px #2de2e670;outline:none}
.signav .sn[aria-current]{opacity:1;border-color:var(--acc);box-shadow:0 0 10px #2de2e655}
@media (max-width:480px){.signav{gap:.3rem;padding:.6rem 2vw}.signav .sn{width:34px;height:34px}.signav .sn img{width:28px;height:28px}}
.signav .sn.home{opacity:.85;border-color:#2de2e6aa;box-shadow:0 0 10px #2de2e640;background:radial-gradient(circle,#2de2e614,transparent 70%)}.signav .sn.home span{letter-spacing:.15em;font-size:.58rem}

/* DST word logo + shared word-logo titles: always one line, shrink fluidly (standing rule) */
.dstlogo{white-space:nowrap!important}
.brand.dstlogo{font-size:min(.85rem,2.55vw)}
.hero .in,.card>div{container-type:inline-size}
.wlogo{white-space:nowrap!important;overflow:visible;font-weight:300;letter-spacing:.12em;line-height:1.2;color:var(--fg);text-shadow:0 0 30px #2de2e655;font-size:min(var(--max,3rem),calc(100cqi / (var(--n) * .68)))}
h3.wlogo{--max:1.35rem}

.siglink{display:inline-block;border-radius:50%}.siglink img.sigil{transition:box-shadow .3s,filter .3s}.siglink:hover img.sigil,.siglink:focus-visible img.sigil{box-shadow:0 0 34px #2de2e666;filter:brightness(1.15)}

.prose .lead{text-align:center;margin-left:auto;margin-right:auto}
.signav{background:transparent;border-bottom:0}
.signav{position:absolute;top:0;left:0;right:0;z-index:5}