.page--experience { --scene-space: clamp(3.5rem, 6vw, 6rem); }
.page--experience main h1, .page--experience main h2 { text-wrap: balance; }
.page--experience .nav--lifestyle { box-shadow: 0 8px 32px -24px #000; }
.page--experience .nav--lifestyle.is-scrolled { box-shadow: 0 12px 28px -18px #000; }
.page--experience :is(a,button,summary):focus-visible { outline: 2px solid var(--paper); outline-offset: 6px; }
.page--experience .experience-summary { color: var(--soft); font: 400 .9rem/1.65 var(--sans); max-width: 35ch; margin: 1.1rem 0 0; }
.page--experience .fashion-hero--editorial { --hero-action-gap: 2.25rem; min-height: min(820px, 94svh); }
.page--experience .fashion-hero--editorial .fashion-hero__copy { contain: none; }
.page--experience .fashion-hero--editorial .fashion-hero__actions { margin-top: 2.25rem; }
.page--experience .fashion-hero--editorial .db-support { margin-bottom: 0; }
.page--experience .fashion-treatments--split { padding-block: var(--scene-space); gap: clamp(2rem, 5vw, 5rem); }
.page--experience .fashion-treatments__portrait { min-height: 28rem; max-height: 35rem; box-shadow: 0 24px 40px -24px #000; }
.page--experience .fashion-perspective-band { min-height: 28rem; grid-template-columns: 1fr 1fr; }
.page--experience .fashion-perspective-band__copy { display: flex; flex-direction: column; justify-content: center; padding-block: 3rem; }
.page--experience .fashion-perspective-band__copy h2 { font-size: clamp(2rem, 3.3vw, 3.5rem); max-width: 18ch; }
.page--experience .fashion-perspective-band__philosophy { margin-top: 2rem; }
.page--experience .fashion-perspective-band__image { min-height: 28rem; box-shadow: inset 0 20px 35px -25px #000; }
.page--experience .fashion-perspective-band__image img { filter: brightness(.78); }
.page--experience .fashion-vault--concept { padding-block: var(--scene-space); }
.page--experience .fashion-vault--concept h2 { font-size: clamp(2.3rem, 3.4vw, 3.5rem); max-width: 13ch; }
.page--experience .fashion-place--nyc { padding-block: 3rem; border-top: 1px solid var(--hairline); }
.page--experience .fashion-place--nyc .fashion-place__copy { display: grid; grid-template-columns: auto 1fr auto; align-items: baseline; gap: 1.5rem; width: 100%; text-align: left; }
.page--experience .fashion-place--nyc h2 { margin: 0; font-size: 2.5rem; }
.page--experience .fashion-close { padding-block: var(--scene-space); }
.page--experience .fashion-close h2 { max-width: 19ch; margin-inline: auto; }
.page--experience .foot { border-top: 1px solid var(--hairline); }
.page--experience .brand__name--syr { text-transform: none; }
.page--experience .k-foot .brand__name { letter-spacing: -.02em; }
.page--brand .k-hero { min-height: min(690px, 82svh); }
.page--brand .k-hero__copy { padding-block: 3rem; }
.page--brand .k-hero h1, .page--brand .k-hero--treatment h1 { font-size: clamp(3.2rem, 5.8vw, 6rem); line-height: .98; max-width: 13ch; letter-spacing: -.025em; }
.page--brand .k-hero__lede { max-width: 43ch; font: 400 1rem/1.65 var(--sans); color: var(--soft); margin: 1.5rem 0 0; }
.page--brand .k-hero .k-actions { margin-top: 2rem; }
.page--brand .k-hero__media { overflow: hidden; }
.page--brand .k-hero__media img { box-shadow: 0 28px 50px -30px #000; }
.page--brand .k-hero--category { position: relative; display: flex; align-items: center; padding-block: 3.5rem; background: radial-gradient(ellipse at 80% 10%, #24221e 0%, #111212 35%, var(--black) 72%); }
.page--brand .k-hero--category .k-hero__copy { width: 100%; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; }
.page--brand .k-hero--category .k-hero__detail { padding-left: 2.5rem; border-left: 1px solid var(--hairline); }
.page--brand .k-hero__explore { min-height: 44px; display: inline-flex; align-items: center; gap: 1rem; font: 500 .72rem/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--paper); text-decoration: underline; text-underline-offset: .5em; }
.page--brand .k-services { padding-block: var(--scene-space); }
.page--brand .k-services .k-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 1rem 3rem; align-items: end; margin-bottom: 2.5rem; }
.page--brand .k-services .k-head > .k-eyeline { grid-column: 1 / -1; }
.page--brand .k-services .k-head__title { font-size: clamp(2.2rem, 3.6vw, 3.6rem); max-width: 21ch; }
.page--brand .k-services .k-route { grid-template-columns: minmax(0, 1.6fr) auto minmax(11rem, 1fr); gap: 1.5rem; padding-block: 1.75rem; transition: background .22s ease; }
.page--brand .k-services .k-route__n { display: none; }
.page--brand .k-services .k-route h3 { font-size: clamp(1.8rem, 2.6vw, 2.7rem); }
.page--brand .k-services .k-route__body > p { max-width: 48ch; font-size: .9rem; }
.page--brand .k-services .k-route__body .k-route__tagline { display: none; }
.page--brand .k-services .k-route__link { align-self: center; }
.page--brand .k-statement { display: grid; grid-template-columns: 1fr 1fr; column-gap: 4rem; padding-block: 3.5rem; background: #0c0e0f; }
.page--brand .k-statement > .k-eyeline { grid-column: 1 / -1; }
.page--brand .k-statement h2 { font-size: clamp(2rem, 3.4vw, 3.4rem); max-width: 23ch; }
.page--brand .k-statement .experience-approach { font: 400 .95rem/1.7 var(--sans); color: var(--soft); }
.page--brand .experience-approach summary { min-height: 44px; cursor: pointer; color: var(--paper); margin-bottom: 1rem; }
.page--brand .experience-approach p { max-width: 60ch; }
.page--brand .k-split { padding-block: var(--scene-space); }
.page--brand .k-split h2 { font-size: clamp(2rem, 3.6vw, 3.6rem); }
.page--brand .k-close { padding-block: 4.5rem; }
.page--brand .k-close h2 { font-size: clamp(2.5rem, 5vw, 5rem); max-width: 19ch; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .page--brand .k-services .k-route:hover { background: #ffffff04; }
  .page--experience .k-link > span, .page--experience .editorial-link > span { display: inline-block; transition: transform .2s ease-out; }
  .page--experience .k-link:hover > span, .page--experience .editorial-link:hover > span { transform: translateX(4px); }
}
@media (max-width: 900px) {
  .page--brand .k-hero { min-height: 0; }
  .page--brand .k-hero__media { max-height: 38svh; aspect-ratio: 5/4; }
  .page--brand .k-hero__copy { padding-block: 2rem 2.5rem; }
  .page--brand .k-hero--category .k-hero__copy { grid-template-columns: 1fr; gap: 1.5rem; padding: 0; }
  .page--brand .k-hero--category .k-hero__detail { padding: 0; border: 0; }
  .page--brand .k-hero--category { padding-block: 2.5rem; }
  .page--brand .k-hero h1, .page--brand .k-hero--treatment h1 { font-size: clamp(3rem, 11vw, 5rem); }
  .page--brand .k-services .k-head, .page--brand .k-statement { grid-template-columns: 1fr; }
  .page--brand .k-services .k-route { grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; }
  .page--brand .k-services .k-route__link { grid-column: 1 / -1; justify-self: start; }
  .page--brand .k-services .k-route__link p { display: inline-block; margin: .25rem 1rem .25rem 0; }
  .page--brand .k-services .k-head__title { font-size: 2.2rem; }
  .page--brand .k-statement h2 { font-size: 2.2rem; }
}
@media (max-width: 760px) {
  .page--experience .fashion-hero--editorial { min-height: 0; }
  .page--experience .fashion-hero--editorial .fashion-hero__image { height: 36svh; }
  .page--experience .fashion-hero--editorial .fashion-hero__copy { padding-block: 1.75rem 2.5rem; }
  .page--experience .fashion-hero--editorial .fashion-hero__copy h1 { font-size: clamp(2.6rem, 11.5vw, 4rem); }
  .page--experience .fashion-hero--editorial .fashion-hero__actions { margin-top: 1.5rem; }
  .page--experience .fashion-treatments--split { display: flex; flex-direction: column; }
  .page--experience .fashion-treatments__body { order: -1; width: 100%; }
  .page--experience .fashion-treatments__portrait { min-height: 0; height: 18rem; flex: none; }
  .page--experience .fashion-perspective-band { display: flex; flex-direction: column; min-height: 0; }
  .page--experience .fashion-perspective-band__copy { padding-block: 2.5rem; }
  .page--experience .fashion-perspective-band__image { min-height: 0; height: 16rem; }
  .page--experience .fashion-perspective-band__copy h2 { font-size: 2.2rem; }
  .page--experience .fashion-vault--concept h2 { max-width: 17ch; font-size: 2.25rem; }
  .page--experience .fashion-place--nyc .fashion-place__copy { display: block; text-align: left; }
  .page--experience .fashion-place--nyc h2 { margin-block: .75rem; font-size: 2.4rem; }
  .page--experience .foot__grid { row-gap: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .page--experience *, .page--experience *::before, .page--experience *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
.page--experience .fashion-vault-motion { padding-block: var(--scene-space); min-height: 0; }
.page--experience .fashion-vault-motion .vm__copy h2 { font-size: clamp(2.3rem, 3.4vw, 3.5rem); max-width: 14ch; }
@media (max-width: 760px) {
  .page--experience .fashion-vault-motion .vm__copy h2 { font-size: 2.25rem; max-width: 17ch; }
}