/* Русалочка Шоу — первый экран, строка имён и видео-фон */
:root{--cin-night:#25141f;--cin-plum:#432739;--cin-cream:#f8eee6;--cin-muted:#cdbeb9;--cin-copper:#c47b61;--cin-copper-light:#e3a184;--cin-ease:cubic-bezier(.22,1,.36,1)}

.header{background:rgba(37,20,31,.68);border-bottom:1px solid rgba(248,238,230,.16);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header .logo__name{color:var(--cin-cream);font-weight:400;font-style:italic;font-size:24px}
.header .logo__sub{color:var(--cin-muted);letter-spacing:.2em}
.header .header__cta{background:transparent;color:var(--cin-cream);border:1px solid rgba(248,238,230,.5);box-shadow:none;transform:none;padding:12px 24px;font-weight:600}
.header .header__cta:hover{background:rgba(248,238,230,.1);border-color:var(--cin-cream);transform:none;box-shadow:none}
.header .header__cta:focus-visible,.cinematic-btn:focus-visible{outline:3px solid var(--cin-copper-light);outline-offset:4px}

.cinematic-hero{min-height:760px;height:max(760px,100svh);padding:0;position:relative;isolation:isolate;overflow:hidden;background:var(--cin-night)}
.cinematic-hero__image,.cinematic-hero__shade{position:absolute;inset:0;width:100%;height:100%}
.cinematic-hero__image{object-fit:cover;object-position:center 45%;z-index:-2}
.cinematic-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(28,15,24,.74) 0%,rgba(31,16,25,.62) 28%,rgba(31,16,25,.18) 56%,transparent 83%),linear-gradient(0deg,rgba(35,17,29,.62),transparent 30%)}
.cinematic-hero .hero__grid{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;width:min(calc(100% - 64px),1320px);height:100%;padding-top:100px;padding-bottom:70px}
.cinematic-hero .hero__title{max-width:720px;margin:0;color:var(--cin-cream);font:400 clamp(50px,5.5vw,88px)/1.02 var(--font-display);letter-spacing:-.045em;text-shadow:0 3px 28px rgba(21,8,19,.28)}
.cinematic-hero .hero__title span:first-child{font-size:.56em;color:var(--cin-copper-light);letter-spacing:.015em;margin-bottom:.22em}
.cinematic-hero .hero__title span:nth-child(2){max-width:690px}
.cinematic-hero .hero__title em{font:italic 400 .52em/1.13 var(--font-display);letter-spacing:-.018em;color:var(--cin-cream);background:none;-webkit-text-fill-color:currentColor;padding:0;margin:.22em 0 0;max-width:660px}
.cinematic-hero .hero__lead{max-width:570px;margin:30px 0 24px;font-size:17px;line-height:1.55;color:var(--cin-cream);text-shadow:0 2px 16px rgba(21,8,19,.55)}
.cinematic-hero .hero__cta{margin:0;display:block}
.cinematic-hero .cinematic-btn{min-height:58px;display:inline-flex;gap:20px;align-items:center;padding:11px 13px 11px 25px;color:var(--cin-night);font-size:14px;font-weight:700;letter-spacing:0;background:linear-gradient(110deg,#e8a98b,#c47b61 55%,#e8a98b);background-size:200% 100%;border:1px solid #e6a389;border-radius:999px;box-shadow:0 10px 30px rgba(196,123,97,.23);transform:none;transition:background-position .28s var(--cin-ease),box-shadow .28s var(--cin-ease),filter .18s ease}
.cinematic-hero .cinematic-btn:hover{background-position:100% 0;box-shadow:0 14px 38px rgba(196,123,97,.38);transform:none}
.cinematic-hero .cinematic-btn:active{filter:brightness(.9);transform:none}
.cinematic-btn__orb{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;flex:none}
.cinematic-btn__orb svg{transition:transform .28s var(--cin-ease)}
.cinematic-btn:hover .cinematic-btn__orb svg{transform:translateX(3px)}

.marquee{padding:17px 0;background:var(--cin-night);color:var(--cin-cream);border-top:1px solid rgba(227,161,132,.42);border-bottom:1px solid rgba(227,161,132,.42);box-shadow:none}
.marquee::before{display:none}
.marquee__track{gap:22px;animation-duration:28s;font-size:clamp(18px,2vw,28px);font-weight:400;letter-spacing:.025em}
.marquee__track .sep{color:var(--cin-copper-light)}
@media(hover:hover){.marquee:hover .marquee__track{animation-play-state:paused}}

.showreel{position:relative;isolation:isolate;overflow:hidden;height:min(760px,78svh);min-height:530px;background:var(--cin-night) url('showreel-poster.jpg') center center/cover no-repeat;color:var(--cin-cream)}
.showreel__video,.showreel__shade{position:absolute;inset:0;width:100%;height:100%}
.showreel__video{z-index:-2;object-fit:cover;object-position:center 45%;filter:brightness(.78) saturate(.82) contrast(1.05)}
.showreel__shade{z-index:-1;background:linear-gradient(0deg,rgba(23,10,20,.88),rgba(23,10,20,.12) 55%,rgba(23,10,20,.16)),linear-gradient(90deg,rgba(35,17,29,.18),transparent 65%)}
.showreel__content{position:relative;z-index:2;width:min(calc(100% - 64px),1320px);height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:clamp(42px,7vw,92px)}
.showreel__badges{display:flex;gap:12px;flex-wrap:wrap}
.showreel__badge{display:inline-flex;align-items:center;min-height:44px;padding:9px 18px;background:rgba(43,24,37,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(248,238,230,.42);border-radius:999px;color:var(--cin-cream);font-size:14px;font-weight:600}
.showreel__microtext{margin:17px 0 0;font-size:14px;color:var(--cin-cream);letter-spacing:.01em;text-shadow:0 2px 14px rgba(0,0,0,.6)}

@media(max-width:900px){.cinematic-hero{height:780px;min-height:0}.cinematic-hero__image{object-position:78% center}.cinematic-hero__shade{background:linear-gradient(0deg,rgba(26,13,23,.91) 0%,rgba(26,13,23,.72) 30%,rgba(26,13,23,.18) 68%,rgba(26,13,23,.12) 100%)}.cinematic-hero .hero__grid{justify-content:flex-end;padding-top:100px;padding-bottom:72px}.cinematic-hero .hero__title{font-size:clamp(50px,7vw,72px);max-width:680px}.showreel{height:640px;min-height:0}}
@media(max-width:600px){.header__inner{padding-top:10px;padding-bottom:10px}.header .logo__name{font-size:19px}.header .logo__sub{font-size:8px}.header .header__cta{display:inline-flex;min-height:44px;padding:9px 14px;font-size:12px}.cinematic-hero{height:790px;max-height:none}.cinematic-hero__image{top:0;bottom:auto;height:300px;object-fit:cover;object-position:70% 40%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%)}.cinematic-hero__shade{background:linear-gradient(0deg,rgba(26,13,23,.97) 0%,rgba(26,13,23,.86) 37%,rgba(26,13,23,.12) 79%)}.cinematic-hero .hero__grid{width:calc(100% - 32px);padding-bottom:56px;gap:0}.cinematic-hero .hero__title{font-size:clamp(42px,10.6vw,60px);line-height:1.02}.cinematic-hero .hero__title span:first-child{font-size:.48em}.cinematic-hero .hero__title em{font-size:.47em;line-height:1.2}.cinematic-hero .hero__lead{margin:20px 0 20px;font-size:15px;line-height:1.5}.cinematic-hero .cinematic-btn{min-height:54px;max-width:100%;padding-left:18px;gap:12px;font-size:12px;white-space:normal;text-align:left}.cinematic-btn__orb{height:30px;width:30px}.marquee{padding:13px 0}.marquee__track{font-size:19px;gap:16px;animation-duration:28s}.showreel{height:570px}.showreel__video{object-position:52% center}.showreel__content{width:calc(100% - 32px);padding-bottom:40px}.showreel__badge{font-size:12px;padding:8px 12px}.showreel__microtext{font-size:12px}}
@media(max-width:600px){.cinematic-hero--mobile-art{height:max(960px,100svh)}.cinematic-hero--mobile-art .cinematic-hero__image{top:40px;bottom:auto;height:calc(100% - 40px);object-fit:cover;object-position:center center;-webkit-mask-image:none;mask-image:none}.cinematic-hero--mobile-art .cinematic-hero__shade{background:linear-gradient(0deg,rgba(26,13,23,.96) 0%,rgba(26,13,23,.77) 34%,rgba(26,13,23,.15) 60%,rgba(26,13,23,.08) 100%)}.cinematic-hero--mobile-art .hero__grid{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}.cinematic-btn,.cinematic-btn__orb svg{transition:none}.showreel__video{display:none}}
.cinematic-hero .hero__title{max-width:1120px;font-size:clamp(50px,7vw,88px)}
.cinematic-hero .hero__title span:nth-child(2),.cinematic-hero .hero__title em{max-width:none}
.cinematic-hero .hero__lead{max-width:720px}
.cinematic-hero__microtext{margin:12px 0 0 4px;color:#ead4cb;font-size:12px;line-height:1.45;letter-spacing:.015em;text-shadow:0 2px 14px rgba(21,8,19,.55)}
@media(min-width:680px){.cinematic-hero .hero__title span:nth-child(2),.cinematic-hero .hero__title em{white-space:nowrap}}
@media(max-width:900px){.cinematic-hero .hero__title{font-size:clamp(50px,7vw,72px);max-width:680px}}
@media(max-width:600px){.cinematic-hero .hero__title{font-size:clamp(42px,10.6vw,60px)}.cinematic-hero .hero__title span:nth-child(2),.cinematic-hero .hero__title em{white-space:normal}.cinematic-hero .hero__lead{max-width:100%}.cinematic-hero__microtext{font-size:11px;margin-top:10px}}

/* Текст остаётся в затемнённой левой части кадра и освобождает лицо ребёнка. */
@media(min-width:901px){
  .cinematic-hero .hero__grid{width:min(calc(100% - clamp(32px,5.5vw,140px) - 32px),1320px);margin-left:clamp(32px,5.5vw,140px);margin-right:0}
  .cinematic-hero .hero__title{max-width:min(42vw,690px);font-size:clamp(52px,4.9vw,76px)}
  .cinematic-hero .hero__title span:nth-child(2),.cinematic-hero .hero__title em{max-width:100%;white-space:normal}
  .cinematic-hero .hero__lead{max-width:min(38vw,620px)}
  .cinematic-hero__shade{background:linear-gradient(90deg,rgba(28,15,24,.86) 0%,rgba(31,16,25,.72) 27%,rgba(31,16,25,.21) 52%,transparent 76%),linear-gradient(0deg,rgba(35,17,29,.62),transparent 30%)}
}
@media(min-width:1900px){
  .cinematic-hero .hero__title{max-width:min(46vw,900px);font-size:clamp(72px,4.1vw,80px)}
  .cinematic-hero .hero__title span:nth-child(2),.cinematic-hero .hero__title em{white-space:nowrap}
}
@media(min-width:601px) and (max-width:900px){
  .cinematic-hero .hero__title{max-width:min(100%,650px);font-size:clamp(43px,6vw,56px)}
  .cinematic-hero .hero__title span:nth-child(2),.cinematic-hero .hero__title em{white-space:normal}
  .cinematic-hero .hero__lead{max-width:560px}
}

/* Знак бренда в меню: золотая пузырь-монограмма рядом с названием. */
.header .logo{gap:11px;min-width:0;text-decoration:none}
.header .logo__emblem{display:block;flex:none;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 9px rgba(242,184,115,.16));transition:filter .22s ease,transform .22s ease}
.header .logo__text{min-width:0}
.header .logo__name{white-space:nowrap}
.header .logo:hover .logo__emblem{filter:drop-shadow(0 3px 13px rgba(242,184,115,.36));transform:scale(1.035)}
.header .logo:focus-visible{outline:3px solid var(--cin-copper-light);outline-offset:4px;border-radius:7px}
@media(max-width:600px){.header .logo{gap:8px}.header .logo__emblem{width:40px;height:40px}.header__inner{gap:12px}}
@media(max-width:390px){.header .logo__emblem{width:35px;height:35px}.header .logo__name{font-size:16px}.header .logo__sub{display:none}.header .header__cta{padding-inline:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.header .logo__emblem{transition:none}.header .logo:hover .logo__emblem{transform:none}}