/* Matched photographic stages; opacity follows scroll without playback controls. */
.workshop-build{--workshop-header:80px;background:#080a0b;position:relative;scroll-margin-top:80px}.workshop-pin{position:relative;height:calc(100svh - var(--workshop-header));min-height:480px;overflow:hidden}.workshop-enhanced{height:330svh}.workshop-enhanced .workshop-pin{position:sticky;top:var(--workshop-header)}.workshop-frames,.workshop-shade{position:absolute;inset:0}.workshop-frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;opacity:0}.workshop-frames img:last-child{opacity:1}.workshop-enhanced .workshop-frames img{opacity:0;will-change:opacity}.workshop-enhanced .workshop-frames img:first-child{opacity:1}.workshop-shade{background:linear-gradient(180deg,#080a0be8 0%,#080a0b90 18%,transparent 49%,transparent 81%,#080a0ba8 100%);pointer-events:none}.workshop-build-copy{position:absolute;top:6%;left:5%;right:5%;text-align:center;pointer-events:none}.workshop-build-copy .eyebrow{font-size:10px;letter-spacing:.22em;color:#ddd}.workshop-build-copy h1{font:400 clamp(42px,5.2vw,76px)/1.03 Georgia,serif;letter-spacing:-.04em;margin:17px 0;color:#f4f1ed;text-shadow:0 2px 22px #0008}.workshop-build-copy em{color:#ee354b}.workshop-build-copy p{font-size:13px;color:#d5d3d3}.workshop-build-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:25px;padding-bottom:25px}.workshop-build-footer p{font-size:11px;color:#959da9;line-height:1.6}.workshop-build-footer a{font-size:11px}.workshop-in-view .assistant-launch,.workshop-in-view .pc-backtop{visibility:hidden;pointer-events:none}
@media(max-width:760px){.workshop-pin{min-height:510px}.workshop-frames img{object-fit:contain;object-position:center 76%}.workshop-build-copy{top:6%}.workshop-build-copy h1{font-size:48px}.workshop-shade{background:linear-gradient(180deg,#080a0b80,transparent 60%,#080a0b40)}.workshop-build-footer{flex-direction:column;align-items:start;gap:4px}.workshop-enhanced{height:300svh}}
@media(prefers-reduced-motion:reduce){.workshop-enhanced{height:auto}.workshop-enhanced .workshop-pin{position:relative;top:0}.workshop-enhanced .workshop-frames img{opacity:0!important;will-change:auto}.workshop-enhanced .workshop-frames img:last-child{opacity:1!important}}

/* Film frames follow scroll in both directions, with no video playback controls. */
.workshop-build{scroll-margin-top:0}.workshop-pin{height:min(calc(100svh - var(--workshop-header)),56.25vw);min-height:0}.workshop-enhanced{height:340svh}.workshop-frames:before{content:"";position:absolute;inset:-30px;background:url('visuals/workshop-film/frame-000.webp') center/cover;filter:blur(24px) brightness(.65);transform:scale(1.08)}.workshop-frames .workshop-poster{opacity:1!important;object-fit:cover;object-position:center}.workshop-frames canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.has-workshop-film .workshop-frames canvas{opacity:1}.has-workshop-film .workshop-frames .workshop-poster{opacity:0!important}.workshop-shade{background:linear-gradient(180deg,#080a0b99,transparent 40%,transparent 90%,#080a0b44)}.workshop-build-copy{z-index:2}.workshop-build-copy h1{font-size:clamp(40px,4.6vw,64px)}
@media(max-width:760px){.workshop-pin{height:clamp(340px,64svh,440px);min-height:0}.workshop-enhanced{height:270svh}.workshop-frames .workshop-poster{object-fit:contain;object-position:center 67%}.workshop-build-copy h1{font-size:42px}.workshop-build-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.workshop-enhanced{height:auto}.workshop-build-copy{opacity:1!important}}