/* Original scroll scene, isolated from the cleaner homepage styling. */
.transformation{position:relative;background:#171915;isolation:isolate;scroll-margin-top:0}
.transformation.scene-ready:not(.scene-static){height:580svh}
.scene-pin{height:calc(100svh - 90px);min-height:570px;position:sticky;top:90px;overflow:hidden;background:#171915}
.scene-pin:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#080d0c66,transparent 45%,transparent 78%,#0c100dea)}
.scene-pin canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.scene-topline{position:absolute;inset:25px 3.2% auto;z-index:3;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.5px;color:#e1dccc;text-shadow:0 1px 6px #000}
.scene-topline a{padding:5px 0;border-bottom:1px solid #ffffff50;min-height:44px}
.scene-copy{position:absolute;z-index:2;top:13%;left:5%;max-width:720px;padding:20px 26px 24px 0;text-shadow:0 2px 24px #000c}
.scene-copy .eyebrow{font-size:11px;margin-bottom:12px;color:#efcc8d}
.scene-title{font-size:clamp(35px,4.4vw,70px);font-weight:500;line-height:1.04;letter-spacing:-.04em}
.scene-description{font-size:15px;line-height:1.65;max-width:350px;color:#e9e3d7;margin:17px 0 0}
.scene-cta{margin-top:22px;text-shadow:none}
.scene-bottom{position:absolute;bottom:65px;left:3.2%;right:3.2%;display:flex;align-items:center;justify-content:space-between;z-index:3;gap:12px;font-size:11px;letter-spacing:1px;color:#fff;text-shadow:0 1px 5px #000}
.scene-bottom button{font-size:12px;border:1px solid #ffffff88;background:#171915c9;color:#f2eee4;padding:9px 15px;min-height:44px}
.scene-pin progress{position:absolute;left:0;bottom:49px;width:100%;height:2px;border:0;border-radius:0;appearance:none;z-index:3;background:#ffffff35}
.scene-pin progress::-webkit-progress-bar{background:#ffffff25}.scene-pin progress::-webkit-progress-value{background:var(--gold)}.scene-pin progress::-moz-progress-bar{background:var(--gold)}
.scene-chapters{position:absolute;bottom:18px;left:3.2%;right:3.2%;display:flex;justify-content:space-between;gap:12px;z-index:3;font-size:11px;letter-spacing:1px}
.scene-chapters a{color:#c8c8bb;padding:7px 0}.scene-chapters a[aria-current]{color:var(--gold)}
.scene-pin>.visualization-note{position:absolute;bottom:0;left:3.2%;font-size:10px;margin:0;color:#bcbcae;z-index:3}
.scene-floor-labels{display:none;position:absolute;z-index:2;left:5%;right:5%;bottom:20%;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#fff;text-shadow:0 1px 8px #000}
.transformation[data-stage="2"] .scene-floor-labels{display:flex}
.scene-waypoint{position:absolute;pointer-events:none;scroll-margin-top:90px;top:0}
.static-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:35px 70px}
.static-process article img{width:100%;aspect-ratio:1.5;object-fit:cover}.static-process .eyebrow{margin:20px 0 10px;font-size:12px}.static-process h3{font-size:24px;font-weight:400;line-height:1.4}
.static-process>.visualization-note{grid-column:1/-1;font-size:14px;line-height:1.7;color:var(--muted)}
.transformation:not(.scene-ready) .scene-pin,.scene-static .scene-pin{height:auto;min-height:0;position:relative;top:0;padding:30px 24px}
.scene-static .scene-pin:after,.transformation:not(.scene-ready) .scene-pin:after{display:none}
.transformation:not(.scene-ready) canvas,.scene-static canvas,.transformation:not(.scene-ready) .scene-chapters,.scene-static .scene-chapters,.transformation:not(.scene-ready) progress,.scene-static progress,.transformation:not(.scene-ready) .scene-floor-labels,.scene-static .scene-floor-labels,.transformation:not(.scene-ready) .scene-copy,.scene-static .scene-copy,.transformation:not(.scene-ready) .scene-topline,.scene-static .scene-topline{display:none}
.transformation:not(.scene-ready) .scene-bottom,.scene-static .scene-bottom{position:static}
.transformation:not(.scene-ready) .scene-bottom>span,.scene-static .scene-bottom>span,.scene-static .scene-pin>.visualization-note,.transformation:not(.scene-ready) .scene-pin>.visualization-note{display:none}
@media(max-width:700px){
 .transformation.scene-ready:not(.scene-static){height:430svh}.scene-pin{top:76px;height:calc(100svh - 134px);min-height:470px}
 .scene-pin canvas{top:29%;height:62%;bottom:auto}.scene-copy{left:22px;right:22px;top:50px;padding:0;max-width:none;text-shadow:none}
 .scene-title{font-size:31px;max-width:350px;line-height:1.05}.scene-copy .eyebrow{font-size:10px;margin-bottom:10px}
 .scene-description{font-size:13px;line-height:1.6;max-width:290px;margin-top:12px}.scene-topline{top:13px;left:22px;right:22px;font-size:10px;letter-spacing:.8px}
 .scene-bottom{left:22px;right:22px;bottom:94px}.scene-bottom>span{font-size:9px;max-width:145px;line-height:1.6}.scene-bottom button{padding:6px 10px;font-size:12px}
 .scene-pin progress{bottom:83px}.scene-chapters{left:18px;right:18px;bottom:23px;display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px;font-size:10px;letter-spacing:0}.scene-chapters a{padding:8px 0}
 .scene-pin>.visualization-note{left:22px;font-size:8px;bottom:3px}.scene-floor-labels{bottom:31%;font-size:10px;left:7%;right:7%}
 .scene-cta{margin-top:13px;min-height:44px;padding:11px 15px;font-size:12px}.scene-waypoint{scroll-margin-top:76px}.static-process{grid-template-columns:1fr;gap:20px}
}
@media(max-width:350px){.scene-title{font-size:27px}.scene-description{font-size:12px}.scene-pin canvas{top:32%;height:55%}}
@media(prefers-reduced-motion:reduce){.transformation.scene-ready{height:auto!important}.scene-pin{position:relative;top:0}html{scroll-behavior:auto}}