.service-detail-page { background:var(--white); }
.service-detail-hero { position:relative; overflow:hidden; padding:88px 28px 96px; border-bottom:3px solid var(--navy); background:var(--navy); color:var(--white); }
.service-detail-hero::after { content:""; position:absolute; width:32vw; height:32vw; right:-9vw; top:8%; border:3px solid var(--blue); border-radius:50%; box-shadow:0 0 0 22px var(--navy),0 0 0 25px var(--blue),0 0 0 48px var(--navy),0 0 0 51px var(--blue); opacity:.55; }
.service-detail-hero .eyebrow,.service-detail-hero h1,.service-detail-hero p,.service-detail-hero .hero-service-link { position:relative; z-index:2; }
.service-detail-hero .eyebrow { color:var(--acid); }
.service-detail-hero h1 { max-width:1120px; margin:42px 0 38px; font-size:clamp(62px,10.5vw,154px); line-height:.76; letter-spacing:-.08em; }
.service-detail-hero h1 em { color:var(--blue); font-style:italic; -webkit-text-stroke:2px var(--white); }
.service-detail-hero>p:not(.eyebrow) { max-width:770px; margin:0; padding-top:24px; border-top:2px solid var(--white); font:700 clamp(16px,1.55vw,22px)/1.45 var(--font-mono); }
.hero-service-link { display:inline-flex; margin-top:34px; padding-bottom:5px; border-bottom:2px solid var(--acid); color:var(--acid); font:700 11px var(--font-mono); }
.service-detail-intro { display:grid; grid-template-columns:150px minmax(0,1.15fr) minmax(280px,.65fr); gap:30px; padding:86px 28px; border-bottom:3px solid var(--navy); background:var(--ice); }
.service-detail-intro h2 { margin:0; font-size:clamp(46px,6.8vw,96px); line-height:.82; letter-spacing:-.07em; }
.service-detail-intro h2 span { color:var(--blue); }
.service-detail-intro-copy { align-self:end; }
.service-detail-intro-copy p { margin:0 0 18px; font:600 clamp(15px,1.25vw,19px)/1.5 var(--font-display); }
.service-detail-intro-copy p:last-child { margin-bottom:0; }
.service-detail-section { padding:86px 28px; border-bottom:3px solid var(--navy); background:var(--white); }
.service-detail-heading { display:grid; grid-template-columns:150px 1fr; gap:30px; margin-bottom:48px; }
.service-detail-heading h2 { margin:0; font-size:clamp(48px,7vw,100px); line-height:.82; letter-spacing:-.07em; }
.service-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-left:180px; }
.service-detail-card { min-height:250px; padding:26px; border:3px solid var(--navy); background:var(--ice); }
.service-detail-card:nth-child(2n) { background:var(--acid); }
.service-detail-card h3 { margin:0 0 28px; font-size:clamp(26px,3vw,44px); line-height:.9; letter-spacing:-.05em; }
.service-detail-card p,.service-detail-card li { font:400 12px/1.6 var(--font-mono); }
.service-detail-card ul { margin:0; padding-left:20px; }
.service-detail-process { padding:86px 28px; border-bottom:3px solid var(--navy); background:var(--navy); color:var(--white); }
.service-detail-process .service-detail-heading h2 span { color:var(--acid); }
.detail-process-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-left:180px; border:3px solid var(--white); }
.detail-process-grid article { min-height:230px; padding:24px; border-right:2px solid var(--white); }
.detail-process-grid article:last-child { border-right:0; }
.detail-process-grid span { color:var(--acid); font:700 11px var(--font-mono); }
.detail-process-grid h3 { margin:48px 0 15px; font-size:clamp(24px,2.7vw,40px); line-height:.9; letter-spacing:-.05em; }
.detail-process-grid p { margin:0; font:400 12px/1.55 var(--font-mono); }
.service-detail-cta { padding:88px 28px; border-bottom:3px solid var(--navy); background:var(--acid); }
.service-detail-cta h2 { max-width:1050px; margin:32px 0 42px; font-size:clamp(56px,9vw,130px); line-height:.78; letter-spacing:-.075em; }
.detail-actions { display:grid; grid-template-columns:repeat(2,minmax(0,420px)); gap:16px; }
.detail-actions a { display:flex; justify-content:space-between; padding:20px; border:3px solid var(--navy); background:var(--navy); color:var(--white); font:700 12px var(--font-mono); box-shadow:7px 7px 0 var(--blue); }
.detail-actions a:last-child { background:var(--white); color:var(--navy); }
.detail-actions a:hover,.detail-actions a:focus-visible { transform:translate(3px,3px); box-shadow:4px 4px 0 var(--blue); outline:none; }
@media (max-width:760px) {
  .service-detail-page .site-header { height:64px; }
  .service-detail-page .logo { padding:0 10px; font-size:17px; }
  .service-detail-page nav a { display:none; }
  .service-detail-page nav .nav-services,.service-detail-page nav .nav-mission,.service-detail-page nav .nav-start { display:flex; padding:0 5px; font-size:9px; }
  .service-detail-page nav .nav-contact-button { padding:0 5px; font-size:9px; }
  .service-detail-hero { padding:64px 16px 72px; }
  .service-detail-hero h1 { font-size:17vw; }
  .service-detail-hero::after { width:80vw; height:80vw; right:-42vw; }
  .service-detail-intro,.service-detail-heading { grid-template-columns:1fr; }
  .service-detail-intro,.service-detail-section,.service-detail-process,.service-detail-cta { padding:64px 16px; }
  .service-detail-grid,.detail-process-grid { grid-template-columns:1fr; margin-left:0; }
  .detail-process-grid article { min-height:0; border-right:0; border-bottom:2px solid var(--white); }
  .detail-process-grid article:last-child { border-bottom:0; }
  .detail-process-grid h3 { margin-top:28px; }
  .detail-actions { grid-template-columns:1fr; }
}