/* ═══════════════════════════════════════════════════════════
   RÓD BORGIÓW — Elevated Editorial-Cinematic Landing
   Type system : Fraunces (display) · Bodoni Moda (serif accent)
                 Marcellus / Marcellus SC (roman caps) · Inter (ui)
   ═══════════════════════════════════════════════════════════ */

:root{
  /* palette — Borgia crimson / imperial gold / obsidian / travertine */
  --obsidian:#0b0705;
  --obsidian-2:#140d08;
  --ink:#1a120b;
  --crimson:#7a1416;
  --crimson-lit:#a8302b;
  --crimson-deep:#4a0d0f;
  --gold:#c9a24b;
  --gold-lit:#e6c878;
  --gold-deep:#8a6d2c;
  --travertine:#efe7d6;
  --travertine-2:#e4d8bf;
  --parchment:#f5efe1;
  --sepia:#8c7a5c;
  --sepia-dark:#4a3d29;
  --line-dark:rgba(201,162,75,.22);
  --line-light:rgba(74,61,41,.16);

  --f-display:"Fraunces",Georgia,serif;
  --f-serif:"Bodoni Moda",Georgia,serif;
  --f-roman:"Marcellus",Georgia,serif;
  --f-sc:"Marcellus SC","Marcellus",serif;
  --f-ui:"Inter",system-ui,sans-serif;

  --maxw:1440px;
  --gutter:clamp(20px,5vw,96px);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

/* ─── GLOBAL 150% ENLARGEMENT ───
   Whole page rendered at 150% on desktop. `zoom` scales every px/clamp value
   uniformly while keeping layout math intact. Progressively reduced on smaller
   viewports so the page stays usable on tablet/mobile. */
html{zoom:1.5}
@media (max-width:1400px){html{zoom:1.35}}
@media (max-width:1080px){html{zoom:1.2}}
@media (max-width:820px){html{zoom:1.08}}
@media (max-width:560px){html{zoom:1}}

body{
  background:var(--obsidian);
  color:var(--parchment);
  font-family:var(--f-serif);
  font-size:19px;
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--crimson);color:var(--gold-lit)}

/* ─── film grain + progress ─── */
.grain{
  position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:9999;background:transparent}
.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--crimson),var(--gold));box-shadow:0 0 12px rgba(201,162,75,.6)}

/* ═══════════ FIXED CHROME ═══════════ */
.top-rule{
  position:fixed;top:0;left:0;width:100%;height:64px;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(18px,4vw,56px);
  background:linear-gradient(180deg,rgba(11,7,5,.82),rgba(11,7,5,.42));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-dark);
  transition:background .5s,border-color .5s;
}
.top-rule.solid{background:rgba(11,7,5,.94)}
.brand{font-family:var(--f-sc);font-size:12px;letter-spacing:.32em;color:var(--travertine);display:flex;gap:.5em;align-items:center;white-space:nowrap}
.brand-dot{color:var(--crimson-lit)}
.brand-role{color:var(--sepia);letter-spacing:.32em}
.mainnav{display:flex;gap:clamp(16px,2.2vw,34px)}
.mainnav a{font-family:var(--f-sc);font-size:11.5px;letter-spacing:.24em;color:var(--travertine-2);position:relative;padding:4px 0;transition:color .3s}
.mainnav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--gold);transition:width .35s}
.mainnav a:hover{color:var(--gold-lit)}
.mainnav a:hover::after{width:100%}
.top-actions{display:flex;align-items:center;gap:12px}
.audio-toggle{display:flex;align-items:center;gap:9px;padding:8px 16px;border:1px solid var(--line-dark);border-radius:100px;color:var(--gold);font-family:var(--f-sc);font-size:10.5px;letter-spacing:.24em;transition:.3s}
.audio-toggle:hover{border-color:var(--gold);background:rgba(201,162,75,.08)}
.audio-toggle.playing{color:var(--gold-lit);border-color:var(--gold)}

/* ─── pływający przycisk muzyki (prawy dolny róg, wszystkie urządzenia) ─── */
.audio-float{
  position:fixed;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);z-index:950;
  min-height:44px;padding:11px 20px;
  background:linear-gradient(145deg,rgba(20,13,8,.94),rgba(11,7,5,.94));
  border:1px solid var(--gold-deep);
  box-shadow:0 8px 26px rgba(0,0,0,.42),0 0 0 1px rgba(201,162,75,.08),inset 0 1px 0 rgba(201,162,75,.12);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  animation:audioFloat 5.2s ease-in-out infinite;
  will-change:transform;
}
.audio-float:hover{border-color:var(--gold);background:linear-gradient(145deg,rgba(30,20,10,.96),rgba(16,10,7,.96));box-shadow:0 12px 32px rgba(0,0,0,.5),0 0 20px rgba(201,162,75,.22)}
.audio-float.playing{border-color:var(--gold);box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 24px rgba(201,162,75,.3)}
@keyframes audioFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}

/* ─── hamburger (mobile + tablet) ─── */
.hamburger{display:none;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--line-dark);border-radius:10px;transition:border-color .3s,background .3s}
.hamburger:hover{border-color:var(--gold);background:rgba(201,162,75,.06)}
.ham-line{display:block;width:20px;height:2px;background:var(--gold);border-radius:2px;transition:transform .34s cubic-bezier(.6,.05,.2,1),opacity .24s}
.hamburger.open .ham-line:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open .ham-line:nth-child(2){opacity:0}
.hamburger.open .ham-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ─── mobile fullscreen menu ─── */
.mobile-menu{position:fixed;inset:0;z-index:1000;display:none!important}
.mobile-menu.open{display:block!important}
.mm-veil{position:absolute;inset:0;background:rgba(6,4,3,.5);backdrop-filter:blur(3px);opacity:0;transition:opacity .4s}
.mobile-menu.open .mm-veil{opacity:1}
.mm-panel{
  position:absolute;inset:0;display:flex;flex-direction:column;
  padding:clamp(24px,7vw,54px) clamp(22px,7vw,60px);
  background:
    radial-gradient(120% 80% at 100% 0%,rgba(122,20,22,.26),transparent 60%),
    radial-gradient(120% 90% at 0% 100%,rgba(201,162,75,.16),transparent 62%),
    linear-gradient(160deg,var(--obsidian-2),var(--obsidian) 70%);
  border-left:none;
  transform:translateY(-14px);opacity:0;
  transition:transform .46s cubic-bezier(.2,.7,.2,1),opacity .4s;
  overflow-y:auto;
}
.mobile-menu.open .mm-panel{transform:translateY(0);opacity:1}
.mm-panel::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.045;mix-blend-mode:overlay}
.mm-close{position:absolute;top:16px;right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--gold);border:1px solid var(--line-dark);border-radius:10px;transition:.3s}
.mm-close:hover{border-color:var(--gold);color:var(--gold-lit);transform:rotate(90deg)}
.mm-head{display:flex;flex-direction:column;gap:6px;padding-bottom:clamp(20px,4vw,34px);border-bottom:1px solid var(--line-dark);margin-bottom:clamp(18px,3vw,28px)}
.mm-brand{font-family:var(--f-sc);font-size:15px;letter-spacing:.3em;color:var(--gold);}
.mm-brand-sub{font-family:var(--f-serif);font-style:italic;font-size:14px;color:var(--sepia)}
.mm-nav{display:flex;flex-direction:column;flex:1 1 auto}
.mm-link{display:flex;align-items:baseline;gap:16px;padding:clamp(11px,2.3vw,16px) 0;border-bottom:1px solid rgba(201,162,75,.1);transition:padding-left .3s}
.mm-link:hover,.mm-link:focus-visible{padding-left:10px}
.mm-num{font-family:var(--f-sc);font-size:12px;letter-spacing:.15em;color:var(--crimson-lit);min-width:34px}
.mm-body{display:flex;flex-direction:column;gap:2px}
.mm-body b{font-family:var(--f-display);font-weight:600;font-size:clamp(22px,5.5vw,26px);line-height:1;color:var(--parchment);letter-spacing:.01em}
.mm-body i{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--sepia)}
.mm-link:hover .mm-body b{color:var(--gold-lit)}
.mm-foot{display:flex;flex-direction:column;gap:4px;padding-top:clamp(18px,3vw,26px);border-top:1px solid var(--line-dark);margin-top:clamp(16px,3vw,24px)}
.mm-motto{font-family:var(--f-sc);font-size:12px;letter-spacing:.3em;color:var(--gold)}
.mm-motto-sub{font-family:var(--f-serif);font-style:italic;font-size:12px;color:var(--sepia)}
body.menu-open{overflow:hidden}

.folio{position:fixed;z-index:90;font-family:var(--f-sc);font-size:10px;letter-spacing:.4em;color:var(--sepia);pointer-events:none;opacity:.8}
.folio-tr{top:80px;right:clamp(14px,3vw,40px)}
.folio-bl{bottom:26px;left:clamp(14px,3vw,40px)}
.folio-br{bottom:26px;right:clamp(14px,3vw,40px)}

/* ═══════════ SHARED TITLE / EYEBROW ═══════════ */
.eyebrow{display:inline-block;font-family:var(--f-sc);font-size:12px;letter-spacing:.36em;color:var(--crimson-lit);margin-bottom:22px}
.eyebrow.gold{color:var(--gold)}
.section-head{max-width:var(--maxw);margin:0 auto;padding:clamp(80px,11vw,150px) var(--gutter) clamp(46px,5vw,72px);text-align:center}
.section-h2{font-family:var(--f-display);font-weight:600;font-size:clamp(40px,6.5vw,92px);line-height:.98;letter-spacing:-.01em;color:var(--parchment)}
.section-h2.dark{color:var(--ink)}
.gold-txt{color:var(--gold)}
.red-txt{color:var(--crimson-lit)}
/* Loci „Sześć Scen" — darker tone on the light section */
.loci-h2{color:var(--ink)}
.loci-h2 .red-txt{color:var(--crimson-deep)}
.burgundy-txt{color:#6b1f2e}
.section-sub{font-family:var(--f-serif);font-style:italic;font-size:clamp(19px,2.1vw,26px);color:var(--sepia);margin-top:18px}
.section-deck{font-family:var(--f-serif);font-size:clamp(17px,1.5vw,20px);color:var(--sepia);max-width:640px;margin:20px auto 0;line-height:1.6}
.section-deck.dark{color:var(--sepia-dark)}
.dropcap{float:left;font-family:var(--f-display);font-weight:700;font-size:5.2em;line-height:.72;padding:.06em .12em 0 0;color:var(--crimson);}
strong{font-family:var(--f-sc);font-weight:400;letter-spacing:.04em;color:inherit}
em{color:var(--crimson-lit);font-style:italic}

/* ═══════════ 1 · HERO ═══════════ */
.hero{
  position:relative;min-height:100vh;padding-top:64px;
  display:grid;grid-template-columns:1.02fr 1fr;
  background:var(--obsidian);
}
.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-glow-red{position:absolute;top:-10%;left:-5%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(122,20,22,.5),transparent 65%);filter:blur(30px)}
.hero-glow-gold{position:absolute;bottom:-15%;right:35%;width:45vw;height:45vw;background:radial-gradient(circle,rgba(201,162,75,.16),transparent 68%);filter:blur(30px)}

.hero-film{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(30px,5vw,70px);
  background:radial-gradient(ellipse at center 38%,#241209 0%,#0d0a06 66%,#050302 100%);
  overflow:hidden;
}
.crest{width:min(94%,560px);height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.7));}
.breathe{animation:breathe 22s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.film-corner{position:absolute;width:46px;height:46px;border:2px solid rgba(201,162,75,.55);z-index:3}
.film-corner.tl{top:26px;left:26px;border-right:none;border-bottom:none}
.film-corner.tr{top:26px;right:26px;border-left:none;border-bottom:none}
.film-corner.bl{bottom:26px;left:26px;border-right:none;border-top:none}
.film-corner.br{bottom:26px;right:26px;border-left:none;border-top:none}
.film-badge{position:absolute;top:32px;right:44px;z-index:4;font-family:var(--f-sc);font-size:10.5px;letter-spacing:.26em;color:var(--gold);display:flex;align-items:center;gap:9px}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--crimson-lit);box-shadow:0 0 10px var(--crimson-lit);animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.film-caption{position:absolute;left:44px;right:44px;bottom:40px;z-index:4;text-align:center}
.fc-kicker{font-family:var(--f-sc);font-size:10.5px;letter-spacing:.28em;color:var(--gold-lit);display:block;margin-bottom:10px}
.fc-quote{font-family:var(--f-serif);font-style:italic;font-size:clamp(15px,1.4vw,19px);color:var(--travertine-2);max-width:460px;margin:0 auto;line-height:1.5}
.fc-attr{display:block;margin-top:12px;font-family:var(--f-sc);font-size:11px;letter-spacing:.3em;color:var(--crimson-lit)}

.hero-manuscript{
  position:relative;z-index:1;
  background:linear-gradient(180deg,var(--parchment) 0%,var(--travertine-2) 100%);
  color:var(--ink);
  padding:clamp(56px,7vw,104px) clamp(32px,5.5vw,84px) clamp(48px,5vw,72px);
  display:flex;flex-direction:column;justify-content:center;
}
.eyebrow-line{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.eyebrow-line span{flex:1;height:1px;background:var(--line-light);max-width:70px}
.eyebrow-line em{font-family:var(--f-serif);font-style:italic;font-size:15px;color:var(--sepia-dark);white-space:nowrap}
.eyebrow-line.light em{color:var(--travertine-2)}
.eyebrow-line.light span{background:rgba(239,231,214,.25)}
.hero-open{position:relative;font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:clamp(24px,3vw,40px);line-height:1.18;color:var(--sepia-dark);padding-left:36px}
.bigquote{position:absolute;left:-12px;top:-.2em;font-family:var(--f-display);font-size:2.4em;color:var(--crimson);line-height:1}
.bigquote.gold{color:var(--gold)}
.hero-open-attr{font-family:var(--f-sc);font-size:11.5px;letter-spacing:.16em;color:var(--sepia);margin:14px 0 30px 36px}
.hero-title{margin:6px 0 4px}
.ht-small{display:block;font-family:var(--f-sc);font-size:clamp(20px,2.4vw,30px);letter-spacing:.34em;color:var(--sepia-dark)}
.ht-big{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(66px,9vw,142px);line-height:.86;letter-spacing:-.015em;color:var(--ink)}
.hero-sub{font-family:var(--f-serif);font-style:italic;font-size:clamp(18px,1.9vw,24px);color:var(--sepia-dark);margin:14px 0 30px}
.locus{font-family:var(--f-sc);font-style:normal;font-size:.82em;letter-spacing:.14em;color:var(--crimson)}
.meta-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);padding:20px 0;margin-bottom:28px}
.ms-cell{display:flex;flex-direction:column;gap:4px}
.ms-k{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--sepia)}
.ms-v{font-family:var(--f-sc);font-size:13px;letter-spacing:.1em;color:var(--ink)}
.hero-lede{font-size:clamp(16px,1.4vw,18.5px);line-height:1.62;color:var(--sepia-dark);margin-bottom:34px}
.cta-row{display:flex;gap:16px;flex-wrap:wrap}
.btn{font-family:var(--f-sc);font-size:12px;letter-spacing:.2em;padding:17px 34px;transition:.35s;border:1px solid transparent}
.btn-primary{background:var(--ink);color:var(--parchment);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.btn-primary:hover{background:var(--crimson);box-shadow:0 12px 40px rgba(122,20,22,.5);transform:translateY(-2px)}
.btn-ghost{border-color:var(--sepia-dark);color:var(--sepia-dark)}
.btn-ghost:hover{border-color:var(--crimson);color:var(--crimson);transform:translateY(-2px)}
.scroll-ind{position:absolute;right:26px;bottom:36px;display:flex;flex-direction:column;align-items:center;gap:12px;writing-mode:vertical-rl}
.scroll-ind span{font-family:var(--f-sc);font-size:9.5px;letter-spacing:.32em;color:var(--sepia)}
.scroll-ind i{width:1px;height:56px;background:linear-gradient(var(--sepia),transparent);position:relative;overflow:hidden}
.scroll-ind i::after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:var(--crimson);animation:scrolldown 2.2s infinite}
@keyframes scrolldown{0%{transform:translateY(-100%)}100%{transform:translateY(300%)}}

/* ═══════════ 2 · PRESS STRIP ═══════════ */
.press-strip{background:var(--obsidian-2);padding:clamp(44px,5vw,70px) var(--gutter);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);position:relative}
.press-strip::before,.press-strip::after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}
.press-strip::before{top:0}.press-strip::after{bottom:0}
.press-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.press-item{padding:0 clamp(20px,2.4vw,40px);border-left:1px solid var(--line-dark)}
.press-item:first-child{border-left:none}
.stars{color:var(--gold);letter-spacing:.18em;font-size:14px;margin-bottom:14px}
.press-item blockquote{font-family:var(--f-serif);font-style:italic;font-size:16px;line-height:1.5;color:var(--travertine-2)}
.press-item figcaption{font-family:var(--f-sc);font-size:10.5px;letter-spacing:.22em;color:var(--gold);margin-top:16px}

/* ═══════════ 3 · MANIFEST ═══════════ */
.manifest{background:linear-gradient(180deg,var(--parchment),var(--travertine-2));color:var(--ink);padding:clamp(72px,9vw,140px) var(--gutter)}
.manifest-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr 1.9fr;gap:clamp(46px,6vw,96px)}
.manifest-side{position:sticky;top:110px;align-self:start}
.manifest-title{font-family:var(--f-display);font-weight:700;font-size:clamp(38px,4.4vw,66px);line-height:.96;color:var(--ink);margin:6px 0 26px}
.manifest-sidequote{font-family:var(--f-serif);font-style:italic;font-size:19px;color:var(--sepia-dark);border-left:2px solid var(--crimson);padding-left:20px;line-height:1.5}
.illum-star{width:70px;height:70px;color:var(--gold);margin-top:40px;opacity:.85}
.manifest-body{columns:2;column-gap:52px;column-rule:1px solid var(--line-light);font-size:17.5px;line-height:1.66;color:var(--sepia-dark)}
.manifest-body p{margin-bottom:16px;break-inside:avoid-column}
.manifest-body strong{color:var(--ink)}
.pull-card{break-inside:avoid;border-top:2px solid var(--crimson);border-bottom:2px solid var(--crimson);padding:26px 0;margin:22px 0;text-align:center}
.pull-card span{font-family:var(--f-display);font-weight:600;font-size:clamp(22px,2.4vw,32px);color:var(--crimson);line-height:1.2}

/* ═══════════ 4 · TETRALOGIA ═══════════ */
.libri{position:relative;background:var(--obsidian);overflow:hidden}
.libri-bg{position:absolute;inset:0;background:
  radial-gradient(ellipse at 15% 8%,rgba(122,20,22,.42),transparent 45%),
  radial-gradient(ellipse at 88% 92%,rgba(201,162,75,.14),transparent 50%);pointer-events:none}
.libri-grid{position:relative;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter) clamp(80px,10vw,150px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,2.6vw,42px)}
.liber{position:relative}
.liber-cover{position:relative;aspect-ratio:2/3;border-radius:2px;overflow:visible;box-shadow:0 22px 44px rgba(0,0,0,.5),0 44px 88px rgba(0,0,0,.35);transition:.5s cubic-bezier(.2,.7,.2,1)}
.liber-cover img{width:100%;height:100%;object-fit:cover;border-radius:2px;transition:.6s}
.liber-cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent);z-index:2;border-radius:2px 0 0 2px}
.liber-ribbon{position:absolute;top:-8px;right:16px;z-index:3;background:var(--crimson);color:var(--gold-lit);font-family:var(--f-sc);font-size:10px;letter-spacing:.18em;padding:9px 12px 7px;box-shadow:0 6px 14px rgba(0,0,0,.5);clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}
.liber:hover .liber-cover{transform:translateY(-12px);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 50px rgba(122,20,22,.4)}
.liber:hover .liber-cover img{transform:scale(1.045)}
.liber-plate{padding-top:26px;text-align:left}
.liber-tomus{font-family:var(--f-sc);font-size:11px;letter-spacing:.24em;color:var(--gold)}
.liber-plate h3{font-family:var(--f-display);font-weight:600;font-size:clamp(24px,2vw,30px);color:var(--parchment);margin:8px 0 4px;line-height:1}
.liber-year{font-family:var(--f-serif);font-style:italic;font-size:17px;color:var(--sepia)}
.liber-quote{font-size:14.5px;line-height:1.5;color:var(--travertine-2);border-left:2px solid var(--gold-deep);padding-left:14px;margin-top:16px}

/* ═══════════ 5 · KINO ═══════════ */
.cinema{background:var(--obsidian);border-top:1px solid var(--line-dark)}
.screen-wrap{position:relative;max-width:1180px;margin:0 auto;padding:clamp(20px,3vw,36px);border:1px solid var(--line-dark);background:#000}
.scr-corner{position:absolute;width:40px;height:40px;border:2px solid var(--gold);z-index:5}
.scr-corner.tl{top:12px;left:12px;border-right:none;border-bottom:none}
.scr-corner.br{bottom:12px;right:12px;border-left:none;border-top:none}
.screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.screen video{width:100%;height:100%;object-fit:cover;display:block}
.scr-scan{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(0,0,0,.5),transparent 22%,transparent 66%,rgba(0,0,0,.75)),
  repeating-linear-gradient(rgba(255,255,255,.015) 0 1px,transparent 1px 3px)}
.scr-badges{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:4}
.scr-b{font-family:var(--f-sc);font-size:10.5px;letter-spacing:.24em;color:var(--gold);display:flex;align-items:center;gap:8px}
.scr-caption{position:absolute;left:22px;right:22px;bottom:22px;z-index:4;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.scr-kicker{font-family:var(--f-sc);font-size:11px;letter-spacing:.28em;color:var(--gold-lit);display:block;margin-bottom:6px}
.scr-title{font-family:var(--f-display);font-weight:700;font-size:clamp(34px,5vw,60px);color:#fff;line-height:.9;display:block;text-shadow:0 4px 20px rgba(0,0,0,.7)}
.scr-sub{font-family:var(--f-serif);font-style:italic;font-size:clamp(14px,1.4vw,18px);color:var(--travertine-2);display:block;margin-top:8px;max-width:440px;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.scr-cta{white-space:nowrap;font-family:var(--f-sc);font-size:11px;letter-spacing:.18em;color:var(--obsidian);background:var(--gold);padding:14px 22px;transition:.3s}
.scr-cta:hover{background:var(--gold-lit);transform:translateY(-2px)}
.reels{max-width:1180px;margin:clamp(24px,3vw,40px) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 clamp(20px,3vw,36px)}
.reel{position:relative;text-align:left;border:1px solid var(--line-dark);padding:0;overflow:hidden;transition:.35s;background:#000}
.reel video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;opacity:.72;transition:.4s}
.reel:hover video,.reel.active video{opacity:1}
.reel.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold),0 0 26px rgba(201,162,75,.28)}
.reel-num{position:absolute;top:8px;left:10px;z-index:3;font-family:var(--f-display);font-weight:700;font-size:20px;color:var(--gold-lit);text-shadow:0 2px 8px #000}
.reel-meta{display:flex;flex-direction:column;padding:10px 12px 12px;background:var(--obsidian-2)}
.reel-meta b{font-family:var(--f-roman);font-weight:400;font-size:14px;color:var(--parchment)}
.reel-meta i{font-family:var(--f-serif);font-style:italic;font-size:12px;color:var(--sepia)}
.cinema-credits{max-width:1180px;margin:36px auto 0;padding:0 var(--gutter) clamp(80px,10vw,140px);display:flex;justify-content:center;gap:clamp(20px,4vw,56px);flex-wrap:wrap}
.cinema-credits span{font-family:var(--f-sc);font-size:10.5px;letter-spacing:.2em;color:var(--sepia)}
.cinema-credits b{font-weight:400;color:var(--gold)}

/* ═══════════ 6 · PENTAGLOS ═══════════ */
.pentaglos{background:linear-gradient(180deg,var(--travertine-2),var(--parchment));color:var(--ink)}
.narrators{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter) clamp(80px,10vw,150px);display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,1.8vw,26px)}
.narrator{text-align:left;background:transparent;display:block;transition:.4s cubic-bezier(.2,.7,.2,1)}
button.narrator{width:100%}
.nar-portrait{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:2px;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.nar-portrait img{width:100%;height:100%;object-fit:cover;filter:sepia(.28) contrast(1.05);transition:.6s}
.narrator:hover .nar-portrait img{filter:sepia(0) contrast(1.02);transform:scale(1.05)}
.nar-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,7,5,.55))}
.nar-play{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--gold-lit);background:rgba(11,7,5,.55);color:var(--gold-lit);display:flex;align-items:center;justify-content:center;font-size:13px;opacity:0;transform:scale(.8);transition:.3s;z-index:3}
.narrator.has-video:hover .nar-play{opacity:1;transform:scale(1)}
.nar-tag{position:absolute;left:12px;bottom:12px;z-index:3;font-family:var(--f-sc);font-size:9px;letter-spacing:.2em;color:var(--gold-lit);opacity:0;transition:.3s}
.narrator.has-video:hover .nar-tag{opacity:1}
.nar-body{padding-top:18px}
.nar-role{font-family:var(--f-sc);font-size:10px;letter-spacing:.2em;color:var(--crimson)}
.nar-body h3{font-family:var(--f-display);font-weight:600;font-size:clamp(20px,1.7vw,25px);color:var(--ink);margin:6px 0 2px;line-height:1}
.nar-body em{display:block;font-family:var(--f-serif);font-style:italic;font-size:14px;color:var(--sepia-dark);margin-bottom:10px}
.nar-body p{font-size:14px;line-height:1.5;color:var(--sepia-dark);border-left:2px solid var(--line-light);padding-left:12px}
.narrator.has-video:hover{transform:translateY(-8px)}
.narrator.has-video:hover .nar-portrait{box-shadow:0 22px 44px rgba(122,20,22,.35);outline:1px solid var(--crimson)}

/* ═══════════ 7 · EPIGRAF ═══════════ */
.epigraph{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}
.epi-bg{position:absolute;inset:0;z-index:0}
.epi-bg img{width:100%;height:100%;object-fit:cover;filter:sepia(.5) brightness(.3) contrast(1.05);transform:scale(1.06)}
.epigraph::after{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,rgba(11,7,5,.72),rgba(11,7,5,.42) 45%,rgba(11,7,5,.85)),
  radial-gradient(circle at 25% 90%,rgba(122,20,22,.55),transparent 55%)}
.epi-inner{position:relative;z-index:2;max-width:920px;padding:0 var(--gutter)}
.epi-quote{position:relative;font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:clamp(32px,5.4vw,70px);line-height:1.12;color:#fff;margin:30px 0;text-shadow:0 6px 30px rgba(0,0,0,.6)}
.epi-quote .bigquote{position:static;font-size:1.1em;vertical-align:-.15em}
.epi-attr{font-family:var(--f-sc);font-size:14px;letter-spacing:.28em;color:var(--gold);margin-top:14px}
.epi-sub{font-family:var(--f-serif);font-size:17px;color:var(--travertine-2);margin-top:6px}

/* ═══════════ 8 · KRONIKA ═══════════ */
.chronicle{background:var(--parchment);color:var(--ink)}
.chron-grid{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter) clamp(80px,10vw,150px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,3.5vw,64px)}
.chron-entry{position:relative;border-top:2px solid var(--crimson);padding-top:24px}
.chron-diamond{position:absolute;top:-6px;left:0;width:11px;height:11px;background:var(--crimson);transform:rotate(45deg)}
.chron-year{font-family:var(--f-display);font-weight:800;font-size:clamp(46px,5vw,62px);color:var(--ink);line-height:.9;display:block}
.chron-cap{font-family:var(--f-sc);font-size:11px;letter-spacing:.2em;color:var(--crimson);display:block;margin:10px 0 8px}
.chron-entry h3{font-family:var(--f-display);font-weight:600;font-size:clamp(22px,2vw,27px);color:var(--ink);margin-bottom:10px}
.chron-entry p{font-size:17px;line-height:1.58;color:var(--sepia-dark)}

/* ═══════════ 9 · LOCI ═══════════ */
.loci{background:linear-gradient(180deg,var(--parchment),var(--travertine-2));color:var(--ink)}
.plates-slider-wrap{position:relative;max-width:100%;overflow:hidden}
.plates-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 var(--gutter) 8px;scrollbar-width:none}
.plates-track::-webkit-scrollbar{display:none}
.plate{position:relative;flex:0 0 auto;width:min(700px,82vw);aspect-ratio:16/10;scroll-snap-align:center;border-radius:3px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.3)}
.plate img{width:100%;height:100%;object-fit:cover;filter:sepia(.32) contrast(1.03);transition:.7s;transform:scale(1.02)}
.plate:hover img{filter:sepia(0);transform:scale(1.06)}
.plate::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,7,5,.15),transparent 40%,rgba(11,7,5,.85))}
.plate-num{position:absolute;top:18px;left:18px;z-index:3;font-family:var(--f-sc);font-size:11px;letter-spacing:.2em;color:var(--gold-lit);border:1px solid var(--gold);padding:7px 12px;background:rgba(11,7,5,.4)}
.plate figcaption{position:absolute;left:22px;right:22px;bottom:22px;z-index:3;display:flex;flex-direction:column;gap:4px}
.plate-kicker{font-family:var(--f-sc);font-size:10.5px;letter-spacing:.22em;color:var(--gold-lit)}
.plate-name{font-family:var(--f-display);font-weight:700;font-size:clamp(26px,3vw,42px);color:#fff;line-height:1;text-shadow:0 4px 18px rgba(0,0,0,.7)}
.plate-note{font-family:var(--f-serif);font-size:15px;line-height:1.45;color:var(--travertine-2);max-width:560px;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.fade-mask{position:absolute;top:0;bottom:0;width:var(--gutter);z-index:4;pointer-events:none}
.fade-mask.left{left:0;background:linear-gradient(90deg,var(--parchment),transparent)}
.fade-mask.right{right:0;background:linear-gradient(270deg,var(--travertine-2),transparent)}
.plates-nav{display:flex;align-items:center;justify-content:center;gap:24px;padding:clamp(30px,3.5vw,50px) var(--gutter) clamp(80px,10vw,150px)}
.pn-btn{width:50px;height:50px;border:1px solid var(--sepia-dark);color:var(--sepia-dark);font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.3s}
.pn-btn:hover{background:var(--ink);color:var(--parchment);border-color:var(--ink)}
.pn-count{font-family:var(--f-sc);font-size:13px;letter-spacing:.2em;color:var(--sepia-dark);min-width:70px;text-align:center}
.pn-progress{width:140px;height:2px;background:var(--line-light)}
.pn-progress span{display:block;height:100%;width:16.6%;background:linear-gradient(90deg,var(--crimson),var(--gold));transition:width .4s}

/* ═══════════ 10 · AUTOR ═══════════ */
.author{background:var(--parchment);color:var(--ink)}
.author-inner{max-width:var(--maxw);margin:0 auto;padding:clamp(72px,9vw,140px) var(--gutter);display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(48px,7vw,110px);align-items:center}
.author-portrait{position:relative}
.author-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;position:relative;z-index:2;border-radius:2px}
.author-portrait::after{content:"";position:absolute;inset:0;transform:translate(28px,28px);background:var(--crimson);z-index:1;border-radius:2px}
.author-name{font-family:var(--f-display);font-weight:800;font-size:clamp(46px,6vw,80px);line-height:.9;color:var(--ink);margin:6px 0 16px}
.author-role{font-family:var(--f-sc);font-size:12px;letter-spacing:.16em;color:var(--sepia-dark);border-bottom:1px solid var(--line-light);padding-bottom:20px;margin-bottom:26px}
.author-lede{font-family:var(--f-serif);font-style:italic;font-size:clamp(19px,1.9vw,24px);line-height:1.4;color:var(--crimson-deep);margin-bottom:24px}
.author-body p{font-size:17px;line-height:1.62;color:var(--sepia-dark);margin-bottom:16px}
.author-body strong{color:var(--ink)}
.author-sign{display:flex;justify-content:space-between;align-items:flex-end;margin-top:30px;border-top:1px solid var(--line-light);padding-top:24px}
.sig-red{font-family:var(--f-serif);font-style:italic;font-size:24px;color:var(--crimson)}
.sig-sc{font-family:var(--f-sc);font-size:10.5px;letter-spacing:.24em;color:var(--sepia);text-align:right;line-height:1.6}

/* ═══════════ 11 · COLOPHON ═══════════ */
.colophon{background:var(--obsidian);border-top:1px solid var(--line-dark);text-align:center;padding:clamp(72px,9vw,130px) var(--gutter)}
.colo-crest{width:260px;margin:0 auto 34px;border:1px solid var(--line-dark);border-radius:2px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.colo-motto{font-family:var(--f-display);font-weight:700;font-size:clamp(28px,4.4vw,52px);letter-spacing:.28em;color:var(--gold);line-height:1}
.colo-trans{font-family:var(--f-serif);font-style:italic;font-size:18px;color:var(--travertine-2);margin-top:12px}
.colo-grid{max-width:1000px;margin:clamp(40px,5vw,64px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;text-align:center}
.colo-grid div{display:flex;flex-direction:column;gap:6px}
.cg-k{font-family:var(--f-serif);font-style:italic;font-size:14px;color:var(--sepia)}
.cg-v{font-family:var(--f-sc);font-size:14px;letter-spacing:.12em;color:var(--gold)}
.cg-s{font-family:var(--f-serif);font-size:14px;color:var(--travertine-2)}
.colo-foot{font-family:var(--f-sc);font-size:10px;letter-spacing:.3em;color:var(--sepia);margin-top:clamp(46px,6vw,72px)}

/* ═══════════ MODAL ═══════════ */
.modal{position:fixed;inset:0;z-index:999;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:rgba(11,7,5,.93);backdrop-filter:blur(10px)}
.modal.open{display:flex}
.modal-close{font-family:var(--f-sc);font-size:11px;letter-spacing:.24em;color:var(--gold);align-self:center}
.modal-frame{width:min(920px,94vw);aspect-ratio:16/9;background:#000;border:1px solid var(--gold);overflow:hidden}
.modal-frame video{width:100%;height:100%;object-fit:cover}
.modal-caption{text-align:center}
.modal-role{font-family:var(--f-sc);font-size:11px;letter-spacing:.24em;color:var(--gold);display:block}
.modal-name{font-family:var(--f-display);font-weight:600;font-size:28px;color:var(--parchment)}

/* ═══════════ REVEAL ═══════════ */
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1.15s cubic-bezier(.2,.7,.2,1),transform 1.15s cubic-bezier(.2,.7,.2,1)}
.reveal.on{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}
.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}

/* ═══════════ RESPONSIVE ═══════════ */
@media(max-width:1080px){
  .narrators{grid-template-columns:repeat(3,1fr)}
  .press-grid{grid-template-columns:repeat(2,1fr);gap:32px 0}
  .press-item:nth-child(3){border-left:none}
}
@media(max-width:900px){
  .mainnav{display:none}
  .hamburger{display:flex}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-film{min-height:60vh}
  .scroll-ind{display:none}
  .manifest-inner{grid-template-columns:1fr;gap:44px}
  .manifest-side{position:static}
  .manifest-body{columns:1}
  .libri-grid{grid-template-columns:repeat(2,1fr);gap:36px}
  .chron-grid{grid-template-columns:repeat(2,1fr)}
  .author-inner{grid-template-columns:1fr;gap:44px}
  .author-portrait{max-width:420px}
  .colo-grid{grid-template-columns:1fr;gap:26px}
}
@media(max-width:760px){
  body{font-size:18px}
  .folio-bl,.folio-br{display:none}
  .top-rule{height:56px}
  .reels{grid-template-columns:repeat(2,1fr)}
  .scr-caption{flex-direction:column;align-items:flex-start;gap:14px}
  .cinema-credits{flex-direction:column;gap:10px;text-align:center}
}
@media(max-width:560px){
  .press-grid{grid-template-columns:1fr}
  .press-item{border-left:none;border-top:1px solid var(--line-dark);padding:26px 0}
  .press-item:first-child{border-top:none}
  .narrators{grid-template-columns:repeat(2,1fr)}
  .libri-grid,.chron-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}
  .plate{width:86vw}
}
/* ─── MUZYKA visible on every mobile viewport (WCAG ≥44px tap target) ─── */
@media(max-width:768px){
  .audio-label{display:inline!important}
  .audio-toggle{min-height:44px;min-width:101px;justify-content:center;font-size:10px;letter-spacing:.18em}
  .audio-float{padding:12px 16px}
}
@media(max-width:400px){
  .brand-role{display:none}
  .audio-toggle{min-width:95px;gap:7px;font-size:9px;letter-spacing:.15em}
  .audio-float{padding:12px 14px;right:14px;bottom:14px}
  .narrators{grid-template-columns:1fr;max-width:340px;margin:0 auto}
}
@media(max-width:380px){
  .audio-label{display:inline!important}
  .audio-toggle{min-width:85px;gap:6px;font-size:8px;letter-spacing:.12em}
  .audio-float{padding:12px 12px}
  .top-actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
}