.cinema-page { --direction-accent:#ff6c16; --direction-second:#3153db; }
.theatre-page { --direction-accent:#ef439b; --direction-second:#7b43db; }
.cinema-page .blog-hero__space { background-image:linear-gradient(90deg,rgba(239,238,255,.94) 0%,rgba(239,238,255,.82) 38%,rgba(33,26,138,.05) 64%),url('./assets/media/dc4b43cf4dde9964.webp?v=20260826-7'); }
.theatre-page .blog-hero__space { background-image:linear-gradient(90deg,rgba(247,237,255,.94) 0%,rgba(243,234,255,.82) 38%,rgba(82,22,119,.05) 64%),url('./assets/media/b9378deec8f011a6.webp?v=20260826-7'); }
.cinema-page .blog-hero__copy h1 span,.theatre-page .blog-hero__copy h1 span { background:linear-gradient(100deg,var(--direction-second),#7d3cda 55%,var(--direction-accent)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.cinema-page .blog-hero__photo { border-radius:42% 58% 46% 54%; }
.theatre-page .blog-hero__photo { border-radius:54% 46% 58% 42%; }
.cinema-page .blog-hero__bubble strong,.theatre-page .blog-hero__bubble strong { background:linear-gradient(145deg,var(--direction-second),#6336ca); }
.cinema-page .blog-hero__bubble--bottom strong,.theatre-page .blog-hero__bubble--bottom strong { background:linear-gradient(145deg,#ff9a17,var(--direction-accent)); }
.direction-result-focus { margin-top:22px; padding:30px 34px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-radius:28px; color:#fff; background:linear-gradient(120deg,#1c1d74,var(--direction-second) 64%,#9139d1); box-shadow:0 25px 55px rgba(62,35,151,.22); }
.direction-result-focus>div { max-width:750px; }
.direction-result-focus span { color:#ffbd73; font-size:12px; font-weight:900; text-transform:uppercase; }
.direction-result-focus h3 { margin:8px 0 0; font-size:clamp(22px,2.5vw,34px); line-height:1.05; }
.direction-result-focus .blog-button { flex:0 0 auto; }
.direction-proof .blog-proof__inner { grid-template-columns:repeat(3,1fr) auto; }
.direction-program .program-phone::after { background:linear-gradient(180deg,transparent 34%,rgba(14,9,61,.9)); }
.direction-program .program-phone>img { object-position:center; }
.direction-program .program-phone span { background:var(--direction-accent); }
.direction-process { background:linear-gradient(135deg,#11145b,var(--direction-second) 58%,#7c2dbd); }
.direction-projects .projects-grid { grid-template-columns:1.15fr .85fr; }
.direction-teacher .teacher-photo__frame { background:radial-gradient(circle at 50% 27%,#fff,#d9c9ff 55%,#aa82ed); }
.direction-teacher .teacher-photo img { height:108%; }
.direction-cta { margin-top:28px; padding:21px 23px; display:flex; align-items:center; justify-content:space-between; gap:20px; border:1px solid rgba(255,255,255,.9); border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 16px 38px rgba(72,50,148,.1); }
.direction-cta div { display:grid; gap:4px; }
.direction-cta strong { font-size:19px; }
.direction-cta span { color:#6b647a; font-size:12px; }
.direction-cta a { min-height:53px; padding:0 21px; display:flex; align-items:center; justify-content:center; gap:10px; border-radius:15px; color:#fff; background:linear-gradient(135deg,#ff9618,var(--direction-accent)); font-size:12px; font-weight:900; text-decoration:none; }
.direction-footer-link { color:#ff8c2a!important; }

/* Cinema direction hero assembled from the supplied reference pack. */
.cinema-page .blog-hero { min-height:940px; padding-bottom:141px; background:#f5f6ff; }
.cinema-page .blog-hero__space { z-index:-3; background-image:url('./kinoakter/assets/hero-bg.webp'); background-size:cover; background-position:center top; opacity:1; }
.cinema-page .blog-hero::after { z-index:-2; background:linear-gradient(90deg,rgba(255,255,255,.23),transparent 46%),linear-gradient(180deg,transparent 66%,rgba(239,242,255,.35)); }
.cinema-hero__inner { width:min(1540px,calc(100% - 86px)); min-height:640px; margin:0 auto; display:grid; grid-template-columns:minmax(650px,1.05fr) minmax(590px,.95fr); gap:8px; align-items:center; }
.cinema-hero__copy { position:relative; z-index:8; padding:48px 0 55px; }
.cinema-hero__copy::after { content:"✦  ✧"; position:absolute; top:39%; right:2%; color:#f7a20b; font-size:28px; letter-spacing:2px; transform:rotate(-9deg); }
.cinema-hero__eyebrow { width:max-content; max-width:100%; min-height:58px; padding:9px 19px 9px 10px; display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.95); border-radius:20px; color:#20325f; background:rgba(255,255,255,.69); box-shadow:0 12px 30px rgba(72,86,145,.08); font-size:15px; font-weight:650; }
.cinema-hero__eyebrow b { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#ff8b0b; background:#fff2df; font-size:17px; }
.cinema-hero__copy h1 { max-width:800px; margin:27px 0 0; color:#07163f; font-size:clamp(43px,4.2vw,70px); line-height:1.02; letter-spacing:-3.5px; font-weight:950; }
.cinema-hero__copy h1 span { display:block; margin-top:17px; font-size:.68em; line-height:1.14; letter-spacing:-2.3px; }
.cinema-hero__copy>p { max-width:620px; margin:27px 0 0; color:#344364; font-size:18px; line-height:1.55; font-weight:600; }
.cinema-hero__actions { margin-top:27px; display:flex; flex-wrap:wrap; gap:14px; }
.cinema-hero__actions .blog-button { min-width:250px; }
.cinema-hero__actions .blog-button--ghost { border-color:rgba(56,76,134,.32); background:rgba(255,255,255,.55); }
.cinema-hero__actions .blog-button--ghost span { margin-left:22px; font-size:22px; }
.cinema-hero__visual { position:relative; align-self:stretch; min-height:640px; isolation:isolate; }
.cinema-hero__actor { position:absolute; z-index:3; right:9%; bottom:-20px; width:min(73%,600px); height:108%; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 25px 30px rgba(83,64,101,.13)); }
.cinema-hero__robot { position:absolute; z-index:5; right:-5%; bottom:4%; width:31%; filter:drop-shadow(0 18px 18px rgba(73,66,115,.17)); }
.cinema-hero__message,.cinema-hero__checklist,.cinema-hero__scene { position:absolute; z-index:6; border:1px solid rgba(255,255,255,.95); color:#14234e; background:rgba(255,255,255,.76); box-shadow:0 16px 35px rgba(72,82,140,.13),inset 0 0 0 5px rgba(255,255,255,.27); backdrop-filter:blur(14px); }
.cinema-hero__message { top:12%; right:-3%; width:275px; min-height:155px; padding:22px 18px; display:grid; grid-template-columns:58px 1fr; gap:14px; align-items:start; border-radius:24px; }
.cinema-hero__message img { width:58px; height:58px; object-fit:contain; }
.cinema-hero__message div { display:grid; gap:17px; }
.cinema-hero__message strong { font-size:17px; line-height:1.45; }
.cinema-hero__message span { color:#475779; font-size:12px; line-height:1.5; }
.cinema-hero__checklist { left:1%; bottom:4%; width:190px; padding:19px 20px; display:grid; gap:10px; border-radius:22px; color:#65718e; font-size:12px; transform:rotate(-5deg); }
.cinema-hero__checklist strong { margin-bottom:3px; color:#68738e; font-size:12px; font-weight:700; }
.cinema-hero__checklist span { display:flex; align-items:center; justify-content:space-between; padding-top:5px; border-top:1px solid rgba(70,82,130,.15); }
.cinema-hero__checklist b { width:18px; height:18px; display:grid; place-items:center; border:2px solid #ff920d; border-radius:4px; color:#ff920d; font-size:11px; }
.cinema-hero__scene { right:1%; bottom:0; width:190px; min-height:115px; padding:19px 20px; display:grid; grid-template-columns:42px 1fr; grid-template-rows:auto repeat(3,8px); gap:7px 10px; border-radius:22px; transform:rotate(3deg); }
.cinema-hero__scene span { grid-column:1/-1; color:#7b8499; font-size:11px; font-weight:700; }
.cinema-hero__scene b { grid-row:2/5; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#ffb31c,#ff7908); font-size:15px; }
.cinema-hero__scene i { align-self:center; height:3px; border-radius:4px; background:rgba(78,93,135,.15); }
.cinema-hero__skills { position:absolute; z-index:10; right:50%; bottom:30px; width:min(1540px,calc(100% - 86px)); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; transform:translateX(50%); }
.cinema-hero__skills article { min-height:150px; padding:17px 18px; display:grid; grid-template-columns:90px 1fr; gap:14px; align-items:center; border:1px solid rgba(255,255,255,.98); border-radius:24px; color:#111f4a; background:rgba(255,255,255,.86); box-shadow:0 16px 35px rgba(65,78,139,.12); backdrop-filter:blur(16px); }
.cinema-hero__skills img { width:86px; height:86px; object-fit:contain; }
.cinema-hero__skills article>div { display:grid; gap:8px; }
.cinema-hero__skills strong { font-size:16px; line-height:1.2; }
.cinema-hero__skills span { color:#506080; font-size:12px; line-height:1.5; }

@media(min-width:901px){.cinema-page .blog-proof{position:relative;right:auto;bottom:auto;left:auto;margin:0}}

@media(max-width:1180px){
  .cinema-hero__inner{width:calc(100% - 50px);grid-template-columns:minmax(470px,.93fr) minmax(470px,1.07fr)}
  .cinema-hero__copy h1{font-size:52px}
  .cinema-hero__message{right:0;width:235px;padding:17px 14px;grid-template-columns:48px 1fr}.cinema-hero__message img{width:48px;height:48px}
  .cinema-hero__robot{right:-2%}.cinema-hero__skills{width:calc(100% - 44px);gap:8px}.cinema-hero__skills article{padding:14px 12px;grid-template-columns:66px 1fr;gap:9px}.cinema-hero__skills img{width:64px;height:64px}.cinema-hero__skills strong{font-size:14px}.cinema-hero__skills span{font-size:10px}
}
@media(max-width:900px){
  .cinema-page .blog-hero{padding-bottom:28px}
  .cinema-hero__inner{width:calc(100% - 36px);grid-template-columns:1fr;gap:0}
  .cinema-hero__copy{padding:58px 0 8px}.cinema-hero__copy::after{right:3%;top:42%}.cinema-hero__copy h1{max-width:760px;font-size:clamp(46px,8vw,64px)}.cinema-hero__copy>p{max-width:680px}
  .cinema-hero__visual{min-height:600px}.cinema-hero__actor{right:17%;width:66%;height:103%}.cinema-hero__robot{right:5%;width:25%}.cinema-hero__message{top:8%;right:3%}.cinema-hero__checklist{left:6%;bottom:8%}.cinema-hero__scene{right:7%;bottom:4%}
  .cinema-hero__skills{position:relative;right:auto;bottom:auto;width:calc(100% - 36px);margin:-24px auto 0;grid-template-columns:repeat(2,1fr);transform:none}.cinema-hero__skills article{min-height:126px;grid-template-columns:70px 1fr}.cinema-hero__skills img{width:68px;height:68px}
}
@media(max-width:680px){
  .cinema-page .blog-hero__space{background-position:58% top;opacity:.82}.cinema-page .blog-hero::after{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 52%)}
  .cinema-hero__inner{width:calc(100% - 28px)}.cinema-hero__copy{padding:42px 0 0}.cinema-hero__eyebrow{min-height:48px;padding:7px 12px 7px 7px;border-radius:16px;font-size:11px}.cinema-hero__eyebrow b{width:30px;height:30px;flex-basis:30px}
  .cinema-hero__copy::after{display:none}.cinema-hero__copy h1{margin-top:21px;font-size:clamp(36px,11vw,49px);line-height:1;letter-spacing:-2.3px}.cinema-hero__copy h1 span{margin-top:12px;font-size:.67em;line-height:1.15;letter-spacing:-1.2px}.cinema-hero__copy>p{margin-top:20px;font-size:15px}.cinema-hero__actions{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.cinema-hero__actions .blog-button{min-width:0;min-height:52px;padding:0 12px;font-size:11px}.cinema-hero__actions .blog-button--ghost span{margin-left:0;font-size:17px}
  .cinema-hero__visual{min-height:425px;margin-top:5px}.cinema-hero__actor{right:7%;bottom:-8px;width:86%;height:103%}.cinema-hero__robot{right:-2%;bottom:2%;width:31%}.cinema-hero__message{top:8%;right:-2%;width:170px;min-height:100px;padding:12px 10px;grid-template-columns:35px 1fr;gap:8px;border-radius:16px}.cinema-hero__message img{width:35px;height:35px}.cinema-hero__message div{gap:8px}.cinema-hero__message strong{font-size:11px;line-height:1.35}.cinema-hero__message span{font-size:8px}.cinema-hero__checklist{left:-2%;bottom:5%;width:128px;padding:12px 13px;gap:5px;border-radius:15px;font-size:8px}.cinema-hero__checklist strong{font-size:8px}.cinema-hero__checklist b{width:13px;height:13px;border-width:1px;font-size:8px}.cinema-hero__scene{display:none}
  .cinema-hero__skills{width:calc(100% - 28px);margin-top:-10px;grid-template-columns:1fr;gap:8px}.cinema-hero__skills article{min-height:100px;padding:11px 14px;grid-template-columns:64px 1fr;border-radius:20px}.cinema-hero__skills img{width:62px;height:62px}.cinema-hero__skills strong{font-size:14px}.cinema-hero__skills span{font-size:10px}
}
@media(max-width:900px){.direction-proof .blog-proof__inner{grid-template-columns:repeat(3,1fr)}.direction-proof .blog-proof__inner>a{grid-column:1/-1}.direction-projects .projects-grid{grid-template-columns:1fr 1fr}.direction-projects .project-card--large{grid-column:1/-1}.direction-result-focus{display:grid;text-align:center}.direction-result-focus .blog-button{width:100%}}
@media(max-width:680px){.cinema-page .blog-hero__space,.theatre-page .blog-hero__space{background-position:62% center;opacity:.5}.direction-projects .projects-grid{grid-template-columns:1fr}.direction-cta{padding:19px;display:grid;text-align:center}.direction-cta a{width:100%}.direction-result-focus{padding:24px 19px}.direction-result-focus h3{font-size:23px}}