/* Match the Kyoto Kawaramachi header brand. Homepage only. */
@font-face{font-family:"Shineido Logo Mincho";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/shineido-logo-mincho.woff2") format("woff2")}
@font-face{font-family:"Shineido Logo Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/shineido-logo-sans.woff2") format("woff2")}
.logo{display:inline-flex;gap:.72rem;align-items:center;flex-shrink:0;line-height:1;color:#493d56}
.logo__mark{display:flex;flex-direction:column;line-height:1}
.logo__name{font-family:"Shineido Logo Mincho",serif;font-size:1.2rem;font-weight:400;letter-spacing:.15em}
.logo__en{font-family:"Shineido Logo Sans",sans-serif;font-size:.65rem;font-weight:400;color:#796785;margin-top:5px;letter-spacing:.2em}
.logo__branch{border-left:1px solid #ded5e4;padding-left:.72rem;font-family:"Shineido Logo Sans",sans-serif;font-size:.66rem;font-weight:400;letter-spacing:.14em;color:#716477;white-space:nowrap}
.logo__symbol{display:block;width:40px;height:40px;flex:none;object-fit:contain}
@media(max-width:760px){.logo__symbol{width:36px;height:36px}}
@media(max-width:380px){.logo__branch{font-size:.6rem;padding-left:.5rem}.logo{gap:.5rem}}

#header,#header.scrolled{min-height:100px;padding:22px 4.2%;gap:28px;border-bottom:1px solid #ded5e4}
#header .logo{text-decoration:none}
@media(max-width:760px){#header,#header.scrolled{min-height:91px;padding:18px 22px;gap:15px}}
@media(max-width:360px){#header,#header.scrolled{gap:12px}}
/* Same light backing as Kyoto, so the complete brand stays readable. */
#header,#header.scrolled{background-color:#f8f6f9}