/* Shared desktop header treatment across all Café Avenue Road pages. */
@media(min-width:901px){
  body>header{position:relative;min-height:110px;z-index:2}
  body>header .brand{position:absolute;left:clamp(45px,8vw,150px);top:14px;z-index:3}
  body>header .brand img{display:block;width:156px;height:156px;object-fit:contain}
  body>header nav{margin-left:auto}
  body>header+.intro{padding-top:90px}
  body>header.article-header{min-height:176px}
}

/* A compact, persistent navigation control after scrolling on larger screens. */
@media(min-width:651px){
  body.scrolled::before{content:"";display:block;height:var(--desktop-header-height,110px)}
  body.scrolled>header{position:fixed!important;top:18px;right:clamp(18px,3vw,48px);left:auto;width:auto;min-height:0!important;height:auto;padding:0!important;margin:0;z-index:100;background:transparent!important;border:0;box-shadow:none!important}
  body.scrolled>header .brand{display:none!important}
  body.scrolled>header nav{display:none!important}
  body.scrolled>header .mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:54px;height:54px;padding:12px;border:1px solid #c9a75f;border-radius:50%;background:#032212;color:#f0cf73;box-shadow:0 8px 24px rgba(0,0,0,.22);cursor:pointer}
  body.scrolled>header .mobile-toggle span,body.scrolled>header .mobile-toggle span::before,body.scrolled>header .mobile-toggle span::after{display:block;width:23px;height:2px;background:currentColor;position:relative;content:""}
  body.scrolled>header .mobile-toggle span::before{position:absolute;top:-7px}
  body.scrolled>header .mobile-toggle span::after{position:absolute;top:7px}
  body.scrolled>header.menu-open nav{display:flex!important;position:absolute;top:calc(100% + 12px);right:0;left:auto;width:min(290px,calc(100vw - 36px));margin:0;padding:10px 21px;background:#032212;color:#fff;box-shadow:0 18px 35px rgba(0,0,0,.26);border:1px solid rgba(240,207,115,.35);flex-direction:column;align-items:stretch;gap:0}
  body.scrolled>header.menu-open nav a{display:block!important;color:#fff;text-decoration:none;font-size:.96rem;padding:12px 3px;border:0;border-bottom:1px solid rgba(255,255,255,.16)}
  body.scrolled>header.menu-open nav a:last-child{color:#f0cf73;border-bottom:0}
  body.scrolled>header.menu-open nav a:hover,body.scrolled>header.menu-open nav a:focus-visible{color:#f0cf73}
}