/* Visible commercial entry point on individual service pages. */
html body.page-service .service-offer-intro {
  width:min(720px,100%);
  margin-top:clamp(24px,2.6vw,38px);
  padding-top:20px;
  border-top:1px solid rgba(244,239,231,.22);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px 28px;
  align-items:end;
}
html body.page-service .service-offer-intro p {
  margin:0;
  color:#f4efe7;
  font-family:"Advent Pro",Arial,sans-serif;
  font-size:clamp(18px,1.2vw,22px);
  line-height:1.28;
  letter-spacing:-.02em;
}
html body.page-service .service-offer-intro-label {
  display:block;
  margin-bottom:7px;
  color:#ccff00;
  font-family:"Space Grotesk",Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.15em;
  text-transform:uppercase;
}
html body.page-service .service-offer-intro strong {
  color:#f4efe7;
  font-weight:500;
}
html body.page-service .service-offer-intro-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 16px;
  border:1px solid rgba(244,239,231,.32);
  border-radius:999px;
  color:#f4efe7;
  font-family:"Space Grotesk",Arial,sans-serif;
  font-size:11px;
  font-weight:600;
  line-height:1.15;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
html body.page-service .service-offer-intro-link:hover,
html body.page-service .service-offer-intro-link:focus-visible {
  background:#ccff00;
  border-color:#ccff00;
  color:#050505;
}
html { scroll-behavior:smooth; }
@media(max-width:1280px){
  html body.page-service .service-offer-intro {grid-template-columns:1fr;align-items:start;}
  html body.page-service .service-offer-intro-link {justify-self:start;white-space:normal;text-align:center;}
}
@media(max-width:900px){
  html body.page-service .service-offer-intro {margin-top:28px;padding-top:18px;}
}