/* Service introduction: one composition, with the artwork integrated into the hero. */
body.page-service main .pw-service-hero {
  position:relative; isolation:isolate; overflow:hidden; width:100%;
  border:0; border-radius:0 !important; box-shadow:none; clip-path:none;
  margin:0 0 clamp(40px,6vw,80px); background:#102a40; color:#fff8ee;
}
body.page-service main .pw-service-hero-art {
  position:absolute; z-index:-2; top:0; right:0; width:72%; height:100%;
  object-fit:cover; object-position:60% center; display:block; margin:0;
  border:0; border-radius:0; box-shadow:none; opacity:1;
}
body.page-service main .pw-service-hero::before {
  content:""; position:absolute; z-index:-1; inset:0; pointer-events:none;
  background:linear-gradient(90deg,#102a40 0%,#102a40 30%,#102a40f5 36%,#102a40d9 46%,#102a4070 62%,#102a4000 83%);
}
body.page-service main .pw-service-hero-inner {
  width:100%; max-width:1500px; min-height:600px; margin:0 auto;
  padding:50px clamp(24px,6vw,96px) 72px; box-sizing:border-box;
  display:flex; align-items:center;
}
body.page-service main .pw-service-hero-copy { width:57%; max-width:740px; min-width:0; }
body.page-service main .pw-service-back {
  display:inline-flex; align-items:center; gap:10px; margin:0 0 50px; padding:0 0 7px;
  color:#fff8ee; border-bottom:1px solid #fff8ee70; text-decoration:none;
  font:500 13px/1.5 Archivo,Arial,sans-serif;
}
body.page-service main .pw-service-back:hover { border-bottom-color:#fff8ee; }
body.page-service main .pw-service-back:focus-visible { outline:2px solid #edbd78; outline-offset:6px; }
body.page-service main .pw-service-eyebrow {
  margin:0 0 22px; color:#edbd78; font:600 11px/1.5 Archivo,Arial,sans-serif;
  letter-spacing:.16em; text-transform:uppercase;
}
body.page-service main .pw-service-hero h1 {
  max-width:12ch; margin:0 0 26px; color:#fff8ee !important;
  font-family:Fraunces,Georgia,serif; font-size:clamp(46px,5.7vw,86px); font-weight:400;
  line-height:1.04; letter-spacing:-.035em; text-shadow:none; overflow-wrap:normal;
}
body.page-service main .pw-service-intro {
  max-width:45ch; margin:0; color:#fff8ee; font:400 clamp(16px,1.35vw,19px)/1.75 Archivo,Arial,sans-serif;
  text-wrap:pretty;
}
@media(min-width:1600px) {
  body.page-service main .pw-service-hero-art { width:68%; }
}
@media(max-width:1000px) and (min-width:701px) {
  body.page-service main .pw-service-hero-copy { width:64%; }
  body.page-service main .pw-service-hero::before {
    background:linear-gradient(90deg,#102a40 0%,#102a40 30%,#102a40d9 48%,#102a4060 75%,#102a4000);
  }
}
@media(max-width:700px) {
  body.page-service main .pw-service-hero-inner { min-height:0; padding:30px 24px 260px; }
  body.page-service main .pw-service-hero-copy { width:100%; max-width:none; }
  body.page-service main .pw-service-back { margin-bottom:32px; }
  body.page-service main .pw-service-eyebrow { margin-bottom:18px; font-size:10px; }
  body.page-service main .pw-service-hero h1 { max-width:14ch; font-size:clamp(40px,10vw,64px); margin-bottom:22px; }
  body.page-service main .pw-service-intro { max-width:44ch; font-size:16px; line-height:1.65; }
  body.page-service main .pw-service-hero-art { top:auto; bottom:0; width:100%; height:340px; object-position:center 60%; }
  body.page-service main .pw-service-hero::before {
    background:linear-gradient(0deg,#102a4000 0px,#102a4020 160px,#102a40 310px);
  }
}
