/* The approved homepage is the reference for the existing warehouse scene. */
@media(min-width:761px){
 .svc-experience .svc-hero::before,
 .mf-manufacturer-hero::after,
 .calculator-scene::before{
  background:linear-gradient(90deg,rgba(3,10,20,.78),rgba(3,10,20,.52) 22%,transparent 49%,rgba(3,10,20,.08)),linear-gradient(0deg,#061323cc,transparent 19%,transparent 86%,#06132338);
 }
 .svc-experience .svc-scene img{object-position:62% 35%}
}
.svc-experience .svc-scene img,.mf-manufacturer-hero .mf-warehouse-scene,.calculator-scene-image{opacity:1;filter:none}
.svc-experience .svc-copy{ text-shadow:0 2px 22px #0009 }
.svc-experience .svc-actions .btn{text-shadow:none}
@media(max-width:760px){
 .svc-experience .svc-hero{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;gap:16px 0;padding:26px 0 28px;background:#061323}
 .svc-experience .svc-hero::before{display:none}
 .svc-experience .svc-inner,.svc-experience .svc-copy{display:contents}
 .svc-experience .svc-copy>*{grid-column:2;margin:0;min-width:0;max-width:100%}
 .svc-experience .svc-eyebrow{grid-row:1}
 .svc-experience .svc-copy>h1{grid-row:2;margin:0}
 .svc-experience .svc-lead{grid-row:3;margin:0}
 .svc-experience .svc-benefits{grid-row:4;margin:2px 0 0}
 .svc-experience .svc-hero>.svc-scene{display:block;position:relative;inset:auto;grid-column:1/-1;grid-row:5;z-index:0;height:clamp(168px,47vw,240px);width:100%;margin:0;overflow:hidden}
 .svc-experience .svc-scene picture,.svc-experience .svc-scene img{display:block;width:100%;height:100%}
 .svc-experience .svc-scene img{object-fit:cover;object-position:50% 51%;opacity:1}
 .svc-experience .svc-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#061323 0,transparent 16%,transparent 87%,#061323 100%)}
 .svc-experience .svc-actions{grid-row:6;margin:0;gap:10px}
 .svc-experience .svc-location-link{grid-row:7;justify-self:start;padding:0}
 .svc-experience .svc-condition{grid-row:8;margin:0}
 .calculator-scene::before{background:linear-gradient(180deg,#06132338,transparent 19%,transparent 80%,#06172800)}
}

/* Match the existing homepage transition without darkening the scene below. */
.header-scene-transition::after{content:'';position:absolute;top:100%;left:0;right:0;height:56px;background:linear-gradient(180deg,#040a14,rgba(4,10,20,.7) 38%,rgba(4,10,20,0));pointer-events:none}
@media(max-width:760px){.header-scene-transition::after{height:32px}}