/* A salon editorial, not a repeated service-card layout. */
.direction{background:#fbfaf7}
.direction .header{border:0;background:#fbfaf7}
.immersive-hero{position:relative;isolation:isolate;min-height:640px;height:min(760px,calc(100svh - 105px));background:#252a20;color:#fffaf3;display:flex;align-items:center;overflow:hidden}
.immersive-photo{position:absolute;z-index:-2;inset:0 0 0 auto;width:82%;height:100%;object-fit:cover;object-position:50% 65%}
.immersive-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#20291fee 0%,#20291fd9 24%,#20291f91 42%,#20291f12 70%),linear-gradient(0deg,#171e19aa,transparent 32%)}
.immersive-copy{padding:42px 6vw 86px;max-width:760px}
.immersive-copy .eyebrow{color:#ebc3a4;margin-bottom:26px;font-size:11px}
.immersive-copy h1{font-size:clamp(58px,5.8vw,88px);line-height:1.05;letter-spacing:-.045em}
.immersive-copy h1 em{color:#f0c5a4}
.immersive-lead{margin:28px 0;font-size:18px;line-height:1.65;max-width:420px;color:#fffaf3}
.immersive-copy .button{background:#faf8f4;color:#30372c;border-color:#faf8f4;font-size:11px;padding:16px 25px}
.immersive-copy .button:hover{background:#ecd3bd;border-color:#ecd3bd}
.immersive-bottom{position:absolute;bottom:28px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.immersive-bottom a{display:flex;align-items:center;gap:16px;min-height:44px}.immersive-bottom svg{width:18px;height:18px}
.immersive-hero:after{background:linear-gradient(90deg,#20291f 0%,#20291f 19%,#20291fd9 26%,#20291f91 42%,#20291f12 70%),linear-gradient(0deg,#171e19aa,transparent 32%)}
@media(max-width:700px){.immersive-hero{height:calc(100svh - 76px);min-height:610px;max-height:780px;align-items:flex-end}.immersive-photo{width:100%;height:100%;object-position:54% top}.immersive-hero:after{background:linear-gradient(0deg,#172119 0%,#172119f0 20%,#172119cb 43%,#17211922 76%,#17211908)}.immersive-copy{padding:235px 24px 84px;width:100%}.immersive-copy .eyebrow{font-size:9px;margin-bottom:17px}.immersive-copy h1{font-size:clamp(40px,10.8vw,58px);line-height:1.07}.immersive-lead{font-size:16px;margin:19px 0 23px;max-width:320px}.immersive-lead br{display:none}.immersive-copy .button{font-size:10px;padding:14px 21px}.immersive-bottom{left:24px;right:24px;bottom:14px;font-size:8px;letter-spacing:.06em}.immersive-bottom a{gap:7px}}
.editorial-hero{padding:0 5vw 44px;background:linear-gradient(125deg,#fff 30%,#f5f2e9 85%)}
.edition-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d4d7cb;padding:15px 0;font-size:10px;letter-spacing:.06em}
.edition-line a{text-decoration:underline;text-underline-offset:4px}
.editorial-heading{display:flex;align-items:center;gap:5vw;padding:18px 0 28px}
.editorial-heading .eyebrow{width:16%;margin:0;line-height:1.7}
.editorial-heading h1{font-size:clamp(76px,9.2vw,148px);line-height:1;letter-spacing:-.065em}
.editorial-heading em{color:#616950}
.editorial-scene{display:grid;grid-template-columns:32% 68%;align-items:stretch}
.scene-copy{padding:32px 3.5vw 30px 0;display:flex;flex-direction:column;align-items:start;justify-content:center}
.scene-copy h2{font-size:clamp(31px,3vw,46px);line-height:1.1;letter-spacing:-.04em}
.scene-copy p{font-size:16px;line-height:1.65;margin:22px 0;max-width:270px}
.scene-copy .button{font-size:10px;padding:14px 20px}
.scene-discover{font-size:11px;line-height:1.5;margin-top:28px;max-width:200px;text-decoration:underline;text-underline-offset:5px}
.editorial-scene figure{margin:0;position:relative;height:405px;overflow:hidden}
.editorial-scene img{width:100%;height:100%;object-position:50% 48%}
.editorial-scene figcaption{position:absolute;bottom:0;right:0;padding:12px 20px;background:#faf8f4;color:#30372c;font-size:11px}
.direction .intro{padding-top:72px;padding-bottom:68px;background:linear-gradient(150deg,#fff 60%,#eeefe7)}
.direction .intro>.eyebrow{margin-left:21%;margin-bottom:20px}
.direction .intro-grid{grid-template-columns:1fr 1.2fr;gap:8vw;padding-left:21%}
.direction .intro h2{font-size:clamp(34px,3.2vw,50px)}
.direction .intro-grid>div{font-size:16px}
.direction .journey{background:#f6f3ed;position:relative}
.direction .section-heading{margin-left:43%;margin-bottom:30px}
.direction .section-heading h2{font-size:clamp(38px,4vw,58px)}
.direction .journey-grid{grid-template-columns:37% 1fr;gap:6%}
.direction .swap-frame{aspect-ratio:.85;border-radius:48% 48% 0 0}
.direction .frame-caption{left:0;bottom:0;padding:10px 16px;background:#f6f3ed}
.direction .step{padding:24px 0}
.direction .step-title{font-size:35px}
.direction .step-number{font-family:var(--display);font-size:20px;padding:0}
.direction .step-summary{max-width:340px}
.editorial-human{position:relative;grid-template-columns:1.2fr .8fr;background:#303b2c;padding:64px 8vw;gap:5vw;align-items:center}
.editorial-human .human-copy{padding:0;max-width:640px}
.editorial-human h2{font-size:clamp(43px,4.9vw,74px)}
.editorial-human .human-copy>p:not(.eyebrow){max-width:390px;font-size:16px}
.portrait{margin:0;justify-self:end;max-width:320px;transform:rotate(3deg);padding:10px;background:#faf8f4;color:#30372c}
.portrait img{width:100%;height:340px;object-position:center top}
.portrait figcaption{font-family:var(--display);font-size:25px;padding:16px 8px 10px;line-height:1.2}
.portrait figcaption span{display:block;font-family:var(--body);font-size:10px;margin-top:8px}
.direction .questions{grid-template-columns:.7fr 1.3fr}
.direction .questions h2{font-size:44px}
.direction .related{background:#fbfaf7}
.direction .related nav a{font-size:31px}
.direction .booking{border-top:1px solid var(--line);background:linear-gradient(120deg,#f4ede5,#fff 65%,#edf0e6)}
.direction .booking h2{font-size:clamp(45px,5vw,74px)}
@media(max-width:700px){.immersive-photo{height:65%;object-position:50% 75%}.immersive-hero:after{background:linear-gradient(0deg,#172119 0%,#172119 34%,#172119d9 45%,#17211944 58%,transparent 72%)}}
@media(max-width:1000px){.editorial-heading h1{font-size:9.4vw}.scene-copy .button{padding:12px;font-size:9px}.scene-copy h2{font-size:30px}.editorial-scene figure{height:380px}.direction .intro-grid{padding-left:0}.direction .intro>.eyebrow{margin-left:0}.portrait img{height:290px}}
@media(max-width:700px){
 .editorial-hero{padding:0 22px 28px}.edition-line{font-size:9px;padding:12px 0}.edition-line span{display:none}
 .editorial-heading{display:block;padding:18px 0 24px}.editorial-heading .eyebrow{width:auto;margin-bottom:14px;font-size:9px}.editorial-heading h1{font-size:clamp(49px,13vw,82px);letter-spacing:-.055em}
 .editorial-scene{display:flex;flex-direction:column}.scene-copy{padding:0 0 26px;display:grid;grid-template-columns:1fr;gap:0}.scene-copy h2{font-size:33px}.scene-copy p{margin:14px 0 18px;max-width:100%;font-size:15px}.scene-copy .button{justify-self:start;padding:14px 20px;font-size:10px}.scene-discover{display:none}
 .editorial-scene figure{height:245px}.editorial-scene figcaption{padding:9px 12px;font-size:9px}.direction .intro{padding:40px 24px}.direction .intro-grid{grid-template-columns:1fr;gap:23px}.direction .intro h2{font-size:36px}
 .direction .section-heading{margin:0 0 26px}.direction .section-heading h2{font-size:39px}.direction .journey-grid{grid-template-columns:1fr;gap:25px}.direction .swap-frame{height:245px;aspect-ratio:auto;border-radius:100px 0 0 0}.direction .step-title{font-size:29px}.direction .step{padding:20px 0}
 .editorial-human{padding:42px 24px 48px;grid-template-columns:1fr;gap:30px}.editorial-human h2{font-size:43px}.portrait{max-width:245px;justify-self:center;transform:rotate(2deg)}.portrait img{height:255px}.portrait figcaption{font-size:24px}
 .direction .questions{grid-template-columns:1fr}.direction .questions h2{font-size:39px}.direction .booking h2{font-size:46px}
}