.detailing-page{--detail-red:#e33a43;--detail-border:#3b2d31}
.detailing-page .detail-hero{position:relative;isolation:isolate;overflow:hidden;background:#09090a}
.detailing-page .detail-hero-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 56%}
.detailing-page .detail-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#09090af5 3%,#0c090be8 30%,#0c090b80 52%,#08080a10 75%),linear-gradient(0deg,#101011,transparent 18%)}
.detailing-page .detail-hero-inner{display:flex;align-items:center;min-height:clamp(520px,43vw,700px);padding-block:clamp(42px,5vw,76px)}
.detailing-page .detail-hero-copy{width:min(54%,720px)}
.detailing-page .detail-kicker{display:flex;align-items:center;gap:10px;color:#c9b9bc;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}
.detailing-page .detail-kicker::before{content:"";flex:none;width:22px;height:2px;background:var(--detail-red)}
.detailing-page h1{font-size:clamp(40px,4.6vw,74px);font-weight:600;line-height:1.02;letter-spacing:-.047em;margin-top:25px}
.detailing-page h1 em{font-style:normal;color:#e6dadd}
.detailing-page .detail-lead{max-width:34ch;margin-top:24px;color:#ccc4c6;font-size:clamp(15px,1.25vw,19px);line-height:1.6}
.detailing-page .detail-hero-copy .actions{gap:16px 22px;margin-top:30px}
.detailing-page .detail-jump{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#e0d6d8;text-decoration:underline;text-decoration-color:#7d5359;text-underline-offset:6px}
.detailing-page .detail-jump:hover{color:#fff;text-decoration-color:#e76a74}
.detailing-page .detail-services{padding-block:clamp(48px,5.5vw,86px);scroll-margin-top:24px}
.detailing-page .detail-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}
.detailing-page .detail-section-head h2{margin-top:15px;font-size:clamp(31px,3.5vw,52px);line-height:1.05}
.detailing-page .detail-section-head>p{color:#aaa2a5;font-size:15px;line-height:1.6;padding-bottom:3px}
.detailing-page .detail-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.detailing-page .detail-service{min-width:0;overflow:hidden;border:1px solid var(--detail-border);border-radius:9px;background:linear-gradient(120deg,#1c191c,#141315);box-shadow:0 14px 32px #0002}
.detailing-page .detail-service-image{position:relative;overflow:hidden;background:#151315;aspect-ratio:1.6}
.detailing-page .detail-service-image img{width:100%;height:100%;object-fit:cover}
.detailing-page .detail-service-image span{position:absolute;top:18px;left:18px;padding:7px 11px;border:1px solid #d5b9bf3d;border-radius:5px;background:#100d10b8;backdrop-filter:blur(8px);color:#fff5f5;font-size:11px;line-height:1;letter-spacing:.06em}
.detailing-page .detail-service-copy{padding:clamp(20px,2.2vw,32px)}
.detailing-page .detail-service-copy h3{font-size:clamp(24px,2.2vw,34px);line-height:1.1;letter-spacing:-.035em}
.detailing-page .detail-service-copy p{max-width:47ch;margin-top:13px;color:#bbb3b6;font-size:15px;line-height:1.6}
.detailing-page .detail-service-3 img{object-position:45% 45%}
.detailing-page .detail-service-note{margin-top:22px;color:#9d9498;font-size:13px;line-height:1.5}
.detailing-page .detail-contact-wrap{padding-bottom:clamp(48px,5.5vw,88px)}
.detailing-page .detail-contact{position:relative;isolation:isolate;overflow:hidden;min-height:390px;border:1px solid #73313e;border-radius:9px;background:#210c11;padding:clamp(26px,4vw,58px)}
.detailing-page .detail-contact-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 42%}
.detailing-page .detail-contact::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#300911f5,#2d0a13e8 34%,#2c0b1599 62%,#180b1240),linear-gradient(0deg,#17080ca8,transparent 75%)}
.detailing-page .detail-contact-copy{max-width:610px}
.detailing-page .detail-contact h2{margin-top:20px;font-size:clamp(35px,3.5vw,54px);line-height:1.05}
.detailing-page .detail-contact address{font-style:normal;font-size:clamp(18px,1.7vw,26px);line-height:1.45;margin-top:22px;color:#fff7f8}
.detailing-page .detail-landmark{margin-top:7px;color:#c5b1b7;font-size:14px;line-height:1.5}
.detailing-page .detail-contact-note{max-width:40ch;margin-top:23px;color:#d8c9cd;font-size:15px;line-height:1.6}
.detailing-page .detail-contact .actions{margin-top:26px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .detailing-page .detail-service-image img{transition:transform .5s ease}
  .detailing-page .detail-service:hover .detail-service-image img{transform:scale(1.025)}
}
@media(max-width:950px){
  .detailing-page .detail-hero-copy{width:61%}
  .detailing-page .detail-hero-inner{min-height:520px}
  .detailing-page .detail-services-grid{gap:18px}
  .detailing-page .detail-service-image{aspect-ratio:1.4}
}
@media(max-width:650px){
  .detailing-page .detail-hero-inner{min-height:635px;align-items:flex-start;padding-top:30px;padding-bottom:260px}
  .detailing-page .detail-hero-art{inset:auto 0 0;height:360px;object-position:65% 60%}
  .detailing-page .detail-hero::after{background:linear-gradient(180deg,#09090a 0%,#09090af5 38%,#09090a52 63%,transparent 78%,#101011 100%)}
  .detailing-page .detail-hero-copy{width:100%;max-width:490px}
  .detailing-page h1{margin-top:20px;font-size:clamp(35px,8.9vw,49px)}
  .detailing-page .detail-kicker{font-size:10px;letter-spacing:.1em}
  .detailing-page .detail-lead{margin-top:19px;max-width:33ch;font-size:15px;line-height:1.5}
  .detailing-page .detail-hero-copy .actions{margin-top:23px;gap:6px 18px}
  .detailing-page .detail-jump{font-size:13px}
  .detailing-page .detail-section-head{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}
  .detailing-page .detail-section-head>p br{display:none}
  .detailing-page .detail-section-head>p{font-size:14px}
  .detailing-page .detail-services-grid{grid-template-columns:1fr;gap:21px}
  .detailing-page .detail-service-image{aspect-ratio:1.45}
  .detailing-page .detail-service-image span{top:13px;left:13px;font-size:10px}
  .detailing-page .detail-service-copy h3{font-size:28px}
  .detailing-page .detail-service-copy p{font-size:14px}
  .detailing-page .detail-contact{min-height:470px;padding:25px}
  .detailing-page .detail-contact-art{object-position:48% 45%}
  .detailing-page .detail-contact::after{background:linear-gradient(110deg,#300911ed,#2d0a13c9 63%,#180b1270),linear-gradient(0deg,#17080cb8,transparent 80%)}
  .detailing-page .detail-contact h2{font-size:36px}
  .detailing-page .detail-contact address{font-size:20px}
  .detailing-page .detail-contact .actions{align-items:stretch}
  .detailing-page .detail-contact .button{flex:1 1 200px}
}