@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");
/* SYR × 4Her component kit — local owner-review candidate. Scoped to .page--studio.
   Tokens, Header A skin, footer and contact skin come unchanged from homepage-fashion-v1/fashion.css
   (.page--fashion) and global-header-editorial.css; this file adds the components only.
   The homepage does not load this file. */
.page--studio { --k-section: clamp(4.5rem, 10vh, 7.5rem); --k-measure: 46rem; --k-row: #575c61; }
.page--studio main { padding-top: var(--fashion-header-height); }
.page--studio main > section { padding: var(--k-section) var(--pad-x); border-top: 1px solid var(--hairline); }
.page--studio main > section:first-of-type { border-top: 0; }
.page--studio h1, .page--studio h2, .page--studio h3 { font-family: var(--serif); font-weight: 500; color: var(--paper); overflow-wrap: break-word; }
.page--studio h2, .page--studio h3 { margin: 0; }
.page--studio p { margin: 0 0 1rem; line-height: 1.8; }
.page--studio .k-eyeline { display: block; margin: 0 0 1.25rem; color: var(--soft); text-transform: uppercase; font: 500 .66rem/1.6 var(--sans); letter-spacing: .18em; }
.page--studio .k-note { font-size: .78rem; line-height: 1.8; color: var(--soft); margin: 1rem 0 0; }
.page--studio .k-consultation-note { padding: 1.5rem var(--pad-x); }

/* Consultation controls and links */
.k-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; margin-top: 2.25rem; }
.page--studio .k-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.25rem; min-height: 56px; padding: 0 1.75rem; font: 600 .74rem/1.2 var(--sans); letter-spacing: .15em; text-transform: uppercase; text-decoration: none; border: 1px solid var(--paper); }
.page--studio .k-cta--primary { background: var(--paper); color: var(--black); }
.page--studio .k-cta--primary:hover { background: transparent; color: var(--paper); }
.page--studio .k-cta--text { background: none; border-width: 0 0 1px; padding: 0; min-height: 44px; color: var(--paper); }
.page--studio .k-link { display: inline-flex; align-items: center; gap: 1rem; min-height: 44px; border-bottom: 1px solid var(--hairline); font: 500 .69rem/1.3 var(--sans); letter-spacing: .13em; text-transform: uppercase; text-decoration: none; color: var(--paper); }
.page--studio .k-link:hover { border-color: var(--paper); }
.page--studio .k-link span { font-size: 1.05rem; }
.page--studio :is(.k-cta, .k-link, .k-crumbs a, .k-q summary):focus-visible { outline: 2px solid var(--paper); outline-offset: 5px; }

/* Breadcrumbs, studio labels */
.k-crumbs ol { list-style: none; margin: 0 0 2rem; padding: 0; display: flex; flex-wrap: wrap; gap: 0 .6rem; font: 500 .66rem/1.6 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
.k-crumbs li + li::before { content: '/'; margin-right: .6rem; color: #6d7176; }
.k-crumbs a { display: inline-flex; align-items: center; min-height: 32px; color: var(--soft); text-decoration: none; border-bottom: 1px solid transparent; }
.k-crumbs a:hover { color: var(--paper); border-color: var(--soft); }
.k-crumbs [aria-current] { color: var(--paper); display: inline-flex; align-items: center; min-height: 32px; }
.k-studio { display: inline-block; font: 500 .62rem/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); border: 1px solid var(--hairline); padding: .35rem .5rem; white-space: nowrap; }
.page--studio .k-key { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; margin: 1.75rem 0 0; font-size: .72rem; color: var(--soft); }
.k-key strong { color: var(--paper); font-weight: 600; margin-right: .35rem; }

/* Hero: category (typographic) and treatment (editorial split) */
.page--studio .k-hero { border-top: 0; }
.page--studio .k-hero h1 { font-size: clamp(4rem, 10vw, 10rem); line-height: .9; letter-spacing: -.035em; margin: 0 0 2rem; }
.page--studio .k-hero__statement { font-family: var(--serif); font-size: clamp(1.7rem, 2.8vw, 2.6rem); line-height: 1.15; color: var(--paper); max-width: 28ch; margin: 0 0 1.25rem; }
.page--studio .k-hero__lede { font-size: 1rem; max-width: var(--k-measure); color: var(--soft); }
.page--studio .k-hero__lede a { color: var(--paper); }
.page--studio .k-hero__anchor { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 2rem; margin: 2.25rem 0 0; padding-top: 1.25rem; border-top: 1px solid var(--hairline); font: 500 .7rem/1.6 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); }
.k-hero__anchor strong { color: var(--paper); font-weight: 600; margin-right: .4rem; }
.k-hero__anchor a { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; color: var(--paper); text-decoration: none; border-bottom: 1px solid var(--soft); }
.page--studio .k-hero--category { padding-top: clamp(4rem, 12vh, 8rem); padding-bottom: clamp(4rem, 10vh, 7rem); }
.k-hero--category .k-hero__copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem clamp(2.5rem, 6vw, 7rem); align-items: end; }
.page--studio .k-hero--category h1 { margin-bottom: 0; font-size: clamp(3.2rem, 7vw, 9rem); }
.page--studio .k-hero--reference h1 { font-size: clamp(3rem, 5.6vw, 7.5rem); }
.k-hero--category .k-hero__detail { padding-bottom: .5rem; }
.page--studio .k-hero--treatment { display: grid; grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); padding: 0; min-height: min(calc(100svh - var(--fashion-header-height)), 940px); }
.k-hero--treatment .k-hero__copy { align-self: center; padding: clamp(3rem, 7vh, 5rem) clamp(2rem, 4.5vw, 5rem) clamp(3rem, 7vh, 5rem) var(--pad-x); }
.page--studio .k-hero--treatment h1 { font-size: min(4.8vw, 5.6rem); overflow-wrap: normal; }
.k-hero__media { position: relative; min-height: 420px; }
.k-hero__media img, .k-areas__media img, .k-process__media img { object-position: var(--k-pos, 50% 50%); }
.k-hero__media img { position: absolute; inset: 0; }
.k-hero__media::before { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, var(--black) 0%, #05060700 18%); }

/* Statement and pillars */
.page--studio .k-statement h2 { font-size: clamp(2.6rem, 5.6vw, 5.8rem); line-height: 1; letter-spacing: -.03em; max-width: 20ch; margin-bottom: 1.75rem; }
.k-statement p:not(.k-eyeline) { max-width: var(--k-measure); font-size: .95rem; }
.page--studio .k-pillars { padding-top: 0; border-top: 0; }
.k-pillars__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }
.k-pillar { padding: 2.25rem 2rem 2rem 0; }
.k-pillar + .k-pillar { padding-left: 2rem; border-left: 1px solid var(--hairline); }
.page--studio .k-pillar h3 { font-size: clamp(1.7rem, 2.4vw, 2.3rem); line-height: 1.1; margin-bottom: .9rem; }
.k-pillar p:last-child { font-size: .85rem; margin: 0; }

/* Section head */
.k-head { margin-bottom: 3rem; }
.page--studio .k-head__title { font-size: clamp(2.6rem, 5vw, 5.2rem); line-height: 1; letter-spacing: -.03em; max-width: 22ch; }
.page--studio .k-head__lede { margin: 1.5rem 0 0; max-width: var(--k-measure); font-size: .92rem; }

/* Routing rows */
.k-routes__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--k-row); }
.k-route { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) minmax(12rem, 16rem) minmax(12rem, 15rem); gap: 1rem 2rem; align-items: start; padding: 2.5rem 0; border-bottom: 1px solid var(--k-row); }
.k-route__n { font-size: .72rem; color: var(--soft); padding-top: 1rem; }
.page--studio .k-route h3 { font-size: clamp(2.4rem, 4.4vw, 4.6rem); line-height: 1; letter-spacing: -.03em; margin-bottom: 1rem; }
.k-route__body p { max-width: 38rem; font-size: .9rem; }
.page--studio .k-route__areas { font: 500 .66rem/1.8 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); margin: 0; }
.page--studio .k-route__meta { margin: 0; padding-top: 1rem; font-size: .8rem; }
.k-route__meta strong { color: var(--paper); font-weight: 600; letter-spacing: .02em; }
.k-route__link { padding-top: .35rem; justify-self: end; }

/* Editorial splits */
.page--studio .k-split--media { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.k-split__media { aspect-ratio: 4 / 5; overflow: hidden; }
.k-split--text .k-split__copy { max-width: 64rem; }
.k-split__copy > p { max-width: var(--k-measure); font-size: .95rem; }
.k-facts { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--hairline); max-width: 52rem; }
.k-facts li { padding: 1.25rem 1.5rem 0 0; display: grid; gap: .3rem; }
.k-facts strong { font: 500 .62rem/1.6 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); }
.k-facts span { font-family: var(--serif); font-size: 1.45rem; line-height: 1.2; color: var(--paper); }
.k-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 6rem); }
.k-pair__col { padding-top: 2rem; border-top: 3px solid var(--hairline); }
.k-pair__col--syr { border-top-color: var(--syr); }
.k-pair__col--4her { border-top-color: var(--four-her); }
.k-pair__col--syr .k-eyeline { color: #70b9c7; }
.k-pair__col--4her .k-eyeline { color: var(--four-her); }
.page--studio .k-pair h3 { font-size: clamp(2rem, 3.4vw, 3.4rem); line-height: 1.02; letter-spacing: -.02em; margin-bottom: 1.5rem; }
.k-pair p:not(.k-eyeline) { font-size: .92rem; max-width: 36rem; }

/* Editorial moment */
.page--studio .k-moment { background: #111417; text-align: center; }
.page--studio .k-moment__line { font-family: var(--serif); font-size: clamp(2.5rem, 6vw, 6rem); line-height: 1.02; letter-spacing: -.03em; color: var(--paper); max-width: 18ch; margin: 0 auto 1.75rem; }
.page--studio .k-moment__src { font: 500 .66rem/1.6 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--soft); margin: 0; }

/* Areas */
.page--studio .k-areas--media { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.k-areas__media { position: sticky; top: calc(var(--fashion-header-height) + 2rem); aspect-ratio: 4 / 5; overflow: hidden; }
.k-areas__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--k-row); }
.k-area { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 2rem; padding: 1.6rem 0; border-bottom: 1px solid var(--k-row); }
.page--studio .k-area h3 { font-size: clamp(1.65rem, 2.6vw, 2.4rem); line-height: 1.1; grid-column: 1; }
.page--studio .k-area p:not(.k-area__meta) { grid-column: 1; margin: 0; font-size: .86rem; max-width: 36rem; }
.page--studio .k-area__meta { grid-column: 2; grid-row: 1 / span 2; display: grid; justify-items: end; align-content: start; gap: .45rem; margin: 0; text-align: right; }
.k-area__meta strong { color: var(--paper); font: 600 .9rem/1.2 var(--sans); }
.k-area__note { font-size: .7rem; color: var(--soft); }

/* Process */
.page--studio .k-process--media { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.k-process__media { aspect-ratio: 4 / 5; overflow: hidden; }
.k-steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--k-row); counter-reset: none; }
.k-steps li { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 1rem; padding: 1.6rem 0; border-bottom: 1px solid var(--k-row); }
.k-step__n { font-size: .72rem; color: var(--soft); padding-top: .55rem; }
.page--studio .k-steps h3 { font-size: clamp(1.6rem, 2.4vw, 2.2rem); line-height: 1.1; margin-bottom: .6rem; }
.k-steps p { margin: 0; font-size: .88rem; max-width: 40rem; }
.k-steps--plain li { grid-template-columns: minmax(0, 1fr); }

/* Pricing */
.k-pricing__groups { display: grid; gap: clamp(2.5rem, 5vw, 5rem); }
.k-pricing--orientation .k-pricing__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.k-pricing--sheet .k-pricing__groups { max-width: 60rem; }
.page--studio .k-pricing__group h3 { font-size: clamp(1.9rem, 3vw, 2.8rem); margin-bottom: 1.25rem; }
.k-prices { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--k-row); }
.k-price { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .5rem 1.25rem; align-items: center; padding: 1.15rem 0; border-bottom: 1px solid var(--k-row); }
.k-price__name { color: var(--paper); font-size: .95rem; display: grid; gap: .3rem; }
.k-price__note { color: var(--soft); font-size: .75rem; }
.k-price__amount { color: var(--paper); font-weight: 600; font-size: .9rem; white-space: nowrap; text-align: right; min-width: 6.5rem; }
.page--studio .k-plan { display: grid; gap: .6rem; margin: 1.75rem 0 0; padding-top: 1.25rem; border-top: 1px solid var(--hairline); font-size: .9rem; color: var(--paper); }
.page--studio .k-plan__detail { color: var(--soft); font-size: .8rem; line-height: 1.8; }
.k-plan .k-link { justify-self: start; }

/* Questions */
.k-questions__list { border-top: 1px solid var(--k-row); max-width: 64rem; }
.k-q { border-bottom: 1px solid var(--k-row); }
.k-q summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; min-height: 72px; padding: 1.25rem 0; font-family: var(--serif); font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.2; color: var(--paper); }
.k-q summary::-webkit-details-marker { display: none; }
.k-q__icon { font-family: var(--sans); font-size: 1.4rem; transition: transform .2s; flex: none; }
.k-q[open] .k-q__icon { transform: rotate(45deg); }
.k-q p { margin: 0; padding: 0 3rem 1.75rem 0; max-width: 44rem; font-size: .9rem; }

/* Closing consultation */
.page--studio .k-close { text-align: center; }
.page--studio .k-close h2 { font-size: clamp(3rem, 7.5vw, 7.5rem); line-height: .92; letter-spacing: -.035em; max-width: 16ch; margin: 0 auto 2rem; }
.k-close__lede { max-width: 38rem; margin-left: auto !important; margin-right: auto !important; font-size: .95rem; }
.k-close__actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem 2.5rem; margin-top: 2.5rem; }
.page--studio .k-close__contact { margin: 1.5rem 0 0; font-size: .78rem; }
.k-close__contact a { display: inline-flex; align-items: center; min-height: 44px; color: var(--soft); }

/* Component reference (internal page) */
.k-toc ol { list-style: none; margin: 0; padding: 1.5rem var(--pad-x); display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); font: 500 .68rem/1.6 var(--sans); letter-spacing: .1em; text-transform: uppercase; }
.k-toc a { display: inline-flex; align-items: center; min-height: 44px; color: var(--soft); }
.page--studio .k-ref { padding: 4rem var(--pad-x); border-top: 1px solid var(--hairline); }
.page--studio .k-ref__head h2 { font-size: clamp(2.2rem, 4vw, 3.6rem); }
.k-ref__head p { max-width: var(--k-measure); }
.k-ref__spec { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem 2rem; margin: 1.5rem 0 2.5rem; padding: 1.25rem 0; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); font-size: .8rem; }
.k-ref__spec dt { font: 500 .62rem/1.6 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); }
.k-ref__spec dd { margin: .35rem 0 0; color: var(--paper); line-height: 1.6; }
.k-specimen { border: 1px dashed #4a4e53; margin-top: 1.5rem; overflow: hidden; }
.page--studio .k-specimen > section { padding: 3rem clamp(1.25rem, 3vw, 2.5rem); border-top: 0; }
.page--studio .k-specimen .k-hero--treatment { padding: 0; min-height: 0; }
.page--studio .k-specimen__title { font-family: var(--serif); font-size: clamp(2.4rem, 4vw, 4.8rem); line-height: .9; color: var(--paper); margin: 0 0 1.5rem; }
.k-specimen > :not(section) { padding: 1.5rem; }
.k-swatches { list-style: none; margin: 0; padding: 1.5rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: 1rem; }
.k-swatches li { display: grid; grid-template-columns: 2.5rem 1fr; gap: .25rem .75rem; align-items: center; font-size: .78rem; color: var(--soft); }
.k-swatches li span { width: 2.5rem; height: 2.5rem; background: var(--sw); border: 1px solid #4a4e53; grid-row: span 2; }
.k-swatches code { color: var(--paper); }
.page--studio .k-spec-type { display: flex; flex-wrap: wrap; gap: 1rem 3rem; padding: 0 1.5rem 1.5rem; color: var(--paper); }
.k-spec-type__serif { font-family: var(--serif); font-size: 2rem; }
.k-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.k-table th, .k-table td { text-align: left; vertical-align: top; padding: .85rem 1rem; border-bottom: 1px solid var(--hairline); color: var(--paper); }
.k-table th { font: 500 .62rem/1.6 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); }
.page--studio .k-ref code { font-size: .85em; color: var(--paper); overflow-wrap: anywhere; }

@media (max-width: 1100px) {
  .k-route { grid-template-columns: 3rem minmax(0, 1fr) minmax(10rem, 14rem); }
  .k-route__link { grid-column: 2 / -1; justify-self: start; }
  .k-ref__spec { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .page--studio .k-hero--treatment h1 { font-size: min(11vw, 5rem); }
  .k-hero--category .k-hero__copy { grid-template-columns: 1fr; }
  .page--studio .k-hero--treatment { display: flex; flex-direction: column; min-height: 0; }
  .k-hero--treatment .k-hero__media { order: -1; min-height: 0; aspect-ratio: 4 / 3; max-height: 46svh; width: 100%; }
  .k-hero__media::before { background: linear-gradient(0deg, var(--black) 0%, #05060700 25%); }
  .k-hero--treatment .k-hero__copy { align-self: stretch; padding: 2rem var(--pad-x) 3rem; }
  .k-pillars__grid { grid-template-columns: 1fr; }
  .k-pillar, .k-pillar + .k-pillar { padding: 1.75rem 0; border-left: 0; }
  .k-pillar + .k-pillar { border-top: 1px solid var(--hairline); }
  .page--studio :is(.k-split--media, .k-areas--media, .k-process--media) { grid-template-columns: 1fr; }
  .k-areas__media { position: static; order: -1; }
  .k-areas--media, .k-process--media { display: flex !important; flex-direction: column; }
  .k-pair, .k-pricing--orientation .k-pricing__groups { grid-template-columns: 1fr; }
  .k-facts { grid-template-columns: 1fr; }
  .k-facts li { padding: 1rem 0; border-bottom: 1px solid var(--hairline); }
}
@media (max-width: 760px) {
  .page--studio { --k-section: 4rem; }
  .page--studio .k-hero--category { padding-top: 2.75rem; padding-bottom: 3.5rem; }
  .page--studio .k-hero h1 { font-size: clamp(3.2rem, 16vw, 4.6rem); }
  .page--studio .k-hero--treatment h1 { font-size: min(12vw, 4rem); }
  .page--studio .k-hero--reference h1 { font-size: 12vw; }
  .page--studio .k-specimen__title { font-size: 8vw; }
  .page--studio .k-specimen .k-route h3 { font-size: 2rem; }
  .page--studio .k-hero__statement { font-size: 1.6rem; }
  .k-actions .k-cta, .k-close__actions .k-cta--primary { width: 100%; }
  .k-route { grid-template-columns: 2rem minmax(0, 1fr); padding: 2rem 0; }
  .k-route__meta, .k-route__link { grid-column: 2; padding-top: 0; }
  .page--studio .k-route h3 { font-size: min(2.6rem, 10vw); }
  .page--studio .k-moment__line { font-size: min(2.5rem, 9vw); }
  .k-area { grid-template-columns: 1fr; }
  .k-steps li { grid-template-columns: 2rem minmax(0, 1fr); }
  .page--studio .k-area__meta { grid-column: 1; grid-row: auto; justify-items: start; text-align: left; grid-auto-flow: column; justify-content: start; align-items: center; gap: .75rem; }
  .k-price { grid-template-columns: minmax(0, 1fr) auto; }
  .k-price .k-studio { grid-column: 1; grid-row: 2; justify-self: start; }
  .k-price__amount { grid-column: 2; grid-row: 1 / span 2; }
  .k-q p { padding-right: 0; }
  .page--studio .k-close h2 { font-size: clamp(2.6rem, 12vw, 4rem); }
  .k-ref__spec { grid-template-columns: 1fr; }
  .k-table { display: block; overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) { .k-q__icon { transition: none; } }

/* Location template (White Plains): studios, visit information, services. Existing tokens, type and link treatment only. */
.k-studios__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 3rem); }
.k-studios__media { margin: 0 0 1.25rem; aspect-ratio: 3 / 2; overflow: hidden; }
.k-studios__media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--k-pos, 50% 50%); display: block; }
.page--studio .k-studios__name { margin: 0 0 .4rem; font-family: var(--serif); font-size: clamp(1.7rem, 2.4vw, 2.3rem); line-height: 1.1; color: var(--paper); }
.k-studios .k-eyeline { margin: 0; }
.k-place__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }
.k-place__group { padding: 2.25rem 2rem 2rem 0; }
.k-place__group + .k-place__group { padding-left: 2rem; border-left: 1px solid var(--hairline); }
.page--studio .k-place__group h3 { font-size: clamp(1.7rem, 2.4vw, 2.3rem); line-height: 1.1; margin: 0 0 1.1rem; }
.k-place__group ul { list-style: none; margin: 0; padding: 0; }
.k-place__group li { padding: .3rem 0; font-size: .92rem; line-height: 1.5; }
.k-place__group li:has(.k-link) { padding: .5rem 0; }
.k-services .k-route__meta { align-self: center; }
@media (max-width: 900px) {
  .k-studios__list { grid-template-columns: 1fr; }
  .k-place__grid { grid-template-columns: 1fr; }
  .k-place__group, .k-place__group + .k-place__group { padding: 1.75rem 0; border-left: 0; }
  .k-place__group + .k-place__group { border-top: 1px solid var(--hairline); }
  .k-place__group li:has(.k-link) { padding: 0; }
  .k-place__group .k-link { min-height: 44px; display: inline-flex; align-items: center; }
}
@media (max-width: 900px) {
  .k-crumbs a { display: inline-flex; align-items: center; min-height: 44px; }
}

/* Brand overview template (SYR / 4Her): pathway taglines and the split link. Existing tokens only. */
.k-route__tagline { margin: 0 0 .6rem; }
.k-split__link { margin: 1.5rem 0 0; }

.k-hero h1 { text-wrap: balance; }
.k-h1-line { display: block; }
.page--studio .k-hero--treatment h1.k-h1--sentences { font-size: clamp(2.4rem, 4.3vw, 4.1rem); line-height: 1.04; }
@media (max-width: 900px) { .page--studio .k-hero--treatment h1.k-h1--sentences { font-size: min(10vw, 3.6rem); } }

/* Owner font parity with the accepted homepage, scoped to studio pages. */
body.page--studio{--serif:"Syne",sans-serif;--sans:"Space Grotesk",sans-serif;font-family:var(--sans);background:#050607}
body.page--studio h1,body.page--studio h2,body.page--studio h3{font-family:var(--serif);font-style:normal}

/* Mobile reading hierarchy: page thesis, chapter, item, then supporting copy. */
@media(max-width:760px){
 body.page--fashion.page--experience.page--appointment.page--studio main h1{font-size:clamp(2.4rem,11.3vw,2.9rem);line-height:1.08;font-weight:600;letter-spacing:-.035em;margin-bottom:1.25rem}
 body.page--fashion.page--experience.page--appointment.page--studio main h2{font-size:clamp(1.8rem,8.2vw,2.1rem);line-height:1.16;font-weight:500;letter-spacing:-.025em;margin-bottom:1rem}
 body.page--fashion.page--experience.page--appointment.page--studio main h3{font-size:1.5rem;line-height:1.22;font-weight:500;letter-spacing:-.015em;margin-bottom:.65rem}
 body.page--fashion.page--experience.page--appointment.page--studio main p{font-size:1rem;line-height:1.65;color:#c8cbd0;max-width:38ch}
 body.page--fashion.page--experience.page--appointment.page--studio main .k-eyeline{font-size:.75rem;line-height:1.5;letter-spacing:.12em;color:#bfc3c7;margin-bottom:.85rem}
 body.page--fashion.page--experience.page--appointment.page--studio main .k-hero__statement{font-size:1.25rem;line-height:1.45;color:#f7f7f5;max-width:30ch}
 body.page--fashion.page--experience.page--appointment.page--studio main .k-route__meta{font-size:.75rem;line-height:1.5;letter-spacing:.06em}
 body.page--fashion.page--experience.page--appointment.page--studio main .k-hero__anchor{font-size:.8rem;line-height:1.5}
 body.page--fashion.page--experience.page--appointment.page--studio main .k-crumbs{font-size:.7rem;line-height:1.5}
}
/* 2026-10-22: White Plains, New York City, Plan your visit, Contact as four even columns. */
@media (min-width: 1000px) { .k-place__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
/* Hana 2026-10-20: tighter "Explore all men's services" destination — four categories, no redundant studio chips. */
.page--studio .k-services .k-route__meta{display:none}
.page--studio .k-services .k-routes__list{gap:0}
.page--studio .k-services .k-route{min-height:0;padding-block:2rem}
.page--studio .k-services .k-route__link{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center}
.page--studio .k-services .k-route__link p{margin:0}
.page--studio .k-services .k-key{display:none}
/* 2026-10-22: a single long word (e.g. "Neuromodulators") must fit its column instead of breaking mid-word. */
.k-hero[data-long-title] .k-hero__title{container-type:inline-size}
.k-hero[data-long-title] h1{font-size:min(7vw,10.5cqi);overflow-wrap:normal}
@media (max-width:760px){body.page--fashion.page--experience.page--appointment.page--studio main .k-hero[data-long-title] h1{font-size:min(9.4vw,10.5cqi)}}
/* 2026-10-22: wide client crops (photo cut from SYR banner art) sit in a 16:10 frame instead of stretching to full hero height. */
.k-hero__media.k-hero__media--wide { min-height: 0; align-self: center; aspect-ratio: 16 / 10; }