/* Two GEO service pages: the same warm palette and visual rhythm as the home page. */
html[data-service-page] body { background: #f6f6f3; }
html[data-service-page] .aeo-page-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 490px;
  margin: calc(var(--header-h) + 34px) var(--frame) 0;
  padding: clamp(48px, 5.2vw, 78px) 0;
  border: 1px solid #35383c;
  border-radius: 24px;
  background: #191b1e url('/images/geo/answer-sculpture.webp') no-repeat 91% 52% / min(34vw, 440px) auto;
  color: #f6f6f3;
}
html[data-service-page] .aeo-page-intro::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #191b1e 0%, #191b1e 49%, #191b1ed9 65%, #191b1e00 82%);
  content: '';
  pointer-events: none;
}
html[data-service-page] .aeo-page-intro .wrap { position: relative; z-index: 1; }
html[data-service-page] .aeo-crumb { margin-bottom: clamp(34px, 4vw, 54px); color: #c7c8c4; }
html[data-service-page] .aeo-crumb a { color: #f6f6f3; text-decoration-color: #ff754f; }
html[data-service-page] .aeo-page-intro h1 {
  max-width: 860px;
  margin: 0;
  color: #f6f6f3;
  font: 650 clamp(42px, 4.45vw, 72px)/1.07 var(--font-display);
  letter-spacing: -.045em;
}
html[data-service-page] .service-hero-accent { display: block; color: #ff754f; }
html[data-service-page] .aeo-page-intro .aeo-hero-lead {
  max-width: 650px;
  margin-top: 26px;
  color: #d2d2ce;
  font: 400 clamp(16px, 1.25vw, 19px)/1.62 var(--font-display);
}
html[data-service-page] .aeo-page-intro .aeo-actions { margin-top: 32px; }
html[data-service-page] .aeo-page-intro .btn { background: #ff754f; color: #191b1e; }
html[data-service-page] .aeo-page-intro .btn:hover { background: #ff8a69; }

html[data-service-page] .aeo-page-intro + .aeo-section {
  padding-top: clamp(70px, 7vw, 106px);
  background: #f6f6f3;
}
html[data-service-page] .aeo-heading { max-width: 30ch; }
html[data-service-page] .geo-output-grid { gap: 18px; margin-top: 32px; }
html[data-service-page] .geo-output-item {
  min-height: 215px;
  padding: 28px 30px;
  border: 1px solid #dedfda;
  border-top: 3px solid #e85e39;
  border-radius: 18px;
  background: #fcfcfa;
  box-shadow: 0 12px 32px #191b1e0a;
}
html[data-service-page] .geo-output-item h3 { margin: 0 0 14px; color: #191b1e; }
html[data-service-page] .geo-output-item p { margin: 0; color: #5a5f65; }
html[data-service-page] .aeo-section--paper { background: #fcfcfa; }
html[data-service-page] .aeo-section:not(.aeo-section--paper) { background: #f6f6f3; }
html[data-service-page] .aeo-section--paper .geo-service-card {
  max-width: 760px;
  border-color: #e6cfc4;
  background: #fff1e9;
}
html[data-service-page] .geo-service-card__label,
html[data-service-page] .aeo-eyebrow { color: #a24a30; }
html[data-service-page] .aeo-prose :is(a, strong) { text-decoration-color: #e85e39; }

@media (max-width: 1050px) {
  html[data-service-page] .aeo-page-intro {
    min-height: auto;
    background-image: none;
  }
  html[data-service-page] .aeo-page-intro::before {
    inset: auto -90px -120px auto;
    width: 290px;
    height: 290px;
    border: 22px solid #ff754f38;
    border-radius: 50%;
    background: none;
  }
}
@media (max-width: 760px) {
  html[data-service-page] .aeo-page-intro {
    margin: calc(var(--header-h) + 14px) 10px 0;
    padding: 38px 0 48px;
    border-radius: 19px;
  }
  html[data-service-page] .aeo-page-intro .wrap { padding-inline: 22px; }
  html[data-service-page] .aeo-crumb { margin-bottom: 35px; font-size: 12px; }
  html[data-service-page] .aeo-page-intro h1 { font-size: clamp(34px, 9vw, 50px); line-height: 1.09; }
  html[data-service-page] .aeo-page-intro .aeo-hero-lead { margin-top: 23px; font-size: 16px; }
  html[data-service-page] .geo-output-grid { grid-template-columns: 1fr; }
  html[data-service-page] .geo-output-item { min-height: auto; padding: 25px; }
}