/* Progressive enhancement: the HTML remains readable if animation scripts fail. */
.workspace-main.wb-motion{overflow:clip}
.workspace-main .feature-row.wb-chapter{display:block;padding:0;position:relative}
.workspace-main .wb-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:1.55fr 1fr;gap:30px;align-items:center;min-width:0}
.workspace-main .wb-art-shell{position:relative;min-width:0;perspective:1000px;z-index:1;overflow:hidden;contain:paint;border-radius:12px;aspect-ratio:5/3;isolation:isolate}
.workspace-main .wb-art-shell svg{display:block;width:100%;height:auto;aspect-ratio:5/3;overflow:hidden;border-radius:12px}
.workspace-main .wb-stage .feature-copy{position:relative;z-index:2;min-width:0}
.workspace-main .wb-index{display:none;position:absolute;right:3%;bottom:2%;font-family:Arial,sans-serif;font-size:clamp(160px,23vw,340px);font-weight:700;letter-spacing:-.085em;line-height:.9;color:var(--foreground);opacity:.035;pointer-events:none;z-index:0}
.workspace-main .wb-chapter-line{height:2px;width:64px;transform-origin:left center;background:linear-gradient(90deg,#267bff,#65d7c8);margin-top:30px}
.wb-scroll-meter{position:fixed;left:0;top:var(--header-height);width:100%;height:2px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#48cfd1,#438aff 60%,#cf9bff);z-index:1001;pointer-events:none}
.workspace-main .wb-scroll-cue{display:flex;align-items:center;gap:12px;position:absolute;left:50%;bottom:22px;translate:-50% 0;font-size:10px;letter-spacing:.12em;text-decoration:none;opacity:.55;z-index:2}
.workspace-main .wb-scroll-cue i{height:30px;width:1px;background:currentColor;position:relative;transform-origin:top}
.workspace-main .wb-scroll-cue i:after{content:"";position:absolute;bottom:0;left:-2px;width:5px;height:5px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;rotate:45deg}
.workspace-main.wb-motion [data-reveal]{transition:none}
.workspace-main.wb-motion .feature-copy>*{transition:color 420ms ease}
.workspace-main .wb-piece{transform-box:fill-box;transform-origin:center}
.workspace-main.wb-motion .wb-art-shell{will-change:clip-path,opacity}
.workspace-main .wb-feature-image{width:100%;aspect-ratio:5/3;display:block}
.workspace-main .practical-card .wb-art-shell{margin:0}
.workspace-main .practical-card .wb-art-shell svg{border-radius:12px}
@media(min-width:1000px) and (min-height:650px),(min-width:768px) and (min-height:600px) and (orientation:landscape){
 .workspace-main .feature-row.wb-chapter{margin:0;min-height:calc(100svh - var(--header-height))}
 .workspace-main .wb-stage{min-height:calc(100svh - var(--header-height));padding:64px max(40px,calc((100vw - 1200px)/2));grid-template-columns:1.35fr 1fr;gap:clamp(32px,5vw,88px)}
 .workspace-main.wb-motion .wb-index{display:block}
 .workspace-main.wb-motion .feature-list{overflow:visible}
}
@media(max-width:900px){.workspace-main .wb-stage{gap:24px}}
@media(max-width:600px){.workspace-main .wb-stage{grid-template-columns:1fr;gap:24px}.workspace-main .wb-scroll-cue{display:none}.workspace-main .wb-chapter-line{margin-top:20px;width:48px}}
@media(prefers-reduced-motion:reduce){.wb-scroll-meter,.workspace-main .wb-scroll-cue,.workspace-main .wb-index{display:none!important}.workspace-main .wb-art-shell{will-change:auto!important}}
@media print{.wb-scroll-meter,.workspace-main .wb-scroll-cue,.workspace-main .wb-index{display:none}.workspace-main .wb-stage{min-height:0!important;break-inside:avoid}.workspace-main .wb-art-shell,.workspace-main .feature-copy>*{transform:none!important;opacity:1!important;visibility:visible!important}}

.workspace-main .wb-text-mask{overflow:hidden;position:relative}
.workspace-main .wb-text-inner{display:block}
.workspace-main .wb-art-shell>svg,.workspace-main .wb-art-shell>img{transform-origin:center;overflow:hidden}
.workspace-main .wb-art-shell img{width:100%;height:100%;object-fit:cover;display:block}
.workspace-main .release-notes-fold{max-width:42em;margin:24px auto 0;text-align:left;border-block:1px solid var(--rule)}
.workspace-main .release-notes-fold summary{font-size:13px;line-height:1.8;padding:16px 8px;cursor:pointer;text-align:left}
.workspace-main .release-notes-fold .release-notes{margin:0!important;padding:0 8px 18px;white-space:pre-line}

/* R3: full entrance motion lives inside stable, strictly clipped frames. */
.workspace-main.wb-motion .wb-text-inner{will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.workspace-main .wb-text-inner{will-change:auto!important}}