.subhead-nav{display:flex;align-items:center;gap:22px}.subhead-nav a{position:relative;color:#26342f;text-decoration:none;font-size:11px;letter-spacing:.04em;white-space:nowrap}.subhead-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:#26342f;transition:right .2s}.subhead-nav a:hover:after{right:0}.main-nav .saved-nav b,.subhead-nav .saved-nav b{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#8b3f37;color:#fff;font-size:9px;line-height:1}.main-nav .saved-nav b[hidden],.subhead-nav b[hidden]{display:none}@media(max-width:720px){.subhead-nav{gap:13px}.subhead-nav a{font-size:10px}.subhead-nav>a:first-child,.subhead-nav>a:nth-child(2){display:none}.subhead-nav .saved-nav{display:block}}

.brand-logo{display:block;width:154px;height:auto;max-height:53px;object-fit:contain}.subhead .brand-logo{width:138px;max-height:48px}@media(max-width:800px){.brand-logo{width:130px;max-height:45px}.subhead .brand-logo{width:122px;max-height:42px}}
.konya-shared-brand{gap:8px;color:#062b63}.konya-shared-brand>span{color:#ffbd1f;font-size:26px}.konya-shared-brand>b{font:600 24px/1 "Klee One","Noto Sans JP",sans-serif;letter-spacing:.04em}
.konya-header-brand{position:relative;display:flex;align-items:center;width:170px;height:64px;color:inherit;text-decoration:none;transform:translateY(0);transform-origin:left center;transition:width .34s cubic-bezier(.22,.65,.3,1),height .34s cubic-bezier(.22,.65,.3,1),transform .34s cubic-bezier(.22,.65,.3,1)}.konya-header-logo{position:absolute;inset:auto 0;display:block;width:100%;height:auto;object-fit:contain;transition:opacity .2s ease}.konya-header-logo--light{opacity:0;pointer-events:none}.konya-site-header.is-homepage:not(.scrolled) .konya-header-brand{width:330px;height:128px;transform:translateY(17px)}.konya-site-header.is-homepage:not(.scrolled) .konya-header-logo--dark{opacity:0}.konya-site-header.is-homepage:not(.scrolled) .konya-header-logo--light{opacity:1;filter:drop-shadow(0 3px 10px rgba(2,30,70,.38))}.konya-site-header.scrolled .konya-header-brand{width:148px;height:54px;transform:translateY(0)}.konya-site-header.is-subpage{margin-top:25px;background:#fff;color:#062b63;border-color:#dfe5ed}.konya-site-header.is-subpage .seo-title-bar{background:#062b63}.konya-site-header .saved-nav b{background:#062b63;color:#fff}
.konya-header-strip{position:fixed;z-index:45;top:0;right:0;left:0;height:25px;padding:0 4.5vw;display:flex;align-items:center;gap:13px;background:#062b63;color:#fff;font-family:"DM Sans","Noto Sans JP",sans-serif}.konya-header-strip span{font-size:9px;font-weight:700;letter-spacing:.08em}.konya-header-strip small{padding-left:13px;border-left:1px solid rgba(255,255,255,.35);color:#c5d0df;font-size:8px}.konya-site-header.is-homepage,.konya-site-header.is-subpage{position:fixed;z-index:40;top:25px;right:0;left:0;height:92px;margin:0;padding:0 4.5vw;border:0;color:#fff}.konya-site-header.is-homepage{background:transparent}.konya-site-header.is-subpage{background:#062b63}.konya-site-header.is-homepage.scrolled,.konya-site-header.is-subpage.scrolled{top:25px;height:70px;background:rgba(255,255,255,.97);color:#062b63;border-bottom:1px solid #dfe5ed;box-shadow:0 8px 28px rgba(3,34,76,.08)}.konya-site-header .seo-title-bar{display:none}.konya-site-header .saved-nav b{background:#fff;color:#062b63}.konya-site-header.scrolled .saved-nav b{background:#062b63;color:#fff}.konya-header-spacer{height:125px}
@media(max-width:800px){.konya-header-strip{height:22px;padding:0 16px}.konya-header-strip span{max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.konya-header-strip small{display:none}.konya-header-brand{width:132px;height:52px}.konya-site-header.is-homepage:not(.scrolled) .konya-header-brand{width:180px;height:70px;transform:translateY(7px)}.konya-site-header.scrolled .konya-header-brand{width:124px;height:48px}.konya-site-header.is-homepage,.konya-site-header.is-subpage{top:22px;height:66px;padding:0 16px}.konya-site-header.is-homepage.scrolled,.konya-site-header.is-subpage.scrolled{top:22px;height:66px}.konya-site-header .main-nav,.konya-site-header .main-nav.open{background:#fff;color:#062b63}.konya-header-spacer{height:88px}}

/* Header variants are owned by the shared Element: transparent over the home hero,
   white everywhere else. Both settle into the same white navigation on scroll. */
.konya-site-header.is-subpage{
  background:#fff;
  color:#062b63;
  border-bottom:1px solid #dfe5ed;
  box-shadow:0 6px 22px rgba(3,34,76,.06);
}
.konya-site-header.is-subpage .saved-nav b{
  background:#062b63;
  color:#fff;
}
.konya-site-header.is-homepage:not(.scrolled) .saved-nav b{
  background:#fff;
  color:#062b63;
}

.site-header.is-subpage{position:relative;top:auto;height:84px;margin-top:25px;padding:0 4vw;background:#faf8f3;color:#26342f;border-bottom:1px solid #ddd9d0}.site-header.is-subpage .language-select option{color:#26342f}@media(max-width:800px){.site-header.is-subpage{height:66px;margin-top:22px;padding:0 20px}.site-header.is-subpage .brand-logo{width:130px;max-height:45px}}
/* Stable mobile header shared by onsen LP and stay detail pages. */
@media(max-width:800px){
  .site-header,.site-header.is-subpage{box-sizing:border-box;width:100%;max-width:100%;padding-right:16px;padding-left:16px;overflow:visible}
  .site-header .brand{min-width:0;flex:0 1 auto}
  .site-header .brand-logo,.site-header.is-subpage .brand-logo{width:112px;max-width:36vw;height:auto}
  .site-header .header-actions{flex:0 0 auto;gap:7px;margin-left:auto}
  .site-header .language-select{gap:0;min-width:0}
  .site-header .language-select>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .site-header .language-select select{width:68px;max-width:20vw;font-size:10px}
  .site-header .menu-button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0}
  .site-header .main-nav.open{z-index:30;top:66px;max-height:calc(100vh - 88px);padding:8px 18px 18px;overflow-y:auto;box-shadow:0 16px 30px rgba(25,36,31,.16)}
}
@media(max-width:360px){
  .site-header .brand-logo,.site-header.is-subpage .brand-logo{width:102px}
  .site-header .language-select select{width:58px}
}
/* Keep the SEO heading in its own top strip even when a page omits seo-title.css. */
.site-header .seo-title-bar{position:absolute;right:0;left:0;top:-25px;height:25px;display:flex;align-items:center;min-width:0;padding:0 4vw;background:#26342f;color:#fff}
.site-header .seo-title-bar h1{min-width:0;margin:0;overflow:hidden;color:#fff;font:500 10px/1.2 "Noto Sans JP",sans-serif;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:800px){
  .site-header .seo-title-bar{top:-22px;height:22px;padding:0 16px}
  .site-header .seo-title-bar h1{font-size:9px}
}
.menu-backdrop{display:none}
@media(max-width:800px){
  body.menu-open{overflow:hidden}
  .menu-backdrop{position:fixed;z-index:19;top:88px;right:0;bottom:0;left:0;display:block;background:rgba(15,25,21,.5);opacity:1;backdrop-filter:blur(2px)}
  .menu-backdrop[hidden]{display:none}
  .site-header .main-nav,.site-header .main-nav.open{
    position:fixed;z-index:40;top:88px;right:0;bottom:0;left:auto;display:flex;flex-direction:column;gap:0;
    width:min(86vw,380px);max-height:none;padding:24px 22px 40px;overflow-x:hidden;overflow-y:auto;
    background:var(--paper);color:var(--ink);box-shadow:-18px 0 45px rgba(20,31,26,.18);
    visibility:hidden;transform:translateX(102%);transition:transform .28s ease,visibility 0s linear .28s;overscroll-behavior:contain
  }
  .site-header .main-nav.open{visibility:visible;transform:translateX(0);transition:transform .28s ease}
  .site-header .main-nav a,.site-header .main-nav.open a{display:flex;align-items:center;min-height:58px;padding:12px 5px;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px;letter-spacing:.06em}
  .site-header .main-nav a:after{display:none}
  .site-header .menu-button{position:relative;z-index:42;font-size:24px;line-height:1}
}
@media(prefers-reduced-motion:reduce){.site-header .main-nav,.site-header .main-nav.open{transition:none}}
@media(max-width:800px){
  .menu-backdrop{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .26s ease,visibility 0s linear .26s;
  }
  body.menu-open .menu-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity .26s ease;
  }
  .site-header .main-nav,.site-header .main-nav.open{
    transform:translateX(102%);
    transition:transform .32s cubic-bezier(.22,.78,.28,1),visibility 0s linear .32s;
  }
  .site-header .main-nav.open{
    transform:translateX(0);
    transition:transform .32s cubic-bezier(.22,.78,.28,1);
  }
  .site-header .main-nav a{
    opacity:0;
    transform:translateX(10px);
    transition:opacity .18s ease,transform .24s ease;
  }
  .site-header .main-nav.open a{opacity:1;transform:translateX(0)}
  .site-header .main-nav.open a:nth-child(1){transition-delay:.07s}
  .site-header .main-nav.open a:nth-child(2){transition-delay:.10s}
  .site-header .main-nav.open a:nth-child(3){transition-delay:.13s}
  .site-header .main-nav.open a:nth-child(4){transition-delay:.16s}
}
@media(prefers-reduced-motion:reduce){
  .menu-backdrop,body.menu-open .menu-backdrop,.site-header .main-nav,.site-header .main-nav.open,.site-header .main-nav a{transition:none}
}
@media(max-width:800px){
  body.menu-open .site-header{backdrop-filter:none}
  .site-header .main-nav,.site-header .main-nav.open{
    bottom:auto;
    height:calc(100vh - 88px);
    height:calc(100dvh - 88px);
    min-height:calc(100vh - 88px);
  }
}
/* Soft, unified drawer motion. */
@media(max-width:800px){
  .menu-backdrop{
    opacity:0;
    transition:opacity .32s ease,visibility 0s linear .32s;
  }
  body.menu-open .menu-backdrop{
    opacity:1;
    transition:opacity .32s ease;
  }
  .site-header .main-nav,.site-header .main-nav.open{
    opacity:0;
    transform:translateX(18px);
    pointer-events:none;
    transition:opacity .28s ease,transform .34s cubic-bezier(.22,.65,.3,1),visibility 0s linear .34s;
  }
  .site-header .main-nav.open{
    opacity:1;
    transform:translateX(0);
    pointer-events:auto;
    transition:opacity .28s ease,transform .34s cubic-bezier(.22,.65,.3,1);
  }
  .site-header .main-nav a,
  .site-header .main-nav.open a{
    opacity:1;
    transform:none;
    transition:background-color .2s ease,color .2s ease;
  }
}
@media(prefers-reduced-motion:reduce){
  .menu-backdrop,body.menu-open .menu-backdrop,.site-header .main-nav,.site-header .main-nav.open{transition:none}
}
/* Keep the mobile drawer origin stable before and after scrolling. */
@media(max-width:800px){
  .site-header.scrolled,
  .site-header.is-subpage.scrolled{
    top:22px;
    height:66px;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    transform:none;
  }
  .site-header.scrolled .main-nav,
  .site-header.scrolled .main-nav.open{
    top:88px;
    height:calc(100dvh - 88px);
    min-height:calc(100dvh - 88px);
  }
}

/* Final shared-Element contract. Keep legacy page CSS from restyling the header. */
body .konya-site-header.is-subpage{
  position:fixed;
  top:25px;
  right:0;
  left:0;
  width:100%;
  height:100px;
  margin:0;
  padding:0 4.5vw;
  background:#fff;
  color:#062b63;
  border:0;
  border-bottom:1px solid #dfe5ed;
  box-shadow:0 6px 22px rgba(3,34,76,.06);
}
body .konya-site-header.is-subpage.scrolled{
  top:25px;
  height:70px;
  background:rgba(255,255,255,.97);
  color:#062b63;
}
body .konya-site-header .seo-title-bar{display:none}
body .konya-site-header.is-subpage .saved-nav b{
  background:#062b63;
  color:#fff;
}
@media(max-width:800px){
  body .konya-site-header.is-subpage,
  body .konya-site-header.is-subpage.scrolled{
    top:22px;
    height:66px;
    margin:0;
    padding:0 16px;
  }
}