/* cogconcor.com. Generated by site.mjs (estate-sites, claude). Edit the generator or the content module, not this file. */
/* Fonts: Syne and Sora, SIL Open Font License 1.1, served from this site (licences in /assets/fonts). */
@font-face{font-family:"Syne";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/syne.woff2) format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/fonts/sora.woff2) format("woff2")}
:root{--head:"Syne",ui-sans-serif,system-ui,sans-serif;--body:"Sora",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:ui-monospace,"Cascadia Mono","SFMono-Regular",Consolas,monospace;--ground:#07070b;--ground-2:#151024;--glow:#2b1652;--ink:#f3f1fa;--muted:#b7b0cf;--a:#6cf2c2;--b:#f1d27a;--b2:#c9a227;--pill:#f1d27a;--surface:rgba(255,255,255,.045);--surface-2:rgba(255,255,255,.075);--line:rgba(255,255,255,.1);--under:rgba(255,255,255,.32);--wide:72rem;--read:40rem;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--ground);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;background:radial-gradient(1100px 520px at 50% -120px,var(--glow) 0%,transparent 70%),linear-gradient(180deg,var(--ground-2),var(--ground) 640px);background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:2px solid var(--b);outline-offset:3px;border-radius:3px}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--ground);padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:600;z-index:9}
.skip:focus{top:12px}
header.top{width:100%;max-width:var(--wide);margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--head);font-weight:600;font-size:17px;letter-spacing:.005em}
.brand svg{width:30px;height:30px;flex:none}
nav.site ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:15px}
nav.site a{text-decoration:none;color:var(--muted);padding:6px 0;display:inline-block;border-bottom:1px solid transparent}
nav.site a:hover{color:var(--ink);border-bottom-color:var(--under)}
nav.site a[aria-current]{color:var(--ink);border-bottom-color:var(--a)}
main{flex:1;width:100%;max-width:var(--wide);margin:0 auto;padding:20px 20px 40px}
main:focus{outline:none}
h1,h2,h3{font-family:var(--head);line-height:1.12;letter-spacing:-.005em;text-wrap:balance}
h1{font-size:clamp(25.2px,4.14vw,44px);font-weight:700;margin:.2em 0 .35em;max-width:18em}
h2{font-size:clamp(23px,3vw,30px);font-weight:600;margin:2.2em 0 .6em}
h3{font-size:19px;font-weight:600;margin:1.6em 0 .4em}
p{margin:0 0 1em}
.read{max-width:var(--read)}
.lede{font-size:clamp(18px,2.1vw,21px);line-height:1.55;color:var(--ink);max-width:36em}
.muted{color:var(--muted)}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.1em;color:var(--a);margin:0}
.crumbs{font-size:14px;color:var(--muted);margin:6px 0 0}
.crumbs a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
.crumbs a:hover{color:var(--ink)}
.hero{display:flex;flex-direction:column;align-items:flex-start;padding:28px 0 8px}
.hero .mark{width:120px;height:120px;margin:0 0 18px;overflow:visible}
.mark .core{animation:glow 3.5s ease-in-out infinite}
@keyframes drift-a{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
@keyframes drift-b{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}
@keyframes glow{0%,100%{opacity:1}50%{opacity:.55}}
.mark .node{transform-box:fill-box;transform-origin:center;animation:pulse 7s ease-in-out infinite}.mark .n1{animation-delay:-2.33s}.mark .n2{animation-delay:-4.67s}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(.86)}}
@media (prefers-reduced-motion:reduce){.mark *{animation:none!important;opacity:1}.mark .wave{opacity:0}}
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin:28px 0 8px;padding:0;list-style:none}
.door{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:6px}
.door a{text-decoration:none}
.door h2,.door h3{margin:0;font-size:20px}
.door h2 a::after,.door h3 a::after{content:" \2192";color:var(--a)}
.door p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.55}
.grid{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:22px 18px}
.card a{text-decoration:none;display:block}
.card img,.card .tile{width:100%;height:auto;aspect-ratio:1/1;border-radius:8px;display:block;background:var(--surface-2);border:1px solid var(--line);object-fit:cover}
.card .tile{display:flex;align-items:center;justify-content:center;padding:14px;text-align:center;font-family:var(--head);font-size:15px;line-height:1.25;color:var(--ink)}
.card b{display:block;font-family:var(--head);font-weight:600;font-size:15.5px;line-height:1.3;margin-top:9px}
.card a:hover b{text-decoration:underline;text-decoration-color:var(--a);text-underline-offset:3px}
.card span{display:block;color:var(--muted);font-size:13.5px;line-height:1.4;margin-top:2px}
.card span.badge{display:inline-block;color:var(--a);font-size:11.5px;margin-top:6px}
.badge{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--a);border:1px solid var(--line);border-radius:999px;padding:1px 8px;display:inline-block;margin-top:5px}
.release{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px 40px;align-items:start;margin-top:14px}
.release .cover img,.release .cover .tile{width:100%;height:auto;aspect-ratio:1/1;border-radius:10px;border:1px solid var(--line);display:block;background:var(--surface-2)}
.release .cover .tile{display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-family:var(--head);font-size:22px;line-height:1.2}
.release h1{margin-top:.05em}
dl.facts{display:grid;grid-template-columns:fit-content(13em) minmax(0,1fr);gap:4px 16px;margin:14px 0 18px;font-size:15px}
dl.facts dt{color:var(--muted)}
dl.facts dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
ul.links{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
ul.links a{display:inline-block;text-decoration:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:14.5px}
ul.links a:hover{border-color:var(--a)}
figure.words{margin:26px 0;padding:4px 0 4px 20px;border-left:2px solid var(--a);max-width:var(--read)}
figure.words blockquote{margin:0}
figure.words p{margin:0 0 .7em}
figure.words figcaption{color:var(--muted);font-size:14px;margin-top:10px}
figure.words blockquote p.gap{color:var(--muted);letter-spacing:.3em}
ol.tracks{margin:10px 0 0;padding:0;list-style:none;max-width:var(--read);counter-reset:t}
ol.tracks li{display:flex;gap:12px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line);font-size:15.5px}
ol.tracks li::before{counter-increment:t;content:counter(t);color:var(--muted);font-variant-numeric:tabular-nums;min-width:1.6em;text-align:right;font-size:14px}
ol.tracks .t{flex:1}
ol.tracks .d{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}
.pager{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:40px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:15px}
.pager a{text-decoration:none;color:var(--muted)}
.pager a:hover{color:var(--ink)}
.note{font-size:14.5px;color:var(--muted);max-width:var(--read)}
.inline a,.read a,.lede a,.note a,dl.facts a{text-decoration:none;border-bottom:1px solid var(--under)}
.inline a:hover,.read a:hover,.note a:hover,dl.facts a:hover{border-bottom-color:var(--ink)}
hr.soft{border:0;border-top:1px solid var(--line);margin:40px 0}
nav.constellation{width:100%;max-width:62rem;margin:40px auto 0;padding:26px 20px 0;border-top:1px solid var(--line);text-align:left}
nav.constellation h2{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;text-align:center}
nav.constellation h2 a{color:inherit;text-decoration:none;border-bottom:1px solid var(--under)}
nav.constellation h2 a:hover{color:var(--ink)}
nav.constellation .groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr));gap:18px 26px}
nav.constellation section{min-width:0}
nav.constellation h3{font-family:var(--body);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line)}
nav.constellation ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
nav.constellation li a,nav.constellation li .here{display:block;text-decoration:none;color:var(--ink);padding:1px 0 1px 10px;border-left:2px solid transparent}
nav.constellation li .here{border-left-color:var(--ink)}
nav.constellation b{display:block;font-weight:600;font-size:14.5px;line-height:1.3}
nav.constellation .w{display:block;color:var(--muted);font-size:13.5px;line-height:1.35}
nav.constellation small{display:block;font-family:ui-monospace,"Cascadia Mono","SFMono-Regular",Consolas,monospace;font-size:12px;color:var(--muted);margin-top:1px}
nav.constellation li a:hover b{text-decoration:underline;text-underline-offset:3px}
nav.constellation li a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}
nav.constellation.map{border-top:0;margin-top:8px;padding-top:0}
nav.constellation.map h2{display:none}
nav.constellation.map b{font-size:17px}
nav.constellation.map .w{font-size:15px}
footer a.sign{border-bottom:1px solid var(--under)}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
footer{text-align:center;color:var(--muted);font-size:13.5px;padding:18px 20px 30px}
footer a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--under)}
footer .sign{font-family:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;font-style:italic}
@media (max-width:760px){.release{grid-template-columns:1fr}.release .cover{max-width:340px}header.top{padding:14px 20px}.hero .mark{width:96px;height:96px}}
/* cogconcor.com: Signal Received */
@property --sweep{syntax:"<percentage>";inherits:false;initial-value:-30%}
@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{--nebula:oklch(.433 .179 294.6);--signal-faint:color-mix(in oklch,var(--a) 14%,transparent);--line-hi:color-mix(in oklch,var(--a) 30%,transparent);--wide:76rem}
body{background:url(/assets/grain.svg) 0 0/240px,url(/assets/field.svg) center top/1600px auto no-repeat,radial-gradient(900px 600px at 18% 8%,color-mix(in oklch,var(--nebula) 45%,transparent),transparent 70%),radial-gradient(1100px 520px at 50% -120px,var(--glow) 0%,transparent 70%),linear-gradient(180deg,var(--ground-2),var(--ground) 900px);background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-blend-mode:soft-light,normal,normal,normal,normal}
header.top{z-index:5;max-width:none;padding:12px max(16px,calc((100% - var(--wide))/2 + 16px));backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);background:color-mix(in oklch,var(--ground) 72%,transparent);border-bottom:1px solid var(--line)}
main{overflow-x:clip}
.phase{font-family:var(--mono);font-weight:600;letter-spacing:.02em}
.az{list-style:none;margin:12px 0 0;padding:0;columns:16rem auto;column-gap:32px;font-size:15.5px}
.az li{break-inside:avoid;padding:3px 0}
.az a{text-decoration:none;border-bottom:1px solid var(--line)}
.az a:hover{border-bottom-color:var(--a)}
.tx{font:500 12px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;display:flex;flex-wrap:wrap;gap:2px 14px;align-items:center}
.tx .live{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 0 3px var(--signal-faint),0 0 12px var(--a)}
.tx .cat{color:var(--a);font-variant-numeric:tabular-nums slashed-zero;letter-spacing:0;white-space:nowrap}
.tx b{font-weight:500;color:var(--ink)}
.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px 64px;align-items:center;padding:48px 0 32px}
.hero.release{align-items:start;padding-top:24px}
.copy{container-type:inline-size;min-width:0;position:relative;z-index:1}
.display{font:800 clamp(1.75rem,10cqi,5.2rem)/.96 var(--head);font-size:min(clamp(1.75rem,10cqi,5.2rem),calc(var(--fit,99) * 1cqi));letter-spacing:-.025em;margin:.1em 0 .45em;max-width:none;text-wrap:balance;overflow-wrap:normal;hyphens:manual}
@media (max-width:820px){.display{font-size:min(clamp(1.45rem,8.2cqi,3rem),calc(var(--fit,99) * 1cqi))}}
.fit-81{--fit:8.1}.fit-82{--fit:8.2}.fit-91{--fit:9.1}.fit-99{--fit:9.9}.fit-100{--fit:10}.fit-115{--fit:11.5}.fit-116{--fit:11.6}.fit-117{--fit:11.7}.fit-122{--fit:12.2}.fit-123{--fit:12.3}.fit-124{--fit:12.4}.fit-125{--fit:12.5}.fit-127{--fit:12.7}.fit-137{--fit:13.7}.fit-142{--fit:14.2}.fit-148{--fit:14.8}.fit-156{--fit:15.6}.fit-160{--fit:16}.fit-163{--fit:16.3}.fit-165{--fit:16.5}.fit-168{--fit:16.8}.fit-170{--fit:17}.fit-172{--fit:17.2}.fit-173{--fit:17.3}.fit-174{--fit:17.4}.fit-179{--fit:17.9}.fit-183{--fit:18.3}.fit-184{--fit:18.4}.fit-185{--fit:18.5}.fit-187{--fit:18.7}.fit-229{--fit:22.9}.fit-235{--fit:23.5}
.object{position:relative;isolation:isolate;aspect-ratio:1;max-width:520px;width:100%;justify-self:center}
.object .orbit{position:absolute;inset:-22%;z-index:-2;opacity:.5;pointer-events:none}
.object .halo{position:absolute;inset:4%;z-index:-1;filter:blur(44px) saturate(1.6);opacity:.75;border-radius:50%;overflow:hidden}
.object .halo img{width:100%;height:100%;object-fit:cover;display:block}
.object .face,.object>img,.object .tile{position:relative;width:100%;height:100%;object-fit:contain;display:block;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 80px -20px rgba(0,0,0,.8)}
.object .tile{display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-family:var(--head);font-size:22px;line-height:1.2;background:var(--surface-2)}
.object .sheen{position:absolute;inset:0;border-radius:6px;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent calc(var(--sweep) - 12%),rgba(255,255,255,.16) var(--sweep),transparent calc(var(--sweep) + 12%))}
.object.vinyl:hover .disc,.object.vinyl:focus-within .disc{transform:translateX(calc(var(--out,22%) + 16%))}
.object.vinyl .disc{position:absolute;inset:3%;z-index:-1;border-radius:50%;transform:translateX(var(--out,22%));background:radial-gradient(circle,var(--ground) 0 2.2%,transparent 2.4%),conic-gradient(from var(--spin),transparent 0 8%,rgba(255,255,255,.09) 12%,transparent 18% 50%,rgba(255,255,255,.07) 58%,transparent 64%),repeating-radial-gradient(circle,#0b0a10 0 1.5px,#17151f 1.5px 3px);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.object.vinyl .label{position:absolute;inset:33%;border-radius:50%;width:34%;height:34%;object-fit:cover;opacity:.95}
figure.words{border-left-color:var(--a)}
figure.words.lean{margin:18px 0}
figure.said{margin:0;padding:0 0 0 18px;border-left:2px solid var(--b);max-width:34em}
figure.said p{margin:0;font-size:clamp(15.5px,1.4vw,17.5px);line-height:1.6}
figure.said p.by{margin-top:10px;font:600 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--b)}
figure.said p.by a{text-decoration:none;border-bottom:1px solid color-mix(in oklch,var(--b) 40%,transparent)}
figure.said.received{margin:0 0 26px}
.said-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:28px 36px;margin-top:8px}
figure.words.press{max-width:46rem;border-left-color:var(--b)}
figure.words.press p{margin:0;padding:9px 0;border-bottom:1px solid var(--line);font-size:15.5px;overflow-wrap:anywhere}
figure.words.press a{text-decoration:none;border-bottom:1px solid var(--line-hi)}
figure.words.press a:hover{border-bottom-color:var(--a)}
figure.words.press a[hreflang]::after{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
a[hreflang^="fr"]::after{content:" · French"}a[hreflang^="pt"]::after{content:" · Portuguese"}a[hreflang^="es"]::after{content:" · Spanish"}a[hreflang^="it"]::after{content:" · Italian"}a[hreflang^="de"]::after{content:" · German"}
figure.words.press p.q{font-style:italic;color:var(--ink);padding-left:14px;border-bottom-color:transparent}
figure.words.press .desc{display:block;color:var(--muted);font-size:14.5px;margin-top:4px}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.acts a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:14.5px;padding:9px 16px 9px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.045)}
.acts a::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--g) center/contain no-repeat;mask:var(--g) center/contain no-repeat;opacity:.9}
.acts a:hover{border-color:var(--a)}
.acts .own a{background:var(--b);color:var(--ground);border-color:var(--b);font-weight:600}
.signup{margin:18px 0 12px;max-width:var(--read)}.signup label{display:block;font:500 12px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.signup .row{display:flex;flex-wrap:wrap;gap:10px}.signup input[type=email]{flex:1 1 16rem;min-width:0;font:15px/1.3 var(--body);color:var(--ink);background:var(--surface-2);border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:11px 16px}
.signup button{font:600 15px/1.3 var(--body);color:var(--ground);background:var(--b);border:1px solid var(--b);border-radius:999px;padding:11px 22px;cursor:pointer}
.signup input:focus-visible,.signup button:focus-visible{outline:2px solid var(--b);outline-offset:3px}
.acts.small a{font-size:13.5px;padding:6px 12px 6px 10px}
.g-own{--g:url(/assets/g/own.svg)}.g-stream{--g:url(/assets/g/stream.svg)}.g-watch{--g:url(/assets/g/watch.svg)}.g-follow{--g:url(/assets/g/follow.svg)}.g-read{--g:url(/assets/g/read.svg)}
.more{margin:18px 0 0;font-size:14.5px;color:var(--muted)}
.more a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-hi)}
.received-log{margin:32px 0 0;border-top:1px solid var(--line);padding:20px 0 0}
.received-log h2{font:600 11.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--a);margin:0 0 18px}
.log{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:30px 36px}
.sig{display:flex;justify-content:space-between;gap:12px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line-hi);padding-top:8px;margin:0 0 12px}
.sig span:first-child{color:var(--a)}
.crumbs{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:22px 0 0}
dl.facts{margin:20px 0 6px}
.tl{margin-top:24px}
.strip{display:block;width:100%;height:10px;margin:8px 0 4px}
.strip rect{fill:color-mix(in oklch,var(--a) 28%,transparent)}
.strip-k{display:flex;justify-content:space-between;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
ol.tracks{max-width:44rem}
ol.tracks li{display:grid;grid-template-columns:3ch minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:9px 0}
ol.tracks li::before{content:none}
ol.tracks .n{font:500 12px var(--mono);color:var(--muted);text-align:right}
ol.tracks .d{font:500 13px var(--mono);color:var(--muted)}
ol.tracks .play{grid-column:2/-1;display:grid;gap:4px;min-width:0}
ol.tracks .wave{display:block;width:100%;height:20px}
ol.tracks .wave path{stroke:color-mix(in oklch,var(--a) 60%,transparent);stroke-width:1.1;fill:none}
ol.tracks .cl{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
ol.tracks .clip{width:100%;height:34px;color-scheme:dark}
ol.tracks li:hover .wave path{stroke:var(--a)}
.tl:has(.tracks li:nth-child(1):hover) .strip rect:nth-child(1),.tl:has(.tracks li:nth-child(2):hover) .strip rect:nth-child(2),.tl:has(.tracks li:nth-child(3):hover) .strip rect:nth-child(3),.tl:has(.tracks li:nth-child(4):hover) .strip rect:nth-child(4),.tl:has(.tracks li:nth-child(5):hover) .strip rect:nth-child(5),.tl:has(.tracks li:nth-child(6):hover) .strip rect:nth-child(6),.tl:has(.tracks li:nth-child(7):hover) .strip rect:nth-child(7),.tl:has(.tracks li:nth-child(8):hover) .strip rect:nth-child(8),.tl:has(.tracks li:nth-child(9):hover) .strip rect:nth-child(9),.tl:has(.tracks li:nth-child(n+10):hover) .strip rect:nth-child(n+10){fill:var(--a)}
ol.tracks li:hover .n{color:var(--a)}
.card img,.card .tile{object-fit:contain}
.card span.badge.gold,.badge.gold{color:var(--b)}
.door.gold{border-color:color-mix(in oklch,var(--b) 40%,transparent)}
.door.gold h2 a::after,.door.gold h3 a::after{color:var(--b)}
.door h3{margin:0;font-size:19px}
.door h3 a::after{content:" \2192";color:var(--a)}
.console .host{font:500 12px var(--mono);letter-spacing:.04em;color:var(--muted);margin:0}
.jump{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.jump a{text-decoration:none;color:var(--muted);border-bottom:1px solid var(--line)}
.jump a:hover{color:var(--ink);border-bottom-color:var(--a)}
.mapfig{margin:24px 0 8px}
.map{display:block;width:100%;height:auto;max-height:480px}
.map .ring{fill:none;stroke:var(--a);stroke-opacity:.14;stroke-dasharray:2 6}
.map .lbl{fill:var(--muted);font:500 15px var(--mono);letter-spacing:.12em;text-anchor:middle}
.map .spiral{fill:none;stroke:var(--a);stroke-opacity:.22;stroke-width:1}
.map .star{fill:var(--a);fill-opacity:.85}
.map .star.bloom{fill:#fff;stroke:var(--b);stroke-width:1.5}
.map .star.set{fill:none;stroke:var(--a);stroke-width:1.5}
.map .star.gold{fill:var(--b)}
.map .star.vinyl{stroke:var(--b);stroke-width:6;stroke-opacity:.3}
.map a:hover .star{fill:#fff}
.mapfig figcaption{color:var(--muted);font-size:14px;max-width:var(--read)}
.paired{margin-top:36px}
.follow{margin:44px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
.follow .eyebrow{margin-bottom:10px}
@media (min-width:821px){html{scroll-padding-top:5.5rem}header.top{position:sticky;top:0}.hero.release .object{position:sticky;top:96px}}
@media (max-width:820px){.hero{grid-template-columns:1fr;padding-top:24px;gap:28px}.object{max-width:min(86%,400px);justify-self:start}.object .orbit{inset:-6%}.object.vinyl{--out:14%}}
@media (prefers-reduced-motion:no-preference){
@view-transition{navigation:auto}
::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
.object .face{view-transition-name:cover}
.display{view-transition-name:title}
.object .orbit{animation:spin 84s linear infinite}
.object .sheen{animation:sweep 14s ease-in-out infinite}
.object.vinyl .disc{animation:spinvar 28s linear infinite;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.tx .cat{animation:type 1.4s steps(18,end) .25s both}
.map .star.gold{animation:glow 3.5s ease-in-out infinite}
.strip rect{transition:fill .2s}
}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinvar{to{--spin:360deg}}
@keyframes sweep{0%,60%{--sweep:-30%}100%{--sweep:130%}}
@keyframes type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}