/* =================================================================
   QuickShipment — service page hero with isometric scene (2026-11)
   Applies only to <section class="service-hero has-scene"> and
   <section class="page-hero has-scene">.
   ================================================================= */
.has-scene{position:relative;overflow:hidden}
.has-scene::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.2px) 0 0/26px 26px}
.has-scene .container{position:relative;z-index:1}
.has-scene .hs-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:center;text-align:left}
.has-scene .hs-text h1{margin-left:0;margin-right:0;max-width:none}
.has-scene .hs-text>p{margin-left:0!important;margin-right:0}
.has-scene .hs-text>div[style*="justify-content:center"]{justify-content:flex-start!important}
.has-scene .hs-text .article-meta{justify-content:flex-start}
.hs-scene{width:100%;max-width:400px;aspect-ratio:1/1;justify-self:end;
  background:radial-gradient(58% 54% at 50% 52%,rgba(80,104,230,.38),transparent 72%)}
.hs-scene svg{width:100%!important;height:100%!important}
@media(max-width:900px){
  .has-scene .hs-grid{grid-template-columns:1fr;gap:4px}
  .hs-scene{order:-1;max-width:230px;justify-self:center;margin-top:-8px}
  .service-hero.has-scene .hs-grid{text-align:center}
  .service-hero.has-scene .hs-text>p{margin-left:auto!important;margin-right:auto}
  .service-hero.has-scene .hs-text>div[style*="justify-content:center"]{justify-content:center!important}
}
@media(max-width:560px){.hs-scene{max-width:190px}}

/* Fix: four page-10/11 service pages use .service-body blocks whose styles
   only lived in page-05.css, so those blocks ran edge to edge. */
.service-body{max-width:820px;margin:0 auto;padding:56px 24px}
.service-body h2{font-size:1.375rem;font-weight:800;color:var(--navy);margin:36px 0 14px;padding-bottom:10px;border-bottom:2px solid var(--border)}
.service-body p{color:var(--ink-80);line-height:1.8;font-size:1rem;margin-bottom:16px}
.has-scene .hs-text .hero-chips{justify-content:flex-start}
@media(max-width:900px){.industry-hero.has-scene .hs-grid,.location-hero.has-scene .hs-grid{text-align:center}.industry-hero.has-scene .hs-text .hero-chips,.location-hero.has-scene .hs-text .hero-chips{justify-content:center}.industry-hero.has-scene .hs-text>p,.location-hero.has-scene .hs-text>p{margin-left:auto!important;margin-right:auto}.industry-hero.has-scene .hs-text>div[style*="justify-content:center"],.location-hero.has-scene .hs-text>div[style*="justify-content:center"]{justify-content:center!important}}