/* User-approved, real workshop photography. The header shares the hero image. */
.workshop-media-page .site-header.topbar{position:fixed;inset:0 0 auto;background:linear-gradient(180deg,#0b231cab,transparent);border:0;transition:background .25s;box-shadow:none}
.workshop-media-page.past-workshop-hero .site-header.topbar{background:#203c31;box-shadow:0 1px 0 #ffffff0a}
.workshop-media-page .site-header .main-nav{background:#122b2180}
.workshop-media-page .site-header .menu-toggle{background:#122b2180}
.workshop-hero.workshop-hero--media{isolation:isolate;background:#203c31;border-bottom:0}
.workshop-hero--media .hero-media{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none}
.workshop-hero--media .hero-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.025);filter:saturate(.9);opacity:0}
.workshop-hero--media .hero-frame--first{opacity:1;width:125%;right:auto;object-position:0% 88%;transform-origin:left center;transform:scale(1.025)}
.workshop-hero--media .hero-frame--second{object-position:50% 60%}
.workshop-hero--media .hero-frame--third{object-position:55% 55%}
.workshop-hero.workshop-hero--media::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(19,43,34,.78),rgba(19,43,34,.82) 50%,rgba(19,43,34,.88))}
.workshop-hero--media .hero-inner.wrap{display:flex;align-items:center;justify-content:center;text-align:center;width:min(1280px,calc(100% - 80px));min-height:660px;height:min(790px,100svh);padding-block:170px 100px;gap:0;position:relative}
.workshop-hero--media .hero-copy{width:100%;max-width:760px;margin-inline:auto}
.workshop-hero--media .hero-kicker{font-size:12px;font-weight:500;letter-spacing:.04em;color:#dcc396;margin-bottom:22px}
.workshop-hero--media .hero-copy h1{font:500 clamp(40px,4.4vw,62px)/1.5 var(--serif);letter-spacing:-.065em;text-shadow:0 2px 20px #10221938}
.workshop-hero--media .hero-copy h1 em{color:#ead1a5}
.workshop-hero--media .hero-description{color:#e2e8dc;font-size:15px;line-height:1.8;margin-top:24px}
.workshop-hero--media .hero-actions{margin-top:35px;gap:29px;flex-wrap:wrap;justify-content:center}
.workshop-hero--media .hero-primary{border-radius:6px;padding:15px 22px;min-height:52px;font-size:14px;gap:32px;background:#e6c994;border-color:#e6c994}
.workshop-hero--media .hero-secondary{color:#f0f2e9;font-size:13px;gap:12px;border-bottom-color:#f0f2e959}
.workshop-hero--media .hero-motion-toggle{position:absolute;right:max(40px,calc((100% - 1280px)/2));bottom:24px;display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 13px;border:1px solid #ffffff4d;border-radius:30px;background:#112a2080;color:#f4f0e6;font-size:11px;line-height:1.4;backdrop-filter:blur(8px)}
.hero-motion-icon{display:block;width:9px;height:10px;border-inline:2px solid currentColor}
.hero-motion-toggle[aria-pressed=true] .hero-motion-icon{border:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;margin-right:1px}
.workshop-hero--media.is-animated .hero-frame--first{animation:workshop-drift-group 48s ease-in-out infinite}
.workshop-hero--media.is-animated .hero-frame--second{animation:workshop-drift-two 48s ease-in-out infinite,workshop-scene-two 45s linear infinite}
.workshop-hero--media.is-animated .hero-frame--third{animation:workshop-drift-one 48s ease-in-out infinite,workshop-scene-three 45s linear infinite}
.workshop-hero--media.media-paused .hero-frame{animation-play-state:paused}
@keyframes workshop-drift-group{0%,100%{transform:scale(1.025)}50%{transform:scale(1.055) translateX(.35%)}}
@keyframes workshop-drift-one{0%,100%{transform:scale(1.025) translateX(.15%)}50%{transform:scale(1.09) translateX(-.6%)}}
@keyframes workshop-drift-two{0%,100%{transform:scale(1.07) translateX(-.3%)}50%{transform:scale(1.025) translateX(.35%)}}
@keyframes workshop-scene-two{0%,24%,64%,100%{opacity:0}32%,56%{opacity:1}}
@keyframes workshop-scene-three{0%,56%{opacity:0}64%,92%{opacity:1}100%{opacity:0}}
@media(max-width:1100px){.workshop-hero--media .hero-inner.wrap{width:calc(100% - 60px);min-height:620px;padding-block:150px 90px}.workshop-hero--media .hero-copy h1{font-size:47px}.workshop-hero--media .hero-copy{max-width:580px}.workshop-media-page .site-header .main-nav{background:#1c372dfa}}
@media(max-width:850px){.workshop-hero--media .hero-inner.wrap{width:calc(100% - 48px);min-height:600px;height:min(760px,100svh);padding-block:135px 125px}.workshop-hero--media .hero-copy{max-width:560px}.workshop-hero--media .hero-copy h1{font-size:clamp(30px,6.6vw,45px)}.workshop-hero--media .hero-frame--first{object-position:34% 85%}.workshop-hero--media .hero-frame--second{object-position:82% 60%}.workshop-hero--media .hero-frame--third{object-position:58% 50%}.workshop-hero.workshop-hero--media::after{background:linear-gradient(180deg,#132b22c7,#132b22d1 50%,#132b22e0)}.workshop-hero--media .hero-motion-toggle{right:24px;bottom:95px}}
@media(max-width:500px){.workshop-hero--media .hero-inner.wrap{min-height:580px;height:100svh;max-height:760px;align-items:center}.workshop-hero--media .hero-kicker{font-size:11px;margin-bottom:19px}.workshop-hero--media .hero-copy h1{font-size:clamp(27px,7.1vw,35px);line-height:1.55}.workshop-hero--media .hero-description{font-size:12px;line-height:1.9;margin:21px auto 0;max-width:250px}.workshop-hero--media .hero-actions{gap:20px;margin-top:28px}.workshop-hero--media .hero-primary{font-size:12px;padding:13px 16px;gap:21px;min-height:48px}.workshop-hero--media .hero-secondary{font-size:11px;gap:8px}}
@media(max-width:360px){.workshop-hero--media .hero-inner.wrap{width:calc(100% - 40px);min-height:580px;padding-block:135px 125px}.workshop-hero--media .hero-copy h1{font-size:26px}.workshop-hero--media .hero-actions{gap:17px}.workshop-hero--media .hero-primary{padding-inline:13px;gap:15px}.workshop-hero--media .hero-motion-toggle{right:20px}}
@media(hover:hover){.workshop-hero--media .hero-motion-toggle:hover{background:#112a20bb;border-color:#ffffff80}}
@media(prefers-reduced-motion:reduce){.workshop-hero--media .hero-frame{animation:none!important}.workshop-hero--media .hero-frame:not(.hero-frame--first){opacity:0!important}.workshop-hero--media .hero-motion-toggle{display:none}.workshop-media-page .site-header.topbar{transition:none}}