*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f3ed;color:#3f3327;font-family:"DM Sans",sans-serif}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,.quote p{font-family:"Playfair Display",Georgia,serif;font-weight:400}h1 em,h2 em,.quote em{color:#ad6b4d;font-weight:400}.header{height:94px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#f7f3ed;position:sticky;top:0;z-index:10;border-bottom:1px solid #e6ddd2}.wordmark{line-height:1;letter-spacing:.22em;font-size:10px;display:flex;flex-direction:column;gap:7px}.wordmark strong{font-size:20px;letter-spacing:.14em;font-weight:600}.header nav{display:flex;gap:27px;font-size:12px}.header nav a:hover,.under-link:hover{color:#ad6b4d}.nav-cta{font-size:12px;border-bottom:1px solid #3f3327;padding:12px 0}.nav-cta span{padding-left:16px}.menu{display:none;background:none;border:0;font-size:26px}.hero{display:grid;grid-template-columns:51% 49%;min-height:650px}.hero-copy{padding:11% 8% 6% 11%;display:flex;flex-direction:column;justify-content:center}.eyebrow{letter-spacing:.21em;font-size:10px;font-weight:700;color:#a26b50;margin-bottom:30px}.hero h1{font-size:clamp(56px,5.5vw,96px);line-height:1.12;letter-spacing:-.045em;margin-bottom:28px}.intro{max-width:430px;line-height:1.85;color:#75695f;font-size:15px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#3f3327;color:white;padding:19px 25px;font-size:12px;letter-spacing:.03em}.btn:hover{background:#a96745}.text-link,.under-link{font-size:12px;border-bottom:1px solid;padding-bottom:8px}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:85px;font-size:11px;letter-spacing:.07em;line-height:1.5}.spark{font-size:33px;color:#ad6b4d}.hero-visual{position:relative;min-height:650px;overflow:hidden}.hero-visual>img{height:100%;position:absolute;inset:0;object-position:center 42%}.hero-stamp{position:absolute;right:7%;bottom:7%;width:125px;height:125px;border-radius:50%;background:#f7f3ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.8;font-size:10px;letter-spacing:.14em;transform:rotate(9deg)}.hero-stamp span{font-size:20px;color:#a96745}.marquee{overflow:hidden;background:#a96745;color:#fff;padding:19px 0;white-space:nowrap;letter-spacing:.17em;font-size:12px}.marquee div{min-width:max-content;text-align:center}.marquee span{padding:0 30px;color:#e7bca3}.section{padding:115px 8%}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.about-image{position:relative}.about-image img{height:570px;object-position:center 48%}.photo-label{position:absolute;bottom:-15px;right:-20px;background:#d9c1a7;padding:20px 22px;font-size:10px;letter-spacing:.15em}.about h2,.section h2{font-size:clamp(42px,4.4vw,70px);line-height:1.18;letter-spacing:-.035em;margin-bottom:30px}.about-copy>p:not(.eyebrow),.products p:not(.eyebrow),.contact-main>p:not(.eyebrow){color:#75695f;line-height:1.95;font-size:14px;max-width:510px}.about .under-link,.products .under-link{display:inline-block;margin-top:26px}.services{background:#ede5db}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px}.section-head h2{margin-bottom:0}.section-head>p{max-width:330px;color:#75695f;line-height:1.8;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbbcb0;border-left:1px solid #cbbcb0}.service-grid article{min-height:225px;padding:35px;border-bottom:1px solid #cbbcb0;border-right:1px solid #cbbcb0}.service-no{font-size:11px;color:#a96745}.service-grid h3{font-family:"Playfair Display",Georgia,serif;font-size:25px;font-weight:400;margin:26px 0 13px}.service-grid p{font-size:13px;line-height:1.8;color:#766a60;max-width:300px}.service-contact{background:#a96745;color:white}.service-contact span{font-size:10px;letter-spacing:.16em}.service-contact h3{font-size:32px}.service-contact a{font-size:12px;border-bottom:1px solid;padding-bottom:7px}.gallery{background:#f7f3ed}.filters{display:flex;gap:10px;margin-bottom:28px}.filters button{border:1px solid #cfc2b6;background:transparent;padding:10px 18px;font-size:12px;color:#5c4b3e}.filters button.active,.filters button:hover{background:#3f3327;color:white}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;background:#e9dfd5}.gallery-grid img{aspect-ratio:3/4;transition:transform .45s}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(34,27,22,.7));color:white;padding:48px 18px 19px;font-size:13px}.gallery-grid figure.hidden{display:none}.gallery-note{text-align:center;color:#85756b;font-size:13px;margin:35px 0 0}.quote{background:#3f3327;color:#f7f3ed;min-height:350px;display:flex;align-items:center;justify-content:center;gap:55px;text-align:center;padding:50px 15px}.quote p{font-size:clamp(32px,4.5vw,60px);line-height:1.3;margin:0}.quote span{color:#d5a789;font-size:30px}.products{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.product-panel{background:#dfc6b2;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.product-mark{font-family:Georgia,serif;font-size:95px;letter-spacing:-.08em;color:#75513d}.product-mark span{font-size:48px;color:#b47758;margin:0 15px}.product-panel p{font-size:12px!important;letter-spacing:.2em;line-height:2!important;color:#674c3b!important;margin-top:35px}.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;background:#ede5db}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn-outline{display:inline-flex;align-items:center;border:1px solid #3f3327;padding:18px 24px;font-size:12px}.draft-note{font-size:11px!important;margin-top:15px}.contact-details{border-top:1px solid #bcae9f}.contact-details>div{padding:26px 0;border-bottom:1px solid #bcae9f}.contact-details span{font-size:10px;letter-spacing:.17em;color:#a96745;font-weight:700}.contact-details p{font-size:14px;line-height:1.8;margin:15px 0 7px}.contact-details a{font-size:12px;text-decoration:underline}footer{background:#3f3327;color:#f7f3ed;padding:37px 8%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}.footer-brand{letter-spacing:.15em}.footer-brand strong{font-size:16px}@media(max-width:950px){.header{height:75px}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#f7f3ed;flex-direction:column;padding:30px 7%;box-shadow:0 20px 25px #0001}.header nav.open{display:flex}.menu{display:block}.nav-cta{margin-left:auto;margin-right:25px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:10%}.hero h1{font-size:55px}.hero-visual,.hero{min-height:540px}.hero-foot{margin-top:45px}.about{gap:6%}.about-image img{height:490px}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.header{padding:0 5%}.wordmark strong{font-size:16px}.nav-cta{font-size:10px;margin-right:13px}.hero{display:flex;flex-direction:column}.hero-copy{padding:65px 7% 45px}.hero h1{font-size:clamp(50px,12vw,72px)}.hero-foot{display:none}.hero-visual{min-height:450px}.hero-stamp{width:100px;height:100px;font-size:8px}.section{padding:75px 7%}.about,.products,.contact{grid-template-columns:1fr;gap:50px}.about-image img{height:420px}.photo-label{right:0}.section-head{display:block}.section-head>p{margin-top:22px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:175px;padding:27px}.service-grid h3{margin-top:15px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-grid figcaption{font-size:11px}.filters{flex-wrap:wrap}.quote{gap:15px;min-height:250px}.quote span{font-size:16px}.product-panel{min-height:330px}.contact-actions{flex-direction:column;align-items:stretch}.contact-actions a{justify-content:center}footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Version 2: dedicated pages */
.header .wordmark{flex-direction:row;align-items:center;gap:12px}.brand-icon{width:30px;height:46px;object-fit:contain}.wordmark-text{display:flex;flex-direction:column;gap:6px}.header nav a[aria-current="page"]{color:#a96745;border-bottom:1px solid #a96745;padding-bottom:6px}.page-hero{background:#ede5db;padding:90px 8% 80px}.page-hero h1{font-size:clamp(54px,7vw,100px);line-height:1.12;margin-bottom:18px}.page-hero p:last-child{color:#75695f;max-width:650px;line-height:1.85}.page-body{min-height:45vh}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story-layout img{height:580px;object-fit:cover}.story-layout p,.rich-copy p{line-height:1.95;color:#75695f;font-size:15px}.story-layout h2,.rich-copy h2{font-size:clamp(36px,4vw,60px)}.story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-points article{background:#ede5db;padding:35px}.story-points strong{font-family:Georgia,serif;font-size:30px;font-weight:400}.story-points p{font-size:13px;line-height:1.7;color:#75695f;margin:16px 0 0}.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.brand-grid article{padding:42px;background:#ede5db}.brand-grid h3{font-family:Georgia,serif;font-weight:400;font-size:35px}.brand-grid p{line-height:1.8;color:#75695f;font-size:14px}.faq-list{max-width:860px;margin:auto}.faq-list details{border-bottom:1px solid #cbbcb0;padding:24px 0}.faq-list summary{cursor:pointer;font-family:Georgia,serif;font-size:24px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:#a96745}.faq-list details[open] summary:after{content:'−'}.faq-list details p{max-width:750px;color:#75695f;line-height:1.9;font-size:14px;margin:16px 0 0}.home-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home-preview a{display:block;background:#ede5db}.home-preview img{height:310px}.home-preview span{display:block;padding:22px;font-family:Georgia,serif;font-size:26px}.simple-cta{text-align:center;background:#3f3327;color:#f7f3ed;padding:80px 20px}.simple-cta h2{font-size:clamp(36px,4vw,60px)}.simple-cta .btn{background:#a96745}.product-note{background:#ede5db;padding:25px 30px;color:#6e5e51;line-height:1.7}.logo-panel{background:#e7d5c5;display:flex;align-items:center;justify-content:center;padding:45px;min-height:360px}.logo-panel img{max-width:180px;max-height:260px;object-fit:contain}.footer-logo{width:32px;height:48px;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand{display:flex;align-items:center;gap:15px}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-gallery img{aspect-ratio:3/4}.page-hero .eyebrow{margin-bottom:20px}@media(max-width:850px){.header nav{gap:13px}.story-layout{gap:5%}.home-preview{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.story-layout,.story-points,.brand-grid{grid-template-columns:1fr}.story-layout img{height:420px}.home-preview{grid-template-columns:1fr}.home-preview img{height:280px}.mini-gallery{grid-template-columns:repeat(2,1fr)}.page-hero{padding:70px 7%}.page-hero h1{font-size:55px}}

/* V3: brand-led homepage and social links */
.brand-hero{background:#a96745;display:flex;align-items:center;justify-content:center;padding:65px 45px;min-height:650px}.brand-hero-inner{width:100%;display:flex;flex-direction:column;align-items:center;gap:26px}.brand-hero img{position:static!important;width:min(72%,350px)!important;height:auto!important;max-height:475px;object-fit:contain!important;filter:brightness(0) invert(1)}.brand-hero p{color:#fff;letter-spacing:.28em;font-size:10px;margin:0;text-align:center}.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.home-intro p:not(.eyebrow){color:#75695f;line-height:1.95;font-size:15px;max-width:500px}.home-intro img{height:470px;object-fit:cover}.footer-socials{display:flex;gap:17px;flex-wrap:wrap}.footer-socials a:hover{color:#e9bba1}@media(max-width:850px){footer{flex-wrap:wrap}.footer-socials{width:100%;justify-content:center}}@media(max-width:650px){.brand-hero{min-height:440px;padding:48px 25px}.brand-hero img{max-height:300px}.home-intro{grid-template-columns:1fr;gap:35px}.home-intro img{height:330px}}

/* V4: real imagery, official wordmark, opening hours and map */
.wordmark-image{width:clamp(138px,15vw,196px);height:auto;display:block;object-fit:contain}.wordmark{display:flex;align-items:center;min-width:0}.footer-wordmark{width:175px;max-width:100%;height:auto;object-fit:contain}.footer-brand{display:flex;align-items:center}.brand-hero-inner img{max-width:300px}.salon-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.salon-feature-grid img{width:100%;height:420px;object-fit:cover;border-radius:4px}.product-feature,.photo-story,.hours-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(25px,5vw,90px)}.product-feature img,.photo-story img,.hours-layout>img{width:100%;max-height:650px;object-fit:cover;border-radius:4px}.brands-section{background:#f2eae1}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.brand-grid article{background:#fffcf7;padding:clamp(24px,3vw,42px);border:1px solid #e5d7ca}.brand-grid article h3{font-size:clamp(26px,3vw,36px);margin:10px 0 16px}.brand-grid article p{line-height:1.75}.brand-grid article:last-child{grid-column:1/-1;background:#e7d6c9}.visit-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.map-frame{min-height:470px;background:#e5d7ca}.map-frame iframe{width:100%;height:100%;min-height:470px;border:0}.visit-photo img{width:100%;height:390px;object-fit:cover}.visit-photo .btn{margin-top:18px}.hours-table{margin:28px 0;border-top:1px solid #d8c8ba}.hours-table>div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #d8c8ba}.hours-table strong{font-weight:600}.hours-note{font-size:.94rem;line-height:1.7;margin-bottom:25px}.photo-story{background:#f3eae1}.home-preview img{object-fit:cover}.product-feature img{max-height:500px}@media(max-width:800px){.wordmark-image{width:160px}.salon-feature-grid,.product-feature,.photo-story,.hours-layout,.visit-grid,.brand-grid{grid-template-columns:1fr}.brand-grid article:last-child{grid-column:auto}.salon-feature-grid img{height:340px}.hours-layout>img{max-height:400px}.map-frame,.map-frame iframe{min-height:360px}.visit-photo img{height:330px}.footer-wordmark{width:150px}}

/* V5 refinement */
.wordmark-image{max-width:150px!important;width:150px!important;max-height:57px;object-fit:contain}
.header{gap:1.5rem}.header nav{gap:clamp(.7rem,1.5vw,1.5rem)}.header nav a{font-size:.83rem}
.hero{min-height:560px}.hero-copy .intro{max-width:510px}.brand-hero{background:transparent!important;border:0!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center}.brand-hero-inner{background:none!important;box-shadow:none!important;padding:1rem!important}.hero-logo{width:min(100%,410px);height:auto;object-fit:contain}.brand-hero-inner p{display:none}
.home-preview.six-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.six-cards a{min-width:0;position:relative;overflow:hidden}.six-cards img{width:100%;height:260px;object-fit:cover}.six-cards span{display:block;padding:1rem 0;font-size:1.15rem}
.new-footer{padding:2rem clamp(1.5rem,5vw,6rem)!important;display:flex;align-items:start;justify-content:space-between;gap:2rem;background:#342820;color:#f7eee4}.new-footer a{color:inherit}.new-footer p{margin:.5rem 0}.new-footer small{opacity:.7}
.detail-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.detail-section img{width:100%;max-height:520px;object-fit:cover}.story-layout img{object-position:center 20%!important}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2rem}.team-grid article{background:#f0e9df;padding:1.5rem}.team-grid img{height:290px;width:100%;object-fit:cover;object-position:center 20%}.team-pending{display:flex;flex-direction:column;justify-content:center}.team-pending p{max-width:330px}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem}.map-frame iframe{width:100%;height:360px;border:0}.contact-form-note{padding:2rem;background:#efe7dc;margin-top:2rem}.compact-hero{padding-top:4rem!important;padding-bottom:3rem!important;min-height:unset!important}.treatment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.treatment-grid article{background:#f0e9df;padding:2rem}.treatment-grid article span{font-size:.7rem;letter-spacing:.13em;color:#ad684a}.treatment-grid h3{font-family:'Playfair Display',serif;font-size:1.55rem}
@media(max-width:850px){.home-preview.six-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-section,.contact-grid{grid-template-columns:1fr}.new-footer{flex-direction:column}.treatment-grid{grid-template-columns:1fr}.hero{min-height:unset}.hero-logo{max-width:300px}}
@media(max-width:520px){.six-cards img{height:145px}.six-cards span{font-size:.95rem}.team-grid{grid-template-columns:1fr}.wordmark-image{max-width:125px!important}}

/* Terracotta full-bleed hero */
.hero{background:#9e583f!important;color:#fff5eb!important}.hero h1,.hero h1 em,.hero p{color:#fff5eb!important}.hero .intro{color:#fbe7d8!important}.hero .btn{border-color:#fff5eb!important;color:#fff5eb!important;background:transparent!important}.hero .text-link{color:#fff5eb!important}.hero .hero-logo{filter:brightness(0) invert(1)}

/* V5 hero: authentic full visual logo; header retains compact wordmark. */
.hero-visual.brand-hero img.hero-logo{width:min(100%,320px)!important;max-height:475px!important;height:auto!important;object-fit:contain!important;filter:none!important}
.hero-visual.brand-hero img.hero-logo{filter:brightness(0) invert(1)!important}


/* V5 refinement — minimal square CTA buttons and calmer hero logo */
.hero-visual.brand-hero img.hero-logo{width:min(100%,290px)!important;max-height:435px!important}
.hero-actions{gap:12px;flex-wrap:wrap}
.hero-actions .btn,.hero-actions .text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 19px!important;border:1px solid currentColor!important;border-radius:0!important;font-size:12px;line-height:1.3;letter-spacing:.025em;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.hero-actions .text-link{border-width:1px!important;margin:0;background:transparent}
.simple-cta .btn{border-radius:0!important;min-height:46px;padding:12px 22px}
@media(max-width:650px){.hero-visual.brand-hero img.hero-logo{width:min(75%,260px)!important}.hero-actions{gap:10px}.hero-actions .btn,.hero-actions .text-link{font-size:11px;padding:12px 13px!important}}

/* V5.2: terracotta hero with a chocolate accent for editorial contrast */
.hero h1 em{color:#33231d!important}
.hero .intro{color:#35251f!important;font-weight:500}
.hero-actions .btn{background:#fff5eb!important;color:#35251f!important;border-color:#fff5eb!important}
.hero-actions .btn:hover{background:#f1e2d3!important}
.hero-actions .text-link{color:#fff5eb!important;border-color:#fff5eb!important}
.hero-actions .text-link:hover{background:#fff5eb!important;color:#35251f!important}

/* V5.3 design system — consistent terracotta inner-page banners */
.page-hero{background:#9e583f!important;color:#fff7ef!important;padding:clamp(54px,7vw,88px) 8% clamp(48px,6vw,72px)!important;min-height:0!important}
.page-hero h1,.page-hero h1 em{color:#fff7ef!important}
.page-hero .eyebrow{color:#f9e3d2!important}
.page-hero p:last-child{color:#fff1e5!important;max-width:670px}
.page-hero.compact-hero{padding-top:clamp(46px,6vw,72px)!important;padding-bottom:clamp(38px,5vw,60px)!important}
/* The full-terracotta homepage is retained; keep fine print legible */
.hero h1{color:#fff7ef!important}
.hero h1 em{color:#f2d0b6!important;text-shadow:0 1px 1px rgba(54,27,17,.08)}
.hero .intro{color:#fff0e3!important;font-weight:400!important}
.hero-actions .btn{background:#fff5eb!important;color:#493025!important;border:1px solid #fff5eb!important}
.hero-actions .text-link{color:#fff8f2!important;border:1px solid rgba(255,248,242,.9)!important}
.hero-actions a{font-weight:500}
.hero-visual.brand-hero img.hero-logo{width:min(100%,275px)!important}
/* CTA styling throughout: no stray arrows, subtle rectangular buttons */
.under-link{display:inline-flex;align-items:center;border:1px solid #9e583f;padding:12px 18px;text-decoration:none!important;font-size:12px;letter-spacing:.02em;transition:background .2s,color .2s}
.under-link:hover{background:#9e583f;color:#fff7ef!important}
.simple-cta .btn{background:#fff5eb!important;color:#3f3327!important;border:1px solid #fff5eb!important;font-size:12px}
.story-layout img{object-position:center 20%!important}
.team-grid img{object-position:center 18%!important}
.home-preview a:first-child img{object-position:center 18%!important}
.team-placeholder{height:300px;background:#e8d7c8;display:flex;align-items:center;justify-content:center;color:#9e583f;font-size:12px;letter-spacing:.18em}
.brand-logo.evalune-logo{width:100px;height:100px;object-fit:contain;mix-blend-mode:multiply;margin:4px 0 14px}
.extension-info{margin-top:54px;padding-top:40px;border-top:1px solid #dac8b9}
.extension-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:25px 0}
.extension-options article,.extension-options>a{padding:30px;background:#f1e7dc;text-decoration:none;color:#3f3327;border:1px solid #e1d0c2}
.extension-options h3{font-family:'Playfair Display',serif;font-size:27px;font-weight:400;margin:0 0 12px}
.extension-options p{font-size:14px;line-height:1.85;color:#6d5b4e}
.extension-options span{display:inline-block;margin-top:12px;border-bottom:1px solid #9e583f;font-size:12px;color:#9e583f}
@media(max-width:650px){.page-hero{padding:50px 7% 45px!important}.page-hero h1{font-size:clamp(42px,11vw,60px)!important}.extension-options{grid-template-columns:1fr}.hero-visual.brand-hero img.hero-logo{width:min(75%,250px)!important}}

/* V5.4: chocolate headline accent and complete navigable footer */
.hero h1 em{color:#302018!important;font-weight:600!important;text-shadow:0 1px 0 rgba(255,238,225,.10)}
.hero .intro{color:#fff1e6!important}
.site-footer.new-footer{display:block!important;padding:clamp(45px,6vw,76px) clamp(22px,6vw,90px) 22px!important;background:#34251f!important;color:#f7eee4!important}
.site-footer .footer-grid{display:grid;grid-template-columns:minmax(190px,1.55fr) repeat(4,minmax(120px,1fr));gap:clamp(20px,3vw,50px);align-items:start}
.site-footer .footer-brand strong{font-family:'Playfair Display',serif;font-size:clamp(22px,2.1vw,29px);font-weight:500}
.site-footer .footer-brand p{font-size:13px;line-height:1.8;color:#d8c7b9;margin:13px 0!important}
.site-footer .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.site-footer .footer-column h3{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#e2b497;margin:3px 0 9px;font-family:'DM Sans',sans-serif;font-weight:700}
.site-footer .footer-column a{display:block;font-size:13px;line-height:1.5;color:#f3e8de!important;text-decoration:none;transition:color .2s}
.site-footer .footer-column a:hover,.site-footer .footer-column a:focus-visible{color:#e6b18e!important;text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-bottom{border-top:1px solid rgba(250,236,221,.20);margin-top:45px;padding-top:19px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#cbb8a8}
.team-section{background:#f7f2eb}.team-section .team-grid{margin-top:28px}.team-section .team-grid article{min-width:0}
@media(max-width:1100px){.site-footer .footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:690px){.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:34px}.site-footer .footer-brand{grid-column:1/-1}.site-footer .footer-bottom{flex-direction:column;margin-top:35px}.site-footer .footer-column a{font-size:13px}}
@media(max-width:380px){.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px 12px}.site-footer .footer-column h3{font-size:10px}}

/* V5.5 review refinements */
.site-footer .footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(24px,4vw,65px)!important;max-width:1180px;margin:auto}
.site-footer .footer-brand{display:none!important}
.site-footer .footer-bottom{max-width:1180px;margin-left:auto;margin-right:auto}
.wordmark-image{width:117px!important;max-width:117px!important}
.header{height:78px!important;padding-left:5%!important;padding-right:5%!important}
.header nav{gap:25px}
.hero{min-height:490px!important}
.hero-copy{padding-top:6%!important;padding-bottom:5%!important}
.hero-visual.brand-hero{min-height:490px!important;padding-top:30px!important;padding-bottom:30px!important}
.hero-visual.brand-hero img.hero-logo{width:min(100%,245px)!important}
.hero h1 em{color:#281912!important;font-weight:600!important;text-shadow:0 1px 0 rgba(255,245,235,.08)!important}
.service-grid article{display:flex;flex-direction:column;align-items:flex-start}
.service-grid article .under-link{margin-top:auto;display:inline-block;padding-top:18px}
.contact-hours{max-width:400px;margin:22px 0 28px}
.contact-hours p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e2d6ca;padding:8px 0;margin:0!important;font-size:13px}
.contact-hours strong{font-weight:600}
.contact-extra .contact-grid{align-items:start}
.contact-extra .contact-grid h3{margin-top:27px;font-family:'Playfair Display',serif;font-size:26px;font-weight:400}
.social-line{line-height:2!important}
.supporting-content{max-width:770px;margin:auto}.supporting-content p{line-height:1.9;color:#6c5c50}.supporting-content .btn{margin-top:20px}
@media(max-width:850px){.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero{min-height:unset!important}.hero-visual.brand-hero{min-height:350px!important}}
@media(max-width:520px){.wordmark-image{width:108px!important;max-width:108px!important}.header{height:70px!important}.site-footer .footer-grid{gap:28px 18px!important}.hero-visual.brand-hero img.hero-logo{width:min(75%,220px)!important}.hero-visual.brand-hero{min-height:300px!important}}

/* V6 navigation and forms */
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-submenu{display:none;position:absolute;top:100%;left:-16px;min-width:210px;padding:12px 0;background:#35241e;z-index:50;box-shadow:0 12px 26px #20150f30}.nav-submenu a{display:block!important;padding:11px 18px;color:#f8ede2!important;white-space:nowrap}.nav-submenu a:hover,.nav-submenu a:focus{background:#714a38}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:block}.contact-form-section{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:start}.contact-form-section form{width:100%}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-fields label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#3b2923}.form-fields label.wide{grid-column:1/-1}.form-fields input,.form-fields select,.form-fields textarea{border:1px solid #c9b6a7;background:#fffaf5;padding:13px 14px;font:inherit;width:100%;border-radius:2px}.form-fields input:focus,.form-fields textarea:focus,.form-fields select:focus{outline:2px solid #a85e45;outline-offset:1px}.form-note{font-size:12px;opacity:.75;margin-top:14px}.hidden-honeypot{position:absolute;left:-9999px}.supplier-note{max-width:960px;margin:0 auto 25px;color:#6c5143}@media(max-width:780px){.contact-form-section{grid-template-columns:1fr;gap:24px}.form-fields{grid-template-columns:1fr}.nav-dropdown{display:block}.nav-submenu{position:static;box-shadow:none;background:transparent;padding:0 0 0 15px;display:block}.nav-submenu a{color:inherit!important;padding:9px 0;font-size:14px}.nav-submenu a:hover{background:transparent}}

/* V6.1 review, photos and catalogue accents */
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.review-card{background:#fffaf4;border:1px solid #e7d9ce;padding:26px;border-radius:3px;display:flex;flex-direction:column;gap:14px}.review-stars{color:#ad684c;letter-spacing:3px;font-size:20px}.review-card blockquote{margin:0;color:#3a2a25;line-height:1.7;flex:1}.review-author{margin:0;font-size:14px;font-weight:700}.review-author span{font-weight:400;opacity:.7}.review-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:24px}.v61-feature-photo{margin:0 0 34px auto;width:min(440px,100%)}.v61-feature-photo img{display:block;width:100%;max-height:430px;object-fit:contain;border-radius:3px}.brand-official-logo{display:block;max-width:200px;max-height:70px;width:auto;height:auto;object-fit:contain;margin:0 0 20px}.gallery-empty{text-align:center;padding:24px}.gallery-empty[hidden]{display:none}@media(max-width:850px){.review-grid{grid-template-columns:1fr}.v61-feature-photo{margin:0 auto 24px}}

/* V7 refinements */
.header nav,.header nav>a,.header .nav-dropdown,.header .nav-dropdown>a{align-items:center;align-self:center}.header .nav-dropdown{display:flex;position:relative}.header .nav-dropdown>a{display:inline-flex;align-items:center;height:100%}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.supporting-page{display:flex;flex-direction:column;align-items:center;gap:28px}.supporting-page .v61-feature-photo{width:min(680px,100%);margin:0 auto}.supporting-page .v61-feature-photo img{width:100%;max-height:560px;object-fit:contain}.supporting-page .supporting-content{width:min(720px,100%);margin:0 auto;text-align:center}.supporting-page .supporting-content .btn{display:inline-flex}
.retail-intro{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.retail-intro img{width:100%;max-height:520px;object-fit:cover;object-position:center;border-radius:4px}.retail-intro>div{max-width:600px}.catalogue-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.catalogue-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:24px 0 30px}.catalogue-controls label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:8px}.catalogue-controls input,.catalogue-controls select{font:inherit;border:1px solid #c9b6a7;border-radius:2px;background:#fffaf5;padding:13px;width:100%;min-width:0}.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalogue-card{padding:24px;background:#fffaf4;border:1px solid #e7d9ce;display:flex;flex-direction:column;gap:12px;min-height:185px}.catalogue-card h3{font-family:'Playfair Display',serif;font-size:20px;line-height:1.3;margin:0}.catalogue-brand{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#a05d48}.catalogue-card p{font-size:13px;color:#765f53;margin:auto 0 0}.catalogue-size{font-size:12px;color:#4e342b;font-weight:700}.catalogue-empty{text-align:center;padding:28px}
@media(max-width:850px){.retail-intro{grid-template-columns:1fr}.catalogue-controls{grid-template-columns:1fr 1fr}.catalogue-controls label:first-child{grid-column:1/-1}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header .nav-dropdown{display:block}.header .nav-dropdown>a{display:block}}@media(max-width:560px){.catalogue-controls{grid-template-columns:1fr}.catalogue-controls label:first-child{grid-column:auto}.catalogue-grid{grid-template-columns:1fr}.catalogue-heading{display:block}}

/* V7.1 refinements */
.v71-about-photo{max-width:850px;margin:28px auto 0;padding:0 24px;text-align:center}
.v71-about-photo img{display:block;width:100%;max-height:560px;object-fit:cover;object-position:center 42%;border-radius:4px}
.v71-brand-logo-frame{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.v71-brand-logo-frame .brand-official-logo{width:100%;height:88px;max-width:245px;max-height:88px;object-fit:contain;margin:0}
.brand-grid>article .v71-brand-subtitle{min-height:36px;display:flex;align-items:center;justify-content:center;text-align:center;margin:0 0 16px}
.brand-grid>article{text-align:center}
.brand-grid>article .under-link{display:inline-block}
.treatment-brand{font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:#9a6558;font-weight:600;margin:7px 0 12px}
/* Avoid browser scroll anchoring moving gallery tabs when image groups change height. */
.gallery-grid,.gallery-filters,.gallery-section{overflow-anchor:none}
.gallery-grid{min-height:360px}
@media(max-width:700px){.v71-about-photo{padding:0 16px}.v71-brand-logo-frame{height:90px}.gallery-grid{min-height:240px}}

/* V7.2 extensions and brand alignment */
.evaluna-brand-frame .evalune-logo{width:135px;height:85px;max-width:100%;margin:0;object-fit:contain}
.evaluna-brand-frame{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.extensions-results-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;grid-column:1/-1;margin-top:28px}
.extensions-results-pair img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}
.extensions-branding-photo{grid-column:1/-1;text-align:center;margin:24px auto;max-width:310px}
.extensions-branding-photo img{width:100%;border-radius:12px}
.secondary-brands{margin:48px auto;max-width:1100px;padding:0 24px}
.secondary-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.secondary-brand-grid>div{padding:24px;border:1px solid #d9cfc5;border-radius:12px}
.secondary-brand-grid h3{margin:0 0 8px}
@media(max-width:700px){.extensions-results-pair,.secondary-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.secondary-brand-grid{grid-template-columns:1fr}}

/* V8: portfolio and imagery refinements */
.v8-salon-photo{text-align:center;max-width:980px;margin-inline:auto}.v8-salon-photo img{display:block;width:100%;max-height:680px;object-fit:cover;object-position:center 48%;border-radius:5px;margin:24px auto 0}.v8-review-button{border-radius:3px!important;text-decoration:none!important}.filters button{scroll-margin-top:0}

/* V8.1 refinements */
.site-footer .footer-column a.btn{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.home-reviews .review-actions .btn{border-radius:0!important}
.product-feature .under-link{display:inline-block;margin-top:26px;max-width:max-content;padding:15px 24px;background:#a45c42;color:#fff;text-decoration:none;line-height:1.4}
.product-feature>img{align-self:center}
.brand-type-logo{font-family:Georgia,serif;font-size:clamp(24px,3vw,38px);color:#3c3029;font-weight:500}
.mini-brand-wordmark{font-family:Georgia,serif;font-size:clamp(20px,2vw,25px);color:#4b3529;display:block;margin-bottom:10px}
.brand-logo-note{font-size:12px;opacity:.65;margin-top:12px}
.local-collabs{margin-top:48px;padding:38px 24px;background:#fffcf7}
.local-collab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.local-collab-grid article{padding:26px;background:#f0e8df}
.local-collab-grid h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0 0 12px}
.local-collab-grid p{line-height:1.7;color:#75695f}
.detail-section>.supplier-note{grid-column:2;margin-top:-35px}
.detail-section>.v61-feature-photo{width:100%;margin:0;align-self:stretch}
.detail-section>.v61-feature-photo img{width:100%;height:100%;max-height:480px;object-fit:contain}
.detail-section>.extension-info{grid-column:1/-1}
@media(max-width:850px){.detail-section>.supplier-note{grid-column:1;margin-top:0}.local-collab-grid{grid-template-columns:1fr}}

.detail-section>.extension-intro-copy{grid-column:2;align-self:center}
.extension-intro-copy .supplier-note{margin:0 0 22px;color:#9d654d;font-size:14px}
@media(max-width:850px){.detail-section>.extension-intro-copy{grid-column:1}}

/* V8.2 polish */
.contact-form-section .form-intro{display:flex;flex-direction:column;min-height:100%}
.contact-form-note{margin-top:auto;padding-top:34px;max-width:390px}
.contact-form-note h3{font-family:Georgia,serif;font-size:clamp(21px,2.3vw,29px);font-weight:400;margin:0 0 15px}
.contact-form-note p{font-size:14px;line-height:1.85;color:#75695f;margin:0 0 13px}
.salon-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}
.v8-salon-photo .salon-photo-grid img{margin:0;width:100%;height:370px;max-height:none;object-fit:cover;border-radius:2px}
.product-feature .product-photo-crop{height:440px;object-fit:cover;object-position:center 76%}
.brand-grid>article.mediceuticals-brand{grid-column:auto;background:#fffcf7}
.keratin-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px 0}
.keratin-option-grid article{background:#eee4d9;padding:clamp(24px,4vw,50px)}
.keratin-option-grid h3{font:normal clamp(29px,3vw,45px) Georgia,serif;margin:12px 0}
.keratin-option-grid p,.keratin-landing>p{line-height:1.8;color:#75695f}
.keratin-photo-note{font-size:13px;margin:0 0 28px}
@media(max-width:800px){.contact-form-note{margin-top:28px}.salon-photo-grid{gap:12px}.v8-salon-photo .salon-photo-grid img{height:260px}}
@media(max-width:600px){.salon-photo-grid,.keratin-option-grid{grid-template-columns:1fr}.v8-salon-photo .salon-photo-grid img{height:300px}.product-feature .product-photo-crop{height:340px}}

/* V8.3: consistent brand marks and responsive card layout */
.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.brand-grid>article{min-width:0}
.v71-brand-logo-frame{display:flex;align-items:center;justify-content:center;min-height:112px}
.v71-brand-logo-frame img{max-width:80%;max-height:85px;object-fit:contain}
.brand-type-logo.mediceuticals-mark{font-size:clamp(22px,2.4vw,34px);font-weight:650;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.secondary-brand-grid .mini-brand-wordmark{display:flex;align-items:center;justify-content:center;min-height:55px;text-align:center;letter-spacing:.015em;font-size:clamp(17px,1.7vw,25px);font-weight:650}
.secondary-brand-grid>div{min-width:0}
.local-collab-grid .local-brand-mark{text-align:center;font-size:clamp(22px,2vw,31px);margin-bottom:18px}
@media(max-width:680px){.brand-grid{grid-template-columns:1fr}.brand-type-logo.mediceuticals-mark{font-size:27px}}

.story-portrait-stack{display:flex;flex-direction:column;gap:22px}.story-portrait-stack img{display:block;width:100%;height:auto;object-fit:cover}.story-portrait-stack img:nth-child(2){max-height:560px;object-position:center 35%}

/* V8.4: five tidy footer groups */
@media(min-width:1101px){.site-footer .footer-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-width:1340px!important;gap:clamp(18px,2.6vw,45px)!important}}
@media(min-width:851px) and (max-width:1100px){.site-footer .footer-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}}
.home-preview .hours-logo-crop{object-position:center 32%!important;}
.contact-form-section .form-contact-details{margin-top:34px;padding-top:22px;border-top:1px solid #d8c8bb;}
.contact-form-section .form-contact-details h3{font-family:'Playfair Display',serif;font-size:26px;font-weight:400;margin:0 0 16px;}
.contact-form-section .form-contact-details p{margin:0 0 12px;line-height:1.6;}
.contact-form-section .form-contact-details a{color:inherit;}

/* V8.5 — official brand artwork */
.secondary-brand-logo { display:block; width:100%; max-width:190px; height:66px; object-fit:contain; object-position:center; margin:0 auto 12px; }
.secondary-brand-logo.logo-diva { max-width:145px; }
.secondary-brand-logo.logo-parlux { max-width:135px; }
.secondary-brand-logo.logo-tangle-teezer { max-width:170px; }
.local-brand-logo { display:block; width:100%; max-width:175px; height:145px; object-fit:contain; margin:0 auto 14px; }
.local-brand-logo.logo-aiana { max-width:145px; height:145px; }
.brand-mediceuticals-logo { max-width:220px !important; width:85%; object-fit:contain; }

/* V8.6 refinements */
.brand-grid>article:last-child,.brand-grid>article.mediceuticals-brand{grid-column:auto!important;background:#fffcf7!important;}
.secondary-brand-logo.logo-diva{max-width:215px!important;height:82px!important;}
.product-feature .product-photo-crop{object-position:center 100%!important;}
.product-feature>img[src*="salon-products"]{object-position:center 100%!important;}

/* V8.8: team thumbnail with cleaned background */
.home-preview.six-cards .team-story-crop{object-position:center 34%}


/* Gift Cards and Loyalty — matched editorial pages */
.benefit-hero{padding-bottom:42px!important}.benefit-hero h1{margin-bottom:14px}.benefit-headline{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(30px,4vw,54px);line-height:1.25;max-width:850px;margin:0 auto 22px;color:#3b2922}.benefit-headline em{color:#ac6a4d;font-weight:400}.benefit-hero>p:last-child{max-width:690px;margin-left:auto;margin-right:auto;line-height:1.8}.benefit-section{padding-top:18px!important}.benefit-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(1040px,100%);margin:0 auto 50px}.benefit-photo-grid figure,.benefit-single-photo{margin:0;overflow:hidden;background:#ede5dc}.benefit-photo-grid img{display:block;width:100%;height:clamp(300px,46vw,560px);object-fit:cover;object-position:center}.benefit-photo-grid figure:first-child img{object-fit:contain;padding:12px;box-sizing:border-box}.benefit-single-photo{width:min(620px,100%);margin:0 auto 45px}.benefit-single-photo img{display:block;width:100%;max-height:560px;object-fit:contain}.benefit-info{text-align:center;max-width:680px;margin:0 auto}.benefit-info h2{font-family:'Playfair Display',serif;font-size:clamp(27px,3vw,40px);font-weight:400;margin:8px 0 18px}.benefit-info>p:not(.eyebrow){line-height:1.9;color:#6c5c50}.benefit-info .btn{display:inline-flex;margin-top:22px}@media(max-width:650px){.benefit-photo-grid{gap:10px}.benefit-photo-grid img{height:270px}.benefit-hero{padding-bottom:30px!important}}

/* V9.0: quiet, consistent terracotta title bands; detailed copy below photography */
.benefit-hero{padding-top:clamp(46px,6vw,72px)!important;padding-bottom:clamp(38px,5vw,60px)!important}
.benefit-hero h1{margin-bottom:0!important}
.benefit-info{max-width:760px!important;padding:4px 0 16px}
.benefit-detail-headline{font-family:'Playfair Display',serif!important;font-weight:400!important;font-size:clamp(31px,4vw,52px)!important;line-height:1.24!important;max-width:730px;margin:12px auto 23px!important;color:#39271f}
.benefit-detail-headline em{color:#a96348;font-weight:400}
.benefit-info>p:not(.eyebrow){max-width:670px;margin:0 auto 14px;line-height:1.75!important}
.benefit-photo-grid figure{background:#ede5dc!important}
.benefit-photo-grid figure img{padding:12px!important;box-sizing:border-box!important;object-fit:contain!important}
@media(max-width:650px){.benefit-photo-grid figure img{padding:6px!important}.benefit-detail-headline{font-size:clamp(28px,7vw,38px)!important}}

/* Journal v9.1 */
.benefit-hero .benefit-hero-subline{font-size:15px;max-width:550px;margin:14px auto 0!important;line-height:1.6;color:#fff2e8!important}.journal-hero p:last-child{max-width:690px;margin:18px auto 0}.journal-section{padding-top:62px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.journal-card{color:inherit;text-decoration:none;background:#eee7df;display:block}.journal-card img{width:100%;height:290px;object-fit:cover;display:block}.journal-card>div{padding:26px 25px 32px}.journal-card h2,.journal-note h2,.journal-lead h2{font-family:'Playfair Display',serif;font-size:clamp(27px,2.5vw,38px);font-weight:400;line-height:1.2;margin:12px 0 15px}.journal-card p:not(.eyebrow){color:#65584d;line-height:1.75}.journal-link{display:inline-block;margin-top:15px;border-bottom:1px solid #aa7055;padding-bottom:5px;color:#8f513c}.journal-article{max-width:1120px;margin:auto}.journal-lead{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,75px);margin:20px 0 75px}.journal-lead>img{width:100%;height:590px;object-fit:cover}.journal-lead p:not(.eyebrow),.journal-note p:not(.eyebrow){line-height:1.9;color:#65584d}.journal-note{max-width:780px;margin:35px auto 70px;text-align:center}.journal-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.journal-photo-pair img{width:100%;height:360px;object-fit:cover}.journal-draft-note{font-size:14px;font-style:italic;color:#7a675b;margin:25px auto}.journal-article>.btn{display:table;margin:30px auto 0}@media(max-width:850px){.journal-grid{grid-template-columns:1fr 1fr}.journal-lead{grid-template-columns:1fr}.journal-lead>img{height:440px}}@media(max-width:600px){.journal-grid{grid-template-columns:1fr}.journal-card img{height:260px}.journal-photo-pair{grid-template-columns:1fr}.journal-photo-pair img{height:260px}}

/* V9.2: consistent left-aligned hero introductions and portrait framing */
.benefit-hero,.journal-hero{text-align:left!important}
.benefit-hero .benefit-hero-subline,.journal-hero p:last-child{margin-left:0!important;margin-right:0!important;max-width:700px!important}
.journal-lead>img{object-position:center 18%}
.journal-card img[src$="salon-interior.webp"]{object-position:center 52%}
@media(min-width:851px){.journal-lead>img[src$="desailee-scissors.jpg"]{object-position:center top}}

/* Journal cookie feature */
.aiana-cookie-feature{margin:2.5rem 0 2rem;max-width:100%;}
.aiana-cookie-feature img{display:block;width:100%;height:auto;object-fit:contain;}
.aiana-cookie-feature figcaption{font-size:.9rem;line-height:1.6;color:#725c50;margin-top:.75rem;}

/* V9.4 Journal: two real refreshment photos, neatly stacked */
.journal-drinks{display:grid;grid-template-rows:1fr 1fr;gap:18px;min-width:0}
.journal-drinks img{display:block;width:100%;height:285px;object-fit:cover;object-position:center 58%}
.journal-drinks img:first-child{object-position:center 68%}
@media(max-width:850px){.journal-drinks{grid-template-columns:1fr 1fr;grid-template-rows:auto}.journal-drinks img{height:330px}}
@media(max-width:600px){.journal-drinks{grid-template-columns:1fr;grid-template-rows:auto}.journal-drinks img{height:340px}}

/* V9.5: genuine Aiana photos, compact three-up cookie gallery */
.aiana-cookie-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.aiana-cookie-item{min-width:0;}
.aiana-cookie-feature .aiana-cookie-item img{display:block;width:100%;height:290px;object-fit:cover;object-position:center 48%;}
.aiana-cookie-item span{display:block;font-size:13px;letter-spacing:.04em;color:#725c50;margin-top:10px;text-align:center;}
@media(max-width:700px){.aiana-cookie-gallery{gap:9px}.aiana-cookie-feature .aiana-cookie-item img{height:180px}.aiana-cookie-item span{font-size:11px}}
@media(max-width:420px){.aiana-cookie-feature .aiana-cookie-item img{height:140px}}

/* Journal photography and editorial polish — V9.6 */
.journal-card img[src$="aiana-hibiscus-lemonade.jpg"]{object-position:center 67%;}
.journal-card img[src$="desailee-scissors.jpg"]{object-position:center 10%;}
.journal-hero h1{max-width:1000px;line-height:1.14;}
.journal-drinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:20px;margin:10px 0 40px;}
.journal-drinks img,.journal-drinks img:first-child{width:100%;height:420px;object-fit:contain;object-position:center;background:#eee7df;}
.journal-lead{display:block;max-width:820px;margin:0 auto 65px;}
.journal-lead h2{max-width:800px;}
.aiana-cookie-feature figcaption{text-align:center;margin:18px auto 0;max-width:740px;}
@media(max-width:650px){.journal-drinks{gap:10px}.journal-drinks img,.journal-drinks img:first-child{height:260px}.journal-card img[src$="aiana-hibiscus-lemonade.jpg"]{object-position:center 68%;}}

.journal-card img[src$="aiana-hibiscus-lemonade.jpg"]{object-fit:contain;background:#e9e0d6;}
.journal-card img[src$="desailee-scissors.jpg"]{object-fit:contain;background:#e9e0d6;}

/* V9.7: consistent Journal card images and intentional introduction line break */
.journal-card img[src$="salon-interior.webp"]{object-fit:contain;background:#e9e0d6;}
.journal-intro-break{display:block;}
@media(max-width:650px){.journal-intro-break{display:none;}}

/* V9.8: authentic homepage service and brand thumbnails */
.home-preview.six-cards .home-services-photo{object-position:center 39%}
.home-preview.six-cards .home-brands-photo{object-position:45% 59%}

/* V10.1 — two genuine product portraits with balanced editorial layout */
.retail-intro.retail-intro-editorial{display:flex;flex-direction:column;gap:26px;align-items:stretch}.retail-intro-editorial .retail-intro-copy{max-width:800px}.retail-photo-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.retail-intro .retail-photo-duo img{width:100%;height:clamp(330px,43vw,570px);max-height:none;object-fit:cover;object-position:center 64%;border-radius:4px}.retail-intro .retail-photo-duo img:first-child{object-position:center 70%}.retail-intro .retail-photo-duo img:nth-child(2){object-position:center 58%}.journal-card img[src$="curlsmith-feature.png"]{object-fit:contain;background:#e9e0d6}.journal-lead>img[src$="curlsmith-feature.png"]{object-position:center 60%}@media(max-width:600px){.retail-photo-duo{gap:10px}.retail-intro .retail-photo-duo img{height:320px}}

/* V10.2: Keratin before-and-after gallery */
.keratin-results{padding-top:35px}.keratin-results>p{max-width:800px;line-height:1.85;color:#75695f}.keratin-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:34px}.keratin-result{background:#f3ece3;padding:12px}.keratin-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.keratin-pair figure{margin:0;min-width:0;position:relative}.keratin-pair img{display:block;width:100%;height:360px;object-fit:cover;object-position:center 46%}.keratin-pair figcaption{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;text-align:center;padding:12px 4px 5px;color:#5c3a2b}.keratin-disclaimer{font-size:13px}.keratin-landing>p strong{color:#493226}@media(max-width:760px){.keratin-results-grid{grid-template-columns:1fr;gap:20px}.keratin-pair img{height:clamp(210px,57vw,390px)}}@media(max-width:450px){.keratin-pair{gap:7px}.keratin-result{padding:8px}}

/* V10.3: uniform gallery framing without altering source photos */
.keratin-pair img{height:360px;width:100%;object-fit:cover;object-position:center 43%}
.keratin-result:nth-child(1) .keratin-pair img{object-position:center 47%}
.keratin-result:nth-child(2) .keratin-pair img{object-position:center 45%}
.keratin-result:nth-child(3) .keratin-pair img{object-position:center 42%}
.keratin-result:nth-child(4) .keratin-pair img{object-position:center 42%}
.keratin-result:nth-child(5) .keratin-pair img{object-position:center 45%}
.keratin-result:nth-child(6) .keratin-pair img{object-position:center 44%}
@media(max-width:760px){.keratin-pair img{height:clamp(210px,57vw,390px)}}
/* Team portraits share matching framing; Samira's solo portrait is pending */
.team-grid img{width:100%;height:320px;object-fit:cover;object-position:center 20%}

/* V10.4 editorial retail photos, consistent keratin framing and Journal product detail */
.retail-photo-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;}
.retail-intro .retail-photo-trio img{display:block;width:100%;height:clamp(350px,42vw,575px);object-fit:cover;object-position:center 55%;border-radius:4px;}
.retail-intro .retail-photo-trio img:first-child{object-position:center 59%;}
.retail-intro .retail-photo-trio img:nth-child(2){object-position:center 54%;}
.retail-intro .retail-photo-trio img:nth-child(3){object-position:center 55%;}
.keratin-pair img{height:360px;object-fit:cover;object-position:center center!important;}
.curlsmith-shelf-photo{max-width:800px;margin:36px auto 38px;text-align:center;}
.curlsmith-shelf-photo img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:4px;}
.curlsmith-shelf-photo figcaption{font-size:13px;color:#786b61;margin-top:12px;}
@media(max-width:760px){.keratin-pair img{height:clamp(210px,57vw,390px)}}
@media(max-width:600px){.retail-photo-trio{gap:7px}.retail-intro .retail-photo-trio img{height:clamp(210px,64vw,340px)}}

/* V10.5 — retail photos use the entire editorial section width */
.retail-intro.retail-intro-editorial{width:100%;max-width:1500px;box-sizing:border-box;margin-inline:auto;}
.retail-intro-editorial .retail-intro-copy{max-width:100%;}
.retail-intro .retail-photo-trio{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));}
.retail-intro .retail-photo-trio img{height:clamp(360px,43vw,630px);object-fit:cover;object-position:center 60%;}
@media(max-width:650px){.retail-intro .retail-photo-trio img{height:clamp(200px,68vw,370px);}}

/* V10.6: full-width retail gallery aligned with catalogue */
.retail-intro.retail-intro-editorial{display:flex!important;flex-direction:column!important;width:auto!important;max-width:none!important;margin:0!important;padding-left:7%!important;padding-right:7%!important;box-sizing:border-box!important}
.retail-intro-editorial>.retail-photo-trio{max-width:none!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.retail-intro-editorial>.retail-intro-copy{max-width:none!important;width:100%!important}
.retail-intro-editorial>.retail-photo-trio img{width:100%!important;height:clamp(390px,42vw,640px)!important;max-height:none!important;object-fit:cover!important;object-position:center 65%!important}
.team-grid article>img{height:420px!important;object-fit:contain!important;object-position:center!important;background:#e8ded4}
.curlsmith-shelf-photo img{max-height:none!important;height:auto!important;object-fit:contain!important}
@media(max-width:650px){.retail-intro.retail-intro-editorial{padding-left:5%!important;padding-right:5%!important}.retail-intro-editorial>.retail-photo-trio{gap:7px!important}.retail-intro-editorial>.retail-photo-trio img{height:clamp(190px,68vw,340px)!important}.team-grid article>img{height:350px!important}}

/* v10.7 focused refinements */
.curlsmith-shelf-photo{max-width:560px!important;margin:32px auto 36px!important}
.curlsmith-shelf-photo img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
.keratin-pair img{filter:none!important;backdrop-filter:none!important;object-fit:cover!important}
@media(max-width:650px){.curlsmith-shelf-photo{max-width:90%!important}}

/* V10.8 Opening Night editorial */
.curlsmith-shelf-photo{max-width:475px!important;margin:28px auto 32px!important}
.opening-intro{max-width:860px;margin:0 auto 30px}.opening-intro h2,.opening-story h2,.opening-feature h2,.opening-food h2,.opening-people h2{font-family:"Playfair Display",serif;font-weight:400;font-size:clamp(28px,3.2vw,42px);line-height:1.2;margin:8px 0 18px}.opening-intro p,.opening-story p,.opening-feature p,.opening-food p,.opening-people p{line-height:1.8}.opening-wide{margin:26px 0 24px}.opening-wide img{width:100%;max-height:650px;object-fit:cover;display:block;border-radius:4px}.opening-wide figcaption,.opening-feature figcaption{font-size:13px;color:#786b61;margin-top:10px;text-align:center}.opening-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 36px}.opening-two img{width:100%;height:350px;object-fit:cover;display:block;border-radius:4px}.opening-story{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;margin:54px 0}.opening-story img{width:100%;height:450px;object-fit:cover;border-radius:4px}.opening-feature{display:grid;grid-template-columns:1fr .85fr;gap:46px;align-items:center;margin:55px 0}.opening-feature figure{max-width:530px;margin:auto}.opening-feature img{width:100%;height:570px;object-fit:cover;object-position:center 48%;border-radius:4px}.opening-food{margin:65px 0 55px}.opening-food>.opening-two img{height:330px}.opening-people{margin:50px 0}.opening-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px}.opening-mini-grid a{display:block;overflow:hidden;border-radius:3px}.opening-mini-grid img{width:100%;height:215px;object-fit:cover;display:block;transition:transform .2s}.opening-mini-grid a:hover img{transform:scale(1.04)}.opening-thanks{margin:40px auto;text-align:center;font-size:19px;max-width:700px;line-height:1.6}@media(max-width:760px){.opening-story,.opening-feature{grid-template-columns:1fr;gap:20px}.opening-feature img{height:auto;max-height:600px;object-fit:contain}.opening-story img{height:360px}.opening-two img{height:240px}.opening-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opening-mini-grid img{height:190px}}

/* V10.9 opening night polish */
.opening-fronts{margin:30px 0 44px;align-items:stretch}
.opening-fronts figure{margin:0}
.opening-fronts img{height:360px;object-fit:cover;object-position:center 52%}
.opening-story{grid-template-columns:1fr .65fr .65fr;gap:22px}
.opening-story figure{margin:0}.opening-story figure img{height:340px;object-fit:cover}
@media(max-width:760px){.opening-story{grid-template-columns:1fr 1fr}.opening-story>div{grid-column:1/-1}.opening-story figure img{height:230px}.opening-fronts img{height:230px}}
@media(max-width:450px){.opening-fronts{gap:9px}.opening-fronts img{height:190px}}

/* V10.10: portrait journal covers and natural fourth keratin result */
.journal-card img{height:auto!important;aspect-ratio:4 / 5;object-fit:cover!important;}
.journal-card img[src$="opening-fb-img-1786485997158-jpg.webp"]{object-position:center 48%!important;}
.keratin-result:nth-child(4) .keratin-pair img{filter:none!important;backdrop-filter:none!important;object-fit:cover!important;}
.keratin-result:nth-child(4) .keratin-pair figure:nth-child(2) img{object-position:center 45%!important;}

/* V11 — Our Work, brand marks and editorial line breaks */
.secondary-brands .secondary-brand-grid .logo-diva {width: 94% !important;max-width: 240px !important;max-height: 110px !important;object-fit:contain !important;transform:scale(1.16);}
.v11-keratin-gallery-link {display:table;margin:30px auto 0;text-align:center;}
.gallery-grid figure img {object-fit:cover;}
.filters {display:flex;flex-wrap:wrap;gap:10px;}
@media(max-width:680px){.secondary-brands .secondary-brand-grid .logo-diva{max-width:190px!important;}}

/* V11.1: DIVA artwork uses a tightly cropped transparent source so it reads at parity with the other tool logos. */
.secondary-brands .secondary-brand-grid .logo-diva{display:block!important;width:100%!important;max-width:290px!important;height:104px!important;max-height:none!important;transform:none!important;object-fit:contain!important;margin:0 auto 12px!important;}
@media(max-width:700px){.secondary-brands .secondary-brand-grid .logo-diva{max-width:260px!important;height:95px!important;}}
/* V11.1: editorial, photography-first portfolio; descriptive alt text is retained. */
.gallery-grid figcaption{display:none!important;}

/* Keep the complete opening-hours plaque legible in the homepage tile. */
.home-preview.six-cards img.hours-plaque-photo{object-fit:contain;object-position:center center;background:#e9e0d7;}

/* V11.3: balance professional brand logos and fill the hours thumbnail */
.secondary-brands .secondary-brand-grid .logo-diva{width:82%!important;max-width:225px!important;height:88px!important;max-height:88px!important;transform:none!important;object-fit:contain!important;margin:0 auto 12px!important;}
.brand-grid .brand-mediceuticals-logo{width:96%!important;max-width:295px!important;max-height:95px!important;object-fit:contain!important;}
.home-preview.six-cards img.hours-plaque-photo{width:100%;height:260px;object-fit:cover!important;object-position:center 45%!important;background:transparent!important;}
@media(max-width:650px){.home-preview.six-cards img.hours-plaque-photo{height:260px;}}

/* V11.4 brand alignment and salon photo */
.secondary-brands .secondary-brand-grid .logo-diva{width:74%!important;max-width:195px!important;height:72px!important;max-height:72px!important;object-fit:contain!important;margin:0 auto 12px!important;}
.secondary-brands .secondary-brand-grid>div{display:flex;flex-direction:column;align-items:center;}
.secondary-brands .secondary-brand-grid>div>p{width:100%;}
.home-preview.six-cards img.home-salon-evening{object-fit:cover;object-position:center 35%;}

/* V10.13 salon renovation editorial */
.salon-story-intro,.salon-story-block,.salon-story-outro{max-width:1100px;margin:0 auto 62px}.salon-story-intro{max-width:780px}.salon-story-intro h2,.salon-story-block h2,.salon-story-outro h2{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(29px,3vw,43px);margin:12px 0 18px}.salon-story-intro p,.salon-story-block>p,.salon-story-outro p{line-height:1.8}.salon-story-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 34px}.salon-story-compare figure,.salon-story-moments figure,.salon-story-details figure{margin:0;min-width:0}.salon-story-compare img{width:100%;height:440px;object-fit:cover;object-position:center;display:block}.salon-story-compare figcaption,.salon-story-moments figcaption,.salon-story-details figcaption{font-size:13px;letter-spacing:.03em;color:#78685d;margin-top:10px}.salon-story-moments{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.salon-story-moments img{display:block;width:100%;height:460px;object-fit:cover}.salon-story-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.salon-story-details img{display:block;width:100%;height:390px;object-fit:cover}.salon-story-outro{max-width:780px}.salon-story-outro img{width:100%;height:auto;display:block;margin-top:26px}@media(max-width:680px){.salon-story-compare{gap:9px}.salon-story-compare img{height:270px}.salon-story-moments img{height:300px}.salon-story-details{grid-template-columns:1fr 1fr}.salon-story-details img{height:260px}}


/* V11.6: salon story image refinements */
.salon-story-compare{max-width:620px;margin:26px auto 34px;gap:12px}
.salon-story-compare img{height:205px;object-fit:cover}
.salon-story-moments{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;max-width:850px;margin-left:auto;margin-right:auto}
.salon-story-moments img{height:350px;object-fit:cover}
.salon-story-moment-copy{padding:12px 20px;color:#58483d;line-height:1.8}
.salon-story-moment-copy h3{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(23px,2.5vw,32px);line-height:1.3}
.salon-story-outro img{max-width:480px;margin:26px auto 0;object-fit:contain}
@media(max-width:650px){.salon-story-compare{max-width:100%}.salon-story-compare img{height:170px}.salon-story-moments{grid-template-columns:1fr}.salon-story-moments img{height:320px}.salon-story-moment-copy{padding:0 5px}.salon-story-outro img{max-width:100%}}

/* V11.7 journal additions */
.italy-story-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:940px;margin:30px auto 36px}.italy-story-photos a{display:block;min-width:0}.italy-story-photos img{display:block;width:100%;height:340px;object-fit:cover;border-radius:4px}.italy-story-photos a:nth-child(2) img{object-fit:contain;background:#f1e9e0}.school-product{max-width:330px;margin:25px auto 40px;padding:24px;background:#f7f3ed}.school-product img{display:block;width:100%;height:auto}@media(max-width:650px){.italy-story-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.italy-story-photos img{height:240px}.italy-story-photos a:last-child{grid-column:1/-1}.italy-story-photos a:last-child img{height:280px;object-fit:contain;background:#f1e9e0}}


/* V11.8 — mobile-only refinements. Desktop remains unchanged. */
@media (max-width: 650px) {
 /* Minimal editorial mobile hero */
 .hero{display:block!important;min-height:0!important}
 .hero-copy{padding:58px 7% 62px!important;min-height:0!important}
 .hero h1{font-size:clamp(43px,10.3vw,60px)!important;line-height:1.18!important;letter-spacing:-.045em!important;margin-bottom:22px!important}
 .hero .intro{font-size:14px!important;line-height:1.8!important;max-width:340px!important}
 .hero-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:16px!important;margin-top:28px!important}
 .hero-actions .btn{padding:15px 17px!important;font-size:11px!important;min-height:46px!important}
 .hero-actions .text-link{display:inline-flex!important;align-items:center!important;min-height:46px!important;font-size:11px!important;padding:8px 0!important}
 .hero-visual.brand-hero{display:none!important}
 /* Uniform card geometry regardless of portrait source image */
 .home-preview.six-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 12px!important;align-items:start!important}
 .home-preview.six-cards>a{display:flex!important;flex-direction:column!important;align-self:start!important;height:auto!important;min-height:0!important;overflow:hidden!important;background:transparent!important}
 .home-preview.six-cards>a img,.home-preview.six-cards img.hours-plaque-photo{width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;object-fit:cover!important;object-position:center!important;flex:none!important}
 .home-preview.six-cards img.hours-plaque-photo{object-position:center 37%!important}
 .home-preview.six-cards>a span{font-size:clamp(16px,4.4vw,22px)!important;padding:12px 10px 14px!important;min-height:57px!important;line-height:1.2!important}
 /* Story CTA stays visually with story, not with the next timeline section */
 .story-layout{padding-bottom:55px!important}
 .story-layout .rich-copy>a.under-link{display:inline-flex!important;border:1px solid #ad6b4d!important;padding:14px 19px!important;margin:20px 0 0!important;background:transparent!important;text-decoration:none!important;font-size:13px!important}
 .story-points{grid-template-columns:1fr!important;gap:14px!important}
 .story-points article{padding:25px!important}
 /* Tighter, still readable footer; two columns fit better than three */
 .site-footer.new-footer{padding:39px 6% 22px!important}
 .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:29px 18px!important}
 .site-footer .footer-column{gap:9px!important;min-width:0!important}
 .site-footer .footer-column h3{font-size:10px!important;letter-spacing:.11em!important;margin:0 0 6px!important}
 .site-footer .footer-column a{font-size:12px!important;line-height:1.4!important}
 .site-footer .footer-bottom{margin-top:29px!important;padding-top:14px!important;font-size:10px!important;gap:7px!important}
}
/* Mobile navigation: neatly aligned accordion, not a permanently expanded sitemap */
.mobile-submenu-toggle{display:none}
@media(max-width:950px){
 .header nav{top:100%!important;max-height:calc(100dvh - 75px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:14px 6% 22px!important;gap:0!important;box-shadow:0 16px 30px #28180f20!important}
 .header nav>a,.header nav>.nav-dropdown{display:block!important;width:100%!important;text-align:left!important;border-bottom:1px solid #e8ded5!important;margin:0!important;align-self:stretch!important}
 .header nav>a,.header .nav-dropdown>a{font-size:15px!important;line-height:1.4!important;padding:15px 0!important;color:#3f3327!important;border-radius:0!important;height:auto!important}
 .header nav .nav-dropdown{display:grid!important;grid-template-columns:1fr 38px!important;align-items:center!important}
 .header .nav-dropdown>a{grid-column:1!important;grid-row:1!important}
 .mobile-submenu-toggle{display:flex!important;grid-column:2!important;grid-row:1!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border:0!important;background:#eee5db!important;color:#4c3429!important;font-size:22px!important;border-radius:2px!important}
 .header nav .nav-submenu{display:none!important;grid-column:1/-1!important;position:static!important;background:#f0e9e1!important;box-shadow:none!important;padding:4px 14px 9px!important;margin:0 0 10px!important;min-width:0!important}
 .header nav .nav-dropdown.mobile-expanded .nav-submenu{display:block!important}
 .header nav .nav-submenu a{color:#5b473b!important;font-size:13px!important;padding:11px 4px!important;border-bottom:1px solid #e3d8ce!important;white-space:normal!important}
 .header nav .nav-submenu a:last-child{border-bottom:0!important}
}

/* V11.9 — keratin originals shown whole, with solid neutral framing (never blur). */
.keratin-result:nth-child(2) .keratin-pair img,.keratin-result:nth-child(3) .keratin-pair img{object-fit:contain!important;object-position:center center!important;background:#eae2d9!important}
/* The full before/after renovation photos matter more than uniform crops. */
.salon-story-compare img{object-fit:contain!important;background:#eee8e1!important}
.salon-story-moments img{object-fit:contain!important;background:#eee8e1!important}
/* Keep the Kids & Care article photograph editorial in scale. */
.school-product{max-width:650px!important;padding:12px!important;background:#f7f3ed!important}
.school-product img{width:100%;height:auto;max-height:360px;object-fit:contain}
.journal-card[href="journal-back-to-school.html"] img{object-fit:cover;object-position:center center}
.gallery-grid #braids-at-end{scroll-margin-top:110px}
@media(max-width:650px){
 .wordmark-image{width:96px!important;max-width:96px!important}
 .hero-actions .text-link{padding:10px 12px!important;border:1px solid #f6e9df!important;white-space:nowrap!important;font-size:11px!important}
 .story-layout h2{max-width:230px!important}
 .story-layout h2 em{display:block!important}
 .site-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px 12px!important}
 .site-footer .footer-column a{font-size:11px!important;overflow-wrap:break-word!important}
 .site-footer .footer-column h3{font-size:9px!important;letter-spacing:.06em!important}
 .site-footer .footer-column:nth-child(4){grid-column:1 / 2}
 .site-footer .footer-column:nth-child(5){grid-column:2 / 4}
 .school-product{padding:6px!important}
 .school-product img{max-height:270px!important}
 .salon-story-compare img{height:170px!important}
 .salon-story-moments img{height:auto!important;max-height:360px!important}
}
@media(max-width:390px){.site-footer .footer-grid{column-gap:8px!important}.site-footer .footer-column a{font-size:10px!important}}


/* V11.10: refined journal tiles, original-aspect salon photography */
.journal-card img.kids-care-thumb{height:290px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 54%!important;background:#eee7df!important;padding:0!important}
.salon-story-opening{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,4vw,54px);max-width:1020px;margin:0 auto 65px}
.salon-story-opening .salon-story-intro{margin:0;max-width:none}
.salon-story-opening-photo{margin:0;max-width:330px;justify-self:center}
.salon-story-opening-photo img{width:100%;height:auto;display:block}
.salon-story-compare{max-width:880px!important;gap:14px!important;align-items:start}
.salon-story-compare img{width:100%!important;height:auto!important;max-height:none!important;object-fit:initial!important;background:transparent!important;display:block}
.salon-story-moments{max-width:850px!important;align-items:center}
.salon-story-moments figure{width:fit-content;max-width:100%;justify-self:center}
.salon-story-moments img{width:auto!important;max-width:100%!important;height:auto!important;max-height:550px!important;object-fit:contain!important;background:transparent!important}
/* Intentional two-line desktop editorial heading, not a dangling word */
@media(min-width:701px){.journal-hero h1{max-width:900px;margin-left:auto;margin-right:auto}.journal-hero h1 em{display:block}}
@media(max-width:700px){
 .journal-card img.kids-care-thumb{height:260px!important}
 .salon-story-opening{grid-template-columns:1fr;gap:22px;margin-bottom:45px}
 .salon-story-opening-photo{max-width:280px}
 .salon-story-compare{gap:9px!important}
 .salon-story-moments img{max-height:450px!important}
 .journal-hero h1{max-width:95%;margin-left:auto;margin-right:auto}
}

/* V11.11: Journal cards all share the exact same 4:5 image footprint. */
.journal-grid .journal-card img,.journal-grid .journal-card img.kids-care-thumb{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4 / 5!important;object-fit:cover!important;object-position:center center!important;padding:0!important;margin:0!important;background:transparent!important;}
/* Keep renovation originals uncropped; align image bottoms and captions. */
.salon-story-compare{align-items:stretch!important;}
.salon-story-compare figure{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;margin:0!important;}
.salon-story-compare figure img{margin-top:auto!important;}
.salon-story-compare figcaption{min-height:2em!important;}

/* V11.14: image framing refinements only. Preserve V10.9 Keratin. */
/* Healthy Hair: fill image panel without the side background bars. */
.detail-section img[src$="healthy-hair-hearts.webp"]{display:block;width:100%;height:520px;max-height:520px;object-fit:cover;object-position:center 45%;background:transparent;}
/* Renovation comparisons: both images in each pair have identical frames. */
.salon-story-compare{align-items:start!important;}
.salon-story-compare figure{display:block!important;}
.salon-story-compare figure img{width:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;margin:0!important;max-height:none!important;background:transparent!important;}
.salon-story-compare:nth-of-type(1){max-width:760px!important;}
.salon-story-compare:nth-of-type(1) figure img{height:650px!important;}
.salon-story-compare:nth-of-type(2) figure img{height:325px!important;}
.salon-story-compare figcaption{min-height:0!important;margin-top:10px!important;}
@media(max-width:850px){.detail-section img[src$="healthy-hair-hearts.webp"]{height:auto;max-height:none;object-fit:cover;}}
@media(max-width:680px){.salon-story-compare:nth-of-type(1) figure img{height:clamp(240px,78vw,450px)!important;}.salon-story-compare:nth-of-type(2) figure img{height:clamp(125px,36vw,240px)!important;}}

.salon-compare-portrait{max-width:760px!important;}
.salon-compare-portrait figure img{height:650px!important;}
.salon-compare-landscape figure img{height:325px!important;}
@media(max-width:680px){.salon-compare-portrait figure img{height:clamp(240px,78vw,450px)!important;}.salon-compare-landscape figure img{height:clamp(125px,36vw,240px)!important;}}

/* V11.16: Journal heading blocks align with the site-wide hero content margins. */
.page-hero.journal-hero {text-align:left!important;}
.page-hero.journal-hero > .eyebrow,.page-hero.journal-hero > h1,.page-hero.journal-hero > p:last-child {text-align:left!important;margin-left:0!important;margin-right:0!important;}
.page-hero.journal-hero > h1 {max-width:100%!important;}
/* On mobile, opening-night food and drinks photographs show in full. */
@media(max-width:760px){.opening-food > .opening-two{align-items:start;}.opening-food > .opening-two figure{margin:0;}.opening-food > .opening-two img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block;}}


/* V11.17 — carefully scoped mobile presentation changes */
.mobile-title-break {display:none}
.mobile-only-salon-detail {display:none!important}
@media(max-width:760px) {
  .mobile-title-break {display:block;height:0}
  /* Keep the About CTA with the white story area, not visually in the timeline. */
  .story-layout {padding-bottom:72px!important}
  .story-layout .rich-copy {padding-bottom:20px!important}
  /* Read the personal milestone before seeing its photograph. */
  .opening-feature {display:flex!important;flex-direction:column!important}
  .opening-feature > div {order:1}
  .opening-feature > figure {order:2}
  /* Four detail photos in a balanced two-by-two mobile grid. */
  .salon-story-details {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .salon-story-details .mobile-only-salon-detail {display:block!important}
}

.italy-story-photos a:last-child img[src*="italy-inebrya-certificate"]{
  object-fit:contain;background:#f1e9e0;
}

/* V11.18 — salon article photo refinements only */
@media (min-width:681px) {
  .salon-compare-portrait {max-width:660px!important;}
  .salon-compare-portrait figure img {height:540px!important;}
}
/* The additional portrait pair uses the same rules as the original pair. */

/* V11.19: swap only the lower two favourite-detail cards on mobile. */
@media(max-width:760px){
  .salon-story-details > figure:nth-child(3){order:4}
  .salon-story-details > figure:nth-child(4){order:3}
}

/* V11.21 — clean editorial team portraits; preserve full original photographs */
.team-section .team-grid article{background:transparent!important;padding:0!important;}
.team-section .team-grid article>img{display:block;width:100%!important;max-width:430px;height:auto!important;aspect-ratio:1542 / 2048;object-fit:contain!important;object-position:center!important;background:transparent!important;margin:0 auto 14px;}
.team-section .team-grid article>h3,.team-section .team-grid article>p{max-width:430px;margin-left:auto;margin-right:auto;}

/* V11.22 — mobile-only refinements requested; desktop stays unchanged. */
@media(max-width:760px){
  /* About: read the approach before viewing its supporting photograph. */
  body:has(.team-section) .detail-section:has(img[src$="healthy-hair-hearts.webp"]){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important;}
  body:has(.team-section) .detail-section:has(img[src$="healthy-hair-hearts.webp"]) > div{order:1!important;}
  body:has(.team-section) .detail-section:has(img[src$="healthy-hair-hearts.webp"]) > img{order:2!important;}
  /* Journal thumbnail titles: intentional line breaks, without affecting articles. */
  .journal-card .mobile-journal-line{display:block;}
  /* Careers: keep 'next' with 'chapter' on the second line. */
  .supporting-page .mobile-careers-next{display:block;}
  /* About: lift the CTA clear of the next coloured section. */
  .story-layout .rich-copy > a.under-link{transform:none!important;margin:26px 0 0!important;position:relative!important;top:auto!important;}
}

/* V11.23: mobile-only About CTA and Careers heading spacing */
@media (max-width:650px){
  .story-layout .rich-copy{padding-bottom:0!important;}
  .story-layout{padding-bottom:76px!important;}
  .story-layout .rich-copy > a.under-link{display:inline-flex!important;position:static!important;transform:none!important;margin:30px 0 0!important;vertical-align:top!important;}
  .supporting-page .supporting-content h2 .mobile-careers-next{display:block!important;}
  .supporting-page .supporting-content h2 .mobile-careers-next + br{display:none!important;}
  .supporting-page .supporting-content h2 em{display:block!important;margin-top:0!important;}
}

/* V11.24: mobile About CTA gets its own normal-flow block below the final paragraph. */
@media(max-width:760px){
 .story-layout .rich-copy .about-contact-cta{display:block!important;position:static!important;clear:both!important;padding-top:34px!important;padding-bottom:12px!important;margin:0!important;height:auto!important;}
 .story-layout .rich-copy .about-contact-cta>a.under-link{display:inline-flex!important;position:static!important;float:none!important;transform:none!important;margin:0!important;top:auto!important;vertical-align:baseline!important;}
 .story-layout .rich-copy>p:last-of-type{margin-bottom:0!important;}
}

/* V11.25: hide About contact CTA on mobile only. */
@media (max-width:760px) { .story-layout .rich-copy .about-contact-cta { display:none!important; } }

/* V11.26: About story section must fully contain its copy on phones.
   Use a natural vertical flow rather than the desktop grid. */
@media (max-width:760px) {
  body:has(.team-section) .story-layout.section {
    display:flex!important; flex-direction:column!important; align-items:stretch!important;
    height:auto!important; min-height:0!important; max-height:none!important;
    overflow:visible!important; padding-bottom:90px!important;
  }
  body:has(.team-section) .story-layout.section > .rich-copy {
    display:flow-root!important; width:100%!important; height:auto!important;
    min-height:0!important; max-height:none!important;
    overflow:visible!important; padding-bottom:0!important;
  }
  body:has(.team-section) .story-layout.section > .rich-copy > p:last-of-type {
    margin-bottom:0!important;
  }
  body:has(.team-section) .story-layout.section + .section {
    position:relative!important; margin-top:0!important; clear:both!important;
  }
}


/* V11.30: match V11.29 compact homepage header dimensions site-wide.
   Header colours remain page-specific: homepage terracotta; others cream. */
body > .header{
  height:56px!important;
  min-height:56px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
body > .header .wordmark-image{
  width:104px!important;
  max-width:104px!important;
  max-height:42px!important;
  height:auto!important;
}
body > .header nav{align-items:center!important}
body > .header nav a{padding-top:0!important;padding-bottom:0!important}
@media(max-width:950px){
  body > .header{height:54px!important;min-height:54px!important}
  body > .header nav{top:54px!important}
  body > .header .wordmark-image{
    width:98px!important;
    max-width:98px!important;
    max-height:40px!important;
  }
}

/* V12 — refined mobile navigation. Desktop and existing header remain unchanged. */
@media (max-width:950px){
 body > .header nav{padding:19px 6% 24px!important;box-shadow:0 15px 28px #28180f18!important}
 body > .header nav>a,body > .header nav>.nav-dropdown{border:0!important;margin:0!important;align-self:stretch!important}
 body > .header nav>a,body > .header nav .nav-dropdown>a{padding:13px 0!important;min-height:49px!important;display:flex!important;align-items:center!important;font-size:15px!important;font-weight:400!important;line-height:1.45!important;text-decoration:none!important}
 body > .header nav .nav-dropdown{grid-template-columns:minmax(0,1fr) 44px!important;min-height:49px!important}
 body > .header nav .mobile-submenu-toggle{width:44px!important;height:44px!important;background:transparent!important;border:0!important;border-radius:0!important;color:inherit!important;font-size:24px!important;font-weight:300!important;line-height:1!important;cursor:pointer!important;transition:transform .2s ease!important}
 body > .header nav .nav-dropdown.mobile-expanded .mobile-submenu-toggle{transform:rotate(180deg)}
 body > .header nav .nav-submenu{background:transparent!important;padding:0 0 12px 15px!important;margin:0!important;box-shadow:none!important}
 body > .header nav .nav-submenu a{border:0!important;padding:10px 0!important;font-size:13px!important;line-height:1.5!important;opacity:.85!important}
 body > .header nav .nav-submenu a:hover,body > .header nav .nav-submenu a:focus-visible{opacity:1!important;text-decoration:underline!important;text-underline-offset:5px!important}
 body > .header nav a[aria-current="page"]{border:0!important;text-decoration:underline!important;text-underline-offset:5px!important}
}
/* Homepage terracotta menu: consistent cream text and icons. */
@media (max-width:950px){
 body:has(.concept-hero) > .header nav .mobile-submenu-toggle{color:#f8ede2!important}
 body:has(.concept-hero) > .header nav .nav-submenu a{color:#f8ede2!important}
}

/* V12.5: first portrait comparison matches the third pair's compact frame without cropping. */
.salon-story-compare.salon-compare-portrait:not(.salon-compare-added){max-width:660px!important}
.salon-story-compare.salon-compare-portrait:not(.salon-compare-added) figure img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
/* Internal pages: cream at page title, chocolate after scrolling past title. */
body:not(:has(.concept-hero)) > .header.header-past-title{background:#3f3327!important;color:#f7f3ed!important;border-bottom-color:#3f3327!important;transition:background .25s ease,color .25s ease}
body:not(:has(.concept-hero)) > .header.header-past-title .wordmark-image{filter:brightness(0) invert(1)}
body:not(:has(.concept-hero)) > .header.header-past-title nav>a,body:not(:has(.concept-hero)) > .header.header-past-title .nav-dropdown>a,body:not(:has(.concept-hero)) > .header.header-past-title .menu{color:#f7f3ed!important}
@media(max-width:950px){body:not(:has(.concept-hero)) > .header.header-past-title nav{background:#3f3327!important}body:not(:has(.concept-hero)) > .header.header-past-title nav .nav-submenu a,body:not(:has(.concept-hero)) > .header.header-past-title nav .mobile-submenu-toggle{color:#f7f3ed!important}}
@media(prefers-reduced-motion:reduce){body:not(:has(.concept-hero)) > .header.header-past-title{transition:none!important}}

/* V12.6 — permanent chocolate header on internal pages, terracotta homepage unchanged. */
body:not(:has(.concept-hero)) > .header,
body:not(:has(.concept-hero)) > .header.header-past-title{background:#3f3327!important;color:#f7f3ed!important;border-bottom-color:#3f3327!important;transition:none!important}
body:not(:has(.concept-hero)) > .header .wordmark-image{filter:brightness(0) invert(1)!important}
body:not(:has(.concept-hero)) > .header nav>a,
body:not(:has(.concept-hero)) > .header nav .nav-dropdown>a,
body:not(:has(.concept-hero)) > .header .menu{color:#f7f3ed!important}
body:not(:has(.concept-hero)) > .header nav>a:hover,
body:not(:has(.concept-hero)) > .header nav .nav-dropdown>a:hover{color:#f0c5ae!important}
body:not(:has(.concept-hero)) > .header nav a[aria-current="page"]{color:#f0c5ae!important;border-bottom-color:#f0c5ae!important}
@media(max-width:950px){
 body:not(:has(.concept-hero)) > .header nav{background:#3f3327!important}
 body:not(:has(.concept-hero)) > .header nav .nav-submenu a,
 body:not(:has(.concept-hero)) > .header nav .mobile-submenu-toggle{color:#f7f3ed!important}
 body:not(:has(.concept-hero)) > .header nav a[aria-current="page"]{border-bottom:0!important}
}