.workshop-films{background:#eeece5;color:#171717;padding:76px var(--gutter) 82px;border-top:1px solid #d5d1c7;scroll-margin-top:28px}
.workshop-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:8vw;align-items:start}
.workshop-heading{grid-column:1;grid-row:1}.workshop-films .eyebrow{color:#aa3f16;margin-bottom:18px}.workshop-heading h2{font-size:clamp(42px,5vw,72px);line-height:1.04;max-width:650px}.workshop-intro{font-size:16px;line-height:1.7;color:#57534d;max-width:470px;margin:24px 0 28px}
.workshop-selector{grid-column:1;grid-row:2;border-top:1px solid #bcb7ad;display:flex;flex-direction:column}.workshop-choice{display:grid;grid-template-columns:1fr auto;gap:3px 16px;padding:18px 4px;border-bottom:1px solid #bcb7ad;text-align:start;min-height:80px}.workshop-choice strong{font-size:clamp(20px,2.1vw,28px);font-weight:400;line-height:1.25;letter-spacing:-.025em}.workshop-choice small{font-size:12px;color:#666059}.workshop-choice:after{content:'↗';grid-column:2;grid-row:1/3;align-self:center;font-size:25px;color:#aa3f16}.workshop-choice[aria-current=true]{box-shadow:inset 3px 0 #ed6028;padding-inline-start:16px}.workshop-choice[aria-current=true] strong{color:#9d3914}.workshop-choice:hover{background:#fff8}.workshop-choice:focus-visible{outline:3px solid #b4481d;outline-offset:4px}
.workshop-selected{grid-column:1;grid-row:3;max-width:475px;padding-top:24px}.workshop-description{font-size:15px;color:#57534d;min-height:78px}.workshop-cta{margin-top:23px;font-size:14px;display:inline-block}.workshop-note{font-size:12px;color:#666059;margin-top:12px;max-width:390px}
.workshop-viewer{grid-column:2;grid-row:1/4;min-width:0;width:100%;max-width:365px;justify-self:end;position:relative}.workshop-viewer:before{content:'';position:absolute;inset-inline-start:-18px;top:0;width:3px;height:70px;background:#ed6028}.workshop-screen{background:#191919;position:relative;aspect-ratio:478/850;overflow:hidden}.workshop-screen video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:478/850;background:#191919}.workshop-viewer figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#666059;margin-top:10px}.workshop-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px}.workshop-play{background:#171717;color:#fffdf8;padding:12px 20px;min-height:46px;font-size:14px}.workshop-play:hover{background:#aa3f16}.workshop-open{font-size:12px;text-decoration:underline;text-underline-offset:4px}.workshop-error{font-size:13px;color:#8c3010;padding-top:12px}.workshop-play[hidden],.workshop-error[hidden]{display:none}.workshop-films.is-changing .workshop-screen{animation:workshop-settle .22s ease-out}
@keyframes workshop-settle{from{opacity:.6}to{opacity:1}}
[dir=rtl] .workshop-choice[aria-current=true]{box-shadow:inset -3px 0 #ed6028}
@media(min-width:851px){.workshop-viewer{max-width:min(365px,max(240px,calc((100svh - 160px) * 478 / 850)))}}
@media(min-width:851px) and (min-height:680px){.workshop-viewer{position:sticky;top:28px}}
@media(max-width:1000px) and (min-width:851px){.workshop-inner{column-gap:5vw}.workshop-heading h2{font-size:52px}.workshop-intro{font-size:15px;margin:18px 0 22px}.workshop-choice{padding-block:14px}.workshop-selected{padding-top:20px}}
@media(max-width:850px){.workshop-films{padding-block:48px}.workshop-inner{max-width:590px;display:flex;flex-direction:column;gap:0}.workshop-heading h2{font-size:clamp(39px,7vw,58px)}.workshop-intro{margin:20px 0 24px}.workshop-selector{width:100%;margin-bottom:28px}.workshop-choice{padding:12px 4px;min-height:70px}.workshop-choice strong{font-size:22px}.workshop-viewer{align-self:center;max-width:min(365px,calc(63svh * 478 / 850));width:100%}.workshop-viewer:before{inset-inline-start:-12px;height:50px}.workshop-selected{order:4;max-width:none;padding-top:24px}.workshop-description{min-height:0}.workshop-play{padding:10px 14px}.workshop-tools{gap:12px;flex-wrap:wrap}.workshop-cta{margin-top:19px}}
@media(prefers-reduced-motion:reduce){.workshop-films.is-changing .workshop-screen{animation:none}.workshop-viewer{position:static}}
@media print{.workshop-viewer{position:static}.workshop-tools{display:none}}