/* Photo-led hero: a real salon photograph, with no implied video control. */
.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;min-height:0;margin:28px 5% 40px;align-items:stretch}
.hero-copy{padding:40px 0 18px 3%;min-width:0;justify-content:center}
.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.8px;margin:0}
.hero h1{font-size:clamp(72px,7.2vw,112px);line-height:.94;letter-spacing:-3.7px;margin:29px 0 25px}
.hero h1 em{color:#9e7958}
.hero .intro{font-size:13px;line-height:1.9;max-width:345px;margin:0 0 28px}
.hero-buttons{gap:23px}.hero-buttons .button{padding:17px 22px;gap:30px;font-size:11px}.hero-buttons .text-link{font-size:10px;line-height:1.7}
.hero-review-link{margin-top:28px;gap:10px;font-size:9px}.hero-foot{margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:7px;letter-spacing:.7px;line-height:1.9;max-width:400px}
.hero-photo{position:relative;margin:0;min-height:600px;border-radius:5px;overflow:hidden;background:#c1a587}
.hero-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%;animation:heroPhotoEnter 1.1s ease-out both}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#20160d0d 45%,#20160d88);pointer-events:none}
.hero-photo figcaption{position:absolute;bottom:28px;left:28px;right:28px;color:#fff6e9;z-index:1;display:flex;justify-content:space-between;gap:15px;align-items:end}
.hero-photo-label{font-size:8px;letter-spacing:1.7px;line-height:1.8}.hero-photo-label strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;line-height:1.15;letter-spacing:0;font-weight:400;display:block;margin-top:5px}.hero-photo-number{font-size:8px;letter-spacing:1.3px;border-top:1px solid #ffefd080;padding-top:8px}
.hero-corner-label{position:absolute;top:23px;left:25px;z-index:1;color:#fff9ec;font-size:8px;letter-spacing:2.2px;text-shadow:0 1px 8px #0005}
@keyframes heroPhotoEnter{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1550px){.hero{gap:65px;margin-top:35px}.hero-photo{min-height:700px}.hero h1{font-size:125px}}
@media(max-width:1000px){.hero{gap:30px;margin-top:24px}.hero-copy{padding:30px 0 15px}.hero h1{font-size:clamp(65px,8vw,88px)}.hero-photo{min-height:580px}.hero .intro{font-size:12px}.hero-buttons{gap:20px}.hero-buttons .button{padding:16px 19px}.hero-foot{flex-direction:column;gap:5px;margin-top:25px}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;gap:27px;margin:0 0 0}.hero-copy{padding:32px 7% 0}.hero h1{font-size:clamp(70px,17vw,93px);line-height:.95;letter-spacing:-2.7px;margin:25px 0 22px}.hero .intro{font-size:12px;max-width:330px;margin-bottom:25px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1.2px}.hero-buttons{gap:19px;align-items:center}.hero-buttons .button{font-size:10px;gap:25px;padding:16px 18px}.hero-buttons .text-link{font-size:10px;max-width:110px}.hero-review-link{font-size:8px;gap:8px;margin-top:24px}.hero-review-link .mini-stars{font-size:9px;letter-spacing:1px}.hero-foot{flex-direction:row;gap:15px;margin-top:24px;padding-top:17px;font-size:6px;max-width:none}.hero-photo{margin:0 7% 28px;min-height:0;aspect-ratio:3/4;border-radius:4px}.hero-photo>img{object-position:50% 45%}.hero-photo figcaption{left:20px;right:20px;bottom:20px}.hero-photo-label{font-size:6px;letter-spacing:1px}.hero-photo-label strong{font-size:26px}.hero-photo-number{font-size:7px}.hero-corner-label{left:20px;top:18px;font-size:7px}}
@media(max-width:350px){.hero-buttons{gap:14px}.hero-buttons .button{padding:15px 13px;gap:14px}.hero-review-link{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-photo>img{animation:none}}
/* Neutralize the near-white JPEG backdrop before blending it into the page. */
.logo img,.brand-panel img{filter:brightness(1.065);mix-blend-mode:multiply}
