@import url('/__design/cover-r25-base.css');
/* The cover is a separate, finite first screen. Model controls do not enter home. */
.r26-cover-page .formation-gallery{border:0}
.r26-cover-page .formation-gallery .formation-inner{min-height:calc(100svh - 76px);padding-bottom:24px}
.r26-cover-page .formation-gallery .formation-theater{max-width:1280px;margin:0 auto;outline:0;height:clamp(330px,calc(100svh - 260px),760px)}
.r26-cover-page .r25-cover-actions{padding-top:18px}
.r26-cover-page .r25-case-button{touch-action:none;cursor:grab}
.r26-cover-page .r25-case-button:active{cursor:grabbing;transform:none}
.r26-cover-page .r25-case,.r26-cover-page .r25-case-button:hover .r25-case{transform:translateY(calc(-18px + var(--case-lift,0px))) rotateX(var(--case-pitch,38deg)) rotateY(var(--case-yaw,0deg)) rotateZ(-23deg);transition:none}
.r26-cover-page .r25-case-base{transform:translateZ(-12px);box-shadow:0 3px 0 #8297b2,0 9px 0 #3a526e,0 14px 0 #293c53;transition:opacity .85s ease .5s}
.r26-case-back{inset:0;background:linear-gradient(120deg,#314963,#778a9d);transform:translateZ(-27px) rotateY(180deg);border-radius:6px;box-shadow:inset 0 0 0 2px #8c9fb5;backface-visibility:visible!important;transition:opacity .85s ease .5s}
.r26-case-core{inset:10%;border-radius:4px;background:linear-gradient(145deg,#607f9f,#a9bfd5);transform:translateZ(-4px);box-shadow:0 3px 0 #56718d;display:flex!important;gap:10%;align-items:center;justify-content:center;transition:opacity .8s ease .4s}
.r26-case-core i{display:block;width:14%;height:65%;background:linear-gradient(90deg,#d1ddeb,#f8fbff);box-shadow:3px 3px 0 #8196b0;transform:translateZ(5px)}
.r26-cover-page .r25-case-left{transform:rotateY(calc(-1 * var(--case-peek,0deg)));transition:transform 1.55s cubic-bezier(.32,.05,.12,1),opacity 1.1s ease .45s}
.r26-cover-page .r25-case-right{transform:rotateY(var(--case-peek,0deg));transition:transform 1.55s cubic-bezier(.32,.05,.12,1),opacity 1.1s ease .45s}
.r26-cover-page .r25-case-seal{transform:translateZ(calc(4px + var(--case-seal,0px)));transition:transform .7s cubic-bezier(.32,.05,.12,1),opacity .5s ease}
.r26-cover-page .formation-gallery[data-cover=opening] .r25-case-left{transform:rotateY(-115deg);opacity:0}
.r26-cover-page .formation-gallery[data-cover=opening] .r25-case-right{transform:rotateY(115deg);opacity:0}
.r26-cover-page .formation-gallery[data-cover=opening] .r25-case-seal{transform:translateZ(80px);opacity:0}
.r26-cover-page .formation-gallery[data-cover=opening] :is(.r25-case-base,.r26-case-core,.r26-case-back,.r25-case-shadow){opacity:0}
.r26-cover-page .formation-gallery .formation-theater>:not(.r25-case-button){opacity:0;transform:translateY(24px) scale(.76);transition:opacity 1.35s cubic-bezier(.16,.65,.2,1) .45s,transform 1.7s cubic-bezier(.16,.65,.2,1) .35s}
.r26-cover-page .formation-gallery:is([data-cover=opening],[data-cover=open]) .formation-theater>:not(.r25-case-button){opacity:1;transform:translateY(0) scale(1)}
.r26-cover-page .formation-gallery .formation-quietbar{max-width:1120px;margin:0 auto;justify-content:flex-end;min-height:44px}
.r26-cover-page .formation-process-picker{display:none!important}
.r26-story-label{position:absolute;top:38px;left:var(--u-space);font-size:16px;font-weight:500;color:#263b56;opacity:0;transition:opacity .6s ease;pointer-events:none}
.r26-cover-page .formation-gallery[data-cover=open]:not([data-close-view=true]) .r26-story-label{opacity:1}
.r26-cover-page .formation-gallery:not([data-close-view=true]) .formation-annotation{opacity:0!important}
.r26-idle-pause{position:absolute;right:var(--u-space);top:18px;z-index:9;min-width:44px;min-height:44px;font:inherit;font-size:13px;color:#526075;border:0;background:transparent;cursor:pointer}
.formation-gallery:not([data-cover=closed]) .r26-idle-pause{display:none}
.r26-cover-page .r25-recover{top:16px;right:0}
.r26-cover-page .r25-cover-primary{min-width:190px;gap:32px}
.r26-cover-page .r25-cover-status{bottom:2px}
@media(max-width:767px){.r26-cover-page .formation-gallery .formation-inner{min-height:calc(100svh - 68px);padding-bottom:18px}.r26-story-label{left:22px;top:28px;font-size:14px}.r26-idle-pause{right:12px;top:8px}.r26-cover-page .r25-recover{top:4px}.r26-cover-page .r25-cover-primary{min-width:175px}.r26-cover-page .r25-case,.r26-cover-page .r25-case-button:hover .r25-case{transform:translateY(calc(-14px + var(--case-lift,0px))) rotateX(var(--case-pitch,38deg)) rotateY(var(--case-yaw,0deg)) rotateZ(-23deg)}}
@media(prefers-reduced-motion:reduce){.r26-cover-page .formation-gallery *{transition:none!important}}

/* One reversible timeline: unlock → staggered leaves → model, no scale jump. */
.r26-cover-page .formation-gallery[data-cover] .r25-case-left{transform:rotateY(calc(var(--folio-left,0deg) - var(--case-peek,0deg)));opacity:var(--folio-leaves,1);transition:none}
.r26-cover-page .formation-gallery[data-cover] .r25-case-right{transform:rotateY(calc(var(--folio-right,0deg) + var(--case-peek,0deg)));opacity:var(--folio-leaves,1);transition:none}
.r26-cover-page .formation-gallery[data-cover] .r25-case-seal{transform:translateZ(calc(4px + var(--case-seal,0px) + var(--folio-seal-z,0px)));opacity:var(--folio-seal-opacity,1);transition:none}
.r26-cover-page .formation-gallery[data-cover] :is(.r25-case-base,.r26-case-core,.r26-case-back,.r25-case-shadow){opacity:var(--folio-base,1);transition:none}
.r26-cover-page .formation-gallery[data-cover] .formation-theater>:not(.r25-case-button){opacity:var(--model-reveal,0)!important;transform:translateY(var(--model-offset,8px))!important;transition:none}
.r26-cover-page .formation-gallery[data-cover=closing] .r25-case-button{pointer-events:none}
.r26-cover-page .r26-story-label[data-changing=true]{opacity:0!important}
.r26-cover-page .formation-focus-point{transition:opacity 440ms ease}
.r26-cover-page .formation-focus-point[data-visible=false]{pointer-events:none}
.r26-cover-page .formation-focus-point:focus-visible{opacity:1;pointer-events:auto}
.r26-cover-page .formation-discovery-hint{display:none}
.r26-cover-page .formation-focus-ring::before{animation:none!important}
.r26-cover-page [data-point-cue=hint] .formation-focus-ring::before{animation:formation-invite 1400ms ease-out 1!important}
.r26-cover-page [data-point-cue=active] .formation-focus-ring{animation:r26-point-arrive 420ms cubic-bezier(.16,.7,.2,1) 1}
@keyframes r26-point-arrive{from{transform:scale(.6)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.r26-cover-page .formation-focus-ring,.r26-cover-page .formation-focus-ring::before{animation:none!important}}

/* The WebGL scene now owns the cover as well as the sample: no opacity swap. */
.r26-cover-page .formation-gallery:is([data-cover-scene=loading],[data-cover-scene=shared]) .r25-case{visibility:hidden}
.r26-cover-page .formation-gallery[data-cover-scene=shared] .formation-theater>.formation-stage{opacity:1!important;transform:none!important;transition:none}
.r26-cover-page .formation-gallery[data-cover-scene=shared]:not([data-cover=open]) :is(.formation-annotation,.formation-layer-labels){visibility:hidden}
.r26-cover-page .formation-gallery[data-cover-scene=shared] .r25-case-button:focus-visible{outline-offset:-22px}
.r26-cover-page .formation-gallery:not([data-cover=closed]) .r25-case-button{outline:none}