.workshop{position:relative;background:#fff1d2;color:#073e40;overflow:hidden;isolation:isolate}
.workshop-world{position:relative;min-height:540px;aspect-ratio:16/9}
.workshop-plane{position:absolute;inset:0;overflow:visible}
.workshop-back,.workshop-monkey{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.workshop-back{z-index:0}.workshop-launches{position:absolute;inset:0;pointer-events:none}.workshop-monkey{z-index:2;transform-origin:32% 95%}
.workshop.is-running .workshop-monkey{animation:workshop-breathe 4.7s ease-in-out infinite}
@keyframes workshop-breathe{0%,100%{transform:rotate(-.15deg) translateY(0)}50%{transform:rotate(.2deg) translateY(-2px)}}
.workshop-copy{position:absolute;left:62%;right:5%;top:16%;z-index:3}
.workshop-copy h2{font:400 clamp(32px,4.3vw,76px)/1.12 Anton,sans-serif;margin:22px 0;letter-spacing:.01em}
.workshop-copy h2 span{display:inline-block;transform-origin:50% 80%}.workshop-copy p{font-size:clamp(15px,1.3vw,21px);line-height:1.6}.workshop-copy .eyebrow{font-size:12px;letter-spacing:.16em}.workshop-copy .button{margin-top:12px}
.workshop-copy h2 .workshop-word{white-space:nowrap;margin-right:.2em}
.workshop-toggle{position:absolute;right:24px;bottom:18px;z-index:4;border:1px solid #073e4055;border-radius:20px;background:#fff1d2;padding:9px 14px;color:#073e40;font-size:12px}
.workshop-sprite{position:absolute;z-index:1;left:32%;top:73%;width:18%;aspect-ratio:1;margin-left:-9%;margin-top:-9%;background-image:url('/assets/workshop-objects.png');background-size:300% 300%;background-repeat:no-repeat;will-change:transform,opacity}
.workshop-puff{position:absolute;z-index:1;left:32%;top:73%;width:7%;aspect-ratio:1;border-radius:50%;background:#d6d4c4;border:2px solid #073e40;opacity:0;will-change:transform,opacity}
.workshop-puff.foam{background:#fff9e8;border-color:#073e40;box-shadow:12px -8px 0 -3px #fff9e8,-10px -5px 0 -3px #fff9e8}
.workshop-sprite.burst{width:54%;margin-left:-27%;margin-top:-27%}
@media(max-width:700px){.workshop-world{aspect-ratio:auto;min-height:0;padding-top:360px}.workshop-plane{z-index:4;height:360px;inset:0 auto auto 0;width:640px;max-width:none;transform:translateX(calc((100vw - 640px)*.32))}.workshop-copy{position:relative;left:auto;right:auto;top:auto;padding:25px 24px 90px;background:#fff1d2}.workshop-copy h2{font-size:42px}.workshop-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.workshop.is-running .workshop-monkey{animation:none}.workshop-toggle{display:none}}