/* Local draft: content may grow and reflow as the browser viewport or zoom changes. */
.wink-beauty-home,
.wink-beauty-home :where(.wink-wrap,.wink-nav,.wink-treatment-intro>*,.wink-treatment-content,.wink-about-copy,.wink-booking-inner>*,.wink-footer-grid>*) {
  min-width:0;
}
.wink-beauty-home .wink-header-inner {
  width:90%;
  max-width:1440px;
  gap:clamp(16px,2vw,36px);
}
.wink-beauty-home .wink-nav {gap:clamp(14px,2vw,28px)}
.wink-beauty-home .wink-nav .wink-button {
  margin-left:clamp(0px,2vw,32px);
  min-width:0;
  max-width:100%;
  white-space:normal;
}
.wink-beauty-home .wink-hero-inner {
  grid-template-columns:minmax(0,48fr) minmax(0,52fr);
  height:auto;
  min-height:clamp(23rem,29vw,29rem);
  max-height:none;
}
.wink-beauty-home .wink-hero-copy {
  container-type:normal;
  padding:clamp(2rem,3vw,3rem) clamp(1.25rem,2.2vw,2.5rem);
  padding-left:max(1.25rem,5.2vw,calc((100vw - 1440px)/2));
}
.wink-beauty-home .wink-hero h1 {
  font-size:clamp(2.5rem,4vw,4rem);
  line-height:1.08;
  letter-spacing:-.045em;
  max-width:100%;
  overflow-wrap:normal;
}
.wink-beauty-home .wink-hero h1>span,
.wink-beauty-home .wink-hero h1>em {white-space:normal}
.wink-beauty-home .wink-hero h1>em {letter-spacing:-.05em}
.wink-beauty-home .wink-hero-copy .wink-eyebrow {
  font-size:10px;
  line-height:1.5;
  letter-spacing:.22em;
  margin-bottom:16px;
}
.wink-beauty-home .wink-hero-description {
  max-width:40ch;
  margin-top:20px;
  font-size:17px;
  line-height:1.7;
}
.wink-beauty-home .wink-hero-image {
  position:relative;
  min-width:0;
  min-height:0;
  align-self:stretch;
}
.wink-beauty-home .wink-hero-image img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
}
.wink-beauty-home .wink-hero-actions {
  max-width:100%;
  column-gap:clamp(1rem,2vw,2rem);
  row-gap:.75rem;
  margin-top:26px;
}
.wink-beauty-home .wink-hero-actions .wink-button,
.wink-beauty-home .wink-hero-actions .wink-text-link {
  min-width:0;
  max-width:100%;
  white-space:normal;
}
.wink-beauty-home .wink-hero-actions .wink-button {
  min-height:48px;
  padding:12px 22px;
  font-size:14px;
}
.wink-beauty-home .wink-hero-actions .wink-text-link {
  min-height:44px;
  font-size:14px;
  line-height:1.5;
}
.wink-beauty-home .wink-mobile-divider {display:none}
.wink-beauty-home .wink-treatment-intro {
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:clamp(24px,5vw,72px);
}
.wink-beauty-home .wink-treatment-intro h2 {
  font-size:clamp(2.6rem,5.4vw,5.3rem);
  line-height:1.04;
}
.wink-beauty-home .wink-treatment-grid {align-items:stretch}
.wink-beauty-home .wink-treatment-grid>.wink-treatment-card {
  display:flex;
  flex-direction:column;
}
.wink-beauty-home .wink-treatment-grid .wink-treatment-content {
  display:flex;
  flex-direction:column;
  flex:1;
}
.wink-beauty-home .wink-treatment-grid .wink-detail-toggle {
  min-width:0;
  max-width:100%;
  margin-top:auto;
  white-space:normal;
}
.wink-beauty-home .wink-review-track {
  max-width:100%;
  margin:0;
  padding:4px 0 14px;
}
.wink-beauty-home .wink-review-controls {flex-wrap:wrap;gap:clamp(8px,2vw,20px)}
.wink-beauty-home .wink-review-controls button {flex:0 0 44px}
.wink-beauty-home .wink-booking-inner {
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.7fr);
  gap:clamp(20px,2.5vw,36px);
}
.wink-beauty-home .wink-booking-band h2 {
  font-size:clamp(2.7rem,5vw,5rem);
  line-height:1.04;
}
.wink-beauty-home .wink-booking-band .wink-button {
  min-width:0;
  max-width:100%;
  white-space:normal;
}
.wink-beauty-home .wink-footer-grid {
  grid-template-columns:minmax(0,1.05fr) minmax(0,.75fr) minmax(0,1.2fr) minmax(0,1.75fr) minmax(0,1fr);
}
.wink-beauty-home .wink-footer .wink-logo {max-width:100%}
.wink-beauty-home .wink-footer a {overflow-wrap:anywhere}
.wink-beauty-home .wink-hours dl>div {flex-wrap:wrap;gap:4px 12px}
.wink-beauty-home .wink-footer-bottom {flex-wrap:wrap;row-gap:8px}
.wink-beauty-home .wink-dialog-header>div {min-width:0}
.wink-beauty-home .wink-dialog-header h2 {font-size:clamp(1.75rem,3vw,2.375rem);overflow-wrap:anywhere}
.wink-beauty-home .wink-treatment-dialog .wink-price-value {
  max-width:9rem;
  white-space:normal;
  overflow-wrap:anywhere;
}
.wink-beauty-home .wink-treatment-dialog .wink-treatment-book {min-width:0;max-width:100%;white-space:normal}
.wink-beauty-home .wink-patch-note p {min-width:0}

@media(max-width:1299px) {
  .wink-beauty-home .wink-footer-grid {
    grid-template-columns:minmax(0,.9fr) minmax(0,.65fr) minmax(0,1.2fr) minmax(0,1.65fr) minmax(0,1fr);
  }
}
@media(max-width:1023px) {
  .wink-beauty-home .wink-nav {gap:0;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}
  .wink-beauty-home .wink-nav .wink-button {margin:12px 0 0}
  .wink-beauty-home .wink-booking-inner {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  .wink-beauty-home .wink-footer-grid {grid-template-columns:minmax(0,.9fr) minmax(0,.7fr) minmax(0,1.3fr)}
}
@media(max-width:767px) {
  .wink-beauty-home .wink-nav {max-height:calc(100dvh - 80px)}
  .wink-beauty-home .wink-service-ribbon {display:none}
  .wink-beauty-home .wink-mobile-divider {
    display:block;
    height:1px;
    margin:0;
    padding:0;
    border:0;
    background:#eed5dc;
  }
  .wink-beauty-home .wink-hero-inner {grid-template-columns:minmax(0,1fr);min-height:0}
  .wink-beauty-home .wink-hero-copy {padding:32px 20px 34px}
  .wink-beauty-home .wink-hero h1 {font-size:clamp(2.5rem,10.8vw,3.25rem)}
  .wink-beauty-home .wink-hero-copy .wink-eyebrow {margin-bottom:14px;font-size:9px}
  .wink-beauty-home .wink-hero-description {font-size:16px;line-height:1.65;margin-top:16px}
  .wink-beauty-home .wink-hero-actions {margin-top:22px}
  .wink-beauty-home .wink-hero-image {aspect-ratio:390/220;border-top:0}
  .wink-beauty-home .wink-treatment-intro {grid-template-columns:minmax(0,1fr);gap:24px}
  .wink-beauty-home .wink-booking-inner {display:block}
  .wink-beauty-home .wink-footer-grid {grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
}
@media(max-width:639px) {
  .wink-beauty-home .wink-footer-grid {grid-template-columns:minmax(0,1fr)}
  .wink-beauty-home .wink-footer-grid>* {grid-column:auto;grid-row:auto}
  .wink-beauty-home .wink-footer-nav {flex-direction:row;flex-wrap:wrap;gap:4px 20px}
}
@media(max-width:399px) {
  .wink-beauty-home .wink-treatment-dialog .wink-price-row {grid-template-columns:minmax(0,1fr);row-gap:5px}
  .wink-beauty-home .wink-treatment-dialog .wink-price-value {text-align:left;max-width:100%}
}
@media(max-width:359px) {
  .wink-beauty-home .wink-hero-copy {padding:28px 16px 30px}
}
@media(max-height:500px) {
  .wink-beauty-home .wink-dialog-header {padding:12px 16px;gap:12px}
  .wink-beauty-home .wink-dialog-header h2 {font-size:1.75rem}
  .wink-beauty-home .wink-dialog-header .wink-eyebrow,
  .wink-beauty-home .wink-dialog-subtitle {display:none}
  .wink-beauty-home .wink-treatment-dialog .wink-treatment-actions {flex-direction:row;align-items:center;gap:12px;padding:10px 16px}
  .wink-beauty-home .wink-treatment-dialog .wink-treatment-book {flex:1;width:auto;min-height:44px;font-size:13px}
  .wink-beauty-home .wink-treatment-dialog .wink-detail-close {max-width:45%;min-height:44px;font-size:12px}
}
