/* One softly colored salon portrait, with a separate white band for each line. */
.salon-hero{position:relative;isolation:isolate;overflow:hidden;background:#f1f7f6}
.salon-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;z-index:-3}
.salon-hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#e7f4ee08 29%,#f6fbf720 48%,#ecf5f638 100%),linear-gradient(0deg,#d4d8ed80 0%,#d3ecef10 28%,transparent 70%)}
.salon-hero-inner{position:relative;max-width:1480px;margin:auto;min-height:730px;display:flex;align-items:center;padding:62px 4.5% 72px}
.salon-hero-copy{width:53%;margin-left:auto;position:relative}
.salon-hero-script-band{background:#fff;display:flex;width:fit-content;max-width:100%;padding:4px 17px 5px;margin:0 0 12px}
.salon-hero-wording{display:block;max-width:100%;font-size:clamp(38px,4.1vw,62px);line-height:1.6;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(110deg,#69a98f 0%,#79b1c7 47%,#a68cc6 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.salon-hero-regular{font-family:var(--sans);font-weight:700}
.salon-hero-title{font-size:clamp(26px,2.67vw,40px);font-weight:800;line-height:1.65;letter-spacing:.025em;color:#25363e;margin:0}
.salon-hero-title-line{background:white;padding:9px 18px 11px;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline-block}
.salon-mobile-break{display:none}
.salon-hero-audience{font-size:17px;line-height:1.8;font-weight:600;letter-spacing:.06em;margin-top:35px;color:#374d58}
.salon-hero-services{margin-top:22px;display:grid;gap:9px;justify-items:start}
.salon-hero-services p{font-size:clamp(17px,1.7vw,24px);font-weight:700;line-height:1.6;letter-spacing:.07em;background:#cfebe5ed;padding:7px 15px;color:#304b52}
.salon-hero-services p:nth-child(2){background:#dce5f3ef}
.salon-hero-description{font-size:16px;line-height:1.9;color:#3c505c;margin-top:21px;font-weight:500}
.salon-hero-button{display:flex;align-items:center;justify-content:center;gap:35px;position:relative;min-height:71px;max-width:530px;width:100%;padding:19px 28px;margin-top:30px;border-radius:6px;background:linear-gradient(108deg,#b5dfcf 0%,#b6dce9 49%,#cebee9 100%);box-shadow:0 5px 0 #8296af40,0 7px 24px #8099a31a;color:#294d57;font-size:21px;font-weight:700;letter-spacing:.075em;border:1px solid #ffffffa6;transition:filter .2s,transform .2s}
.salon-hero-button>span{font-size:25px;font-weight:400;position:absolute;right:25px}
.salon-hero-button:hover{filter:brightness(1.035);transform:translateY(-2px)}
.salon-hero-photo-note{position:absolute;right:25px;bottom:13px;font-size:12px;color:#526773;line-height:1.6}
@media(min-width:1600px){.salon-hero-inner{min-height:800px}.salon-hero-photo{object-position:center 40%}}
@media(max-width:1100px) and (min-width:821px){
 .salon-hero-inner{padding:53px 3.5% 61px;min-height:670px}
 .salon-hero-copy{width:54%}
 .salon-hero-script-band{padding-inline:12px}
 .salon-hero-wording{font-size:4.1vw}
 .salon-hero-title{font-size:2.7vw;letter-spacing:0}
 .salon-hero-title-line{padding:9px 12px 10px}
 .salon-hero-audience{font-size:15px;margin-top:27px}
 .salon-hero-services p{font-size:17px;letter-spacing:.03em;padding:7px 12px}
 .salon-hero-description{font-size:16px}
 .salon-hero-button{font-size:18px;min-height:65px;margin-top:26px}
}
@media(max-width:820px){
 .salon-hero-inner{padding:325px 7% 54px;min-height:0;display:block}
 .salon-hero-photo{height:490px;object-position:left 37%;object-fit:cover}
 .salon-hero-wash{background:linear-gradient(180deg,transparent 270px,#eef7f345 365px,#eef7f3 490px,#e6eff7 72%,#eee8f7 100%)}
 .salon-hero-copy{width:100%;max-width:610px;margin:auto}
 .salon-hero-script-band{padding:3px 15px;margin-bottom:10px}
 .salon-hero-wording{font-size:clamp(38px,7.4vw,55px)}
 .salon-hero-title{font-size:clamp(23px,4.1vw,31px);letter-spacing:.025em}
 .salon-hero-title-line{padding:8px 15px 9px}
 .salon-hero-audience{font-size:16px;margin-top:25px}
 .salon-hero-services{margin-top:16px}
 .salon-hero-services p{font-size:19px;letter-spacing:.04em}
 .salon-hero-description{font-size:16px;margin-top:17px}
 .salon-hero-button{max-width:none;margin-top:24px;min-height:64px;font-size:20px}
 .salon-hero-photo-note{right:20px;bottom:13px}
}
@media(max-width:520px){
 .salon-hero-inner{padding:270px 5% 45px}
 .salon-hero-photo{height:395px;object-position:left center}
 .salon-hero-wash{background:linear-gradient(180deg,transparent 220px,#edf7f340 300px,#edf7f3 395px,#e5eff6 73%,#eee8f7 100%)}
 .salon-hero-script-band{padding:2px 10px;max-width:100%;margin-bottom:9px}
 .salon-hero-wording{font-size:clamp(30px,8.8vw,40px)}
 .salon-hero-title{font-size:5.2vw;letter-spacing:.015em;line-height:1.75}
 .salon-hero-title-line{padding:8px 10px 9px}
 .salon-hero-audience{font-size:14px;letter-spacing:.02em;margin-top:22px}
 .salon-hero-services{gap:7px;margin-top:14px}
 .salon-hero-services p{font-size:15px;padding:7px 11px;letter-spacing:.035em;line-height:1.7}
 .salon-hero-description{font-size:16px;line-height:1.9;margin-top:16px}
 .salon-hero-button{font-size:18px;min-height:61px;margin-top:22px}
 .salon-hero-button>span{font-size:23px;right:20px}
 .salon-hero-photo-note{font-size:12px}
}
@media(max-width:360px){
 .salon-hero-inner{padding-top:260px}
 .salon-hero-services p{font-size:14px;letter-spacing:0;padding-inline:10px}
 .salon-hero-description{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.salon-hero-button{transition:none}}