/* Beta typography, loaded after the original layout and gold treatments.
   Local files only: keep style-src/font-src 'self' unchanged. */
@font-face {
  font-family: "OpenSans";
  src: url("fonts/opensans-light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("fonts/opensans-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("fonts/opensans-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "OpenSansButton";
  src: url("fonts/opensans-button.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "BankGothic";
  src: url("fonts/bankgothic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --type-h1: 62px;
  --type-h2: 50px;
  --type-h3: 33px;
  --type-body: 18px;
}
body {
  font-family: "OpenSans", Arial, sans-serif;
  font-size: var(--type-body);
  font-weight: 400;
  line-height: 1.65;
}
strong, b { font-weight: 700; }
header .wordmark, footer .wordmark {
  font-family: "BankGothic", "OpenSans", sans-serif;
  font-weight: 400;
  letter-spacing: .18em;
}

h1, h2, h3,
.desktop-hero h1, .chapter-copy h2, .section-heading h2,
.partnership h3, .catalogue-copy h3, .film-dialog h2, #film-title {
  font-family: "OpenSans", Arial, sans-serif;
  font-weight: 300;
  letter-spacing: -.025em;
  text-transform: none;
  overflow-wrap: break-word;
}
h1, .desktop-hero h1 {
  font-size: var(--type-h1);
  line-height: 1.1;
}
h2, .chapter-copy h2, .section-heading h2, .film-dialog h2, #film-title {
  font-size: var(--type-h2);
  line-height: 1.14;
}
h3, .partnership h3, .catalogue-copy h3 {
  font-size: var(--type-h3);
  line-height: 1.2;
}
.chapter-copy h2 .h2-brand { letter-spacing: inherit; }

p, .desktop-hero p, .chapter-copy p, .partnership p, .enquiry p,
.catalogue-copy p, .partnership-card .model-line, .partnership-details p,
.regional p, .partnership .terms, .partnership .exhibitions,
.enquiry .local-preview, .enquiry .form-status, dialog p {
  font-size: var(--type-body);
  font-weight: 400;
  line-height: 1.65;
}
.chapter-copy .tags, .consent, .field label, .field label span,
#email-draft label, #email-body {
  font-size: 17px;
  font-weight: 400;
}
input, select, textarea {
  font-family: "OpenSans", Arial, sans-serif;
  font-size: var(--type-body);
  font-weight: 400;
}
.model-line span { font-weight: 700; }

/* Small editorial labels retain the warm brown-gold beta accent. */
.eyebrow, .subbrand, .film-top, .film-top .count,
.chapter-tile .tile-number, .cycle-caption, .footer-note,
.preview-status, dialog .status {
  font-family: "OpenSans", Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: #9d8067;
}
.eyebrow { font-weight: 700; }
.cycle-caption { word-spacing: normal; }

button, .document-button, .catalogue-button, .text-link, .footer-back,
.partnership-details summary {
  font-family: "OpenSansButton", "OpenSans", Arial, sans-serif;
  font-weight: 400;
}
.document-button, .catalogue-button {
  font-size: 17px;
  line-height: 1.4;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.document-button > span[aria-hidden] { flex-shrink: 0; }
.partnership-details summary { font-size: 18px; }

/* Allow grid/flex text to wrap inside the existing gold blocks. */
.desktop-hero > div, .catalogue-copy, .regional > div,
.enquiry > *, .partnership-card { min-width: 0; }

@media (max-width: 1279px) {
  :root { --type-h1: 43px; --type-h2: 33px; --type-h3: 30px; }
}
@media (max-width: 599px) {
  :root { --type-h1: 36px; --type-h2: 30px; --type-body: 17px; }
}

/* r6b: шрифт подписи в шапке = шрифт логотипа (BankGothic) */
.tagline{font-family:"BankGothic","OpenSans",sans-serif;letter-spacing:.18em}

/* r6c: мелкие золотые надписи — светлый металл без тёмных пятен (читаемость) */
.wordmark,.subbrand,.tagline,.eyebrow,.cycle-caption,.section-heading .eyebrow{background:linear-gradient(130deg,#fff2c9 0%,#d9b36a 28%,#fff0c4 50%,#c9a24f 72%,#ffebaa 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* r6d (Founder 20:2x): текст за заголовками — в концепции ленты (крупный, тонкий OpenSans 300, 21 px, как .wellness-copy p беты), на 5% темнее белого; мелкий только «артикул» (eyebrow/метки) */
:root{--type-body:21px;--text-soft:#ececec}
body,.desktop-hero p,.chapter-copy p,.catalogue-copy p,.partnership-card p,.regional p,.enquiry p,.film-dialog p,footer,footer p,.footer-note,.feature-list li,.partnership-details,.partnership-details summary,.partnership-details p,.regional li{font-family:"OpenSans",Arial,sans-serif!important;font-weight:300!important;font-size:21px!important;line-height:1.6!important;color:var(--text-soft)!important}
.feature-list li,.regional li,.partnership-details p,footer,footer p,.footer-note{font-size:18px!important}
@media(max-width:800px){body,.desktop-hero p,.chapter-copy p,.catalogue-copy p,.partnership-card p,.regional p,.enquiry p,.film-dialog p,.partnership-details summary{font-size:18px!important}.feature-list li,.regional li,.partnership-details p,footer,footer p,.footer-note{font-size:16px!important}}

/* r6d: золото — естественный металл: вертикальный перелив на каждой строке (повтор по высоте строки), без диагональных полос по буквам */
.chapter-copy h2,.desktop-hero h1,.section-heading h2,.partnership-card h3,.regional h3,.catalogue-copy h3,.film-dialog h2,#film-title{line-height:1.12!important;background:linear-gradient(180deg,#fbf0cc 0%,#efd79a 22%,#d9b76a 42%,#b4923f 56%,#d8b86b 70%,#f3dfa3 86%,#e6c986 100%) 0 0/100% 1.12em repeat-y!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.wordmark,.subbrand,.tagline,.eyebrow,.cycle-caption,.section-heading .eyebrow{background:linear-gradient(180deg,#fff3cf 0%,#ead596 35%,#cfae5e 60%,#eccf8d 100%) 0 0/100% 1.4em repeat-y!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;line-height:1.4!important}

/* r6j (Founder 20:4x): оттенок золота — как было (r5q/r5r), переливы не трогать; только лёгкий золотистый блеск буквам */
.chapter-copy h2,.desktop-hero h1,.section-heading h2,.partnership-card h3,.regional h3,.catalogue-copy h3,.film-dialog h2,#film-title{background:linear-gradient(100deg,#e6cf98 0%,#c9ac79 45%,#a88a55 100%)!important;background-size:auto!important;background-repeat:no-repeat!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 0 2px rgba(255,232,170,.28))}
.wordmark,.subbrand,.eyebrow,.cycle-caption,.section-heading .eyebrow{background:none!important;-webkit-text-fill-color:initial!important}
.wordmark{color:#c6c1b9!important}.subbrand{color:var(--muted)!important}.eyebrow,.cycle-caption,.section-heading .eyebrow{color:var(--gold)!important}
.tagline{background:linear-gradient(135deg,#f3dfa0 0%,#c9a24f 45%,#f0d58a 70%,#a67c2e 100%)!important;background-size:auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 0 2px rgba(255,232,170,.25))}

/* r7a (Founder 22:4x): золотые заголовки — хвосты букв (g, y, p) не срезаются: фон градиента покрывает нижние выносные элементы */
.chapter-copy h2,.desktop-hero h1,.section-heading h2,.partnership-card h3,.regional h3,.catalogue-copy h3,.film-dialog h2,#film-title{line-height:1.2!important;padding-bottom:.16em!important;margin-bottom:.1em!important;background-size:100% 100%!important}
