/* ThemalefiK · 2026 visual layer
   Load after the existing styles. The opening and home treatments are scoped
   to body.rework-index and body.rework-home; all existing content remains intact. */

:root {
  --gold: #c2a46b;
  --gold-bright: #e1c997;
  --dark: #0d0c0b;
  --darker: #080807;
  --text: #e9e3d7;
  --muted: #aaa49b;
  --accent: #6e272b;
  --rw-ink: #0a0908;
  --rw-stone: #171615;
  --rw-line: rgba(198, 168, 110, .27);
  --rw-soft-line: rgba(211, 196, 163, .12);
  --rw-copy: #c8c2b7;
  --rw-heading: 'Cinzel', Georgia, serif;
  --rw-body: 'Montserrat', Arial, sans-serif;
  --header-h: 86px;
}

body {
  background: var(--rw-ink);
  color: var(--text);
  font-family: var(--rw-body);
}
body h1, body h2, body h3, body h4 { font-family: var(--rw-heading); }
body a:focus-visible, body button:focus-visible, body input:focus-visible,
body textarea:focus-visible, body select:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 4px;
}




body:not(.instrumental-page):not(.rework-index) .site-header {
  position: sticky;
  top: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(20px, 2.8vw, 48px);
  height: var(--header-h);
  padding: 0 clamp(22px, 4vw, 64px);
  background: rgba(10, 9, 8, .96);
  border-bottom: 1px solid var(--rw-line);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .22);
  backdrop-filter: blur(14px);
}
body:not(.instrumental-page) .header-icon {
  position: static;
  grid-column: 1;
  grid-row: 1;
  flex-direction: row;
  gap: 10px;
  transform: none;
}
body:not(.instrumental-page) .header-icon img {
  width: 48px;
  height: 48px;
  border-color: var(--rw-line);
}
body:not(.instrumental-page) .header-icon span {
  color: #e0c89b;
  font-size: .64rem;
  letter-spacing: .18em;
}
body:not(.instrumental-page) .desktop-nav { grid-column: 2; grid-row: 1; justify-self: center; }
body:not(.instrumental-page) .desktop-nav ul { justify-content: center; gap: clamp(13px, 1.65vw, 27px); }
body:not(.instrumental-page) .desktop-nav ul li a {
  color: #c9c2b5;
  font-size: .61rem;
  font-weight: 600;
  letter-spacing: .13em;
  white-space: nowrap;
}
body:not(.instrumental-page) .desktop-nav a:hover,
body:not(.instrumental-page) .desktop-nav a.active { color: var(--gold-bright); border-bottom-color: var(--gold); }
body:not(.instrumental-page) .header-right { grid-column: 3; grid-row: 1; }
body .lang-btn { color: #bcb3a3; border-radius: 0; }
body .lang-btn:hover, body .lang-btn.active { color: var(--gold-bright); border-color: var(--rw-line); }
body .hamburger span { background: #dcc393; }
body .mobile-nav { background: rgba(9, 8, 7, .985); overflow-y: auto; justify-content: flex-start; padding: 76px 0 24px; }
body .mobile-nav-inner { margin: auto 0; }
body .mobile-nav ul li a { color: #e8e1d4; font-size: clamp(.95rem, 3vw, 1.25rem); letter-spacing: .12em; }
body .mobile-nav-inner img.mobile-logo, body .mobile-header-icon img { border-color: var(--rw-line); }
body:not(.instrumental-page) .page-wrapper { padding-top: 0; }

/* Inner-page hero. The actual photograph remains in its original element. */
body:not(.rework-index) .page-hero {
  position: relative;
  min-height: clamp(330px, 44vw, 540px);
  background: radial-gradient(ellipse at 70% 28%, #282019 0, #0b0a09 70%);
  padding: 60px 24px;
}
body:not(.rework-index) .page-hero img.hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}
body:not(.rework-index) .page-hero::after {
  background: linear-gradient(180deg, rgba(7, 6, 5, .38), rgba(8, 7, 6, .84));
  pointer-events: none;
}
body:not(.rework-index) .page-hero::before {
  background: radial-gradient(circle at 50% 50%, transparent 0 27%, rgba(197, 166, 105, .08) 27.15% 27.3%, transparent 27.45% 34%, rgba(197, 166, 105, .05) 34.15% 34.3%, transparent 34.45%);
  pointer-events: none;
}
body:not(.rework-index) .page-hero-content { position: relative; z-index: 2; width: min(100%, 1000px); padding: 0; text-align: center; }
body:not(.rework-index) .page-hero-content h1 {
  color: #f0e9dc;
  font-size: clamp(2.15rem, 5.5vw, 4.9rem);
  line-height: 1.12;
  letter-spacing: .06em;
  text-shadow: 0 5px 38px #000;
}
body:not(.rework-index) .page-hero-content p,
body:not(.rework-index) .page-hero-content .eyebrow { color: #d1b47d; line-height: 1.7; letter-spacing: .19em; }

/* Shared editorial rhythm and reusable components. */
body .section { max-width: 1180px; padding: clamp(62px, 8vw, 112px) clamp(22px, 4vw, 48px); }
body .section-title {
  color: #d8c7a4;
  font-family: var(--rw-heading);
  font-size: clamp(1.35rem, 2.5vw, 2.1rem);
  line-height: 1.3;
  letter-spacing: .12em;
}
body .section-title::after { background: var(--gold); }
body .divider, body .section-divider { background: linear-gradient(90deg, transparent, var(--rw-line), transparent); }
body .bio-text p, body .about-strip-text p, body .launch-heading > p:last-child,
body .news-card p, body .store-card-body p, body .limited-banner p,
body .instrumental-about-intro > p:last-child { color: var(--rw-copy); line-height: 1.8; }
body .bio-tag, body .past-member-item, body .backstage-tag {
  border-color: var(--rw-line);
  color: #d2c3a6;
  border-radius: 0;
}
body .band-photo-wrap, body .member-photo, body .band-banner-item,
body .album-feature-cover img, body .album-cover img { border: 1px solid var(--rw-line); }
body .band-banner { background: #0c0a09; }
body .band-banner-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); }
body .band-banner-item { border-radius: 0; }
body .band-banner-item::after { pointer-events: none; }
body .member-name, body .disco-title, body .edition-copy h3, body .store-card-body h3 { color: #f0eadf; }
body .member-role, body .disco-type, body .edition-kicker, body .launch-eyebrow,
body .date, body .album-meta, body .disco-year { color: #cbb07c; }
body .track-num, body .track-duration, body .track-list time,
body .instrumental-tracklist em, body .disco-genre { color: #aaa296; }
body .instrumental-tracklist b, body .track-name, body .track-list li { color: #d8d2c8; }
body .tracklist li, body .instrumental-tracklist li, body .track-list li { border-color: var(--rw-soft-line); }
body .track-list li { line-height: 1.5; }

body .news-card, body .store-card, body .disco-card,
body .instrumental-edition-card, body .instrumental-about-card,
body .official-video-card, body .limited-banner, body .newsletter-wrap,
body .stat-box, body .backstage-card, body .bandcamp-only-card {
  border: 1px solid var(--rw-line);
  border-radius: 0;
  background: linear-gradient(145deg, #1b1916, #10100f 75%);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22);
}
body .news-card:hover, body .store-card:hover, body .disco-card:hover,
body .instrumental-edition-card:hover, body .official-video-card:hover {
  border-color: rgba(220, 190, 132, .65);
  box-shadow: 0 20px 55px rgba(0, 0, 0, .34);
}
body .news-card.featured { max-width: 100%; }
body .news-card .rating, body .store-card-body .badge {
  color: #dfc694;
  background: rgba(145, 109, 67, .17);
}
body .store-card-icon {
  color: #b99b66;
  border-color: var(--rw-line);
  background: radial-gradient(circle, rgba(123, 92, 54, .18), transparent 68%), #141311;
}
body .backstage-card { border-top: 2px solid var(--gold); }
body .backstage-kicker, body .backstage-tag.highlight, body .backstage-footer a { color: #d8bd87; border-color: var(--rw-line); }
body .backstage-note { color: #c7bdae; background: #12110f; border-color: #82613c; }
body .newsletter-form input[type='email'] { background: #10100e; color: #f3ede1; border-color: var(--rw-line); }
body .stat-box .label, body .stock-item .label, body .disc-list .type { color: #b3a99b; }
body .about-strip, body .instrumental-launch-section, body .official-videos-section,
body .discography, body .available-on {
  background: linear-gradient(135deg, #100f0d, #181310 52%, #0b0b0a);
  border-color: var(--rw-line);
}
body .instrumental-launch-section, body .official-videos-section { padding: clamp(65px, 8vw, 110px) clamp(22px, 4vw, 48px); }
body .discography .album { max-width: 1040px; margin-left: auto; margin-right: auto; gap: clamp(28px, 5vw, 74px); }
body .discography .album-title { font-family: var(--rw-heading); color: #eee5d5; }
body .discography .album-meta { color: #c9bead; }
body .bandcamp-only-card p { color: #d0c3b0; }
body .bandcamp-only-card a { border-color: var(--gold); color: #e1c997; }

/* Buttons retain their semantic elements and existing JavaScript bindings. */
body .btn, body .edition-btn, body .disco-btn, body .listen-btn,
body .outline-button, body .platform-link, body .backstage-button,
body .news-card a.read-more, body .bandcamp-only-card a {
  border: 1px solid #9e865d;
  border-radius: 0;
  background: transparent;
  color: #e7d3ab;
  font-family: var(--rw-body);
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .13em;
  text-transform: uppercase;
  text-decoration: none;
  transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease;
}
body .btn, body .edition-btn, body .disco-btn, body .listen-btn,
body .backstage-button, body .news-card a.read-more { padding: 12px 19px; }
body .btn-solid, body .disco-btn.red, body .backstage-button:not(.secondary) {
  background: #c6aa75;
  border-color: #c6aa75;
  color: #100d09;
}
body .btn:hover, body .edition-btn:hover, body .disco-btn:hover, body .listen-btn:hover,
body .outline-button:hover, body .platform-link:hover, body .backstage-button:hover,
body .news-card a.read-more:hover, body .bandcamp-only-card a:hover {
  background: #e0c698;
  border-color: #e0c698;
  color: #100d09;
}
body .btn-solid:hover { background: #e0c698; }

body .site-footer, body .campaign-footer {
  position: relative;
  border-top: 1px solid var(--rw-line);
  padding: 75px 24px 36px;
  background: radial-gradient(ellipse at 50% 0, rgba(104, 65, 47, .15), transparent 60%), #080807;
  color: #bdb3a5;
}
body .footer-logo span, body .footer-mark { color: #d9bd87; }
body .footer-nav a, body .social-links a, body .footer-copy, body .footer-copy a { color: #b6ada0; }
body .footer-nav a:hover, body .social-links a:hover, body .footer-copy a:hover { color: #e5c992; }
body .footer-copy { line-height: 1.9; }

/* Opening page. Its cover, audio control and all catalogue links stay intact.
   This is intentionally separate from the similarly named store components. */
html:has(body.rework-index) { height: auto; min-height: 100%; overflow: auto; }
body.rework-index {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
  grid-template-rows: auto 1fr auto;
  align-items: center;
  gap: 32px clamp(35px, 7vw, 110px);
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding: 0 clamp(24px, 7vw, 110px) 44px;
  overflow: visible;
  background: #080807;
}

body.rework-index .bg-cover {
  background: linear-gradient(90deg, rgba(5, 4, 3, .90), rgba(5, 4, 3, .53) 70%, rgba(5, 4, 3, .68)),
    url('../images/novas-artes/composicao.webp') center / cover no-repeat,
    url('../images/album-covenant-fulfilled_WEBP.webp') center / cover no-repeat;
}
body.rework-index .overlay {
  background: radial-gradient(circle at 72% 48%, transparent 0 24%, rgba(198, 167, 108, .12) 24.1% 24.25%, transparent 24.4% 32%, rgba(198, 167, 108, .07) 32.1% 32.25%, transparent 32.4%),
    linear-gradient(0deg, rgba(5, 4, 3, .75), transparent 45%, rgba(5, 4, 3, .3));
  pointer-events: none;
}
body.rework-index .top-logo {
  position: relative;
  inset: auto;
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
  width: min(100%, 460px);
  padding: 0;
  opacity: 1;
  animation: none;
}
body.rework-index .top-logo img {
  width: 100%;
  height: auto;
  border: 1px solid rgba(220, 191, 137, .56);
  box-shadow: 0 0 0 10px rgba(17, 14, 11, .6), 0 0 0 11px rgba(197, 165, 107, .22), 0 25px 80px #000;
  filter: none;
}
body.rework-index .bottom-content {
  position: relative;
  inset: auto;
  grid-column: 1;
  grid-row: 2;
  align-items: flex-start;
  text-align: left;
  padding: 0;
}
body.rework-index .album-title {
  max-width: 800px;
  margin: 0 0 20px;
  color: #f1eadc;
  font-size: clamp(2.6rem, 6.2vw, 6rem);
  line-height: 1.06;
  letter-spacing: .03em;
}
body.rework-index .album-sub {
  max-width: 610px;
  margin-bottom: 16px;
  color: #d7c6a4;
  font-size: clamp(.7rem, 1vw, .82rem);
  line-height: 1.75;
  letter-spacing: .15em;
}
body.rework-index .presave-container { margin: 7px 0 24px; }
body.rework-index .presave-link { color: #e1c28b; font-size: .72rem; letter-spacing: .16em; }
body.rework-index .platforms-bar { justify-content: flex-start; margin-bottom: 28px; }
body.rework-index .platforms-bar .plat-label, body.rework-index .platforms-bar a { color: #d1c7b6; font-size: .64rem; letter-spacing: .14em; }
body.rework-index .enter-btn {
  max-width: 100%;
  padding: 16px 24px;
  border-color: #c6aa75;
  background: #c6aa75;
  color: #100d09;
  font-size: .7rem;
  line-height: 1.5;
  letter-spacing: .15em;
}
body.rework-index .enter-btn:hover { background: #e2ca9a; color: #100d09; }
body.rework-index #sound-btn {
  position: relative;
  inset: auto;
  grid-column: 1;
  grid-row: 3;
  justify-self: start;
  padding: 10px 12px;
  color: #e3c795;
  border-color: var(--rw-line);
  font-size: .62rem;
}
body.rework-index .album-title, body.rework-index .album-sub,
body.rework-index .presave-container, body.rework-index .platforms-bar,
body.rework-index .enter-btn, body.rework-index #sound-btn { opacity: 1; animation: none; }

/* Home: preserve the two original cover images and separate them from copy. */
body.rework-home .home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  align-items: center;
  gap: clamp(30px, 5vw, 80px);
  height: auto;
  min-height: min(790px, 84vh);
  padding: clamp(70px, 8vw, 120px) clamp(24px, 7vw, 110px);
  text-align: left;
  background: #0b0a09;
}
body.rework-home .home-hero-bg.instrumental-hero-bg {
  background: linear-gradient(90deg, rgba(7, 6, 5, .91), rgba(12, 8, 7, .60)),
    url('../images/novas-artes/composicao.webp') center / cover no-repeat,
    url('../images/instrumental/covenant-fulfilled-instrumental.webp') center / cover no-repeat;
  filter: none;
  transform: none;
}
body.rework-home .home-hero-vignette {
  background: radial-gradient(circle at 75% 50%, transparent 0 26%, rgba(199, 166, 107, .16) 26.1% 26.25%, transparent 26.4% 34%, rgba(199, 166, 107, .09) 34.1% 34.25%, transparent 34.4%), linear-gradient(0deg, #0b0a09, transparent 50%);
  pointer-events: none;
}
body.rework-home .instrumental-hero-covers {
  position: relative;
  inset: auto;
  grid-column: 2;
  grid-row: 1;
  gap: 0;
  opacity: 1;
}
body.rework-home .instrumental-hero-covers img {
  width: min(48%, 280px);
  max-height: none;
  border: 1px solid rgba(221, 191, 132, .4);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .75);
}
body.rework-home .instrumental-hero-covers img:first-child { transform: rotate(-5deg) translate(5%, 8%); }
body.rework-home .instrumental-hero-covers img:last-child { transform: rotate(5deg) translate(-5%, -4%); }
body.rework-home .home-hero-content { grid-column: 1; grid-row: 1; max-width: 720px; }
body.rework-home .home-hero-content .eyebrow { color: #d3b77d; font-size: .69rem; line-height: 1.7; letter-spacing: .2em; }
body.rework-home .home-hero-content h1 { color: #f4eddf; font-size: clamp(2.6rem, 5.6vw, 5.7rem); line-height: 1.08; letter-spacing: .01em; text-shadow: 0 4px 36px #000; }
body.rework-home .home-hero-content .sub { color: #d1c7b7; font-size: clamp(.82rem, 1vw, .95rem); line-height: 1.7; letter-spacing: .1em; }
body.rework-home .hero-btns { justify-content: flex-start; }
body.rework-home .section { background: transparent; text-align: left; font-family: var(--rw-body); }
body.rework-home .section-title { text-align: center; }
body.rework-home .reveal { opacity: 1; transform: none; }
body.rework-home .featured-news { margin-top: 32px; }
body.rework-home .news-card.featured { width: 900px; }
body.rework-home .news-card a.read-more { border-bottom: 1px solid #9e865d; }

/* Instrumental campaign has a different header and no hamburger. Keep its
   navigation visible on narrow screens rather than covering or removing it. */
body.instrumental-page { background: #0a0908; }
body.instrumental-page .site-header {
  position: relative;
  inset: auto;
  min-height: 86px;
  height: auto;
  padding: 20px clamp(22px, 4vw, 65px);
  border-bottom: 1px solid var(--rw-line);
  background: #0d0c0a;
}
body.instrumental-page .desktop-nav a { color: #c9c2b5; }
body.instrumental-page .desktop-nav a:hover, body.instrumental-page .desktop-nav a.active,
body.instrumental-page .language-switch button.active { color: var(--gold-bright); }
body.instrumental-page .campaign-hero { min-height: 710px; padding-top: 90px; }
body.instrumental-page .campaign-atmosphere { background: linear-gradient(90deg, #080706 7%, rgba(9, 7, 6, .8) 50%, rgba(17, 10, 8, .55)), url('../images/instrumental/themalefik-instrumental-hero-atmosphere.jpg') center / cover; }
body.instrumental-page .intro-section { background: linear-gradient(115deg, #11100e, #1b1511 60%, #0e0e0d); border-color: var(--rw-line); }
body.instrumental-page .editions-section { background: #0d0c0b; }
body.instrumental-page .album-panel { border-color: var(--rw-line); }
body.instrumental-page .album-panel.fulfilled { background-image: radial-gradient(circle at 78% 50%, rgba(93, 35, 35, .18), transparent 40%); }
body.instrumental-page .hero-intro, body.instrumental-page .intro-section > p,
body.instrumental-page .release-note, body.instrumental-page .platform-note { color: #c8bfb2; }

@media (max-width: 1100px) {
  :root { --header-h: 68px; }
  body:not(.instrumental-page):not(.rework-index) .site-header { display: flex; justify-content: space-between; padding: 0 18px; }
  body:not(.instrumental-page) .site-header .desktop-nav,
  body:not(.instrumental-page) .header-icon,
  body:not(.instrumental-page) .header-right .lang-selector { display: none !important; }
  body:not(.instrumental-page) .hamburger { display: flex; }
  body:not(.instrumental-page) .mobile-brand { display: block; color: #d8bd88; font-size: .95rem; letter-spacing: .18em; }
  /* shared.css sizes this icon only below 900px; the rework switches to
     mobile navigation at 1100px, so keep the same dimensions throughout. */
  body:not(.instrumental-page) .mobile-header-icon { display: flex !important; flex: 0 0 40px; align-items: center; }
  body:not(.instrumental-page) .mobile-header-icon img { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--rw-line); object-fit: cover; }
  body:not(.instrumental-page) .mobile-nav { display: flex; }
}
@media (max-width: 900px) {
  body.instrumental-page .site-header { display: flex; flex-wrap: wrap; gap: 16px 20px; }
  body.instrumental-page .language-switch { margin-left: auto; }
  body.instrumental-page .desktop-nav { display: block !important; order: 3; flex: 0 0 100%; }
  body.instrumental-page .desktop-nav ul { flex-wrap: wrap; gap: 10px 18px; }
  body.instrumental-page .desktop-nav a { white-space: normal; line-height: 1.5; }
  body.instrumental-page .campaign-hero { min-height: 0; padding-top: 75px; }
  body.rework-index { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; text-align: center; }
  body.rework-index .top-logo { grid-column: 1; grid-row: 2; width: min(62vw, 330px); }
  body.rework-index .bottom-content { grid-column: 1; grid-row: 3; align-items: center; text-align: center; }
  body.rework-index .platforms-bar { justify-content: center; }
  body.rework-index #sound-btn { grid-column: 1; grid-row: 4; justify-self: center; }
  body.rework-home .home-hero { grid-template-columns: 1fr; min-height: 0; gap: 32px; }
  body.rework-home .home-hero-content { grid-column: 1; grid-row: 1; }
  body.rework-home .instrumental-hero-covers { grid-column: 1; grid-row: 2; max-width: 500px; justify-self: center; }
}
@media (max-width: 560px) {

body .catalogue-migration-bar__pt { font-size: .62rem; }
  body .section { padding: 62px 20px; }
  body .section-title { letter-spacing: .08em; }
  body:not(.rework-index) .page-hero { min-height: 310px; }
  body .news-grid, body .store-grid, body .disco-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
  body .partners-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
  body .instrumental-edition-card { grid-template-columns: minmax(85px, 110px) minmax(0, 1fr); gap: 15px; padding: 14px; }
  body .instrumental-about-card { grid-template-columns: 1fr; }
  /* These two legacy home blocks use fixed/inline widths; keep their embeds
     and content while allowing them to fit narrow handsets. */
  body.rework-home .wrapper .container { width: min(100%, 340px); }
  body.rework-home .wrapper .card { width: 100%; }
  body.rework-home .wrapper .instagram blockquote { min-width: 0 !important; max-width: 100% !important; }
  body.rework-home .section > div[style*='minmax(180px'] { grid-template-columns: minmax(0, 1fr) !important; }
  body.rework-home .section > div[style*='minmax(180px'] > div[style*='grid-column:span 2'] { grid-column: span 1 !important; }
  body .instrumental-tracklist li, body .track-list li { grid-template-columns: 26px minmax(0, 1fr) auto; gap: 7px; }
  body .limited-banner, body .newsletter-wrap { padding: 34px 20px; }
  body .mobile-nav-inner { padding: 15px 20px; }
  body .mobile-nav ul li { margin: 11px 0; }
  body .mobile-nav-inner img.mobile-logo { width: 58px; height: 58px; margin-bottom: 12px; }
  body .mobile-lang { margin-top: 15px; }
  body.rework-index { gap: 25px; padding: 0 22px 30px; }

body.rework-index .top-logo { width: min(70vw, 290px); }
  body.rework-index .album-title { font-size: clamp(2.15rem, 10vw, 3.4rem); }
  body.rework-index .album-sub { font-size: .68rem; letter-spacing: .12em; }
  body.rework-home .home-hero { padding: 68px 23px 60px; }
  body.rework-home .home-hero-content h1 { font-size: clamp(2.35rem, 10vw, 3.6rem); }
  body.rework-home .instrumental-hero-covers img { width: 48%; }
  body.instrumental-page .hero-copy h1 { font-size: clamp(2.4rem, 10vw, 3.4rem); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body .reveal, body .album-art-wrap.cover-motion { opacity: 1; transform: none; }
  body .home-hero-content, body .hero-copy, body .cover-pair { animation: none; }
}

/* New chapter: a dedicated editorial feature without removing the original release. */
.tmk-chapter{position:relative;isolation:isolate;min-height:min(780px,calc(100svh - var(--header-h)));display:flex;align-items:center;overflow:hidden;padding:90px clamp(24px,7vw,110px);background:radial-gradient(ellipse at 70% 48%,#261a16,#0b0909 60%,#080807)}
.tmk-chapter::before{content:'';position:absolute;inset:14px;z-index:-1;border:1px solid rgba(207,174,114,.13);pointer-events:none}
.tmk-chapter__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,7,7,.92) 0%,rgba(8,7,7,.35) 43%,transparent 68%),radial-gradient(ellipse at 60% 70%,rgba(91,20,27,.22),transparent 48%)}
.tmk-chapter__copy{position:relative;z-index:2;width:46%;max-width:620px}
.tmk-chapter__eyebrow,.tmk-chapter__foot{color:#c3a879;font:600 10px/1.7 var(--rw-body);letter-spacing:.22em}
.tmk-chapter__copy h2{font:700 clamp(2.8rem,5.3vw,5.8rem)/1.08 var(--rw-heading);letter-spacing:.015em;color:#f1e8d9;margin:25px 0}
.tmk-chapter__rule{display:block;width:105px;height:1px;background:linear-gradient(90deg,#c5a46f,transparent);margin:28px 0}
.tmk-chapter__description{max-width:410px;color:#c5b9a7;font:400 15px/1.8 var(--rw-body)}
.tmk-chapter__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.tmk-chapter__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #9d855d;padding:14px 18px;color:#e3d2b4;font:700 10px/1.4 var(--rw-body);letter-spacing:.12em;transition:background .2s,color .2s}
.tmk-chapter__button:hover{background:#dfc28f;color:#18100a}
.tmk-chapter__button--filled{background:#c8a879;color:#16100b;border-color:#c8a879}
.tmk-chapter__foot{margin-top:42px;font-size:8px;color:#817568}
.tmk-chapter__art{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:min(48%,850px);height:min(75vw,850px);max-height:100%;display:grid;place-items:center;pointer-events:none}
.tmk-chapter__art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 35px rgba(154,91,42,.14))}
@media(max-width:767px){.tmk-chapter{min-height:auto;flex-direction:column-reverse;align-items:stretch;padding:0 24px 55px}.tmk-chapter__art{position:relative;right:auto;top:auto;transform:none;max-height:none;width:min(100%,460px);height:auto;aspect-ratio:1;margin:0 auto 16px}.tmk-chapter__copy{width:100%;margin:0 auto}.tmk-chapter__copy h2{font-size:clamp(2.45rem,10vw,4rem);margin:17px 0}.tmk-chapter__rule{margin:18px 0}.tmk-chapter__description{font-size:14px}.tmk-chapter__foot{margin-top:25px}.tmk-chapter__actions{margin-top:24px}.tmk-chapter__veil{background:linear-gradient(0deg,rgba(8,7,7,.92),transparent 70%)}}

/* Keep translated text and the press-kit controls within very narrow screens. */
@media (max-width: 560px) {
  body.rework-home .about-strip-inner { grid-template-columns: minmax(0, 1fr); }
  body.rework-home .about-strip-text { min-width: 0; }
  body.rework-home .about-strip-text p { overflow-wrap: anywhere; }
}
@media (max-width: 420px) {
  body #topbar { padding: 10px; gap: 5px; }
  body #topbar .tb-logo { font-size: 10px; letter-spacing: 2px; }
  body #topbar .tb-right { gap: 4px; }
  body #topbar .btn-lang { padding: 5px 7px; font-size: 10px; letter-spacing: 1px; }
  body #topbar .btn-pdf { padding: 7px 6px; font-size: 9px; letter-spacing: .5px; }
}
@media (max-width: 560px) {
  body.rework-home .about-strip-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.rework-home .stat-box { min-width: 0; padding: 18px 8px; overflow-wrap: anywhere; }
  body.rework-home .launch-heading h2,
  body.rework-home .edition-copy h3,
  body.rework-home #backstage-title { overflow-wrap: anywhere; }
}