/* A light, editorial salon experience. */
:root{--bg:#faf9f6;--panel:#ffffff;--cream:#282b25;--gold:#896a3c;--muted:#696b62;--line:#8a765b30}body{background:var(--bg);color:var(--cream)}.container{width:min(1320px,88%)}.location-bar{background:#ece7dc;color:#66583f;border:0;min-height:34px;font-size:10px}.location-bar>span:nth-child(2){color:#756e62}.header{background:#fff;border-color:#ddd9cf}.header-inner{min-height:103px}.logo{color:#282b25;font-size:36px}.logo small{color:#896a3c}.header nav{font-size:14px;gap:25px}.header .button{color:#fff;background:#87683b;border-color:#87683b;letter-spacing:.08em}.header .button:hover{background:#70552e;color:#fff}.button{background:#87683b;color:#fff;border-color:#87683b;border-radius:3px;font-size:14px}.button:hover{background:#71562f;color:#fff}.button.outline{color:#47493f;border-color:#c2b59e;background:transparent}.button.outline:hover{color:#70552e;border-color:#70552e;background:#f0eade}.menu-toggle{color:#35382f;border-color:#d4c9b7;border-radius:3px}.hero.exterior-hero{grid-template-columns:1fr 1.05fr;gap:65px;min-height:740px;padding:35px 0 45px;align-items:center}.exterior-hero .hero-copy{padding:45px 0 60px}.hero-location{color:#7b623f;font-size:12px;letter-spacing:.14em}.hero-location>span{background:#a78a60}.hero h1,.exterior-hero h1{font-size:clamp(58px,5.8vw,88px);line-height:1.08;margin:30px 0;letter-spacing:-.04em}.hero h1 em{color:#92764c}.hero p{color:#65685c;font-size:16px;line-height:1.9;max-width:370px;margin:26px 0 34px}.hero-actions .button{font-size:14px;letter-spacing:0;min-height:53px;padding:14px 24px}.hero-actions .outline{border-bottom:1px solid #a7987e;border-radius:0;color:#41473a}.hero-footnote{display:flex;gap:18px;align-items:center;margin-top:36px;color:#78796f;font-size:12px}.hero-footnote:before{content:'';width:30px;height:1px;background:#c4b699}.exterior-panel{align-self:center;margin:28px 0 30px 18px;padding-bottom:38px;position:relative}.exterior-panel:before{inset:25px -18px 36px 25px;border:1px solid #d6cab2;border-radius:160px 160px 0 0;z-index:-1}.exterior-topline{text-align:left;color:#8b7552;margin-bottom:20px;font-size:11px;letter-spacing:.15em}.exterior-window{aspect-ratio:1.13;border-radius:100px 8px 8px 8px;background:#e4e0d7;box-shadow:0 14px 40px #574b3410}.exterior-window img{top:-61%;width:100%}.exterior-caption{background:#fff;border:1px solid #e8e2d6;border-radius:4px;padding:21px 24px;box-shadow:0 12px 28px #5e503514;margin: -10px 25px 0 -25px;z-index:2;max-width:calc(100% - 75px)}.exterior-caption span{color:#8b7350;font-size:10px}.exterior-caption strong{color:#373c2e;font-size:27px}.exterior-caption a{color:#7c633d;font-size:13px}.hero-interior{position:absolute;right:-10px;bottom:-20px;width:27%;height:190px;object-fit:cover;border:7px solid #fff;border-radius:65px 65px 5px 5px;box-shadow:0 10px 30px #50453125;z-index:3}.intro-strip{background:#efebe2;border:none;padding:23px 0}.intro-strip .container{color:#6b624f;font-size:12px;letter-spacing:.13em}.section{padding:90px 0}.section-heading h2{font-size:clamp(38px,4.3vw,58px)}.section-heading p{font-size:16px;color:#696b62}.service-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;border:0}.service-row{grid-column:span 2;display:flex;align-items:start;flex-direction:column;gap:14px;min-height:260px;padding:29px!important;border:1px solid #dfd7c8;background:#fff;border-radius:5px;transition:box-shadow .2s,transform .2s}.service-row:nth-child(4),.service-row:nth-child(5){grid-column:span 3;min-height:225px}.service-row:hover{background:#fff;box-shadow:0 15px 35px #735f3710;transform:translateY(-3px)}.service-row .number{font-family:'DM Sans',Arial,sans-serif;font-size:12px;color:#8c7350;opacity:1;letter-spacing:.12em}.service-row h3{font-size:32px;margin:0}.service-row p{max-width:100%;font-size:15px;color:#6d6f64;line-height:1.7}.service-row .text-link{display:inline-block!important;font-size:12px;margin-top:auto;align-self:start;color:#7f663f;border-color:#bca988}.light{background:#eee8dc}.light h2{font-size:clamp(39px,4.4vw,61px)}.light h2 em{color:#8f734c}.light p{color:#67695e}.about-copy p{font-size:16px}.about-location{color:#7b6746}.values{color:#635b4b;border-color:#c8bda7}.salon-gallery{padding-top:95px}.salon-grid{gap:32px 25px}.salon-photo{border-radius:7px;background:#e8e3da}.salon-grid figcaption{color:#484c40;font-size:14px}.photo-zoom{background:#fffE;color:#5e5038;border-color:#e5dccd;border-radius:50%;box-shadow:0 3px 10px #0001}.salon-location{border-color:#dbd2c1}.salon-location p{color:#6e7166}.brand-grid{border-top:1px solid #d9d1c2;border-bottom:1px solid #d9d1c2;background:#f2eee5}.brand-card,.brand-card:first-child,.brand-card:last-child{padding:38px 32px}.brand-card{border-color:#d9d1c2}.brand-name{color:#5b533f;font-size:43px}.brand-card p{color:#6d6e63;font-size:15px}.brand-card .text-link{font-size:14px}.integration{background:#fff;border:1px solid #e2dbcf;border-radius:6px;padding:35px}.social-grid{gap:25px}.integration .symbol{color:#88704b;font-size:12px}.integration p{color:#6d7065;font-size:15px}.empty-note{color:#77796f;font-size:14px}.cta{background:#e8dfce;color:#34392c;padding:85px 6%}.cta .eyebrow{color:#826944}.cta h2{font-size:clamp(42px,4.8vw,65px)}.cta p{font-size:16px;color:#646453}.cta .button{background:#87683b;border-color:#87683b;color:#fff;font-size:14px}.cta a{color:inherit}footer{background:#fff;color:#484c40}.footer-bottom{color:#7a7c72;border-color:#dfd9cd}.address{color:#77796e}.detail-hero p,.article p,.article li,.booking-card p{color:#696d61}.booking-card{background:#f0ece3;border:1px solid #ded4c2;border-top:3px solid #a28a60}.booking-card .button{color:#fff}.step strong{color:#353b2e}.step{border-color:#a78f67}.breadcrumb{color:#73766b}details{border-color:#d9d1c2}dialog{background:#fff;color:#333a2d;border-color:#bda57b;border-radius:8px;box-shadow:0 20px 90px #0003}.dialog-close{color:#333}.status{color:#717668}dialog select,dialog textarea{background:#faf8f3;color:#373e31;border-color:#c4baa7;border-radius:3px}.skip{background:#fff;color:#222}#photo-dialog{background:#fff;border-color:#d5c8b2}#photo-caption{color:#76603d}.photo-close{background:#fffe;color:#514430;border-color:#d2c2a6;border-radius:50%}.source{color:#7c7e73}.hero-visual:after{display:none}@media(max-width:1100px){.header nav{gap:16px;font-size:13px}.logo{font-size:31px}.hero.exterior-hero{gap:38px;min-height:670px}.hero h1,.exterior-hero h1{font-size:clamp(52px,5.8vw,73px)}.exterior-caption{padding:19px 20px}.exterior-caption strong{font-size:24px}.hero-interior{height:155px;right:-5px}.service-row{padding:25px!important}.service-row h3{font-size:29px}.brand-card,.brand-card:first-child,.brand-card:last-child{padding:30px 25px}}@media(max-width:760px){.location-bar{font-size:9px}.header-inner{min-height:85px}.header nav{top:85px;background:#fff;border-color:#ded7c9;gap:20px;font-size:16px}.header .button{align-self:stretch}.logo{font-size:29px}.hero.exterior-hero{display:flex;flex-direction:column;gap:0;padding:0;min-height:0;align-items:stretch}.exterior-hero .hero-copy{padding:45px 0 20px}.hero-location{font-size:10px;letter-spacing:.1em}.hero h1,.exterior-hero h1{font-size:clamp(48px,11.5vw,76px);margin:25px 0;line-height:1.1}.hero p{font-size:16px;margin:22px 0 26px;max-width:100%}.hero-actions .button{font-size:13px;padding:12px 18px}.hero-footnote{margin-top:24px;font-size:12px}.exterior-panel{margin:25px 0 55px 6px;align-self:stretch;padding-bottom:25px}.exterior-topline{font-size:10px;margin-bottom:17px}.exterior-window{border-radius:65px 5px 5px 5px;aspect-ratio:1.13}.exterior-caption{margin-left:-6px;max-width:calc(100% - 55px);padding:17px 16px;gap:12px}.exterior-caption span{font-size:8px}.exterior-caption strong{font-size:24px}.exterior-caption a{font-size:11px}.hero-interior{width:26%;height:130px;bottom:-10px;right:-3px;border-width:5px}.intro-strip .container{font-size:10px;letter-spacing:.07em}.section{padding:65px 0}.section-heading h2{font-size:39px}.section-heading p{font-size:16px}.service-list{grid-template-columns:1fr;gap:15px}.service-row,.service-row:nth-child(4),.service-row:nth-child(5){grid-column:auto;min-height:0;display:grid;grid-template-columns:28px 1fr;gap:10px 12px;padding:24px!important}.service-row .number{margin-top:8px}.service-row h3{font-size:29px}.service-row p{grid-column:2;font-size:15px}.service-row .text-link{grid-column:2;justify-self:start;margin-top:8px}.brand-card,.brand-card:first-child,.brand-card:last-child{padding:30px}.salon-grid{gap:28px 15px}.salon-grid figcaption{font-size:13px;line-height:1.5}.integration{padding:28px}.integration .symbol{margin-bottom:24px}.cta{padding:65px 6%}.cta h2{font-size:42px}.salon-gallery{padding-top:65px}.hero.exterior-hero .hero-actions{gap:12px}}@media(prefers-reduced-motion:reduce){.service-row:hover{transform:none}}

.exterior-caption{max-width:none;margin:-10px 20px 0 20px}.exterior-panel{padding-bottom:15px}@media(max-width:760px){.exterior-caption{max-width:none;margin:-8px 12px 0 12px}.exterior-panel{margin-bottom:35px}}

.exterior-window{aspect-ratio:1}.exterior-window img{top:-25%}@media(max-width:760px){.exterior-window{aspect-ratio:1}}

/* Pearl satin photograph gives the entrance depth without darkening the page. */
.hero-backdrop{position:relative;background-color:#f6f2e9;background-image:linear-gradient(90deg,rgba(255,254,250,.8) 0%,rgba(255,254,250,.55) 35%,rgba(255,254,250,.12) 72%),url('./valeska-light-background.png');background-size:cover;background-position:center;border-bottom:1px solid #e8ddc9}.hero-backdrop .hero-copy{position:relative;z-index:1}.hero-backdrop .hero p{color:#555c4f}.hero-backdrop .hero-footnote{color:#686b5e}.hero-backdrop .exterior-panel:before{z-index:0;border-color:#baa77c70;pointer-events:none}.hero-backdrop .exterior-window,.hero-backdrop .exterior-topline{position:relative}.hero-backdrop .exterior-window{box-shadow:0 20px 50px #7a654a23}.hero-backdrop .exterior-caption{box-shadow:0 14px 30px #7c67461c;background:#fffdf9}.hero-backdrop .hero-location{color:#705932}@media(max-width:760px){.hero-backdrop{background-position:62% center;background-image:linear-gradient(180deg,rgba(255,254,250,.8) 0%,rgba(255,254,250,.54) 40%,rgba(255,254,250,.1) 100%),url('./valeska-light-background.png')}}

