.mobile-service-photo{display:none}
@media(max-width:900px){
  :root{--pad:clamp(20px,5.5vw,32px)}
  html{scroll-padding-top:84px}
  body{font-size:1rem}
  main,section,article,figure{min-width:0}
  .site-header{min-height:76px;padding-top:max(12px,env(safe-area-inset-top));gap:12px}
  .brand{min-width:0;margin-right:auto}
  .brand-mark{width:42px;height:42px;flex-shrink:0}
  .language-toggle,.menu-toggle{min-width:44px;min-height:44px}
  .menu-toggle{margin-right:0}
  .site-nav{justify-content:flex-start;gap:24px;padding:104px var(--pad) max(32px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;clip-path:none;transition:none}
  .site-nav ul{gap:6px}
  .site-nav a{font-size:clamp(2.25rem,9vw,3.2rem);min-height:44px}
  .site-nav .nav-directions{font-size:1.6rem}
  .site-nav .nav-foot a{font:600 1rem/1.4 var(--f-body);letter-spacing:0;min-height:44px;display:flex;align-items:center}
  .site-nav .nav-foot{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;gap:4px;border-top:1px solid rgba(246,240,230,.2);padding-top:16px}
  .site-nav li,.menu-open .site-nav li{opacity:1;transform:none;transition:none}
  .menu-open .site-nav{clip-path:none}
  .cta-row{gap:16px 24px;margin-top:28px;align-items:flex-start}
  .link-cta,.link-quiet,.link-ask,.call-option,.jump a,.ft-grid a,.map-contact>a,.map-contact .contact-choice>a,.legal-links a,.site-credit{min-height:44px;display:inline-flex;align-items:center}
  .contact-choice{gap:8px}
  .link-cta:active,.link-ask:active,.call-option:active,.menu-toggle:active{opacity:.72}
  .lede{font-size:1.0625rem;line-height:1.65}
  .b-hero,.s-hero{padding:124px var(--pad) 52px}
  .b-hero.photo-hero,.s-hero.photo-hero{min-height: min(780px,100svh)}
  .b-title{font-size:clamp(4.3rem,17vw,7rem)}
  .b-title .ln:nth-child(2){margin-left:.2em}
  .s-title{font-size:clamp(4.4rem,20vw,8rem)}
  .s-note{font-size:2rem}
  .b-facts{gap:12px 20px;margin-top:30px;font-size:.85rem;letter-spacing:.04em}
  .b-hero.photo-hero::before{background:linear-gradient(180deg,rgba(12,10,8,.58),rgba(12,10,8,.86) 62%)}
  .s-hero.photo-hero::before{background:linear-gradient(180deg,rgba(250,247,242,.68),rgba(250,247,242,.97) 55%)}
  .s-hero-art{max-width:300px;margin-top:8px}
  .b-services,.s-four,.s-menu,.s-steps,.salon-space,.b-reviews,.b-visit,.t-shop{padding-block:64px}
  .section-head,.s-head,.gal-head{gap:20px;margin-bottom:32px}
  .h2-b{font-size:clamp(2.8rem,12vw,4.3rem)}
  .h2-s{font-size:clamp(2.65rem,11vw,4.1rem)}
  .jump{gap:8px 20px}
  .svc-group,.menu-group{gap:24px;padding-block:32px}
  .svc-group-head p,.menu-head p{margin-top:10px}
  .svc a{column-gap:16px;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"photo name" "photo desc" "photo book";padding-block:20px}
  .mobile-service-photo{display:block;grid-area:photo;width:84px;height:112px;object-fit:cover;border-radius:8px;align-self:start}
  .svc-name{font-size:1.5rem;line-height:1.15;overflow-wrap:anywhere}
  .svc:not([data-img]) a{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name book" "desc book"}
  .svc-desc,.m-desc{font-size:.95rem;line-height:1.55}
  .svc-book{justify-self:start;margin-top:12px;min-height:32px;opacity:1;transform:none}
  .svc a:hover .svc-name,.four-item:hover h3,.menu-list .service-info:hover .m-name{transform:none}
  .menu-list .service-info{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"photo name" "photo desc";gap:6px 16px;padding-bottom:16px;border-bottom:0}
  .menu-list .service-info:not([data-img]){grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "desc"}
  .m-name{font-size:1.55rem;line-height:1.2;overflow-wrap:anywhere}
  .service-entry{border-bottom:1px solid var(--line)}
  .service-actions,.four .service-actions,.menu-list .service-actions{display:flex;gap:12px;margin:0 0 20px;align-items:stretch}
  .service-actions a{padding:10px 16px;border:1px solid var(--line);border-radius:6px;margin:0!important;font-size:.85rem;line-height:1.4;letter-spacing:.04em}
  .service-actions a::after{display:none}
  .service-actions .service-whatsapp{background:var(--rust);color:var(--paper);border-color:var(--rust)}
  .four-item{gap:18px;padding-block:24px;border:0}
  .four-photo{width:76px;height:96px;border-radius:8px}
  .four-item h3{font-size:2rem;line-height:1.15}
  .four-item p{font-size:.95rem}
  .gal-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;scroll-snap-type:none;padding:0 var(--pad) 56px;cursor:default;user-select:auto}
  .gal-item{width:100%;min-width:0;border-radius:6px}
  .gal-item:nth-child(even){margin-top:0}
  .gal-item img,.mosaic img{filter:none}
  .b-band{width:100%;margin-inline:0;transform:none}
  .b-gallery{padding-top:56px}
  .rating{font-size:8rem}
  .quotes{gap:28px}
  .b-visit h2{font-size:clamp(2.7rem,11vw,4rem)}
  .b-visit h2 .ln:nth-child(n){margin-left:0}
  .s-hairband{padding-block:72px;clip-path:none;margin-top:0}
  .hair-cols{gap:40px;margin-bottom:36px}
  .hair-cols .service-photo{aspect-ratio:4/3;margin-block:18px}
  .door{padding-block:48px;min-height:0}
  .door--hair{margin-top:0;clip-path:none;padding-top:48px}
  .door-title{font-size:clamp(3.5rem,16vw,5rem)}
  .ess{padding-block:32px 40px}
  .steps{gap:32px}
  .steps-art{padding-left:24px}
  .wa-cta{padding:56px var(--pad)}
  .wa-big{font-size:clamp(3rem,12vw,4.5rem)}
  .wa-num{font-size:.8rem;letter-spacing:.04em;flex-wrap:wrap;justify-content:center}
  .wa-cta .call-option{margin-top:12px}
  .t-hero{padding-top:124px;padding-bottom:48px}
  .t-title{font-size:clamp(3.8rem,16vw,6rem)}
  .member{gap:24px;padding-block:40px}
  .member-photo{width:100%;max-width:400px;aspect-ratio:4/4.5}
  .member-name{font-size:clamp(3.5rem,14vw,5.5rem)}
  .member-quote{margin-top:24px}
  .ft-sign{padding-block:48px 32px;gap:16px}
  .ft-name{font-size:4.5rem}
  .ft-tag{font-size:1.9rem}
  .ft-grid{gap:28px;padding-block:32px}
  .visit-map{gap:28px;padding-block:40px}
  .visit-map.wrap .wrap{padding-inline:0}
  .site-footer>.wrap .visit-map{padding-inline:0}
  .visit-map iframe{height:260px}
  .map-contact{gap:12px}
  .map-contact h2{font-size:2.7rem}
  .map-contact a{overflow-wrap:anywhere}
  .footer-bottom{flex-direction:column;align-items:center;gap:6px;padding-top:28px;padding-bottom:max(28px,env(safe-area-inset-bottom));text-align:center}
  .footer-bottom .legal-links{justify-content:center;flex-wrap:nowrap;gap:0;font-size:.82rem;letter-spacing:.03em;white-space:nowrap}
  .footer-bottom .legal-links a{text-decoration:none}
  .footer-bottom .legal-links a+a::before{content:"";display:inline-block;width:4px;height:4px;margin:0 14px;border-radius:50%;background:#c8904f}
  .site-credit{margin:0;justify-content:center;flex-direction:column;gap:12px;font-size:.78rem;letter-spacing:.06em;text-decoration:none;opacity:.72}
  .site-credit::before{content:"";width:40px;height:1px;background:linear-gradient(90deg,transparent,#c8904f,transparent)}
  .legal-main{padding-top:124px;padding-bottom:64px}
  .legal-copy h1{font-size:clamp(2.9rem,12vw,4rem)}
  .legal-copy section{margin-top:36px}
  .legal-copy p{line-height:1.7}
  .directions-dialog{padding:24px;max-height:calc(100dvh - 32px)}
  .directions-close{min-width:64px}
  .js [data-reveal],.js [data-split] .ch{transition-duration:.45s;transition-delay:0s}
  .pole,.blob,.swatches li{animation:none}
  .marquee-track{animation-duration:28s}
}

@media(max-width:1100px) and (max-height:540px){
  .site-nav{justify-content:flex-start;overflow-y:auto;padding-top:84px;gap:20px;clip-path:none}
  .site-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
  .site-nav a{font-size:2rem;min-height:44px}
  .site-nav .nav-foot a{font-size:1rem;letter-spacing:.02em}
}
@media(min-width:901px){
  .mobile-service-photo{display:block;grid-area:photo;width:96px;height:120px;object-fit:cover;border-radius:6px;align-self:start}
  .svc[data-img] a{grid-template-columns:96px minmax(0,1fr) auto;grid-template-rows:auto 1fr;grid-template-areas:"photo name book" "photo desc book";column-gap:28px}
  .menu-list .service-info[data-img]{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"photo name" "photo desc";column-gap:28px}
}
.menu-list.menu-list--cards .service-info{display:flow-root;min-width:0}
.menu-list.menu-list--cards .service-info .mobile-service-photo{float:left;width:104px;height:132px;margin:4px 22px 10px 0}
.menu-list.menu-list--cards .m-name,.menu-list.menu-list--cards .m-desc,.menu-list.menu-list--cards .m-note{display:block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.menu-list.menu-list--cards .m-note{display:flow-root}
@media(max-width:900px){.menu-list.menu-list--cards .service-info .mobile-service-photo{width:88px;height:112px;margin:2px 16px 8px 0}.menu-list.menu-list--cards .m-name{font-size:1.45rem}}