/* Gallant Treasury official family-crest banner: original approved artwork.
   Preserve the existing semantic links as live transparent hit targets above the
   lettering already illustrated in the banner. No duplicated visual wordmarks. */
html.castle-page body header.site-header,
html.castle-page body[data-vault] header.site-header {
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:980px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:2170 / 725!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid rgba(216,181,113,.54)!important;
  background-color:#12100c!important;
  background-image:url("/assets/gallant-treasury-three-rooms-banner.png")!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  box-shadow:none!important;
  z-index:30!important;
}
html.castle-page body header.site-header::before,
html.castle-page body header.site-header::after {
  content:none!important;display:none!important;
}
/* The image already contains the crest and GALLANT TREASURY wordmark.
   Keep the underlying home link accessible without a doubled SVG/text. */
html.castle-page body header.site-header .gallant-brand {
  display:block!important;position:absolute!important;
  left:8%!important;top:16%!important;
  width:84%!important;height:39%!important;
  max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;
  outline-offset:0!important;
  z-index:3!important;
  font-size:0!important;
  opacity:0!important;
}
html.castle-page body header.site-header .gallant-brand:focus-visible {
  outline:3px solid #f7de9c!important;
  opacity:.5!important;
}
html.castle-page body header.site-header .gallant-brand svg,
html.castle-page body header.site-header .gallant-brand .gallant-wordmark{
  display:none!important;
}
/* Real navigation over exactly the five illustrated labels. */
html.castle-page body header.site-header .header-nav,
html.castle-page body[data-vault] header.site-header .header-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  position:absolute!important;
  top:63.8%!important;left:26.6%!important;
  width:70.9%!important;height:13.3%!important;
  margin:0!important;padding:0!important;
  gap:0!important;align-items:stretch!important;
  justify-items:stretch!important;
  background:transparent!important;border:0!important;
  transform:none!important;
  z-index:5!important;
}
html.castle-page body header.site-header .header-nav a{
  display:block!important;
  width:100%!important;height:100%!important;
  min-width:0!important;
  padding:0!important;margin:0!important;
  color:transparent!important;
  border:1px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  text-decoration:none!important;
  opacity:1!important;
}
html.castle-page body header.site-header .header-nav a:hover,
html.castle-page body header.site-header .header-nav a:focus-visible {
  outline:2px solid rgba(247,222,157,.8)!important;
  outline-offset:-4px!important;
  background:rgba(27,21,15,.16)!important;
}
html.castle-page body header.site-header .header-inquire {
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:absolute!important;
  left:2%!important;bottom:5.2%!important;top:auto!important;right:auto!important;
  width:auto!important;max-width:22%!important;height:auto!important;
  padding:clamp(5px,.8vw,11px) clamp(9px,1.1vw,17px)!important;
  margin:0!important;
  color:#f6e4c4!important;background:rgba(35,17,22,.90)!important;
  border:1px solid rgba(226,190,120,.83)!important;
  text-shadow:none!important;
  border-radius:0!important;
  font:600 clamp(9px,.78vw,12px)/1.3 "Cinzel",Georgia,serif!important;
  text-decoration:none!important;white-space:nowrap!important;
  z-index:6!important;
}
html.castle-page body header.site-header .header-inquire:hover{
  background:#61303a!important;color:#fff4dc!important;
}
html.castle-page body header.site-header .menu-toggle{
  display:none!important;
}
/* Page-specific title remains just below the illustrated family banner. */
html.castle-page body .gt-grand-page-title,
html.castle-page body[data-vault] .gt-grand-page-title{
  min-height:clamp(155px,15.8vw,230px)!important;
  padding:27px 14px!important;
}
/* Long wordmark artwork is adapted for narrow devices instead of
   becoming illegibly small; the original painting remains the backdrop. */
@media (max-width:760px) {
  html.castle-page body header.site-header,
  html.castle-page body[data-vault] header.site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:auto!important;
    gap:9px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:auto!important;
    min-height:89px!important;height:auto!important;
    padding:9px 11px!important;
    background-image:
      linear-gradient(90deg,rgba(9,8,7,.90),rgba(9,8,7,.70)),
      url("/assets/gallant-treasury-three-rooms-banner.png")!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  html.castle-page body header.site-header .gallant-brand {
    display:flex!important;grid-column:1!important;
    position:relative!important;
    left:auto!important;top:auto!important;
    width:auto!important;height:auto!important;
    align-items:center!important;justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;padding:0!important;
    opacity:1!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-decoration:none!important;
  }
  html.castle-page body header.site-header .gallant-brand::before {
    content:""!important;
    display:block!important;
    flex:0 0 clamp(43px,13vw,58px)!important;
    width:clamp(43px,13vw,58px)!important;
    height:clamp(55px,16vw,73px)!important;
    background-image:url("/assets/gallant-treasury-family-crest-mobile.webp")!important;
    background-position:center!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
  }
  html.castle-page body header.site-header .gallant-brand .gallant-wordmark{
    display:block!important;
    color:#f0d6a0!important;
    white-space:normal!important;
    font:500 clamp(12px,3.5vw,18px)/1.15 "Cinzel",Georgia,serif!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
    text-shadow:0 2px 5px #000!important;
    max-width:100%!important;
  }
  html.castle-page body header.site-header .header-inquire{
    grid-column:2!important;
    position:relative!important;left:auto!important;top:auto!important;
    right:auto!important;bottom:auto!important;
    width:auto!important;max-width:89px!important;
    padding:9px 6px!important;
    text-align:center!important;
    white-space:normal!important;
    font-size:9px!important;
  }
  html.castle-page body header.site-header .menu-toggle{
    grid-column:3!important;
    display:flex!important;position:relative!important;
    top:auto!important;right:auto!important;
    align-self:center!important;justify-self:end!important;
    z-index:601!important;
    margin:0!important;
  }
  html.castle-page body header.site-header .header-nav,
  html.castle-page body[data-vault] header.site-header .header-nav{
    grid-column:1/-1!important;
    display:none!important;
    grid-template-columns:1fr!important;
    position:absolute!important;
    left:0!important;right:0!important;
    top:100%!important;bottom:auto!important;
    width:100%!important;height:auto!important;
    padding:14px!important;
    gap:4px!important;
    z-index:600!important;
    background:#171310!important;
    border-bottom:1px solid #c3a26a!important;
  }
  html.castle-page body header.site-header .header-nav.open,
  html.castle-page body[data-vault] header.site-header .header-nav.open {
    display:grid!important;
  }
  html.castle-page body header.site-header .header-nav a{
    display:flex!important;align-items:center!important;justify-content:center!important;
    height:auto!important;min-height:44px!important;
    font:500 13px/1.35 "Cinzel",Georgia,serif!important;
    text-indent:0!important;
    overflow:visible!important;
    color:#e9d3a5!important;
    border-bottom:1px solid rgba(201,166,107,.28)!important;
    text-decoration:none!important;
  }
  html.castle-page body header.site-header .header-nav a:hover,
  html.castle-page body header.site-header .header-nav a:focus-visible{
    color:#ffedd1!important;
    background:#423026!important;
    outline:none!important;
  }
}
@media (max-width:360px) {
  html.castle-page body header.site-header{
    gap:4px!important;padding:8px 6px!important;
  }
  html.castle-page body header.site-header .gallant-brand{
    gap:5px!important;
  }
  html.castle-page body header.site-header .gallant-brand::before{
    flex-basis:39px!important;width:39px!important;height:55px!important;
  }
  html.castle-page body header.site-header .gallant-brand .gallant-wordmark{
    font-size:11px!important;letter-spacing:0!important;
  }
  html.castle-page body header.site-header .header-inquire{
    max-width:80px!important;font-size:8px!important;padding:7px 4px!important;
  }
}

/* Privacy has a legacy page-specific backdrop override. Keep the approved art identical there. */
html.castle-page body.museum-privacy header.site-header {
 background-image:url("/assets/gallant-treasury-three-rooms-banner.png")!important;
 background-size:100% 100%!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
}
@media(max-width:760px){
 html.castle-page body.museum-privacy header.site-header{
  background-image:linear-gradient(#15120e,#15120e)!important;
  background-size:cover!important;
  background-position:center center!important;
 }
}
/* A compact tactile menu icon, instead of an oversized empty rectangle. */
@media(max-width:760px){
 html.castle-page body header.site-header .menu-toggle {
  width:45px!important;min-width:45px!important;max-width:45px!important;
  height:42px!important;min-height:42px!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  padding:9px!important;
  gap:5px!important;
 }
 html.castle-page body header.site-header .menu-toggle span{
  width:21px!important;max-width:21px!important;
  height:2px!important;min-height:2px!important;
  background:#e6c689!important;
  border:0!important;
  display:block!important;
 }
}
/* On narrow screens show the exact crest crop with readable live wordmark.
   Do not double-print the much larger banner lettering underneath it. */
@media(max-width:760px){
 html.castle-page body header.site-header,
 html.castle-page body[data-vault] header.site-header,
 html.castle-page body.museum-privacy header.site-header {
  background-image:none!important;
  background-color:#15120e!important;
 }
}

/* Only three collection rooms remain. Overlay the old five-word raster row
   with a clean dark ribbon in the image and three accessible, live links.
   Preserve original approved family crest and Gallant Treasury wordmark. */
@media(min-width:761px){
 html.castle-page body header.site-header .header-nav,
 html.castle-page body[data-vault] header.site-header .header-nav{
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   left:27.1%!important;
   top:63.5%!important;
   width:70.5%!important;
   height:13.8%!important;
   gap:0!important;
 }
 html.castle-page body header.site-header .header-nav a{
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   text-indent:0!important;
   overflow:visible!important;
   font:500 clamp(11px,1.21vw,15px)/1.3 "Cinzel",Georgia,serif!important;
   letter-spacing:.075em!important;
   text-transform:uppercase!important;
   color:#f4dfb3!important;
   text-shadow:0 2px 4px #000,0 0 5px rgba(6,4,3,.9)!important;
   white-space:nowrap!important;
 }
 html.castle-page body header.site-header .header-nav a:hover,
 html.castle-page body header.site-header .header-nav a:focus-visible{
   color:#fff6dd!important;
   background:rgba(172,117,52,.21)!important;
   outline:1px solid rgba(236,202,132,.62)!important;
   outline-offset:-4px!important;
 }
}