/* Offline candidate. Yantramanav files are pending; the system fallback is used. */
:root{--text:#f5f5f3;--muted:#c3c3bf}
body{font-family:"Yantramanav",Arial,sans-serif;font-weight:300}
h1,h2,h3{color:var(--text);font-weight:300}
button,input,select,textarea{font-weight:300}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.skip-link{position:fixed;top:10px;left:10px;padding:12px 20px;background:#101313;border:1px solid var(--gold);z-index:20;transform:translateY(-180%)}
.skip-link:focus{transform:none}
.hero-video{margin:0;min-width:0}
.desktop-hero h1{font-size:clamp(51px,4.9vw,70px);letter-spacing:-.035em}
.desktop-hero p{font-size:23px;color:var(--muted)}
.desktop-hero .film{position:relative}
.poster-layers{position:absolute;inset:4px;overflow:hidden;border-radius:3px;z-index:-1;background:#080b0b;pointer-events:none}
.poster-layers img{display:block;width:100%;height:100%}
.poster-back{position:absolute;inset:0;object-fit:cover;filter:blur(24px) brightness(.45);transform:scale(1.15)}
.poster-layers .poster-front{position:absolute;top:0;left:50%;transform:translateX(-50%);width:auto;height:100%;aspect-ratio:9/16;object-fit:contain;box-shadow:0 0 36px #0009}
.poster-wide{object-fit:cover;opacity:.65}
/* Real video frames (slots 02/03): whole frame, never cropped or stretched. */
.poster-layers.real{background:#000}
.poster-layers picture{display:block;width:100%;height:100%}
.poster-layers .poster-real{object-fit:contain;opacity:1;background:#000}
.poster-layers.real::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000a 0%,#0000 26%,#0000 64%,#000b 100%)}
/* Hero carousel (slot 01): arrows + swipe, no autoplay. Film list lives in site.js (HERO_FILMS). */
.hero-stage{position:relative;min-width:0;align-self:center}
.hero-stage .film{align-self:stretch}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;padding:0;display:grid;place-items:center;background:#000b;border:1px solid var(--gold);color:var(--gold);cursor:pointer;transition:background .2s,border-color .2s}
.hero-arrow span{display:block;font-size:34px;line-height:1;font-weight:100;transform:translateY(-3px)}
.hero-arrow.prev{left:-23px}.hero-arrow.next{right:-23px}
.hero-arrow:hover{background:#c9ac7922;border-color:#f1d9a6}
.hero-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
.film-video{display:block;width:100%;aspect-ratio:16/9;max-height:62dvh;margin:26px 0;background:#000;object-fit:contain;border:1px solid var(--line)}
.film-video.portrait{aspect-ratio:9/16;max-height:60dvh}
.film-top,.film-label,.tile-number,.tile-copy,.play{position:relative;z-index:1}
.film-label,.tile-title{text-transform:none;letter-spacing:0}
.film-label{font-size:21px;line-height:1.2}
.film-label small{margin-top:6px;font-size:15px;color:var(--muted)}
.film-top{font-weight:400;text-shadow:0 1px 4px #000}
.cycle-caption{text-align:center;color:var(--muted);font-size:17px;line-height:1.5;padding-top:20px;word-spacing:5px}
.cycle-caption span{color:var(--gold)}
.chapter-grid{align-items:start;margin-bottom:44px}
.chapter-card{min-width:0}
.chapter-copy{padding:26px 14px 0}
.chapter-copy h2{font-size:32px;line-height:1.13;letter-spacing:-.025em;margin-bottom:16px}
.chapter-copy p,.partnership p,.enquiry p{font-size:20px;line-height:1.7;color:var(--muted)}
.chapter-copy .tags{list-style:none;padding:0;gap:9px;margin:22px 0 0;display:flex;flex-direction:column;font-size:16px;line-height:1.45;color:#d8cbb1;letter-spacing:0}
.tags li{border-left:1px solid var(--line);padding-left:12px}
.document-button{font-size:16px;line-height:1.4;letter-spacing:.02em;padding:14px 18px;min-height:48px;transition:background .2s,border-color .2s}
.document-button:hover{border-color:var(--gold)}
.chapter-copy .document-button{margin-top:24px}
.section-heading{margin-bottom:28px}
.section-heading h2{font-size:44px;line-height:1.15;letter-spacing:-.035em;margin:12px 0 20px}
.partnership{padding:48px 22px 42px;border-top:1px solid var(--line)}
.partnership-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.partnership-card{padding:32px;display:flex;align-items:flex-start;flex-direction:column}
.partnership h3{font-size:30px;line-height:1.2;letter-spacing:-.02em;margin-bottom:18px}
.partnership-card p{margin-bottom:16px;max-width:none}
.partnership-card .model-line{font-size:18px;margin-bottom:12px}
.model-line span{color:#e3c58e;font-weight:400}
.partnership-card .document-button{margin-top:auto}
.partnership-details{margin-top:24px}
.partnership-details summary{font-size:20px;padding:20px 28px 18px 0;color:var(--text)}
.partnership-details p{font-size:18px;max-width:1100px;padding-bottom:22px}
.regional{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.regional h3{font-size:25px;margin-bottom:12px}
.regional p{max-width:800px;font-size:18px}
.regional .document-button{margin-top:0}
.partnership .terms{font-size:17px;margin-top:24px}
.partnership .exhibitions{font-size:18px;color:#ddc69c;margin-top:18px;max-width:none}
.enquiry{padding:46px 22px 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;scroll-margin-top:30px}
.enquiry .section-heading h2{max-width:360px}
.enquiry .section-heading p{max-width:340px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{display:flex;flex-direction:column;gap:9px;min-width:0}
.field-wide{grid-column:1/-1}
.field label{font-size:17px;color:#e5e2db}
.field label span{color:var(--muted);font-size:15px}
input,select,textarea{width:100%;min-width:0;background:#0b0e0f;border:1px solid #a98d5c;border-radius:0;color:var(--text);padding:13px 14px;font-size:20px;min-height:48px}
select{color-scheme:dark}textarea{margin:0;min-height:120px;resize:vertical}
.consent{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-size:16px;line-height:1.6;color:var(--muted);cursor:pointer}
.consent input{width:18px;height:18px;min-height:0;flex:0 0 18px;margin:2px 0 0;accent-color:var(--gold)}
.privacy-link{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.enquiry .local-preview{font-size:15px;color:#b7ac97;margin-top:20px;line-height:1.5}
.submit-button{margin-top:18px;background:#c9ac7910;color:#f5e4c6}
.submit-button:disabled{opacity:.5;cursor:not-allowed}
.enquiry .form-status{margin-top:20px;padding:16px;border-left:2px solid var(--gold);color:var(--text);background:#c9ac7909;font-size:20px}
[hidden]{display:none!important}
.video-placeholder{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9}
.video-placeholder .poster-layers{inset:0}
.video-placeholder .poster-caption{font-size:25px;color:#e5d0ac;z-index:1;position:relative;text-align:center}
.video-note{margin-top:12px}
.film-dialog .dialog-body{padding:32px}
.film-dialog h2{font-size:34px}
@media(min-width:801px) and (max-width:1279px){html,body{min-width:0}.shell{min-width:0}.desktop-hero{gap:28px;padding-left:16px;padding-right:16px}.desktop-hero h1{font-size:52px}.desktop-hero p{font-size:21px}.desktop-hero .play{width:70px;height:70px}.chapter-tile.widescreen{padding:16px}.chapter-tile .play{width:48px;height:48px}.chapter-copy h2{font-size:27px}.enquiry{gap:32px}.regional{gap:24px}}
@media(max-width:800px){
 html,body{min-width:0;width:100%}body{padding:10px}
 .shell{min-width:0;width:100%;padding:0 13px}
 header{height:84px;margin:0 -13px;padding:0 20px;gap:12px}
 .wordmark{font-size:17px;letter-spacing:.28em}.subbrand{font-size:10px}
 .menu-button{display:block!important;flex-shrink:0}
 nav{display:none!important;position:absolute;top:84px;left:0;right:0;background:#0b0d0efa;padding:16px 20px;border-bottom:1px solid var(--line);gap:24px;font-size:16px;z-index:10}
 nav.open{display:flex!important}
 .desktop-hero{grid-template-columns:1fr;gap:27px;padding:35px 7px 28px}
 .desktop-hero h1{font-size:44px;line-height:1.07;letter-spacing:-.04em;margin:18px 0}
 .desktop-hero p{font-size:20px;line-height:1.65}
 .eyebrow{font-size:12px}
 .desktop-hero .film{padding:17px;aspect-ratio:16/9}
 .desktop-hero .film-top{font-size:10px}
 .desktop-hero .play{width:56px;height:56px}.desktop-hero .play svg{width:22px;height:22px}
 .film-label{font-size:17px}.film-label small{font-size:14px;margin-top:3px}
 .cycle-caption{font-size:16px;padding-top:17px;word-spacing:2px}
 .chapter-grid{grid-template-columns:1fr;gap:32px;margin:28px 0 34px}
 .chapter-tile.widescreen{padding:18px 20px;aspect-ratio:16/9}
 .chapter-tile.widescreen.has-video{aspect-ratio:9/16}
 .desktop-hero .film.has-video{aspect-ratio:9/16}
 .hero-arrow{width:40px;height:40px}.hero-arrow span{font-size:30px}
 .hero-arrow.prev{left:8px}.hero-arrow.next{right:8px}
 .chapter-tile .tile-number{font-size:14px}.chapter-tile .play{width:56px;height:56px}
 .tile-title{font-size:22px}.tile-subtitle{font-size:15px;margin-top:4px}
 .chapter-copy{padding:24px 7px 0}.chapter-copy h2{font-size:32px}.chapter-copy p{font-size:20px}
 .partnership{margin:0;padding:32px 7px}
 .section-heading h2{font-size:35px;margin-bottom:17px}
 .partnership-grid{grid-template-columns:1fr;gap:20px}.partnership-card{padding:26px 22px}
 .partnership h3{font-size:29px}.partnership-card p{font-size:20px}.partnership-card .document-button{margin-top:10px}
 .regional{grid-template-columns:1fr;gap:20px;padding:26px 0}.regional h3{font-size:26px}.regional .document-button{justify-self:start}
 .partnership-details p{font-size:18px}.partnership-details summary{font-size:20px}
 .enquiry{grid-template-columns:1fr;gap:5px;padding:32px 7px 40px}
 .enquiry .section-heading h2,.enquiry .section-heading p{max-width:none}
 .form-grid{grid-template-columns:1fr;gap:20px}.field-wide{grid-column:auto}
 footer{padding:19px 14px;margin:13px 0 15px;gap:12px;flex-wrap:wrap;font-size:14px}
 .footer-note{font-size:14px;padding-left:28px}.footer-back{font-size:14px}
 .film-dialog{width:94vw;max-width:94vw}.film-dialog .dialog-body{padding:26px 20px}.film-dialog h2{font-size:28px}
 .video-placeholder .poster-caption{font-size:21px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Opaque caption panels guarantee contrast independently of the poster pixels. */
.film-top,.film-label,.tile-number,.tile-copy,.video-placeholder .poster-caption{background:#080b0b;color:#f5f5f3;border-radius:3px;padding:5px 8px;text-shadow:none}
.film-top .count,.chapter-tile .tile-number{color:#efd19a}
.chapter-tile .tile-number{justify-self:start;padding:5px 8px}
.film-label small,.tile-subtitle{color:#c3c3bf}
.hero-arrow:disabled{display:none}
#email-draft{margin-top:20px}
#email-draft label{display:block;color:var(--text);font-size:17px;line-height:1.5}
#email-body{margin-top:10px;font-size:16px;line-height:1.5}
.local-preview a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#open-email{scroll-margin:24px}
.film-dialog .close{z-index:2;background:#0b0d0e;border-radius:3px}

/* r5 (Founder 28.10 22:17/22:23/22:3x): десктоп как r4; на телефоне заголовки над видео, утверждение, вторая строка по центру */
.h2-brand::before{content:" "}
@media(max-width:800px){
 .chapter-card{display:flex;flex-direction:column}.chapter-copy{display:contents}
 .chapter-copy h2{order:-1;margin:0 7px 12px}
 .chapter-copy h2.h2-two{text-align:center}
 .h2-brand{display:block;letter-spacing:.12em}.h2-brand::before{content:none}
}

/* r5f (Founder 28.10 23:3x): на десктопе диалог видео во весь экран, кадр целиком без обрезки */
@media(min-width:801px){
 .film-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;background:#000}
 .film-dialog .dialog-body{padding:20px 40px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
 .film-dialog h2{font-size:24px;margin:0 0 6px}
 .film-video{width:100%;height:auto;max-height:calc(100dvh - 140px);aspect-ratio:auto;margin:10px 0;object-fit:contain;background:#000}
}

/* r5g (Founder 28.10 23:4x): кадр главного блока на десктопе строго 16:9, картинка на всю рамку без среза */
@media(min-width:801px){.hero-stage .film{align-self:start}.desktop-hero .film{aspect-ratio:16/9;height:auto;width:100%}.poster-layers .poster-real{object-fit:cover}}

/* r5h (Founder 28.10 23:4x): картинка целиком во всю рамку, рамка 16:9 жёстко */
@media(min-width:801px){.desktop-hero .film{aspect-ratio:16/9!important;height:auto!important;max-height:none!important;width:100%}.desktop-hero .poster-layers{inset:0}.desktop-hero .poster-layers .poster-real{object-fit:contain;width:100%;height:100%}}

/* r5i (Founder 28.10 23:3x): обложка заполняет всю рамку (увеличение), рамка 16:9 по внешнему боксу */
@media(min-width:801px){.desktop-hero .film{box-sizing:border-box!important;aspect-ratio:16/9!important;height:auto!important}.desktop-hero .poster-layers{inset:0!important}.desktop-hero .poster-layers .poster-real{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;opacity:1!important}}

/* r5m (Founder 29.10 00:1x): убрать тёмную полосу сверху на видео главной */
@media(min-width:801px){.desktop-hero .film .film-top{background:transparent!important;box-shadow:none!important;border:0!important;padding:6px 10px!important}.desktop-hero .film .film-top span{background:transparent!important}}

/* r5n: ссылка на каталог Products & Services в разделе Partnership (Founder 29.10 18:4x) */
.catalogue-line{margin:14px 0 0;display:flex;justify-content:center}
.catalogue-line .document-button{display:inline-flex;align-items:center;gap:8px}

/* r5o: блок «Catalogue» — Products & Services (Founder 29.10 18:5x: крупнее, читаемо, красиво) */
.catalogue .section-heading{margin-bottom:24px}
.catalogue-card{display:grid;grid-template-columns:minmax(260px,34%) 1fr;gap:36px;align-items:center;padding:36px 40px;text-decoration:none;color:inherit;border:1px solid rgba(201,168,106,.55);border-radius:18px;transition:border-color .2s,transform .2s}
.catalogue-card:hover{border-color:#e2c98c;transform:translateY(-2px)}
.catalogue-cover{aspect-ratio:1200/1103;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 48px rgba(0,0,0,.55)}
.catalogue-cover img{width:100%;height:100%;object-fit:cover;display:block}
.catalogue-copy h3{font-size:32px;line-height:1.15;margin:0 0 14px;font-weight:400;letter-spacing:.01em}
.catalogue-copy p{font-size:18px;line-height:1.5;color:rgba(255,255,255,.78);max-width:56ch;margin:0 0 24px}
.catalogue-button{display:inline-flex;align-items:center;gap:10px;font-size:18px;padding:14px 26px;border-color:#c9a86a;color:#e2c98c}
@media(max-width:800px){.catalogue-card{grid-template-columns:1fr;padding:24px;gap:20px}.catalogue-cover{max-width:320px;margin:0 auto}.catalogue-copy h3{font-size:26px}}

/* r5p: варианты стилизации заголовков глав (показ Founder 29.10 18:4x); активируется классом на <html> */
html.h2a .chapter-copy h2{font-weight:400;letter-spacing:.01em;background:linear-gradient(100deg,#e6cf98 0%,#c9ac79 45%,#a88a55 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html.h2a .chapter-copy h2 .h2-brand{color:transparent}
html.h2b .chapter-copy h2{font-weight:300;letter-spacing:.005em;color:#eeeae4}
html.h2b .chapter-copy h2 .h2-brand{color:#c9ac79}
html.h2b .chapter-copy h2::after{content:"";display:block;width:56px;height:1px;margin-top:12px;background:linear-gradient(90deg,#c9ac79,rgba(201,172,121,0))}
html.h2c .chapter-copy h2{font-weight:400;letter-spacing:.06em;text-transform:uppercase;font-size:22px;color:#c9ac79}
html.h2c .chapter-copy h2 .h2-brand{color:#c9ac79}

/* r5q (Founder 29.10 18:5x): вариант A принят — золотой градиент на заголовках глав и на главном заголовке, десктоп и телефон */
.chapter-copy h2,.desktop-hero h1{font-weight:400;letter-spacing:.01em;background:linear-gradient(100deg,#e6cf98 0%,#c9ac79 45%,#a88a55 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.chapter-copy h2 .h2-brand{color:transparent}

/* r5r (Founder 29.10 18:5x): все крупные заголовки сайта — золотой градиент */
.section-heading h2,.partnership-card h3,.regional h3,.catalogue-copy h3,.film-dialog h2,#film-title{font-weight:400;background:linear-gradient(100deg,#e6cf98 0%,#c9ac79 45%,#a88a55 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* r5s (Founder 29.10 18:5x): убрать таблички с надписями поверх видео — чистые кадры, только кнопка воспроизведения */
.film-top,.film-label,.tile-number,.tile-copy{display:none!important}

/* r5t: кнопка воспроизведения строго по центру кадра (после скрытия табличек) */
.film .play,.chapter-tile .play{position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important}

/* r5u (Founder 29.10 18:5x): верхнее меню убрано */
header{justify-content:flex-start}

/* r5v: меню и кнопка меню скрыты (элементы оставлены для скрипта) */
#navigation,.menu-button{display:none!important}

/* r5w (Founder 29.10 19:09): справа в шапке — золотая надпись прописью, не крупнее RAMSIDER */
@font-face{font-family:"Great Vibes";src:url(fonts/GreatVibes-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
header{justify-content:space-between}
.tagline{font-family:"Great Vibes",cursive;font-size:26px;line-height:1.1;letter-spacing:.02em;text-align:right;white-space:nowrap;background:linear-gradient(135deg,#f3dfa0 0%,#c9a24f 45%,#f0d58a 70%,#a67c2e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:2px}
@media(max-width:800px){.tagline{font-size:19px;white-space:normal;max-width:46%}}
/* r5w2: надпись в шапке не раздвигает страницу на телефоне */
header{min-width:0}.tagline{min-width:0;flex:0 1 auto}
@media(max-width:800px){.tagline{white-space:normal;max-width:48%;font-size:18px;line-height:1.05}}
/* r5y (Founder 19:15): фраза 5, шрифт как у RAMSIDER (wordmark), золото, не крупнее логотипа */
.tagline{font-family:inherit;font-size:15px;letter-spacing:.24em;text-transform:uppercase;line-height:1.3;white-space:nowrap}
@media(max-width:800px){.tagline{font-size:10px;letter-spacing:.2em;white-space:normal;max-width:50%;line-height:1.4}}

/* r5z (Founder 19:49): правый край надписи = правый край рамки видео (замер 1600: +9 px) */
@media(min-width:801px){.tagline{padding-right:11px}}

/* r6a (Founder 19:50): все надписи — «настоящее золото» тем же градиентом, что рамки видео (.glass border-box) */
.chapter-copy h2,.desktop-hero h1,.section-heading h2,.partnership-card h3,.regional h3,.catalogue-copy h3,.film-dialog h2,#film-title,.wordmark,.subbrand,.tagline,.eyebrow,.cycle-caption,.section-heading .eyebrow{background:linear-gradient(130deg,#fff7d8 0%,#c99a4a 12%,#fff0c4 24%,#8a6224 36%,#d4a553 51%,#fff4c7 72%,#9c7230 87%,#ffebaa 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.chapter-copy h2 .h2-brand{color:transparent;-webkit-text-fill-color:transparent}

/* r6h (Founder 20:18): на телефоне обложка главного видео без затемнения низа — станция целиком видна */
@media(max-width:800px){.desktop-hero .poster-layers.real::after{background:linear-gradient(180deg,#0007 0%,#0000 16%,#0000 100%)!important}}

/* r6i: на телефоне карточка главного видео 4:5 — станция целиком на первом экране */
@media(max-width:800px){.desktop-hero .film.has-video{aspect-ratio:4/5!important}.desktop-hero .poster-layers .poster-real{object-fit:cover!important;object-position:center!important}}

/* r6l (Founder 20:47, фото m3898): обложка главного видео на телефоне = фото станции целиком, карточка в пропорции фото */
@media(max-width:800px){.desktop-hero .film.has-video{aspect-ratio:591/1280!important}}

/* r6n (Founder 21:2x): на телефоне без стеклянных засветов на карточках видео/фото */
@media(max-width:800px){.film.glass:before,.film.glass:after,.chapter-tile.glass:before,.chapter-tile.glass:after{display:none!important}}

/* r6q (Founder 21:3x): кнопка воспроизведения — чистая: без «мазка»-блика и размытой тени, чёткий золотой треугольник */
.play:after{display:none!important}
.play{opacity:1!important;background:radial-gradient(circle at 50% 50%,#0b0c0ccc,#000000b3 70%)!important;border:1.5px solid #d9b86a!important;box-shadow:0 0 0 1px #00000066,0 4px 14px #00000080!important}
.play svg{fill:none!important;filter:none!important;margin-left:3px}
.play svg path{stroke:#e6cf98!important;stroke-width:1.6!important;fill:#e6cf9833!important}

/* r6r (Founder 21:4x): карточка первого видео на телефоне короче — станция от устройств до основания, без длинного кадра */
@media(max-width:800px){.desktop-hero .film.has-video{aspect-ratio:748/1220!important}}

/* r6t (Founder 21:5x): обложка первого видео на телефоне = фото со стр. 6 каталога (девушка со станцией), карточка в пропорции фото */
@media(max-width:800px){.desktop-hero .film.has-video{aspect-ratio:1172/1804!important}}

/* r6u (Founder 22:0x): никаких бликов и переливов внутри рамок видео/фото — на десктопе и телефоне */
.film.glass:before,.film.glass:after,.chapter-tile.glass:before,.chapter-tile.glass:after,.catalogue-card.glass:before,.catalogue-card.glass:after{display:none!important}
.poster-layers.real::after{background:none!important}
.film:hover{box-shadow:0 16px 40px #000!important}

/* r6v (Founder 21:4x): текст под плитками одного цвета — без теней карточек поверх текста и без затемнений */
@media(max-width:800px){.chapter-tile.glass,.film.glass,.catalogue-card.glass{box-shadow:none!important}.chapter-copy p,.chapter-copy li,.chapter-copy .tags li{color:#ececec!important;opacity:1!important;text-shadow:none!important}.chapter-copy,.chapter{background:none!important}}

/* r6w (Founder 22:01): золотая полоса над «Why Partners» на телефоне — ровная, без бликов по центру */
@media(max-width:800px){.desktop-hero:after,.chapter:after,.index:after{display:none!important}.desktop-hero{border-bottom:1px solid #c9ac79!important;border-image:none!important;box-shadow:none!important}.chapter,.index{border-image:none!important}}

/* r6x (Founder 22:04): блок «Mini Station» (инновация), фото планшета на плитке 4, тонкие полосы на телефоне убраны */
.mini-card{grid-template-columns:minmax(280px,46%) 1fr}
.mini-photo{overflow:hidden;border-radius:12px;border:1px solid rgba(201,168,106,.45)}
.mini-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.mini-card{grid-template-columns:1fr}.reference-strip{border-top:0!important}.section-heading{border:0!important}.section-heading:after,.section-heading:before{display:none!important}.partnership-details,.partnership-details summary,.partnership-details>*{border:0!important;box-shadow:none!important}.partnership-details summary:after,.partnership-details summary:before,.partnership-card:after{display:none!important}}

/* r6y (Founder 22:1x): фото Mini Station крупнее, без отражения снизу и пустоты сверху */
@media(min-width:801px){.mini-card{grid-template-columns:minmax(320px,54%) 1fr;gap:32px;padding:28px 36px}}
.mini-photo{aspect-ratio:5000/3290}

/* r6z: список функций Mini Station — как список в главах (тонкие золотые штрихи), в две колонки на десктопе */
.mini-tags{list-style:none;padding:0;margin:18px 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.mini-tags li{padding-left:12px;border-left:1px solid #c9ac7988;font-size:17px;line-height:1.4;color:#ececec}
@media(max-width:800px){.mini-tags{grid-template-columns:1fr}.mini-tags li{font-size:16px}}

/* r7c (Founder 22:45): плитка 2 на телефоне — кадр с Founder из 4K-мастера (ролик 2, 26 с), пол подрезан, карточка в пропорции кадра */
@media(max-width:800px){.chapter-tile[data-film="1"].widescreen{aspect-ratio:2160/2900!important;height:auto!important}.chapter-tile[data-film="1"] .poster-real{object-fit:cover!important;object-position:center!important}}

/* r7d (Founder 22:52): плитки 3 и 4 на телефоне — кадр короче: без светильника сверху (плитка 3), до мундштуков (плитка 4) */
@media(max-width:800px){.chapter-tile[data-film="2"].widescreen{aspect-ratio:3483/5092!important;height:auto!important}.chapter-tile[data-film="3"].widescreen{aspect-ratio:4128/5892!important;height:auto!important}.chapter-tile[data-film="2"] .poster-real,.chapter-tile[data-film="3"] .poster-real{object-fit:cover!important;object-position:center!important}}

/* r7h (Founder 23:11): на телефоне текст под плитками ниже — по центру между рамкой и кнопкой/списком */
@media(max-width:800px){.chapter-copy p{margin-top:28px!important;margin-bottom:22px!important}.chapter-copy .tags,.chapter-copy .document-button{margin-top:4px!important}.chapter-tile{margin-bottom:0!important}}

/* r7i (Founder 23:14): единый ритм на телефоне — одинаковый воздух над каждым заголовком и между заголовком и рамкой */
@media(max-width:800px){.chapter{padding:52px 0 10px!important;margin:0!important}.chapter-copy h2{margin:0 0 26px!important}.chapters{gap:0!important}.section-heading{padding-top:52px!important;margin:0 0 26px!important}.section-heading .eyebrow{margin-bottom:10px!important}.section-heading h2{margin:0!important}.catalogue,.mini-station,.partnership,.enquiry,.reference-strip{padding-top:0!important;margin-top:0!important}.catalogue-card,.mini-card{margin-top:0!important}}


/* r7l — ритм телефона
   Only outer spacing: preserve card interiors and the hero's title/text/video order.
   Explicit selectors outrank r7h/r7i and the later typography.css !important rules.
   Measure gaps between rendered border boxes, including heading descender padding. */
@media (max-width:800px) {
  /* One owner for section gaps; no stacked section padding or collapsing margins. */
  .shell > main {
    display:flex;
    flex-direction:column;
    gap:56px;
    padding-top:56px;
  }
  .shell > main > section {
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    border-top:0!important;
    border-bottom:0!important;
  }
  .shell > main > .desktop-hero {
    grid-template-columns:1fr;
    row-gap:24px;
  }
  .shell .desktop-hero > div:first-child > .eyebrow {
    margin-top:0!important;
    margin-bottom:8px!important;
  }
  .shell .desktop-hero h1 {
    margin-top:0!important;
    margin-bottom:24px!important;
  }
  .shell .desktop-hero > div:first-child > p {
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .shell .desktop-hero > .hero-video {
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .shell .hero-video > .cycle-caption {
    padding-top:0;
    margin-top:24px;
  }

  /* display:contents on chapter-copy keeps heading/video/text in the same flex flow. */
  .shell > main > .chapter-grid {
    grid-template-columns:1fr;
    gap:56px;
  }
  .shell .chapter-card {
    display:flex;
    flex-direction:column;
    gap:0;
    margin-top:0;
    margin-bottom:0;
  }
  .shell .chapter-card > .chapter-copy { display:contents; }
  .shell .chapter-card > .chapter-copy > h2 {
    order:-1;
    margin-top:0!important;
    margin-bottom:24px!important;
  }
  .shell .chapter-card > .chapter-tile {
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .shell .chapter-card > .chapter-copy > p {
    margin-top:24px!important;
    margin-bottom:0!important;
  }
  .shell .chapter-card > .chapter-copy > .tags,
  .shell .chapter-card > .chapter-copy > .document-button {
    margin-top:16px!important;
    margin-bottom:0!important;
  }

  /* Section headings: eyebrow -> title -> card. Card contents are untouched. */
  .shell > main > section > .section-heading {
    padding-top:0!important;
    padding-bottom:0!important;
    margin-top:0!important;
    margin-bottom:24px!important;
  }
  .shell > main > section > .section-heading > .eyebrow {
    margin-top:0!important;
    margin-bottom:8px!important;
  }
  .shell > main > section > .section-heading > h2 {
    margin-top:0!important;
    margin-bottom:0!important;
  }

  /* Partnership's unframed follow-up blocks use the same section rhythm. */
  .shell .partnership > .partnership-details {
    margin-top:56px;
    margin-bottom:0;
  }
  .shell .partnership-details > summary { padding-top:0; padding-bottom:24px; }
  .shell .partnership-details > p { padding-bottom:0; margin-bottom:0; }
  .shell .partnership > .regional {
    margin-top:56px;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    border-top:0;
    border-bottom:0;
    gap:16px;
  }
  .shell .regional > div > h3 { margin-top:0!important; margin-bottom:24px!important; }
  .shell .regional > .document-button { margin-top:0; margin-bottom:0; }
  .shell .partnership > .terms { margin-top:16px; margin-bottom:0; }
  .shell .partnership > .exhibitions { margin-top:16px; margin-bottom:0; }

  /* The enquiry intro stays above the form; fields retain their internal layout. */
  .shell > main > .enquiry { grid-template-columns:1fr; gap:16px; }
  .shell > main > .enquiry > .section-heading { margin-bottom:0!important; }
  .shell > main > .enquiry > .section-heading > h2 { margin-bottom:24px!important; }
  .shell > main > .enquiry > .section-heading > p { margin-top:0; margin-bottom:0; }
  .shell > main > .enquiry > form { margin-top:0; margin-bottom:0; }
  .shell > footer { margin-top:56px; }
}


/* r7m — ритм десктопа. Append only; mobile and hero internals are untouched.
   DOM border-box gaps; keep the typography descender padding.
   A section separator occupies 1px: 35.5px + 1px + 35.5px = 72px. */
@media (min-width:801px) {
  main > .chapter-grid {
    margin-top:calc(72px - 40px - 1px); /* Existing hero padding and border. */
    margin-bottom:0;
  }
  .chapter-card .chapter-copy {
    display:flex;
    flex-direction:column;
    padding-top:24px;
  }
  .chapter-card .chapter-copy h2 {
    margin:0 0 14px !important;
  }
  .chapter-card .chapter-copy p {
    margin:0;
  }
  .chapter-card .chapter-copy .tags,
  .chapter-card .chapter-copy .document-button {
    margin-top:18px;
    margin-bottom:0;
  }
  .chapter-card .chapter-copy .document-button {
    align-self:flex-start;
  }

  main > .reference-strip,
  main > .enquiry {
    margin-top:35.5px;
    margin-bottom:0;
    padding-top:35.5px;
    padding-bottom:0;
  }
  main > section .section-heading {
    margin-top:0;
    margin-bottom:28px;
    padding-top:0;
  }
  main > section .section-heading .eyebrow {
    margin:0 0 10px;
  }
  main > section .section-heading h2 {
    margin:0 !important;
  }
  main > .reference-strip > .catalogue-card,
  main > .reference-strip > .partnership-grid {
    margin-top:0;
    margin-bottom:0;
  }

  /* Secondary Partnership blocks share the section rhythm. */
  .partnership .partnership-details {
    margin-top:72px;
    margin-bottom:0;
  }
  .partnership .partnership-details summary {
    padding:0 28px 0 0;
  }
  .partnership .partnership-details p {
    margin:28px 0 0;
    padding-bottom:0;
  }
  .partnership .regional {
    margin-top:35.5px;
    padding-top:35.5px;
    padding-bottom:35.5px;
  }
  .partnership .regional h3 {
    margin:0 0 28px !important;
  }
  .partnership .regional p {
    margin:0;
  }
  .partnership .terms {
    margin-top:35.5px;
  }

  /* Retain the desktop columns; start the form below the heading. */
  main > .enquiry {
    row-gap:0;
  }
  main > .enquiry .section-heading {
    display:contents;
  }
  main > .enquiry .section-heading .eyebrow {
    grid-column:1;
    grid-row:1;
  }
  main > .enquiry .section-heading h2 {
    grid-column:1;
    grid-row:2;
    margin-bottom:28px !important;
  }
  main > .enquiry .section-heading p {
    grid-column:1;
    grid-row:3;
    margin:0;
  }
  main > .enquiry > form {
    grid-column:2;
    grid-row:3;
    align-self:start;
    margin:0;
  }
  .shell > footer {
    margin-top:72px;
  }
}