/* Three independent, native-ratio artworks with dark overlapping transitions. */
.home-scenes .journey{overflow:clip}
.opening-scene,.resolution-scene{position:relative;isolation:isolate}
.home-scenes .expertise{isolation:isolate}
.scene-art{position:absolute;top:0;left:0;display:block;width:100%;height:auto;aspect-ratio:3/2;max-width:none;pointer-events:none;--scene-fade:linear-gradient(to bottom,transparent,rgb(0 0 0 / .35) 4%,#000 12%,#000 74%,rgb(0 0 0 / .6) 85%,rgb(0 0 0 / .12) 95%,transparent);-webkit-mask-image:var(--art-edge-mask),var(--scene-fade);mask-image:var(--art-edge-mask),var(--scene-fade);-webkit-mask-composite:source-in;mask-composite:intersect}
.opening-art{z-index:-1;opacity:.88}
.exploration-backdrop,.resolution-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}
.exploration-art{opacity:.74}
.resolution-backdrop{overflow:hidden}
.resolution-art{height:100%;object-fit:cover;object-position:center 55%;opacity:.48}
.home-scenes .service{ text-shadow:0 2px 18px #07030480 }
@media(max-width:800px){
  .opening-art{top:35px;left:-55%;width:180%;opacity:.65}
  .exploration-art{top:260px;left:-30%;width:160%;opacity:.42}
  .resolution-art{top:0;left:-12%;width:150%;height:100%;object-position:center;opacity:.4}
}

/* Balanced approach layout: static columns, with a quiet burgundy wash. */
.home-scenes .approach{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:8%;align-items:start;height:auto;min-height:0;padding:8cqw 8%;
  isolation:isolate;background:none;
}
/* Feather the glow layer alone, including the centred canvas boundary. */
.home-scenes .approach::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 22% 40%,rgb(94 12 40 / .19),transparent 62%);
  --glow-fade:linear-gradient(to bottom,transparent,#000 20%,#000 75%,transparent);
  -webkit-mask-image:var(--art-edge-mask),var(--glow-fade);
  mask-image:var(--art-edge-mask),var(--glow-fade);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
.home-scenes .approach-heading{position:static;min-width:0}
.home-scenes .approach-heading h2{font-size:clamp(36px,4.3cqw,80px);line-height:1.12}
.home-scenes .steps{position:static;min-width:0;margin:0;padding:3.7cqw 0 0}
.home-scenes .steps li{padding-bottom:8cqw}
.home-scenes .steps li:last-child{padding-bottom:0}
@media(max-width:800px){
  .home-scenes .approach{grid-template-columns:minmax(0,1fr);gap:52px;padding:72px 9% 80px}
  .home-scenes .approach::before{background:radial-gradient(ellipse at 15% 25%,rgb(94 12 40 / .15),transparent 65%)}
  .home-scenes .approach-heading h2{font-size:clamp(36px,8vw,60px)}
  .home-scenes .steps{margin:0 0 0 16px;padding:0}
  .home-scenes .steps li{padding-bottom:clamp(80px,18vh,145px)}
  .home-scenes .steps li:last-child{padding-bottom:0}
}

.home-scenes .about{height:auto;min-height:45cqw;padding-bottom:6cqw}
.home-scenes .about-copy{max-width:880px;font-size:clamp(18px,2cqw,28px);margin-bottom:24px}
.home-scenes .about-detail{max-width:820px;font-size:clamp(16px,1.4cqw,20px);line-height:1.8;color:var(--muted)}
@media(max-width:800px){.home-scenes .about{min-height:0;padding-bottom:70px}}