.page--fashion .fashion-hero[data-trial-photo="owner-img9386"] .fashion-hero__image{background:var(--black)}
body.page--appointment.page--fashion .fashion-hero[data-trial-photo="owner-img9386"] .fashion-hero__image .focus-hero-frame{position:absolute;inset:0;overflow:hidden}
body.page--appointment.page--fashion .fashion-hero[data-trial-photo="owner-img9386"] .fashion-hero__image .focus-hero-frame img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 30%;transform:none;filter:none}
.page--fashion [data-trial-photo="owner-img9386"] .fashion-hero__image::before{background:linear-gradient(90deg,var(--black) 0%,var(--black) 44%,rgba(5,6,7,.5) 51%,transparent 66%),linear-gradient(0deg,var(--black),transparent 16%)}
.page--fashion .vm__explore{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:52px;padding:0 1.25rem;border:1px solid var(--paper);background:transparent;text-decoration:none}
.page--fashion .vm__explore:hover{background:var(--paper);color:var(--black)}
.focus-lyfe{padding:clamp(3rem,6vw,6rem) var(--pad-x);border-top:1px solid var(--hairline);background:var(--black);color:var(--paper)}
.focus-lyfe__head{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:end;margin-bottom:2.25rem}
.focus-lyfe h2{font:500 clamp(2.4rem,4vw,4.2rem)/1.05 var(--serif);max-width:16ch;margin:0}
.focus-lyfe__head p{font:400 1rem/1.7 var(--sans);color:var(--soft);max-width:38ch;margin:0}
.lyfe-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.lyfe-card{color:var(--paper);text-decoration:none;min-width:0}
.lyfe-art{display:block;aspect-ratio:2/1;background-image:url(assets/owner-img9386-reference.jpg);background-size:346% auto;background-repeat:no-repeat;background-color:#18201c}
.lyfe-art--sound{background-position:5.2% 70.85%}.lyfe-art--people{background-position:50% 70.85%}.lyfe-art--method{background-position:94.8% 70.85%}
.lyfe-card__name{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--hairline);padding:1rem 0;font:500 .85rem/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.lyfe-card__lede{display:block;font:400 .88rem/1.6 var(--sans);color:var(--soft);padding-top:.75rem}
.lyfe-explore{display:inline-flex;align-items:center;gap:2rem;min-height:48px;margin-top:2.2rem;border-bottom:1px solid currentColor;color:var(--paper);text-decoration:none;font:500 .75rem/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.lyfe-intro{padding:clamp(3rem,7vw,7rem) var(--pad-x);max-width:1100px}.lyfe-intro h1{font:500 clamp(3rem,6vw,6rem)/1 var(--serif);max-width:13ch}.lyfe-intro p{max-width:54ch}.lyfe-topic{scroll-margin-top:120px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem var(--pad-x);border-top:1px solid var(--hairline)}.lyfe-topic h2{font:500 clamp(2.4rem,4vw,4rem)/1.05 var(--serif);max-width:17ch}.lyfe-topic p{font:400 1rem/1.75 var(--sans);color:var(--soft);max-width:54ch}.lyfe-topic .lyfe-art{width:100%}.lyfe-journal{display:block}
@media(max-width:760px){body.page--appointment.page--fashion .fashion-hero[data-trial-photo="owner-img9386"] .fashion-hero__image .focus-hero-frame{inset:0}.page--fashion [data-trial-photo="owner-img9386"] .fashion-hero__image::before{background:linear-gradient(0deg,var(--black),transparent 15%)}.page--fashion .vm__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem}.page--fashion [data-vm-open]{grid-row:1;width:100%;min-height:56px;background:var(--paper);color:var(--black);font-size:.85rem}.page--fashion .vm__actions .vm__book{grid-row:2;background:none;color:var(--paper)}.focus-lyfe__head,.lyfe-cards,.lyfe-topic{grid-template-columns:1fr;gap:1.5rem}.lyfe-cards{gap:2rem}.lyfe-topic{padding-block:3rem}.lyfe-topic .lyfe-art{grid-row:1}.lyfe-explore{width:100%;justify-content:space-between}.lyfe-intro{padding-top:3rem}}

/* Home sections 2026-10-19: scoped editorial index and culture chapter. */
.lyfe-provenance{margin:0 0 1.4rem;color:var(--soft);font:500 .63rem/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.lyfe-cards{grid-template-columns:1.3fr .82fr 1fr;align-items:start}
.lyfe-card:nth-child(1) .lyfe-art{aspect-ratio:1.28/1}.lyfe-card:nth-child(2){margin-top:3rem}.lyfe-card:nth-child(2) .lyfe-art{aspect-ratio:3/4}.lyfe-card:nth-child(3){margin-top:1.4rem}.lyfe-card:nth-child(3) .lyfe-art{aspect-ratio:1.12/1}
.page--human-home [data-service-index] summary{grid-template-columns:3rem minmax(0,1fr) 1.5rem;gap:1rem;align-items:center}
.page--human-home [data-service-index] .fashion-row__number{grid-column:1;justify-self:start;font:500 clamp(1.1rem,1.7vw,1.45rem)/1 var(--serif);letter-spacing:0;color:var(--soft)}
.page--human-home [data-service-index] .fashion-row__title{grid-column:2;font-family:var(--serif);font-size:clamp(1.45rem,2.4vw,2.35rem);font-weight:500;letter-spacing:-.02em;text-transform:none}
.page--human-home [data-service-index] .fashion-row__plus{grid-column:3;transition:transform .22s ease,color .22s ease}.page--human-home [data-service-index] details[open] .fashion-row__plus{transform:rotate(45deg);color:var(--paper)}
.page--human-home .vm__names--visible{margin-top:1.5rem}.page--human-home .vm__names--visible a{min-height:48px}
@media(max-width:760px){.lyfe-card:nth-child(n){margin-top:0}.lyfe-art,.lyfe-card:nth-child(n) .lyfe-art{aspect-ratio:2/1}.page--human-home [data-service-index] summary{grid-template-columns:2rem minmax(0,1fr) 1rem;gap:.75rem}.page--human-home [data-service-index] .fashion-row__number{font-size:1.1rem}.page--human-home [data-service-index] .fashion-row__title{font-size:1.45rem}}

@media(max-width:760px){.lyfe-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.page--human-home [data-service-index] .fashion-row__plus{transition:none}}


/* Exact owner-reference crops for the local-only SYR LYFE cards. The fallback
   retains the three supplied scenes at a reliable horizontal card ratio. */
.focus-lyfe .lyfe-art{position:relative;overflow:hidden;aspect-ratio:2/1;background:none}
.focus-lyfe .lyfe-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.focus-lyfe .lyfe-art--sound img{object-position:19% 70.85%}
.focus-lyfe .lyfe-art--people img{object-position:50% 70.85%}
.focus-lyfe .lyfe-art--method img{object-position:81% 70.85%}
@supports(object-view-box:inset(1%)){
  .focus-lyfe .lyfe-card:nth-child(1) .lyfe-art{aspect-ratio:1.28/1}
  .focus-lyfe .lyfe-card:nth-child(2) .lyfe-art{aspect-ratio:3/4}
  .focus-lyfe .lyfe-card:nth-child(3) .lyfe-art{aspect-ratio:1.12/1}
  .focus-lyfe .lyfe-art--sound img{object-view-box:inset(66.82% 67.16% 26.82% 5.57%);object-position:50% 50%}
  .focus-lyfe .lyfe-art--people img{object-view-box:inset(66.82% 36.3% 26.82% 36.43%);object-position:50% 50%}
  .focus-lyfe .lyfe-art--method img{object-view-box:inset(66.82% 5.57% 26.82% 67.16%);object-position:50% 50%}
}
@media(max-width:760px){.focus-lyfe .lyfe-art,.focus-lyfe .lyfe-card:nth-child(n) .lyfe-art{aspect-ratio:2/1}}

/* LYFE proposal 2026-10-19: real stock editorial images, local owner review only. */
.focus-lyfe{position:relative;padding-block:clamp(3.5rem,5.2vw,5.5rem)}
.focus-lyfe::before{content:"";display:block;width:100%;height:1px;margin:0 0 1.3rem;background:var(--paper);transform:scaleX(1);transform-origin:left}
.focus-lyfe .lyfe-provenance{margin:0 0 1.15rem}
.focus-lyfe .lyfe-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.1vw,1rem)}
.focus-lyfe .lyfe-card:nth-child(n){margin:0}
.focus-lyfe .lyfe-art,.focus-lyfe .lyfe-card:nth-child(n) .lyfe-art{aspect-ratio:16/10;background:#121416}
.focus-lyfe .lyfe-art img{width:100%;height:100%;object-fit:cover;object-view-box:none}
.focus-lyfe .lyfe-art--sound img{object-position:66% 50%}
.focus-lyfe .lyfe-art--people img{object-position:55% 29%;filter:grayscale(1)}
.focus-lyfe .lyfe-art--method img{object-position:68% 48%}
.focus-lyfe .lyfe-card__name{transition:color .16s ease,border-color .16s ease}
.focus-lyfe .lyfe-card__name span{transition:transform .16s ease;display:inline-block}
.focus-lyfe .lyfe-card:hover .lyfe-card__name,.focus-lyfe .lyfe-card:focus-visible .lyfe-card__name{color:var(--paper);border-color:var(--paper)}
.focus-lyfe .lyfe-card:hover .lyfe-card__name span,.focus-lyfe .lyfe-card:focus-visible .lyfe-card__name span{transform:translateX(4px)}
.focus-lyfe .lyfe-card:focus-visible{outline:1px solid var(--paper);outline-offset:5px}
html[data-lyfe-motion="ready"] .focus-lyfe::before{animation:lyfe-rule .36s cubic-bezier(.22,.61,.36,1) both}
html[data-lyfe-motion="ready"] .focus-lyfe .lyfe-card{animation:lyfe-image .44s cubic-bezier(.22,.61,.36,1) both}
html[data-lyfe-motion="ready"] .focus-lyfe .lyfe-card:nth-child(2){animation-delay:.08s}
html[data-lyfe-motion="ready"] .focus-lyfe .lyfe-card:nth-child(3){animation-delay:.16s}
@keyframes lyfe-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lyfe-image{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.page--human-home .fashion-place--nyc{padding-block:1.6rem 1.8rem;border-top:1px solid var(--hairline)}
.page--human-home .fashion-place--nyc .fashion-place__copy{gap:1rem}
.page--human-home .fashion-place--nyc h2{font-size:clamp(1.75rem,2.5vw,2.5rem)}
@media(max-width:760px){
 .focus-lyfe{padding-block:3rem}
 .focus-lyfe .lyfe-cards{grid-template-columns:1fr;gap:1.25rem}
 .focus-lyfe .lyfe-art,.focus-lyfe .lyfe-card:nth-child(n) .lyfe-art{aspect-ratio:4/5}
 .focus-lyfe .lyfe-art--sound img{object-position:72% 50%}
 .focus-lyfe .lyfe-art--people img{object-position:55% 18%}
 .focus-lyfe .lyfe-art--method img{object-position:75% 50%}
 .page--human-home .fashion-place--nyc{padding-block:1.4rem 1.6rem}
 .page--human-home .fashion-place--nyc h2{font-size:1.65rem}
}
@media(prefers-reduced-motion:reduce){
 .focus-lyfe::before,.focus-lyfe .lyfe-card{animation:none!important;transform:none!important;opacity:1!important}
 .focus-lyfe .lyfe-card__name,.focus-lyfe .lyfe-card__name span{transition:none}
}
html[data-human-motion="reduced"] .focus-lyfe::before,html[data-human-motion="reduced"] .focus-lyfe .lyfe-card{animation:none!important;transform:none!important;opacity:1!important}

/* Task10 repair: reveal only image fields; channel labels and copy never wait for motion. */
html[data-lyfe-motion="ready"] .focus-lyfe .lyfe-card{animation:none}
html[data-lyfe-motion="ready"] .focus-lyfe .lyfe-card[data-lyfe-revealed] .lyfe-art{animation:lyfe-image .44s cubic-bezier(.22,.61,.36,1) both}
html[data-lyfe-motion="ready"] .focus-lyfe .lyfe-card[data-lyfe-revealed]:nth-child(2) .lyfe-art{animation-delay:.08s}
html[data-lyfe-motion="ready"] .focus-lyfe .lyfe-card[data-lyfe-revealed]:nth-child(3) .lyfe-art{animation-delay:.16s}
.focus-lyfe .lyfe-art--people img{transform:scale(1.26);transform-origin:50% 18%}
@media(max-width:760px){.focus-lyfe .lyfe-art--people img{transform:scale(1.34);transform-origin:50% 14%}}
@media(prefers-reduced-motion:reduce){html[data-lyfe-motion="ready"] .focus-lyfe .lyfe-card[data-lyfe-revealed] .lyfe-art{animation:none!important;opacity:1!important;transform:none!important}}

/* Owner mobile correction: bring the selected photograph directly under navigation. */
@media(max-width:760px){
 body.page--appointment.page--fashion .fashion-hero[data-trial-photo="owner-img9386"] .fashion-hero__image{order:0}
 body.page--appointment.page--fashion .fashion-hero[data-trial-photo="owner-img9386"] .fashion-hero__copy{order:1}
}

/* Arrival editorial polish 2026-10-19: existing room photograph and owner facts retained. */
.page--human-home #about.human-arrival{
  --arrival-paper:#f5f5f5;--arrival-silver:#c7c9cc;--arrival-line:rgba(245,245,245,.28);
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,5vw,5.5rem);
  align-items:start;padding:clamp(3.25rem,5.5vw,5.75rem) var(--pad-x);background:#080808;border-block:1px solid var(--arrival-line)
}
.page--human-home #about .human-arrival__copy{display:contents}
.page--human-home #about .k-eyeline,.page--human-home #about h2,.page--human-home #about address,.page--human-home #about .human-arrival__facts,.page--human-home #about .human-arrival__links,.page--human-home #about details{grid-column:1}
.page--human-home #about .k-eyeline{margin:0 0 .75rem;color:var(--arrival-silver)}
.page--human-home #about h2{max-width:13ch;margin:0 0 1.6rem;color:var(--arrival-paper);font:500 clamp(3rem,3.7vw,3.6rem)/1.04 var(--serif);letter-spacing:-.035em}
.page--human-home #about address{gap:.18rem;margin:0;color:var(--arrival-paper);font:400 .92rem/1.65 var(--sans)}
.page--human-home #about .human-arrival__facts{margin:.7rem 0 0;color:var(--arrival-silver);font:400 .74rem/1.55 var(--sans)}
.page--human-home #about .human-arrival__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem;margin:1.35rem 0 0}
.page--human-home #about .human-arrival__links .k-link{justify-content:space-between;min-height:44px;padding:.2rem 0;border-bottom:1px solid var(--arrival-line);color:var(--arrival-paper);transition:border-color .16s ease,color .16s ease}
.page--human-home #about .human-arrival__links .k-link:hover,.page--human-home #about .human-arrival__links .k-link:focus-visible{border-color:var(--arrival-paper);color:var(--arrival-paper)}
.page--human-home #about figure{grid-column:2;grid-row:1/span 6;margin:0;overflow:hidden;border:1px solid var(--arrival-line);box-shadow:none;aspect-ratio:16/10;background:#101010}
.page--human-home #about img{width:100%;height:100%;border:0;box-shadow:none;object-fit:cover;object-position:center}
.page--human-home #about figcaption{padding:.7rem 0 0;color:var(--arrival-silver);font:400 .65rem/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.page--human-home #about details{margin:1.5rem 0 0;padding-top:.9rem;border-top:1px solid var(--arrival-line);max-width:34rem}
.page--human-home #about summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;color:var(--arrival-silver);font:500 .68rem/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.page--human-home #about .fashion-perspective-band__arrow{display:inline-block;transition:transform .18s ease,color .18s ease}
.page--human-home #about details[open] .fashion-perspective-band__arrow{transform:rotate(90deg);color:var(--arrival-paper)}
.page--human-home #about .fashion-perspective-band__text{max-width:34rem;padding-top:.4rem;color:var(--arrival-silver)}
@media(max-width:760px){
  .page--human-home #about.human-arrival{grid-template-columns:1fr;gap:0;padding-block:2.5rem}
  .page--human-home #about .k-eyeline{order:1}.page--human-home #about h2{order:2;font-size:clamp(2.65rem,11vw,3.25rem);margin-bottom:1.4rem}
  .page--human-home #about figure{grid-column:1;grid-row:auto;order:3;width:100%;aspect-ratio:16/10;margin:0 0 1.5rem}
  .page--human-home #about address{order:4}.page--human-home #about .human-arrival__facts{order:5}.page--human-home #about .human-arrival__links{order:6;grid-template-columns:1fr;margin-top:1.1rem}
  .page--human-home #about details{order:7;margin-top:1.2rem}
}
@media(prefers-reduced-motion:reduce){.page--human-home #about .human-arrival__links .k-link,.page--human-home #about .fashion-perspective-band__arrow{transition:none}}

/* Focused layout repair: explicit ledger rows preserve reading order and caption. */
.page--human-home #about.human-arrival{row-gap:0}
.page--human-home #about .k-eyeline{grid-row:1}
.page--human-home #about h2{grid-row:2}
.page--human-home #about address{grid-row:3}
.page--human-home #about .human-arrival__facts{grid-row:4}
.page--human-home #about .human-arrival__links{grid-row:5}
.page--human-home #about details{grid-row:6}
.page--human-home #about figure{aspect-ratio:auto;overflow:visible;border:0;background:transparent}
.page--human-home #about figure img{display:block;height:auto;aspect-ratio:16/10;border:1px solid var(--arrival-line)}
@media(max-width:760px){
.page--human-home #about figure{grid-row:3}
.page--human-home #about address{grid-row:4}
.page--human-home #about .human-arrival__facts{grid-row:5}
.page--human-home #about .human-arrival__links{grid-row:6}
.page--human-home #about details{grid-row:7}
}

/* Editorial finish: differentiated reading scales, quieter details, tactile actions. */
.page--human-home #treatments .fashion-section-head .eyeline,
.page--human-home #about .k-eyeline,
.page--human-home #syr-lyfe>.eyeline{font:500 .68rem/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#bdbdbd}
.page--appointment.page--human-home #first-visit .human-step__content{display:block;align-content:start}
.page--appointment.page--human-home #first-visit .human-step{align-items:start;gap:0 1rem}
.page--human-home #about address{border-top:1px solid #ffffff30;padding-top:1rem}
.page--human-home #syr-lyfe .focus-lyfe__head{margin-bottom:1.5rem;align-items:center}
.page--human-home #syr-lyfe .focus-lyfe__head h2{max-width:17ch;letter-spacing:-.035em;line-height:1.04}
.page--human-home #syr-lyfe .lyfe-card__name{font:500 clamp(1.45rem,2.1vw,2rem)/1.15 var(--serif);letter-spacing:-.015em;text-transform:none;padding:1.1rem 0 .85rem;border-bottom-color:#ffffff38;align-items:center}
.page--human-home #syr-lyfe .lyfe-card__name>span{font:400 1rem/1 var(--sans)}
.page--human-home #syr-lyfe .lyfe-card__lede{max-width:43ch;padding-top:.75rem;font-size:.84rem;line-height:1.7}
.page--human-home #syr-lyfe .lyfe-art img{transition:filter .3s ease}
.page--human-home #syr-lyfe .lyfe-card:hover .lyfe-art img,
.page--human-home #syr-lyfe .lyfe-card:focus-visible .lyfe-art img{filter:brightness(1.08)}
.page--human-home #syr-lyfe .lyfe-art--people img{filter:grayscale(1)}
.page--human-home #syr-lyfe .lyfe-card:hover .lyfe-art--people img,
.page--human-home #syr-lyfe .lyfe-card:focus-visible .lyfe-art--people img{filter:grayscale(1) brightness(1.08)}
.page--human-home #syr-lyfe .lyfe-provenance{font-size:.58rem;letter-spacing:.08em;color:#999}
.page--human-home .fashion-close{display:grid;grid-template-columns:1.1fr .9fr;column-gap:clamp(3rem,7vw,7rem);row-gap:.8rem;text-align:left;padding:clamp(3.5rem,6vw,6rem) var(--pad-x);background:#080808;align-items:start}
.page--human-home .fashion-close>.eyeline{grid-column:1;grid-row:1;margin:0;color:#bdbdbd}
.page--human-home .fashion-close #close-title{grid-column:1;grid-row:2/span 4;max-width:16ch;font:500 clamp(2.8rem,4.3vw,4.6rem)/1.03 var(--serif);letter-spacing:-.035em;margin:.4rem 0 0;text-transform:none}
.page--human-home .fashion-close .fashion-close__lede{grid-column:2;max-width:42ch;margin:0;font:400 .95rem/1.7 var(--sans)}
.page--human-home .fashion-close .fashion-close__lede:nth-of-type(2){grid-row:2}
.page--human-home .fashion-close .fashion-close__lede:nth-of-type(3){grid-row:3}
.page--human-home .fashion-close .fashion-book{grid-column:2;justify-self:start;margin:1rem 0 0;min-height:48px}
.page--human-home .fashion-close .fashion-close__phone{grid-column:2;justify-self:start;min-height:44px;text-underline-offset:.4em}
.page--human-home #about .k-link:focus-visible,
.page--human-home #first-visit a:focus-visible,
.page--human-home .fashion-close a:focus-visible{outline:1px solid #f5f5f5;outline-offset:5px}
@media(max-width:760px){
.page--human-home #syr-lyfe .focus-lyfe__head{gap:1rem}
.page--human-home #syr-lyfe .lyfe-card__name{font-size:1.7rem}
.page--human-home .fashion-close{display:block;padding-block:3.25rem}
.page--human-home .fashion-close #close-title{font-size:2.65rem;margin:1rem 0 1.5rem;max-width:16ch}
.page--human-home .fashion-close .fashion-close__lede{margin:0 0 .8rem}
.page--human-home .fashion-close .fashion-book{display:flex;width:100%;justify-content:space-between;margin-top:1.5rem}
.page--human-home .fashion-close .fashion-close__phone{margin-top:.8rem}
}
@media(prefers-reduced-motion:reduce){.page--human-home #syr-lyfe .lyfe-art img{transition:none}}
.page--human-home .fashion-close .fashion-book{grid-row:4}
.page--human-home .fashion-close .fashion-close__phone{grid-row:5}

/* Shared editorial spine: text, photography and rules use the same two columns. */
.page--appointment.page--human-home #first-visit,
.page--human-home #about.human-arrival,
.page--human-home .fashion-close{
  grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;
  column-gap:clamp(2.5rem,5vw,5.5rem)
}
.page--human-home #syr-lyfe .focus-lyfe__head{
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  column-gap:clamp(2.5rem,5vw,5.5rem)
}
.page--human-home #syr-lyfe .focus-lyfe__head>p{max-width:42ch}
.page--human-home #syr-lyfe{border-top:0}
.page--human-home #first-visit .first-visit-portrait,
.page--human-home #about figure img,
.page--human-home #syr-lyfe .lyfe-art{outline:1px solid #ffffff16;outline-offset:-1px}
.page--human-home #syr-lyfe .lyfe-card__name{border-bottom-color:#ffffff30}
@media(max-width:760px){
.page--appointment.page--human-home #first-visit,
.page--human-home #about.human-arrival,
.page--human-home .fashion-close,
.page--human-home #syr-lyfe .focus-lyfe__head{grid-template-columns:minmax(0,1fr)!important}
}

/* Iris × Leo, cultural spread: one lead scene and two supporting editorial cuts.
   This remains a local review treatment for the proposed-stock collection. */
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"]{
  padding-block:clamp(4.5rem,8vw,8rem) clamp(3.75rem,6vw,6.25rem);
  border-top:1px solid rgba(245,245,245,.55);
}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"]::before{
  width:min(17rem,24vw);
  margin-bottom:1.55rem;
  background:#d6d6d2;
}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-cards{
  grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);
  gap:clamp(.85rem,1.35vw,1.35rem);
  align-items:start;
}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(1) .lyfe-art{aspect-ratio:16/10}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(2){margin-top:clamp(2rem,3.2vw,3.5rem)}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(2) .lyfe-art{aspect-ratio:3/4}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(3){margin-top:clamp(.8rem,1.35vw,1.45rem)}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(3) .lyfe-art{aspect-ratio:4/5}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-art--sound img{object-position:66% 50%}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-art--people img{object-position:55% 29%}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-art--method img{object-position:68% 48%}
.page--human-home #new-york-city.fashion-place--nyc{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  column-gap:clamp(2rem,5vw,5rem);
  align-items:start;
}
.page--human-home #new-york-city.fashion-place--nyc .nyc-owner-photos{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:.7rem;align-items:start;background:transparent}
.page--human-home #new-york-city.fashion-place--nyc .nyc-owner-photos figure{height:auto}
.page--human-home #new-york-city.fashion-place--nyc .nyc-owner-photos figure:first-child{aspect-ratio:16/10}
.page--human-home #new-york-city.fashion-place--nyc .nyc-owner-photos figure:nth-child(2){aspect-ratio:4/5}
.page--human-home .fashion-place--nyc .nyc-owner-photos img{width:100%;height:100%;object-fit:cover}
@media(max-width:760px){
  body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"]{padding-block:4.25rem 3.25rem}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"]::before{width:9rem;margin-bottom:1.2rem}
  body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-cards{grid-template-columns:minmax(0,1fr);gap:1.45rem}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n){margin-top:0}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n) .lyfe-art{aspect-ratio:4/5}
  .page--human-home #new-york-city.fashion-place--nyc{grid-template-columns:minmax(0,1fr);row-gap:1.15rem}
  .page--human-home #new-york-city.fashion-place--nyc .nyc-owner-photos{grid-template-columns:minmax(0,1fr);gap:.75rem}
  .page--human-home #new-york-city.fashion-place--nyc .nyc-owner-photos figure:nth-child(n){aspect-ratio:16/10}
  .page--human-home #new-york-city.fashion-place--nyc .nyc-owner-photos figure:nth-child(2){aspect-ratio:4/5}
}

/* Keep the service index useful and the final invitation quiet: these are routing
   moments between editorial chapters, not additional hero treatments. */
.page--human-home #treatments.fashion-treatments--split{
  padding-block:clamp(3rem,4.5vw,4.75rem);
}
.page--human-home #treatments .fashion-section-head{margin-bottom:clamp(1.75rem,3vw,2.75rem)}
.page--human-home #treatments .fashion-section-head h2{max-width:15ch}
.page--human-home #treatments .fashion-treatments__action{margin-top:clamp(1.75rem,3vw,2.5rem)}
.page--human-home .fashion-close{
  padding-block:clamp(3rem,4.5vw,4.75rem);
  border-top-color:rgba(245,245,245,.46);
}
.page--human-home .fashion-close #close-title{
  max-width:18ch;
  font-size:clamp(2.55rem,3.65vw,3.9rem);
}
@media(max-width:760px){
  body.page--human-home #treatments.fashion-treatments--split{padding-block:2.75rem 3.25rem}
  .page--human-home #treatments .fashion-section-head{margin-bottom:1.65rem}
  body.page--human-home .fashion-close{padding-block:2.9rem 3.25rem}
  .page--human-home .fashion-close #close-title{font-size:clamp(2.25rem,10vw,2.7rem);margin-bottom:1.25rem}
}


/* Iris × Leo compact rhythm: keep the desktop cultural spread, then collapse it
   into one lead and two readable supporting rows on a small screen. */
/* The first visit stays portrait-led, but its process reads as a compressed ledger. */
.page--appointment.page--human-home #first-visit{padding-block:clamp(2.75rem,4.25vw,4.25rem)}
.page--appointment.page--human-home #first-visit .human-step{padding-block:.78rem}
.page--appointment.page--human-home #first-visit .human-step h3{font-size:1.18rem;margin-bottom:.28rem}
.page--appointment.page--human-home #first-visit .human-step p{font-size:.88rem;line-height:1.55}

/* White Plains becomes a documentary location interlude: room first, then facts. */
.page--human-home #about.human-arrival{padding-block:clamp(2.75rem,4.25vw,4.5rem)}
.page--human-home #about figure img{aspect-ratio:16/9;object-position:center}
.page--human-home #about h2{font-size:clamp(2.65rem,3.35vw,3.25rem);margin-bottom:1.15rem}
.page--human-home #about .human-arrival__facts{margin-top:.5rem}

/* Vault is the dense interaction chapter: retain its visible list and actions, remove idle air. */
.page--appointment.page--human-home .fashion-vault-motion{padding-block:clamp(2.75rem,4.25vw,4.5rem)}
.page--appointment.page--human-home .fashion-vault-motion .vm__names--visible{margin-top:1rem}
.page--appointment.page--human-home .fashion-vault-motion .vm__names--visible a{min-height:44px}
.page--appointment.page--human-home .fashion-vault-motion .vm__actions{margin-top:1.25rem}

@media(max-width:760px){
  /* One 16:10 Sound lead; People and Method become complete, linked editorial rows. */
  body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"]{padding-block:2.5rem 2.75rem}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .focus-lyfe__head{margin-bottom:1rem}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-provenance{margin-bottom:1rem}
  body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-cards{display:grid;grid-template-columns:1fr;gap:1rem}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(1){display:block;margin:0 0 .15rem}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(1) .lyfe-art{aspect-ratio:16/10}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(1) .lyfe-card__name{padding-top:.85rem}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(1) .lyfe-card__lede{padding-top:.55rem}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n+2){display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.9rem;align-items:start;margin:0;padding-top:1rem;border-top:1px solid #ffffff30}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n+2) .lyfe-art{grid-column:1;grid-row:1 / span 2;aspect-ratio:4/3}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n+2) .lyfe-card__name{grid-column:2;font-size:1.28rem;padding:0 0 .4rem}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n+2) .lyfe-card__lede{grid-column:2;padding-top:.45rem;font-size:.84rem;line-height:1.55}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-explore{margin-top:1.5rem}

  .page--appointment.page--human-home #first-visit{padding-block:2.25rem}
  .page--appointment.page--human-home #first-visit .first-visit-portrait{aspect-ratio:16/10;margin-bottom:1.3rem}
  .page--appointment.page--human-home #first-visit .k-eyeline{margin-bottom:.85rem}
  .page--appointment.page--human-home #first-visit .human-invitation__detail{margin-top:.9rem!important}
  body.page--appointment.page--human-home #first-visit .first-visit-support{margin-top:1.3rem}
  body.page--appointment.page--human-home #first-visit .human-step{padding-block:.85rem}

  .page--human-home #about.human-arrival{padding-block:2.4rem}
  .page--human-home #about figure{margin-bottom:1.15rem}
  .page--human-home #about figure img{aspect-ratio:16/10}
  .page--human-home #about h2{font-size:clamp(2.35rem,10vw,2.85rem);margin-bottom:1rem}

  body.page--appointment.page--human-home .fashion-vault-motion{padding-block:2.5rem}
  body.page--appointment.page--human-home .fashion-vault-motion .vm__names--visible{margin-top:.85rem}
  .page--appointment.page--human-home .fashion-vault-motion .vm__actions{margin-top:1rem}
}

/* Documentary pause: a broad room crop and compact location facts contrast with
   the consultation ledger before it and the denser Vault chapter after it. */
.page--appointment.page--human-home #about.human-arrival{padding-block:2.5rem}
.page--appointment.page--human-home #about figure img{aspect-ratio:21/9}
@media(max-width:760px){
.page--appointment.page--human-home #about.human-arrival{padding-block:2rem}
.page--appointment.page--human-home #about h2{font-size:2rem;line-height:1.08;margin-bottom:.85rem}
.page--appointment.page--human-home #about .human-arrival__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.8rem}
.page--appointment.page--human-home #about figure{margin-bottom:1rem}
}

/* Music / fashion stock selection: preserve natural colour and remove the old
   cafe-portrait zoom so the new face, headphones and material details can read. */
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-art--sound img,.lyfe-topic .lyfe-art--sound img{object-position:50% 72%}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-art--people img,.lyfe-topic .lyfe-art--people img{object-position:48% 40%;transform:none;filter:none}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-art--method img,.lyfe-topic .lyfe-art--method img{object-position:60% 50%}

/* Ryan hero: preserve headroom without altering the accepted hero layout. */
body.page--appointment.page--fashion .fashion-hero[data-trial-photo="owner-img9386"] .fashion-hero__image .focus-hero-frame img[src*="imgmodels"]{object-position:50% 0%}

/* Owner direction 19 October: Syne / Space Grotesk, equal LYFE frames, footer addresses last. */
body.page--human-home{--serif:"Syne",sans-serif;--sans:"Space Grotesk",sans-serif;font-family:var(--sans)}
body.page--human-home h1,body.page--human-home h2,body.page--human-home h3{font-family:"Syne",sans-serif;font-style:normal}
body.page--human-home #hero-title em{font-style:normal}
body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:start}
body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n){display:block;margin:0;padding:0;border-top:0}
body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n) .lyfe-art{aspect-ratio:4/3;width:100%;grid-area:auto}
body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n) .lyfe-card__name{font-family:"Space Grotesk",sans-serif;font-size:1.3rem;padding:.9rem 0 .7rem;grid-area:auto}
body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n) .lyfe-card__lede{grid-area:auto;padding-top:.6rem;line-height:1.55}
body.page--human-home .vm-tile img[src*="men-skin-resurfacing"],body.page--human-home .vm-tile img[src*="men-hair-nouvaderm"]{object-view-box:none;object-position:50% 40%}
body.page--human-home .foot__locations{grid-column:1/-1;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff30;padding-top:1.5rem;gap:0 2rem}
body.page--human-home .foot__grid--refined{grid-template-columns:2fr 1fr 1fr 1.3fr;gap:2rem}
@media(max-width:760px){
 body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-cards{grid-template-columns:1fr;gap:1.6rem}
 body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n) .lyfe-art{aspect-ratio:16/10}
 body.page--human-home .foot{padding:2rem 0 1.5rem}
 body.page--human-home .foot__grid--refined{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}
 body.page--human-home .foot__brand{grid-column:1/-1}
 body.page--human-home .foot__brand .foot__statement{display:none}
 body.page--human-home .foot__grid--refined h4{margin-bottom:.5rem}
 body.page--human-home .foot__contact{grid-column:1/-1}
 body.page--human-home .foot__contact ul{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}
 body.page--human-home .foot__locations{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 1rem;padding-top:1rem}
 body.page--human-home .foot__loc+.foot__loc{margin:0;padding:0;border:0}
 body.page--human-home .foot__locations .foot__note{display:none}
 body.page--human-home .foot__locations address{font-size:.8rem}
 body.page--human-home .foot__grid--refined a{padding:.35rem 0;min-height:44px;font-size:.8rem}
 body.page--human-home .foot__legal{padding-top:1rem;gap:.25rem;font-size:.7rem}
}

/* Owner direction 19 October: compact the desktop footer without changing its
   content order. The address row remains last; mobile retains its approved
   compact composition below 760px. */
@media(min-width:761px){
  body.page--human-home .foot{padding:2.6rem 0 1.25rem}
  body.page--human-home .foot__grid--refined{grid-template-columns:minmax(13rem,1.5fr) repeat(3,minmax(8rem,1fr));column-gap:2rem;row-gap:1rem;margin-bottom:.7rem}
  body.page--human-home .foot__explore::details-content{display:contents}
  body.page--human-home .foot__locations{margin-top:0;padding-top:0;gap:0 clamp(1.5rem,3vw,3rem)}
  body.page--human-home .foot__legal{padding-top:.8rem}
}

/* Owner-directed mobile menu and homepage rhythm, 19 October.
   The five primary choices remain immediately scannable; native disclosures
   hold supporting destinations without turning the menu into a long link wall. */
@media(max-width:1279px){
  body.page--human-home .nav__panel{gap:.15rem;padding-top:.65rem;padding-bottom:1.25rem}
  body.page--human-home .nav__panel>details,
  body.page--human-home .nav__panel>a{border-bottom:1px solid rgba(255,255,255,.16)}
  body.page--human-home .nav__panel>details>summary,
  body.page--human-home .nav__panel>a{min-height:52px;padding-block:.65rem;font-family:"Space Grotesk",sans-serif;font-size:.78rem;letter-spacing:.12em}
  body.page--human-home .nav__panel details a{padding-block:.45rem}
  body.page--human-home .nav__panel-meta{margin-top:.75rem;padding-top:.75rem}
}

/* A single footer composition: navigation and contact lead into the address row.
   The address group stays at the bottom, without a second-footer divider. */
body.page--human-home .foot__grid--refined{row-gap:1.35rem;margin-bottom:1.1rem}
body.page--human-home .foot__locations{border-top:0;padding-top:.15rem;margin-top:.2rem;gap:0 clamp(1.5rem,4vw,4rem)}
body.page--human-home .foot__locations h4{margin-bottom:.65rem}
body.page--human-home .foot__legal{padding-top:1rem}

/* Tighten transitions between chapters without changing hero geometry, image
   fields, type scale, or touch targets. */
body.page--human-home #treatments.fashion-treatments--split{padding-block:clamp(2.7rem,4vw,4rem)}
.page--appointment.page--human-home #first-visit{padding-block:clamp(2.5rem,3.75vw,3.75rem)}
.page--appointment.page--human-home .fashion-vault-motion{padding-block:clamp(2.6rem,4vw,4rem)}
.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"]{padding-block:clamp(3.75rem,6.25vw,6rem) clamp(3.25rem,5vw,4.75rem)}
.page--human-home .fashion-close{padding-block:clamp(2.75rem,4vw,4rem)}
@media(max-width:760px){
  body.page--human-home #treatments.fashion-treatments--split{padding-block:2.35rem 2.5rem}
  .page--appointment.page--human-home #first-visit{padding-block:2.3rem}
  body.page--appointment.page--human-home .fashion-vault-motion{padding-block:2.35rem}
  body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"]{padding-block:2.35rem 2.5rem}
  body.page--human-home .fashion-close{padding-block:2rem 2.25rem}
  body.page--human-home .foot{padding:1.5rem 0 1.2rem}
  body.page--human-home .foot__grid--refined{gap:1rem;margin-bottom:.75rem}
  body.page--human-home .foot__locations{padding-top:0;margin-top:0;gap:0 .85rem}
  body.page--human-home .foot__legal{padding-top:.75rem}
}

/* Compact mobile LYFE/footer: all imagery remains a distinct destination; the
   original editorial notes are native disclosures rather than extra default height. */
.page--human-home #syr-lyfe .lyfe-card__image{display:block;color:inherit;text-decoration:none}
.page--human-home #syr-lyfe .lyfe-card__details{margin:0}
.page--human-home #syr-lyfe .lyfe-card__details>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;cursor:pointer;list-style:none;border-bottom:1px solid #ffffff30}
.page--human-home #syr-lyfe .lyfe-card__details>summary::-webkit-details-marker,.page--human-home .foot__explore>summary::-webkit-details-marker{display:none}
.page--human-home #syr-lyfe .lyfe-card__name{font-family:"Space Grotesk",sans-serif;font-size:1.3rem;line-height:1.15;letter-spacing:-.015em}
.page--human-home #syr-lyfe .lyfe-card__name>span{font:400 1rem/1 var(--sans);display:inline-block}
.page--human-home #syr-lyfe .lyfe-card__read-more{display:none;font:500 .68rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);white-space:nowrap}
.page--human-home #syr-lyfe .lyfe-card__lede{margin:0;max-width:43ch;padding-top:.6rem;font-size:.84rem;line-height:1.55;color:var(--soft)}
.page--human-home #syr-lyfe .lyfe-card__image:focus-visible,.page--human-home #syr-lyfe .lyfe-card__details>summary:focus-visible{outline:1px solid var(--paper);outline-offset:5px}
.page--human-home .foot__explore{display:contents}
.page--human-home .foot__explore>summary{display:none}
.page--human-home .foot__secondary{display:contents}

@media(max-width:760px){
  body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-cards{gap:1rem}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n){display:block;margin:0;padding:0;border:0}
  .page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-card:nth-child(n) .lyfe-art{aspect-ratio:16/10}
  .page--human-home #syr-lyfe .lyfe-card__details>summary{min-height:44px;padding:0}
  .page--human-home #syr-lyfe .lyfe-card__name{font-size:1.1rem}
  .page--human-home #syr-lyfe .lyfe-card__read-more{display:inline-flex;align-items:center;gap:.45rem}
  .page--human-home #syr-lyfe .lyfe-card__details[open] .lyfe-card__read-more span{transform:rotate(45deg)}
  .page--human-home #syr-lyfe .lyfe-card__lede{padding:.45rem 0 .15rem;font-size:.8rem;line-height:1.5}
  .page--human-home #syr-lyfe .lyfe-card__details:not([open]) .lyfe-card__lede{display:none}
  .page--human-home .foot__explore{display:block;grid-column:1/-1;margin:0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}
  .page--human-home .foot__explore>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;list-style:none;font:500 .78rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
  .page--human-home .foot__explore>summary span[aria-hidden]{transition:transform .16s ease}
  .page--human-home .foot__explore[open]>summary span[aria-hidden]{transform:rotate(45deg)}
  .page--human-home .foot__explore>summary:focus-visible{outline:1px solid var(--paper);outline-offset:-4px}
  .page--human-home .foot__secondary{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.45rem 0 .8rem}
  .page--human-home .foot__secondary h4{margin:.25rem 0 .3rem}
  .page--human-home .foot__secondary a{min-height:44px}
}

/* Mobile rhythm controls — kept as inherited custom properties so the local
   spacing preview can tune one chapter without changing the desktop layout.
   Body-level values intentionally override these defaults. */
@media(max-width:760px){
  :root{
    --syr-m-hero-image:352px;
    --syr-m-hero-start:20px;
    --syr-m-hero-end:28px;
    --syr-m-treatments-start:28px;
    --syr-m-treatments-end:30px;
    --syr-m-visit-start:28px;
    --syr-m-visit-end:30px;
    --syr-m-vault-start:30px;
    --syr-m-vault-end:32px;
    --syr-m-lyfe-start:30px;
    --syr-m-lyfe-end:32px;
    --syr-m-close-start:26px;
    --syr-m-close-end:28px;
    --syr-m-footer-start:18px;
    --syr-m-footer-end:16px;
    --syr-m-visit-gap:14px;
    --syr-m-step-gap:10px;
    --syr-m-vault-gap:10px;
    --syr-m-lyfe-gap:12px;
  }

  /* Ryan remains first and fully readable before the opening copy. */
  body.page--appointment.page--fashion .fashion-hero[data-trial-photo="owner-img9386"] .fashion-hero__image{
    height:var(--syr-m-hero-image);
  }
  body.page--appointment.page--fashion .fashion-hero[data-trial-photo="owner-img9386"] .fashion-hero__copy{
    padding:var(--syr-m-hero-start) var(--pad-x) var(--syr-m-hero-end);
  }

  body.page--human-home #treatments.fashion-treatments--split{
    padding-block:var(--syr-m-treatments-start) var(--syr-m-treatments-end);
  }
  body.page--appointment.page--human-home main>#first-visit.human-invitation--expanded{
    padding-block:var(--syr-m-visit-start) var(--syr-m-visit-end);
  }
  body.page--appointment.page--human-home #first-visit .first-visit-support{
    margin-top:var(--syr-m-visit-gap);
  }
  body.page--appointment.page--human-home #first-visit .human-step{
    padding-bottom:var(--syr-m-step-gap);
  }

  body.page--appointment.page--human-home .fashion-vault-motion{
    padding-block:var(--syr-m-vault-start) var(--syr-m-vault-end);
  }
  body.page--appointment.page--human-home .fashion-vault-motion .vm__names--visible{
    margin-top:var(--syr-m-vault-gap);
  }

  body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"]{
    padding-block:var(--syr-m-lyfe-start) var(--syr-m-lyfe-end);
  }
  body.page--human-home #syr-lyfe[data-lyfe-layout="cultural-spread"] .lyfe-cards{
    gap:var(--syr-m-lyfe-gap);
  }

  body.page--human-home .fashion-close{
    padding-block:var(--syr-m-close-start) var(--syr-m-close-end);
  }
  body.page--human-home .foot{
    padding-block:var(--syr-m-footer-start) var(--syr-m-footer-end);
  }
}

/* Mobile consultation: chapter boundaries carry structure; steps need breathing room, not rails. */
@media(max-width:760px){
 body.page--appointment.page--human-home #first-visit .human-step{border-top:0!important;border-bottom:0!important}
 body.page--appointment.page--human-home #first-visit .human-visit-note{border:0!important;padding-top:.5rem}
 body.page--appointment.page--studio.page--visit #conversation .k-steps,
 body.page--appointment.page--studio.page--visit #conversation .k-steps>li{border:0}
 body.page--appointment.page--studio.page--visit #conversation .k-steps>li{padding-block:1rem}
 body.page--appointment.page--studio.page--visit .k-place__grid,
 body.page--appointment.page--studio.page--visit .k-place__group{border:0}
}
/* Owner notes 2026-10-20 (#syr-studio): one type pair everywhere (Syne headings, Space Grotesk text) and sentence-case headings;
   small eyebrow labels keep their uppercase style. */
body.page--vault{--serif:"Syne",sans-serif;--sans:"Space Grotesk",sans-serif;font-family:var(--sans)}
.page--fashion .fashion-treatments--split .fashion-section-head h2,.page--fashion .vm-panel__title{text-transform:none}
.page--fashion .vm-tile__tag{text-transform:none;letter-spacing:.01em;font-size:.82rem}
.page--fashion .vm-tile__cta{text-transform:none;letter-spacing:.01em;font-size:.8rem}
/* Hana 2026-10-20: white SYR logo in the header. */
.nav .brand .brand__logo{display:block;height:clamp(44px,3.8vw,58px);width:auto}
@media (max-width:760px){.nav .brand .brand__logo{height:40px}}
/* Zacc 2026-10-20: "Care, with a personal point of view." matches the hero headline treatment. */
.page--fashion .fashion-treatments--split .fashion-section-head h2{text-transform:none;letter-spacing:-.045em;line-height:.95;font-weight:500}
/* Hana 2026-10-20: SYR LYFE page alternates image and copy left/right; podcast image for SYR People. */
@media (min-width:761px){.lyfe-topic#people .lyfe-art{order:-1}}
.lyfe-topic .lyfe-art--people img[src*="podcast-6883798"]{object-position:55% 50%}
/* 2026-10-22: darker SYR Method image (owner choice: lounge bar), framed on the face. */
.focus-lyfe .lyfe-art--method img[src*="lounge-9566166"]{object-position:38% 32%}
.lyfe-topic .lyfe-art--method img[src*="lounge-9566166"]{object-position:40% 35%}
/* Owner 2026-10-22: homepage Vault without the AI vault image — static copy above the five portfolio tiles. */
.page--fashion .fashion-vault-motion[data-vault-static]{grid-template-columns:minmax(0,1fr);min-height:0;row-gap:clamp(2rem,4vw,3.5rem);align-items:start}
.page--fashion .fashion-vault-motion[data-vault-static] .vm__copy{max-width:46rem}
.page--fashion .fashion-vault-motion[data-vault-static] .vm-panel{position:static;inset:auto;width:100%;opacity:1;visibility:visible;transform:none}
.page--fashion .fashion-vault-motion[data-vault-static] .vm-panel__head .vm-panel__actions{display:none}
/* 2026-10-22 layout review (owner: "fix all of them"): inner pages follow the homepage chapter rhythm and one hero scale.
   Homepage reference: section padding 4vw on desktop (≈57px at 1440) and 28–32px on phones (--syr-m-* chapter values). */
body.page--studio,
body.page--studio.page--experience:is(.page--category,.page--treatment,.page--location,.page--visit,.page--service,.page--brand,.page--support,.page--story){--k-section:clamp(2.5rem,4vw,4.5rem);--scene-space:clamp(2.5rem,4vw,4.5rem)}
@media (max-width:760px){
  body.page--studio,
  body.page--studio.page--experience:is(.page--category,.page--treatment,.page--location,.page--visit,.page--service,.page--brand,.page--support,.page--story){--k-section:28px;--scene-space:28px}
}
/* One hero heading scale on inner pages (desktop); long single words keep their fit-to-column rule. */
@media (min-width:761px){
  body.page--studio.page--experience main h1:not(.k-hero[data-long-title] h1){font-size:clamp(2.75rem,4.8vw,4.5rem);line-height:1.02}
}
/* Heroes without a photo: one text column with the intro underneath, instead of a half-empty two-column split. */
body.page--studio.page--experience .k-hero.k-hero--category{min-height:0;padding-block:clamp(2.5rem,5vw,4.5rem)}
body.page--studio.page--experience .k-hero.k-hero--category .k-hero__copy{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}
body.page--studio.page--experience .k-hero.k-hero--category .k-hero__detail{max-width:40rem;padding-left:0;border-left:0}
/* Slim first-visit band on inner pages. */
body.page--studio .human-invitation--slim{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 2rem;padding-block:clamp(1.5rem,2.5vw,2.25rem)}
body.page--studio .human-invitation--slim .k-eyeline{margin:0;flex-basis:100%}
body.page--studio .human-invitation--slim h2{margin:0;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.15;flex:1 1 20rem}
body.page--studio .human-invitation--slim .k-link{margin-left:auto}
@media (max-width:760px){body.page--studio .human-invitation--slim .k-link{margin-left:0}}
/* Iris D1 (2026-10-22): 4Her band — copy beside the 4Her room photograph. */
.page--fashion .fashion-fourher{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,4vw,4rem);align-items:center}
.page--fashion .fashion-fourher__image{margin:0;aspect-ratio:3/2;overflow:hidden}
.page--fashion .fashion-fourher__image img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:760px){.page--fashion .fashion-fourher{grid-template-columns:1fr;gap:1.5rem}.page--fashion .fashion-fourher__image{order:-1}}
/* Iris R2: Facial Balance text card in the homepage Vault grid. */
.page--fashion .vm-tile__img--text{display:flex;align-items:flex-end;padding:1.25rem;background:linear-gradient(160deg,#1a1d1f 0%,#0b0c0d 100%);border:1px solid var(--hairline)}
.page--fashion .vm-tile__plan{font:500 clamp(1.4rem,2.4vw,2rem)/1.1 var(--serif);color:var(--paper);letter-spacing:-.01em}
/* Iris R1: on phones the five portfolio cards become one swipe row instead of five stacked screens. */
@media (max-width:760px){
  .page--fashion .fashion-vault-motion:is([data-vault-static],[data-vault-motion]) .vm-panel__grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;scroll-padding-inline:var(--pad-x);gap:14px;margin-inline:calc(-1 * var(--pad-x));padding-inline:var(--pad-x);padding-bottom:8px;-webkit-overflow-scrolling:touch}
  .page--fashion .fashion-vault-motion:is([data-vault-static],[data-vault-motion]) .vm-tile{flex:0 0 78%;width:auto;scroll-snap-align:start}
}
/* Iris D2: Vault plan terms as a short point list. */
.page--studio .k-points{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;border-top:1px solid var(--hairline);padding-top:1.25rem}
.page--studio .k-points li{display:grid;gap:.3rem}
.page--studio .k-points strong{font:500 1.05rem/1.3 var(--serif);color:var(--paper)}
.page--studio .k-points span{color:var(--soft);line-height:1.55}
@media (max-width:760px){.page--studio .k-points{grid-template-columns:1fr}}
/* 2026-10-22 benchmark (docs/design/brand-collection/iterations/inner-page-benchmark-20261022/BRIEF.md).
   One heading scale on inner pages, matching the homepage section heads: one H2 size, one H3 size; the close is an H2. */
body.page--studio.page--experience main :is(.k-statement,.k-head,.k-close,.k-split,.k-pair,.teens-chapter,.support-prose,.team-card) h2,
body.page--studio.page--experience main .k-head__title{font-size:clamp(2.4rem,3.35vw,3.25rem);line-height:1.04;letter-spacing:-.02em;max-width:22ch}
body.page--studio.page--experience main :is(.k-route,.k-pair,.k-pillar,.k-area,.k-steps,.k-pricing__group,.k-place__group,.human-service-paths,.k-split) h3,
body.page--studio.page--experience main .k-studios__name{font-size:clamp(1.5rem,2vw,1.9rem);line-height:1.12;letter-spacing:-.01em}
body.page--studio.page--experience main .k-close h2{margin-inline:auto}
body.page--studio.page--experience main .k-hero[data-long-title].k-hero--category h1{font-size:clamp(2.75rem,4.8vw,4.5rem)}
.k-close__visit{margin:1rem 0 0}
@media (max-width:760px){
  body.page--studio.page--experience main :is(.k-statement,.k-head,.k-close,.k-split,.k-pair,.teens-chapter,.support-prose,.team-card) h2,
  body.page--studio.page--experience main .k-head__title{font-size:clamp(2rem,8.6vw,2.5rem)}
  body.page--studio.page--experience main :is(.k-route,.k-pair,.k-pillar,.k-area,.k-steps,.k-pricing__group,.k-place__group,.human-service-paths,.k-split) h3,
  body.page--studio.page--experience main .k-studios__name{font-size:1.45rem}
}
/* At a glance (Ever/Body): facts already on the page, one compact row under the hero. */
.page--studio .k-glance{padding:1.5rem var(--pad-x);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.page--studio .k-glance dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.25rem 2.5rem;margin:0}
.page--studio .k-glance dt{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:.4rem}
.page--studio .k-glance dd{margin:0;font:500 1.05rem/1.4 var(--serif);color:var(--paper)}
.page--studio .k-glance a{color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:var(--hairline)}
/* Locations: both studios' address, phone and directions in the first screen (Ever/Body, Heyday, Fellow). */
.page--studio .k-hero__studios{list-style:none;padding:0;margin:0 0 1.75rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}
.page--studio .k-hero__studio{border-top:1px solid var(--hairline);padding-top:1rem}
.page--studio .k-hero__studio-name{font:500 clamp(1.5rem,2vw,1.9rem)/1.1 var(--serif);color:var(--paper);margin:0 0 .6rem}
.page--studio .k-hero__studio address{font-style:normal;color:var(--soft);line-height:1.6;margin-bottom:.5rem}
.page--studio .k-hero__studio p{margin:0}
@media (max-width:760px){.page--studio .k-hero__studios{grid-template-columns:1fr}}
/* Overview photo tiles (owner reference ref-05fe9bce): numbered, image-led, staggered two-column grid. */
body.page--studio.page--experience main .k-services--tiles .k-routes__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 2.5rem;align-items:start}
body.page--studio.page--experience main .k-services--tiles li.k-route--photo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem 1rem;border:0;padding:0}
body.page--studio.page--experience main .k-services--tiles .k-route--photo:nth-child(even){margin-top:clamp(3rem,8vw,7rem)}
body.page--studio.page--experience main .k-services--tiles .k-route__media{grid-column:1/-1;margin:0 0 1rem;aspect-ratio:4/5;overflow:hidden;border-bottom:1px solid var(--hairline)}
body.page--studio.page--experience main .k-services--tiles .k-route--photo:nth-child(4n+2) .k-route__media,body.page--studio.page--experience main .k-services--tiles .k-route--photo:nth-child(4n+3) .k-route__media{aspect-ratio:16/11}
body.page--studio.page--experience main .k-services--tiles .k-route__media img{width:100%;height:100%;object-fit:cover;object-position:var(--k-pos,50% 40%);display:block}
body.page--studio.page--experience main .k-services--tiles .k-route--photo .k-route__n{padding-top:.45rem}
body.page--studio.page--experience main .k-services--tiles .k-route--photo :is(.k-route__body,.k-route__meta,.k-route__link){grid-column:2}
@media (max-width:760px){body.page--studio.page--experience main .k-services--tiles .k-routes__list{grid-template-columns:1fr;gap:2.5rem}body.page--studio.page--experience main .k-services--tiles .k-route--photo:nth-child(even){margin-top:0}body.page--studio.page--experience main .k-services--tiles .k-route__media{aspect-ratio:4/3!important}}
/* Support and story pages now use the kit hero and close. */
[data-editorial-page="pre-post-care-instructions"] main>:is(.k-hero,.k-close){margin-inline:0}
[data-editorial-page="pre-post-care-instructions"] .support-index a{font-size:.95rem}
@media (max-width:760px){[data-editorial-page="pre-post-care-instructions"] main>:is(.k-hero,.k-close){margin-inline:0}}
/* Team (Heyday experts): portrait cards, bio opens in place. */
.page--studio .team-grid{padding:clamp(2rem,4vw,4rem) var(--pad-x)}
.page--studio .team-grid ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 2rem;align-items:start}
.page--studio .team-card figure{margin:0 0 1.1rem;aspect-ratio:4/5;overflow:hidden;background:#111}
.page--studio .team-card img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.page--studio .team-card h2{margin:.5rem 0 .75rem}
.page--studio .team-card__bio summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;min-height:44px;align-items:center;border-top:1px solid var(--hairline);color:var(--paper);font-size:.85rem}
.page--studio .team-card__bio summary::-webkit-details-marker{display:none}
.page--studio .team-card__bio .support-prose{padding:0;font-size:.92rem}
@media (max-width:900px){.page--studio .team-grid ul{grid-template-columns:1fr}}
body.page--studio.page--experience main :is(.k-routes,.human-concerns) :is(h2,.k-head__title){font-size:clamp(2.4rem,3.35vw,3.25rem);line-height:1.04}
@media (max-width:760px){body.page--studio.page--experience main :is(.k-routes,.human-concerns) :is(h2,.k-head__title){font-size:clamp(2rem,8.6vw,2.5rem)}}
/* Locations hero: title left, the two studios' facts right (no empty half on desktop). */
@media (min-width:901px){
  body.page--studio.page--experience main .k-hero.k-hero--category.k-hero--location .k-hero__copy{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem clamp(2rem,5vw,5rem);align-items:start;max-width:none}
  body.page--studio.page--experience main .k-hero.k-hero--location .k-hero__detail{max-width:none}
}

/* Owner batch 2 — scoped hierarchy, source crops and nested service navigation. */
body.page--experience .nav-service{margin:0;border-bottom:1px solid var(--hairline)}
body.page--experience .nav-service>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.75rem 0;cursor:pointer;font:400 .9rem/1.4 "Space Grotesk",sans-serif;text-transform:none;letter-spacing:0}
body.page--experience .nav-service>summary::-webkit-details-marker{display:none}
body.page--experience .nav-service[open]>summary>span[aria-hidden]{transform:rotate(45deg)}
body.page--experience .nav-service__children{padding:0 0 .5rem 1rem}
body.page--experience :is(.dd--syr,.dd--4her) .dd__panel a,body.page--experience :is(.menu--syr,.menu--4her) :is(.nav-service__children,.menu__items,ul) a{text-transform:none;letter-spacing:0} /* sentence case inside the menus; the top bar stays uppercase */
body.page--experience .nav-service__children a{font-size:.85rem;min-height:44px}
body.page--human-home #syr-lyfe .focus-lyfe__subhead{font:400 clamp(1.2rem,2vw,1.7rem)/1.35 "Space Grotesk",sans-serif;max-width:32ch;margin:.8rem 0 1.25rem}
/* Owner 2026-10-28: use the homepage hero's type scale, tracking and sentence case.
   Values match personal-appointment.css h1/db-support/experience-summary. */
body.page--human-home .fashion-fourher h2{font:500 clamp(4rem,7.6vw,8rem)/.9 var(--serif);letter-spacing:-.045em;text-transform:none;max-width:11ch}
body.page--human-home .fashion-fourher__subhead{font:400 1.08rem/1.55 var(--sans);letter-spacing:normal;text-transform:none;color:var(--paper);max-width:34rem;margin:1.5rem 0 0}
body.page--human-home .fashion-fourher .fashion-perspective__lead{font:400 .83rem/1.7 var(--sans);letter-spacing:normal;text-transform:none;max-width:34ch;margin:1.1rem 0 0}
@media(max-width:760px){
  body.page--human-home .fashion-fourher h2{font-size:clamp(3.5rem,16vw,4.6rem);line-height:.96;max-width:100%}
  body.page--human-home .fashion-fourher__subhead{font-size:1rem}
}
body.page--human-home .fashion-fourher__subhead span{display:inline}
body.page--human-home .vm__after{grid-column:1/-1;padding:1.5rem 0 0}
body.page--human-home .vm__after .vm__book{display:inline-flex;gap:2rem;align-items:center;min-height:48px}
body.page--studio .lyfe-intro--visual{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
body.page--studio .lyfe-intro__media{margin:0;aspect-ratio:4/3;overflow:hidden}
body.page--studio .lyfe-intro__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
body.page--studio .lyfe-intro__copy h1{font-size:clamp(2.3rem,4vw,4rem)}
@media(max-width:760px){body.page--studio .lyfe-intro--visual{grid-template-columns:1fr;gap:1.5rem}body.page--studio .lyfe-intro__media{aspect-ratio:16/10}}

body.page--experience :is(.dd--vault .dd__inner,.menu--vault)>a:last-child{margin-top:.8rem;border-top:1px solid var(--hairline);padding-top:1rem}
/* Owner notes 2026-10-27: four service pillars in caps; nested rows in lowercase. */
/* Owner 2026-10-28: the brand itself always reads Syr, including inside caps labels. */
.page--experience .brand-copy{display:inline!important;font:inherit;letter-spacing:inherit;text-transform:none!important}
body.page--experience :is(.dd--syr .dd__inner,.dd--4her .dd__inner,.menu--syr,.menu--4her)>a,
body.page--experience :is(.dd--syr,.dd--4her,.menu--syr,.menu--4her) .nav-service>summary{text-transform:uppercase}
/* Owner: menu pillars uppercase and child rows lowercase, including brand-copy spans. */
body.page--experience :is(.dd--syr,.dd--4her,.menu--syr,.menu--4her) .nav-service>summary .brand-copy{text-transform:uppercase!important}
body.page--experience :is(.dd--syr,.dd--4her,.menu--syr,.menu--4her) .nav-service__children .brand-copy{text-transform:lowercase!important}
body.page--experience :is(.dd--syr,.dd--4her,.menu--syr,.menu--4her) .nav-service__children :is(a,.nav-unlinked){text-transform:lowercase}
/* Owner 2026-10-22 (H7): a bigger wordmark whose s/r baseline (62.6% of the image height) sits on the header's
   bottom rule; the y descender hangs below it. */
.nav{--logo-h:clamp(76px,6.4vw,96px)}
/* The logo is positioned against the fixed header itself (its bottom rule), keeping its horizontal place in the row. */
.nav .nav__inner,.nav .nav__inner>.brand{position:static}
.nav .nav__inner>.brand{align-self:stretch;width:calc(var(--logo-h)*1.839);flex:none;min-height:44px}
.nav .brand .brand__logo{position:absolute;bottom:calc(-1 * var(--logo-h) * .374 - .5px);height:var(--logo-h);width:auto;max-width:none;z-index:2}
@media (max-width:760px){.nav{--logo-h:60px}}
/* Owner 2026-10-22 (H1): a softer feel — rounded buttons and photographs. */
:root{--soft-r-img:16px;--soft-r-btn:10px}
body :is(.nav__book,.nav__toggle,.fashion-cta:not(.fashion-cta--text),.vm__book,.fashion-book,.k-cta:not(.k-cta--text),.k-route__link .k-link,.vm__actions button,.care-selector select,.team-card__bio summary){border-radius:var(--soft-r-btn)}
body main :is(.fashion-hero__image,.vm-tile__img,.lyfe-art,.fashion-fourher__image,.k-hero__media,.k-route__media,.first-visit-portrait,.lyfe-intro__media,.k-studios__media,.k-split__media,.team-card figure,.contact-place,.v-step__media,.v-entry__link,.story-person figure){border-radius:var(--soft-r-img);overflow:hidden}
body main :is(.fashion-hero__image,.vm-tile__img,.lyfe-art,.fashion-fourher__image,.k-hero__media,.k-route__media,.first-visit-portrait,.lyfe-intro__media,.k-studios__media,.k-split__media,.team-card figure,.contact-place,.v-entry__link) img{border-radius:inherit}
@media (max-width:760px){body main .fashion-hero__image,body main .fashion-hero__image img{border-radius:0}} /* the phone hero runs edge to edge */
/* 4Her menu: a listed service without a page yet. */
.nav-unlinked{display:flex;align-items:center;min-height:40px;color:var(--soft);font-size:.82rem;cursor:default}

body main .vm-lock{border-radius:var(--soft-r-img)}
/* Owner 2026-10-22 (Hana wants people to open the Vault): one black call-to-action centred under the wheel, straddling
   the bottom edge of the door photograph. The door itself also opens on click/tap; the button is the keyboard control.
   The wheel sits at ~49.4% across the photo at every width (measured from object-position and the source image). */
html.vm-js body.page--fashion .fashion-vault-motion .vm__stage .vm-lock{inset:0 0 1.75rem 0;cursor:pointer}
html.vm-js body.page--fashion .fashion-vault-motion .vm__caption,
html.vm-js body.page--fashion .fashion-vault-motion .vm__stage [data-vm-open]{position:absolute;left:49.4%;bottom:0;transform:translateX(-50%);z-index:3;order:0;
  display:inline-flex;align-items:center;justify-content:center;gap:1.1rem;width:auto;min-height:52px;margin:0;padding:0 1.6rem;white-space:nowrap;
  border:1px solid rgba(247,247,245,.38);border-radius:var(--soft-r-btn);background:#050607;color:var(--paper);
  box-shadow:0 12px 30px rgba(0,0,0,.65);font:500 .74rem/1 "Space Grotesk",sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
html.vm-js body.page--fashion .fashion-vault-motion .vm__caption span{display:inline-block;transition:transform .25s ease}
html.vm-js body.page--fashion .fashion-vault-motion .vm__caption:hover,
html.vm-js body.page--fashion .fashion-vault-motion .vm__caption:focus-visible,
html.vm-js body.page--fashion .fashion-vault-motion:not(.vm-open) .vm__stage:hover .vm__caption{background:var(--paper);color:var(--black);border-color:var(--paper)}
html.vm-js body.page--fashion .fashion-vault-motion .vm__stage:hover .vm__caption span,
html.vm-js body.page--fashion .fashion-vault-motion .vm__caption:focus-visible span{transform:translateX(5px)}
html.vm-js body.page--fashion .fashion-vault-motion .vm__caption:focus-visible{outline:1px solid var(--paper);outline-offset:4px}
html.vm-js body.page--fashion .fashion-vault-motion .vm-lock__photo{transition:filter .3s ease}
html.vm-js body.page--fashion .fashion-vault-motion:not(.vm-open) .vm__stage:hover .vm-lock__photo{filter:brightness(1.12)}
@media (max-width:760px){html.vm-js body.page--fashion .fashion-vault-motion .vm__stage{height:calc(min(52svh,320px) + 1.75rem)}}
@media (prefers-reduced-motion:reduce){html.vm-js body.page--fashion .fashion-vault-motion .vm__caption,html.vm-js body.page--fashion .fashion-vault-motion .vm__caption span,html.vm-js body.page--fashion .fashion-vault-motion .vm-lock__photo{transition:none}}
html.vm-js .page--fashion .vm-lock[data-vm-passive]{cursor:default}
/* Logo: the hanging y belongs to the top of the page. Once scrolled (experience.js sets .is-scrolled after 24px), the
   wordmark settles inside the header so it never sits over page content. */
.nav .brand .brand__logo{transition:height .2s ease,bottom .2s ease}
.nav.is-scrolled{--logo-h-scrolled:56px}
.nav.is-scrolled .brand .brand__logo{height:var(--logo-h-scrolled);bottom:calc((100% - var(--logo-h-scrolled)) / 2)}
.nav.is-scrolled .nav__inner>.brand{width:calc(var(--logo-h-scrolled)*1.839)}
@media (max-width:760px){.nav.is-scrolled{--logo-h-scrolled:44px}}
@media (prefers-reduced-motion:reduce){.nav .brand .brand__logo{transition:none}}
/* Phone, Vault open: the section column must not grow to the swipe row's content width (it caused sideways scroll). */
@media (max-width:760px){html.vm-js body.page--fashion .fashion-vault-motion{grid-template-columns:minmax(0,1fr)}html.vm-js body.page--fashion .fashion-vault-motion .vm-panel{min-width:0;max-width:100%}}