/* Composition v2. All typography, colors and controls inherit the existing UI kit. */
.about-page .information-page{min-height:0}
.about-page .light-section .body-copy{color:var(--ink);text-shadow:none;max-width:600px}
.about-page .body-copy p+p{margin-top:20px}
.about-page .information-layout{max-width:none;gap:64px;align-items:center;grid-template-columns:1fr 1fr}
.about-page .information-layout>div{min-width:0}
.about-page .information-layout img{display:block;height:auto;max-height:none}
.about-cinematic{isolation:isolate;clip-path:inset(0);padding-bottom:100px}
.about-cinematic .about-hero-image{position:fixed;object-position:center}
.about-cinematic>.section-top,.about-cinematic>.section-bottom{position:relative;z-index:1}
.about-cinematic .hero-heading{max-width:700px}
.about-cinematic .hero-bottom h1{white-space:normal}
.about-cinematic .intro{margin-top:24px;max-width:455px;text-align:left}
.about-cinematic .section-bottom{margin-top:120px}
.about-breadcrumb{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.about-description{position:relative;z-index:2;margin-top:-48px;padding:64px var(--gutter) 0}
.about-description .information-lead{margin:0}
.about-description .body-copy{margin:0}
.about-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);margin-top:48px;padding-top:28px}
.about-principles .product-info{margin:0}
.about-section{padding:80px var(--gutter);scroll-margin-top:90px}
.about-process-heading{align-items:flex-end;margin-bottom:48px}
.about-process-heading h2{max-width:840px}
.about-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.about-steps>li{min-width:0;border-top:1px solid var(--line);padding-top:24px}
.about-steps .label{text-shadow:none}
.about-steps .information-lead{margin:24px 0 0;font-weight:inherit}
.about-steps .body-copy{margin-top:16px}
.about-detail-header{padding-top:24px}
.about-detail-header h2{max-width:1100px}
.about-detail-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-top:32px}
.about-detail-caption .body-copy{margin:0;max-width:600px}
.about-detail-caption .button{flex-shrink:0}
.about-detail-photo{margin:0;width:100%;aspect-ratio:21/9;overflow:hidden}
.about-detail-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.about-story .information-lead{margin-top:32px}
.about-story .body-copy{margin-top:0}
.about-story .information-layout{gap:80px}
.about-story+.about-story{padding-top:0}
.about-fields{display:grid;gap:14px}
.about-fields .catalog-control{white-space:normal}
.about-submit{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}
.about-submit .button{margin:0}
.about-appointment .stylist-address{line-height:1.5}
@media(max-width:1000px){
  .about-page .information-layout{gap:32px;grid-template-columns:1fr}
  .about-cinematic .about-hero-image{object-position:70% center}
  .about-cinematic .hero-heading{max-width:600px}
  .about-cinematic .section-bottom{gap:32px;align-items:flex-start;flex-direction:column}
  .about-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
  .about-steps>li:last-child{grid-column:1/-1;max-width:600px}
  .about-process-heading{align-items:flex-start;flex-direction:column}
  .about-detail-caption{align-items:flex-start;flex-direction:column;gap:24px}
  .about-detail-photo{aspect-ratio:16/9}
  .about-story .about-story-photo{grid-row:2}
  .about-story .information-layout{gap:32px}
}
@media(max-width:767px){
  .about-section{padding:64px var(--gutter)}
  .about-cinematic .about-hero-image{object-position:80% center}
  .about-cinematic>.section-top{flex-direction:row}
  .about-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .about-detail-photo{aspect-ratio:3/2}
}
@media(max-width:600px){
  .about-cinematic{padding-top:104px;padding-bottom:100px}
  .about-cinematic .section-top{flex-direction:column;gap:20px}
  .about-cinematic .intro{text-align:left;max-width:300px}
  .about-cinematic .section-bottom{margin-top:32px;gap:24px}
  .about-cinematic .hero-heading{max-width:100%}
  .about-cinematic .about-hero-image{object-position:83% center}
  .about-cinematic .actions{margin-top:24px}
  .about-breadcrumb{margin:0}
  .about-description{margin-top:-28px;padding:40px var(--gutter) 0}
  .about-description .information-layout{gap:24px}
  .about-principles{margin-top:32px;padding-top:24px;gap:20px}
  .about-section{padding:60px var(--gutter)}
  .about-process-heading{margin-bottom:32px;gap:24px}
  .about-steps{grid-template-columns:1fr;gap:28px}
  .about-steps>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px 16px;padding-top:24px}
  .about-steps .label{grid-row:1/3;padding-top:4px}
  .about-steps .information-lead{margin:0}
  .about-steps .body-copy{grid-column:2;margin-top:0}
  .about-detail-header{padding-top:0}
  .about-detail-caption{margin-top:24px}
  .about-detail-photo{aspect-ratio:1/1;object-position:center}
  .about-story .information-lead{margin-top:24px}
  .about-submit{gap:20px}
}
@media(prefers-reduced-motion:reduce){.about-cinematic .about-hero-image{position:absolute}}

.about-description{margin-top:0}
.about-cinematic .hero-heading{max-width:700px;flex-shrink:1}
.about-cinematic .section-bottom{align-items:flex-end}
.about-hero-fitting{width:min(365px,100%);flex-shrink:0;align-self:flex-end}
.about-hero-fitting .card-label{white-space:normal}
.about-hero-fitting .button{white-space:normal}
.about-mission-v3{display:grid;grid-template-columns:4fr 6fr;gap:10vw;align-items:start;border-top:1px solid var(--line)}
.about-mission-text .body-copy{margin-top:0}
.about-mission-title h2{max-width:440px}
.about-archive-grid{display:grid;grid-template-columns:4fr 7fr;gap:7vw;align-items:start}
.about-archive-grid figure{margin:0;overflow:hidden;border-radius:14px}
.about-archive-grid img{display:block;width:100%;height:100%;object-fit:cover}
.about-archive-detail{aspect-ratio:3/4;margin-top:120px!important}
.about-archive-detail img{object-position:70% center}
.about-archive-main{aspect-ratio:1672/941}
.about-archive-main img{object-fit:contain}
.about-archive-caption{margin-top:48px;align-items:start!important}
.about-archive-caption .information-lead,.about-archive-caption .body-copy{margin:0}
.about-appointment-v3{border-top:1px solid var(--glass);padding-top:90px;padding-bottom:100px;scroll-margin-top:80px}
.about-appointment-v3 .stylist-heading{max-width:1100px}
.about-appointment-v3 .stylist-heading h2 span{display:block}
.about-appointment-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:48px;align-items:start}
.about-appointment-contact .body-copy{margin:0;max-width:455px}
.about-appointment-contact .information-phone{margin-top:24px}
.about-appointment-panel{max-width:none;padding:32px}
.about-appointment-panel .catalog-control{border-color:var(--glass)}
.about-appointment-panel .about-submit>.information-back{display:none}
@media(max-width:1000px){.about-mission-v3{grid-template-columns:1fr 1.2fr;gap:40px}.about-archive-grid{gap:40px}.about-archive-detail{margin-top:80px!important}.about-appointment-layout{gap:40px}.about-cinematic .section-bottom{align-items:flex-start}}
@media(max-width:767px){.about-mission-v3{grid-template-columns:1fr;gap:32px}.about-mission-title h2{max-width:none}.about-archive-grid{grid-template-columns:1fr;gap:32px}.about-archive-main{grid-row:1}.about-archive-detail{grid-row:2;width:62%;margin-top:0!important;margin-left:auto!important}.about-appointment-layout{grid-template-columns:1fr;gap:32px}}
@media(max-width:600px){.about-cinematic{padding-bottom:48px}.about-cinematic .section-bottom{margin-top:24px;gap:24px}.about-cinematic .intro{margin-top:16px}.about-hero-fitting{max-width:100%}.about-archive-caption{margin-top:32px}.about-appointment-v3{padding:60px var(--gutter)}.about-appointment-layout{margin-top:32px}.about-appointment-panel{padding:24px}.about-appointment-contact .information-phone{font-size:22px}}

#scroll-spacer{position:relative}
#main-canvas{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .3s}
#main-canvas.video-ready{opacity:1}
#main-canvas video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#video-right{display:none}
.has-about-motion{height:500vh;clip-path:inset(0);user-select:none}
.has-about-motion .about-cinematic{clip-path:none;height:100svh;isolation:auto}
.has-about-motion #main-canvas{position:fixed;z-index:0}
.has-about-motion .about-hero-image{position:fixed}
.has-about-motion .about-cinematic>.section-top{position:fixed;top:112px;left:var(--gutter);right:var(--gutter);z-index:20;mix-blend-mode:exclusion}
.has-about-motion .about-cinematic>.section-top:has(.outro-light){mix-blend-mode:normal}
.has-about-motion .about-cinematic>.section-bottom{position:static;display:contents;margin-top:0}
.has-about-motion .hero-heading{position:fixed;left:var(--gutter);bottom:64px;z-index:20;width:min(700px,calc(100vw - 2*var(--gutter) - 397px));mix-blend-mode:normal}
.has-about-motion #outro-info{position:fixed;right:var(--gutter);bottom:64px;z-index:20;max-width:calc(100vw - 2*var(--gutter))}
.is-look-scene #outro-info{background:var(--ivory);color:var(--ink)}
.is-look-scene #outro-info .card-label{color:var(--muted)}
.has-about-motion .hero-heading.outro-light{color:var(--ink);mix-blend-mode:normal}
.has-about-motion .hero-heading.outro-light :is(h1,.intro){text-shadow:none}
.about-breadcrumb.outro-light{color:var(--ink)}
#black-panel{position:fixed;inset:0;background:#0a0a0a;z-index:10;transform:translateY(100vh)}
#panel-wrap{width:100%;padding-top:min(400px,40vh)}
#panel-wrap .grid-row{display:flex;width:100%}
#panel-wrap .grid-cell{flex:1;min-width:0;aspect-ratio:2/3}
.bp-card{position:relative;width:100%;height:100%;transform:scale(0);will-change:transform}
.bp-card img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
#outro-overlay{position:fixed;inset:0;z-index:12;background:var(--ivory);opacity:0;pointer-events:none}
#outro-buy{position:fixed;bottom:32px;right:var(--gutter);z-index:20;min-width:220px;color:var(--ink);transform:scale(0);transform-origin:right bottom}
#outro-footer{position:fixed;left:var(--gutter);bottom:32px;z-index:20;display:flex;align-items:center;gap:80px;color:var(--ink);opacity:0}
#outro-footer .label{text-shadow:none}
#outro-info{transform-origin:right bottom}
#outro-info.light-section .card-label{color:var(--muted)}
.motion-outside :is(#main-canvas,.about-hero-image,#black-panel,#outro-overlay,#outro-info,#outro-buy,#outro-footer,.section-top,.section-bottom){visibility:hidden!important}
@media(max-width:1000px){.has-about-motion .hero-heading{width:calc(100vw - 2*var(--gutter));bottom:calc(64px + var(--hero-card-height) + 32px)}#outro-footer{gap:32px}}
@media(max-width:1000px){#main-canvas video{object-position:70% center}}
@media(max-width:767px){#main-canvas video{object-position:80% center}}
@media(max-width:600px){.about-cinematic .about-hero-image,#main-canvas video{object-position:100% center}}
@media(max-width:1000px){#main-canvas #video-right{object-position:0% center}}
@media(max-width:600px){.has-about-motion .about-cinematic>.section-top{top:104px}.has-about-motion .hero-heading{bottom:calc(48px + var(--hero-card-height) + 24px)}.has-about-motion #outro-info{bottom:48px}#outro-buy{right:var(--gutter);bottom:64px;min-width:180px}#outro-footer{bottom:24px;gap:24px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#main-canvas{display:none}.bp-card{will-change:auto}}

#black-panel{position:relative;inset:auto;transform:none;background:#0a0a0a}
#panel-wrap{position:relative;padding-top:0}
.about-panel-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:176px var(--gutter) 64px}
.about-panel-story{min-width:0;user-select:text}
.about-panel-story .information-layout{grid-template-columns:1fr;gap:24px;align-items:start}
.about-panel-story .information-lead,.about-panel-story .body-copy{margin:0}
.about-panel-story .body-copy p{font-size:inherit;line-height:inherit;margin-bottom:0}
.about-panel-story .about-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border-color:var(--glass);margin-top:32px}
#panel-gallery{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start}
.about-panel-photo{margin:0;overflow:hidden;border-radius:14px;aspect-ratio:2/3}
.about-panel-photo:last-child{grid-column:3}
.about-panel-photo img{display:block;width:100%;height:100%;object-fit:cover}
.has-about-motion #panel-gallery{display:block}
.has-about-motion #black-panel{position:fixed;inset:0;transform:translateY(100vh)}
@media(max-width:1000px){.about-panel-layout{grid-template-columns:1fr;gap:40px;padding-top:176px}.about-panel-story .information-layout{grid-template-columns:1fr 1fr;gap:32px}#panel-gallery{grid-template-columns:1fr 1fr;gap:24px}.about-panel-photo:last-child{grid-column:auto}}
@media(max-width:600px){.about-panel-layout{padding:144px var(--gutter) 64px;gap:32px}.about-panel-story .information-layout{grid-template-columns:1fr;gap:24px}.about-panel-story .about-principles{gap:24px;margin-top:32px}#panel-gallery{gap:16px}}
@media(max-width:600px){.about-panel-photo,#panel-gallery .grid-cell{aspect-ratio:3/2}}

.about-section-heading{margin-bottom:48px}
.about-detail-header .about-section-heading,.about-mission-title.about-section-heading{margin-bottom:0}
.about-mission-title h2{max-width:none}
.about-process-section{padding-top:48px}
.about-outro-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:80px var(--gutter) 0;margin-bottom:0}
.about-outro-heading h2{max-width:840px}
.about-page #outro-buy{position:static;transform:none;min-width:0}
.has-about-motion .about-outro-heading{position:fixed;left:var(--gutter);bottom:64px;z-index:20;width:min(840px,calc(100vw - 2*var(--gutter) - 397px));padding:0;background:none;color:var(--ink);opacity:0;pointer-events:none}
.has-about-motion .about-outro-heading h2{text-shadow:none}
.has-about-motion #outro-buy{position:fixed;right:var(--gutter);bottom:32px;transform:scale(0);min-width:220px;pointer-events:auto}
.motion-outside .about-outro-heading{visibility:hidden!important}
.about-detail-photo{--parallax-travel:36px;position:relative;aspect-ratio:auto;height:clamp(220px,30vw,420px)}
.about-detail-photo img{position:absolute;inset:calc(-1 * var(--parallax-travel)) 0;width:100%;height:calc(100% + 2 * var(--parallax-travel));object-position:50% 32%}
@media(max-width:1000px){.has-about-motion .about-outro-heading{width:calc(100vw - 2*var(--gutter));bottom:calc(64px + var(--hero-card-height) + 32px)}}
@media(max-width:600px){.about-outro-heading{padding-top:60px;flex-direction:column;align-items:flex-start;gap:24px}.about-section-heading{margin-bottom:32px}.about-process-section{padding-top:32px}.has-about-motion .about-outro-heading{bottom:calc(48px + var(--hero-card-height) + 24px)}.has-about-motion #outro-buy{bottom:64px;min-width:180px}.about-detail-photo{--parallax-travel:24px}}
@media(prefers-reduced-motion:reduce){.about-detail-photo img{transform:none!important}}

@media(hover:hover) and (pointer:fine){.has-about-motion{cursor:auto}}

.about-process-section{padding-top:80px}
.about-process-header{margin-bottom:48px}
.about-steps{display:block}
.about-steps>li,.about-steps>li:last-child{display:grid;grid-template-columns:40px minmax(240px,.9fr) minmax(0,1.1fr);gap:32px;align-items:baseline;max-width:none;padding:24px 0}
.about-steps .information-lead,.about-steps .body-copy{margin:0}
.about-detail-photo{--parallax-travel:128px;height:clamp(260px,26vw,360px)}
.about-detail-photo img{object-position:50% 35%}
.about-detail-header{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}
.about-detail-copy .body-copy{margin:0}
.about-values-image{padding-bottom:0}
.about-values-photo{margin:0;overflow:hidden;border-radius:14px}
.about-values-photo img{display:block;width:100%;height:auto}
.about-values-copy{display:grid;grid-template-columns:1fr 1fr;gap:96px;padding-top:64px}
.about-value{min-width:0}
.about-value .about-section-heading{margin-bottom:32px}
.about-value-text .information-lead{margin-top:0;margin-bottom:24px}
.about-value-text .body-copy{margin-top:0}
.about-fitting-v8{border-top:1px solid var(--line)}
.about-fitting-v8>.occasion-gallery-heading{gap:64px;align-items:start;margin-bottom:0}
.about-fitting-v8>.occasion-gallery-heading>.body-copy{max-width:440px;margin:0}
.about-fields-v8{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:16px;margin-top:48px;align-items:center}
.about-fields-v8 .button{height:50px;margin:0}
.about-fitting-contact{display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.about-fitting-contact .stylist-address{margin:0}
@media(max-width:1000px){.about-detail-header{gap:40px}.about-values-copy{gap:48px}.about-fields-v8{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.about-process-section{padding-top:64px}.about-process-header{margin-bottom:32px}.about-steps>li,.about-steps>li:last-child{grid-template-columns:24px minmax(0,1fr);gap:12px 16px}.about-steps .label{grid-row:1/3;padding-top:4px}.about-steps .body-copy{grid-column:2}.about-detail-header,.about-values-copy{grid-template-columns:1fr;gap:48px}.about-value .about-section-heading{margin-bottom:24px}.about-fitting-v8>.occasion-gallery-heading{flex-direction:column;gap:24px}.about-fitting-contact{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:600px){.about-process-section{padding-top:60px}.about-detail-photo{--parallax-travel:80px;height:260px}.about-values-copy{padding-top:40px;gap:48px}.about-fields-v8{grid-template-columns:1fr;margin-top:32px}.about-fields-v8 .button{justify-content:center;width:100%}}