/* Fill the hero media column at every width; keep its right edge aligned with controls. */
.home-animated .hero-slider{container-type:inline-size}
.home-animated .slide-copy{padding-left:max(60px,calc((100cqw - 1280px)/2))}
.home-animated .slide-visual{
  min-width:0;min-height:0;position:relative;container-type:size;
  display:flex;align-items:center;justify-content:center;background:var(--slide-paper);
}
.home-animated .slide-photo{
  --frame-ratio:1.326923077;
  flex:none;position:relative;margin:0;border:0;
  width:100%;height:100%;
  background:var(--slide-paper);overflow:hidden;
}
.home-animated .slide-media-frame{position:absolute;inset:0}
.home-animated .slide-photo .slide-media-frame>img,
.home-animated .slide-photo .slider-video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
}
.home-animated .slide-photo figcaption{
  position:absolute;left:auto;right:28px;bottom:28px;
  max-width:calc(100% - 56px);width:max-content;
  padding:15px 21px;background:#fffaf3f0;border-left:2px solid #ac7f7a;
}
.home-animated .slider-video-toggle{top:22px;left:22px}
.home-animated .slider-controls{padding-inline:max(60px,calc((100% - 1280px)/2))}
.home-animated .location-bar{padding-inline:max(60px,calc((100% - 1280px)/2))}
@media(min-width:1101px){
  .home-animated .hero-slide{
    grid-template-columns:calc(max(60px,(100cqw - 1280px)/2) + clamp(420px,34cqw,450px)) minmax(0,1fr);
    height:max(560px,calc((min(1280px,100cqw - 120px) - clamp(420px,34cqw,450px)) / 1.326923077));
  }
  .home-animated .slide-visual{justify-content:flex-start;margin-right:max(60px,calc((100cqw - 1280px)/2))}
  .home-animated .slide-training .slide-title{font-size:clamp(55px,5cqw,68px)}
  .home-animated .slide-monika .slide-title{font-size:clamp(58px,5.5cqw,79px)}
}
@media(max-width:1100px){
  .home-animated .slide-copy{padding-left:32px}
  .home-animated .slider-controls,.home-animated .location-bar{padding-inline:32px}
  .home-animated .slide-photo figcaption{right:20px;bottom:20px;max-width:calc(100% - 40px);padding:13px 16px}
}
@media(min-width:701px) and (max-width:900px){
  .home-animated .slide-title{font-size:55px}
  .home-animated .slide-training .slide-title{font-size:50px}
  .home-animated .slide-copy .eyebrow{font-size:8px;letter-spacing:.12em}
}
@media(max-width:700px){
  .home-animated .header{padding-inline:20px}
  .home-animated .hero-slide{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(360px,auto) clamp(260px,75.3623cqw,420px);
    height:auto;
  }
  .home-animated .slide-copy{padding:28px 20px;justify-content:flex-start}
  .home-animated .slide-copy .eyebrow{font-size:8px;letter-spacing:.14em}
  .home-animated .slide-title{font-size:clamp(46px,13.2vw,58px);line-height:1.06;margin:19px 0 16px}
  .home-animated .slide-training .slide-title{font-size:clamp(43px,12.3vw,54px);line-height:1.1;margin:19px 0 16px}
  .home-animated .slide-description{font-size:15px;line-height:1.65;max-width:390px}
  .home-animated .slide-actions{margin-top:21px;gap:14px;flex-wrap:wrap}
  .home-animated .slide-actions .button{min-height:47px;padding:12px 16px;gap:18px}
  .home-animated .slide-actions .text-link{font-size:13px;gap:8px}
  .home-animated .slide-signature{display:none}
  .home-animated .slide-photo figcaption{right:14px;bottom:14px;max-width:calc(100% - 28px);padding:10px 13px}
  .home-animated .slide-photo figcaption span{font-size:7px;margin-bottom:5px}
  .home-animated .slide-photo figcaption em{font-size:18px;line-height:1.2}
  .home-animated .slider-video-toggle{top:14px;left:14px;width:40px;height:40px}
  .home-animated .slider-controls{display:block;padding-inline:20px;min-height:0}
  .home-animated .slider-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:48px}
  .home-animated .slider-topics button{justify-content:center;padding:14px 0;min-height:48px;font-size:12px;gap:5px}
  .home-animated .slider-topics button span{display:inline}
  .home-animated .slider-transport{justify-content:space-between;padding:12px 0;gap:12px}
  .home-animated .slider-counter{display:flex}
  .home-animated .location-bar{padding-inline:20px}
}
@media(max-width:360px){
  .home-animated .hero-slide{grid-template-rows:minmax(390px,auto) 260px}
  .home-animated .slide-actions{gap:8px 12px}
  .home-animated .slide-actions .button{padding-inline:12px}
  .home-animated .slide-actions .text-link,.home-animated .slider-topics button{font-size:11px}
}
