/* Inner pages (The Gaze, Insights, Contact): small additions on top of services-hero.css and the shared sky. */

/* A shorter hero for pages that lead straight into content. */
.medusa-services-hero--compact { min-height: 0; padding: 15rem 3.2rem 5rem; }

/* Three principles in frosted glass. */
.medusa-gaze { --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace; position: relative; max-width: 1760px; margin: 0 auto; padding: clamp(60px, 7vw, 110px) 3.2rem; color: #e0e5ef; }
.medusa-gaze__label { display: flex; align-items: center; gap: 16px; margin: 0 0 22px; font: 300 10px/1.4 var(--_font-default); letter-spacing: .14em; color: #aab6c8; }
.medusa-gaze__label span { width: 70px; height: 1px; background: #aab6c82b; }
.medusa-gaze h2 { margin: 0 0 clamp(28px, 3vw, 48px); font: 400 clamp(34px, 3.8vw, 66px)/1.02 var(--_font-default); letter-spacing: -.045em; color: #f1f3f9; }
.medusa-gaze__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.medusa-gaze__card { position: relative; display: flex; flex-direction: column; gap: 14px; min-height: 340px; padding: clamp(24px, 2.4vw, 38px); overflow: hidden; border: 1px solid #e0e5ef24; border-radius: 28px; background: linear-gradient(145deg, #3a2f6a66, #1b2a5c52 55%, #0c122259); box-shadow: inset 1px 1px 0 #ffffff14, 0 30px 80px #03060e59; -webkit-backdrop-filter: blur(18px) saturate(130%); backdrop-filter: blur(18px) saturate(130%); }
.medusa-gaze__card::after { content: ''; position: absolute; right: -30%; bottom: -40%; width: 80%; aspect-ratio: 1; border-radius: 50%; border: 1px solid #c9bdf226; pointer-events: none; }
.medusa-gaze__num { font: 400 11px/1 var(--mono); letter-spacing: .18em; color: #b9a8ff; }
.medusa-gaze__card h3 { margin: auto 0 0; font: 400 clamp(26px, 2.4vw, 40px)/1.05 var(--_font-default); letter-spacing: -.035em; color: #f1f3f9; }
.medusa-gaze__card p { max-width: 36ch; margin: 0; font: 300 clamp(14px, 1.05vw, 17px)/1.55 var(--_font-default); color: #afb9cc; }

/* Contact: details beside the form's own section, kept quiet. */
.medusa-page-note { max-width: 62rem; margin: 0 auto; padding: 0 3.2rem; text-align: center; font: 300 clamp(14px, 1.05vw, 17px)/1.6 var(--_font-default); color: #afb9cc; }

@media (max-width: 991px) {
  .medusa-gaze__grid { grid-template-columns: 1fr; }
  .medusa-gaze__card { min-height: 0; }
}
@media (max-width: 767px) {
  .medusa-services-hero--compact { padding: 12rem 2.2rem 3rem; }
  .medusa-gaze { padding-inline: 2.2rem; }
}
