/* Homepage header baseline extracted from published homepage */

/* Header brought back into alignment with the original live website. */
body{overflow-x:hidden}
.site-header{position:relative!important;z-index:150!important;background:#f6f3ec!important;border-bottom:1px solid rgba(53,73,57,.1)!important}
.header-container{max-width:1760px;min-height:94px;padding:0 clamp(18px,5.2vw,75px);margin:0 auto;display:grid;grid-template-columns:minmax(225px,1fr) max-content 44px;align-items:center;gap:clamp(10px,1.3vw,22px)}
.logo.final-logo{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%;white-space:nowrap}
.final-logo-mark{display:block;width:52px;height:64px;flex:0 0 52px}
.final-logo-mark img{display:block;object-fit:contain;width:100%;height:100%}
.final-logo-type{display:block;min-width:0}
.logo.final-logo .logo-main{font:500 clamp(24px,2.13vw,34px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.045em;white-space:nowrap;color:#334923}
.logo.final-logo .logo-main em{font-weight:400;font-style:italic}
.logo.final-logo .logo-sub{display:block;font:700 7.2px/1.25 Arial,sans-serif;letter-spacing:.19em;color:#a08150;margin-top:9px;white-space:nowrap;text-transform:uppercase}
.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,.96vw,17px);margin:0;white-space:nowrap}
.desktop-nav a{position:relative;font:500 clamp(11px,.79vw,12.25px)/1.4 Arial,sans-serif;letter-spacing:.02em;color:#344c37;transition:color .18s}
.desktop-nav a:hover{color:#a88250}
.desktop-nav a+a:before{content:'';position:absolute;left:calc(clamp(10px,.96vw,17px)/-2 - 1px);top:50%;transform:translateY(-50%);width:3px;height:3px;background:#d1b483;border-radius:50%}
.site-search{display:grid;place-items:center;width:44px;height:44px;color:#344b3a;justify-self:center;transition:background .2s;border-radius:50%}
.site-search:hover{background:rgba(43,67,49,.08)}
.menu-btn{display:none;width:44px;height:44px;border:0;background:transparent;padding:11px;cursor:pointer;align-self:center;justify-self:center;flex-direction:column;justify-content:center;gap:6px}
.menu-btn span{display:block;width:23px;height:2px;background:#344932;border-radius:1px;transition:transform .2s}
.mobile-nav{display:none}
@media(max-width:1300px){
  .header-container{grid-template-columns:minmax(0,1fr) 44px 44px;column-gap:clamp(7px,1.5vw,16px)}
  .desktop-nav{display:none}
  .menu-btn{display:flex}
}
@media(min-width:960px) and (max-width:1300px){
  .header-container{grid-template-columns:minmax(0,1fr) max-content 44px;padding-inline:clamp(19px,3vw,44px);column-gap:clamp(7px,.85vw,13px)}
  .desktop-nav{display:flex;gap:clamp(7px,.73vw,11px)}
  .desktop-nav a{font-size:clamp(10.2px,1.04vw,11.4px)}
  .menu-btn{display:none}
}
@media(max-width:959px){
  .mobile-nav.open{display:flex!important;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:#f6f3ec;border-top:1px solid #e2dccf;border-bottom:1px solid #cdc4b6;box-shadow:0 16px 24px #1e2f1b21;max-height:calc(100dvh - 74px);overflow-y:auto;overflow-x:hidden;padding:15px clamp(20px,5vw,36px) 22px;z-index:250}
  .mobile-nav a{display:block;padding:13px 4px;border-bottom:1px solid #e5dfd4;font:500 14px/1.4 Arial,sans-serif;letter-spacing:.02em;color:#344b3a;white-space:normal}
  .mobile-nav a:hover{color:#aa8558}
  .mobile-menu-divider{height:17px;display:block}
}
@media(max-width:640px){
  .header-container{min-height:74px;padding-inline:clamp(16px,5vw,25px);column-gap:6px;grid-template-columns:minmax(0,1fr) 44px 44px}
  .logo.final-logo{gap:7px}
  .final-logo-mark{width:40px;height:50px;flex-basis:40px}
  .logo.final-logo .logo-main{font-size:clamp(20px,5.2vw,27px)}
  .logo.final-logo .logo-sub{font-size:clamp(6px,1.4vw,8px);letter-spacing:.07em;margin-top:6px}
}
@media(max-width:360px){.header-container{grid-template-columns:minmax(0,1fr) 40px 40px}.site-search,.menu-btn{width:40px;height:40px}.final-logo-mark{width:34px;height:44px;flex-basis:34px}}
@media(prefers-reduced-motion:reduce){.menu-btn span,.site-search{transition:none}}


/* Airy desktop navigation: original 8-gallery menu, same logo and separator design */
@media(min-width:1301px){
  .header-container{padding-inline:clamp(24px,3.45vw,62px)!important;column-gap:clamp(14px,1.45vw,24px)!important;grid-template-columns:minmax(260px,1fr) max-content 44px!important}
  .desktop-nav{gap:clamp(21px,1.8vw,29px)!important;justify-content:flex-end!important}
  .desktop-nav a{font-size:clamp(11.3px,.82vw,12.6px)!important;letter-spacing:.012em!important}
  .desktop-nav a+a::before{left:calc(clamp(21px,1.8vw,29px)*-.5 - 1.5px)!important}
}
@media(min-width:960px) and (max-width:1300px){
  .header-container{padding-inline:clamp(17px,2.15vw,31px)!important;column-gap:clamp(8px,.8vw,12px)!important;grid-template-columns:minmax(220px,1fr) max-content 44px!important}
  .desktop-nav{gap:clamp(12px,1.16vw,16px)!important}
  .desktop-nav a{font-size:clamp(10px,.91vw,11.4px)!important;letter-spacing:0!important}
  .desktop-nav a+a::before{left:calc(clamp(12px,1.16vw,16px)*-.5 - 1.5px)!important}
}


/* Give the Maltese heritage emblem a little more presence beside the wordmark.
   Text typography stays unchanged; maintain original image aspect ratio. */
header.site-header .logo.final-logo{gap:6px!important}
header.site-header .logo.final-logo .final-logo-mark{width:60px!important;height:73px!important;flex:0 0 60px!important}
header.site-header .logo.final-logo .final-logo-mark img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:640px){
 header.site-header .logo.final-logo{gap:5px!important}
 header.site-header .logo.final-logo .final-logo-mark{width:46px!important;height:56px!important;flex-basis:46px!important}
}
@media(max-width:360px){
 header.site-header .logo.final-logo .final-logo-mark{width:41px!important;height:50px!important;flex-basis:41px!important}
}

/* A single sitewide header component. Specificity shields it from old gallery CSS. */
html body #gs-unified-header.site-header{display:block!important;position:relative!important;isolation:isolate!important;z-index:500!important;overflow:visible!important;height:auto!important;width:100%!important;padding:0!important;margin:0!important;background:#f6f3ec!important;background-image:none!important;border:0!important;border-bottom:1px solid rgba(53,73,57,.1)!important;box-shadow:none!important;backdrop-filter:none!important}
html body #gs-unified-header .header-container{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(260px,1fr) max-content 44px!important;align-items:center!important;column-gap:clamp(14px,1.45vw,24px)!important;max-width:1760px!important;width:100%!important;min-height:94px!important;height:auto!important;margin:0 auto!important;padding:0 clamp(24px,3.45vw,62px)!important}
html body #gs-unified-header .logo.final-logo{display:inline-flex!important;grid-column:1!important;grid-row:1!important;align-items:center!important;align-self:center!important;justify-self:start!important;gap:6px!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;white-space:nowrap!important;transform:none!important;text-decoration:none!important}
html body #gs-unified-header .final-logo-mark{display:block!important;width:60px!important;height:73px!important;flex:0 0 60px!important;max-width:none!important;padding:0!important;margin:0!important}
html body #gs-unified-header .final-logo-mark img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;max-width:none!important;max-height:none!important}
html body #gs-unified-header .final-logo-type{display:block!important;min-width:0!important;margin:0!important;padding:0!important}
html body #gs-unified-header .logo-main{display:block!important;font:500 clamp(24px,2.13vw,34px)/1 "Cormorant Garamond",Georgia,serif!important;letter-spacing:-.045em!important;color:#334923!important;white-space:nowrap!important;text-transform:none!important}
html body #gs-unified-header .logo-main em{font-weight:400!important;font-style:italic!important}
html body #gs-unified-header .logo-sub{display:block!important;margin-top:9px!important;font:700 8px/1.25 Arial,Helvetica,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#a08150!important;white-space:nowrap!important}
html body #gs-unified-header .desktop-nav{display:flex!important;grid-column:2!important;grid-row:1!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:clamp(21px,1.8vw,29px)!important;margin:0!important;padding:0!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;background:transparent!important}
html body #gs-unified-header .desktop-nav>a,
html body #gs-unified-header .desktop-nav>.gs-malta-dropdown>summary{display:inline-flex!important;align-items:center!important;position:relative!important;font-family:"DM Sans",Arial,Helvetica,sans-serif!important;font-size:clamp(11.3px,.82vw,12.6px)!important;font-weight:500!important;font-style:normal!important;line-height:1.4!important;letter-spacing:.012em!important;text-transform:none!important;text-decoration:none!important;color:#344c37!important;white-space:nowrap!important;margin:0!important;padding:9px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #gs-unified-header .desktop-nav>a:is(:hover,:focus-visible),
html body #gs-unified-header .desktop-nav>.gs-malta-dropdown>summary:is(:hover,:focus-visible){color:#a88250!important}
html body #gs-unified-header .desktop-nav>a+a::before,
html body #gs-unified-header .desktop-nav>.gs-malta-dropdown+a::before{content:""!important;display:block!important;position:absolute!important;top:50%!important;left:calc(clamp(21px,1.8vw,29px)*-.5 - 1.5px)!important;transform:translateY(-50%)!important;width:3px!important;height:3px!important;border:0!important;border-radius:50%!important;background:#d1b483!important;box-shadow:none!important}
html body #gs-unified-header .desktop-nav>.gs-malta-dropdown{display:block!important;position:relative!important;align-self:center!important;z-index:50!important}
html body #gs-unified-header .desktop-nav .gs-malta-children{position:absolute!important;top:calc(100% + 8px)!important;left:-18px!important;min-width:210px!important;padding:9px 0!important;margin:0!important;z-index:600!important;background:#f7f3eb!important;border:1px solid #ddd3c3!important;box-shadow:0 16px 32px rgba(28,46,31,.15)!important;flex-direction:column!important;gap:0!important}
html body #gs-unified-header .desktop-nav .gs-malta-dropdown:not([open])>.gs-malta-children{display:none!important}
html body #gs-unified-header .desktop-nav .gs-malta-dropdown[open]>.gs-malta-children{display:flex!important}
html body #gs-unified-header .desktop-nav .gs-malta-children>a{display:flex!important;align-items:center!important;position:relative!important;min-height:39px!important;width:100%!important;margin:0!important;padding:11px 17px!important;color:#344c39!important;background:#f7f3eb!important;border:0!important;box-shadow:none!important;font-family:"DM Sans",Arial,sans-serif!important;font-size:12px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:.02em!important;text-decoration:none!important;text-transform:none!important;white-space:nowrap!important}
html body #gs-unified-header .desktop-nav .gs-malta-children>a:is(:hover,:focus-visible){background:#eae3d6!important;color:#997755!important}
html body #gs-unified-header .gs-malta-children>a::before,
html body #gs-unified-header .gs-malta-children>a::after{content:none!important;display:none!important;border:0!important;background:none!important}
html body #gs-unified-header .site-search{display:grid!important;grid-column:3!important;grid-row:1!important;place-items:center!important;justify-self:center!important;align-self:center!important;position:static!important;inset:auto!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;background:transparent!important;color:#344b3a!important;border:0!important;border-radius:50%!important;box-shadow:none!important;text-decoration:none!important}
html body #gs-unified-header .site-search svg{display:block!important;width:22px!important;height:22px!important}
html body #gs-unified-header .site-search:is(:hover,:focus-visible){background:rgba(43,67,49,.08)!important}
html body #gs-unified-header .menu-btn{display:none!important;grid-row:1!important;justify-self:center!important;align-self:center!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;width:44px!important;height:44px!important;margin:0!important;padding:11px!important;border:0!important;border-radius:0!important;background:transparent!important;cursor:pointer!important}
html body #gs-unified-header .menu-btn span{display:block!important;position:static!important;width:23px!important;height:2px!important;background:#344932!important;border-radius:1px!important;transform:none!important}
html body #gs-unified-header>.mobile-nav{display:none!important}
@media(min-width:960px) and (max-width:1300px){
 html body #gs-unified-header .header-container{grid-template-columns:minmax(220px,1fr) max-content 44px!important;padding-inline:clamp(17px,2.15vw,31px)!important;column-gap:clamp(8px,.8vw,12px)!important}
 html body #gs-unified-header .desktop-nav{gap:clamp(12px,1.16vw,16px)!important}
 html body #gs-unified-header .desktop-nav>a,html body #gs-unified-header .desktop-nav>.gs-malta-dropdown>summary{font-size:clamp(10px,.91vw,11.4px)!important;letter-spacing:0!important}
 html body #gs-unified-header .desktop-nav>a+a::before,html body #gs-unified-header .desktop-nav>.gs-malta-dropdown+a::before{left:calc(clamp(12px,1.16vw,16px)*-.5 - 1.5px)!important}
}
@media(max-width:959px){
 html body #gs-unified-header .header-container{grid-template-columns:minmax(0,1fr) 44px 44px!important;padding-inline:clamp(18px,5.2vw,75px)!important;column-gap:clamp(7px,1.5vw,16px)!important}
 html body #gs-unified-header .desktop-nav{display:none!important}
 html body #gs-unified-header .menu-btn{display:flex!important;grid-column:3!important}
 html body #gs-unified-header .site-search{grid-column:2!important}
 html body #gs-unified-header>.mobile-nav.open{display:flex!important;flex-direction:column!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;max-height:calc(100dvh - 74px)!important;overflow:auto!important;padding:15px clamp(20px,5vw,36px) 22px!important;background:#f6f3ec!important;border-top:1px solid #e2dccf!important;border-bottom:1px solid #cdc4b6!important;box-shadow:0 16px 24px #1e2f1b21!important;z-index:600!important}
 html body #gs-unified-header>.mobile-nav>a{display:block!important;margin:0!important;padding:13px 4px!important;border:0!important;border-bottom:1px solid #e5dfd4!important;font:500 14px/1.4 "DM Sans",Arial,sans-serif!important;letter-spacing:.02em!important;color:#344b3a!important;text-decoration:none!important;white-space:normal!important}
 html body #gs-unified-header>.mobile-nav>.gs-malta-dropdown{width:100%!important;border:0!important;border-bottom:1px solid #e5dfd4!important}
 html body #gs-unified-header>.mobile-nav>.gs-malta-dropdown>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;list-style:none!important;margin:0!important;padding:13px 4px!important;border:0!important;background:transparent!important;color:#344b3a!important;font:500 14px/1.4 "DM Sans",Arial,sans-serif!important;letter-spacing:.02em!important}
 html body #gs-unified-header>.mobile-nav .gs-malta-children{display:none!important;position:static!important;flex-direction:column!important;width:100%!important;min-width:0!important;padding:2px 0 10px 15px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
 html body #gs-unified-header>.mobile-nav .gs-malta-dropdown[open]>.gs-malta-children{display:flex!important}
 html body #gs-unified-header>.mobile-nav .gs-malta-children>a{display:block!important;padding:12px 9px!important;margin:0!important;border:0!important;background:transparent!important;font:500 13px/1.4 "DM Sans",Arial,sans-serif!important;letter-spacing:.02em!important;color:#344c39!important;text-decoration:none!important}
 html body #gs-unified-header>.mobile-nav .gs-navigation-divider{display:none!important}
}
@media(max-width:640px){
 html body #gs-unified-header .header-container{min-height:82px!important;padding-inline:clamp(16px,5vw,25px)!important;column-gap:6px!important}
 html body #gs-unified-header .logo.final-logo{gap:5px!important;max-width:min(72vw,300px)!important}
 html body #gs-unified-header .final-logo-mark{width:46px!important;height:56px!important;flex-basis:46px!important}
 html body #gs-unified-header .logo-main{font-size:clamp(21px,5.2vw,25px)!important;line-height:1.1!important}
 html body #gs-unified-header .logo-sub{font-size:7px!important;letter-spacing:.07em!important;margin-top:6px!important}
}
@media(max-width:360px){
 html body #gs-unified-header .header-container{grid-template-columns:minmax(0,1fr) 40px 40px!important}
 html body #gs-unified-header .site-search,html body #gs-unified-header .menu-btn{width:40px!important;min-width:40px!important}
 html body #gs-unified-header .final-logo-mark{width:41px!important;height:50px!important;flex-basis:41px!important}
}

/* Logo height parity for gallery: old site styles stretched anchors to 100%. */
html body #gs-unified-header.site-header{font-family:"DM Sans",Arial,Helvetica,sans-serif!important}
html body #gs-unified-header .logo.final-logo{
 height:auto!important;min-height:0!important;max-height:none!important;
 flex-direction:row!important;flex-wrap:nowrap!important;
 align-self:center!important;align-items:center!important;
 justify-content:flex-start!important;
}
html body #gs-unified-header .logo.final-logo .final-logo-mark{
 height:73px!important;max-height:73px!important;min-height:73px!important;
}
@media(max-width:640px){
 html body #gs-unified-header .logo.final-logo .final-logo-mark{
 height:56px!important;min-height:56px!important;max-height:56px!important;
 }
}
@media(max-width:360px){
 html body #gs-unified-header .logo.final-logo .final-logo-mark{
 height:50px!important;min-height:50px!important;max-height:50px!important;
 }
}

/* Exactly match the homepage header font inheritance on every template. */
html body #gs-unified-header.site-header,
html body #gs-unified-header .logo.final-logo,
html body #gs-unified-header .final-logo-mark,
html body #gs-unified-header .final-logo-type,
html body #gs-unified-header .desktop-nav,
html body #gs-unified-header .site-search,
html body #gs-unified-header .menu-btn {
 font-family:"DM Sans",Arial,Helvetica,sans-serif!important;
 font-size:16px!important;
 font-weight:400!important;
 letter-spacing:normal!important;
}



/* gs-hover-line-reset-20261029
   Suppress old hover underline/strike-through styling in the top navigation,
   while preserving mobile separators, dropdown hover fills and keyboard focus. */
html body #gs-unified-header nav.desktop-nav > a,
html body #gs-unified-header nav.desktop-nav > .gs-malta-dropdown > summary,
html body #gs-unified-header nav.desktop-nav .gs-malta-children > a {
  text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration:none!important;
  background-image:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html body #gs-unified-header nav.desktop-nav > a:is(:hover,:focus-visible,:active),
html body #gs-unified-header nav.desktop-nav > .gs-malta-dropdown > summary:is(:hover,:focus-visible,:active),
html body #gs-unified-header nav.desktop-nav .gs-malta-children > a:is(:hover,:focus-visible,:active) {
  text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration:none!important;
  background-image:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html body #gs-unified-header nav.desktop-nav > a::after,
html body #gs-unified-header nav.desktop-nav > .gs-malta-dropdown > summary::after,
html body #gs-unified-header nav.desktop-nav .gs-malta-children > a::after {
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body #gs-unified-header nav.desktop-nav .gs-malta-children>a::before,
html body #gs-unified-header nav.desktop-nav .gs-malta-children>a::after {
  content:none!important;
  display:none!important;
}