/* One photographic formation sits below the entire grid. Panels never own a cloud. */
.cloud-study{background:#101411;padding-top:75px;padding-bottom:85px;overflow:clip}.cloud-study .process-intro h2{font-size:clamp(48px,6.8vw,86px);margin-bottom:45px}.cloud-stage{position:relative;isolation:isolate}.shared-weather{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#101811}.shared-formation{position:absolute;inset:0;width:100%;height:100%;filter:hue-rotate(128deg) saturate(.18) brightness(.9);transform-origin:center;animation:shared-sky-drift 75s linear infinite alternate;will-change:transform}.weather-grade{position:absolute;inset:0;background:linear-gradient(180deg,#0b130b55,transparent 45%,#0b130b15)}
@keyframes shared-sky-drift{from{transform:scale(1.11) translateX(-2%)}to{transform:scale(1.11) translateX(2%)}}
.cloud-study .process-list{position:relative;z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0;margin:0}.cloud-study .step,.cloud-study .step:last-child{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:310px;padding:32px;background:transparent;border:1px solid #d9e3d13d;box-shadow:none}.cloud-study .step:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#09120cd9,#09120c93 43%,#09120c22 78%)}.cloud-study .step-number{margin:6px 0 34px;color:#c5d0ba}.cloud-study .step-copy h3{font-size:clamp(28px,3.3vw,37px);line-height:1.08;margin-bottom:18px;max-width:12.5ch}.cloud-study .step-copy p{font-size:14px;line-height:1.75;color:#d1d9c8;max-width:30ch}.cloud-study .pictogram{float:right;width:70px;height:70px;margin:0 0 15px 20px}.cloud-study .pictogram svg{stroke:#f15947;stroke-width:1.55;stroke-linejoin:round}.cloud-study .icon-action{stroke-width:1.9}.cloud-study .pictogram circle{fill:#df23160b}.cloud-study .step.active{border-color:#c5d3bb73}.cloud-study .step.active .step-number{color:#f0a08e}.cloud-study .step.active .pictogram svg{filter:drop-shadow(0 0 10px #e306181a)}.cloud-study .map-base,.cloud-study .map-lit{opacity:0}.cloud-study .study-cloud{display:none}
/* Panorama preserves the original framed layout and lets weather pass through its gaps. */
.study-panorama .shared-weather{inset:-2px}.study-panorama .step{background:#08100c0a}.study-panorama .weather-grade{background:linear-gradient(90deg,#0e180e18,#0e180e00),linear-gradient(180deg,#0c140c26,transparent 70%)}
/* A single window, four panes, one view. */
.study-windowpane .cloud-stage{border:1px solid #d9e3d147}.study-windowpane .process-list{gap:0}.study-windowpane .step,.study-windowpane .step:last-child{border:0;border-radius:0;padding:34px;min-height:300px}.study-windowpane .step:nth-of-type(odd){border-right:1px solid #d9e3d147}.study-windowpane .step:nth-of-type(-n+2){border-bottom:1px solid #d9e3d147}.study-windowpane .step:before{background:linear-gradient(115deg,#0b130dbd,#0b130d69 50%,#0b130d12)}.study-windowpane .step-copy h3{font-family:var(--serif);font-style:italic;font-size:clamp(31px,3.7vw,43px);letter-spacing:-.05em;max-width:12ch}.study-windowpane .pictogram{width:64px;height:64px}.study-windowpane .step-number{margin-bottom:31px}.study-windowpane .shared-formation{filter:grayscale(.9) hue-rotate(105deg) saturate(.35) brightness(.95);animation-duration:90s}.study-windowpane .step.active:after{content:'';position:absolute;top:0;left:0;width:44px;height:2px;background:var(--red)}
/* Drift loosens the frame while preserving a shared scene and a common baseline. */
.study-drift .cloud-stage{padding-bottom:22px}.study-drift .process-list{gap:26px}.study-drift .step,.study-drift .step:last-child{border-color:#d9e3d129;min-height:300px;padding:30px}.study-drift .step:nth-of-type(even){transform:translateY(22px)}.study-drift .step:before{background:linear-gradient(125deg,#09120cce,#09120c65 50%,#09120c0d)}.study-drift .shared-formation{filter:grayscale(1) brightness(1.02);animation-duration:64s;opacity:.9}.study-drift .shared-weather{mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.study-drift .step-copy h3{font-size:clamp(29px,3.3vw,37px);letter-spacing:-.045em}.study-drift .pictogram{width:74px;height:74px}.study-drift .step-number{color:#aeba9f}.study-drift .step.active{border-color:#e1675361}
@media(max-width:1000px) and (min-width:768px){.cloud-study .step,.cloud-study .step:last-child{padding:27px;min-height:320px}.cloud-study .pictogram{width:59px;height:59px;margin-left:12px}.cloud-study .step-copy h3{font-size:29px}.cloud-study .step-copy p{font-size:13px}.study-windowpane .step-copy h3{font-size:34px}}
@media(max-width:767px){
 .cloud-study{padding:45px var(--edge) 48px}.cloud-study .process-intro h2{font-size:44px;margin-bottom:28px}.cloud-study .process-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.cloud-study .step,.cloud-study .step:last-child{display:grid;grid-template-columns:47px minmax(0,1fr);gap:0 16px;padding:24px 19px 27px;min-height:0;margin:0}.cloud-study .pictogram{float:none;grid-column:1;grid-row:1/3;width:47px;height:47px;margin:0}.cloud-study .pictogram svg{stroke-width:1.7}.cloud-study .icon-action{stroke-width:2}.cloud-study .step-number{grid-column:2;grid-row:1;margin:0 0 11px;font-size:9px}.cloud-study .step-copy{grid-column:2;grid-row:2}.cloud-study .step-copy h3{font-size:28px;line-height:1.1;margin:0 0 13px;max-width:16ch}.cloud-study .step-copy p{font-size:14px;line-height:1.75;max-width:32ch}.cloud-study .step:before{background:linear-gradient(110deg,#08120dce,#08120d9e 58%,#08120d38)}.cloud-study .shared-formation{transform-origin:50% 55%;animation-duration:90s}.cloud-study .weather-grade{background:linear-gradient(#0b130b44,transparent 40%,#0b130b22)}
 .study-panorama .shared-weather{inset:0}.study-windowpane .process-list{gap:0}.study-windowpane .step,.study-windowpane .step:last-child{padding:25px 19px 28px;border:0;min-height:0}.study-windowpane .step:nth-of-type(odd){border-right:0}.study-windowpane .step:nth-of-type(-n+3){border-bottom:1px solid #d9e3d147}.study-windowpane .step-copy h3{font-size:31px;max-width:15ch}.study-windowpane .step:before{background:linear-gradient(110deg,#09130cce,#09130c85 65%,#09130c30)}.study-windowpane .step.active:after{width:2px;height:34px}
 .study-drift .cloud-stage{padding-bottom:0}.study-drift .process-list{gap:17px}.study-drift .step,.study-drift .step:last-child{padding:24px 18px 27px;min-height:0}.study-drift .step:nth-of-type(even){transform:none}.study-drift .pictogram{width:47px;height:47px}.study-drift .step-copy h3{font-size:28px}.study-drift .shared-weather{mask-image:linear-gradient(#000c,#000 10%,#000 92%,#000c)}
}
@media(max-width:360px){.cloud-study .process-intro h2{font-size:39px}.cloud-study .step,.cloud-study .step:last-child{padding:22px 14px 24px;grid-template-columns:41px minmax(0,1fr);gap:0 13px}.cloud-study .pictogram{width:41px;height:41px}.cloud-study .step-copy h3{font-size:25px}.study-windowpane .step-copy h3{font-size:28px}.cloud-study .step-copy p{font-size:14px}}
.cloud-study.offscreen .shared-formation{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.shared-formation{animation:none;transform:scale(1.11);will-change:auto}}
/* Hold a reliable dark field beneath copy as bright cloud edges drift past. */
.cloud-study .step:before{background:linear-gradient(110deg,#09120de3,#09120db8 65%,#09120d30)}
.study-windowpane .step:before{background:linear-gradient(110deg,#09120dd6,#09120da6 66%,#09120d30)}
.study-drift .step:before{background:linear-gradient(125deg,#09120ddb,#09120dad 65%,#09120d26)}
.cloud-study .step-copy p{text-shadow:0 1px 3px #0005}
@media(max-width:767px){.cloud-study .step:before,.study-windowpane .step:before,.study-drift .step:before{background:linear-gradient(110deg,#08120dd6,#08120dc4 65%,#08120d9c)}}
/* The shared scene is visible only through the four panel windows. */
.cloud-study .shared-weather{clip-path:polygon(0 0,0 0,0 0)}