/* 誇KIMONO / KOKOH shared brand system — 2026.09 */
:root{
 --navy:#13233f;--navy-deep:#101e34;--navy-ink:#0e1929;--gold:#c9a24b;--gold-soft:#dbc28a;--gold-deep:#886922;
 --paper:#f8f5ee;--paper-w:#f8f5ee;--paper-warm:#eee9df;--ink:#172334;--ink-w:#172334;--ink-soft:#263348;--ink-w-soft:#263348;
 --gray:#52606c;--gray-w:#52606c;--gray-line:#ddd6c8;--gray-line-w:#ddd6c8;
 --rose:#c9a24b;--rose-deep:#886922;--rose-soft:#dbc28a;--sakura:#eee8dc;--sakura-pale:#f8f5ee;--pink:#886922;--pink-soft:#dbc28a;
 --serif-jp:"Noto Serif JP","Yu Mincho",serif;
}
html{scroll-behavior:smooth;scroll-padding-top:130px}
body{background:#f8f5ee;color:#172334}
a,a:visited{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c9a24b;outline-offset:5px}
.container{width:min(1200px,100% - 64px)}
.container-narrow{width:min(850px,100% - 64px)}
h1,h2,h3{font-family:var(--serif-jp);font-weight:400;word-break:normal;overflow-wrap:anywhere}
.eyebrow,.page-hero__eyebrow{font-style:normal;letter-spacing:.2em}
.reveal{opacity:1;transform:none}
.nav,.nav.nav--scrolled{background:#101d30;border-bottom:1px solid #c9a24b40;padding:20px 4%;gap:24px;box-shadow:none;backdrop-filter:none}
.nav .nav__brand,.nav .nav__brand-name,.nav .nav__link,.nav:not(.nav--scrolled) .nav__brand,.nav:not(.nav--scrolled) .nav__link{color:#f8f5ee}
.nav .nav__brand-mark,.nav:not(.nav--scrolled) .nav__brand-mark{color:#dbc28a}
.nav__brand{flex-shrink:0;gap:9px;align-items:center}
.nav__brand-mark{font-size:36px;line-height:1.2;font-weight:400}
.nav__brand-name{font-size:12px;letter-spacing:.12em}
.nav__links{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}
.nav__link{font-family:var(--serif-jp);font-size:12px;letter-spacing:.04em;white-space:nowrap;opacity:1}
.nav .nav__link:hover,.nav .nav__link--active{color:#dbc28a}
.nav .nav__cta,.nav:not(.nav--scrolled) .nav__cta{color:#dbc28a;border:1px solid #c9a24b;background:transparent;font-family:var(--serif-jp);font-size:12px;padding:12px 18px;white-space:nowrap}
.nav .nav__cta:hover{background:#c9a24b;color:#101d30}
.cta{border-radius:0;box-shadow:none;letter-spacing:.07em;line-height:1.7}
.cta>span:not(.cta__arrow){white-space:normal}
.page-hero{min-height:0;padding:175px 32px 85px;background:#101d30;color:#f8f5ee;text-align:left}
.page-hero:before,.page-hero:after,.page-hero__bg-kanji{display:none}
.page-hero__content{max-width:1200px;margin:auto;text-align:left}
.page-hero__title{font-size:clamp(32px,4.5vw,58px);line-height:1.6;letter-spacing:.09em;color:#f8f5ee}
.page-hero__lead{color:#dddcd6;font-size:15px;line-height:2.2;max-width:680px}
.page-hero__crumbs{justify-content:flex-start;font-size:11px}
.page-hero__eyebrow{color:#dbc28a}
.hero__headline{font-size:clamp(42px,5.5vw,80px);line-height:1.5;letter-spacing:.12em;font-weight:400}
.hero__headline .large-kanji{font-size:inherit;font-weight:inherit}
.hero__brandmark,.hero__brand,.hero__subtitle{display:none}
.hero__tagline{font-size:17px;line-height:2.1;margin-top:28px}
.hero__content{padding-top:150px;padding-bottom:90px}
.hero__eyebrow{font-size:12px;color:#dbc28a;letter-spacing:.2em}
.hero__vignette{background:linear-gradient(90deg,rgba(14,25,41,.84),rgba(14,25,41,.35) 62%,rgba(14,25,41,.08))}
.kimono-women .hero__bg{background:#101d30}
.kimono-women .hero__serial{color:#dbc28a;font-style:normal;letter-spacing:.15em}
.kimono-women .hero__text{max-width:620px}
.kimono-women .hero__photo:before{display:none}
.hero__photo-label,.why__photo-label,.milano__photo-label,.founder__photo-label,.hero__credits{display:none!important}
.footer{background:#101d30;color:#f8f5ee;padding:80px 0 30px;border-top:1px solid #c9a24b35}
.footer__brand-mark{color:#dbc28a;font-size:52px;line-height:1.2}
.footer__brand-name{color:#dbc28a;font-size:13px;letter-spacing:.15em}
.footer__desc,.footer__list,.footer__list a{color:#e1e0db;font-size:13px;line-height:2.1}
.footer__col-title{color:#dbc28a;font-style:normal;font-family:var(--serif-jp);font-size:14px}
.footer__bottom{border-color:#c9a24b35;color:#c2c6ca;font-size:11px;letter-spacing:.04em;gap:18px;flex-wrap:wrap}
.about-closing,.contact-closing{background:#101d30;color:#f8f5ee}
.about-closing__title,.contact-closing__title{color:#f8f5ee}
.about-closing__body,.contact-closing__body{color:#d8dce1}
.about-closing__bg-kanji,.contact-closing__bg-kanji{display:none}
.contact-line,.booking-card{border-radius:0;box-shadow:none}
@media(max-width:1100px){
 .nav{flex-wrap:wrap;gap:12px;padding:14px 24px}
 .nav__links{order:3;flex-basis:100%;gap:20px}
 .nav__cta{margin-left:auto}
 .page-hero{padding-top:180px}
 .hero__content{padding-top:180px}
}
@media(max-width:600px){
 html{scroll-padding-top:145px}
 .container,.container-narrow{width:calc(100% - 40px)}
 .nav,.nav.nav--scrolled{padding:12px 20px;gap:10px}
 .nav__brand-mark{font-size:28px}.nav__brand-name{font-size:10px}
 .nav__links{gap:8px 16px;justify-content:flex-start}
 .nav__link{font-size:10px}.nav .nav__cta{font-size:11px;padding:8px 10px}
 .page-hero{padding:175px 20px 55px}.page-hero__title{font-size:32px;letter-spacing:.05em}.page-hero__lead{font-size:14px}
 .hero__headline{font-size:44px;line-height:1.5}.hero__tagline{font-size:14px}
 .hero__content{padding-top:185px;padding-bottom:65px}
 .kimono-women .hero__photo{width:100%;opacity:.35}
 .kimono-women .hero__content{position:relative;width:100%;padding-left:24px;padding-right:24px}
 .kimono-women .hero__text{width:100%}
 .footer{padding-top:55px}.footer__grid{grid-template-columns:1fr 1fr;gap:36px 24px}.footer__grid>div:first-child{grid-column:1/-1}
 .footer__list a{overflow-wrap:anywhere}.footer__bottom{display:flex;flex-direction:column;align-items:flex-start}
 .cta{max-width:100%;padding:15px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.hero__video{display:none}.kimono-men .hero{background:#101d30 url('../assets/hero-poster.jpg') center/cover}}