/* One focal sequence: separate laminae settle into the existing structure. */
:root{--motion-arrive:cubic-bezier(.16,1,.3,1);--motion-feedback:260ms}
.hero-art{perspective:1100px}
.structure-stage{width:100%;position:relative;transform:rotateX(var(--art-x,0deg)) rotateY(var(--art-y,0deg));transition:transform 650ms var(--motion-arrive);transform-style:preserve-3d}
.structure-stage .structure{display:block;width:100%;height:auto;aspect-ratio:1;overflow:visible;stroke:none;transform:scale(1.09)}
.blade{transform-box:fill-box;transform-origin:center}
.contour{stroke-linecap:round}
.hero-art figcaption{z-index:3;bottom:15px}
.replay-motion{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;border:0;background:none;color:var(--paper);font-size:11px;padding:8px 0 0 10px;text-decoration:underline;text-underline-offset:4px}
.replay-motion[hidden]{display:none}
.replay-motion svg{width:14px;height:14px;transition:transform 500ms var(--motion-arrive)}
.replay-motion:hover svg{transform:rotate(-45deg)}
/* One active chapter, never a second scroll controller. */
.criteria .chapter{position:relative}
.criteria .chapter:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 650ms var(--motion-arrive)}
.criteria[data-active="0"] .chapter[data-chapter="0"]:before,
.criteria[data-active="1"] .chapter[data-chapter="1"]:before,
.criteria[data-active="2"] .chapter[data-chapter="2"]:before{transform:scaleX(1)}
.criteria[data-active="0"] .orbit-one{transform:translate(-50%,-50%) rotate(-18deg)}
.criteria[data-active="1"] .orbit-two{transform:translate(-50%,-50%) rotate(53deg)}
.criteria[data-active="2"] .orbit-three{transform:translate(-50%,-50%) rotate(110deg)}
.criteria .drawing-center{font-size:23px}
.drawing-label{opacity:.82;transition:opacity 350ms}
.criteria[data-active="0"] .label-one,.criteria[data-active="1"] .label-two,.criteria[data-active="2"] .label-three{opacity:1}
.proposal-graphic{overflow:visible}
.proposal-graphic path{transform-box:fill-box;transform-origin:center}
/* Native disclosure animation only where supported; immediate fallback. */
@supports (interpolate-size:allow-keywords){
 .proposal-details details,.faq-list details{interpolate-size:allow-keywords}
 .proposal-details details::details-content,.faq-list details::details-content{height:0;overflow:clip;opacity:.4;transition:height 280ms var(--motion-arrive),content-visibility 280ms allow-discrete,opacity 220ms}
 .proposal-details details[open]::details-content,.faq-list details[open]::details-content{height:auto;opacity:1}
}
@media (max-width:760px){
 .structure-stage .structure{height:330px;transform:scale(1.02)}
 .hero-art{height:355px;margin-top:4px;margin-bottom:0}
 .hero-art figcaption{bottom:2px;right:8%}
 .criteria .drawing-center{font-size:22px}
}
@media (hover:none),(pointer:coarse){.structure-stage{transform:none;transition:none}}
@media (prefers-reduced-motion:reduce){
 .structure-stage,.structure-stage .structure,.blade{transform:none!important;transition:none!important}
 .replay-motion{display:none}
 .criteria .chapter:before{transition:none}
 .proposal-details details::details-content,.faq-list details::details-content{transition:none}
 .drawing-orbit{transition:none}
}
@media (forced-colors:active){.structure-stage,.replay-motion{display:none}}
@media print{.structure-stage,.replay-motion{display:none!important}}