main#main>section.home-depth-hero{position:relative;isolation:isolate;overflow:hidden;min-height:730px;padding:44px 0 58px!important;background:#14171b;background-image:radial-gradient(ellipse at 80% 25%,#21444e66,transparent 54%),radial-gradient(ellipse at 72% 90%,#75374440,transparent 48%)}
main .home-depth-hero .home-depth-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:center;width:calc(100% - 96px);max-width:1440px}
.home-depth-copy{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.home-preview-brand{width:270px;padding:8px 15px;background:#fff;border-radius:3px;box-shadow:0 12px 35px #0002;margin-bottom:4px}
.home-preview-brand img{display:block;width:100%;height:auto}
main .home-depth-hero .kicker{font-size:10px;letter-spacing:.12em;color:#c0c8cb;line-height:1.7}
main .home-depth-hero h1{font-size:clamp(38px,4.1vw,63px);line-height:1.09;letter-spacing:-.045em;max-width:640px}
main .home-depth-hero .home-depth-copy>p{font-size:14px;line-height:1.7;color:#b9c2c7;max-width:450px;margin:0}
main .home-depth-hero .home-depth-copy>.btn{margin:2px 0 0;min-height:52px}
/* Composite each framed photo atomically: shared preserve-3d slices floating borders during entrance. */
.home-depth-stage{position:relative;width:100%;height:570px;perspective:1400px;transform-style:flat;pointer-events:none}
.home-depth-stage:before{content:"";position:absolute;inset:9% -4% 8% 2%;border:1px solid #ffffff12;border-radius:50%;transform:rotate(-28deg)}
.home-depth-stage:after{content:"";position:absolute;inset:18% -10% 0% 8%;border:1px solid #ffffff0b;border-radius:50%;transform:rotate(24deg);z-index:-1}
.home-depth-card{position:absolute;margin:0!important;transform-style:preserve-3d;transform:translate3d(0,0,var(--z)) rotate(var(--r));will-change:auto}
.home-depth-float{width:100%;height:100%;border-radius:9px;overflow:hidden;border:5px solid #f4f0e7;box-shadow:0 28px 55px #0007,0 2px 4px #0005;background:#e8e4da;transform:translateY(0)}
.home-depth-card img{display:block;width:100%;height:100%;object-fit:cover}
.home-depth-card--1{width:70%;height:235px;left:1%;top:10%;--r:-7deg;--z:45px;z-index:3}
.home-depth-card--1 img{object-position:40% center}
.home-depth-card--2{width:33%;height:257px;right:0%;top:6%;--r:10deg;--z:-25px;z-index:1}
.home-depth-card--3{width:37%;height:260px;left:8%;bottom:1%;--r:-11deg;--z:-10px;z-index:2}
.home-depth-card--4{width:47%;height:246px;right:0%;bottom:6%;--r:8deg;--z:75px;z-index:4}
.home-depth-card--4 img{object-position:51% center}
.home-depth-hero[data-motion="active"] .home-depth-float{animation:homeDepthFloat 7s ease-in-out infinite;animation-delay:-2s}
.home-depth-hero[data-motion="active"] .home-depth-card--2 .home-depth-float{animation-duration:8.5s;animation-delay:-5s}
.home-depth-hero[data-motion="active"] .home-depth-card--3 .home-depth-float{animation-duration:9s;animation-delay:-3s}
.home-depth-hero[data-motion="active"] .home-depth-card--4 .home-depth-float{animation-duration:7.8s;animation-delay:-4s}
@keyframes homeDepthFloat{0%,100%{transform:translateY(0) rotate(.3deg)}50%{transform:translateY(-8px) rotate(-.3deg)}}
main .home-depth-hero+section.home-intro-media>.wrap{display:block}
main .home-depth-hero+section .home-photo-aside{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
main .home-depth-hero+section .home-service-links{justify-content:center}
/* Mobile intro styles are below the hero rules; no shared button changes. */
@media(max-width:1179px){main .home-depth-hero .home-depth-layout{width:calc(100% - 64px);gap:20px;grid-template-columns:1fr 1fr}.home-depth-stage{height:520px}.home-preview-brand{width:230px}.home-depth-card--1{height:195px}.home-depth-card--2{height:215px}.home-depth-card--3{height:220px}.home-depth-card--4{height:207px}main .home-depth-hero+section .home-photo-aside{grid-template-columns:1fr 1fr}main .home-depth-hero+section .home-service-links{justify-content:flex-start}}
@media(max-width:820px){main#main>section.home-depth-hero{min-height:0;padding:30px 0 36px!important}main .home-depth-hero .home-depth-layout{grid-template-columns:1fr;gap:24px;width:calc(100% - 40px)}.home-depth-copy{gap:16px}.home-preview-brand{width:218px}main .home-depth-hero h1{font-size:44px;max-width:610px}main .home-depth-hero .home-depth-copy>p{max-width:610px}.home-depth-stage{height:430px;max-width:620px;margin:auto}.home-depth-card--1{height:190px;top:6%;--r:-5deg;--z:0px}.home-depth-card--2{height:195px;top:3%;--r:7deg;--z:0px}.home-depth-card--3{height:215px;bottom:0;--r:-7deg;--z:0px}.home-depth-card--4{height:205px;bottom:5%;--r:5deg;--z:0px}}
@media(max-width:480px){main .home-depth-hero .home-depth-layout{gap:20px}.home-preview-brand{width:206px;padding:5px 12px;margin:0}main .home-depth-hero .kicker{font-size:8px;letter-spacing:.055em}main .home-depth-hero h1{font-size:36px;line-height:1.12}main .home-depth-hero .home-depth-copy>p{font-size:12px;line-height:1.6}.home-depth-stage{height:285px}.home-depth-card--1{width:68%;height:126px;top:5%}.home-depth-card--2{width:34%;height:144px;top:1%}.home-depth-card--3{width:37%;height:146px;left:5%;bottom:1%}.home-depth-card--4{width:49%;height:143px;right:1%;bottom:5%}.home-depth-float{border-width:3px;border-radius:6px;box-shadow:0 12px 28px #0006}main .home-depth-hero+section .home-photo-aside{grid-template-columns:1fr;gap:18px}}
@media(prefers-reduced-motion:reduce){.home-depth-hero .home-depth-card,.home-depth-hero .home-depth-float{animation:none!important;transition:none!important}.home-depth-hero .home-depth-card{transform:translate3d(0,0,var(--z)) rotate(var(--r))!important}}
@media(hover:none),(pointer:coarse){.home-depth-hero .home-depth-float{animation:none!important}}

/* Approved homepage refinement: keep motion room inside the hero. */
@media(min-width:821px){
  .home-depth-card--1{width:72%;left:-2%;height:245px}
  .home-depth-card--2{width:34%;right:5%;height:267px}
  .home-depth-card--3{width:38%;left:5%;height:270px}
  .home-depth-card--4{width:49%;right:5%;height:256px}
}
@media(min-width:821px) and (max-width:1179px){
  .home-depth-card--1{height:203px}.home-depth-card--2{height:224px}
  .home-depth-card--3{height:229px}.home-depth-card--4{height:216px}
}
main .home-intro-media .home-location{font-size:13px;color:var(--muted);white-space:nowrap}
main .home-intro-media .home-location b{color:var(--ink)}
main .home-routes .home-route-card{padding:12px;gap:0;isolation:isolate}
main .home-routes .home-route-image{aspect-ratio:3/2;border-radius:10px}
main .home-routes .home-route-copy{position:relative;z-index:1;background:#fff}
@media(max-width:767px){
  main .home-routes .home-route-image{aspect-ratio:auto}
}
@media(max-width:420px){
  main .home-routes .home-route-image{aspect-ratio:3/2}
}

/* Six-photo hero: three staggered pairs, with room for depth and idle drift.
   Keep the original four subjects and motion; the middle pair adds product variety. */
.home-depth-hero .home-depth-stage{height:640px}
.home-depth-hero .home-depth-card--1{width:64%;height:200px;left:2%;top:4%}
.home-depth-hero .home-depth-card--2{width:28%;height:215px;right:4%;top:1%}
.home-depth-hero .home-depth-card--3{width:31%;height:200px;left:9%;bottom:0}
.home-depth-hero .home-depth-card--4{width:42%;height:205px;right:3%;bottom:2%}
.home-depth-hero .home-depth-card--4 img{object-position:51% 85%}
.home-depth-hero .home-depth-card--5{width:43%;height:180px;left:2%;top:36%;--r:-5deg;--z:25px;z-index:4}
.home-depth-hero .home-depth-card--6{width:30%;height:205px;right:8%;top:34%;--r:7deg;--z:55px;z-index:5}
.home-depth-hero[data-motion="active"] .home-depth-card--5 .home-depth-float{animation-duration:8.2s;animation-delay:-1s}
.home-depth-hero[data-motion="active"] .home-depth-card--6 .home-depth-float{animation-duration:9.4s;animation-delay:-6s}
@media(min-width:821px) and (max-width:1179px){
  .home-depth-hero .home-depth-stage{height:570px}
  .home-depth-hero .home-depth-card--1{height:170px;left:6%}
  .home-depth-hero .home-depth-card--2{height:185px}
  .home-depth-hero .home-depth-card--3{height:175px}
  .home-depth-hero .home-depth-card--4{height:165px}
  .home-depth-hero .home-depth-card--5{height:150px}
  .home-depth-hero .home-depth-card--6{height:180px}
}
@media(max-width:820px){
  .home-depth-hero .home-depth-stage{height:550px}
  .home-depth-hero .home-depth-card--1{height:175px}
  .home-depth-hero .home-depth-card--2{height:180px}
  .home-depth-hero .home-depth-card--3{height:180px}
  .home-depth-hero .home-depth-card--4{height:175px}
  .home-depth-hero .home-depth-card--5{height:150px;--z:0px}
  .home-depth-hero .home-depth-card--6{height:175px;--z:0px}
}
@media(max-width:480px){
  .home-depth-hero .home-depth-stage{height:420px}
  .home-depth-hero .home-depth-card--1{width:63%;height:120px;left:1%;top:3%}
  .home-depth-hero .home-depth-card--2{width:29%;height:138px;right:2%;top:0}
  .home-depth-hero .home-depth-card--3{width:36%;height:145px;left:7%;bottom:0}
  .home-depth-hero .home-depth-card--4{width:48%;height:139px;right:2%;bottom:1%}
  .home-depth-hero .home-depth-card--5{width:48%;height:116px;left:1%;top:36%}
  .home-depth-hero .home-depth-card--6{width:35%;height:143px;right:4%;top:32%}
}

/* Homepage mobile intro only: one CTA and four services.
   An explicit whole-pixel frame avoids relying on the shared button sheen.
   The reported iPhone top-edge loss was not reproduced in local WebKit. */
@media(max-width:480px){
  main .home-intro-media .home-photo-aside{grid-template-columns:minmax(0,1fr);gap:16px}
  main .home-intro-media .moved-head-actions{width:100%;max-width:none;min-width:0}
  main .home-intro-media .moved-head-actions .btn{
    width:100%;min-height:52px;padding:12px 16px;border:2px solid var(--ink);
    border-radius:999px;background:var(--paper);color:var(--ink);font-size:15px;
    line-height:24px;transform:none;transform-style:flat;overflow:visible;isolation:isolate;
    transition:background 180ms ease;
  }
  main .home-intro-media .moved-head-actions .btn::before{content:none}
  main .home-intro-media .moved-head-actions .btn:hover{background:var(--paper-2)}
  main .home-intro-media .moved-head-actions .btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
  main .home-intro-media .home-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
  main .home-intro-media .home-service-links a{display:flex;align-items:center;min-height:44px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;text-underline-offset:3px}
  main .home-intro-media .home-photo-aside .trust-metrics-strip{overflow:visible}
  main .home-intro-media .home-photo-aside .trust-metrics-strip>.wrap{
    display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;
    width:calc(100% - 56px);margin-right:56px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2);
  }
  main .home-intro-media .trust-metrics-strip>.wrap>span{
    min-width:0;min-height:44px;padding:8px 0;border:0;border-radius:0;background:none;
    font-size:12px;line-height:1.4;gap:4px;white-space:nowrap;
  }
  main .home-intro-media .trust-metrics-strip>.wrap>span:first-child{justify-content:flex-start}
  main .home-intro-media .trust-metrics-strip>.wrap>span:nth-child(2){justify-content:flex-end;font-size:11px}
  main .home-intro-media .trust-metrics-strip>.wrap>span:last-child{grid-column:1/-1;min-height:40px;border-top:1px solid var(--line);justify-content:flex-start}
  main .home-intro-media .trust-metrics-strip .stars{gap:2px}
  main .home-intro-media .trust-metrics-strip .stars svg{width:10px;height:10px}
}

/* Equipment leads the six-photo composition; original depth controller retained.
   Tight studio export removes backdrop only, never equipment or the front roll. */
.home-depth-hero .home-depth-stage{height:660px}
.home-depth-hero .home-depth-card--machine{width:57%;height:auto;aspect-ratio:113/95;left:4%;top:1%;bottom:auto;--r:-4deg;--z:45px;z-index:6}
.home-depth-card--machine .home-depth-float{background:#eaf0f2}
.home-depth-card--machine img{object-fit:contain;object-position:center}
.home-depth-hero .home-depth-card--1{width:38%;height:110px;left:3%;top:63%;--r:-6deg}
.home-depth-hero .home-depth-card--2{width:23%;height:190px;right:7%;top:12%;--r:7deg}
.home-depth-hero .home-depth-card--4{width:26%;height:205px;right:9%;bottom:21%;--r:-3deg}
.home-depth-hero .home-depth-card--5{width:36%;height:120px;left:4%;top:auto;bottom:0;--r:-5deg}
.home-depth-hero .home-depth-card--6{width:19%;height:200px;right:37%;top:auto;bottom:1%;--r:3deg}
@media(min-width:821px){.home-depth-hero .home-depth-card--machine{max-width:420px}.home-depth-hero .home-depth-card--5{bottom:-1.5%}}
@media(min-width:821px) and (max-width:1179px){
 .home-depth-hero .home-depth-stage{height:540px}
 .home-depth-hero .home-depth-card--machine{left:5%;width:56%;top:3%}
 .home-depth-hero .home-depth-card--1{top:57%;height:95px}
 .home-depth-hero .home-depth-card--2{height:160px;top:10%;right:4%}
 .home-depth-hero .home-depth-card--4{height:170px;width:24%}
 .home-depth-hero .home-depth-card--5{height:105px}
 .home-depth-hero .home-depth-card--6{height:165px}
}
@media(max-width:820px){
 .home-depth-hero .home-depth-stage{height:620px}
 .home-depth-hero .home-depth-card--machine{--z:0px}
 .home-depth-hero .home-depth-card--1{top:60%}
}
@media(max-width:480px){
 .home-depth-hero .home-depth-stage{height:clamp(450px,calc(100vw + 60px),540px)}
 .home-depth-hero .home-depth-card--machine{left:14%;top:1%;width:72%;--r:-3deg}
 .home-depth-hero .home-depth-card--1{width:60%;height:85px;left:auto;right:3%;top:53%;--r:4deg}
 .home-depth-hero .home-depth-card--2{width:26%;height:110px;left:3%;right:auto;top:51%;--r:-5deg}
 .home-depth-hero .home-depth-card--4{width:30%;height:100px;right:3%;bottom:4%;--r:4deg}
 .home-depth-hero .home-depth-card--5{width:31%;height:85px;left:3%;bottom:0;--r:-5deg}
 .home-depth-hero .home-depth-card--6{width:23%;height:100px;left:39%;right:auto;bottom:0;--r:2deg}
}
@media(min-width:421px) and (max-width:480px){
 .home-depth-hero .home-depth-card--1{top:56%}
 .home-depth-hero .home-depth-card--2{top:54%}
}