:root{--padding-horizontal:4.7vw;--padding-top:5rem}@media (min-width:992px){:root{--padding-top:4.375rem}}
body{background:#223242;color:#f1f1f1}
.header.header--compact{box-shadow:none}
.main{position:relative;width:100%;overflow:hidden}
.main::before{content:"";position:fixed;inset:0;width:100vw;height:100vh;background-image:url("../img/bg/art-line.svg");background-repeat:no-repeat;background-position:right 0;background-size:70vh;opacity:.2;pointer-events:none;z-index:0}
.blue-bkg{background:rgba(34,50,66,.5)}
.section{padding:var(--padding-top) var(--padding-horizontal);width:100%}
.hero,.section{position:relative;z-index:1}
.hero{padding-bottom:4rem}
.hero__title{font-size:clamp(28px,3.2vw,2.81rem);font-weight:700;color:var(--color-brand);margin-top:2vw}
.hero__subtitle{margin:1.6rem 0 0;font-size:clamp(17px,2vw,1.75rem);font-weight:700;color:#fff;position:relative;width:max-content;max-width:100%;text-align:left}
.hero__subtitle::before{content:'';position:absolute;left:0;bottom:0;width:50%;height:.125rem;background-color:var(--color-brand)}
.hero__lead{max-width:58rem;margin:1rem 0 0;font-size:clamp(13px,2.33vw,1rem);line-height:1.5;color:#fff}
.workshops{padding:0 var(--padding-horizontal)}
.workshops__title{margin:auto;font-size:clamp(20px,2vw,2rem);font-weight:700;color:var(--color16);text-align:center;padding:0 .5rem}
.workshops__panel{max-width:60rem;padding:1.4rem 0 4vw 0;margin:auto;background:var(--color7);position:relative}
.workshops__inner{padding:1.2rem 0 1rem;text-align:center;width:max-content;max-width:100%;margin:auto}
.workshops__box{display:flex;flex-direction:column;gap:1rem;width:100%}
.workshops__info{padding:0 1.2rem;text-align:left}
.workshops__list{display:grid}
.workshops__item{border-bottom:.0625rem solid rgba(62,44,38,.18)}
.workshops__item:first-of-type{border-top:.0625rem solid rgba(62,44,38,.18)}
.workshops__link{display:grid;gap:.18rem;padding:1rem;transition:background-color .5s ease;color:#223242}
.workshops__level{font-size:.8125rem;font-weight:700;letter-spacing:.04rem;color:var(--color12)}
.workshops__level em{text-transform:uppercase;font-style:normal}
.workshops__name{font-size:clamp(17px,1.5vw,1.5rem);line-height:1.2;color:var(--color16);font-weight:800}
.workshops__text{font-size:.75rem;line-height:1.3}
.workshops__link:hover,.workshops__link:focus,.workshops__link:focus-visible{background-color:var(--color16);color:#fff}
.workshops__link:hover .workshops__name,.workshops__link:focus .workshops__name,.workshops__link:focus-visible .workshops__name{color:#fff;font-weight:700}
.workshops__link:hover .workshops__level,.workshops__link:focus .workshops__level,.workshops__link:focus-visible .workshops__level{color:var(--color-brand)}
.workshops__note{margin:1.5rem 0 0;font-size:.875rem;line-height:1.2;color:#223242}
.workshops__cta-wrap{text-align:center}
.workshops__viewer{width:calc(100% - 2.4rem);max-width:21rem;aspect-ratio:336/512;max-height:32rem;margin:auto;border-radius:1rem;overflow:hidden;position:relative;z-index:1;perspective:75rem;background:#223242}
.workshops__viewer:focus-within,.workshops__viewer:focus-visible{outline:4px solid var(--color16);outline-offset:2px}
.workshops__viewer-img,.workshops__viewer-video{display:block;width:100%;height:100%;object-fit:cover}
/*FLIP*/.workshops__viewer-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.workshops__viewer-flip,.workshops__viewer-video{position:absolute;inset:0}
.workshops__viewer-flip[hidden],.workshops__viewer-video[hidden]{display:none}
.workshops__viewer-img--front,.workshops__viewer-img--back{position:absolute;inset:0;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}
.workshops__viewer-img--front{transform:rotateY(0deg)}
.workshops__viewer-img--back{transform:rotateY(-180deg)}
.workshops__viewer-flip.is-flipping .workshops__viewer-img--front{transform:rotateY(180deg);transition:transform .95s cubic-bezier(.45,.05,.55,.95)}
.workshops__viewer-flip.is-flipping .workshops__viewer-img--back{transform:rotateY(0deg);transition:transform .95s cubic-bezier(.45,.05,.55,.95)}
.workshops__viewer-video{opacity:1}
.workshops__viewer-video.is-fading-in{opacity:0}
.workshops__media-col{display:grid;gap:.45rem;width:calc(100% - 2rem);margin:-7px auto auto}
.workshops__media-title{font-size:.82rem;line-height:.82rem;letter-spacing:.06rem;text-transform:uppercase;color:var(--color12);text-align:left}
.workshops__gallery{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;cursor:grab;width:100%}
.workshops__gallery::-webkit-scrollbar{display:none}
.workshops__gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:4rem;gap:.5rem;width:max-content}
.workshops__gallery-btn{display:block;width:4rem;height:4rem;overflow:hidden;border-radius:.25rem;cursor:pointer;opacity:.78;transition:opacity .25s ease,border-color .25s ease,transform .25s ease;position:relative}
.workshops__gallery-btn:hover,.workshops__gallery-btn:focus,.workshops__gallery-btn:focus-visible,.workshops__gallery-btn.is-active{opacity:1;outline:.3125rem solid var(--color16);outline-offset:-.3125rem}
.workshops__gallery-img,.workshops__video-thumb{display:block;width:100%;height:100%;object-fit:cover}
.workshops__videos .workshops__gallery-btn::after{content:"";position:absolute;inset:0;margin:auto;width:1.55rem;height:1.55rem;border-radius:50%;background:rgba(34,50,66,.52);backdrop-filter:blur(.08rem);-webkit-backdrop-filter:blur(.08rem);box-shadow:0 .08rem .35rem rgba(0,0,0,.16);pointer-events:none}
.workshops__videos .workshops__gallery-btn::before{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-top:.34rem solid transparent;border-bottom:.34rem solid transparent;border-left:.54rem solid #fff;transform:translateX(.09rem);z-index:1;pointer-events:none}
.workshops__viewer::after,.workshops__photos .workshops__gallery-btn::after{content:"";position:absolute;inset:0;background:rgba(34,50,66,.22);pointer-events:none}
.workshops__cta-sentinel{display:block;height:1px;pointer-events:none}
.btn--primary:hover,.btn--primary:active{background:transparent;text-shadow:none}
.faq-link{font-weight:600;margin:1rem auto 0;color:var(--color16);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:.125rem solid var(--color16);outline-offset:.125rem}
.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 (max-width:470px){
.workshops__media-col.fx-fade-up-var,.workshops__media-col.fx-fade-up-var.fx-run,.workshops__viewer.fx-fade-up-var,.workshops__viewer.fx-fade-up-var.fx-run{animation:none;transform:none;opacity:1}
}
@media (min-width:470px) and (max-width:767.98px){
.workshops__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}
.workshops__item:nth-child(2){border-top:.0625rem solid rgba(62,44,38,.18)}
}
@media (min-width:768px){
.main::before{opacity:.8}
.workshops{padding:0}
.workshops__panel{padding:4vw 0}
.workshops__title{margin:0 auto .8rem}
.workshops__inner{padding:2rem 0 0 0;display:flex;align-items:center;justify-content:center;width:100%}
.workshops__box{flex-direction:row;align-items:stretch;gap:.5rem;width:max-content}
.workshops__info{flex:0 0 15rem;padding:0;margin-right:0.5rem}
.workshops__viewer{width:21rem;max-width:none;height:32rem;margin:0}
.workshops__media-col{width:3.75rem;max-width:none;margin:0;height:32rem}
.workshops__gallery{width:3.75rem;min-width:3.75rem;height:calc(32rem - 1.75rem);max-height:calc(32rem - 1.75rem);overflow-y:auto;overflow-x:hidden;touch-action:pan-y}
.workshops__gallery-track{grid-auto-flow:row;grid-auto-rows:3.75rem;grid-auto-columns:auto;width:3.75rem}
.workshops__gallery-btn{width:3.75rem;height:3.75rem;border-radius:.125rem}
.workshops__media-title{text-align:center}
.workshops__videos .workshops__gallery-btn::before{border-top:.32rem solid transparent;border-bottom:.32rem solid transparent;border-left:.5rem solid #fff}
}
@media (min-width:870px){
.workshops__panel{width:65vw;min-width:54.125rem;max-width:none}
.workshops__box{gap:1rem}
.workshops__info{flex:0 0 20rem}
.workshops__level{font-size:.92rem}
.workshops__text{font-size:1rem;line-height:1.45}
.workshops__note{font-size:.98rem}
}
@media (min-width:992px){.workshops__info{margin-right:1.5rem}}
@media (hover:hover){.workshops__gallery:active{cursor:grabbing}}
@media (prefers-reduced-motion:reduce){.workshops__viewer-video,.workshops__gallery-btn,.workshops__link,.workshops__viewer-flip,.workshops__viewer-img--front,.workshops__viewer-img--back{transition:none!important;animation:none!important}.workshops__viewer-flip.is-flipping .workshops__viewer-img--front,.workshops__viewer-flip.is-flipping .workshops__viewer-img--back{transform:none!important}.workshops__viewer-video.is-fading-in{opacity:1!important}}