/* Three finished spaces, one steady message. Images crossfade while the camera drifts. */
.hero-scenes{position:absolute;inset:0;z-index:-4;background:var(--night);overflow:hidden;pointer-events:none}
.hero-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease;overflow:hidden}
.hero-scene.is-active{opacity:1;z-index:1}
.hero-scene.is-leaving{z-index:0;opacity:1}
.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:60% 55%;transform:scale(1.04);transform-origin:60% 60%}
.hero-scene.is-active img,.hero-scene.is-leaving img{animation:hero-garage-drift 13s linear both;will-change:transform}
.hero-scene[data-scene=industrial] img{object-position:55% 60%;transform-origin:50% 65%}
.hero-scene[data-scene=industrial].is-active img,.hero-scene[data-scene=industrial].is-leaving img{animation-name:hero-industrial-drift}
.hero-scene[data-scene=interior] img{object-position:65% 55%;transform-origin:65% 55%}
.hero-scene[data-scene=interior].is-active img,.hero-scene[data-scene=interior].is-leaving img{animation-name:hero-interior-drift}
.hero[data-motion=paused] .hero-scene img{animation-play-state:paused}
.hero-shade{background:linear-gradient(90deg,#061a23e6 0%,#061a2399 35%,#061a2318 83%),linear-gradient(0deg,#081f2dec,transparent 55%),linear-gradient(180deg,#051e2db5,transparent 38%)}
.hero-bottom{bottom:28px;gap:40px;align-items:end;padding-top:20px}
.hero-sequence{width:min(690px,75%)}
.hero-sequence-kicker{display:flex;justify-content:space-between;gap:20px;color:#c6d3d1;font-size:9px;line-height:1.4;letter-spacing:.14em;margin-bottom:9px}
#hero-scene-count{color:var(--sand);font-variant-numeric:tabular-nums}
.hero-scene-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hero-scene-nav button{--scene-progress:0;position:relative;display:flex;align-items:start;gap:12px;text-align:left;padding:12px 0 17px;min-height:66px;color:#bacaca;background:none;transition:color .2s}
.hero-scene-nav button:hover,.hero-scene-nav button[aria-current=true]{color:white}
.hero-scene-number{font-size:10px;font-variant-numeric:tabular-nums;padding-top:2px;color:#a8bebf}
.hero-scene-nav button[aria-current=true] .hero-scene-number{color:var(--sand)}
.hero-scene-copy strong{font-size:13px;line-height:1.25;font-weight:500;display:block}
.hero-scene-copy small{display:block;font-size:10px;line-height:1.4;margin-top:5px;color:#adc3c5}
.hero-scene-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff25;overflow:hidden}
.hero-scene-progress:after{content:'';position:absolute;inset:0;background:var(--sand);transform:scaleX(var(--scene-progress));transform-origin:left}
.hero-scene-nav button[aria-current=true] .hero-scene-progress{background:#ffffff50}
.hero-scene-nav button:focus-visible{outline:2px solid var(--sand);outline-offset:5px}
.hero-scene-nav button[aria-busy=true] .hero-scene-number{opacity:.45}
#motion-control{min-height:44px;min-width:94px;justify-content:end;gap:10px;padding:0 0 5px;font-size:11px;white-space:nowrap}
#motion-icon{width:34px;height:34px;font-size:13px}
.hero-project{bottom:157px}
.hero-screenreader-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes hero-garage-drift{from{transform:scale(1.15) translate(1.1%,.3%)}to{transform:scale(1.025) translate(-.6%,-.3%)}}
@keyframes hero-industrial-drift{from{transform:scale(1.03) translate(-.6%,.2%)}to{transform:scale(1.15) translate(.7%,-.5%)}}
@keyframes hero-interior-drift{from{transform:scale(1.13) translate(-1%,.3%)}to{transform:scale(1.025) translate(.5%,-.2%)}}
@media(max-width:1150px){.hero-scene-nav{gap:17px}.hero-scene-copy strong{font-size:12px}.hero-scene-nav button{gap:9px}.hero-bottom{gap:30px}.hero-project{bottom:159px}}
@media(max-width:900px){.hero-sequence{width:77%}.hero-scene-copy small{font-size:9px}.hero-scene-nav{gap:13px}.hero-sequence-kicker{font-size:8px}.hero-project{bottom:158px}}
@media(max-width:600px){
 .hero-scenes img{object-position:62% center}
 .hero-shade{background:linear-gradient(90deg,#061a23cb,#061a234a),linear-gradient(0deg,#081f2df5,transparent 65%),linear-gradient(180deg,#051e2daa,transparent 40%)}
 .hero-bottom{left:22px;right:22px;bottom:23px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding-top:10px;align-items:center}
 .hero-sequence{display:contents}.hero-sequence-kicker{grid-column:1;grid-row:1;margin:0;font-size:8px;letter-spacing:.08em;justify-content:start}
 #hero-scene-count{display:none}.hero-scene-nav{grid-column:1/-1;grid-row:2;gap:13px}
 .hero-scene-nav button{display:block;min-height:68px;padding:8px 0 12px}
 .hero-scene-number{font-size:9px;display:block;margin-bottom:4px;padding:0}
 .hero-scene-copy strong{font-size:11px;line-height:1.3;max-width:110px}
 .hero-scene-copy small{display:none}
 #motion-control{grid-column:2;grid-row:1;min-height:44px;min-width:68px;font-size:10px;gap:7px;padding:0}
 #motion-icon{width:28px;height:28px;font-size:11px}.hero-project{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-scene-nav button{transition:none}.hero-scene img,.hero-scene.is-active img,.hero-scene.is-leaving img{animation:none;transform:none;will-change:auto}}