/* People, their work and one welcoming salon moment. Scoped to the about page. */
.about-experience{--about-peach:#ead2c3;--about-dark:#35202f}
.about-experience [hidden]{display:none!important}
.about-experience .section{scroll-margin-top:28px}
.about-experience h2{font-size:clamp(58px,7vw,108px);line-height:1.02;letter-spacing:-.065em}
.about-experience p{font-size:20px!important;line-height:1.65}
.about-experience .eyebrow{margin-bottom:27px}
.about-experience :focus-visible{outline:2px solid currentColor;outline-offset:7px}
.about-experience .about-link{font-size:17px;line-height:1.5;display:inline-block;width:fit-content;min-height:46px;padding:11px 0;border-bottom:1px solid currentColor;transition:color .2s}
.about-link:hover{color:var(--copper)}
.about-experience .about-media-note{font-size:14px!important;line-height:1.6;margin-top:30px;color:var(--muted)}
.about-hero{position:relative;isolation:isolate;background:var(--about-peach);min-height:780px;height:calc(100svh - 112px);max-height:1000px;overflow:hidden}
.about-hero-room{position:absolute;inset:0;z-index:-2;opacity:.18;mask-image:linear-gradient(90deg,transparent,#000 65%)}
.about-hero-room img{width:100%;height:100%;object-fit:cover;filter:saturate(.4)}
.about-hero:after{content:'';position:absolute;inset:50% 0 0;z-index:-1;background:linear-gradient(transparent,var(--about-peach))}
.about-hero-heading{position:relative;padding:48px var(--edge) 0;z-index:1;pointer-events:none}
.about-hero-heading .eyebrow{margin-bottom:25px}
.about-experience .about-hero h1{font-weight:500;line-height:.83;letter-spacing:-.065em;margin:0}
.about-hero h1>span{font-size:clamp(40px,4.5vw,72px);font-weight:500;display:block;margin-bottom:22px;letter-spacing:-.05em}
.about-hero h1>strong{font:500 clamp(180px,20.5vw,370px)/.83 Manrope,sans-serif;letter-spacing:-.085em;display:block;transform:translateY(calc(var(--about-depth,0px)*-.65));animation:about-title-in 1.1s cubic-bezier(.2,.7,.2,1) both}
.about-hero h1>strong>span{color:var(--copper)}
.about-hero-people{position:absolute;z-index:2;width:82%;height:auto;max-width:1450px;right:-1%;bottom:4%;object-fit:contain;transform:translateY(var(--about-depth,0px));animation:about-people-in 1.35s cubic-bezier(.2,.7,.2,1) both;pointer-events:none}
.about-hero-bottom{position:absolute;left:var(--edge);bottom:115px;z-index:3;max-width:350px}
.about-experience .about-hero-bottom>p{font-size:clamp(21px,1.8vw,28px)!important;line-height:1.5}
.about-hero-actions{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:25px}
.about-experience .about-hero-note{position:absolute;bottom:27px;left:var(--edge);right:var(--edge);padding-top:18px;border-top:1px solid #35202f40;z-index:3;font-size:14px!important}
@keyframes about-title-in{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes about-people-in{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}

.about-team{background:var(--about-dark);color:var(--cream)}
.about-team-heading h2{margin-bottom:30px}
.about-experience .about-team h2 em{color:#ff9d85}
.about-team-heading>p:last-child{color:#e7d9d7}
.about-team-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #f8f3eb40;border-bottom:1px solid #f8f3eb40;margin-top:55px;margin-bottom:45px;gap:40px}
.about-team-tabs a{position:relative;padding:22px 0 25px;display:flex;gap:25px;align-items:baseline;color:#c6b6be;transition:color .25s}
.about-team-tabs a>span{font-size:clamp(32px,4.2vw,64px);letter-spacing:-.055em;line-height:1.2}
.about-team-tabs a>small{font-size:16px}
.about-team-tabs a:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:4px;background:#ff9d85;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.about-team-tabs a[aria-selected=true]{color:var(--cream)}
.about-team-tabs a[aria-selected=true]:after{transform:scaleX(1)}
.about-team-tabs a:hover{color:#ffb8a5}
.about-profile{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8vw;align-items:center}
.about-profile+.about-profile{margin-top:80px}.is-ready .about-profile{margin-top:0}
.is-ready .about-profiles{display:grid}
.is-ready .about-profiles .about-profile{grid-area:1/1;align-content:start}
/* Inactive profiles reserve the same grid space while remaining inert and hidden. */
.about-experience .is-ready .about-profiles .about-profile[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.about-profile-photo{position:relative;aspect-ratio:4/5;min-width:0;background:#75545c;overflow:hidden}
.about-profile-photo>img{width:100%;height:100%;object-fit:cover;object-position:center top}
.about-profile-photo:after{content:'';position:absolute;inset:68% 0 0;background:linear-gradient(transparent,#21131c9c);pointer-events:none}
.about-profile-photo h3{position:absolute;left:25px;bottom:14px;z-index:1;font-size:clamp(95px,10.5vw,175px);line-height:1;letter-spacing:-.065em;font-weight:500}
.about-profile-photo h3>span{color:#ffa98c}
.about-profile-copy{padding-block:28px;display:flex;align-items:start;flex-direction:column;min-width:0}
.about-profile-copy .eyebrow{color:#f5b7a3}
.about-experience .about-profile-focus{font-size:clamp(32px,3.3vw,53px)!important;letter-spacing:-.05em;line-height:1.2;max-width:480px;margin-bottom:30px}
.about-profile-bio{max-width:460px;color:#e7d9d7}
.about-profile-copy blockquote{margin:30px 0 35px;padding:20px 0 0;border-top:1px solid #f8f3eb35;font-size:20px;line-height:1.65;max-width:460px;color:#f3c7b8}
.about-profile-copy .about-link{margin-top:14px}
.about-team .about-link:hover{color:#ffa98c}
.about-experience .about-team .about-media-note{color:#d0bcc5}

.about-handwork{background:var(--cream)}
.about-handwork-heading{margin-bottom:70px;max-width:1200px}
.about-process{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:7vw;row-gap:70px;align-items:start}
.about-process figure{margin:0;min-width:0}
.about-process-photo{overflow:hidden;background:#eadbd0}
.about-process-photo img{width:100%;height:100%;object-fit:cover}
.about-process-consult{grid-column:1;grid-row:1/3}
.about-process-consult .about-process-photo{aspect-ratio:2/3}
.about-process-cut{grid-column:2;grid-row:1;padding-top:125px}
.about-process-cut .about-process-photo{aspect-ratio:3/2}
.about-process-finish{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(130px,.65fr) minmax(0,1fr);gap:30px;align-items:center}
.about-process-finish .about-process-photo{aspect-ratio:2/3}
.about-process figcaption{margin-top:25px;max-width:500px}
.about-process figcaption h3{font-size:clamp(30px,2.9vw,45px);line-height:1.12;letter-spacing:-.045em;margin-bottom:18px;font-weight:500}
.about-process figcaption p{color:#6e5b64}
.about-process-finish figcaption{margin-top:0}
.about-experience .about-process-finish figcaption p{font-size:18px!important}
.about-motion [data-about-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1)}
.about-motion [data-about-reveal].is-visible{opacity:1;transform:none}

.about-salon{position:relative;background:#e5d2c5;isolation:isolate;overflow:hidden}
.about-salon-image{position:absolute;inset:0 0 auto;height:760px;z-index:-2}
.about-salon-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.about-salon:before{content:'';position:absolute;inset:0 0 auto;height:760px;background:linear-gradient(0deg,#e5d2c5,transparent 48%),linear-gradient(90deg,#20131fcc,transparent 90%);z-index:-1}
.about-salon-heading{padding:85px var(--edge) 145px;color:var(--cream);min-height:680px}
.about-salon-heading h2{max-width:1100px}
.about-experience .about-salon-heading h2 em{color:#ffa98c}
.about-tour-button{margin-top:32px;font-size:18px;display:flex;align-items:center;gap:18px;min-height:62px;text-align:left}
.about-tour-button>span{width:60px;height:60px;border:1px solid #fff9;display:grid;place-items:center;border-radius:50%;font-size:17px;transition:background .25s,color .25s}
.about-tour-button:hover>span{background:var(--cream);color:var(--ink)}
.about-experience .about-salon-note{font-size:14px!important;color:#eeded3;margin-top:17px}
.about-salon-reception{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6vw;align-items:center;position:relative}
.about-experience .about-salon-reception{padding-top:0;padding-bottom:85px;margin-top:-80px}
.about-veli-copy{max-width:460px}
.about-veli-copy h3{font-size:clamp(48px,5.4vw,83px);line-height:1.06;letter-spacing:-.06em;font-weight:500;margin-bottom:27px}
.about-veli-copy>[data-veli-line]{min-height:68px;font-weight:550;max-width:360px}
.about-veli-copy .button{margin-top:17px}
.about-experience .about-veli-stage{height:430px;--veli-width:180px;--chair-x:65%;grid-row:auto}
.about-veli-stage:before{content:'';position:absolute;left:5%;right:0;bottom:25px;height:100px;background:radial-gradient(ellipse,#9e6b5929,transparent 70%);transform:scaleY(.5);pointer-events:none}
.about-veli-stage[data-scene=seated] .veli-sprite{animation:about-settle .65s ease-out both;transform-origin:center 75%}
.about-veli-stage .veli-seat-label{font-size:16px}
@keyframes about-settle{0%,100%{transform:none}35%{transform:rotate(-4deg) translateY(3px)}70%{transform:rotate(2deg)}}

.about-closing{background:#f6aa92;position:relative}
.about-closing h2{font-size:clamp(70px,10.4vw,164px);max-width:1200px}
.about-experience .about-closing h2 em{color:#75343f}
.about-closing>p:not(.eyebrow){margin-top:35px}
.about-closing-actions{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;margin-top:35px}

@media(min-width:1700px){.about-hero-people{right:2%;bottom:0}.about-hero-bottom{bottom:110px}.about-profile-photo{max-height:940px}.about-hero-heading{padding-top:55px}}
@media(max-width:1150px){
 .about-hero{min-height:740px}.about-hero-people{width:91%;right:-6%;bottom:9%}
 .about-hero-bottom{max-width:245px;bottom:85px}.about-experience .about-hero-bottom>p{font-size:22px!important}
 .about-hero h1>strong{font-size:21vw}.about-hero h1>span{font-size:52px}
 .about-profile{gap:5vw;grid-template-columns:1fr 1fr}.about-profile-photo{aspect-ratio:3/4}
 .about-profile-copy{padding:0}.about-experience .about-profile-focus{font-size:36px!important}
 .about-profile-copy blockquote{font-size:18px;margin-block:22px}.about-profile-copy .eyebrow{margin-bottom:20px}
 .about-team-tabs{gap:30px}.about-team-tabs a{gap:15px}.about-team-tabs a>small{font-size:14px}
 .about-process{column-gap:5vw;row-gap:50px}.about-process-cut{padding-top:90px}.about-process-finish{gap:20px}
 .about-process-finish figcaption h3{font-size:30px}.about-experience .about-process-finish figcaption p{font-size:17px!important}
 .about-experience .about-veli-stage{--veli-width:155px;height:390px}
}
@media(max-width:850px){
 .about-hero{height:auto;min-height:1000px}.about-hero-heading{padding-top:35px}.about-hero h1>strong{font-size:32.5vw}
 .about-hero h1>span{font-size:46px}.about-hero-people{width:112%;max-width:none;right:-8%;bottom:190px}
 .about-hero-bottom{max-width:none;right:var(--edge);bottom:76px;display:flex;justify-content:space-between;align-items:start;gap:30px}
 .about-hero-actions{margin:0;gap:4px}.about-experience .about-hero-bottom>p{font-size:23px!important}
 .about-team-tabs a{flex-direction:column;gap:4px}.about-team-tabs a>span{font-size:43px}.about-team-tabs a>small{font-size:16px}
 .about-profile{gap:34px;align-items:start}.about-profile-photo{aspect-ratio:2/3}
 .about-profile-copy .eyebrow{font-size:14px!important}.about-experience .about-profile-focus{font-size:31px!important}
 .about-experience .about-profile-bio{font-size:18px!important}.about-profile-copy blockquote{font-size:17px;margin-bottom:25px}
 .about-profile-copy .button{padding-inline:20px;font-size:16px}.about-profile-copy .about-link{font-size:15px}
 .about-profile-photo h3{font-size:94px;left:15px}
 .about-process{grid-template-columns:1fr 1fr;gap:45px 30px}.about-process-finish{display:block}.about-process-finish .about-process-photo{width:65%}.about-process-finish figcaption{margin-top:25px}
 .about-salon-heading{min-height:590px;padding-top:65px}.about-salon-image,.about-salon:before{height:720px}
 .about-salon-reception{gap:30px;grid-template-columns:1fr 1fr}.about-veli-copy h3{font-size:58px}.about-veli-copy>.eyebrow{font-size:14px!important}
 .about-experience .about-veli-stage{--veli-width:140px;--chair-x:67%;height:370px}.about-veli-stage .veli-seat-label{font-size:14px}
}
@media(max-width:600px){
 .about-experience .section{padding-block:65px;scroll-margin-top:18px}
 .about-experience h2{font-size:clamp(49px,13.5vw,78px)}
 .about-experience p{font-size:18px!important}
 .about-experience .eyebrow{margin-bottom:23px}.about-experience .about-link{font-size:16px}
 .about-hero{min-height:775px;height:calc(100svh - 87px);max-height:950px}
 .about-hero-heading{padding-top:32px}.about-hero-heading .eyebrow{font-size:14px!important;margin-bottom:30px}
 .about-hero h1>span{font-size:34px;margin-bottom:19px}.about-hero h1>strong{font-size:33vw;letter-spacing:-.08em}
 .about-hero-people{width:140%;right:-21%;bottom:226px}
 .about-hero-room{mask-image:linear-gradient(transparent,#000 35%,transparent 90%);opacity:.2}
 .about-hero-bottom{display:block;bottom:68px;max-width:none}.about-experience .about-hero-bottom>p{font-size:21px!important;line-height:1.4}
 .about-hero-actions{flex-direction:row;align-items:center;gap:19px;margin-top:19px;flex-wrap:wrap}.about-experience .about-hero-actions .button{padding:15px 19px;min-height:54px;font-size:15px}.about-hero-actions .about-link{font-size:15px}
 .about-experience .about-hero-note{font-size:12px!important;line-height:1.5;bottom:19px;padding-top:13px}
 .about-team-heading h2{margin-bottom:25px}.about-team-heading p:last-child br{display:none}
 .about-team-tabs{gap:19px;margin-top:35px;margin-bottom:30px}.about-team-tabs a{padding-block:17px 19px}.about-team-tabs a>span{font-size:35px}.about-team-tabs a>small{font-size:14px}.about-team-tabs a:after{height:3px}
 .about-profile{grid-template-columns:minmax(0,1fr);gap:32px}.about-profile-photo{aspect-ratio:3/3.9;max-height:660px}
 .about-profile-photo h3{font-size:clamp(88px,25vw,145px);left:17px;bottom:13px}
 .about-profile-copy{min-height:480px}.about-experience .about-profile-focus{font-size:35px!important;margin-bottom:23px}
 .about-profile-copy blockquote{font-size:18px;margin:24px 0 28px}.about-profile-copy .eyebrow{font-size:15px!important}
 .about-profile-copy .button{font-size:16px;min-height:55px}.about-profile-copy .about-link{font-size:16px}.about-experience .about-media-note{font-size:13px!important}
 .about-handwork-heading{margin-bottom:38px}.about-process{display:flex;flex-direction:column;gap:48px}
 .about-process-consult{width:83%;align-self:start}.about-process-consult .about-process-photo{aspect-ratio:4/5}.about-process-consult img{object-position:center 20%}
 .about-process-cut{padding:0;width:100%}.about-process-cut .about-process-photo{aspect-ratio:4/3}
 .about-process-finish{display:grid;grid-template-columns:42% 1fr;gap:21px}.about-process-finish .about-process-photo{width:100%}.about-process-finish figcaption{margin:0}
 .about-process figcaption h3{font-size:32px;margin-bottom:14px}.about-process figcaption{margin-top:20px}
 .about-process-finish figcaption h3{font-size:29px}.about-experience .about-process-finish figcaption p{font-size:17px!important}
 .about-salon-heading{padding:58px var(--edge) 90px;min-height:555px}.about-salon-heading h2{font-size:14vw}
 .about-salon-image,.about-salon:before{height:690px}.about-salon-image img{object-position:62% center}
 .about-tour-button{font-size:17px;margin-top:28px;gap:15px}.about-tour-button>span{width:50px;height:50px;font-size:14px}
 .about-experience .about-salon-note{font-size:13px!important;max-width:270px}
 .about-experience .about-salon-reception{display:flex;flex-direction:column;padding:0 var(--edge) 60px;margin-top:-5px;gap:0;align-items:stretch}
 .about-veli-copy{display:contents}.about-veli-copy>.eyebrow{order:0}.about-veli-copy>h3{order:1;font-size:54px;margin-bottom:0}
 .about-veli-copy>[data-veli-line]{order:3;min-height:62px;margin-top:8px;max-width:100%}.about-veli-copy>.button{order:4;align-self:start;max-width:100%;font-size:16px;min-height:56px}
 .about-experience .about-veli-stage{order:2;width:100%;height:310px;--veli-width:142px;--chair-x:69%;margin-top:5px}
 .about-closing h2{font-size:17vw}.about-closing>p:not(.eyebrow){margin-top:28px}.about-closing-actions{align-items:start;flex-direction:column;gap:12px;margin-top:25px}
 .about-experience .about-closing .button{font-size:16px;padding-inline:23px}
}
@media(max-width:365px){.about-hero{min-height:750px}.about-hero-people{bottom:253px}.about-hero-bottom{bottom:67px}.about-hero-actions{gap:5px;flex-direction:column;align-items:start}.about-hero h1>span{font-size:31px}.about-team-tabs{gap:14px}.about-team-tabs a>span{font-size:30px}.about-process-finish{display:block}.about-process-finish .about-process-photo{width:60%}.about-profile-copy{min-height:520px}.about-process-finish figcaption{margin-top:23px}}
.motion-reduced .about-experience *{animation:none!important;transition:none!important}
.motion-reduced .about-experience [data-about-reveal]{opacity:1;transform:none}
.page-hidden .about-experience *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.about-experience *{animation:none!important;transition:none!important}.about-experience [data-about-reveal]{opacity:1;transform:none}}