/* Homepage-only refinements: mobile massage discovery and hero composition. */
.mobile-massage-link{display:none}
.hero{min-height:680px;background:var(--paper)}
.hero-photo{width:51%;height:calc(100% - 56px);inset:28px 28px 28px auto;object-position:52% 42%;border-radius:180px 180px 12px 12px;box-shadow:0 12px 40px rgba(70,55,26,.10)}
.hero-shade{background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 41%,rgba(252,249,241,.92) 46%,rgba(252,249,241,.08) 59%,transparent 66%)}
.hero-copy{max-width:515px}
.hero h1{font-size:clamp(54px,6vw,80px)}
.hero .actions{gap:18px;align-items:flex-start;flex-direction:column}
.hero-massage-button{min-width:250px;background:var(--gold-dark);border-color:var(--gold-dark)}
.hero-massage-button:hover{background:#635024}
@media(max-width:1050px) and (min-width:761px){
  .hero-copy{max-width:450px}
  .hero-photo{width:50%;right:20px}
}
@media(max-width:760px){
  .header-inner{gap:12px}
  .mobile-massage-link{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-height:42px;padding:9px 12px;background:var(--gold-dark);color:var(--paper);text-decoration:none;font-size:10px;font-weight:700;white-space:nowrap;border:1px solid var(--gold-dark)}
  .menu-toggle{padding:9px 10px;font-size:10px;gap:6px;min-height:42px}
  .hero{display:block;min-height:0}
  .hero-photo{position:absolute;width:calc(100% - 32px);height:310px;inset:16px 16px auto;object-position:center 38%;border-radius:110px 110px 10px 10px;z-index:-3;border:0;box-shadow:none}
  .hero-shade{display:block;z-index:-2;background:linear-gradient(180deg,transparent 0,transparent 215px,rgba(252,249,241,.6) 265px,var(--paper) 325px)}
  .hero-inner{position:relative;padding:270px 0 35px}
  .hero-copy{max-width:none}
  .hero .eyebrow{margin-bottom:12px;font-size:9px}
  .hero h1{font-size:52px;line-height:1.02}
  .hero-intro{font-size:13px;margin:16px 0}
  .hero-offer{margin:19px 0;gap:14px;padding-left:14px}
  .hero-offer strong{font-size:12px}
  .hero-offer div>span{font-size:11px}
  .offer-number{font-size:46px}
  .hero .actions{gap:12px}
  .hero-massage-button{width:100%;min-height:52px;font-size:13px}
  .hero .actions .text-link{align-self:center;font-size:11px}
}
@media(max-width:360px){
  .header-inner{gap:8px}
  .mobile-massage-link{font-size:9px;padding-inline:9px}
  .menu-toggle{padding-inline:8px}
  .hero h1{font-size:48px}
}