:root{--padding-horizontal:4.7vw;--padding-top:5rem;--hero-fade-dur:9s}@media (min-width:992px){:root{--padding-top:5.375rem;--padding-horizontal:4.25vw}}
html{scroll-behavior:auto}body{background:#223242;color:#223242}.header.header--compact{box-shadow:none}.header__logo-img{color:#fff}
.fx-1500s-y30-d05{--fx-dur:1.5s;--fx-y:30px;--fx-delay:.05s}
.section{padding:var(--padding-top) var(--padding-horizontal) 1rem;width:100%}
.hero{position:relative;width:100%;min-height:100dvh;height:110vh;overflow:hidden;z-index:0}
.hero__inner{position:absolute;top:0;left:0;width:100%;height:100%}
.hero__slides{position:absolute;inset:0;min-height:100dvh;height:100dvh}
.hero__slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease}
.hero__slide--1{opacity:1;animation:heroFade1 var(--hero-fade-dur) linear infinite}
.hero__slide--2{animation:heroFade2 var(--hero-fade-dur) linear infinite}
.hero__slide--3{animation:heroFade3 var(--hero-fade-dur) linear infinite}
.hero__picture{position:absolute;inset:0;height:110vh;display:block}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;min-height:100dvh;height:100dvh;padding:8rem var(--padding-horizontal) 7rem;margin:0 auto}
.hero__headline{font-size:clamp(1.8rem,3.13vw,3rem);line-height:1.05;color:#fff;font-weight:700;text-shadow:rgb(51,51,51) 0px 0px 5px;margin-bottom:1rem}
.hero__text{font-size:clamp(18px,1.92vw,1.5rem);line-height:1.2;color:#fff;font-weight:400;text-shadow:rgb(51,51,51) 0px 0px 5px}
.hero__dots{position:absolute;left:50%;top:calc(100dvh - 50px);transform:translateX(-50%);z-index:3;display:flex;gap:1rem}
.hero__dot:focus-visible{outline:2px solid #fff;outline-offset:.1875rem}
.hero__dot{width:1rem;height:1rem;border-radius:999px;border:.0625rem solid rgba(255,255,255,.82);background:transparent;cursor:pointer}
.hero__dot[aria-current="true"]{background:rgba(255,255,255,.8)}
.hero__dot:nth-child(1){animation:heroDot1 var(--hero-fade-dur) linear infinite}
.hero__dot:nth-child(2){animation:heroDot2 var(--hero-fade-dur) linear infinite}
.hero__dot:nth-child(3){animation:heroDot3 var(--hero-fade-dur)  linear infinite}
.hero.is-manual .hero__slide,.hero.is-manual .hero__dot{animation:none}
.hero.is-manual .hero__slide{opacity:0;pointer-events:none}
.hero.is-manual .hero__slide.is-active{opacity:1;pointer-events:auto}
@keyframes heroFade1{0%,28%{opacity:1}33.33%,94%{opacity:0}100%{opacity:1}}
@keyframes heroFade2{0%,28%{opacity:0}33.33%,61%{opacity:1}66.66%,100%{opacity:0}}
@keyframes heroFade3{0%,61%{opacity:0}66.66%,94%{opacity:1}100%{opacity:0}}
@keyframes heroDot1{0%,28%{background:rgba(255,255,255,.8)}33.33%,94%{background:transparent}100%{background:rgba(255,255,255,.8)}}
@keyframes heroDot2{0%,28%{background:transparent}33.33%,61%{background:rgba(255,255,255,.8)}66.66%,100%{background:transparent}}
@keyframes heroDot3{0%,61%{background:transparent}66.66%,94%{background:rgba(255,255,255,.8)}100%{background:transparent}}
.workshops{width:100%;position:relative;z-index:3;background:#223242}
.workshops__card{display:grid;grid-template-columns:1fr;gap:32px;width:100%;border-radius:3px;background:var(--color7);padding:32px;margin:0 auto 48px;scroll-margin-top:5rem}
.workshops__media{position:relative;min-height:384px;width:100%;max-width:320px;aspect-ratio:3/4;overflow:hidden;border-radius:4px;background:#d9d9d9;box-shadow:0 0 1.1rem rgba(34,50,66,.14)}
.workshops__media::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to top,rgba(34,50,66,.34) 0%,rgba(34,50,66,.28) 38%,rgba(34,50,66,.24) 68%,rgba(34,50,66,.22) 100%)}
.workshops__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out;pointer-events:none}
.workshops__img.is-active{opacity:1}
.workshops__content{display:flex;flex-direction:column}
.workshops__level{margin:0 0 .5rem 0;font-size:.95rem;font-weight:800;line-height:1.2;color:var(--color12)/*15*/}
.workshops__title{margin:0 0 1rem 0;font-size:1.5rem;line-height:1.05;font-weight:900;color:var(--color16)}
.workshops__intro{display:grid;gap:.5rem;margin-bottom:1.5rem}
.workshops__p{font-size:.875rem;line-height:1.3rem}
.workshops__meta{display:grid;gap:24px;margin-bottom:24px}
.workshops__block{min-width:0}
.workshops__subtitle{margin:0 0 .75rem 0;font-size:1.05rem;line-height:1.2;font-weight:700}
.workshops__list{list-style:disc;display:grid;gap:.0;margin-left:0.9rem}
.workshops__item{font-size:.9rem}
.workshops__footer{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:1.25rem;border-top:.0625rem solid rgba(34,50,66,.18)}
.workshops__price-label{font-size:.95rem;font-weight:700;line-height:1.2}
.workshops__price{font-size:1.35rem;font-weight:700;line-height:1.1}
.workshops__price-note{font-size:.95rem;font-weight:500}
.workshops__dots{position:absolute;left:50%;bottom:1rem;z-index:2;display:flex;gap:28px;transform:translateX(-50%);max-width:100%}
.workshops__dot{width:14px;height:14px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:transparent;padding:0;cursor:pointer;transition:background .25s ease,transform .25s ease}
.workshops__dot.is-active,.workshops__dot[aria-current="true"]{background:rgba(255,255,255,.9)}
.workshops__dot:hover{transform:scale(1.08)}
.workshops__dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
.workshops .btn{margin-top:0;width:fit-content}
.workshops .btn--primary:hover{background:transparent;color:var(--color-accent)}
.internal-link{width:100%;text-align:center}
.workshops .btn--primary--internal.btn--primary{margin:auto;width:fit-content!important}
.workshops .btn--primary--internal.btn--primary:hover{background:var(--color7)}
.faq-wrap{width:max-content;max-width:100%;display:flex;flex-wrap:wrap;margin:auto;font-size:14px}
.faq-link{font-weight:600;margin:1rem auto;color:var(--color-brand);text-decoration:underline;display:block;padding:.5rem 1rem;width:max-content;text-underline-offset:.2em}
.faq-link:hover,.faq-link:focus,.faq-link:focus-visible,.faq-link:active{opacity:.7}
.faq-link:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}
.footer{position:relative;z-index:2}
.footer::before{content:"";display:block;width:100%;height:.0625rem;background:var(--color-brand);opacity:.9;position:absolute;top:0;left:0}
@media (min-width:768px){
.hero__copy{padding:6rem var(--padding-horizontal) 4rem}
.hero__dots{top:calc(100dvh - 43px)}
.workshops__meta{grid-template-columns:max-content 1fr;gap:32px}
}
@media (min-width:768px) and (max-width:991.98px){
.workshops__card{max-width:700px;grid-template-columns:minmax(256px,320px) minmax(0,1fr);align-items:start;column-gap:24px;row-gap:16px}
.workshops__media{grid-column:1;grid-row:1/4;width:100%;max-width:288px;margin-bottom:16px}
.workshops__content{display:contents}
.workshops__level{grid-column:2;grid-row:1;margin:0}
.workshops__title{grid-column:2;grid-row:2;margin:0}
.workshops__intro{grid-column:2;grid-row:3;margin:0}
.workshops__meta{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:0}
.workshops__content > .workshops__block{grid-column:1/-1;grid-row:5}
.workshops__footer{grid-column:1/-1;grid-row:6}
.workshops__p{max-width:16rem}
}
@media (min-width:992px){
.workshops__title{font-size:1.75rem}
.workshops__p{font-size:1rem}
.workshops__dots{gap:12px}
.workshops__card{grid-template-columns:minmax(256px,320px) minmax(0,1fr);align-items:stretch;max-width:100ch}
.workshops__media{width:100%;max-width:320px}
.workshops__content{padding:20px 24px 0}
.workshops__list2{max-width:12rem}
}
@media (min-width:992px) and (max-width:1380px){
.workshops__meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1100px){.workshops__list2{max-width:none}}
@media (min-width:1600px){.hero__headline{font-size:2.5rem}}
@media (prefers-reduced-motion:reduce){.hero__slide,.hero__dot{animation:none!important;transition:none}
.workshops__img,.workshops__dot{transition:none}}
@media (max-height:580px) and (max-width:767.98px){.hero__dots{top:50%;left:auto;right:1rem;transform:translateY(-50%);flex-direction:column}}