/* Brand to product: a single typographic voice and a tactile, open reel. */
body.atelier .hero .positioning-line { flex-wrap:wrap; column-gap:10px; row-gap:4px; }
body.atelier .positioning-line>span { white-space:nowrap; }
body.atelier .positioning-line .status-dot { flex:none; margin:0; animation:none; }
body.atelier .monogram-rest { display:block; font:inherit; letter-spacing:inherit; visibility:visible; }
body.atelier .monogram-strip { position:absolute; inset:0; display:block; font:inherit; letter-spacing:inherit; font-style:normal; visibility:hidden; clip-path:inset(calc(var(--slice)*20%) 0 calc(80% - var(--slice)*20%) 0); }
body.atelier .is-reconstructing .monogram-rest { visibility:hidden; }
body.atelier .is-reconstructing .monogram-strip { visibility:visible; }

body.atelier .work-preview { width:100%; }
body.atelier .showcase-stage:has(.is-reel-ready) { padding:0; overflow:hidden; }
body.atelier .showcase-stack.is-reel-ready { --reel-card-width:62%; --reel-card-height:38vw; --reel-height:calc(38vw + 96px); position:relative; height:var(--reel-height); aspect-ratio:auto; overflow:hidden; border-radius:0; background:transparent; perspective:1800px; touch-action:pan-y pinch-zoom; }
body.atelier .showcase-stack.is-reel-ready:focus-visible { outline:1px solid var(--accent); outline-offset:-1px; }
body.atelier .is-reel-ready .showcase-slide { position:absolute; inset:auto; left:50%; top:50%; width:var(--reel-card-width); height:var(--reel-card-height); margin:calc(var(--reel-card-height)/-2) 0 0 calc(var(--reel-card-width)/-2); opacity:1; visibility:visible; transform-origin:center; border-radius:3px; box-shadow:none; background:var(--pale); transition:none; pointer-events:auto; cursor:grab; will-change:auto; }
body.atelier .is-reel-ready .showcase-slide::after { content:none; }
body.atelier .is-reel-ready .showcase-slide img,body.atelier .is-reel-ready .showcase-slide video { border-radius:3px; filter:none; object-fit:cover; pointer-events:none; }
body.atelier .is-reel-ready.is-dragging .showcase-slide { cursor:grabbing; }
body.atelier .showcase-stage:has(.is-dragging) .preview-cursor { opacity:0; }
body.atelier .showcase-stage:has(.is-reel-ready) .preview-cursor { pointer-events:none; opacity:0; }
body.atelier .work-after { width:min(1248px,calc(100% - 112px)); margin-inline:auto; }
@media(hover:hover) {
 body.atelier .showcase-stage:has(.showcase-slide:hover):not(:has(.is-dragging)) .preview-cursor { opacity:1; }
}
@media(max-width:640px) {
 body.atelier .hero .positioning-line { column-gap:7px; font-size:11px; letter-spacing:0; }
 body.atelier .positioning-line .status-dot { width:5px; height:5px; }
 body.atelier .work-after { width:calc(100% - 40px); }
}
@media(prefers-reduced-motion:reduce) {
 body.atelier .monogram-rest { visibility:visible!important; }
 body.atelier .monogram-strip { visibility:hidden!important; }
}