@font-face{font-family:"EB Garamond";src:url(/fonts/EBGaramond-Regular-latin.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/fonts/EBGaramond-SemiBold-latin.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Gentium Plus";src:url(/fonts/GentiumPlus-Regular-latin.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Gentium Plus";src:url(/fonts/GentiumPlus-Italic-latin.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:"Old Turkic";src:url(/fonts/NotoSansOldTurkic-Regular.woff2) format("woff2");font-display:swap}

:root{
  --paper:#f3eee3; --paper-2:#ebe4d4; --ink:#1b2233; --ink-soft:#4a5266;
  --lapis:#1f3a6b; --gold:#a8822f; --gold-hi:#c9a24f; --seal:#a3352b;
  --line:rgba(27,34,51,.14); --card:#faf7f0;
  --sky-1:#d9e2e6; --sky-2:#efe5cf; --sky-3:#f2dcb4; --sun:#e9b65e;
  --mtn-far:#8ea0b4; --hill-1:#b9b47e; --hill-2:#9a9a5c; --hill-3:#6f7748;
  --ink-shape:#2a2a2e; --yurt:#efe8d8; --fire:#c85a2e;
  --bar-bg:rgba(243,238,227,.86);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#10172a; --paper-2:#0c1222; --ink:#ece5d4; --ink-soft:#aeb3c2;
    --lapis:#9fb7e6; --gold:#d3ad5c; --gold-hi:#e6c375; --seal:#e0786c;
    --line:rgba(236,229,212,.14); --card:#151d33;
    --sky-1:#0b1328; --sky-2:#1b2647; --sky-3:#3b3552; --sun:#e8d6a4;
    --mtn-far:#2a3758; --hill-1:#2b3a4a; --hill-2:#223040; --hill-3:#182330;
    --ink-shape:#05070d; --yurt:#cfc4ac; --fire:#f0904a;
    --bar-bg:rgba(16,23,42,.86); color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#10172a; --paper-2:#0c1222; --ink:#ece5d4; --ink-soft:#aeb3c2;
  --lapis:#9fb7e6; --gold:#d3ad5c; --gold-hi:#e6c375; --seal:#e0786c;
  --line:rgba(236,229,212,.14); --card:#151d33;
  --sky-1:#0b1328; --sky-2:#1b2647; --sky-3:#3b3552; --sun:#e8d6a4;
  --mtn-far:#2a3758; --hill-1:#2b3a4a; --hill-2:#223040; --hill-3:#182330;
  --ink-shape:#05070d; --yurt:#cfc4ac; --fire:#f0904a;
  --bar-bg:rgba(16,23,42,.86); color-scheme:dark;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--paper);color:var(--ink);font:1.075rem/1.65 "Gentium Plus",Georgia,serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;height:auto;display:block}
a{color:var(--lapis)}
h1,h2,h3{font-family:"EB Garamond",Georgia,serif;font-weight:600;line-height:1.15;margin:0}
:focus-visible{outline:2px solid var(--seal);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:1rem;top:1rem;z-index:200;background:var(--card);padding:.5rem 1rem}
[lang=otk],.runes{font-family:"Old Turkic",sans-serif}

/* ── bar ── */
.bar{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:1.5rem;padding:.7rem clamp(1rem,4vw,3rem);background:var(--bar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.brand-y{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.35rem;background:var(--lapis);color:var(--paper);font:600 1.3rem/1 "EB Garamond",serif}
.brand-word{font:400 1.35rem/1 "EB Garamond",serif;letter-spacing:.02em}.brand-word b{font-weight:600;color:var(--gold)}
.nav{display:flex;gap:1.3rem;margin-left:auto}
.nav a{color:var(--ink-soft);text-decoration:none;font-size:.95rem;position:relative}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-.25rem;height:1px;background:var(--gold);transition:right .3s}
.nav a:hover,.nav a.on{color:var(--ink)}.nav a:hover::after,.nav a.on::after{right:0}
.theme{background:none;border:1px solid var(--line);border-radius:50%;width:2.2rem;height:2.2rem;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.theme svg{width:1.05rem;height:1.05rem;fill:currentColor}
.ride{position:absolute;left:0;right:0;bottom:-1px;height:1px}
.ride-line{position:absolute;inset:0;background:linear-gradient(90deg,var(--gold) var(--p,0%),transparent var(--p,0%))}
.rider{position:absolute;bottom:0;left:calc(var(--p,0%) - 1.6rem);width:1.8rem;height:1.15rem;fill:var(--gold);transition:left .08s linear}
@media (max-width:860px){.nav{display:none}.theme{margin-left:auto}}

/* ── hero ── */
.hero{position:relative;min-height:100svh;background:var(--hill-3);display:grid;place-items:center;overflow:hidden;isolation:isolate}
.hero-paint{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero-paint [data-depth]{will-change:transform}
.birds{animation:drift 26s linear infinite}
@keyframes drift{from{transform:translateX(-120px)}to{transform:translateX(220px)}}
.hero-text{text-align:center;padding:6rem 1rem 9rem;max-width:44rem}
.runes{font-size:1.6rem;letter-spacing:.4em;color:var(--seal);margin:0 0 .6rem;opacity:.85}
.hero h1{font-size:clamp(3.4rem,11vw,7.5rem);font-weight:400;letter-spacing:.01em;color:var(--ink)}
.hero h1 span{color:var(--gold);font-weight:600}
.hero-lede{font-size:clamp(1.1rem,2.4vw,1.4rem);margin:.6rem auto 0;color:var(--ink);max-width:32rem}
.hero-by{font:400 1rem "EB Garamond",serif;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);margin-top:1.2rem}
.scroll-cue{display:inline-block;margin-top:2.2rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.15rem}
.scroll-cue span{display:inline-block;animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(4px)}}

/* ── contents ── */
.contents{max-width:68rem;margin:0 auto;padding:3rem clamp(1rem,4vw,2rem) 1rem}
.contents ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.contents a{display:grid;gap:.15rem;padding:1.2rem;background:var(--paper);text-decoration:none;color:var(--ink);height:100%;transition:background .25s}
.contents a:hover{background:var(--card)}
.contents i{font:italic 400 1rem "EB Garamond",serif;color:var(--gold)}
.contents span{font:600 1.3rem "EB Garamond",serif}
.contents small{color:var(--ink-soft);font-size:.88rem}

/* ── chapters ── */
.chapter{max-width:68rem;margin:0 auto;padding:6rem clamp(1rem,4vw,2rem) 2rem}
.ch-head{text-align:center;max-width:40rem;margin:0 auto 3rem}
.ch-num{font:italic 400 1.05rem "EB Garamond",serif;color:var(--gold);margin:0 0 .3rem;letter-spacing:.06em}
.ch-num::before,.ch-num::after{content:"";display:inline-block;width:2.2rem;height:1px;background:var(--gold);vertical-align:middle;margin:0 .8rem;opacity:.6}
.ch-head h2{font-size:clamp(2.4rem,6vw,3.6rem)}
.ch-lede{color:var(--ink-soft);font-size:1.15rem;margin:.7rem 0 0}
.two{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.two.flip{grid-template-columns:.8fr 1.2fr}
@media (max-width:760px){.two,.two.flip{grid-template-columns:1fr}}
.prose p{margin:0 0 1.1rem}
.drop::first-letter{float:left;font:600 3.6em/.8 "EB Garamond",serif;color:var(--seal);margin:.08em .12em 0 0}
.quote{margin:1.6rem 0 0;padding:.2rem 0 .2rem 1.3rem;border-left:2px solid var(--gold);font-style:italic;color:var(--ink-soft)}
.quote p{margin:0}
.paint-card{margin:0;border-radius:.4rem;overflow:hidden;box-shadow:0 20px 40px -24px rgba(0,0,0,.5);transform:rotate(1.2deg)}
.paint-card svg{display:block;width:100%;height:auto}
.smoke{animation:smoke 5s ease-in-out infinite;transform-origin:200px 104px}
@keyframes smoke{50%{transform:translateX(5px) scaleY(1.06);opacity:.2}}

/* ── buttons, cards ── */
.btn{display:inline-block;padding:.65rem 1.3rem;border-radius:2rem;background:var(--lapis);color:var(--paper);text-decoration:none;font:600 1rem "EB Garamond",serif;letter-spacing:.03em;border:1px solid var(--lapis);transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--lapis)}
.btn.ghost:hover{background:var(--lapis);color:var(--paper)}
[data-off]{display:none!important}

.tabs{margin-top:3.5rem;border:1px solid var(--line);border-radius:.5rem;background:var(--card);overflow:hidden}
.tab-list{display:flex;border-bottom:1px solid var(--line)}
.tab-list button{flex:1;background:none;border:0;padding:1rem;font:600 1.05rem "EB Garamond",serif;color:var(--ink-soft);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.tab-list button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--seal)}
.flag{display:inline-block;font:600 .7rem/1 "Gentium Plus",serif;letter-spacing:.08em;padding:.25rem .35rem;border:1px solid currentColor;border-radius:.2rem;margin-right:.35rem;vertical-align:.15em}
.tab-panel{padding:1.6rem 1.8rem 1.9rem;animation:fade .4s}
.tab-panel h3{font-size:1.6rem}
.tab-panel p{color:var(--ink-soft);margin:.5rem 0 1.2rem}
.tab-panel .soon{font-style:italic}
@keyframes fade{from{opacity:0;transform:translateY(6px)}}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-top:1.2rem}
.card{display:grid;gap:.25rem;padding:1.3rem;border:1px solid var(--line);border-radius:.5rem;text-decoration:none;color:var(--ink);background:var(--card);transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-3px);border-color:var(--gold)}
.card svg{width:1.6rem;height:1.6rem;fill:var(--gold);margin-bottom:.3rem}
.card b{font:600 1.2rem "EB Garamond",serif}
.card span{color:var(--ink-soft);font-size:.95rem}

/* ── books ── */
.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:2.5rem 1.8rem}
.book{display:grid;gap:1.1rem;perspective:900px}
.cover{position:relative;aspect-ratio:2/3;border-radius:.2rem .5rem .5rem .2rem;padding:1.4rem 1.2rem;display:flex;flex-direction:column;align-items:center;text-align:center;color:#f1e6c8;
  background:radial-gradient(120% 80% at 30% 20%,rgba(255,255,255,.12),transparent 60%),linear-gradient(160deg,var(--c1),var(--c2));
  box-shadow:inset 6px 0 0 rgba(0,0,0,.25),inset 8px 0 0 rgba(255,255,255,.06),0 24px 40px -22px rgba(0,0,0,.65);
  transform:rotateY(-14deg);transform-origin:left center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.book:hover .cover{transform:rotateY(-2deg) translateY(-4px)}
.cover::before{content:"";position:absolute;inset:.7rem;border:1px solid rgba(214,180,100,.55);border-radius:.2rem;pointer-events:none}
.cover::after{content:"";position:absolute;inset:1rem;border:1px solid rgba(214,180,100,.25);pointer-events:none}
.cover-runes{font-size:1.5rem;letter-spacing:.3em;color:#d6b464;margin:1rem 0 auto}
.cover b{font:600 1.4rem/1.1 "EB Garamond",serif;color:#f6ebcf}
.cover i{font:italic 400 .98rem/1.3 "EB Garamond",serif;margin-top:.5rem;opacity:.85}
.cover small{margin-top:auto;font:400 .8rem "EB Garamond",serif;letter-spacing:.25em;text-transform:uppercase;color:#d6b464;padding-bottom:.4rem}
.meta h3{font-size:1.25rem}
.meta .tag,.tag{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:.35rem 0 .5rem}
.meta p{margin:0 0 .9rem;color:var(--ink-soft);font-size:.98rem}

/* ── atlas ── */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:0}
.stats div{background:var(--paper);padding:1.4rem 1rem;text-align:center}
.stats dt{font:600 clamp(2rem,5vw,2.9rem)/1 "EB Garamond",serif;color:var(--lapis);font-variant-numeric:tabular-nums}
.stats dd{margin:.35rem 0 0;color:var(--ink-soft);font-size:.9rem}
.map{margin:3.5rem 0 0;cursor:zoom-in}
.map-frame{padding:.7rem;border-radius:.4rem;background:linear-gradient(135deg,#1f3a6b,#13244a);box-shadow:0 0 0 1px var(--gold) inset,0 30px 50px -30px rgba(0,0,0,.6);position:relative}
.map-frame::before{content:"";position:absolute;inset:.35rem;border:1px dotted var(--gold-hi);border-radius:.3rem;pointer-events:none;opacity:.7}
.map img{border-radius:.15rem;width:100%;height:auto}
.map figcaption{text-align:center;color:var(--ink-soft);font-size:.9rem;font-style:italic;margin-top:.8rem}
.release{margin-top:3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.6rem 1.8rem;border:1px solid var(--gold);border-radius:.5rem;background:var(--card)}
.release-date{font:600 1.6rem "EB Garamond",serif;margin:0}
.release .tag{margin:0 0 .2rem}
.countdown{display:flex;gap:1.1rem}
.countdown span{display:grid;text-align:center;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.countdown b{font:600 2rem/1 "EB Garamond",serif;color:var(--seal);font-variant-numeric:tabular-nums;min-width:2.4ch}

/* ── film ── */
.film{position:relative}
.portrait{margin:0;position:relative}
.portrait img{border-radius:.3rem;box-shadow:0 0 0 1px var(--gold),0 0 0 .55rem var(--card),0 0 0 calc(.55rem + 1px) var(--gold),0 34px 50px -28px rgba(0,0,0,.6);filter:sepia(.15)}
.portrait figcaption{font-size:.85rem;color:var(--ink-soft);margin-top:1.3rem;text-align:center;font-style:italic}
.player{display:flex;gap:1rem;align-items:center;margin-top:1.8rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:.6rem;background:var(--card)}
.play{flex:none;width:3.2rem;height:3.2rem;border-radius:50%;border:0;background:var(--seal);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s}
.play:hover{transform:scale(1.06)}
.play svg{width:1.3rem;height:1.3rem;fill:currentColor}
.i-pause{display:none}.player.on .i-play{display:none}.player.on .i-pause{display:block}
.track{flex:1;min-width:0}
.track p{margin:0;font-size:.95rem}
.track p span{color:var(--ink-soft);font-style:italic;font-size:.88rem}
.bar-wrap{height:.4rem;border-radius:1rem;background:var(--line);margin:.6rem 0 .3rem;cursor:pointer}
.bar-fill{height:100%;width:0;border-radius:1rem;background:linear-gradient(90deg,var(--gold),var(--seal))}
.time{display:flex;justify-content:space-between;font-size:.78rem!important;color:var(--ink-soft);font-variant-numeric:tabular-nums}

/* ── mission ── */
.mission{margin:0 auto 3.5rem;max-width:46rem;text-align:center;font:400 clamp(1.5rem,3.5vw,2.2rem)/1.35 "EB Garamond",serif;position:relative;padding:1.5rem 0}
.mission::before,.mission::after{content:"";display:block;width:5rem;height:1px;background:var(--gold);margin:0 auto}
.mission p{margin:1.2rem 0}
.goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.2rem}
.goals article{padding:1.5rem;border-top:2px solid var(--seal);background:var(--card);border-radius:0 0 .4rem .4rem}
.goals h3{font-size:1.4rem;margin-bottom:.4rem}
.goals p{margin:0;color:var(--ink-soft)}
.eras{margin-top:4rem}
.eras-title{text-align:center;font-size:1.6rem;margin-bottom:1.5rem}
.era-track{position:relative;height:5.4rem;border-bottom:1px solid var(--line)}
.era-track button{position:absolute;left:calc(var(--a)*1%);width:calc((var(--b) - var(--a))*1%);top:.3rem;height:2.2rem;border:1px solid var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--ink);font:600 .85rem "EB Garamond",serif;border-radius:.3rem;cursor:pointer;overflow:visible;white-space:nowrap;padding:0 .3rem;transition:background .2s}
.era-track button.low{top:2.9rem}
.era-track button:hover{background:color-mix(in srgb,var(--gold) 30%,transparent)}
.era-track button[aria-selected=true]{background:var(--seal);border-color:var(--seal);color:#fff}
.era-axis{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ink-soft);margin-top:.4rem;position:relative}
.era-axis span:nth-child(1){position:absolute;left:0}.era-axis span:nth-child(2){position:absolute;left:24%}.era-axis span:nth-child(3){position:absolute;left:48%}.era-axis span:nth-child(4){position:absolute;left:72%}.era-axis span:nth-child(5){position:absolute;left:96%}
.era-info{margin-top:2.5rem;padding:1.4rem 1.6rem;border-left:3px solid var(--seal);background:var(--card);border-radius:0 .4rem .4rem 0;min-height:6rem}
.era-info h4{font:600 1.4rem "EB Garamond",serif;margin:0}
.era-info .tag{margin:.2rem 0 .5rem}
.era-info p{margin:0;color:var(--ink-soft)}
@media (max-width:640px){.era-track button{font-size:.7rem}}

/* ── contact, foot ── */
.contact{padding-bottom:5rem}
.contact-row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.foot{text-align:center;padding:2.5rem 1rem 3rem;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.9rem;background:var(--paper-2)}
.foot p{margin:.2rem 0}.runes.small{font-size:1.1rem;color:var(--gold)}

/* ── lightbox ── */
.lightbox{position:fixed;inset:0;z-index:120;background:rgba(5,8,16,.92);display:grid;place-items:center;padding:2rem;cursor:zoom-out}
.lightbox[hidden]{display:none}
.lightbox img{max-height:92vh;width:auto;max-width:96vw;border-radius:.2rem}
.lightbox button{position:absolute;top:1rem;right:1.2rem;background:none;border:0;color:#fff;font-size:2.4rem;cursor:pointer;line-height:1}

/* ── reveal ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
}

/* ── phone ── */
@media (max-width:640px){
  .shelf{grid-template-columns:1fr 1fr;gap:2rem 1rem}
  .cover{padding:1rem .8rem}.cover b{font-size:1.05rem}.cover i{font-size:.78rem}.cover-runes{font-size:1.1rem}.cover small{font-size:.62rem;letter-spacing:.15em}
  .meta h3{font-size:1.02rem}.meta p{font-size:.9rem}
  .era-track{height:auto;display:flex;flex-wrap:wrap;gap:.45rem;border:0}
  .era-track button,.era-track button.low{position:static;width:auto;height:auto;padding:.4rem .75rem;font-size:.9rem}
  .era-axis{display:none}
  .era-info{margin-top:1.2rem}
}

/* ── real material: logos, covers, film ── */
.logo-card{margin:0;justify-self:center;max-width:20rem;border-radius:.6rem;overflow:hidden;box-shadow:0 0 0 1px var(--gold),0 30px 50px -28px rgba(0,0,0,.6);transform:rotate(1.2deg)}
.card-img{grid-template-columns:4.5rem 1fr;align-items:center;gap:1rem}
.card-img img{width:4.5rem;height:4.5rem;border-radius:.35rem;object-fit:cover}
.card-img div{display:grid;gap:.25rem}
.shelf:has(.real){grid-template-columns:1fr;gap:4rem;max-width:58rem;margin:0 auto}
.book:has(.real){grid-template-columns:15rem 1fr;gap:2.5rem;align-items:center}
.cover.real{padding:0;aspect-ratio:auto;background:none;transform:rotateY(-16deg)}
.cover.real::before,.cover.real::after{display:none}
.cover.real img{width:100%;border-radius:.15rem .35rem .35rem .15rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.book:has(.real) .meta h3{font-size:1.65rem}
.book:has(.real) .meta p{font-size:1.02rem}
.editions{font-size:.95rem!important}.editions a{color:var(--lapis)}
@media (max-width:640px){.shelf:has(.real){grid-template-columns:1fr}.book:has(.real){grid-template-columns:1fr;justify-items:center}.cover.real{max-width:12rem}.book:has(.real) .meta{text-align:left}}
.poster{margin:0 0 3rem;cursor:zoom-in}
.poster img{width:100%;border-radius:.4rem;box-shadow:0 0 0 1px var(--gold),0 40px 60px -34px rgba(0,0,0,.7)}
.teaser{margin:0;cursor:zoom-in}
.teaser img{width:100%;border-radius:.3rem;box-shadow:0 0 0 1px var(--gold)}
.teaser figcaption{font-size:.85rem;font-style:italic;color:var(--ink-soft);margin-top:.6rem;text-align:center}
.film-actions{margin-top:1.4rem}
.btn.seal{background:var(--seal);border-color:var(--seal);color:#fff}
.stills{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:3rem 0 0;padding:.3rem .2rem 1rem;scrollbar-width:thin}
.stills button{flex:0 0 clamp(14rem,30%,20rem);padding:0;border:0;background:none;cursor:zoom-in;scroll-snap-align:start;border-radius:.3rem;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.stills img{width:100%;aspect-ratio:2847/2204;object-fit:cover;transition:transform .5s}
.stills button:hover img{transform:scale(1.05)}
.film .player{margin-top:2rem;max-width:36rem;margin-inline:auto}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3.5rem}
@media (max-width:760px){.vm{grid-template-columns:1fr}}
.vm .mission{margin:0;font-size:clamp(1.3rem,2.6vw,1.75rem)}
.vm-label{font:italic 400 1rem "EB Garamond",serif!important;color:var(--gold);letter-spacing:.1em;margin:.8rem 0 0!important}
.sub-title{text-align:center;font-size:1.6rem;margin-bottom:1.3rem}
.goals h4{font:600 1.35rem "EB Garamond",serif;margin:0 0 .4rem}
.goals .tag{margin:-.2rem 0 .4rem}
.goal-logo{width:9rem;margin:0 0 .8rem;background:#14213a;border-radius:.3rem;padding:.4rem}
.text-link{display:inline-block;margin-top:.7rem;color:var(--lapis);text-decoration:none;border-bottom:1px solid var(--gold)}
.era-track{height:8rem}
.era-track button.third{top:5.5rem}
@media (max-width:640px){.era-track{height:auto}.era-track button.third{position:static}}

/* ── atlas people, motto ── */
.atlas-people{margin-top:3.5rem}
.mini-portrait{display:flex;align-items:center;gap:1rem;margin:1.4rem 0 0}
.mini-portrait img{width:5.5rem;height:5.5rem;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--gold),0 0 0 .3rem var(--card),0 0 0 calc(.3rem + 1px) var(--gold);filter:sepia(.15)}
.mini-portrait figcaption{font-size:.85rem;font-style:italic;color:var(--ink-soft)}
.mission.motto{margin:0 auto 2.5rem}
.motto + .goals{margin-bottom:3.5rem}
.paint-card{position:relative;overflow:visible}
.paint-card svg{border-radius:.4rem}
.logo-badge{position:absolute;right:-1rem;bottom:-1.4rem;width:6.5rem;border-radius:.5rem;box-shadow:0 0 0 1px var(--gold),0 14px 24px -12px rgba(0,0,0,.6);transform:rotate(-3deg)}
@media (max-width:760px){.logo-badge{right:.6rem;bottom:-1rem;width:5rem}}

/* ── language switch: large and bold ── */
.lang-switch{display:flex;gap:.2rem;padding:.2rem;border:2px solid var(--gold);border-radius:2rem;background:var(--card)}
.lang-switch a{font:700 1.15rem/1 "Gentium Plus",Georgia,serif;letter-spacing:.06em;color:var(--ink);text-decoration:none;padding:.5rem .8rem;border-radius:2rem;transition:background .2s,color .2s}
.lang-switch a:hover{background:color-mix(in srgb,var(--gold) 20%,transparent)}
.lang-switch a[aria-current]{background:var(--lapis);color:var(--paper)}
.nav{margin-left:auto}
@media (max-width:1180px){.nav{display:none}.lang-switch{margin-left:auto}}
@media (max-width:420px){.brand-word{display:none}.lang-switch a{padding:.45rem .65rem;font-size:1.05rem}}
.foot-lang{display:flex;justify-content:center;gap:1rem;margin:.6rem 0}
.foot-lang a{font-weight:700;color:var(--ink-soft);text-decoration:none}.foot-lang a[aria-current]{color:var(--gold)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── channel panels with video ── */
.tab-panel:not([hidden]){display:grid;grid-template-columns:1fr 1.1fr;gap:1.8rem;align-items:center}
@media (max-width:760px){.tab-panel:not([hidden]){grid-template-columns:1fr}}
.video{position:relative;margin:0;border-radius:.4rem;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 0 0 1px var(--gold)}
.video img{width:100%;height:100%;object-fit:cover;opacity:.9}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:4.2rem;height:4.2rem;border-radius:50%;border:2px solid #fff;background:rgba(163,53,43,.92);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s}
.video-play:hover{transform:scale(1.08)}
.video-play svg{width:1.8rem;height:1.8rem;fill:currentColor;margin-left:.2rem}
.video-cap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:1.6rem .9rem .6rem;font-size:.85rem;color:#f4ecd6;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.video.playing .video-cap{display:none}
.video-note{margin:0;padding:0 1.8rem 1.2rem;font-size:.8rem;color:var(--ink-soft);font-style:italic}
.film .video{align-self:center}

/* ── gallery ── */
.gallery{columns:3 16rem;column-gap:1rem}
.art-item{break-inside:avoid;margin:0 0 1rem}
.art-item button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:.35rem;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.art-item img{width:100%;transition:transform .6s}
.art-item button:hover img{transform:scale(1.04)}
.art-item figcaption{font:italic 400 .95rem "EB Garamond",serif;color:var(--ink-soft);margin-top:.35rem}
.art-cta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center;text-align:center}
.art-cta p{flex-basis:100%;margin:0 0 .4rem;color:var(--ink-soft)}
.lb-cap{position:absolute;bottom:1rem;left:0;right:0;text-align:center;color:#eee;font:italic 1.05rem "EB Garamond",serif;margin:0}

/* ── about ── */
.about-photo img{aspect-ratio:auto}
.facts{list-style:none;padding:0;margin:1.2rem 0;border-left:2px solid var(--gold)}
.facts li{padding:.25rem 0 .25rem 1rem;color:var(--ink-soft)}
.facts b{display:inline-block;min-width:3.2rem;color:var(--ink);font-family:"EB Garamond",serif;font-size:1.1rem}
.motto-line{font:italic 400 1.3rem "EB Garamond",serif;color:var(--gold);margin-top:1.4rem}

/* ── talks ── */
.talks{display:grid;gap:1.2rem}
.talk{display:grid;grid-template-columns:20rem 1fr;gap:1.6rem;align-items:center;padding:1.2rem;border:1px solid var(--line);border-radius:.5rem;background:var(--card)}
.talk h3{font-size:1.5rem;margin:.2rem 0 .4rem}
.talk p{margin:0;color:var(--ink-soft)}
.talk .tag{margin:0}
.talk-img{padding:0;border:0;background:none;cursor:zoom-in;border-radius:.3rem;overflow:hidden}
.talk.placeholder{border-style:dashed;grid-template-columns:4rem 1fr;opacity:.85}
.ph-mark{font-size:2rem;color:var(--gold);text-align:center}
@media (max-width:760px){.talk{grid-template-columns:1fr}.talk.placeholder{grid-template-columns:3rem 1fr}}

/* ── newsletter ── */
.newsletter{max-width:60rem;margin:5rem auto 0;padding:2.2rem clamp(1.2rem,4vw,2.6rem);border-radius:.6rem;background:linear-gradient(135deg,#1f3a6b,#13244a);color:#f1e6c8;display:grid;grid-template-columns:1fr 1.1fr;gap:1.5rem;align-items:center;box-shadow:0 0 0 1px var(--gold) inset}
.newsletter h2{font-size:1.9rem;color:#f6ebcf}
.newsletter p{margin:.4rem 0 0;color:#d9cfb5}
.news-form{display:flex;gap:.6rem}
.news-form input{flex:1;min-width:0;padding:.75rem 1rem;border-radius:2rem;border:1px solid #c9a24f;background:#0e1a36;color:#fff;font:inherit}
.news-form input::placeholder{color:#9aa3b8}
.news-note{grid-column:1/-1;font-size:.82rem;font-style:italic;margin:0!important}
@media (max-width:760px){.newsletter{grid-template-columns:1fr;margin-inline:1rem}.news-form{flex-direction:column}}
.contents ol{grid-template-columns:repeat(4,1fr)}
@media (max-width:760px){.contents ol{grid-template-columns:1fr 1fr}}
.lang-switch a{font-size:1.25rem}

/* ── art tabs ── */
.art-tabs .tab-list{margin-bottom:1.6rem;border:1px solid var(--line);border-radius:.5rem;background:var(--card);overflow:hidden}
.art-panel[hidden]{display:none}
.exp-lede{text-align:center;color:var(--ink-soft);font-style:italic;margin:0 auto 1.4rem;max-width:40rem}

/* ── portrait hero for phones ── */
.hero-paint-m{display:none}
@media (max-width:760px){
  .hero-paint-d{display:none}
  .hero-paint-m{display:block}
}

/* ── footer: logo row ── */
.brand-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.2rem 1.6rem;margin:1.4rem auto 1.6rem;max-width:46rem}
.brand-ya{display:block;background:#f3eee3;border-radius:.6rem;padding:.6rem 1rem;box-shadow:0 0 0 1px var(--gold)}
.brand-ya img{display:block;height:2rem;width:auto}
.brand-sep{width:1px;height:4.6rem;background:var(--gold);opacity:.6}
.brand-kd{display:flex;gap:.9rem}
.logo-tile{display:grid;gap:.4rem;width:5.4rem;text-align:center;text-decoration:none;color:var(--ink-soft);font-size:.7rem;line-height:1.2}
.logo-tile img{width:100%;aspect-ratio:1;border-radius:.6rem;object-fit:cover;box-shadow:0 0 0 1px var(--gold),0 10px 18px -10px rgba(0,0,0,.6);transition:transform .25s}
.logo-tile:hover img{transform:translateY(-3px)}
.logo-tile:hover{color:var(--ink)}
@media (max-width:640px){
  .brand-sep{display:none}
  .brand-ya{flex-basis:auto}
  .brand-kd{gap:.6rem;flex-wrap:nowrap}
  .logo-tile{width:4.5rem;font-size:.62rem}
}

/* ── six logos: two light/dark wordmark tiles, 3 columns on phones ── */
.brand-row{max-width:58rem}
.brand-kd{flex-wrap:wrap;justify-content:center}
.logo-tile img.lt-dark,.logo-tile img.lt-light{object-fit:contain;padding:.2rem}
.logo-tile img.lt-dark{background:#0e1a36}
.logo-tile img.lt-light{background:#f3eee3}
@media (max-width:640px){
  .brand-kd{display:grid;grid-template-columns:repeat(3,4.9rem);gap:.9rem .8rem}
  .logo-tile{width:4.9rem}
}

/* ════════════════════════════════════════════════════════════
   Premium v2: Kapitelbänder, Kinoteil, Vitrine, Kennzahlenleiste
   ════════════════════════════════════════════════════════════ */
:root{--g1:#cfa545;--g2:#8a6720;--vig:.14;--shadow-lg:0 34px 60px -34px rgba(10,16,34,.6)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--g1:#f2d88f;--g2:#c9a24f;--vig:.42}}
:root[data-theme="dark"]{--g1:#f2d88f;--g2:#c9a24f;--vig:.42}

/* hero */
.hero h1{font-size:clamp(3.7rem,12.5vw,8.6rem);line-height:1;letter-spacing:.005em}
.hero h1 span{background:linear-gradient(180deg,var(--g1) 8%,var(--g2) 92%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 38%,transparent 52%,rgba(4,7,16,var(--vig)) 100%)}
.hero-edge{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(36px,5vw,72px);display:block;z-index:1}
.hero-orn{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:1.3rem 0 0;color:var(--gold)}
.hero-orn i{display:block;width:3.6rem;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.hero-orn i:last-child{background:linear-gradient(270deg,transparent,var(--gold))}
.hero-orn b{font-size:.7rem;font-weight:400}
.stars{opacity:0;transition:opacity .6s}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .stars{opacity:1}}
:root[data-theme="dark"] .stars{opacity:1}
.stars .tw{animation:tw 4.4s ease-in-out infinite}
@keyframes tw{50%{opacity:.2}}

/* key figures */
.strip{position:relative;z-index:3;width:min(60rem,calc(100% - 2rem));margin:-2.3rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,#1f3a6b,#12214a);border:1px solid #c9a24f;border-radius:.8rem;box-shadow:var(--shadow-lg),inset 0 0 0 4px rgba(14,26,54,.92),inset 0 0 0 5px rgba(214,180,100,.35);color:#f4ecd6}
.strip>div{position:relative;padding:1.6rem .8rem 1.4rem;text-align:center}
.strip>div+div::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(transparent,rgba(214,180,100,.6),transparent)}
.strip b{display:block;font:600 clamp(1.7rem,4.4vw,2.7rem)/1 "EB Garamond",serif;background:linear-gradient(180deg,#f2d88f,#c9a24f);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.strip span{display:block;margin-top:.5rem;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#bcc3d4}
@media (max-width:640px){
  .strip{grid-template-columns:1fr 1fr;margin-top:-1.5rem}
  .strip>div:nth-child(3)::before{display:none}
  .strip>div:nth-child(n+3){border-top:1px solid rgba(214,180,100,.25)}
}

/* contents */
.contents{padding-top:3.4rem}
.contents ol{gap:.8rem;background:none;border:0;grid-template-columns:repeat(4,1fr)}
.contents a{position:relative;border:1px solid var(--line);border-radius:.7rem;background:var(--card);padding:1.1rem 1.1rem 1rem;transition:transform .3s,border-color .3s,box-shadow .3s}
.contents a:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 16px 28px -20px rgba(0,0,0,.55);background:var(--card)}
.contents i{font:600 2.3rem/1 "EB Garamond",serif;font-style:normal;color:transparent;-webkit-text-stroke:1px var(--gold)}
@media (max-width:760px){.contents ol{grid-template-columns:1fr 1fr}}

/* chapter headings and cinematic banners */
.chapter{padding-top:6.5rem}
.ch-head h2{font-size:clamp(2.8rem,6.8vw,4.6rem);letter-spacing:-.005em}
.ch-num{font:600 .84rem "Gentium Plus",serif;font-style:normal;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}
.chapter:has(>.ch-banner){padding-top:0}
.ch-banner{position:relative;isolation:isolate;width:100vw;max-width:none;margin:0 calc(50% - 50vw) 3.4rem;min-height:clamp(20rem,36vw,31rem);padding:5.2rem 1.4rem 4.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f4ecd6}
.ch-banner>:not(.ch-bg){position:relative;max-width:42rem}
.ch-banner .ch-num{color:#e6c375}
.ch-banner .ch-num::before,.ch-banner .ch-num::after{background:#e6c375}
.ch-banner h2{color:#fff8e6;text-shadow:0 3px 30px rgba(0,0,0,.55)}
.ch-banner .ch-lede{color:rgba(244,236,214,.93);text-shadow:0 2px 14px rgba(0,0,0,.65)}
.ch-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#0b1226}
.ch-bg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,9,20,.62),rgba(6,9,20,.34) 42%,rgba(6,9,20,.78)),radial-gradient(90% 120% at 50% 50%,transparent 40%,rgba(0,0,0,.45))}
.ch-bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:2;background:linear-gradient(90deg,transparent,#c9a24f 18%,#f0d58f 50%,#c9a24f 82%,transparent)}
.ch-bg img{position:absolute;left:0;top:-12%;width:100%;height:124%;max-width:none;object-fit:cover;object-position:var(--fx,50%) var(--fy,40%);will-change:translate}
.ch-banner.in .ch-bg img{animation:kb 28s ease-in-out infinite alternate}
@keyframes kb{from{scale:1}to{scale:1.07}}
@media (max-width:700px){
  .ch-bg img{object-position:var(--fxm,50%) var(--fy,40%)}
  .ch-banner{min-height:19rem;padding:4.4rem 1.2rem 3.4rem}
}

/* buttons */
.btn{position:relative;overflow:hidden;background:linear-gradient(180deg,#2a4b8f,#16305f);border:1px solid #c9a24f;color:#f6ebcf;letter-spacing:.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 22px -12px rgba(14,26,54,.8)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-130%);transition:transform .7s}
.btn:hover::after{transform:translateX(130%)}
.btn.ghost{background:transparent;color:var(--lapis);border-color:var(--gold);box-shadow:none}
.btn.ghost:hover{background:var(--lapis);color:var(--paper)}
.btn.seal{background:linear-gradient(180deg,#c24b41,#8e2a22);border-color:#e3a8a1;color:#fff}

/* channels */
.tabs{border-radius:.8rem;box-shadow:0 26px 46px -32px rgba(0,0,0,.5)}
.tab-list button{display:flex;align-items:center;justify-content:center;gap:.75rem}
.tab-logo{width:2.5rem;height:2.5rem;border-radius:.5rem;box-shadow:0 0 0 1px var(--gold)}
@media (max-width:560px){.tab-list button{flex-direction:column;gap:.35rem;padding:.75rem .3rem;font-size:.95rem}.tab-logo{width:2.3rem;height:2.3rem}}
.card{border-radius:.8rem}
.card:hover{box-shadow:0 20px 32px -22px rgba(0,0,0,.55)}

/* books: a lit display case */
.shelf:has(.real){position:relative;background:radial-gradient(120% 90% at 50% 0%,#1f3562,#0e1a36 72%);border:1px solid #c9a24f;border-radius:.9rem;padding:3.2rem clamp(1.2rem,4vw,3rem);box-shadow:0 44px 70px -42px rgba(8,12,28,.85);--ink:#f4ecd6;--ink-soft:#c3c9d8;--lapis:#e6c375;--line:rgba(244,236,214,.16);color:#f4ecd6}
.shelf:has(.real)::before{content:"";position:absolute;inset:.55rem;border:1px solid rgba(214,180,100,.3);border-radius:.6rem;pointer-events:none}
.shelf .meta h3{color:#fff8e6}
.shelf .tag{color:#e6c375}
.shelf .cover.real img{box-shadow:0 34px 44px -20px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08)}
.cover.real{transition:transform .25s ease-out}
.book:hover .cover.real{transform:rotateY(calc(-3deg + var(--ry,0deg))) rotateX(var(--rx,0deg)) translateY(-6px)}
.shelf .btn:not(.ghost),.film .btn:not(.seal):not(.ghost){background:linear-gradient(180deg,#f0d58f,#bd963e);color:#14213a;border-color:#f0d58f}

/* atlas key figures */
.stats{background:linear-gradient(135deg,#1f3a6b,#12214a);border:1px solid #c9a24f;border-radius:.8rem;overflow:hidden;gap:0;box-shadow:var(--shadow-lg)}
.stats div{background:transparent;padding:1.6rem 1rem}
.stats div:nth-child(odd){border-right:1px solid rgba(214,180,100,.25)}
.stats div:nth-child(-n+2){border-bottom:1px solid rgba(214,180,100,.25)}
.stats dt{background:linear-gradient(180deg,#f2d88f,#c9a24f);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.stats dd{color:#bcc3d4}

/* film: the cinema */
.chapter.film{position:relative;isolation:isolate;padding-top:5.5rem;padding-bottom:6rem;--ink:#f4ecd6;--ink-soft:#b9c0d2;--card:#141c32;--line:rgba(244,236,214,.16);--paper:#0b1226;--lapis:#e6c375;--seal:#e5857a;--gold:#d6b464;color:#f4ecd6}
.chapter.film::before,.chapter.film::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none}
.chapter.film::before{background:radial-gradient(110% 70% at 50% 0%,#1c2d5a 0%,#0b1226 58%,#060a16 100%)}
.chapter.film::after{background:
  repeating-linear-gradient(90deg,rgba(244,236,214,.15) 0 14px,transparent 14px 38px) left top 12px/100% 14px no-repeat,
  repeating-linear-gradient(90deg,rgba(244,236,214,.15) 0 14px,transparent 14px 38px) left bottom 12px/100% 14px no-repeat}
.film .poster img{box-shadow:0 0 0 1px #c9a24f,0 50px 80px -40px rgba(0,0,0,.9),0 0 90px -30px rgba(201,162,79,.35)}

/* art */
.art-item button{border-radius:.5rem;transition:box-shadow .3s}
.art-item button:hover{box-shadow:0 0 0 2px var(--gold),0 24px 36px -20px rgba(0,0,0,.6)}

/* footer */
.foot{position:relative;border-top:0}
.foot::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#c9a24f,#f0d58f,#c9a24f,transparent)}

/* staggered entrance of grouped items */
.reveal .card,.reveal .book,.reveal .goals article,.reveal .stats>div,.reveal .talk{opacity:0;transform:translateY(24px)}
.reveal.in .card,.reveal.in .book,.reveal.in .goals article,.reveal.in .stats>div,.reveal.in .talk{opacity:1;transform:none;transition:opacity .8s ease calc(var(--i,0)*120ms),transform .8s cubic-bezier(.2,.7,.2,1) calc(var(--i,0)*120ms),border-color .25s,box-shadow .25s}
.reveal.in .card:hover{transform:translateY(-4px);transition-delay:0s}
.cards>:nth-child(2),.shelf>:nth-child(2),.goals>:nth-child(2),.stats>:nth-child(2),.talks>:nth-child(2){--i:1}
.cards>:nth-child(3),.shelf>:nth-child(3),.goals>:nth-child(3),.stats>:nth-child(3),.talks>:nth-child(3){--i:2}
.stats>:nth-child(4){--i:3}
@media (prefers-reduced-motion:reduce){.reveal .card,.reveal .book,.reveal .goals article,.reveal .stats>div,.reveal .talk{opacity:1;transform:none}}

/* finishing */
.newsletter{margin-bottom:5rem}
:root[data-theme="dark"] .hero-paint [id^="glow"]{opacity:.8}
.ch-bg::before{background:linear-gradient(180deg,rgba(6,9,20,.56),rgba(6,9,20,.28) 42%,rgba(6,9,20,.74)),radial-gradient(90% 120% at 50% 50%,transparent 40%,rgba(0,0,0,.42))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero-paint circle[fill^="url(#glow"]{opacity:.7}}
:root[data-theme="dark"] .hero-paint circle[fill^="url(#glow"]{opacity:.7}