/* Static openings use the same content edges and landscape frame as the homepage. */
.subpage{--page-gutter:max(60px,calc((100% - 1280px)/2))}
.subpage .location-bar{padding-inline:var(--page-gutter)}
.subpage .page-hero{container-type:inline-size;overflow:hidden}
.subpage .page-hero-grid{
  width:min(1280px,calc(100% - 120px));margin-inline:auto;
  grid-template-columns:clamp(420px,34cqw,450px) minmax(0,1fr);
  min-height:max(560px,calc((min(1280px,100cqw - 120px) - clamp(420px,34cqw,450px)) / 1.326923077));
  align-items:center;
}
.subpage .page-hero-copy{padding:40px 32px 40px 0;align-self:stretch;overflow:visible}
.subpage .page-hero-copy:before{left:calc(-240px - max(60px,(100cqw - 1280px)/2))}
.subpage .page-hero-copy h1{font-size:clamp(58px,5.5cqw,76px);line-height:1.08;letter-spacing:-.055em;margin:27px 0 23px;text-wrap:balance}
.subpage .page-lead{max-width:375px;font-size:16px;line-height:1.75}
.subpage .page-actions{gap:18px 26px;margin-top:30px}
.subpage .page-actions .button{min-height:52px;padding:15px 22px;font-size:13px}
.subpage .page-actions .text-link{font-size:13px}
.subpage .page-hero-image{
  width:100%;height:auto;min-height:0;aspect-ratio:1104/832;
  align-self:center;margin:0;background:var(--hero-paper);
}
.subpage .page-hero-image img{object-fit:cover;object-position:var(--hero-image-position,50% 50%)}
.subpage .slide-media-frame{position:absolute;inset:0}
.subpage .page-hero-image[data-slider-video] img{object-fit:contain;object-position:center}
.subpage .page-hero-image[data-media-fit="cover"] .slide-media-frame>img,
.subpage .page-hero-image[data-media-fit="cover"] .slider-video{
  object-fit:cover;object-position:var(--hero-image-position,50% 50%);
}
.subpage .page-hero-image:after{display:none}
.subpage .page-hero-image figcaption{
  left:auto;right:28px;bottom:28px;width:max-content;max-width:calc(100% - 56px);
  padding:15px 21px;background:#fffaf3f0;border-left:2px solid #ac7f7a;box-shadow:none;
  font:italic 23px/1.25 Georgia,serif;letter-spacing:-.02em;
}
.subpage .page-hero-image figcaption>span{font:8px/1.6 Arial,sans-serif;letter-spacing:.18em;margin-bottom:7px}
.page-salon{--hero-image-position:50% 35%}
.page-szkolenia,.page-kurs-7-dni{--hero-paper:#eee2da;--hero-image-position:55% 50%}
.page-kurs-5-dni{--hero-image-position:50% 43%}
.page-o-atelier{--hero-paper:#f2e8df}
.page-kontakt{--hero-image-position:50% 32%}
.page-szkolenia .page-hero-copy h1,.page-kurs-5-dni .page-hero-copy h1,.page-kontakt .page-hero-copy h1{font-size:clamp(54px,4.6cqw,62px)}
.subpage .contact-phone{font-size:40px}
.subpage .breadcrumbs{padding-inline:var(--page-gutter);border-top:0}

/* Reuse Monika's existing loop inside the portrait frame in the teaching section. */
.subpage .academy-practice-image[data-slider-video]{isolation:isolate;background:var(--sand)}
.subpage .academy-practice-image[data-slider-video] .slide-media-frame>img,
.subpage .academy-practice-image[data-slider-video] .slider-video{
  object-fit:cover;object-position:55% center;
}

@media(max-width:1100px){
  .subpage{--page-gutter:32px}
  .subpage .page-hero-grid{width:100%;grid-template-columns:48% 52%;min-height:560px}
  .subpage .page-hero-copy{padding:34px 24px 34px 32px}
  .subpage .page-hero-copy:before{left:-240px}
  .subpage .page-hero-copy h1{font-size:58px}
  .page-szkolenia .page-hero-copy h1,.page-kurs-5-dni .page-hero-copy h1,.page-kontakt .page-hero-copy h1{font-size:54px}
  .subpage .page-lead{font-size:15px;line-height:1.75}
  .subpage .page-hero-image figcaption{right:20px;bottom:20px;max-width:calc(100% - 40px);padding:13px 16px;font-size:20px}
}
@media(min-width:701px) and (max-width:900px){
  .subpage .page-hero-copy h1{font-size:52px}
  .page-szkolenia .page-hero-copy h1,.page-kurs-5-dni .page-hero-copy h1,.page-kontakt .page-hero-copy h1{font-size:47px}
  .subpage .page-hero-copy>.eyebrow{font-size:8px;letter-spacing:.12em}
  .subpage .contact-phone{font-size:34px}
  .subpage .page-hero-image figcaption{font-size:19px}
}
@media(max-width:700px){
  .subpage{--page-gutter:20px}
  .subpage .header{padding-inline:20px}
  .subpage .page-hero-grid{grid-template-columns:minmax(0,1fr);min-height:0}
  .subpage .page-hero-copy{padding:28px 20px 32px;justify-content:flex-start}
  .subpage .page-hero-copy h1{font-size:clamp(46px,13.2vw,58px);line-height:1.06;margin:19px 0 16px}
  .page-szkolenia .page-hero-copy h1,.page-kurs-5-dni .page-hero-copy h1,.page-kontakt .page-hero-copy h1{font-size:clamp(41px,11.8vw,54px);line-height:1.1}
  .subpage .page-hero-copy>.eyebrow{font-size:8px;letter-spacing:.14em}
  .subpage .page-lead{font-size:15px;line-height:1.65;max-width:450px}
  .subpage .page-actions{margin-top:21px;gap:14px}
  .subpage .page-actions .button{min-height:47px;padding:12px 16px;gap:18px}
  .subpage .page-actions .text-link{font-size:13px;gap:8px}
  .subpage .page-hero-image{height:auto;min-height:0;aspect-ratio:1104/832}
  .subpage .page-hero-image figcaption{right:14px;bottom:14px;max-width:calc(100% - 28px);padding:10px 13px;font-size:18px}
  .subpage .page-hero-image figcaption>span{font-size:7px;margin-bottom:5px}
  .subpage .breadcrumbs{font-size:10px;gap:8px;min-height:40px;padding-block:10px}
  .subpage .contact-phone{font-size:38px}
}
@media(max-width:360px){
  .subpage .page-hero-copy h1{font-size:43px}
  .page-szkolenia .page-hero-copy h1,.page-kurs-5-dni .page-hero-copy h1,.page-kontakt .page-hero-copy h1{font-size:40px}
  .subpage .contact-phone{font-size:34px}
}
/* Keep the contact caption clear of the hands at the work table. */
.subpage.page-kontakt .page-hero-image figcaption{
  top:clamp(14px,2cqw,28px);left:clamp(14px,2cqw,28px);right:auto;bottom:auto;
}
.subpage.page-kontakt .slider-video-toggle{top:22px;left:auto;right:22px}
@media(max-width:600px){
  .subpage.page-kontakt .slider-video-toggle{top:16px;right:16px}
}