/* ============================================================================
   mesias.de — knowledge-base shell + literary reading skin
   Display: Fraunces · Body: Source Serif 4 · UI: Inter Tight
   ========================================================================== */
:root{
  --side:300px; --toc:248px; --hdr:60px; --measure:42rem;
  --maxw:1480px; --pad:clamp(1.15rem,4vw,2.4rem);
  --f-display:"Fraunces",Georgia,serif;
  --f-body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --f-ui:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --step--1:clamp(.8rem,.76rem + .18vw,.9rem);
  --step-0:clamp(1.12rem,1.04rem + .3vw,1.22rem);
  --step-1:clamp(1.3rem,1.18rem + .5vw,1.55rem);
  --step-2:clamp(1.7rem,1.45rem + 1.1vw,2.3rem);
  --step-3:clamp(2.1rem,1.7rem + 1.9vw,3.2rem);
  --step-4:clamp(2.4rem,1.6rem + 3.6vw,4.4rem);
  --ease:cubic-bezier(.16,1,.3,1);
  --t:.18s cubic-bezier(.4,0,.2,1);
}
:root[data-theme="light"]{
  --bg:#FBF8F1; --surface:#FFFFFF; --raise:#FCFAF4;
  --ink:#26241E; --ink-soft:#3B382F; --muted:#6E6A5E; --faint:#9b9788;
  --line:#E8E2D4; --line-2:#D8D1BF; --accent:#B4351E; --accent-soft:#f3e3df;
}
:root[data-theme="dark"]{
  --bg:#13120E; --surface:#1B1A15; --raise:#201E18;
  --ink:#ECE7DA; --ink-soft:#D6D1C4; --muted:#9C9788; --faint:#75715f;
  --line:#2C2A22; --line-2:#3a3830; --accent:#E0795F; --accent-soft:#2a1d18;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html{scroll-padding-top:calc(var(--hdr) + 1rem)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);
  font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;font-feature-settings:"liga" 1,"kern" 1;
  transition:background .4s ease,color .4s ease}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:.5rem;z-index:200;background:var(--ink);color:var(--bg);
  padding:.6rem 1rem;border-radius:3px;font-family:var(--f-ui)}
.skip:focus{left:.5rem}
.eyebrow{font-family:var(--f-ui);font-size:var(--step--1);font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted)}
.dot{color:var(--accent)}.accent{color:var(--accent)}
h1,h2,h3{font-family:var(--f-display);font-weight:600;line-height:1.08;letter-spacing:-.015em;
  color:var(--ink);font-optical-sizing:auto;margin:0 0 .5em}
.ic{width:1.15em;height:1.15em;flex:none}

/* ---- buttons --------------------------------------------------------- */
.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--f-ui);font-weight:600;
  font-size:var(--step--1);letter-spacing:.03em;padding:.8rem 1.4rem;cursor:pointer;
  border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:3px;
  transition:transform var(--t),background var(--t),color var(--t),border-color var(--t)}
.btn .arw{transition:transform var(--t)}
.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.btn:hover .arw{transform:translateX(4px)}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* ============================================================================
   HEADER
   ========================================================================== */
.hdr{position:sticky;top:0;z-index:60;height:var(--hdr);display:flex;align-items:center;
  gap:1rem;padding:0 var(--pad);background:color-mix(in srgb,var(--bg) 85%,transparent);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--line)}
.hdr-brand{font-family:var(--f-display);font-weight:600;font-size:var(--step-1);letter-spacing:-.02em;display:inline-flex;align-items:baseline;gap:.5em;white-space:nowrap}
.hdr-brand .bd-sub{font-size:.6em;font-weight:500;letter-spacing:0;opacity:.68;display:inline-flex;align-items:baseline;gap:.35em}
.hdr-brand .bd-sub .dot{opacity:.7}
@media(max-width:640px){.hdr-brand .bd-sub{display:none}}
/* floating action buttons: menu (mobile) + back-to-top */
.fab{position:fixed;right:clamp(.9rem,3vw,1.4rem);bottom:clamp(.9rem,3vw,1.4rem);z-index:55;
  display:flex;flex-direction:column;gap:.55rem}
.fab-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);
  background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--ink);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  -webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);
  box-shadow:0 8px 24px -8px rgba(0,0,0,.35);
  opacity:0;transform:translateY(8px) scale(.9);pointer-events:none;
  transition:opacity .25s var(--ease),transform .25s var(--ease),background .3s,border-color .3s}
.fab-btn .ic{width:22px;height:22px}
.fab.show .fab-top{opacity:1;transform:none;pointer-events:auto}
.fab-btn:hover{border-color:var(--accent);background:var(--bg)}
.fab-menu{display:none}
@media(max-width:900px){
  /* on mobile the menu button is always reachable, top button appears on scroll */
  .fab-menu{display:flex;opacity:1;transform:none;pointer-events:auto}
}
.hdr-burger{display:none;background:none;border:0;color:var(--ink);cursor:pointer;padding:.4rem;
  width:40px;height:40px;align-items:center;justify-content:center}
.hdr-search{display:flex;align-items:center;gap:.6rem;margin-left:auto;font-family:var(--f-ui);
  font-size:var(--step--1);color:var(--muted);background:var(--surface);border:1px solid var(--line);
  border-radius:6px;padding:.5rem .8rem;min-width:220px;cursor:pointer;transition:border-color var(--t)}
.hdr-search:hover{border-color:var(--line-2)}
.hdr-search span{flex:1;text-align:left}
.hdr-search kbd{font-family:var(--f-ui);font-size:.7rem;border:1px solid var(--line-2);border-radius:4px;
  padding:.1rem .35rem;color:var(--faint)}
.hdr-right{display:flex;align-items:center;gap:.7rem}
.lang{display:flex;gap:.1rem;font-family:var(--f-ui);font-size:var(--step--1);font-weight:600;
  border:1px solid var(--line);border-radius:6px;padding:2px}
.lang a,.lang span{padding:.3rem .55rem;border-radius:4px;color:var(--muted);transition:var(--t)}
.lang a:hover{color:var(--ink)}
.lang [aria-current],.lang a[aria-current="true"]{background:var(--ink);color:var(--bg)}
.lang .todo{opacity:.4}
.theme-btn{background:none;border:1px solid var(--line);border-radius:6px;width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:var(--t)}
.theme-btn:hover{color:var(--ink);border-color:var(--line-2)}
.theme-btn .ic+.ic{display:none}
[data-theme="dark"] .theme-btn .ic:first-child{display:none}
[data-theme="dark"] .theme-btn .ic+.ic{display:block}

/* ============================================================================
   LAYOUT
   ========================================================================== */
.layout{display:grid;grid-template-columns:var(--side) minmax(0,1fr) var(--toc);
  max-width:var(--maxw);margin-inline:auto;align-items:start}
@media (max-width:1200px){.layout{grid-template-columns:var(--side) minmax(0,1fr)}.toc{display:none}}
@media (max-width:900px){.layout{grid-template-columns:1fr}}

/* ---- sidebar --------------------------------------------------------- */
.side{position:sticky;top:var(--hdr);max-height:calc(100vh - var(--hdr));overflow-y:auto;
  border-right:1px solid var(--line);scrollbar-width:thin;overscroll-behavior:contain}
.side::-webkit-scrollbar{width:7px}.side::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}
.side-inner{padding:1.6rem 1rem 3rem 1.5rem}
.side-book{display:block;padding:.2rem 0 1rem;border-bottom:1px solid var(--line);margin-bottom:1rem}
.side-book-lang{font-family:var(--f-ui);font-size:.66rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent)}
.side-book-t{display:block;font-family:var(--f-display);font-weight:600;font-size:var(--step-1);
  line-height:1.15;color:var(--ink);margin-top:.2rem}
.s-pins{display:flex;flex-direction:column;gap:.1rem;margin-bottom:1.2rem}
.s-group-label{font-family:var(--f-ui);font-size:.66rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--faint);padding:0 .6rem .5rem}
.s-essays{display:flex;flex-direction:column;gap:.05rem}
.s-link{display:flex;align-items:center;gap:.6rem;font-family:var(--f-ui);font-size:.92rem;
  color:var(--ink-soft);padding:.5rem .65rem;border-radius:6px;transition:background var(--t),color var(--t);
  line-height:1.3}
.s-link:hover{background:var(--raise);color:var(--ink)}
.s-link .ic{color:var(--muted)}
.s-pin{font-weight:500}
.s-essay{align-items:baseline}
.s-num{font-family:var(--f-ui);font-size:.7rem;font-weight:600;color:var(--faint);
  font-variant-numeric:tabular-nums;flex:none;width:1.5rem}
.s-t{flex:1}
.s-link.is-active,.s-link[aria-current]{background:var(--accent);color:#fff;font-weight:600}
.s-link.is-active .s-num,.s-link[aria-current] .s-num,.s-link.is-active .ic{color:#fff}
.side-other{display:flex;align-items:center;gap:.55rem;margin-top:1.5rem;padding:.7rem .65rem;
  border-top:1px solid var(--line);font-family:var(--f-ui);font-size:.85rem;color:var(--muted);transition:var(--t)}
.side-other:hover{color:var(--accent)}.side-other .ic{color:var(--muted)}
.side-scrim{display:none}

/* ============================================================================
   DOC / READER
   ========================================================================== */
.doc{min-width:0;padding:clamp(1.6rem,3vw,3rem) clamp(1.15rem,4vw,3.4rem) 4rem}
.reader,.hub{max-width:var(--measure);margin-inline:auto}
.crumb{font-family:var(--f-ui);font-size:var(--step--1);color:var(--muted);margin-bottom:1.4rem;
  letter-spacing:.02em;display:flex;gap:.5rem;align-items:center}
.crumb a:hover{color:var(--accent)}.crumb span{color:var(--faint)}
.reader-head{margin-bottom:clamp(1.8rem,3vw,2.6rem)}
.reader-head h1{font-size:var(--step-3);line-height:1.04}
.reader-meta{font-family:var(--f-ui);font-size:var(--step--1);color:var(--muted);
  display:flex;align-items:center;gap:.45rem;margin-top:.9rem;letter-spacing:.02em}

.mt-note{display:flex;align-items:center;gap:.5rem;font-family:var(--f-ui);font-size:var(--step--1);
  color:var(--muted);background:var(--raise);border:1px solid var(--line);border-radius:7px;
  padding:.6rem .9rem;margin:0 0 1.8rem;max-width:var(--measure)}
.mt-note .ic{width:1.05em;height:1.05em;color:var(--accent);flex:none}
.prose{font-size:var(--step-0);line-height:1.62;color:var(--ink-soft)}
.prose p{margin:0 0 1.25em;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 2}
:lang(tr) .prose p,.prose p:lang(tr){hyphens:manual}
.prose p.lead::first-letter{font-family:var(--f-display);float:left;font-size:3.5em;line-height:.66;
  font-weight:600;padding:.06em .1em 0 0;color:var(--accent)}
.prose .center{text-align:center}
.prose h2.ch-h{font-family:var(--f-display);font-weight:600;font-size:var(--step-1);color:var(--ink);
  letter-spacing:-.01em;line-height:1.18;margin:2.2em 0 .55em;scroll-margin-top:calc(var(--hdr) + 1rem)}
.prose figure{margin:2.2em auto;text-align:center}
.prose figure img{margin-inline:auto;border:1px solid var(--line);border-radius:3px;background:#fff}
.prose figcaption{font-family:var(--f-ui);font-size:var(--step--1);color:var(--muted);margin-top:.6rem}
.missing-img .ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;
  min-height:180px;padding:2rem;border:1.5px dashed var(--accent);border-radius:4px;color:var(--muted);
  font-family:var(--f-ui);background:var(--raise)}
.missing-img .ph-ic{font-size:1.6rem;color:var(--accent);opacity:.7}
.missing-img .ph-name{font-weight:600;color:var(--ink)}.missing-img .ph-note{font-size:var(--step--1)}

/* pager */
.pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:clamp(2.5rem,5vw,4rem);
  padding-top:1.6rem;border-top:1px solid var(--line)}
.pg{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;border:1px solid var(--line);
  border-radius:6px;background:var(--surface);transition:border-color var(--t),transform var(--t)}
.pg:hover{border-color:var(--accent);transform:translateY(-2px)}
.pg.next{text-align:right}
.pg-d{font-family:var(--f-ui);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.pg-t{font-family:var(--f-display);font-weight:600;font-size:var(--step-0);color:var(--ink)}

/* ---- right TOC (scroll-spy) ------------------------------------------ */
.toc{position:sticky;top:var(--hdr);max-height:calc(100vh - var(--hdr));overflow-y:auto;
  padding:clamp(1.6rem,3vw,3rem) 1.4rem 2rem 0;scrollbar-width:none}
.toc::-webkit-scrollbar{display:none}
.toc-label{font-family:var(--f-ui);font-size:.66rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--faint);margin-bottom:.8rem}
.toc-nav{display:flex;flex-direction:column;gap:.1rem;border-left:1px solid var(--line)}
.toc-nav a{font-family:var(--f-ui);font-size:.82rem;color:var(--muted);padding:.32rem .9rem;
  margin-left:-1px;border-left:2px solid transparent;line-height:1.35;transition:color var(--t),border-color var(--t);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toc-nav a:hover{color:var(--ink)}
.toc-nav a.is-active{color:var(--accent);border-left-color:var(--accent);font-weight:500}

/* ============================================================================
   HUB / COLLECTION INDEX
   ========================================================================== */
.hub-head{margin-bottom:clamp(2rem,4vw,3rem)}
.hub-head h1{font-size:var(--step-4);margin:.3em 0 .25em;line-height:1}
.hub-tag{font-size:var(--step-1);color:var(--muted);max-width:34rem;line-height:1.4}
.hub-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.hub-intro{margin:clamp(2rem,4vw,3rem) 0;padding-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}
.hub-intro.prose figure{max-width:360px}
.index-label{font-family:var(--f-ui);font-size:.7rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--faint);margin-bottom:.5rem}
.idx-row{display:grid;grid-template-columns:auto 1fr auto;gap:1.3rem;align-items:baseline;
  padding:1.15rem .4rem;border-bottom:1px solid var(--line);transition:padding var(--t),background var(--t)}
.idx-row:hover{background:var(--raise);padding-left:1rem}
.idx-n{font-family:var(--f-ui);font-size:.85rem;font-weight:600;color:var(--accent);
  font-variant-numeric:tabular-nums}
.idx-main{display:flex;flex-direction:column;gap:.2rem}
.idx-t{font-family:var(--f-display);font-weight:600;font-size:var(--step-1);color:var(--ink);
  letter-spacing:-.01em;line-height:1.15;transition:color var(--t)}
.idx-row:hover .idx-t{color:var(--accent)}
.idx-meta{font-family:var(--f-ui);font-size:var(--step--1);color:var(--muted)}
.idx-arw{font-family:var(--f-ui);color:var(--faint);opacity:0;transform:translateX(-6px);transition:var(--t)}
.idx-row:hover .idx-arw{opacity:1;transform:none;color:var(--accent)}

/* ---- downloads ------------------------------------------------------- */
.downloads .dl-work{padding:1.1rem 0;border-top:1px solid var(--line)}
.downloads .dl-work:first-child{border-top:0;padding-top:.2rem}
.dl-work-t{font-family:var(--f-display);font-weight:600;font-size:var(--step-1);color:var(--ink);
  display:block;margin-bottom:.8rem}
.dl-pills{display:flex;flex-wrap:wrap;gap:.6rem}
.dl-pill{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--f-ui);font-size:var(--step--1);
  border:1px solid var(--line);background:var(--surface);padding:.55rem .9rem;border-radius:6px;transition:var(--t)}
.dl-pill .ic{font-weight:700;font-size:.66rem;letter-spacing:.03em;color:#fff;background:var(--ink);
  padding:.2rem .42rem;border-radius:3px;width:auto;height:auto}
.dl-pill .pl{color:var(--muted)}
.dl-pill:hover{border-color:var(--accent);transform:translateY(-2px)}
.dl-pill:hover .ic{background:var(--accent)}.dl-pill:hover .pl{color:var(--ink)}

/* ============================================================================
   SEARCH MODAL
   ========================================================================== */
.search[hidden]{display:none}
.search{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;
  padding-top:12vh}
.search-backdrop{position:fixed;inset:0;background:rgba(10,9,7,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.search-box{position:relative;width:min(620px,92vw);background:var(--surface);border:1px solid var(--line-2);
  border-radius:12px;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);overflow:hidden;max-height:70vh;display:flex;flex-direction:column}
.search-in{display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}
.search-in .ic{color:var(--muted);width:1.3em;height:1.3em}
#q{flex:1;border:0;background:none;font-family:var(--f-body);font-size:1.15rem;color:var(--ink);outline:none}
.search-x{background:none;border:0;color:var(--faint);cursor:pointer;padding:.2rem}
.search-results{overflow-y:auto;padding:.5rem}
.sr{display:block;padding:.75rem .9rem;border-radius:7px;transition:background var(--t)}
.sr.sel,.sr:hover{background:var(--raise)}
.sr-t{font-family:var(--f-display);font-weight:600;font-size:1.02rem;color:var(--ink)}
.sr-x{font-family:var(--f-ui);font-size:.84rem;color:var(--muted);margin-top:.2rem;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sr mark{background:var(--accent-soft);color:var(--accent);padding:0 .1em;border-radius:2px}
.search-empty{padding:2rem;text-align:center;color:var(--muted);font-family:var(--f-ui)}
.search-foot{display:flex;gap:1.2rem;padding:.7rem 1.1rem;border-top:1px solid var(--line);
  font-family:var(--f-ui);font-size:.74rem;color:var(--faint)}
.search-foot kbd{border:1px solid var(--line-2);border-radius:4px;padding:.05rem .3rem}

/* ============================================================================
   FOOTER
   ========================================================================== */
.site-foot{border-top:1px solid var(--line);background:var(--surface);padding:clamp(2.6rem,5vw,4rem) var(--pad)}
.foot-inner{max-width:var(--maxw);margin-inline:auto;display:flex;flex-direction:column;align-items:center;
  gap:1.1rem;text-align:center}
.foot-mark{color:var(--accent);font-size:1.15rem;opacity:.75}
.foot-nav{display:flex;flex-wrap:wrap;gap:clamp(1rem,2.4vw,1.8rem);justify-content:center;
  font-family:var(--f-ui);font-size:var(--step--1)}
.foot-nav a{color:var(--ink-soft);letter-spacing:.03em;transition:color var(--t)}
.foot-nav a:hover{color:var(--accent)}
.foot-langs{display:flex;gap:.9rem;font-family:var(--f-ui);font-size:.72rem;font-weight:600;letter-spacing:.12em}
.foot-langs a{color:var(--muted);transition:color var(--t)}
.foot-langs a.on{color:var(--accent)}.foot-langs a:hover{color:var(--ink)}
.foot-note{font-family:var(--f-body);font-style:italic;color:var(--muted);font-size:var(--step--1);
  max-width:52ch;margin:.2rem 0 0;line-height:1.5}

/* ============================================================================
   INTRO — immersive universe entry (always dark, theme-independent)
   ========================================================================== */
.intro-body{color:#EDEAE3;min-height:100vh;min-height:100dvh;overflow-x:hidden;
  display:flex;flex-direction:column;
  /* deep-space nebula: layered radial hazes over near-black */
  background:
    radial-gradient(ellipse 70% 55% at 18% 12%, rgba(86,72,168,.28), transparent 60%),
    radial-gradient(ellipse 60% 50% at 85% 22%, rgba(34,98,162,.26), transparent 60%),
    radial-gradient(ellipse 80% 60% at 70% 95%, rgba(150,52,80,.20), transparent 62%),
    radial-gradient(ellipse 50% 40% at 30% 80%, rgba(40,120,150,.16), transparent 60%),
    #05060c}
.cosmos{position:fixed;inset:0;z-index:0;overflow:hidden}
.cosmos canvas.stars{position:absolute;inset:0;display:block}
/* faint milky-way band */
.cosmos::after{content:"";position:absolute;inset:-20%;
  background:linear-gradient(115deg, transparent 38%, rgba(180,180,255,.06) 47%, rgba(255,235,220,.05) 52%, transparent 62%);
  filter:blur(14px);transform:rotate(-8deg)}
.intro{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:clamp(1.8rem,4vw,3.2rem) var(--pad) clamp(1rem,2vw,1.5rem)}
.intro-inner{display:flex;flex-direction:column;align-items:center;gap:clamp(.8rem,1.8vw,1.3rem);max-width:920px}
.intro .eyebrow{color:#aaa4cf;letter-spacing:.36em}
.intro .muted{color:#8b87a8}

/* ---- powerful Earth -------------------------------------------------- */
.earth-wrap{position:relative;width:clamp(220px,28vw,330px);aspect-ratio:1;margin:.3rem auto;perspective:900px}
.earth{position:absolute;inset:8%;border-radius:50%;
  background:url('/assets/img/Erde.png') center/cover no-repeat;
  box-shadow:
    inset -22px -16px 50px 6px rgba(0,0,0,.6),
    inset 10px 8px 30px rgba(140,180,255,.25),
    0 0 60px -6px rgba(96,160,255,.55);
  animation:globe-float 9s ease-in-out infinite;will-change:transform}
/* day-side sheen */
.earth::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 36% 30%, rgba(255,255,255,.30), rgba(255,255,255,0) 44%)}
/* thick atmospheric halo */
.earth-glow{position:absolute;inset:-20%;border-radius:50%;z-index:-1;
  background:
    radial-gradient(circle, rgba(110,175,255,.55) 0%, rgba(90,150,255,.18) 42%, rgba(90,150,255,0) 66%);
  filter:blur(8px);animation:glow-pulse 7s ease-in-out infinite}
/* bright crescent rim-light */
.earth-rim{position:absolute;inset:8%;border-radius:50%;pointer-events:none;
  box-shadow:inset 8px 6px 22px -4px rgba(150,200,255,.9), inset -2px -2px 8px rgba(120,170,255,.3);
  -webkit-mask:radial-gradient(circle at 32% 28%, #000 60%, transparent 72%);
          mask:radial-gradient(circle at 32% 28%, #000 60%, transparent 72%)}
.orbit{position:absolute;inset:-16%;border-radius:50%;border:1px solid rgba(160,185,245,.22);
  transform:rotateX(75deg);animation:orbit-spin 18s linear infinite}
.orbit::after{content:"";position:absolute;top:-4px;left:50%;width:9px;height:9px;margin-left:-4.5px;
  border-radius:50%;background:#dce8ff;box-shadow:0 0 16px 4px rgba(170,200,255,.9)}
@keyframes globe-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes glow-pulse{0%,100%{opacity:.62;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
@keyframes orbit-spin{to{transform:rotateX(75deg) rotate(360deg)}}
.orbit-2{inset:-34%;border-color:rgba(210,180,130,.15);transform:rotateX(68deg) rotateZ(58deg);
  animation:orbit-spin2 26s linear infinite}
.orbit-2::after{background:#ffe1b0;box-shadow:0 0 14px 4px rgba(255,205,130,.8)}
@keyframes orbit-spin2{to{transform:rotateX(68deg) rotateZ(58deg) rotate(-360deg)}}
/* the Sun — light source for the scene */
.sun{position:absolute;top:9%;right:11%;width:clamp(54px,7vw,110px);aspect-ratio:1;border-radius:50%;z-index:1;
  background:radial-gradient(circle at 48% 46%,#fff 0%,#fff3cf 26%,#ffc24d 56%,rgba(255,150,40,0) 73%);
  box-shadow:0 0 110px 36px rgba(255,186,84,.42),0 0 220px 100px rgba(255,140,40,.16);
  animation:sun-pulse 6.5s ease-in-out infinite}
.sun::after{content:"";position:absolute;inset:-40%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,210,130,.22),transparent 62%);animation:sun-pulse 9s ease-in-out infinite reverse}
@keyframes sun-pulse{0%,100%{transform:scale(1);opacity:.96}50%{transform:scale(1.06);opacity:1}}
@media (prefers-reduced-motion:reduce){.sun,.sun::after,.orbit-2{animation:none}}

/* animated bottom banner (the author's "Neon Lights" scrolling verse) */
.marquee{margin-top:clamp(2.4rem,5vw,3.6rem);border-top:1px solid var(--line);padding-top:1.4rem;
  overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:inline-flex;white-space:nowrap;font-family:var(--f-display);font-style:italic;
  color:var(--muted);font-size:var(--step-0);animation:marquee 34s linear infinite;will-change:transform}
.marquee-track span{padding-right:3rem}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;white-space:normal}}

.intro-tag{font-family:var(--f-body);color:#d7d3e6;font-size:var(--step-0);line-height:1.5;margin:.2rem 0 0;max-width:38rem}
.intro-choose{font-family:var(--f-ui);font-size:.72rem;font-weight:600;letter-spacing:.28em;
  text-transform:uppercase;color:#7d7a98;margin-top:.4rem}

/* ---- 3D animated book entries --------------------------------------- */
.books{display:flex;gap:clamp(1.6rem,4vw,3.2rem);flex-wrap:wrap;justify-content:center;
  align-items:flex-end;margin-top:.4rem}
.bookent{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-decoration:none}
.book-lang{font-family:var(--f-ui);font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  font-size:var(--step--1);color:#cfcbe6}
.book3d{width:clamp(205px,21vw,250px);aspect-ratio:1/1.4;perspective:1500px}
.book3d-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;
  transform:rotateY(-11deg) rotateX(2deg);transition:transform .6s var(--ease);
  animation:book-bob 7s ease-in-out infinite}
.bc-face{position:absolute;inset:0;border-radius:3px 8px 8px 3px;backface-visibility:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1.5rem;
  background:linear-gradient(135deg,#241016,#3a1620 55%,#1a0c10);
  box-shadow:0 30px 55px -18px rgba(0,0,0,.8), inset 0 0 60px rgba(0,0,0,.35);
  border:1px solid rgba(212,168,106,.25)}
.book-tr .bc-face{background:linear-gradient(135deg,#0e1f24,#13323a 55%,#0a181c);border-color:rgba(120,190,210,.25)}
.bc-orn{font-size:1.1rem;color:#c8a96a;opacity:.85}
.book-tr .bc-orn{color:#7fb6c4}
.bc-title{font-family:var(--f-display);font-weight:600;font-size:clamp(1.12rem,1.25vw,1.32rem);line-height:1.16;
  color:#f3ede0;text-align:center;letter-spacing:-.01em;hyphens:manual;-webkit-hyphens:manual;text-wrap:balance}
.bc-rule{width:34px;height:2px;background:#c8a96a;opacity:.8}
.book-tr .bc-rule{background:#7fb6c4}
.bc-author{font-family:var(--f-ui);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:#b7ad96}
.book-tr .bc-author{color:#9fb9c0}
/* page block (right edge) + spine (left) for 3D thickness */
.bc-edge{position:absolute;top:2%;right:0;width:14px;height:96%;transform:translateZ(-7px) translateX(7px) rotateY(90deg);
  transform-origin:right;background:repeating-linear-gradient(to right,#efe9dc,#efe9dc 1px,#d9d2c0 1px,#d9d2c0 2px)}
.bc-spine{position:absolute;inset:0 auto 0 0;width:14px;transform:translateZ(-7px);border-radius:3px 0 0 3px;
  background:linear-gradient(#1a0c10,#3a1620);}
.book-tr .bc-spine{background:linear-gradient(#0a181c,#13323a)}
.bookent:hover .book3d-inner{transform:rotateY(-6deg) rotateX(2deg) translateY(-10px)}
.book-meta{font-family:var(--f-ui);font-size:var(--step--1);color:#9a96b5}
.book-go{font-family:var(--f-ui);font-weight:600;font-size:.9rem;color:#fff;display:inline-flex;gap:.4rem;align-items:center}
.book-go .arw{transition:transform var(--t)}
.bookent:hover .book-go{color:#E0795F}.bookent:hover .book-go .arw{transform:translateX(4px)}
@keyframes book-bob{0%,100%{transform:rotateY(-11deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(-11deg) rotateX(2deg) translateY(-7px)}}

.books-extra{display:flex;gap:1rem 2rem;flex-wrap:wrap;justify-content:center;margin-top:1.4rem}
.bookent--mini{flex-direction:row;gap:.6rem;align-items:center;padding:.6rem 1rem;border:1px solid rgba(237,234,227,.14);
  border-radius:6px;background:rgba(237,234,227,.03);transition:border-color var(--t),background var(--t)}
.bookent--mini:hover{border-color:rgba(224,121,95,.5);background:rgba(224,121,95,.08)}
.bookent--mini .book-lang{font-size:.6rem;color:#8b87a8}
.bookent--mini .mini-t{font-family:var(--f-display);font-size:.95rem;color:#e8e3d6}
.bookent--soon{opacity:.45;pointer-events:none}
.intro-foot{position:relative;z-index:2;text-align:center;padding:0 var(--pad) clamp(1rem,2vw,1.5rem);
  font-family:var(--f-ui);font-size:var(--step--1);color:#6a6784}
.intro-foot a{color:#aaa4cf}.intro-foot a:hover{color:#E0795F}
.intro-contact{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;
  border-radius:50%;border:1px solid rgba(170,164,207,.35);color:#aaa4cf;
  transition:color .25s,border-color .25s,background .25s,transform .25s}
.intro-contact .ic{width:22px;height:22px}
.intro-contact:hover{color:#E0795F;border-color:#E0795F;background:rgba(224,121,95,.08);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.book3d-inner{animation:none}}

/* ---- intro language gate (refined, professional) -------------------- */
.earth-reveal{transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.earth-reveal.reveal{opacity:0;transform:translateY(10px) scale(.9)}
.earth-reveal.in,.no-js .earth-reveal{opacity:1;transform:none}
.intro-word{font-family:var(--f-display);font-weight:600;font-size:clamp(2rem,1.2rem + 3vw,3.4rem);
  letter-spacing:-.02em;color:#fff;margin:.2rem 0 0;line-height:1}
.intro-choose{display:flex;align-items:center;gap:1rem;font-family:var(--f-ui);font-size:.72rem;
  font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#8b87a8;margin-top:.6rem}
.intro-choose .line{height:1px;width:clamp(28px,6vw,64px);background:linear-gradient(90deg,transparent,rgba(170,164,207,.5))}
.intro-choose .line:last-child{background:linear-gradient(90deg,rgba(170,164,207,.5),transparent)}
.lang-cards{display:flex;gap:clamp(.9rem,2vw,1.5rem);flex-wrap:wrap;justify-content:center;margin-top:.3rem}
.lang-card{display:flex;flex-direction:column;gap:.35rem;min-width:min(300px,86vw);text-align:left;
  padding:1.4rem 1.6rem;border:1px solid rgba(237,234,227,.16);border-radius:8px;
  background:linear-gradient(160deg,rgba(237,234,227,.06),rgba(237,234,227,.02));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .45s var(--ease),border-color .45s,background .45s,box-shadow .45s;position:relative;overflow:hidden}
.lang-card::after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);
  transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
.lang-card:hover{transform:translateY(-5px);border-color:rgba(224,121,95,.55);
  background:linear-gradient(160deg,rgba(224,121,95,.12),rgba(237,234,227,.02));box-shadow:0 26px 50px -24px rgba(0,0,0,.7)}
.lang-card:hover::after{transform:scaleY(1)}
.lc-lang{font-family:var(--f-ui);font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  font-size:var(--step--1);color:#E0795F}
.lc-book{font-family:var(--f-display);font-weight:600;font-size:var(--step-1);color:#fff;line-height:1.12}
.lc-meta{font-family:var(--f-ui);font-size:var(--step--1);color:#9a96b5;margin-top:.1rem}
.lc-go{font-family:var(--f-ui);font-weight:600;font-size:.85rem;color:#cfcbe6;display:inline-flex;
  gap:.4rem;align-items:center;margin-top:.5rem}
.lc-go .arw{transition:transform var(--t)}
.lang-card:hover .lc-go{color:#fff}.lang-card:hover .lc-go .arw{transform:translateX(4px)}
.lang-card--soon{opacity:.4;pointer-events:none}

/* ---- intro: page-turning flag books (textless language gate) -------- */
.intro-word{font-family:var(--f-display);font-weight:600;font-size:clamp(1.5rem,1rem + 1.6vw,2.2rem);
  letter-spacing:-.02em;color:#fff;text-decoration:none;line-height:1;display:inline-block}
.flipshelf{display:flex;gap:clamp(1.6rem,5vw,4rem);flex-wrap:wrap;justify-content:center;
  align-items:center;margin:.6rem 0 .4rem;perspective:1700px}
.flipbook{cursor:pointer;display:block;text-decoration:none}
.fb-book{display:block;position:relative;width:clamp(244px,30vw,340px);height:clamp(163px,20vw,227px);
  transform-style:preserve-3d;transform:rotateX(20deg);transition:transform .6s var(--ease)}
.flipbook:hover .fb-book{transform:rotateX(8deg) translateY(-12px) scale(1.03)}
.fb-left,.fb-right{position:absolute;top:0;bottom:0;width:50%;background:#fbf7ec;
  border:1px solid #e6dfcd}
.fb-left{left:0;border-radius:6px 0 0 6px;overflow:hidden;box-shadow:inset -16px 0 26px -14px rgba(60,40,20,.35)}
.fb-right{right:0;border-radius:0 6px 6px 0;box-shadow:inset 16px 0 26px -14px rgba(60,40,20,.35),
  0 30px 50px -20px rgba(0,0,0,.8)}
.fb-flag{position:absolute;inset:11% 10% 11% 13%;border-radius:3px;background-position:center;
  background-size:cover;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.fb-de .fb-flag{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3' preserveAspectRatio='none'%3E%3Crect width='5' height='3' fill='%23161616'/%3E%3Crect y='1' width='5' height='1' fill='%23D7141A'/%3E%3Crect y='2' width='5' height='1' fill='%23FFCE00'/%3E%3C/svg%3E");background-size:100% 100%}
.fb-tr .fb-flag{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23E30A17'/%3E%3Ccircle cx='11.5' cy='10' r='5' fill='%23fff'/%3E%3Ccircle cx='13.2' cy='10' r='4' fill='%23E30A17'/%3E%3Cpolygon points='18,7 18.7,9.03 20.85,9.07 19.14,10.37 19.76,12.43 18,11.2 16.24,12.43 16.86,10.37 15.15,9.07 17.3,9.03' fill='%23fff'/%3E%3C/svg%3E");background-position:38% center}
.fb-spine{position:absolute;top:-1.5%;left:50%;width:8px;height:103%;transform:translateX(-50%) translateZ(-2px);
  background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.05),rgba(0,0,0,.28));z-index:6}
.fb-edge{position:absolute;top:4%;right:-3px;width:7px;height:92%;border-radius:0 2px 2px 0;
  background:repeating-linear-gradient(#efe9dc,#efe9dc 1px,#d6cfbb 1px,#d6cfbb 2.4px);transform:rotateY(40deg);transform-origin:left}
.fb-leaf{position:absolute;top:1.5%;left:50%;width:48.5%;height:97%;transform-origin:left center;
  background:linear-gradient(108deg,#fdfbf3 0%,#f1ebdb 100%);border:1px solid #e6dfcd;border-left:none;
  border-radius:0 6px 6px 0;box-shadow:1px 2px 9px rgba(60,40,20,.16);z-index:5;
  animation:riffle 4.6s ease-in-out infinite;animation-delay:calc(var(--i) * -0.78s)}
.fb-leaf::after{content:"";position:absolute;inset:0;border-radius:0 6px 6px 0;
  background:linear-gradient(90deg,rgba(0,0,0,.06),transparent 30%)}
@keyframes riffle{0%,66%,100%{transform:rotateY(0deg)}33%{transform:rotateY(-156deg)}}
@media (prefers-reduced-motion:reduce){.fb-leaf{animation:none}.fb-leaf:nth-child(n+4){opacity:0}}

/* ---- bc-face image variant (real cover art) ------------------------- */
.bc-face--img{background-size:cover;background-position:center;padding:0;border:1px solid rgba(255,255,255,.12)}

/* ============================================================================
   BÜCHERREGAL / library (theme-aware)
   ========================================================================== */
.library{max-width:56rem;margin-inline:auto}
.shelf{margin-top:clamp(1.5rem,3vw,2.5rem)}
.shelf-item{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;
  padding:clamp(1.6rem,3vw,2.4rem) 0;border-bottom:1px solid var(--line)}
.shelf-book{position:relative;padding-bottom:14px}
.shelf-book .book3d{width:clamp(120px,15vw,150px)}
.shelf-book .book3d-inner{animation:book-bob 7s ease-in-out infinite}
.shelf-ledge{position:absolute;left:-10%;right:-10%;bottom:0;height:11px;border-radius:2px;
  background:linear-gradient(var(--line-2),var(--line));
  box-shadow:0 10px 18px -10px rgba(0,0,0,.45)}
.shelf-info h3{font-family:var(--f-display);font-weight:600;font-size:var(--step-2);margin:0 0 .9rem;color:var(--ink)}
.book-read{margin-bottom:1.1rem}
.shelf-only{display:inline-block;font-family:var(--f-ui);font-size:var(--step--1);letter-spacing:.04em;
  color:var(--muted);border:1px dashed var(--line-2);border-radius:5px;padding:.4rem .8rem;margin-bottom:1.1rem}
.shelf-formats{display:flex;flex-direction:column;gap:.5rem}
.fmt-label{font-family:var(--f-ui);font-size:.66rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint)}
.dl-pill.is-live .ic{background:var(--accent)}
.dl-pill.is-live::after{content:"";width:6px;height:6px;border-radius:50%;background:#3a9d5a;margin-left:.1rem}
.shelf-note{font-family:var(--f-ui);font-size:var(--step--1);color:var(--muted);display:flex;
  align-items:center;gap:.45rem;margin:.9rem 0 0}
.ebook-promo{margin:clamp(2rem,4vw,3rem) 0 0;text-align:center}
.ebook-promo img{margin-inline:auto;border-radius:8px;border:1px solid var(--line);max-width:520px;width:100%}

/* section heads on the main page */
.sec-head{margin:clamp(2.4rem,5vw,3.6rem) 0 1.4rem}
.sec-label{font-family:var(--f-ui);font-size:.7rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent)}
.sec-title{font-family:var(--f-display);font-weight:600;font-size:var(--step-2);color:var(--ink);
  margin:.25rem 0 0;line-height:1.1}
.books-sec{border-top:1px solid var(--line)}
.hub-about{border-top:1px solid var(--line)}
.hub-about .prose{color:var(--ink-soft)}

/* intro share row */
.share{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-top:1.6rem}
.share-l{font-family:var(--f-ui);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:#8b87a8;display:inline-flex;align-items:center;gap:.5rem}
.share-l .ic{width:1em;height:1em}
.share-btns{display:flex;gap:.55rem}
.sh{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(237,234,227,.18);background:rgba(237,234,227,.04);color:#cfcbe6;cursor:pointer;
  transition:transform var(--t),border-color var(--t),background var(--t),color var(--t);position:relative}
.sh:hover{transform:translateY(-3px);border-color:#E0795F;background:rgba(224,121,95,.14);color:#fff}
.sh .ic{width:1.05em;height:1.05em}
.sh.copied::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;
  background:#3a9d5a;color:#fff;border-radius:50%;font-family:var(--f-ui);font-weight:700}

/* section sub-label */
.sec-sub{font-family:var(--f-body);color:var(--muted);font-size:var(--step-0);margin:.4rem 0 0;max-width:42rem}

/* contact form */
.contact-form{display:flex;flex-direction:column;gap:1.2rem;max-width:38rem}
.cf-field{display:flex;flex-direction:column;gap:.45rem}
.cf-field span{font-family:var(--f-ui);font-size:var(--step--1);font-weight:600;letter-spacing:.04em;color:var(--ink-soft)}
.cf-field em{color:var(--muted);font-style:normal;font-weight:400}
.cf-field input,.cf-field textarea{font-family:var(--f-body);font-size:var(--step-0);color:var(--ink);
  background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:.8rem 1rem;
  transition:border-color var(--t);resize:vertical}
.cf-field input:focus,.cf-field textarea:focus{outline:none;border-color:var(--accent)}
.cf-send{align-self:flex-start;margin-top:.3rem}
.cf-note{font-family:var(--f-ui);font-size:var(--step--1);color:var(--accent);min-height:1.2em}

/* book reader (embedded PDF) */
.bookread{max-width:62rem}
.pdf-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.pdf-tab{font-family:var(--f-ui);font-size:var(--step--1);font-weight:600;cursor:pointer;
  border:1px solid var(--line-2);background:var(--surface);color:var(--ink-soft);border-radius:6px;
  padding:.55rem 1rem;transition:var(--t)}
.pdf-tab:hover{border-color:var(--accent)}
.pdf-tab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}
.pdf-frame{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--raise);
  height:min(82vh,1000px)}
.pdf-frame iframe{width:100%;height:100%;border:0;display:block}
.pdf-hint{color:var(--muted);font-size:var(--step--1);margin:.2rem 0 1rem}
.pdf-opens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1.4rem}
@media(min-width:620px){.pdf-opens{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pdf-open{display:flex;align-items:center;gap:.55rem;padding:.85rem 1rem;border:1px solid var(--line);
  border-radius:11px;background:var(--raise);color:var(--ink);font-family:var(--f-ui);font-weight:600;
  font-size:var(--step--1);transition:border-color .2s,background .2s,transform .2s}
.pdf-open .ic{width:20px;height:20px;flex:none;color:var(--accent)}
.pdf-open-t{flex:1;min-width:0}
.pdf-open-ext{font-size:.78em;opacity:.55;font-weight:500}
.pdf-open:hover{border-color:var(--accent);background:var(--bg);transform:translateY(-2px)}
.only-wide{display:none}
@media(min-width:760px){.pdf-tabs.only-wide{display:flex}.pdf-frame.only-wide{display:block}}
.pdf-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}
/* continuous 'read the whole book' (EN/ES) */
.bk-index{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:.5rem 0 2.4rem;padding-bottom:1.5rem;
  border-bottom:1px solid var(--line)}
.bk-index-l{flex-basis:100%;font-family:var(--f-ui);font-weight:600;font-size:var(--step--1);
  color:var(--muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}
.bk-index a{font-size:var(--step--1);color:var(--muted)}
.bk-index a:hover{color:var(--accent)}
.bk-chapter{padding-top:.5rem}
.bk-chapter .ch-h{scroll-margin-top:calc(var(--hdr) + 1rem)}
.bk-chapter + .bk-chapter{margin-top:2.8rem;padding-top:2.4rem;border-top:1px solid var(--line)}
/* Nebuchadnezzar's statue — high-quality animated figure */
.statue-fig{margin:clamp(2rem,5vw,3.4rem) auto;max-width:460px;text-align:center}
.statue-stage{position:relative;overflow:hidden;border-radius:16px;isolation:isolate;
  box-shadow:0 34px 90px -30px rgba(0,0,0,.62),0 0 0 1px var(--line);
  animation:statue-glow 7s ease-in-out infinite}
.statue-img{display:block;width:100%;height:auto;transform-origin:50% 38%;
  animation:statue-kenburns 26s ease-in-out infinite alternate;will-change:transform}
.statue-sheen{position:absolute;inset:-20% -10%;pointer-events:none;z-index:2;mix-blend-mode:screen;
  background:linear-gradient(115deg,transparent 40%,rgba(255,246,214,.0) 46%,rgba(255,247,222,.55) 50%,
    rgba(255,255,255,.0) 54%,transparent 60%);
  background-size:260% 260%;animation:statue-sheen 8s ease-in-out 2s infinite}
.statue-fig figcaption{margin-top:.85rem;font-family:var(--f-ui);font-size:var(--step--1);
  color:var(--muted);line-height:1.4;max-width:38ch;margin-inline:auto}
@keyframes statue-kenburns{from{transform:scale(1.005)}to{transform:scale(1.075)}}
@keyframes statue-sheen{0%{background-position:150% -50%;opacity:0}
  30%{opacity:.9}60%{opacity:.9}100%{background-position:-50% 150%;opacity:0}}
@keyframes statue-glow{0%,100%{box-shadow:0 34px 90px -30px rgba(0,0,0,.62),0 0 0 1px var(--line),
    0 0 44px -14px rgba(212,175,55,.30)}
  50%{box-shadow:0 34px 90px -30px rgba(0,0,0,.66),0 0 0 1px var(--line),0 0 78px -6px rgba(212,175,55,.5)}}
@media(prefers-reduced-motion:reduce){.statue-img,.statue-sheen,.statue-stage{animation:none}.statue-sheen{display:none}}
.sl-lead{font-weight:600;margin:1.6rem 0 .7rem}
.statue-legend{list-style:none;margin:.2rem 0 1.6rem;padding:0;display:grid;gap:.55rem;counter-reset:sl}
.statue-legend li{display:grid;grid-template-columns:auto 1fr;gap:.15rem .85rem;align-items:start;
  padding:.75rem .95rem;border:1px solid var(--line);border-radius:12px;background:var(--raise)}
.sl-dot{grid-row:span 2;align-self:center;width:18px;height:18px;border-radius:50%;background:var(--m);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),inset -3px -3px 6px rgba(0,0,0,.28),inset 3px 3px 6px rgba(255,255,255,.4);
  flex:none}
.sl-part{font-family:var(--f-display);font-weight:600;color:var(--ink);line-height:1.3}
.sl-emp{color:var(--muted);line-height:1.4}
.sl-part::after{content:" →";color:var(--accent);font-weight:500}
@media(max-width:520px){.sl-part::after{content:""}}
/* annotated statue: arrows from edge labels to each body part */
.statue-annotated{max-width:520px}
.statue-scene{position:relative}
.statue-ann{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
.sp-line{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;stroke-linecap:round}
.sp-dot{transform-box:fill-box;transform-origin:center;transform:scale(0);opacity:0}
.sp-chip{position:absolute;top:var(--y);transform:translateY(-50%);max-width:38%;
  display:inline-flex;align-items:center;gap:.42rem;padding:.34rem .56rem;border-radius:9px;
  font-family:var(--f-ui);font-weight:600;font-size:clamp(.62rem,1.5vw,.8rem);line-height:1.18;text-align:left;
  color:var(--ink);background:color-mix(in srgb,var(--bg) 82%,transparent);
  -webkit-backdrop-filter:blur(7px) saturate(1.3);backdrop-filter:blur(7px) saturate(1.3);
  border:1px solid var(--line);box-shadow:0 6px 18px -8px rgba(0,0,0,.55);opacity:0;z-index:4}
.sp-chip.sp-l{left:1.5%}
.sp-chip.sp-r{right:1.5%}
.sp-bead{width:11px;height:11px;border-radius:50%;background:var(--c);flex:none;
  box-shadow:inset -2px -2px 3px rgba(0,0,0,.32),inset 2px 2px 3px rgba(255,255,255,.45)}
.statue-fig.in .sp-line{animation:sp-draw .6s var(--ease) forwards;animation-delay:calc(.3s + var(--d)*.2s)}
.statue-fig.in .sp-dot{animation:sp-pop .45s var(--ease) forwards;animation-delay:calc(.3s + var(--d)*.2s)}
.statue-fig.in .sp-chip{animation:sp-chipin .5s var(--ease) forwards;animation-delay:calc(.42s + var(--d)*.2s)}
@keyframes sp-draw{0%{opacity:0;stroke-dashoffset:1}12%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}
@keyframes sp-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.35)}100%{opacity:1;transform:scale(1)}}
@keyframes sp-chipin{from{opacity:0;transform:translateY(-50%) scale(.92)}to{opacity:1;transform:translateY(-50%) scale(1)}}
.no-js .sp-line{opacity:1;stroke-dashoffset:0}.no-js .sp-dot{opacity:1;transform:none}.no-js .sp-chip{opacity:1}
@media(prefers-reduced-motion:reduce){.sp-line{opacity:1;stroke-dashoffset:0;animation:none}
  .sp-dot{opacity:1;transform:none;animation:none}.sp-chip{opacity:1;animation:none}}

/* ============================================================================
   PROFESSIONAL 3D BOOK  (used on the intro language gate + the Books page)
   ========================================================================== */
.flag-de{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3' preserveAspectRatio='none'%3E%3Crect width='5' height='3' fill='%23161616'/%3E%3Crect y='1' width='5' height='1' fill='%23D7141A'/%3E%3Crect y='2' width='5' height='1' fill='%23FFCE00'/%3E%3C/svg%3E");background-size:100% 100%!important}
.flag-tr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23E30A17'/%3E%3Ccircle cx='11.5' cy='10' r='5' fill='%23fff'/%3E%3Ccircle cx='13.2' cy='10' r='4' fill='%23E30A17'/%3E%3Cpolygon points='18,7 18.7,9.03 20.85,9.07 19.14,10.37 19.76,12.43 18,11.2 16.24,12.43 16.86,10.37 15.15,9.07 17.3,9.03' fill='%23fff'/%3E%3C/svg%3E");background-position:38% center}
.flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0,0 L60,30 M60,0 L0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0 L60,30 M60,0 L0,30' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0 L30,30 M0,15 L60,15' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0 L30,30 M0,15 L60,15' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E");background-size:100% 100%!important;background-position:center}
.flag-es{background-image:linear-gradient(#AA151B 0 25%,#F1BF00 25% 75%,#AA151B 75%)}

.pbook{display:block;position:relative;width:clamp(152px,16vw,196px);height:clamp(222px,23vw,286px);
  perspective:1300px;flex:none}
.pbook-3d{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;
  transform:rotateY(-23deg) rotateX(3deg);transition:transform .7s var(--ease);
  animation:pbook-float 7.5s ease-in-out infinite}
.pbook-cover,.pbook-pages,.pbook-flag{display:block}
.pbook-link:hover .pbook-3d,.pbook--hover:hover .pbook-3d{transform:rotateY(-7deg) rotateX(1deg) translateY(-12px)}
.pbook-cover{position:absolute;inset:0;border-radius:2px 6px 6px 2px;overflow:hidden;background:#222;
  background-size:cover;background-position:center;backface-visibility:hidden;
  box-shadow:inset 8px 0 16px -5px rgba(0,0,0,.55),inset -1px 0 0 rgba(255,255,255,.12),
             14px 20px 40px -12px rgba(0,0,0,.6)}
.pbook-pages{position:absolute;top:1.5%;right:0;width:11px;height:97%;transform:rotateY(76deg);transform-origin:right;
  background:repeating-linear-gradient(to right,#f1ebde,#f1ebde 1px,#cdc5b0 1px,#cdc5b0 2.4px);border-radius:0 2px 2px 0}
.pbook-cover.designed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;
  padding:1.7rem 1.15rem;text-align:center;background:linear-gradient(157deg,var(--bk,#2a1014),color-mix(in srgb,var(--bk,#2a1014) 62%,#000))}
.pbook-cover.designed::before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.22);border-radius:3px}
.pbk-orn{font-size:1.05rem;color:rgba(255,255,255,.72);position:relative}
.pbk-title{font-family:var(--f-display);font-weight:600;font-size:clamp(.96rem,1.05vw,1.14rem);
  line-height:1.17;color:#f5f0e6;hyphens:manual;position:relative}
.pbk-rule{width:28px;height:1.5px;background:rgba(255,255,255,.55);position:relative}
.pbook-flag{position:absolute;top:9px;right:9px;width:30px;height:20px;border-radius:2px;z-index:3;
  background-size:cover;box-shadow:0 2px 7px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.25)}
.pbook::after{content:"";position:absolute;left:8%;right:8%;bottom:-7%;height:15px;border-radius:50%;
  background:rgba(0,0,0,.5);filter:blur(11px);z-index:-1}
@keyframes pbook-float{0%,100%{transform:rotateY(-23deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(-23deg) rotateX(3deg) translateY(-9px)}}
@media (prefers-reduced-motion:reduce){.pbook-3d{animation:none}}

/* intro language gate — clean flag + name, links straight to the Önsöz/Vorwort */
.langgate{display:flex;gap:clamp(1.6rem,5vw,3.4rem);flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:.8rem}
.lang-entry{display:flex;flex-direction:column;align-items:center;gap:.85rem;text-decoration:none;
  padding:.6rem;border-radius:10px;transition:transform .4s var(--ease),background .4s}
.lang-entry:hover{transform:translateY(-5px);background:rgba(237,234,227,.04)}
.lang-flag-big{width:clamp(62px,7.5vw,92px);aspect-ratio:3/2;border-radius:7px;background-size:cover;
  background-position:center;box-shadow:0 8px 22px -4px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.18);
  transition:transform .45s var(--ease),box-shadow .45s}
.lang-entry:hover .lang-flag-big{transform:scale(1.06);box-shadow:0 14px 30px -6px rgba(0,0,0,.7),0 0 0 1px rgba(224,121,95,.6)}
.lang-name{font-family:var(--f-ui);font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  font-size:.82rem;color:#d7d3e6;transition:color var(--t)}
.lang-entry:hover .lang-name{color:#fff}
.lang-entry.go-active .lang-flag-big{transform:scale(1.18);box-shadow:0 0 40px 6px rgba(224,121,95,.5),0 0 0 2px #E0795F}
.lang-entry.go-active .lang-name{color:#E0795F}

/* Books page: shelf of professional books */
.bookgrid{display:flex;flex-wrap:wrap;gap:clamp(2rem,5vw,4rem);justify-content:flex-start;margin-top:clamp(1.5rem,3vw,2.5rem)}
.book-card{display:flex;flex-direction:column;align-items:center;gap:1rem;width:clamp(152px,16vw,196px)}
.book-card .pbook{margin-bottom:.3rem}
.book-card .bc-name{font-family:var(--f-display);font-weight:600;font-size:var(--step-0);text-align:center;color:var(--ink);line-height:1.2}
.book-card .bc-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;align-items:center}
.book-card .btn{width:100%;justify-content:center;padding:.6rem 1rem}

/* portal (language landing): two big cards Bücher / Essays */
.portal{max-width:60rem;margin-inline:auto}
.portal-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2rem);margin-top:clamp(1.5rem,3vw,2.5rem)}
@media (max-width:760px){.portal-cards{grid-template-columns:1fr}}
.portal-card{position:relative;display:flex;flex-direction:column;gap:1.2rem;padding:clamp(1.6rem,3vw,2.4rem);
  border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;
  transition:transform .5s var(--ease),border-color .5s,box-shadow .5s;min-height:300px}
.portal-card:hover{transform:translateY(-6px);border-color:var(--ink);box-shadow:0 30px 60px -28px rgba(26,26,26,.3)}
.pc-shelf{display:flex;gap:.8rem;align-items:flex-end;height:140px;padding-left:.4rem}
.pc-shelf .pbook{width:84px;height:122px}
.pc-shelf .pc-mini:nth-child(2){margin-bottom:6px}.pc-shelf .pc-mini:nth-child(3){margin-bottom:14px}
.pc-eyebrow{font-family:var(--f-ui);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.portal-card h2{font-family:var(--f-display);font-size:var(--step-2);margin:.3rem 0 .2rem;color:var(--ink)}
.portal-card p{color:var(--muted);margin:0;flex:1}
.pc-go{font-family:var(--f-ui);font-weight:600;font-size:var(--step--1);color:var(--ink);
  display:inline-flex;align-items:center;gap:.5rem}
.pc-go .ic{width:1.1em;height:1.1em;color:var(--accent)}
.portal-card:hover .pc-go{color:var(--accent)}.portal-card:hover .arw{transform:translateX(4px)}
.pc-essaylist{display:flex;flex-direction:column;gap:.15rem;border-top:1px solid var(--line);padding-top:1rem}
.pc-essaylist span{font-family:var(--f-display);font-size:.96rem;color:var(--ink-soft);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-essaylist .pc-more{font-family:var(--f-ui);font-size:var(--step--1);color:var(--muted)}

/* book page */
.bookpage{max-width:48rem;margin-inline:auto}
.bp-head{display:flex;gap:clamp(1.5rem,4vw,3rem);align-items:center;margin:clamp(1.5rem,3vw,2.5rem) 0}
.bp-cover{flex:none}.bp-cover .pbook{width:clamp(150px,18vw,200px);height:clamp(220px,26vw,292px)}
.bp-meta h1{font-size:var(--step-3);line-height:1.05;margin:.3rem 0 1rem}
.bp-actions{margin-bottom:1.3rem}
.bp-dl .fmt-label{font-family:var(--f-ui);font-size:.66rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);display:block;margin-bottom:.6rem}
.bp-intro{border-top:1px solid var(--line);padding-top:clamp(1.6rem,3vw,2.4rem)}
@media (max-width:640px){.bp-head{flex-direction:column;align-items:flex-start;text-align:left}}
@media (max-width:620px){
  .shelf-item{grid-template-columns:1fr;gap:1.2rem;justify-items:center;text-align:center}
  .shelf-info{text-align:center}.shelf-formats{align-items:center}
  .lang-card{text-align:left}
}

/* ============================================================================
   MOTION
   ========================================================================== */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in,.no-js .reveal{opacity:1;transform:none}
.intro-title .ln>span{transform:translateY(110%);transition:transform .9s var(--ease)}
.intro.in .intro-title .ln>span,.no-js .intro-title .ln>span{transform:translateY(0)}
[data-d="1"]{transition-delay:.08s}[data-d="2"]{transition-delay:.16s}
[data-d="3"]{transition-delay:.24s}[data-d="4"]{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){
  .reveal,.intro-title .ln>span{opacity:1!important;transform:none!important;transition:none!important}
  .globe,.globe-glow,.orbit{animation:none!important}
}

/* ============================================================================
   RESPONSIVE — sidebar drawer
   ========================================================================== */
@media (max-width:900px){
  .hdr-burger{display:flex}
  .hdr-search{min-width:0;padding:.5rem}.hdr-search span,.hdr-search kbd{display:none}
  .side{position:fixed;top:var(--hdr);left:0;width:min(320px,86vw);z-index:80;background:var(--bg);
    transform:translateX(-102%);transition:transform .4s var(--ease);border-right:1px solid var(--line)}
  body.nav-open .side{transform:translateX(0);box-shadow:0 0 60px rgba(0,0,0,.3)}
  body.nav-open .side-scrim{display:block;position:fixed;inset:var(--hdr) 0 0 0;z-index:70;
    background:rgba(10,9,7,.45)}
  .doc{padding-top:1.6rem}
}
@media (max-width:560px){
  .pager{grid-template-columns:1fr}.pg.next{text-align:left}
  .foot-grid{grid-template-columns:1fr;gap:1.4rem}
  .idx-row{grid-template-columns:auto 1fr;gap:.9rem}.idx-arw{display:none}
  .hub-head h1{font-size:var(--step-3)}
  .prose p.lead::first-letter{font-size:3em}
}