.workshop{isolation:isolate;color:#f1f3f5;background:#080b0f;height:100svh;min-height:740px;max-height:1250px;position:relative;overflow:hidden}.workshop .stage{pointer-events:none;position:absolute;inset:0}.workshop .stage img,.workshop .stage canvas{object-fit:cover;object-position:65% center;width:100%;height:100%;position:absolute;inset:0}.workshop .stage canvas{opacity:0;transition:opacity 1s}.workshop.ready .stage canvas{opacity:1}.workshop .shade{background:linear-gradient(90deg,#080b0fee 0%,#080b0fbb 25%,#080b0f33 45%,#0000 59%),linear-gradient(#080b0f77,#0000 13% 45%,#080b0f33 67%,#080b0fcc 88%,#080b0f 100%);position:absolute;inset:0}.workshop .copy{top:clamp(135px,19vh,230px);left:var(--gutter);z-index:2;width:39%;max-width:570px;position:absolute}.workshop .copy .hero-eyebrow{color:var(--accent-2);letter-spacing:.18em;margin-bottom:27px;font-size:11px}.workshop .copy h1{font:500 clamp(44px,4.6vw,76px)/1.02 var(--font-sans);letter-spacing:-.05em;margin-bottom:28px}.workshop .copy h1 em{color:var(--accent-2);font-style:normal}.workshop .copy .lead{color:#c9d1dc;max-width:38ch;font-size:17px;line-height:1.65}.workshop .scope{color:#95a0ae;margin-top:18px;font-size:13px;line-height:1.8}.workshop .copy .hero-ctas{flex-wrap:wrap;gap:12px;margin-top:28px}.workshop .copy .btn{padding:15px 16px;font-size:10px}.workshop .story{bottom:132px;right:var(--gutter);z-index:2;text-shadow:0 1px 3px #000;width:31%;max-width:390px;min-height:87px;position:absolute}.workshop .story-kicker{font:10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:10px}.workshop .story>p:nth-child(2){color:#d3dae3;text-wrap:balance;font-size:18px;line-height:1.5}.workshop .bottom{bottom:29px;left:var(--gutter);right:var(--gutter);z-index:4;align-items:center;gap:38px;display:flex;position:absolute}.workshop .timeline{flex:1;grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.workshop .timeline button{text-align:left;color:#8995a2;border-top:1px solid #d1c2ab40;min-height:56px;padding:19px 0 7px;font-size:13px;position:relative}.workshop .timeline button>span{font:9px var(--font-mono);color:#9a845f;margin-right:10px;display:inline-block}.workshop .timeline button[aria-pressed=true]{color:#ece6dd}.workshop .timeline i{background:var(--accent-2);transform-origin:0;width:100%;height:2px;position:absolute;top:-1px;left:0;transform:scaleX(0);box-shadow:0 0 12px #d2ae7666}.workshop .timeline button:hover{color:#fff}.workshop .transport{gap:8px;display:flex}.workshop .transport button{color:#d6dce5;background:#080b0f88;border:1px solid #d1c2ab40;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.workshop .transport button:hover{border-color:var(--accent-2)}.workshop .transport svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round}.workshop [hidden]{display:none!important}.workshop a:focus-visible,.workshop button:focus-visible{outline:2px solid var(--accent-2);outline-offset:6px}.workshop .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workshop #fallback{bottom:25px;left:var(--gutter);color:#aab6c1;font-size:12px;position:absolute}@media (width>=1121px) and (width<=1150px){.workshop .copy{width:40%}.workshop .copy h1{font-size:clamp(40px,4.7vw,54px)}.workshop .copy .lead{font-size:15px}.workshop .copy .scope{font-size:12px}.workshop .copy .btn{padding:13px 12px;font-size:9px}.workshop .timeline{gap:18px}.workshop .timeline button{font-size:11px}.workshop .timeline button>span{margin-right:7px}.workshop .story{width:34%}.workshop .story>p:nth-child(2){font-size:16px}.workshop .bottom{gap:20px}}@media (width>=1121px) and (height<=780px){.workshop .copy{top:130px}.workshop .copy h1{margin-bottom:22px;font-size:52px}.workshop .copy .hero-eyebrow{margin-bottom:22px}.workshop .copy .hero-ctas{margin-top:20px}.workshop .scope{margin-top:14px}}@media (width<=1120px){.workshop{height:auto;min-height:0;max-height:none;padding:400px var(--gutter) 28px}.workshop .stage{height:420px;top:45px}.workshop .stage img{object-position:100% center}.workshop .shade{background:linear-gradient(#080b0f88,#0000 12% 65%,#080b0f)}.workshop .copy{width:100%;max-width:none;position:relative;inset:auto}.workshop .copy .hero-eyebrow{margin-bottom:22px;font-size:10px}.workshop .copy h1{margin-bottom:25px;font-size:clamp(43px,10.8vw,66px)}.workshop .copy .lead{font-size:17px}.workshop .copy .scope{font-size:13px}.workshop .copy .hero-ctas{margin-top:24px}.workshop .copy .btn{padding:14px 12px;font-size:9px}.workshop .story{width:100%;max-width:none;min-height:102px;margin-top:38px;position:relative;inset:auto}.workshop .story>p:nth-child(2){font-size:17px}.workshop .bottom{margin-top:27px;display:block;position:relative;inset:auto}.workshop .timeline{grid-template-columns:1fr 1fr;gap:14px 22px}.workshop .timeline button{font-size:12px}.workshop .transport{justify-content:flex-end;margin-top:24px}}@media (prefers-reduced-motion:reduce){.workshop *{transition:none!important}}.workshop.ready .stage img{visibility:hidden}.workshop .copy{max-width:620px}.workshop .copy h1{font-size:clamp(44px,4.35vw,66px)}@media (width<=1120px){.workshop .copy h1{font-size:clamp(43px,10.8vw,66px)}}.workshop #replay{color:#d6e4ef;background:#101a2255;border:1px solid #c3d9e038;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.workshop #replay:hover{background:#a9d8ff20;border-color:#a9d8ff80}.workshop #replay svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}