/* Common salon hero: max. 1900 × 400 on desktop, no horizontal page overflow. */
.salon-shared-hero {
 position:relative;isolation:isolate;width:min(100%,1900px);height:400px;min-height:0;
 margin:128px auto 0;padding:0;overflow:hidden;background:#fbf6f5;
}
.salon-shared-hero-image {
 display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;
 object-fit:cover;object-position:left center;
}
.salon-shared-hero-title {
 position:absolute;inset:0 24% 0 32%;display:flex;align-items:center;justify-content:center;
 padding:20px;text-align:center;pointer-events:none;
}
.salon-shared-hero-title h1 {
 margin:0;max-width:100%;font-family:'Playfair Display',Georgia,serif;
 font-size:clamp(30px,2.8vw,48px);font-weight:400;line-height:1.2;color:#663e36;
 text-wrap:balance;overflow-wrap:normal;white-space:normal;text-shadow:0 1px 12px rgba(251,246,245,.9);
}
.salon-hero-intro {padding:26px 0 18px;text-align:center;}
.salon-hero-intro p {margin:0 auto 18px;max-width:860px;color:#663e36;}
.salon-hero-intro :is(.hero-actions,.about-hero-actions) {margin:0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
@media(max-width:1023px) {
 .salon-shared-hero {height:260px;margin-top:116px;}
 .salon-shared-hero-title {left:36%;right:12%;padding:16px;}
 .salon-shared-hero-title h1 {font-size:32px;}
}
@media(max-width:600px) {
 .salon-shared-hero {height:190px;margin-top:110px;}
 .salon-shared-hero-title {left:54%;right:2%;padding:10px 8px;}
 .salon-shared-hero-title h1 {font-size:clamp(21px,5.4vw,28px);}
 .salon-hero-intro {padding:22px 0 12px;}
 .salon-hero-intro :is(.hero-actions,.about-hero-actions) {display:grid;width:100%;}
}