/* Store B / Yotsukaido: charcoal ceiling, stone and silver. */
body{color:#2b3037;background:#e8e9eb}
.fixed-atmosphere{background:#e8e9eb}
.fixed-atmosphere img{filter:saturate(.2) hue-rotate(175deg);opacity:.62}
.story{background:#282d34;color:#eeefef}
.story:before{background-image:url('assets/salon-detail.jpg');opacity:.1}
.story-orbit{border-color:#aeb7c31a}
.hero-curtain i{background:#282d34}
.header.is-scrolled,.menu-open .header{background:rgba(234,235,237,.95);color:#282d34}
.menu-panel,.footer{background:#e8e9eb}
.eyebrow i{background:#8994a3}
.hero-main img{object-position:50% 33%}
.hero-shade{background:linear-gradient(180deg,#0002 0%,transparent 32%,#111821c9 100%)}
.hero-space img{object-position:55% 53%}
.story-reason{font-size:clamp(32px,3.65vw,57px)}
.story-treatment{margin-bottom:75px}
.salon-panorama>img{object-position:center 55%}
.concept-photo img{object-position:center}
.gallery-item.g1 img{object-position:50% 42%}
.gallery-item.g4 img{object-position:50% 40%}
.care-choice>p{line-height:1.85}
.closing-bg{object-position:50% 50%}
.salon-title h3>span{font-size:clamp(13px,1.8vw,22px);letter-spacing:.15em}
.faq summary{line-height:1.75}
@media(max-width:700px){
 .menu-panel nav>a{font-size:28px;gap:10px;white-space:nowrap}
 .menu-panel nav>a>span{font-size:9px;letter-spacing:0;white-space:nowrap}
 .menu-panel .menu-reserve{font-size:12px}
 .header-brand>span:last-child{letter-spacing:1px;font-size:7px}
 .hero h1{font-size:clamp(15px,4.05vw,19px);letter-spacing:.11em}
 .hero-main img{object-position:50% 25%}
 .hero-kicker{font-size:8px;letter-spacing:1.8px}
 .panorama-copy h2,.closing-content h2{font-size:clamp(27px,8vw,34px);letter-spacing:.08em}
 .concept-copy .large-copy{font-size:13px;letter-spacing:.02em}
 .story-intro .story-reason{font-size:clamp(25px,7.3vw,34px);letter-spacing:.05em;line-height:1.9}
 .story-copy p{font-size:13px;letter-spacing:.015em;line-height:2.3}
 .care-choice>p{font-size:clamp(14px,3.8vw,17px);letter-spacing:.025em}
 .care-choice strong{white-space:normal}
 .care-booking-title>p{font-size:13px;letter-spacing:.02em}
 .care-booking .pill{font-size:11px}
 .faq summary{font-size:13px;letter-spacing:.015em;gap:12px}
 .faq summary>span{flex-shrink:0}
 .info-table dd{font-size:13px;line-height:2}
 .salon-panorama>img{object-position:44% 50%}
 .gallery-sub{font-size:12px}
 .footer-top{font-size:8px;letter-spacing:.04em}
 .mobile-book>span{font-size:10px}
}
@media(max-width:359px){
 .story-copy p,.concept-copy p{font-size:12px}
 .concept-copy .large-copy{font-size:12px}
 .care-choice>p{font-size:13px}
 .care-booking-title>p{font-size:12px}
 .care-booking .pill{font-size:10px}
 .hero-kicker{font-size:7px;letter-spacing:1.5px}
 .faq summary{font-size:12px}
}