/* Sportmassage only: natural four-section flow, shared theme and contact behavior. */
.massage-page main{font-family:Hero Inter,Arial,sans-serif;font-synthesis:none}
.massage-page .massage-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:8%;align-items:center;padding:16px 0 32px;border-bottom:1px solid var(--color-border)}
.massage-page .massage-hero-copy{min-width:0}
.massage-page .massage-hero .eyebrow{font-family:var(--sans);font-size:.66rem;margin-bottom:24px;color:var(--color-text-muted)}
.massage-page .massage-hero h1{font-family:Hero Aileron,Arial,sans-serif;font-size:clamp(3.25rem,4.3vw,4rem);font-weight:600;line-height:1.03;letter-spacing:-.04em}
.massage-page .massage-line{display:block;white-space:nowrap}
.massage-page .massage-line-light{font-weight:400}
.massage-page .accent{color:var(--color-accent)}
.massage-page .massage-hero-photo{width:100%;max-width:480px;aspect-ratio:1.5;justify-self:end;overflow:hidden;background:var(--color-surface)}
.massage-page .massage-hero-photo img{object-position:38% 52%}
.massage-page h2{font-family:Hero Inter,Arial,sans-serif;font-size:clamp(1.625rem,2.1vw,2rem);font-weight:500;line-height:1.17;letter-spacing:-.035em}
.massage-page .massage-treatment{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10%;align-items:start;padding-block:36px 40px}
.massage-page .massage-treatment h2{margin-bottom:0}
.massage-page .massage-treatment .massage-prose{display:block}
.massage-page .massage-prose p{font-size:1rem;line-height:1.65;letter-spacing:-.01em;max-width:64ch;color:var(--color-text-muted)}
.massage-page .massage-conversation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10%;align-items:start;padding-block:32px 36px;border-block:1px solid var(--color-border)}
.massage-page .massage-conversation h2{font-size:clamp(1.625rem,2.05vw,1.875rem);max-width:19ch}
.massage-page .massage-treatment p+p,.massage-page .massage-conversation p+p{margin-top:16px}
.massage-page .massage-pricing{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10%;align-items:start;padding-block:36px 42px}
.massage-page .massage-price-details{min-width:0}
.massage-page .massage-price-list{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.massage-page .massage-price-list thead th{text-align:left;font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--color-text-muted);padding:0 0 9px;border-bottom:1px solid var(--color-border)}
.massage-page .massage-price-list tbody :is(th,td){font-size:1rem;line-height:1.3;font-weight:400;text-align:left;padding:12px 0;border-bottom:1px solid var(--color-border)}
.massage-page .massage-price-list tr>:last-child{text-align:right}
.massage-page .massage-price-list tbody td{font-size:1.125rem;letter-spacing:-.02em;white-space:nowrap}
.massage-page .massage-recommendation{font-size:.84rem;line-height:1.55;color:var(--color-text-muted);margin-top:14px}
.massage-page .massage-request{margin-top:18px;min-height:48px;padding:12px 18px;background:var(--color-hero-button-background);color:var(--color-hero-button-text)}
.massage-page .massage-request:hover{background:var(--color-button-background);color:var(--color-button-text)}
.massage-page .compact-footer{padding-block:16px}
@media(max-width:1050px) and (min-width:701px){
  .massage-page .massage-hero{gap:6%;padding-top:12px}
  .massage-page .massage-treatment,.massage-page .massage-conversation,.massage-page .massage-pricing{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:7%}
}
@media(max-width:700px){
  .massage-page .massage-hero{grid-template-columns:1fr;gap:20px;padding:12px 0 26px}
  .massage-page .massage-hero h1{font-size:clamp(2.75rem,12.5vw,3.25rem);line-height:1.04}
  .massage-page .massage-hero-photo{max-width:none;aspect-ratio:1.5}
  .massage-page .massage-hero-photo img{object-position:42% 50%}
  .massage-page .massage-treatment{padding-block:28px}
  .massage-page .massage-treatment h2{margin-bottom:0}
  .massage-page .massage-treatment .massage-prose{display:block}
  .massage-page .massage-treatment p+p{margin-top:16px}
  .massage-page .massage-treatment,.massage-page .massage-conversation,.massage-page .massage-pricing{grid-template-columns:1fr;gap:16px;padding-block:28px}
  .massage-page h2,.massage-page .massage-conversation h2{font-size:clamp(1.625rem,6.8vw,1.75rem);max-width:23ch}
  .massage-page .massage-prose p{font-size:1rem;line-height:1.65}
  .massage-page .massage-price-list tbody :is(th,td){padding-block:11px}
  .massage-page .massage-pricing{padding-bottom:32px}
}