/* Страницы программ и блога в дизайн-системе «Кинематографическая сказка». */
.cinematic-interior{background:#f7f0e9}
.cinematic-interior .header{background:rgba(37,20,31,.94)}
.cinematic-interior .header .logo__name{color:#f8eee6}
.cinematic-interior .header .logo__sub{color:#d8c7c3}
.cinematic-interior .header .header__cta{animation:none;color:#f8eee6!important}
.cinematic-interior .header__nav a{color:#f2e5df}
.cinematic-interior .header__nav a:hover{color:#e3a184}
.cinematic-interior .breadcrumbs{color:#857078;font-size:12px;line-height:1.4;letter-spacing:.035em}
.cinematic-interior .breadcrumbs a{color:#955d4b;text-decoration:none}
.cinematic-interior .breadcrumbs a:hover{color:#6f3a36;text-decoration:underline}
.cinematic-interior .breadcrumbs span{color:#927d81}
.cinematic-interior .program-hero .breadcrumbs a{color:#e6c6b9}
.cinematic-interior .program-hero .breadcrumbs span{color:#d1b5ba}

/* Афиша отдельного спектакля: видео — часть первого экрана. */
.cinematic-interior .program-hero{padding:clamp(120px,11vw,160px) 0 clamp(64px,7vw,94px);background:radial-gradient(circle at 7% 12%,rgba(147,78,98,.2),transparent 34%),radial-gradient(circle at 87% 83%,rgba(196,123,97,.12),transparent 34%),linear-gradient(130deg,#25141f,#3d2535);color:#f8eee6;border-bottom:1px solid rgba(227,161,132,.27)}
.cinematic-interior .program-hero .breadcrumbs{margin-bottom:clamp(30px,4vw,56px)}
.cinematic-interior .program-hero .hero__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(34px,5vw,80px);row-gap:20px;align-items:center}
.cinematic-interior .program-hero .hero__title{max-width:560px;margin:0;display:flex;flex-direction:column;gap:11px;color:#f8eee6;font:400 clamp(60px,6vw,98px)/.98 var(--font-display);letter-spacing:-.05em;text-wrap:balance}
.cinematic-interior .program-hero .hero__title span{display:block}
.cinematic-interior .program-hero .hero__title em{display:block;max-width:550px;margin:0;padding:0;background:none;color:#e3a184;-webkit-text-fill-color:#e3a184;font:italic 400 .42em/1.13 var(--font-display);letter-spacing:-.025em}
.cinematic-interior .program-hero .hero__lead{max-width:530px;margin:8px 0 8px;color:#e3d2cf;font-size:17px;line-height:1.65}
.cinematic-interior .program-hero .hero__cta{margin-top:6px}
.cinematic-interior .program-hero .hero__microtext{margin-top:13px;color:#d1b8b8;font-size:12px;letter-spacing:.07em;text-transform:uppercase;text-align:left}
.cinematic-interior .program-video{margin:0;align-self:center}
.cinematic-interior .program-video .video-card{border:1px solid rgba(227,161,132,.52);border-radius:22px;box-shadow:0 30px 70px rgba(13,5,12,.45);background:#1c101a}
.cinematic-interior .program-video .video-card--portrait{background:#1c101a}
.cinematic-interior .program-hero .btn--primary,.cinematic-interior .program-body .btn--primary{min-height:55px;padding:13px 25px;border:1px solid #dfa083;border-radius:999px;background:linear-gradient(110deg,#e8a98b,#c47b61 55%,#e8a98b);background-size:200% 100%;color:#25141f;font-size:14px;font-weight:700;box-shadow:0 11px 29px rgba(11,3,10,.19);transform:none;filter:none;transition:background-position .28s,box-shadow .28s}
.cinematic-interior .program-hero .btn--primary:hover,.cinematic-interior .program-body .btn--primary:hover{background-position:100% 0;box-shadow:0 15px 36px rgba(11,3,10,.27);transform:none;filter:none}
.cinematic-interior .program-hero .btn--primary:focus-visible,.cinematic-interior .program-body .btn--primary:focus-visible{outline:3px solid #e3a184;outline-offset:4px}
.cinematic-interior .marquee{border-color:rgba(227,161,132,.45)}

/* Состав программы, фото и переход к другим спектаклям. */
.cinematic-interior .program-body{padding:clamp(65px,8vw,110px) 0;background:linear-gradient(180deg,#fffaf5,#f7f0e9)}
.cinematic-interior .program-hero__text{max-width:900px;margin-bottom:clamp(60px,7vw,92px)}
.cinematic-interior .program-included{padding:clamp(28px,4vw,46px);margin-bottom:28px;border:1px solid rgba(104,65,68,.22);border-radius:21px;background:#f7f0e9}
.cinematic-interior .program-included h2{font:400 clamp(32px,3.7vw,50px)/1.1 var(--font-display);letter-spacing:-.035em;color:#2b1a25;margin-bottom:25px}
.cinematic-interior .program-included ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 30px;color:#67565e;font-size:15px;line-height:1.55}
.cinematic-interior .program-included li{position:relative;padding:0 0 0 24px;margin:0;border-bottom:1px solid rgba(77,42,53,.14);padding-bottom:13px}
.cinematic-interior .program-included li::before{content:'✦';position:absolute;top:1px;left:0;color:#a96c51;font-size:13px}
.cinematic-interior .article-cta{margin:0;padding:clamp(27px,4vw,43px);border:1px solid rgba(227,161,132,.48);border-radius:20px;background:radial-gradient(circle at 90% 5%,rgba(169,101,118,.24),transparent 38%),#30202d;color:#f8eee6;box-shadow:0 23px 54px rgba(47,25,36,.19)}
.cinematic-interior .article-cta__title{max-width:620px;font:400 clamp(27px,3vw,39px)/1.15 var(--font-display);letter-spacing:-.025em}
.cinematic-interior .article-cta .btn--primary{background:linear-gradient(110deg,#e8a98b,#c47b61 55%,#e8a98b);background-size:200% 100%;color:#25141f}
.cinematic-interior .article-cta .btn--primary:hover{background-position:100% 0;opacity:1}
.cinematic-interior .program-section-title{font:400 clamp(39px,4.6vw,61px)/1.07 var(--font-display);color:#2b1a25;letter-spacing:-.04em;text-align:left;margin:0 0 29px}
.cinematic-interior .program-section-title em{background:none;color:#a95f4b;-webkit-text-fill-color:currentColor}
.cinematic-interior .program-photo-slider{gap:14px;padding:4px 0 14px;margin-bottom:clamp(63px,7vw,94px)}
.cinematic-interior .program-photo-slider__item{flex-basis:clamp(220px,27vw,355px);border:1px solid rgba(104,65,68,.3);border-radius:17px;box-shadow:0 14px 32px rgba(47,25,36,.13)}
.cinematic-interior .program-photo-slider__item img{filter:saturate(.85) contrast(1.03)}
.cinematic-interior .programs-more-slider{gap:18px;padding-block:4px 17px}
.cinematic-interior .programs-more-slider .program-card{flex-basis:300px}
.cinematic-interior .programs-more-slider .program-card .program-card__media{margin:0}

/* Блог: тёмный заголовочный лист, светлый каталог статей. */
.cinematic-interior .blog-hero{padding:clamp(136px,13vw,182px) 0 clamp(58px,6vw,86px);background:radial-gradient(circle at 50% 10%,rgba(154,88,107,.25),transparent 45%),linear-gradient(130deg,#25141f,#432739);color:#f8eee6;border-bottom:1px solid rgba(227,161,132,.32)}
.cinematic-interior .blog-hero .section-title{color:#f8eee6;font:400 clamp(52px,6vw,80px)/1.02 var(--font-display);letter-spacing:-.05em;margin-bottom:22px}
.cinematic-interior .blog-hero .section-title em{color:#e3a184;-webkit-text-fill-color:currentColor;background:none}
.cinematic-interior .blog-hero .section-lead{color:#e3d2cf;max-width:700px;font-size:17px;line-height:1.65}
.cinematic-interior .blog-grid{padding:clamp(54px,6vw,84px) 0 clamp(82px,8vw,120px);gap:19px}
.cinematic-interior .blog-grid .blog-card{min-height:250px}

/* Статья читается как редакционная полоса. */
.cinematic-interior .article{background:linear-gradient(180deg,#fffaf5,#f7f0e9);padding:0 0 clamp(75px,9vw,125px)}
.cinematic-interior .article > .breadcrumbs{max-width:880px;margin:0 auto;padding:clamp(130px,12vw,165px) var(--gutter) 0}
.cinematic-interior .article__container{max-width:880px;padding:0 var(--gutter)}
.cinematic-interior .article__tag{margin-top:36px;color:#9b5f4b;font-size:10px;letter-spacing:.16em}
.cinematic-interior .article__title{font:400 clamp(39px,5.1vw,68px)/1.08 var(--font-display);letter-spacing:-.04em;color:#2b1a25;margin-bottom:25px;text-wrap:balance}
.cinematic-interior .article__meta{border-bottom:1px solid rgba(77,42,53,.19);color:#89747a;font-size:12px;letter-spacing:.035em;margin-bottom:34px;padding-bottom:24px}
.cinematic-interior .article__body{color:#5d4d55;font-size:17px;line-height:1.77}
.cinematic-interior .article__body h2{font:400 clamp(30px,3.1vw,39px)/1.13 var(--font-display);letter-spacing:-.025em;color:#2b1a25;margin-top:48px;margin-bottom:18px}
.cinematic-interior .article__body h3{color:#3e2833;font-size:17px}
.cinematic-interior .article__body strong{color:#2b1a25}
.cinematic-interior .article__body a{color:#8d4e43;text-decoration-color:rgba(141,78,67,.42)}
.cinematic-interior .article__body a:hover{text-decoration-color:#8d4e43}
.cinematic-interior .article__body blockquote{padding:25px 29px;border-left:3px solid #c47b61;border-radius:0 13px 13px 0;background:#f0e4da;color:#4b3440;font:italic 400 21px/1.45 var(--font-display)}
.cinematic-interior .article__related{border-top:1px solid rgba(77,42,53,.19)}
.cinematic-interior .article__related-title{font:400 29px/1.2 var(--font-display);color:#2b1a25}
.cinematic-interior .article__related-list a{padding:19px 20px;border:1px solid rgba(104,65,68,.22);border-radius:13px;background:#fffaf5;color:#3d2832;transition:background .2s,border-color .2s}
.cinematic-interior .article__related-list a:hover{background:#f0e4da;border-color:#c47b61;color:#3d2832}
.cinematic-interior .article__related-list a:focus-visible{outline:3px solid #c47b61;outline-offset:3px}

@media(max-width:1050px){
  .cinematic-interior .program-hero .hero__grid{display:flex;flex-direction:column;align-items:stretch;gap:20px}
  .cinematic-interior .program-hero .hero__item--title{order:1}
  .cinematic-interior .program-hero .hero__item--video{order:2;width:min(100%,740px);margin-inline:auto}
  .cinematic-interior .program-hero .hero__item--lead{order:3}
  .cinematic-interior .program-hero .hero__item--cta{order:4}
  .cinematic-interior .program-hero .hero__title{max-width:740px}
  .cinematic-interior .program-hero .hero__lead{max-width:740px}
}
@media(max-width:767px){
  .cinematic-interior .program-hero{padding:112px 0 69px}
  .cinematic-interior .program-hero .breadcrumbs{margin-bottom:34px}
  .cinematic-interior .program-hero .hero__title{font-size:clamp(51px,10vw,76px)}
  .cinematic-interior .program-hero .hero__lead{font-size:16px}
  .cinematic-interior .program-hero .hero__microtext{text-align:left}
  .cinematic-interior .program-included ul{grid-template-columns:1fr;gap:10px}
  .cinematic-interior .program-photo-slider__item{flex-basis:min(72vw,320px)}
  .cinematic-interior .programs-more-slider .program-card{flex-basis:min(78vw,320px)}
  .cinematic-interior .blog-hero{padding:118px 0 65px}
  .cinematic-interior .blog-hero .section-title{font-size:clamp(50px,10vw,68px)}
  .cinematic-interior .article > .breadcrumbs{padding-top:118px}
  .cinematic-interior .article__tag{margin-top:28px}
  .cinematic-interior .article__title{font-size:clamp(39px,7.5vw,56px)}
}
@media(max-width:560px){
  .cinematic-interior .program-hero .hero__title{font-size:clamp(48px,11vw,65px)}
  .cinematic-interior .program-hero .hero__title em{font-size:.47em}
  .cinematic-interior .program-included{padding:25px 20px}
  .cinematic-interior .program-included h2{font-size:36px}
  .cinematic-interior .program-included ul{font-size:15px}
  .cinematic-interior .program-section-title{font-size:39px}
  .cinematic-interior .article-cta__title{font-size:29px}
  .cinematic-interior .blog-hero .section-title{font-size:52px}
  .cinematic-interior .blog-grid{padding-block:48px 73px}
  .cinematic-interior .article__title{font-size:clamp(38px,9vw,48px)}
  .cinematic-interior .article__body{font-size:16px}
  .cinematic-interior .article__body h2{font-size:31px}
  .cinematic-interior .article__body blockquote{font-size:19px}
}