/* Макет 3: переходы версии 1 + блоки с заголовками версии 2 (на каждую остановку свой). */
:root{--grey:#b3b3ba;--serif:'Cormorant Garamond','Cormorant','Times New Roman',serif}
.js .chapter.has-block{filter:none;text-align:left;font-family:var(--serif);font-weight:500;padding:0;max-height:78svh;top:50%;left:auto;right:auto;transform:translateY(-50%);width:min(480px,40vw)}
.js .chapter.has-block[data-side=right]{right:clamp(20px,5vw,96px)}
.js .chapter.has-block[data-side=left]{left:clamp(20px,5vw,96px)}
.js .chapter.has-block[data-side=left-high]{left:clamp(20px,5vw,96px);top:27%;transform:none}
.offer-count{font-variant-numeric:lining-nums tabular-nums}
.chapter.has-block .block{padding:clamp(22px,2.2vw,34px) clamp(22px,2.4vw,38px) clamp(24px,2.4vw,36px);background:linear-gradient(rgba(8,11,26,.88),rgba(8,11,26,.8));border-top:1px solid rgba(233,189,102,.55);box-shadow:0 24px 60px rgba(3,5,14,.35)}
.chapter.has-block .block-heading{margin:0 0 .45em;font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,2.5vw,2.4rem);line-height:1.1;letter-spacing:0;text-wrap:balance}
.chapter.has-block .block-text{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(1.18rem,1.4vw,1.38rem);line-height:1.5;text-wrap:pretty;color:var(--ivory)}
.chapter.has-block .block-text.is-placeholder{color:var(--grey)}
.chapter.has-block .block-text[hidden]{display:none}
.chapter.has-block .copy,.chapter.has-block .offer-spread{max-width:none;margin:10px 0 0}
.chapter.has-block .offer-spread:not(:empty){grid-template-columns:1fr}
.chapter.has-block .offer-spread article+article{border-left:0;border-top:1px solid #e9bd6650;padding:20px 0 0}
.chapter.has-block .carousel{justify-content:flex-start;margin-top:16px}
.chapter.has-block .back-top{margin-top:18px}
/* плавное появление: блок поднимается на место, пока сцена проявляется */
.js .chapter.has-block .block{transform:translateY(calc(var(--reveal,0)*22px))}
@media(prefers-reduced-motion:reduce){.js .chapter.has-block .block{transform:none}}
/* телефон: блок внизу экрана, главный предмет остаётся виден */
@media(max-width:700px){
  .js .chapter.has-block,.js .chapter.has-block[data-side]{left:12px;right:12px;width:auto;top:auto;bottom:max(14px,env(safe-area-inset-bottom));transform:none;max-height:42svh}
  .chapter.has-block .block{padding:16px 18px 18px;background:linear-gradient(rgba(8,11,26,.86),rgba(8,11,26,.8))}
  .chapter.has-block .block-heading{font-size:1.55rem;margin-bottom:.3em}
  .chapter.has-block .block-text{font-size:1.1rem;line-height:1.42}
}