@font-face{font-family:"Thmanyah Sans";src:url("/fonts/thmanyahsans-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/fonts/thmanyahsans-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/fonts/thmanyahsans-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("/fonts/EBGaramond-VariableFont_wght.ttf") format("truetype");font-weight:400 800;font-style:normal;font-display:swap}
:root{--night:#0b0f14;--royal:#131b24;--paper:#e9e1d2;--ivory:#eee7da;--ash:#a5adb3;--gold:#d9b579;--gold-deep:#b68a4c;--wine:#682e3b;--veil:#607589;--stone:#293540;--ink:#17202a;--line:rgba(217,181,121,.25);--page:1260px;--header:76px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}
body{margin:0;background:var(--night);color:var(--paper);font-family:"EB Garamond","Thmanyah Sans",serif;-webkit-font-smoothing:antialiased}
html[lang="ar"] body{font-family:"Thmanyah Sans",sans-serif}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.page-width{width:min(var(--page),calc(100% - 72px));margin-inline:auto}
.section-kicker,.section-heading>span{display:block;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:15px}
html[dir="rtl"] .section-kicker,html[dir="rtl"] .section-heading>span{letter-spacing:.04em}

/* Header floats above the cover, then gains a quiet glass surface while scrolling. */
.site-header{position:fixed;inset:0 0 auto;z-index:80;height:var(--header);background:linear-gradient(to bottom,rgba(4,7,10,.72),rgba(4,7,10,.18),transparent);border-bottom:1px solid transparent;transition:background .28s ease,border-color .28s ease,backdrop-filter .28s ease}
.site-header.is-scrolled{background:rgba(9,13,18,.88);border-bottom-color:rgba(217,181,121,.16);backdrop-filter:blur(18px)}
.header-shell{height:100%;width:min(1460px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:44px}
.brand-cluster{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0}
.brand-logo{width:164px;display:flex;align-items:center;min-height:38px}
.brand-logo img{width:100%;height:40px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 20px rgba(0,0,0,.28))}
.brand-logo span{font-family:"EB Garamond",serif;font-weight:600;letter-spacing:.05em;color:var(--gold);font-size:.88rem}
.music-control,.language-selector summary{height:38px;border:1px solid rgba(233,225,210,.22);background:rgba(5,9,13,.34);backdrop-filter:blur(10px);border-radius:999px;cursor:pointer;transition:.2s ease}
.music-control{display:flex;align-items:center;gap:8px;padding:0 11px}
.music-control:hover,.music-control[aria-pressed="true"],.language-selector summary:hover{border-color:rgba(217,181,121,.68);background:rgba(9,14,20,.62)}
.music-control__icon{display:flex;align-items:center;gap:2px;height:13px;width:14px}
.music-control__icon i{display:block;width:2px;height:7px;background:var(--gold);border-radius:2px;transition:.2s ease}
.music-control__icon i:nth-child(2){height:12px}.music-control__icon i:nth-child(3){height:9px}
.music-control[aria-pressed="true"] .music-control__icon i{animation:wkcs-bars .75s ease-in-out infinite alternate}
.music-control[aria-pressed="true"] .music-control__icon i:nth-child(2){animation-delay:.18s}.music-control[aria-pressed="true"] .music-control__icon i:nth-child(3){animation-delay:.32s}
@keyframes wkcs-bars{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
.music-control__text{font-family:"Thmanyah Sans",sans-serif;font-size:.72rem;color:#f0e8da}
.language-selector{position:relative}
.language-selector summary{list-style:none;min-width:58px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;font-family:"Thmanyah Sans",sans-serif;font-size:.7rem;color:#f1e9dc}
.language-selector summary::-webkit-details-marker{display:none}
.language-selector summary svg{width:9px;fill:none;stroke:currentColor;stroke-width:1.6}
.language-selector__menu{position:absolute;top:calc(100% + 10px);left:0;width:218px;padding:8px;background:rgba(11,15,20,.98);border:1px solid rgba(217,181,121,.25);box-shadow:0 24px 65px rgba(0,0,0,.42);border-radius:12px;overflow:hidden}
.language-selector__menu a{min-height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#cbc4b8;border-radius:8px;transition:.18s ease}
.language-selector__menu a:hover,.language-selector__menu a.active{background:rgba(217,181,121,.1);color:#fff}
.language-selector__menu small{color:#8f989f;font-size:.66rem}
.nav-cluster{display:flex;align-items:center;justify-content:flex-end;flex:1;min-width:0}
.main-navigation{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.1vw,34px);margin-right:clamp(20px,6vw,92px);white-space:nowrap}
.main-navigation a{position:relative;padding:8px 0;font-family:"Thmanyah Sans",sans-serif;font-size:.83rem;font-weight:500;color:rgba(244,237,225,.86);text-shadow:0 2px 12px rgba(0,0,0,.5)}
.main-navigation a::after{content:"";position:absolute;right:0;left:0;bottom:2px;height:1px;background:var(--gold);transform:scaleX(0);transition:.2s ease}
.main-navigation a:hover{color:#fff}.main-navigation a:hover::after{transform:scaleX(1)}
.mobile-menu-button{display:none;width:42px;height:40px;padding:9px;background:rgba(5,9,13,.45);border:1px solid rgba(233,225,210,.22);border-radius:10px;cursor:pointer}
.mobile-menu-button span{display:block;height:1px;background:var(--paper);margin:5px 0}

/* Full-bleed cover: no blanket tint, only a restrained local reading surface. */
.home-hero{position:relative;min-height:clamp(680px,92vh,980px);overflow:hidden;background:#080c10}
.home-hero__media{position:absolute;inset:0}
.home-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.005)}
.home-hero__media::after{content:"";position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(transparent,var(--night))}
.home-hero__copy-wrap{position:relative;z-index:2;width:min(1460px,calc(100% - 72px));min-height:clamp(680px,92vh,980px);margin:auto;display:flex;align-items:center;padding-top:var(--header)}
.home-hero__copy{width:min(520px,47vw);padding:34px 38px 38px;background:rgba(8,12,17,.57);border:1px solid rgba(233,225,210,.18);box-shadow:0 28px 80px rgba(0,0,0,.32);backdrop-filter:blur(12px);border-radius:3px}
html[dir="rtl"] .home-hero__copy{margin-left:auto;text-align:right}
html[dir="ltr"] .home-hero__copy{margin-right:auto;text-align:left}
.home-hero__eyebrow{display:block;color:var(--gold);font-family:"Thmanyah Sans",sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.07em;margin-bottom:15px}
.home-hero__copy h1{margin:0;color:#fff9ef;font-family:"EB Garamond","Thmanyah Sans",serif;font-size:clamp(3.1rem,5.2vw,6.1rem);font-weight:500;line-height:.9;text-shadow:0 4px 28px rgba(0,0,0,.35)}
html[lang="ar"] .home-hero__copy h1{font-family:"Thmanyah Sans",sans-serif;line-height:1.12;font-size:clamp(2.75rem,4.8vw,5.25rem)}
.home-hero__copy p{margin:22px 0 0;color:#ece4d6;font-size:1.04rem;line-height:1.85;text-wrap:pretty}
.primary-action,.outline-action{display:inline-flex;align-items:center;gap:13px;min-height:46px;padding:0 20px;margin-top:28px;font-family:"Thmanyah Sans",sans-serif;font-size:.82rem;font-weight:700;transition:.22s ease}
.primary-action{color:#111820;background:var(--gold)}
.primary-action:hover{background:#edcf9a;transform:translateY(-2px)}
.primary-action svg,.outline-action svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.6}
html[dir="rtl"] .primary-action svg,html[dir="rtl"] .outline-action svg{transform:scaleX(-1)}
.home-hero__scroll{position:absolute;z-index:3;bottom:35px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(238,231,218,.76);font-family:"Thmanyah Sans",sans-serif;font-size:.68rem}
.home-hero__scroll i{width:1px;height:34px;background:linear-gradient(var(--gold),transparent)}

/* Side content / news directly after the cover. */
.side-content-section{padding:clamp(86px,9vw,132px) 0;background:var(--ivory);color:var(--ink)}
.section-heading{max-width:760px;margin-bottom:46px}
.section-heading h2{margin:0;font-family:"EB Garamond","Thmanyah Sans",serif;font-size:clamp(2.45rem,4.2vw,4.8rem);font-weight:500;line-height:1.04}
html[lang="ar"] .section-heading h2{font-family:"Thmanyah Sans",sans-serif;line-height:1.25}
.side-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.side-content-card{background:#f4ede1;border:1px solid rgba(23,32,42,.12);display:flex;flex-direction:column;min-height:430px;overflow:hidden;transition:.28s ease}
.side-content-card:hover{transform:translateY(-5px);box-shadow:0 22px 58px rgba(32,27,21,.13)}
.side-content-card__image{height:225px;overflow:hidden;background:#d8cfbf}
.side-content-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.side-content-card:hover .side-content-card__image img{transform:scale(1.035)}
.side-content-card__body{padding:27px 28px 30px;display:flex;flex-direction:column;flex:1}
.side-content-card h3{font-size:1.55rem;line-height:1.25;margin:0 0 13px;font-weight:650}.side-content-card p{font-size:.98rem;line-height:1.75;color:#52585d;margin:0 0 22px}
.text-action{margin-top:auto;color:var(--wine);font-family:"Thmanyah Sans",sans-serif;font-weight:700;font-size:.82rem}
.empty-record{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(23,32,42,.13);background:#f3ebdf;padding:36px}
.empty-record>span{font-size:2rem;color:var(--gold-deep)}.empty-record h3{font-size:1.55rem;margin:12px 0 7px}.empty-record p{color:#5d6266;margin:0;max-width:620px;line-height:1.7}

/* Character discovery: portrait on the left, story text on the right. */
.featured-character{display:grid;grid-template-columns:minmax(380px,.82fr) minmax(560px,1.18fr);min-height:820px;background:#0d131a;border-top:1px solid rgba(217,181,121,.11);border-bottom:1px solid rgba(217,181,121,.11)}
.featured-character__visual{position:relative;min-height:820px;overflow:hidden;background:#090d12}
.featured-character__visual img{width:100%;height:100%;object-fit:cover;object-position:center top}
.featured-character__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 68%,#0d131a 100%);pointer-events:none}
.featured-character__visual>span{position:absolute;inset:auto 10% 8%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.featured-character__copy{padding:clamp(70px,8vw,125px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:980px}
html[dir="rtl"] .featured-character__copy{align-items:flex-start;text-align:right}
.featured-character__section-title{margin:0 0 25px;color:#b9b5ae;font-size:1.02rem}
.featured-character__copy h2{margin:0;color:var(--ivory);font-family:"EB Garamond","Thmanyah Sans",serif;font-size:clamp(3.8rem,6vw,7rem);font-weight:500;line-height:.9}
html[lang="ar"] .featured-character__copy h2{font-family:"Thmanyah Sans",sans-serif;line-height:1.12}
.featured-character__copy h3{margin:15px 0 0;color:var(--gold);font-size:1.05rem;font-weight:500}
.featured-character__excerpt{max-width:700px;color:#c2beb6;font-size:1.04rem;line-height:1.9;margin:26px 0 0}
.featured-character__support{width:100%;margin-top:34px;padding-top:23px;border-top:1px solid rgba(217,181,121,.16)}
.featured-character__support>strong{display:block;margin-bottom:15px;color:#9fa7ad;font-size:.76rem;font-family:"Thmanyah Sans",sans-serif}
.mini-character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mini-character-card{position:relative;min-height:138px;display:grid;grid-template-columns:92px 1fr;background:rgba(255,255,255,.025);border:1px solid rgba(217,181,121,.15);overflow:hidden;transition:.25s ease}
.mini-character-card:hover{transform:translateY(-3px);border-color:rgba(217,181,121,.55);background:rgba(217,181,121,.06)}
.mini-character-card__image{height:138px;overflow:hidden;background:#111821}.mini-character-card__image img{width:100%;height:100%;object-fit:cover;object-position:center top}
.mini-character-card__body{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px 15px;min-width:0}
html[dir="rtl"] .mini-character-card__body{align-items:flex-start;text-align:right}
.mini-character-card b{color:#f1eadf;font-size:.96rem;font-weight:650}.mini-character-card small{display:block;color:#9ca4aa;font-size:.71rem;line-height:1.45;margin-top:5px}.mini-character-card i{position:absolute;bottom:11px;right:13px;color:var(--gold);font-style:normal;font-size:.8rem}
html[dir="rtl"] .mini-character-card i{right:auto;left:13px}
.outline-action{border:1px solid rgba(217,181,121,.58);color:var(--gold);background:transparent}.outline-action:hover{background:rgba(217,181,121,.1);transform:translateY(-2px)}

/* About follows characters. */
.novel-introduction{padding:clamp(95px,11vw,170px) 0;background:var(--paper);color:var(--ink)}
.novel-introduction__layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(55px,9vw,135px);align-items:start}
.novel-introduction__heading h2{margin:0;font-family:"EB Garamond","Thmanyah Sans",serif;font-size:clamp(3rem,5vw,5.8rem);font-weight:500;line-height:1}
html[lang="ar"] .novel-introduction__heading h2{font-family:"Thmanyah Sans",sans-serif;line-height:1.2}
.novel-introduction__text{padding-top:33px;border-top:1px solid rgba(23,32,42,.2)}
.novel-introduction__text p{margin:0 0 20px;color:#3f474e;font-size:1.08rem;line-height:1.95}
.novel-introduction__text p:first-child{color:#222d36;font-size:1.18rem}

/* Places at the end of home content. */
.places-section{padding:clamp(95px,10vw,150px) 0;background:#0e151d}
.places-layout{display:grid;grid-template-columns:1.16fr .84fr;gap:clamp(50px,8vw,120px);align-items:center}
.places-visual{position:relative;min-height:530px;overflow:hidden;border:1px solid rgba(217,181,121,.18);background:#0a1016}
.places-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:.55s ease}.places-visual:hover img{transform:scale(1.025)}
.places-visual::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(8,12,17,.92))}
.places-visual span{position:absolute;z-index:1;left:28px;bottom:24px;color:var(--ivory);font-size:1.2rem}
.places-copy h2{margin:0;color:var(--ivory);font-family:"EB Garamond","Thmanyah Sans",serif;font-size:clamp(2.8rem,4.7vw,5.2rem);font-weight:500;line-height:1.05}
html[lang="ar"] .places-copy h2{font-family:"Thmanyah Sans",sans-serif;line-height:1.25}
.places-links{margin-top:40px;border-top:1px solid rgba(217,181,121,.2)}
.places-links a{min-height:64px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(217,181,121,.14);color:#c8c4bc;transition:.2s ease}.places-links a:hover{color:var(--gold);padding-inline:12px}.places-links b{font-weight:400}

.site-footer{background:#080b0f;border-top:1px solid rgba(217,181,121,.15);padding:64px 0 26px}
.footer-layout{display:grid;grid-template-columns:300px 1fr;gap:75px;align-items:start}.footer-identity img{width:250px;max-width:100%;height:auto;object-fit:contain;object-position:left top}.footer-content{justify-self:end;max-width:720px;text-align:end}.footer-content p{margin:0;color:#aaa9a5;line-height:1.8;font-size:.98rem}.footer-content nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px 28px;margin:26px 0;color:#d6d2c9;font-family:"Thmanyah Sans",sans-serif;font-size:.8rem}.footer-content nav a:hover{color:var(--gold)}.footer-content small{color:#737a80}

.wkcs-toast{position:fixed;z-index:150;left:50%;bottom:30px;transform:translate(-50%,24px);min-width:min(360px,calc(100% - 34px));max-width:520px;min-height:48px;padding:11px 16px;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(12,18,25,.96);border:1px solid rgba(217,181,121,.42);box-shadow:0 20px 60px rgba(0,0,0,.38);border-radius:12px;color:#eee7da;font-family:"Thmanyah Sans",sans-serif;font-size:.82rem;opacity:0;pointer-events:none;transition:.24s ease}.wkcs-toast.is-visible{opacity:1;transform:translate(-50%,0)}.wkcs-toast__icon{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(217,181,121,.11)}

@media(max-width:1100px){
  .header-shell{width:calc(100% - 30px);gap:24px}.brand-logo{width:145px}.main-navigation{gap:18px;margin-right:20px}.music-control__text{display:none}.music-control{width:38px;padding:0;justify-content:center}.home-hero__copy{width:min(500px,52vw)}.featured-character{grid-template-columns:.88fr 1.12fr}.featured-character__copy{padding:70px 48px}.mini-character-grid{grid-template-columns:1fr}.mini-character-card{min-height:112px;grid-template-columns:82px 1fr}.mini-character-card__image{height:112px}.side-content-grid{grid-template-columns:repeat(2,1fr)}.side-content-card:last-child:nth-child(odd){grid-column:span 2}.footer-layout{grid-template-columns:250px 1fr}
}
@media(max-width:820px){
  :root{--header:70px}.page-width{width:min(100% - 34px,var(--page))}.site-header{background:rgba(8,12,17,.76);backdrop-filter:blur(14px)}.header-shell{height:70px}.brand-logo{width:138px}.mobile-menu-button{display:block}.nav-cluster{flex:0 0 auto}.main-navigation{position:fixed;top:70px;right:0;left:0;margin:0;padding:22px;background:rgba(9,14,20,.98);border-bottom:1px solid rgba(217,181,121,.2);display:none;flex-direction:column;align-items:stretch;gap:0;white-space:normal}.main-navigation.is-open{display:flex}.main-navigation a{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.main-navigation a::after{display:none}.home-hero{min-height:760px}.home-hero__copy-wrap{min-height:760px;width:calc(100% - 34px);align-items:flex-end;padding-bottom:90px}.home-hero__copy{width:min(100%,560px);padding:28px}.home-hero__media img{object-position:center}.home-hero__scroll{display:none}.side-content-grid{grid-template-columns:1fr}.side-content-card:last-child:nth-child(odd){grid-column:auto}.featured-character{grid-template-columns:1fr;min-height:auto}.featured-character__visual{min-height:640px}.featured-character__visual::after{background:linear-gradient(to bottom,transparent 65%,#0d131a 100%)}.featured-character__copy{padding:66px 28px}.mini-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-character-card{display:block;min-height:0}.mini-character-card__image{height:150px}.mini-character-card__body{min-height:91px}.novel-introduction__layout,.places-layout{grid-template-columns:1fr;gap:44px}.novel-introduction__text{padding-top:25px}.places-visual{min-height:58vw}.footer-layout{grid-template-columns:1fr;gap:36px}.footer-identity img{width:220px}.footer-content{justify-self:stretch;text-align:start}.footer-content nav{justify-content:flex-start}
}
@media(max-width:560px){
  .header-shell{width:calc(100% - 18px);gap:8px}.brand-cluster{gap:6px}.brand-logo{width:116px}.language-selector summary{min-width:48px;padding:0 7px}.language-selector__menu{left:auto;right:0}.home-hero{min-height:690px}.home-hero__copy-wrap{min-height:690px;padding-bottom:55px}.home-hero__copy{padding:24px 22px}.home-hero__copy h1{font-size:2.65rem}.home-hero__copy p{font-size:.92rem;line-height:1.75}.side-content-card__image{height:205px}.featured-character__visual{min-height:520px}.featured-character__copy h2{font-size:3.4rem}.mini-character-grid{grid-template-columns:1fr}.mini-character-card{display:grid;grid-template-columns:96px 1fr}.mini-character-card__image{height:118px}.mini-character-card__body{min-height:118px}.places-visual{min-height:390px}.footer-content nav{display:grid;grid-template-columns:1fr 1fr}.wkcs-toast{bottom:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}


/* ==========================================================
   BATCH 08 — exact homepage repair
   Transparent header over cover, unboxed hero copy, larger type,
   centered old-paper news, larger character cards.
   ========================================================== */
:root{
  --gold:#B68A4C;
  --gold-deep:#946B35;
  --header:90px;
}
.site-header{
  height:var(--header)!important;
  background:transparent!important;
  border-bottom-color:transparent!important;
  backdrop-filter:none!important;
}
.site-header.is-scrolled{
  background:rgba(11,15,20,.92)!important;
  border-bottom-color:rgba(182,138,76,.28)!important;
  backdrop-filter:blur(18px)!important;
}
.header-shell{
  width:min(1500px,calc(100% - 64px))!important;
  gap:48px!important;
}
.brand-logo{width:208px!important;min-height:52px!important}
.brand-logo img{height:52px!important;filter:drop-shadow(0 4px 16px rgba(0,0,0,.58))!important}
.brand-cluster{gap:12px!important}
.music-control,.language-selector summary{
  height:44px!important;
  background:rgba(7,11,16,.36)!important;
  border-color:rgba(238,231,218,.34)!important;
  box-shadow:0 5px 22px rgba(0,0,0,.18);
}
.music-control{padding:0 15px!important;gap:10px!important}
.music-control__text{font-size:.86rem!important;font-weight:600!important}
.language-selector summary{min-width:66px!important;padding:0 13px!important;font-size:.82rem!important;font-weight:600!important}
.music-control.is-loading .music-control__icon{animation:wkcs-spin 1s linear infinite}
@keyframes wkcs-spin{to{transform:rotate(360deg)}}
.main-navigation{
  gap:clamp(25px,2.5vw,42px)!important;
  margin-right:clamp(42px,7vw,125px)!important;
}
.main-navigation a{
  font-size:1rem!important;
  font-weight:600!important;
  padding:11px 0!important;
  color:#F4EDE1!important;
  text-shadow:0 3px 16px rgba(0,0,0,.75)!important;
}
.home-hero{
  min-height:clamp(720px,94vh,1040px)!important;
  border-bottom:1px solid rgba(41,53,64,.35);
}
.home-hero__media::after{display:none!important}
.home-hero__media img{
  object-position:center center!important;
  filter:none!important;
  transform:none!important;
}
.home-hero__copy-wrap{
  width:min(1500px,calc(100% - 92px))!important;
  min-height:clamp(720px,94vh,1040px)!important;
  align-items:flex-start!important;
  padding-top:clamp(190px,25vh,275px)!important;
}
.home-hero__copy{
  width:min(650px,50vw)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  border-radius:0!important;
}
html[dir="rtl"] .home-hero__copy{margin-left:auto!important;margin-right:0!important;text-align:right!important}
html[dir="ltr"] .home-hero__copy{margin-right:auto!important;margin-left:0!important;text-align:left!important}
.home-hero__eyebrow{
  margin-bottom:18px!important;
  font-size:.98rem!important;
  color:#E2BD7D!important;
  text-shadow:0 3px 16px rgba(0,0,0,.9)!important;
}
.home-hero__copy h1{
  font-size:clamp(4.1rem,6.7vw,7.6rem)!important;
  line-height:.93!important;
  color:#FFF9EF!important;
  text-shadow:0 4px 10px rgba(0,0,0,.95),0 16px 46px rgba(0,0,0,.7)!important;
}
html[lang="ar"] .home-hero__copy h1{
  font-size:clamp(3.5rem,5.7vw,6.25rem)!important;
  line-height:1.1!important;
}
.home-hero__copy p{
  max-width:590px!important;
  margin-top:22px!important;
  font-size:1.2rem!important;
  line-height:1.9!important;
  font-weight:500!important;
  color:#FFF8EC!important;
  text-shadow:0 3px 9px rgba(0,0,0,.98),0 9px 28px rgba(0,0,0,.82)!important;
}
.primary-action{
  min-height:52px!important;
  padding:0 25px!important;
  margin-top:28px!important;
  font-size:.96rem!important;
  background:#B68A4C!important;
  box-shadow:0 12px 34px rgba(0,0,0,.26)!important;
}
.primary-action:hover{background:#CDA466!important}
.home-hero__scroll{color:#FFF6E8!important;text-shadow:0 2px 10px rgba(0,0,0,.9)!important}
.latest-news-section{
  padding:clamp(82px,8vw,122px) 0!important;
  background:#E9E1D2!important;
  color:#17202A!important;
}
.latest-news-heading{
  max-width:900px!important;
  margin:0 auto 52px!important;
  text-align:center!important;
}
.latest-news-heading>span{
  margin-bottom:13px!important;
  color:#682E3B!important;
  font-size:.9rem!important;
}
.latest-news-heading h2{
  font-size:clamp(3rem,5.2vw,5.6rem)!important;
  color:#17202A!important;
}
.side-content-grid{max-width:1180px!important;margin-inline:auto!important;gap:25px!important}
.side-content-card{
  background:#EEE7DA!important;
  border-color:rgba(41,53,64,.18)!important;
  min-height:445px!important;
  border-radius:18px!important;
  box-shadow:0 10px 35px rgba(41,35,27,.06)!important;
}
.side-content-card__image{height:240px!important}
.side-content-card__body{padding:31px 32px 34px!important}
.side-content-card h3{font-size:1.72rem!important}
.side-content-card p{font-size:1.06rem!important;line-height:1.85!important}
.empty-record{max-width:900px!important;margin-inline:auto!important;background:#EEE7DA!important;border-radius:18px!important}
.featured-character__copy h3{font-size:1.2rem!important}
.featured-character__excerpt{font-size:1.13rem!important;line-height:2!important}
.mini-character-grid{gap:18px!important}
.mini-character-card{
  min-height:168px!important;
  grid-template-columns:112px 1fr!important;
  border-radius:15px!important;
  background:rgba(238,231,218,.035)!important;
}
.mini-character-card__image{height:168px!important}
.mini-character-card__body{padding:21px 18px!important}
.mini-character-card b{font-size:1.08rem!important}
.mini-character-card small{font-size:.81rem!important;line-height:1.55!important}
.wkcs-toast{
  min-height:56px!important;
  padding:14px 20px!important;
  font-size:.95rem!important;
  border-color:rgba(182,138,76,.6)!important;
}
.wkcs-toast[data-tone="playing"] .wkcs-toast__icon{background:#8CA77B!important}
.wkcs-toast[data-tone="paused"] .wkcs-toast__icon{background:#A5ADB3!important}
.wkcs-toast[data-tone="loading"] .wkcs-toast__icon{background:#607589!important;animation:wkcs-pulse .75s ease-in-out infinite alternate}
.wkcs-toast[data-tone="error"] .wkcs-toast__icon{background:#9B4D5D!important}
@keyframes wkcs-pulse{to{transform:scale(1.45)}}
@media(max-width:1100px){
  .brand-logo{width:184px!important}
  .main-navigation{margin-right:28px!important;gap:22px!important}
  .main-navigation a{font-size:.91rem!important}
  .home-hero__copy{width:min(620px,58vw)!important}
  .home-hero__copy p{font-size:1.08rem!important}
}
@media(max-width:820px){
  :root{--header:76px}
  .site-header{background:rgba(11,15,20,.78)!important;backdrop-filter:blur(14px)!important}
  .header-shell{width:calc(100% - 28px)!important;height:76px!important;gap:12px!important}
  .brand-logo{width:158px!important;min-height:44px!important}
  .brand-logo img{height:44px!important}
  .main-navigation{top:76px!important;margin:0!important}
  .main-navigation a{font-size:1rem!important}
  .home-hero,.home-hero__copy-wrap{min-height:790px!important}
  .home-hero__copy-wrap{width:calc(100% - 42px)!important;align-items:flex-end!important;padding-top:76px!important;padding-bottom:82px!important}
  .home-hero__copy{width:100%!important}
  .home-hero__copy h1{font-size:3.5rem!important}
  html[lang="ar"] .home-hero__copy h1{font-size:3.25rem!important}
  .home-hero__copy p{font-size:1.03rem!important;line-height:1.8!important;max-width:540px!important}
  .mini-character-card{min-height:0!important;grid-template-columns:1fr!important}
  .mini-character-card__image{height:220px!important}
}
@media(max-width:560px){
  .header-shell{width:calc(100% - 18px)!important}
  .brand-logo{width:135px!important}
  .brand-logo img{height:40px!important}
  .music-control,.language-selector summary{height:40px!important}
  .music-control{width:40px!important;padding:0!important;justify-content:center!important}
  .music-control__text{display:none!important}
  .language-selector summary{min-width:48px!important;padding:0 8px!important}
  .home-hero,.home-hero__copy-wrap{min-height:710px!important}
  .home-hero__copy-wrap{width:calc(100% - 28px)!important;padding-bottom:52px!important}
  .home-hero__copy h1{font-size:2.85rem!important}
  html[lang="ar"] .home-hero__copy h1{font-size:2.65rem!important}
  .home-hero__copy p{font-size:.98rem!important;line-height:1.75!important}
  .primary-action{min-height:48px!important;padding:0 19px!important;font-size:.88rem!important}
  .latest-news-heading h2{font-size:2.85rem!important}
  .side-content-card{border-radius:13px!important}
  .mini-character-card{display:grid!important;grid-template-columns:105px 1fr!important}
  .mini-character-card__image{height:145px!important}
}

/* ==========================================================
   BATCH 09 — larger top navigation on the homepage
   ========================================================== */
:root{--header:106px}
.site-header{height:var(--header)!important}
.site-header.is-scrolled{
  background:#0B0F14!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.header-shell{width:min(1540px,calc(100% - 58px))!important;gap:54px!important}
.brand-logo{width:252px!important;min-height:62px!important}
.brand-logo img{height:62px!important}
.brand-cluster{gap:14px!important}
.music-control,.language-selector summary{height:48px!important}
.music-control{padding:0 17px!important}
.music-control__text{font-size:.92rem!important}
.language-selector summary{min-width:72px!important;font-size:.88rem!important}
.main-navigation{gap:clamp(28px,2.7vw,46px)!important}
.main-navigation a{font-size:1.1rem!important;font-weight:700!important}
.home-hero__copy-wrap{padding-top:clamp(210px,26vh,300px)!important}
.home-hero__eyebrow{font-size:1.05rem!important}
.home-hero__copy p{font-size:1.26rem!important;line-height:1.92!important}
@media(max-width:1100px){
  :root{--header:94px}
  .brand-logo{width:210px!important}.brand-logo img{height:54px!important}
  .main-navigation a{font-size:.98rem!important}
}
@media(max-width:820px){
  :root{--header:80px}
  .header-shell{height:80px!important}
  .brand-logo{width:166px!important}.brand-logo img{height:46px!important}
  .main-navigation{top:80px!important}
}
@media(max-width:560px){
  .brand-logo{width:138px!important}.brand-logo img{height:40px!important}
  .music-control,.language-selector summary{height:42px!important}
}


/* BATCH 12 — slightly larger homepage identity. */
@media (min-width:1101px){
  .brand-logo{
    width:276px!important;
    min-height:66px!important;
  }
  .brand-logo img{
    height:66px!important;
    object-fit:contain!important;
  }
}
@media (max-width:1100px) and (min-width:821px){
  .brand-logo{width:222px!important}
  .brand-logo img{height:56px!important}
}


/* ==========================================================
   BATCH 12 — visibly larger main identity
   ========================================================== */
@media (min-width:1101px){
  :root{--header:124px!important}
  .site-header{height:124px!important}
  .header-shell{
    height:124px!important;
    width:min(1600px,calc(100% - 54px))!important;
  }
  .brand-logo{
    width:380px!important;
    min-width:380px!important;
    min-height:92px!important;
  }
  .brand-logo img{
    width:100%!important;
    height:92px!important;
    max-height:none!important;
  }
}
@media (max-width:1100px) and (min-width:821px){
  :root{--header:104px!important}
  .site-header,.header-shell{height:104px!important}
  .brand-logo{
    width:300px!important;
    min-width:300px!important;
  }
  .brand-logo img{height:74px!important}
}