/* Home: existing identity, practical navigation and service information. */
.full-site{padding-bottom:0}
.full-site .section{padding-top:72px;padding-bottom:72px}
.full-site h2{font-size:clamp(38px,4vw,58px);text-wrap:balance}
.full-site h3{font-size:32px;line-height:1.15;text-wrap:balance}
.full-site :is(.button,.text-link){max-width:100%;min-height:44px}
.full-site :is(a,button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--olive);outline-offset:4px}
.full-site .unified-footer :is(a,button):focus-visible{outline-color:var(--paper)}
.full-site .home-header nav{gap:20px;font-size:13px}
.full-site .home-header .button-small{gap:12px}
.home-copy p:not(.eyebrow),.home-section-heading>p:not(.eyebrow){font-size:16px;line-height:1.85;margin-top:20px}
.home-copy>h3{margin-top:30px}
.home-copy>h3:first-child{margin-top:0}
.home-copy .button{margin-top:24px}
.home-section-heading{max-width:820px;margin-bottom:36px}
.home-section-heading p:not(.eyebrow){max-width:740px}
.action-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:22px}
.action-links .button{margin:0}
.section-alias{display:block;position:absolute;top:0;width:1px;height:1px;pointer-events:none}
.vegetale-section,.care-section{position:relative}
.salon-hero{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:0;max-height:none;background:var(--cream);color:var(--ink);overflow:hidden}
.salon-hero .hero-copy{padding:44px 44px 36px max(40px,calc((100vw - 1160px)/2));align-self:center}
.salon-hero .hero-copy .eyebrow{color:var(--olive);font-size:11px;margin-bottom:20px}
.salon-hero h1{font-size:clamp(64px,6vw,88px);line-height:1.01}
.salon-hero h1 em{color:var(--olive)}
.salon-hero .hero-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:470px;line-height:1.8;margin:20px 0}
.salon-hero .button{font-size:14px;gap:16px;margin-top:4px}
.hero-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:14px}
.hero-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:14px}
.salon-hero .hero-copy>p.hero-since{font-size:13px;margin:16px 0 0}
.salon-hero-photo{position:relative;min-width:0;margin:0;overflow:hidden}
.salon-hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 58%}
.visit-section>h2{margin-bottom:32px}
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.visit-section .hours-card{padding:30px}
.visit-section .hours-card>h3{font-size:32px}
.visit-section .salon-status{margin-top:18px}
.visit-section .hours-list{margin-top:18px}
.visit-section .hours-list>div{font-size:14px;padding:9px 6px}
.visit-section .hours-list dd{font-size:14px}
.visit-section .hours-note{font-size:13px;margin-top:16px}
.visit-details{padding-top:8px}
.visit-details p{margin-top:14px;font-size:16px}
.visit-details .text-link{margin-top:12px}
.visit-booking{margin-top:30px;padding-top:30px;border-top:1px solid var(--line)}
.visit-booking p a{text-decoration:underline;text-underline-offset:3px}
.visit-booking .action-links{align-items:flex-start;flex-direction:column;gap:8px}
.vegetale-section{border-top:1px solid var(--line)}
.vegetale-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}
.vegetale-photo{margin:0;min-width:0}
.vegetale-photo img{width:100%;height:470px;object-fit:cover;border-radius:180px 180px 0 0}
.vegetale-photo figcaption,.salon-gallery figcaption{font-size:13px;line-height:1.7;margin-top:15px;color:var(--muted)}
.inline-partner{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:26px;padding-top:24px}
.inline-partner img{width:118px;flex-shrink:0}
.inline-partner p{margin:0!important;font-size:14px!important}
.vegetale-followup{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:46px}
.vegetale-followup>.home-copy:last-child{border-left:1px solid var(--line);padding-left:32px}
.home-copy p.service-callout{color:var(--ink);font-size:16px;line-height:1.6;margin-top:24px}
.home-copy p.service-callout-note{font-size:13px;margin-top:10px}
.service-inquiry .button{font-size:14px;gap:14px;justify-content:space-between}
.service-inquiry .text-link{margin-top:14px}
.full-site .service-section{padding-top:42px}
.service-section .price-board{margin-top:30px}
.service-section .price-board:before,.service-section .price-board:after{display:none}
.service-section .category-filters{padding-top:28px}
.service-section .category-filters button{min-height:44px;font-size:14px}
.service-section .price-category-heading{padding-top:24px}
.service-section .price-category-heading h3{font-size:34px}
.service-section .service-row h4{font-size:16px;line-height:1.5}
.service-section .service-row p{font-size:14px}
.service-section .service-row small{font-size:13px}
.service-section .board-footer{align-items:center;gap:30px;padding-top:28px;padding-bottom:28px}
.service-section .board-footer h3{font-size:28px;max-width:520px}
.service-section .board-footer p{font-size:14px;margin-top:14px;max-width:550px}
.service-section .board-footer>a{flex-shrink:0}
.care-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);align-items:start}
.belief-panel{background:var(--cream);padding:36px}
.belief-logo{width:210px;height:auto;padding:18px 20px;background:var(--ink);margin-bottom:30px}
.belief-panel>h3{margin-top:0}
.salon-section{border-top:1px solid var(--line)}
.salon-gallery{margin:0}
.salon-gallery>div{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.salon-gallery img{width:100%;height:450px;object-fit:cover;object-position:50% 60%}
.salon-gallery img:last-child{object-position:50% 45%}
.salon-people{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;margin-top:42px;padding-top:36px;border-top:1px solid var(--line)}
.mattia-profile{padding:24px 0}
.mattia-profile h4{font:400 38px/1.2 var(--serif);margin-bottom:8px}
.mattia-profile p{font-size:15px}
.hiring-email{display:block;width:fit-content;margin-top:16px;overflow-wrap:anywhere;font-size:14px;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.salon-hiring .text-link{margin-top:20px}
.full-site .library-section{grid-template-columns:1fr 1fr;gap:65px;align-items:start;border-top:1px solid var(--line)}
.library-section .section-copy p:not(.eyebrow){max-width:none;margin-top:20px;font-size:16px}
.library-section .section-copy h2{font-size:clamp(38px,4vw,58px)}
.library-section .section-copy h3{font-size:30px}
.library-book-info{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}
.library-section .section-copy .text-link{margin-top:0}
.library-section .reader-hint{font-size:13px}
.full-site .book-reader{scroll-margin-top:12px}
.full-site .reader-open,.full-site .reader-jump{font-size:13px}
.full-site .reader-transcript{font-size:14px}
.full-site .reader-transcript summary{min-height:44px;display:list-item}
.full-site .reviews-section{padding:64px 24px}
.reviews-section>h2{max-width:780px;margin:auto}
.full-site .contact-section{grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}
.contact-section .contact-copy>p:not(.eyebrow){max-width:600px;font-size:16px}
.contact-details{font-style:normal;border-left:1px solid var(--line);padding-left:36px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;font-size:16px}
.contact-details>strong{font:400 32px/1.2 var(--serif)}
.contact-details>a{overflow-wrap:anywhere;max-width:100%;min-height:44px;display:inline-flex;align-items:center}
.full-site .footer-salon-name{font:400 28px/1.3 var(--serif)}
.full-site .unified-footer-links{font-size:13px}
.full-site .unified-footer-links :is(a,button){min-height:44px;display:inline-flex;align-items:center;white-space:normal;text-align:left}
.full-site .footer-identity p{font-size:13px}
@media(max-width:1100px){.full-site .home-header nav{gap:0;font-size:15px}.salon-hero .hero-copy{padding:36px 30px}.salon-hero h1{font-size:70px}.visit-grid,.vegetale-intro,.vegetale-followup,.care-section,.salon-people,.full-site .library-section{gap:35px}.vegetale-photo img{height:460px}.belief-panel{padding:28px}.full-site .section{padding-top:60px;padding-bottom:60px}}
@media(max-width:800px){.full-site .section{padding-top:50px;padding-bottom:50px}.full-site h3{font-size:29px}.visit-grid{gap:25px}.visit-section .hours-card{padding:24px 20px}.visit-section .hours-card>h3{font-size:29px}.visit-section .hours-list>div{font-size:13px;gap:8px}.visit-section .hours-list dd{font-size:13px}.visit-details h3{font-size:28px}.visit-details p{font-size:15px}.visit-booking{margin-top:22px;padding-top:22px}.visit-section .button{font-size:13px;padding:15px 16px;gap:10px}.vegetale-intro{grid-template-columns:.8fr 1.2fr;gap:30px}.inline-partner{flex-direction:column;align-items:flex-start;gap:18px}.vegetale-followup{gap:30px}.vegetale-followup>.home-copy:last-child{padding-left:24px}.full-site .care-section{gap:30px}.full-site .library-section{grid-template-columns:1fr;gap:36px}.library-section .section-copy{max-width:none}.salon-gallery img{height:360px}.salon-people{gap:30px;grid-template-columns:.8fr 1.2fr}.full-site .contact-section{gap:30px;grid-template-columns:1.1fr .9fr}.contact-details{padding-left:24px;font-size:14px}.full-site .unified-footer-dark .unified-footer-inner{padding-bottom:30px}.full-site .privacy-banner{bottom:max(12px,env(safe-area-inset-bottom));max-height:calc(100svh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
@media(max-width:700px){.salon-hero{grid-template-columns:1fr}.salon-hero-photo{grid-row:1;height:230px}.salon-hero-photo>img{object-position:50% 64%}.salon-hero .hero-copy{padding:30px 28px}.salon-hero h1{font-size:62px}.salon-hero .hero-copy>p:not(.eyebrow){font-size:15px;max-width:none;margin:18px 0}.salon-hero .hero-copy>p.hero-since{font-size:13px;margin-bottom:0}.visit-grid{grid-template-columns:1fr;gap:28px}.visit-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0}.visit-booking{border-top:0;border-left:1px solid var(--line);padding:0 0 0 24px;margin:0}.vegetale-intro,.vegetale-followup,.care-section{grid-template-columns:1fr}.vegetale-intro .home-copy{grid-row:1}.vegetale-photo{max-width:450px;width:100%;margin:auto}.vegetale-photo img{height:390px}.inline-partner{flex-direction:row;align-items:center}.vegetale-followup{margin-top:32px}.vegetale-followup>.home-copy:last-child{padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}.full-site .service-section{padding-top:30px}.service-section .board-footer{flex-direction:column;align-items:flex-start;gap:16px}.full-site .care-section{grid-template-columns:1fr}.salon-people{grid-template-columns:1fr;gap:16px}.mattia-profile{padding:20px 0}.salon-hiring{padding-top:25px;border-top:1px solid var(--line)}.salon-gallery img{height:300px}.full-site .contact-section{grid-template-columns:1fr;gap:30px}.contact-details{border-left:0;border-top:1px solid var(--line);padding:26px 0 0;font-size:16px}}
@media(max-width:480px){.full-site .section{padding-top:42px;padding-bottom:42px}.salon-hero-photo{height:205px}.salon-hero .hero-copy{padding:26px 24px}.salon-hero h1{font-size:58px}.salon-hero .hero-copy .eyebrow{font-size:10px;margin-bottom:15px}.salon-hero .button{font-size:14px}.hero-links{gap:4px 20px;margin-top:10px}.visit-section>h2{font-size:38px;margin-bottom:24px}.visit-details{grid-template-columns:1fr;gap:24px}.visit-booking{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.visit-booking .action-links{margin-top:16px;gap:6px}.visit-section .hours-card{padding:24px}.visit-section .hours-list>div{padding:8px 3px}.home-copy p:not(.eyebrow),.home-section-heading>p:not(.eyebrow),.library-section .section-copy p:not(.eyebrow){font-size:15px}.inline-partner{gap:20px}.inline-partner img{width:100px}.inline-partner p{font-size:13px!important}.vegetale-photo img{height:350px}.service-inquiry .button{font-size:13px;gap:10px;padding:16px}.service-section .price-board{padding:0 18px}.service-section .category-filters button{font-size:13px;flex:1 1 42%;padding:10px}.service-section .price-category-heading h3{font-size:30px}.service-section .service-row h4{font-size:15px}.service-section .service-row p{font-size:14px}.service-section .board-footer h3{font-size:28px}.salon-gallery>div{gap:12px}.salon-gallery img{height:240px}.salon-gallery figcaption{font-size:12px}.belief-panel{padding:26px}.action-links{align-items:flex-start;flex-direction:column;gap:10px}.full-site .unified-footer-links{gap:4px 18px}.full-site .unified-footer-inner{gap:20px}}
@media(prefers-reduced-motion:reduce){.full-site .button{transition:none}}

.contact-details .contact-email{max-width:100%;min-width:0}.contact-email span{min-width:0;overflow-wrap:anywhere}.contact-email .icon{flex-shrink:0}

.hiring-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;margin-top:38px;padding:42px;background:#ebeede;border:1px solid var(--line);scroll-margin-top:12px}
.hiring-heading .eyebrow{margin-bottom:16px}.full-site .hiring-heading h3{font:400 46px/1.1 var(--serif);margin-bottom:18px}.hiring-heading>p:last-child{font-size:17px;line-height:1.65;max-width:25ch}
.hiring-content .button{margin-top:12px}.hiring-content .hiring-email{display:flex;align-items:center;gap:10px;max-width:100%;min-width:0}.hiring-email .icon{flex-shrink:0;width:18px;height:18px}.hiring-email span{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){.hiring-panel{gap:28px;padding:30px;grid-template-columns:1fr}.full-site .hiring-heading h3{font-size:40px}.hiring-heading>p:last-child{max-width:none}}
@media(max-width:480px){.hiring-panel{padding:24px 20px;gap:20px;margin-top:26px}.full-site .hiring-heading h3{font-size:36px}.hiring-content .button{font-size:13px;padding:15px;gap:12px}.hiring-content .hiring-email{font-size:13px}}

/* Salon opening: typography and photograph each have their own space. */
.salon-opening{margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch}
.opening-copy{padding:34px 0 12px;align-self:center;min-width:0}.opening-copy .eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:24px}.full-site .opening-copy h1{font:400 clamp(66px,7.3vw,106px)/.94 var(--serif);letter-spacing:-.035em;margin:0 0 28px;color:var(--ink)}
.opening-intro{font-size:17px;line-height:1.8;max-width:450px;margin-bottom:28px;color:var(--muted)}.opening-copy>.button{font-size:14px;padding:19px 24px}
.opening-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:16px}.opening-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;border-bottom:1px solid var(--line)}.opening-links .icon{width:15px;height:15px}
.opening-location{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:28px;font-size:12px;color:var(--muted)}.opening-location .icon{width:18px;height:18px;flex-shrink:0}
.opening-photo{position:relative;min-height:540px;overflow:hidden;margin:0;background:#e4dfd2}.opening-photo>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 50%}.opening-photo::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#182014b3);pointer-events:none}.opening-photo figcaption{position:absolute;z-index:1;bottom:28px;left:30px;right:30px;color:#fff;font:400 31px/1.2 var(--serif)}.opening-photo figcaption span{display:block;font:12px/1.5 var(--sans);margin-top:6px;color:#f1f0e7}
.full-site .opening-visit{padding-top:38px;border-top:1px solid var(--line)}.opening-visit>.eyebrow{margin-bottom:12px}.opening-visit .visit-grid{margin-top:30px}.opening-visit .hours-card{border-radius:0}.opening-visit .hours-list>div{padding:8px 6px}
@media(max-width:1000px){.salon-opening{gap:28px}.full-site .opening-copy h1{font-size:76px}.opening-photo{min-height:510px}.opening-intro{font-size:15px}.opening-links{gap:18px}}
@media(max-width:700px){.salon-opening{grid-template-columns:1fr;gap:28px}.opening-copy{padding:0}.full-site .opening-copy h1{font-size:76px;margin-bottom:20px}.opening-copy .eyebrow{margin-bottom:20px;font-size:10px}.opening-intro{max-width:480px;font-size:15px;margin-bottom:22px}.opening-location{margin-top:14px}.opening-photo{min-height:0;height:290px}.opening-photo>img{object-position:50% 54%}.opening-photo figcaption{bottom:20px;left:22px;font-size:27px}.full-site .opening-visit{padding-top:32px}.opening-visit .visit-grid{margin-top:24px}}
@media(max-width:360px){.full-site .opening-copy h1{font-size:65px}.opening-links{gap:14px}.opening-links a{font-size:12px}.opening-copy>.button{font-size:13px;padding:17px 20px}}

.hiring-panel{column-gap:52px;row-gap:28px;align-items:start}.hiring-heading>p:last-child{font-size:17px;max-width:32ch}.hiring-content>p:first-child{margin-top:0}.hiring-content>p:last-child{margin-bottom:0}
.hiring-actions{grid-column:1/-1;border-top:1px solid #333d2d26;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0}.hiring-actions>p{font-size:14px;line-height:1.8;color:var(--muted)}.hiring-actions>div{min-width:0}.hiring-actions .button{font-size:14px}.hiring-actions .hiring-email{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:8px;max-width:100%}
@media(max-width:800px){.hiring-panel{row-gap:20px}.hiring-heading>p:last-child{max-width:none}.hiring-actions{align-items:flex-start}}
@media(max-width:580px){.hiring-actions{flex-direction:column;gap:16px;padding-top:20px}.hiring-actions .button{font-size:13px;padding:16px;gap:14px}.hiring-actions .hiring-email{font-size:12px}.hiring-actions>div{max-width:100%}}

/* A shorter opening, with a wider view into the salon. */
.salon-opening{grid-template-columns:.85fr 1.15fr;gap:56px;}.opening-copy{padding:12px 0}.full-site .opening-copy h1{font-size:clamp(64px,6.3vw,90px);line-height:1.02;margin-bottom:24px}.opening-intro{max-width:370px;font-size:17px;line-height:1.75;margin-bottom:26px}.opening-photo{min-height:500px;overflow:visible;background:transparent;padding-bottom:34px}.opening-photo>img{height:calc(100% - 34px);object-position:50% 67%}.opening-photo::after{display:none}.opening-photo figcaption{bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:12px/1.5 var(--sans)}.opening-photo figcaption span{font:inherit;color:inherit;margin:0}.opening-location{margin-top:20px}
@media(max-width:1000px){.salon-opening{gap:32px}.full-site .opening-copy h1{font-size:70px}.opening-photo{min-height:460px}.opening-intro{font-size:16px}}
@media(max-width:700px){.salon-opening{grid-template-columns:1fr;gap:24px;}.opening-copy{padding:0}.full-site .opening-copy h1{font-size:68px;line-height:.98;margin-bottom:20px}.opening-copy .eyebrow{margin-bottom:18px}.opening-intro{font-size:16px;max-width:420px;margin-bottom:22px}.opening-photo{height:290px;min-height:0;padding-bottom:30px}.opening-photo>img{height:calc(100% - 30px);object-position:50% 62%}.opening-photo figcaption{font-size:11px;left:0;bottom:0}.opening-location{margin-top:12px}}
@media(max-width:360px){.full-site .opening-copy h1{font-size:60px}.opening-photo{height:260px}}

/* Use the same container and horizontal gutters as every content section. */
.full-site .salon-opening{padding-top:34px;padding-bottom:38px}
.opening-photo{padding-bottom:0}.opening-photo>img{height:100%}
@media(max-width:700px){.full-site .salon-opening{padding-top:26px;padding-bottom:30px}}

.salon-section .home-section-heading,.salon-section .home-section-heading>p:not(.eyebrow){max-width:none}

/* Mobile opening: show the salon immediately and keep booking within reach. */
@media(max-width:700px){
 .full-site .salon-opening{padding-top:20px;padding-bottom:28px;gap:22px}
 .salon-opening .opening-photo{grid-row:1;height:clamp(170px,48vw,250px);min-height:0;overflow:hidden}
 .opening-photo>img{object-position:50% 55%}
 .opening-copy .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:12px}
 .full-site .opening-copy h1{font-size:clamp(48px,14vw,62px);line-height:1.02;margin-bottom:16px}
 .opening-intro{font-size:16px;line-height:1.65;max-width:none;margin-bottom:20px}
 .opening-copy>.button{display:flex;width:100%;min-height:54px;padding:16px 20px;justify-content:space-between}
 .opening-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}
 .opening-links a{justify-content:space-between;font-size:13px;gap:6px;min-height:44px}
 .opening-location{margin-top:8px;font-size:12px;min-height:44px}
}
.hiring-actions>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;width:100%}
.hiring-actions .hiring-email{margin-top:0;min-height:44px}

/* Client copy and price-list refinements, October 2026. */
.opening-intro{font-size:19px;line-height:1.65;color:var(--ink);max-width:430px}
.service-subheading{grid-column:1/-1;margin:18px 0 0;padding:10px 0 4px;border-top:0;font:600 12px/1.5 var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--olive)}
.service-subheading:first-child{margin-top:0;border-top:0}
@media(max-width:700px){.opening-intro{font-size:18px}.service-subheading{margin-top:12px}}

/* Real salon photos, October 2026: preserve key subjects in responsive crops. */
.opening-photo>img{object-position:55% 50%}.vegetale-photo img{object-position:50% 53%}.salon-gallery img{object-position:50% 46%}.salon-gallery img:last-child{object-position:50% 53%}

/* Soft corners on the opening photograph. */
.opening-photo>img{border-radius:6px}

/* Personal hygiene kit: a compact part of the salon presentation. */
.salon-kit{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:48px;align-items:center;margin-top:36px;padding-top:36px}
.kit-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.kit-photos figure{margin:0;min-width:0}.kit-photos img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:6px}.kit-photos figcaption{margin-top:10px;font-size:12px;line-height:1.6;color:var(--muted)}
.salon-kit .home-copy{min-width:0}.salon-kit .eyebrow{margin:0 0 14px}.full-site .salon-kit h3{margin:0;font-size:clamp(32px,3vw,42px);letter-spacing:.025em}
.kit-meaning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:24px 0 0;gap:10px 24px;font-size:16px;line-height:1.6}
.kit-meaning strong{color:var(--olive);font-weight:600}
@media(max-width:1000px){.salon-kit{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px}}
@media(max-width:700px){.salon-kit{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:28px;padding-top:28px}.kit-photos{width:100%;max-width:500px;justify-self:center;gap:12px}.kit-meaning{gap:8px 16px;font-size:15px}}

/* On phones, swipe between larger photos; the next image remains in view. */
.kit-photo-count{display:none}
@media(max-width:700px){
 .kit-photos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--olive) transparent;padding-bottom:10px}
 .kit-photos figure{flex:0 0 84%;scroll-snap-align:start;scroll-snap-stop:always}
 .kit-photos img{aspect-ratio:4/5}
 .kit-photos figcaption{display:flex;align-items:baseline;gap:12px;font-size:12px}
 .kit-photo-count{display:inline;flex-shrink:0;color:var(--ink);font-variant-numeric:tabular-nums}
}