@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');
.application-page{background:#fff}
.application-detail-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(34rem,68vh,46rem);overflow:hidden;background:#071727;color:#fff}
.application-detail-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}
.application-detail-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,17,29,.92) 0%,rgba(4,17,29,.68) 48%,rgba(4,17,29,.18) 82%),linear-gradient(0deg,rgba(4,17,29,.62),transparent 55%)}
.application-detail-hero .hero-inner{width:100%;padding:clamp(4rem,8vw,7rem) clamp(1.5rem,8vw,7.9rem)}
.application-detail-hero .breadcrumbs{margin-bottom:clamp(4rem,10vh,7rem)}
.application-detail-hero h1{max-width:55rem;margin:0;font:500 clamp(2.75rem,6vw,5.75rem)/1.02 var(--display);letter-spacing:-.055em}
.application-detail-hero .service-lead{max-width:43rem;margin:1.35rem 0 1.8rem;color:rgba(255,255,255,.9);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}
.application-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,8vw,8rem);align-items:start;background:#fff}
.application-story .story-copy{max-width:47rem}
.application-story .story-copy>p{margin:0 0 1.25rem;color:#4c5a65;font-size:1.06rem;line-height:1.8}
.application-story h2,.application-scope h2,.application-plan h2{font-size:clamp(2.1rem,4.5vw,4.15rem)}
.application-scope{background:#eef2f3}
.application-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2.5rem;background:#c9d1d4;border:1px solid #c9d1d4}
.application-scope-grid article{min-height:13rem;padding:1.65rem;background:#f9faf9}
.application-scope-grid span{color:#9b783c;font-size:.73rem;font-weight:700;letter-spacing:.12em}
.application-scope-grid h3{margin:2.75rem 0 .65rem;font:600 1.18rem/1.35 var(--display)}
.application-scope-grid p{margin:0;color:#5b6871;font-size:.94rem;line-height:1.65}
.application-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(2.5rem,8vw,8rem);background:#10283d;color:#fff}
.application-plan .eyebrow{color:#e2c587}
.application-plan h2{color:#fff}
.application-plan-copy{max-width:40rem}
.application-plan-copy p{margin:0 0 1.15rem;color:#d3dce3;line-height:1.75}
.application-related{padding:2.5rem clamp(1.5rem,8vw,7.9rem);background:#d8bd82;color:#102132}
.application-related p{margin:0;font-weight:600}
.application-related a{text-decoration:underline;text-underline-offset:.22em}
.application-page .contact{background:#f7f6f2}
.application-page .contact .eyebrow{color:#70551f}
.application-page .contact .button-gold{background:#071727;color:#fff}
@media(max-width:760px){
  .application-detail-hero{min-height:34rem}
  .application-detail-hero::after{background:linear-gradient(90deg,rgba(4,17,29,.86),rgba(4,17,29,.46)),linear-gradient(0deg,rgba(4,17,29,.7),transparent 70%)}
  .application-detail-hero .breadcrumbs{margin-bottom:3.5rem}
  .application-story,.application-plan{grid-template-columns:1fr;gap:1.75rem}
  .application-scope-grid{grid-template-columns:1fr}
  .application-scope-grid article{min-height:0}
  .application-scope-grid h3{margin-top:1.5rem}
}