/* Approved USOB shell lock. Header target: d1882f58-ba4b-48f0-a0c7-f69369f70eb3.png */
.usob-site-header[data-usob-navigation]{
 position:sticky!important;top:0!important;z-index:1000!important;height:122px!important;min-height:122px!important;
 display:grid!important;grid-template-columns:470px minmax(720px,1fr) 365px!important;align-items:center!important;
 padding:20px 28px 4px 48px!important;gap:0!important;background:#fbf7ef!important;
 border:0!important;border-bottom:3px solid #b88425!important;border-radius:0 0 14px 14px!important;
 box-shadow:0 9px 18px rgba(20,40,58,.15)!important;overflow:visible!important
}
.usob-site-header[data-usob-navigation]::before{content:"";position:absolute;left:0;right:0;top:0;height:20px;background:#0d3150;border-bottom:2px solid #c4963c;z-index:0}
.usob-site-header[data-usob-navigation] .usob-header-cap{display:none!important}
.usob-site-header[data-usob-navigation] .usob-brand{position:relative!important;z-index:1!important;height:96px!important;display:flex!important;align-items:center!important;gap:14px!important;padding-left:100px!important;border-right:1px solid #d7c8ad!important;color:#173653!important;text-decoration:none!important}
.usob-site-header[data-usob-navigation] .usob-brand-compass{position:absolute!important;left:0!important;top:1px!important;width:87px!important;height:94px!important;max-width:none!important;border:0!important;border-radius:0!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 4px 3px rgba(0,0,0,.2))}
.usob-site-header[data-usob-navigation] .usob-brand-copy{display:block!important;white-space:nowrap!important}
.usob-site-header[data-usob-navigation] .usob-brand-copy strong{display:block!important;margin:0!important;color:#173653!important;font:500 24px/.82 Georgia,'Times New Roman',serif!important;letter-spacing:.08em!important}
.usob-site-header[data-usob-navigation] .usob-brand-copy strong b{font-size:38px!important;line-height:.9!important}
.usob-site-header[data-usob-navigation] .usob-brand-copy small{display:block!important;margin-top:8px!important;color:#9a6426!important;font:700 8px/1 Arial,sans-serif!important;letter-spacing:.14em!important}
.usob-site-header[data-usob-navigation] .usob-main-nav{height:96px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;padding:0 20px!important;overflow:visible!important}
.usob-site-header[data-usob-navigation] .usob-main-nav a,.usob-site-header[data-usob-navigation] .usob-admin-link{height:68px!important;min-width:88px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:4px 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#18324d!important;text-decoration:none!important;text-transform:uppercase!important;font:700 12px/1 Georgia,'Times New Roman',serif!important;white-space:nowrap!important;box-shadow:none!important}
.usob-site-header[data-usob-navigation] .usob-main-nav a img,.usob-site-header[data-usob-navigation] .usob-admin-link img{display:block!important;width:40px!important;height:36px!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important}
.usob-site-header[data-usob-navigation] .usob-main-nav a.is-active{height:62px!important;min-width:108px!important;color:#fff!important;background:linear-gradient(#347a5a,#2e684e)!important;border:2px solid #c89b43!important;box-shadow:0 3px 9px rgba(34,62,49,.28),inset 0 0 0 1px rgba(255,255,255,.14)!important}
.usob-site-header[data-usob-navigation] .usob-main-nav a.is-active img{display:none!important}
.usob-site-header[data-usob-navigation] .usob-main-nav a.is-active .usob-nav-icon-dashboard{display:grid!important;width:28px!important;height:28px!important;place-items:center!important;border:1px solid #d6aa51!important;border-radius:50%!important;color:#e7bd61!important;font-size:16px!important}
.usob-site-header[data-usob-navigation] .usob-header-actions{height:76px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;padding-left:16px!important;border-left:1px solid #d7c8ad!important}
.usob-site-header[data-usob-navigation] .usob-admin-link{min-width:74px!important;height:68px!important;padding:4px 15px 4px 4px!important;border-right:1px solid #d7c8ad!important;border-radius:0!important}
.usob-site-header[data-usob-navigation] .usob-admin-link img{width:38px!important;height:34px!important}
.usob-site-header[data-usob-navigation] .usob-account-link{height:64px!important;min-width:238px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:6px 13px!important;border:1px solid #d8c8ad!important;border-radius:34px!important;background:#fff!important;color:#173653!important;text-decoration:none!important;box-shadow:0 4px 10px rgba(23,54,83,.08)!important}
.usob-site-header[data-usob-navigation] .usob-account-avatar{width:50px!important;height:50px!important;flex:0 0 50px!important;display:grid!important;place-items:center!important;border:2px solid #c58a3c!important;border-radius:50%!important;overflow:hidden!important;background:#fff!important}
.usob-site-header[data-usob-navigation] .usob-account-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.usob-site-header[data-usob-navigation] .usob-account-copy{display:block!important;min-width:0!important;flex:1!important}
.usob-site-header[data-usob-navigation] .usob-account-copy strong{display:block!important;color:#173653!important;font:700 12px/1.1 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:uppercase!important}
.usob-site-header[data-usob-navigation] .usob-account-copy small{display:block!important;margin-top:5px!important;color:#50606d!important;font:400 9px/1 Arial,sans-serif!important}

/* Footer: the approved photographic environment continues behind every column. */
.usob-site-footer{position:relative!important;display:block!important;height:270px!important;min-height:270px!important;padding:0!important;background:#0e3151!important;color:#fff!important;border-top:5px solid #c6973c!important;border-bottom:3px solid #c6973c!important;border-radius:0 0 14px 14px!important;overflow:hidden!important}
.usob-site-footer .usob-footer-main{position:relative!important;height:218px!important;display:grid!important;grid-template-columns:40% 21% 13% 26%!important;align-items:stretch!important;gap:0!important;padding:0!important;background-image:linear-gradient(90deg,rgba(8,38,63,.02) 0%,rgba(8,38,63,.08) 31%,rgba(8,38,63,.30) 48%,rgba(8,38,63,.40) 100%),url('/assets/img/shell/footer-left-art.png')!important;background-size:100% 100%,auto 100%!important;background-position:center,left center!important;background-repeat:no-repeat!important}
.usob-site-footer .usob-footer-main::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 31%,rgba(8,42,69,.16) 46%,rgba(8,42,69,.30) 100%)}
.usob-site-footer .usob-footer-art{position:relative!important;z-index:1!important;height:100%!important;background:transparent!important;border-right:1px solid #d4a957!important}
.usob-site-footer .usob-footer-column{position:relative!important;z-index:1!important;display:block!important;margin:27px 0 24px!important;padding:0 42px!important;border-right:1px solid #d4a957!important;text-align:left!important;background:transparent!important}
.usob-site-footer .usob-footer-connected{border-right:0!important;padding-right:30px!important}
.usob-site-footer .usob-footer-column h3{margin:0 0 14px!important;padding-bottom:9px!important;border-bottom:2px solid #d1a14b!important;color:#e0ae51!important;font:700 20px/1 Georgia,'Times New Roman',serif!important;text-transform:uppercase!important;letter-spacing:.02em!important}
.usob-site-footer .usob-footer-links{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.usob-site-footer .usob-footer-links.two-col{grid-template-columns:1fr 1fr!important;column-gap:38px!important}
.usob-site-footer .usob-footer-links a,.usob-site-footer .usob-footer-connected p{margin:0!important;color:#fff!important;text-decoration:none!important;font:600 14px/1.15 Inter,Arial,sans-serif!important;text-transform:none!important}
.usob-site-footer .usob-footer-connected p{margin-bottom:18px!important}
.usob-site-footer .usob-social-row{display:flex!important;gap:15px!important}
.usob-site-footer .usob-social-row a{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border:3px solid #d3a142!important;border-radius:50%!important;color:#fff!important;text-decoration:none!important;font:700 23px/1 Arial,sans-serif!important;background:#103452!important}
.usob-site-footer .usob-footer-bottom{height:52px!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;align-items:center!important;padding:0 38px 0 136px!important;border-top:4px solid #d1a14b!important;background:linear-gradient(#0d3150,#0a2944)!important}
.usob-site-footer .usob-footer-motto,.usob-site-footer .usob-footer-spirit{color:#e0ae51!important;font:700 16px/1 Georgia,'Times New Roman',serif!important;letter-spacing:.08em!important;white-space:nowrap!important}
.usob-site-footer .usob-footer-motto b{padding:0 12px!important}
.usob-site-footer .usob-copyright{justify-self:center!important;color:#e2bc70!important;font:600 10px/1 Inter,Arial,sans-serif!important;white-space:nowrap!important}
.usob-site-footer .usob-footer-spirit{justify-self:end!important;display:flex!important;align-items:center!important;gap:18px!important}
.usob-site-footer .usob-footer-spirit span{display:block!important;width:55px!important;height:1px!important;background:#d1a14b!important}

@media(max-width:1450px) and (min-width:901px){
 .usob-site-header[data-usob-navigation]{grid-template-columns:390px minmax(620px,1fr) 330px!important;padding-left:28px!important}
 .usob-site-header[data-usob-navigation] .usob-brand{padding-left:94px!important}
 .usob-site-header[data-usob-navigation] .usob-brand-compass{top:3px!important;width:83px!important;height:90px!important}
 .usob-site-header[data-usob-navigation] .usob-brand-copy strong{font-size:20px!important}.usob-site-header[data-usob-navigation] .usob-brand-copy strong b{font-size:32px!important}
 .usob-site-header[data-usob-navigation] .usob-main-nav a,.usob-site-header[data-usob-navigation] .usob-admin-link{min-width:72px!important;font-size:11px!important;padding-inline:5px!important}
 .usob-site-header[data-usob-navigation] .usob-main-nav a.is-active{min-width:100px!important}
 .usob-site-header[data-usob-navigation] .usob-account-link{min-width:215px!important}
 .usob-site-footer .usob-footer-column{padding-inline:28px!important}
 .usob-site-footer .usob-footer-bottom{padding-left:65px!important}
 .usob-site-footer .usob-footer-motto,.usob-site-footer .usob-footer-spirit{font-size:13px!important}
}
@media(max-width:900px){
 .usob-site-header[data-usob-navigation]{height:88px!important;min-height:88px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:68px auto auto!important;padding:20px 16px 0 18px!important;border-radius:0!important}
 .usob-site-header[data-usob-navigation]::before{height:12px!important}
 .usob-site-header[data-usob-navigation] .usob-brand{height:64px!important;padding-left:62px!important;border-right:0!important}
 .usob-site-header[data-usob-navigation] .usob-brand-compass{top:4px!important;width:52px!important;height:56px!important}
 .usob-site-header[data-usob-navigation] .usob-brand-copy strong{font-size:14px!important}.usob-site-header[data-usob-navigation] .usob-brand-copy strong b{font-size:22px!important}.usob-site-header[data-usob-navigation] .usob-brand-copy small{font-size:6px!important;margin-top:4px!important}
 .usob-site-header[data-usob-navigation] .usob-main-nav,.usob-site-header[data-usob-navigation] .usob-header-actions{display:none!important}
 .usob-site-header[data-usob-navigation].is-mobile-nav-open{height:auto!important}
 .usob-site-header[data-usob-navigation].is-mobile-nav-open .usob-main-nav{display:grid!important;grid-column:1/-1!important;grid-row:2!important;grid-template-columns:repeat(2,1fr)!important;height:auto!important;gap:8px!important;padding:12px 0!important}
 .usob-site-header[data-usob-navigation].is-mobile-nav-open .usob-header-actions{display:flex!important;grid-column:1/-1!important;grid-row:3!important;height:auto!important;border-left:0!important;padding:10px 0 14px!important}
 .usob-site-footer{height:auto!important;min-height:0!important}
 .usob-site-footer .usob-footer-main{height:auto!important;grid-template-columns:1fr 1fr!important;background-size:auto 190px,auto 190px!important;background-position:top left!important;background-repeat:repeat-x!important;padding-top:190px!important}
 .usob-site-footer .usob-footer-art{display:none!important}
 .usob-site-footer .usob-footer-connected{grid-column:1/-1!important}
 .usob-site-footer .usob-footer-bottom{height:auto!important;min-height:90px!important;grid-template-columns:1fr!important;gap:10px!important;padding:14px 20px!important;text-align:center!important}
 .usob-site-footer .usob-footer-spirit{justify-self:center!important}.usob-site-footer .usob-footer-motto{justify-self:center!important}
}
@media(max-width:560px){
 .usob-site-header[data-usob-navigation].is-mobile-nav-open .usob-main-nav{grid-template-columns:1fr!important}
 .usob-site-footer .usob-footer-main{grid-template-columns:1fr!important;padding-top:155px!important;background-size:auto 155px!important}
 .usob-site-footer .usob-footer-column{border-right:0!important;border-bottom:1px solid rgba(212,169,87,.45)!important;margin:0!important;padding:24px!important}
 .usob-site-footer .usob-footer-connected{grid-column:auto!important}
 .usob-site-footer .usob-footer-spirit span{width:28px!important}
}

/* ========================================================================== 
   FINAL HEADER BRAND LOCK — combined raster asset + continuous top rail
   ========================================================================== */
.usob-site-header[data-usob-navigation]{
  padding:0 28px 4px 48px!important;
}
.usob-site-header[data-usob-navigation]::before{
  height:18px!important;
  background:#093152!important;
  border-bottom:3px solid #be8b2d!important;
}
.usob-site-header[data-usob-navigation] .usob-brand{
  position:relative!important;
  z-index:2!important;
  align-self:start!important;
  height:96px!important;
  width:470px!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  border-right:1px solid #d7c8ad!important;
  overflow:visible!important;
}
.usob-site-header[data-usob-navigation] .usob-brand-combined{
  display:block!important;
  width:470px!important;
  height:96px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left top!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.usob-site-header[data-usob-navigation] .usob-main-nav,
.usob-site-header[data-usob-navigation] .usob-header-actions{
  margin-top:20px!important;
}

@media(max-width:1180px){
  .usob-site-header[data-usob-navigation]{grid-template-columns:390px minmax(560px,1fr) 300px!important;padding-left:28px!important}
  .usob-site-header[data-usob-navigation] .usob-brand{width:390px!important}
  .usob-site-header[data-usob-navigation] .usob-brand-combined{width:390px!important;height:80px!important;margin-top:0!important}
}

@media(max-width:900px){
  .usob-site-header[data-usob-navigation]{padding:0 16px 10px!important;min-height:82px!important}
  .usob-site-header[data-usob-navigation]::before{height:14px!important;border-bottom-width:2px!important}
  .usob-site-header[data-usob-navigation] .usob-brand{height:72px!important;width:min(330px,calc(100vw - 90px))!important;border-right:0!important}
  .usob-site-header[data-usob-navigation] .usob-brand-combined{width:100%!important;height:72px!important;object-fit:contain!important;object-position:left top!important}
  .usob-site-header[data-usob-navigation] .usob-main-nav,
  .usob-site-header[data-usob-navigation] .usob-header-actions{margin-top:0!important}
  .usob-mobile-nav-toggle{margin-top:18px!important}
}

@media(max-width:520px){
  .usob-site-header[data-usob-navigation] .usob-brand{width:min(270px,calc(100vw - 82px))!important;height:60px!important}
  .usob-site-header[data-usob-navigation] .usob-brand-combined{height:60px!important}
}

/* ========================================================================== 
   HEADER BRAND FINAL ALIGNMENT — approved plaque composition
   Brand artwork is one raster; header rail continues through nav in CSS.
   ========================================================================== */
@media (min-width:1451px){
  .usob-site-header[data-usob-navigation]{
    height:146px!important;min-height:146px!important;
    grid-template-columns:500px minmax(690px,1fr) 365px!important;
    padding:0 28px 0 28px!important;
    background:#fbf7ef!important;
  }
  .usob-site-header[data-usob-navigation]::before{
    top:0!important;height:30px!important;
    background:#0a3151!important;
    border-bottom:3px solid #c89532!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand{
    width:500px!important;height:146px!important;
    align-self:start!important;padding:0!important;margin:0!important;
    border-right:1px solid #d7c8ad!important;overflow:visible!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-combined{
    display:block!important;width:500px!important;height:146px!important;
    object-fit:contain!important;object-position:left top!important;
    margin:0!important;padding:0!important;background:transparent!important;
  }
  .usob-site-header[data-usob-navigation] .usob-main-nav,
  .usob-site-header[data-usob-navigation] .usob-header-actions{
    height:113px!important;margin-top:30px!important;
  }
}

@media (max-width:1450px) and (min-width:1181px){
  .usob-site-header[data-usob-navigation]{
    height:130px!important;min-height:130px!important;
    grid-template-columns:445px minmax(610px,1fr) 325px!important;
    padding:0 20px 0 20px!important;
  }
  .usob-site-header[data-usob-navigation]::before{height:27px!important;border-bottom:3px solid #c89532!important}
  .usob-site-header[data-usob-navigation] .usob-brand{width:445px!important;height:130px!important;padding:0!important}
  .usob-site-header[data-usob-navigation] .usob-brand-combined{width:445px!important;height:130px!important;object-fit:contain!important;object-position:left top!important;margin:0!important}
  .usob-site-header[data-usob-navigation] .usob-main-nav,
  .usob-site-header[data-usob-navigation] .usob-header-actions{height:100px!important;margin-top:27px!important}
}

@media (max-width:1180px) and (min-width:901px){
  .usob-site-header[data-usob-navigation]{
    height:116px!important;min-height:116px!important;
    grid-template-columns:395px minmax(520px,1fr) 300px!important;
    padding:0 16px!important;
  }
  .usob-site-header[data-usob-navigation]::before{height:24px!important;border-bottom:2px solid #c89532!important}
  .usob-site-header[data-usob-navigation] .usob-brand{width:395px!important;height:116px!important;padding:0!important}
  .usob-site-header[data-usob-navigation] .usob-brand-combined{width:395px!important;height:116px!important;object-fit:contain!important;object-position:left top!important;margin:0!important}
  .usob-site-header[data-usob-navigation] .usob-main-nav,
  .usob-site-header[data-usob-navigation] .usob-header-actions{height:90px!important;margin-top:24px!important}
  .usob-site-header[data-usob-navigation] .usob-main-nav{gap:8px!important;padding-inline:10px!important}
  .usob-site-header[data-usob-navigation] .usob-main-nav a,
  .usob-site-header[data-usob-navigation] .usob-admin-link{min-width:64px!important;font-size:10px!important}
  .usob-site-header[data-usob-navigation] .usob-account-link{min-width:190px!important}
}

@media (max-width:900px){
  .usob-site-header[data-usob-navigation]{
    min-height:92px!important;height:92px!important;padding:0 14px 8px!important;
  }
  .usob-site-header[data-usob-navigation]::before{height:18px!important;border-bottom:2px solid #c89532!important}
  .usob-site-header[data-usob-navigation] .usob-brand{
    width:min(310px,calc(100vw - 86px))!important;height:90px!important;padding:0!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-combined{
    width:100%!important;height:90px!important;object-fit:contain!important;object-position:left top!important;margin:0!important;
  }
  .usob-mobile-nav-toggle{margin-top:20px!important}
}
\n\n/* ==========================================================================\n   HEADER V6 — US MARK. DO NOT REINTRODUCE THE COMPASS/PLAQUE.\n   Keeps the approved nav/account implementation; changes brand block only.\n   ========================================================================== */\n.usob-site-header[data-usob-navigation]{\n  height:122px!important;min-height:122px!important;\n  grid-template-columns:520px minmax(720px,1fr) 365px!important;\n  padding:20px 28px 4px 42px!important;\n}\n.usob-site-header[data-usob-navigation]::before{\n  top:0!important;height:20px!important;background:#0d3150!important;\n  border-bottom:3px solid #c4963c!important;\n}\n.usob-site-header[data-usob-navigation] .usob-brand{\n  position:relative!important;z-index:2!important;align-self:center!important;\n  width:auto!important;height:96px!important;margin:0!important;padding:0 28px 0 0!important;\n  display:flex!important;align-items:center!important;gap:20px!important;\n  border-right:1px solid #d7c8ad!important;overflow:visible!important;\n  background:transparent!important;\n}\n.usob-site-header[data-usob-navigation] .usob-brand-usa{\n  width:150px!important;height:82px!important;flex:0 0 150px!important;\n  display:grid!important;place-items:center!important;position:relative!important;\n}\n.usob-site-header[data-usob-navigation] .usob-brand-usa img{\n  display:block!important;width:136px!important;height:72px!important;object-fit:contain!important;\n  filter:sepia(1) saturate(1.4) hue-rotate(345deg) brightness(.63) contrast(1.25) drop-shadow(0 2px 1px rgba(16,42,65,.16))!important;\n}\n.usob-site-header[data-usob-navigation] .usob-brand-usa::after{\n  content:"★";position:absolute!important;left:72px!important;top:31px!important;\n  color:#bd8a32!important;font:700 15px/1 Georgia,serif!important;\n}\n.usob-site-header[data-usob-navigation] .usob-brand-copy{display:block!important;white-space:nowrap!important}\n.usob-site-header[data-usob-navigation] .usob-brand-copy strong{\n  display:block!important;margin:0!important;color:#173653!important;\n  font:500 23px/.83 Georgia,'Times New Roman',serif!important;letter-spacing:.09em!important;\n}\n.usob-site-header[data-usob-navigation] .usob-brand-copy strong b{font-size:39px!important;line-height:.9!important}\n.usob-site-header[data-usob-navigation] .usob-brand-copy small{\n  display:block!important;margin-top:9px!important;color:#9a6426!important;\n  font:700 8px/1 Arial,sans-serif!important;letter-spacing:.14em!important;\n}\n.usob-site-header[data-usob-navigation] .usob-main-nav,\n.usob-site-header[data-usob-navigation] .usob-header-actions{height:96px!important;margin-top:0!important}\n\n@media(max-width:1450px) and (min-width:1181px){\n .usob-site-header[data-usob-navigation]{height:122px!important;min-height:122px!important;grid-template-columns:455px minmax(610px,1fr) 325px!important;padding:20px 20px 4px 28px!important}\n .usob-site-header[data-usob-navigation]::before{height:20px!important}\n .usob-site-header[data-usob-navigation] .usob-brand{height:96px!important;padding-right:20px!important;gap:14px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-usa{width:120px!important;flex-basis:120px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-usa img{width:112px!important;height:64px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-usa::after{left:57px!important;top:32px!important;font-size:13px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-copy strong{font-size:19px!important}.usob-site-header[data-usob-navigation] .usob-brand-copy strong b{font-size:33px!important}\n .usob-site-header[data-usob-navigation] .usob-main-nav,.usob-site-header[data-usob-navigation] .usob-header-actions{height:96px!important;margin-top:0!important}\n}\n@media(max-width:1180px) and (min-width:901px){\n .usob-site-header[data-usob-navigation]{height:110px!important;min-height:110px!important;grid-template-columns:365px minmax(500px,1fr) 285px!important;padding:18px 14px 2px 18px!important}\n .usob-site-header[data-usob-navigation]::before{height:18px!important}\n .usob-site-header[data-usob-navigation] .usob-brand{height:88px!important;gap:10px!important;padding-right:12px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-usa{width:92px!important;flex-basis:92px!important;height:70px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-usa img{width:88px!important;height:55px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-usa::after{left:43px!important;top:28px!important;font-size:10px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-copy strong{font-size:15px!important}.usob-site-header[data-usob-navigation] .usob-brand-copy strong b{font-size:27px!important}.usob-site-header[data-usob-navigation] .usob-brand-copy small{font-size:6px!important}\n .usob-site-header[data-usob-navigation] .usob-main-nav,.usob-site-header[data-usob-navigation] .usob-header-actions{height:88px!important;margin-top:0!important}\n}\n@media(max-width:900px){\n .usob-site-header[data-usob-navigation]{height:88px!important;min-height:88px!important;padding:16px 14px 4px 16px!important}\n .usob-site-header[data-usob-navigation]::before{height:14px!important}\n .usob-site-header[data-usob-navigation] .usob-brand{width:min(330px,calc(100vw - 82px))!important;height:68px!important;gap:9px!important;padding:0!important;border-right:0!important}\n .usob-site-header[data-usob-navigation] .usob-brand-usa{width:74px!important;flex-basis:74px!important;height:58px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-usa img{width:70px!important;height:46px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-usa::after{left:35px!important;top:24px!important;font-size:8px!important}\n .usob-site-header[data-usob-navigation] .usob-brand-copy strong{font-size:12px!important}.usob-site-header[data-usob-navigation] .usob-brand-copy strong b{font-size:21px!important}.usob-site-header[data-usob-navigation] .usob-brand-copy small{font-size:5px!important;margin-top:4px!important}\n .usob-mobile-nav-toggle{margin-top:14px!important}\n}\n

/* ==========================================================================
   HEADER BRAND REPAIR — final narrow override
   US outline + wordmark only. Navigation/account/footer remain unchanged.
   ========================================================================== */

.usob-site-header[data-usob-navigation]{
  height:122px!important;
  min-height:122px!important;
  grid-template-columns:520px minmax(720px,1fr) 365px!important;
  padding:20px 28px 4px 32px!important;
}

.usob-site-header[data-usob-navigation]::before{
  top:0!important;
  height:20px!important;
  background:#0d3150!important;
  border-bottom:3px solid #c4963c!important;
}

.usob-site-header[data-usob-navigation] .usob-brand{
  position:relative!important;
  z-index:2!important;
  align-self:center!important;
  width:auto!important;
  height:96px!important;
  margin:0!important;
  padding:0 28px 0 0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
  border-right:1px solid #d7c8ad!important;
  overflow:visible!important;
  background:transparent!important;
}

.usob-site-header[data-usob-navigation] .usob-brand-usa{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:168px!important;
  height:82px!important;
  flex:0 0 168px!important;
  margin:0!important;
  padding:0!important;
}

.usob-site-header[data-usob-navigation] .usob-brand-usa img{
  display:block!important;
  width:158px!important;
  height:78px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  filter:drop-shadow(0 2px 2px rgba(16,42,65,.12))!important;
}

.usob-site-header[data-usob-navigation] .usob-brand-usa::before,
.usob-site-header[data-usob-navigation] .usob-brand-usa::after{
  content:none!important;
  display:none!important;
}

.usob-site-header[data-usob-navigation] .usob-brand-copy{
  display:block!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
}

.usob-site-header[data-usob-navigation] .usob-brand-copy strong{
  display:block!important;
  margin:0!important;
  color:#173653!important;
  font:500 23px/.83 Georgia,'Times New Roman',serif!important;
  letter-spacing:.09em!important;
}

.usob-site-header[data-usob-navigation] .usob-brand-copy strong b{
  font-size:39px!important;
  line-height:.9!important;
}

.usob-site-header[data-usob-navigation] .usob-brand-copy small{
  display:block!important;
  margin-top:9px!important;
  color:#9a6426!important;
  font:700 8px/1 Arial,sans-serif!important;
  letter-spacing:.14em!important;
}

.usob-site-header[data-usob-navigation] .usob-main-nav,
.usob-site-header[data-usob-navigation] .usob-header-actions{
  height:96px!important;
  margin-top:0!important;
}

/* Mid desktop: shrink only the brand, preserve nav behavior. */
@media(max-width:1450px) and (min-width:1181px){
  .usob-site-header[data-usob-navigation]{
    height:122px!important;
    min-height:122px!important;
    grid-template-columns:455px minmax(610px,1fr) 325px!important;
    padding:20px 20px 4px 24px!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand{
    height:96px!important;
    gap:12px!important;
    padding-right:18px!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-usa{
    width:116px!important;
    height:68px!important;
    flex-basis:116px!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-usa img{
    width:112px!important;
    height:64px!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-copy strong{
    font-size:19px!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-copy strong b{
    font-size:33px!important;
  }
}

/* Tablet */
@media(max-width:1180px) and (min-width:901px){
  .usob-site-header[data-usob-navigation]{
    height:110px!important;
    min-height:110px!important;
    grid-template-columns:365px minmax(500px,1fr) 285px!important;
    padding:18px 14px 2px 16px!important;
  }
  .usob-site-header[data-usob-navigation]::before{height:18px!important}
  .usob-site-header[data-usob-navigation] .usob-brand{
    height:88px!important;
    gap:9px!important;
    padding-right:10px!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-usa{
    width:86px!important;
    height:56px!important;
    flex-basis:86px!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-usa img{
    width:82px!important;
    height:52px!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-copy strong{font-size:15px!important}
  .usob-site-header[data-usob-navigation] .usob-brand-copy strong b{font-size:27px!important}
  .usob-site-header[data-usob-navigation] .usob-brand-copy small{font-size:6px!important}
  .usob-site-header[data-usob-navigation] .usob-main-nav,
  .usob-site-header[data-usob-navigation] .usob-header-actions{
    height:88px!important;
    margin-top:0!important;
  }
}

/* Phone: preserve the existing mobile menu grid and allow it to grow when opened. */
@media(max-width:900px){
  .usob-site-header[data-usob-navigation]{
    height:auto!important;
    min-height:88px!important;
    padding:16px 14px 4px 14px!important;
  }
  .usob-site-header[data-usob-navigation]::before{height:14px!important}
  .usob-site-header[data-usob-navigation] .usob-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:min(325px,calc(100vw - 82px))!important;
    height:68px!important;
    gap:8px!important;
    padding:0!important;
    border-right:0!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-usa{
    width:68px!important;
    height:46px!important;
    flex-basis:68px!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-usa img{
    width:66px!important;
    height:44px!important;
  }
  .usob-site-header[data-usob-navigation] .usob-brand-copy strong{font-size:12px!important}
  .usob-site-header[data-usob-navigation] .usob-brand-copy strong b{font-size:21px!important}
  .usob-site-header[data-usob-navigation] .usob-brand-copy small{
    font-size:5px!important;
    margin-top:4px!important;
  }
  .usob-mobile-nav-toggle{
    margin-top:14px!important;
  }
  .usob-site-header[data-usob-navigation].is-mobile-nav-open{
    height:auto!important;
    min-height:88px!important;
  }
}

/* ==========================================================================
   MOBILE HORIZONTAL OVERFLOW REPAIR
   Keep header locked to viewport and keep hamburger visible.
   ========================================================================== */
@media(max-width:900px){
  html, body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .usob-site-header[data-usob-navigation]{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:10px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .usob-site-header[data-usob-navigation] .usob-brand{
    min-width:0!important;
    max-width:100%!important;
    width:auto!important;
  }

  .usob-site-header[data-usob-navigation] .usob-brand-copy{
    min-width:0!important;
    max-width:calc(100vw - 150px)!important;
    overflow:hidden!important;
  }

  .usob-site-header[data-usob-navigation] .usob-brand-copy strong,
  .usob-site-header[data-usob-navigation] .usob-brand-copy small{
    white-space:nowrap!important;
  }

  .usob-mobile-nav-toggle{
    position:relative!important;
    z-index:20!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    margin:0!important;
    justify-self:end!important;
    align-self:center!important;
    right:auto!important;
    left:auto!important;
    transform:none!important;
  }

  .usob-site-header[data-usob-navigation] .usob-main-nav,
  .usob-site-header[data-usob-navigation] .usob-header-actions{
    max-width:100%!important;
  }

  .usob-site-header[data-usob-navigation].is-mobile-nav-open .usob-main-nav{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .usob-site-header[data-usob-navigation].is-mobile-nav-open .usob-main-nav ul,
  .usob-site-header[data-usob-navigation].is-mobile-nav-open .usob-main-nav .usob-nav-list{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* ==========================================================================
   LOCKED FOOTER — approved 2026-08-23 mockup
   Artwork: barrel + whiskey glass + COMPASS + USOB wordmark.
   ========================================================================== */
.usob-site-footer{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:468px!important;
  min-height:468px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#fff!important;
  background:#0d3150!important;
  border-top:5px solid #c6973c!important;
  border-bottom:3px solid #c6973c!important;
  border-radius:0 0 16px 16px!important;
  box-shadow:0 -4px 16px rgba(13,49,80,.16)!important;
  box-sizing:border-box!important;
}

.usob-site-footer .usob-footer-main{
  position:relative!important;
  z-index:1!important;
  height:372px!important;
  display:grid!important;
  grid-template-columns:42% 22% 15% 21%!important;
  gap:0!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
  background:#0d3150!important;
  overflow:hidden!important;
}

/* Full scenic environment, locked to the approved left composition. */
.usob-site-footer .usob-footer-main::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(8,31,52,.02) 0%,
      rgba(8,31,52,.05) 31%,
      rgba(8,31,52,.58) 47%,
      rgba(8,31,52,.79) 63%,
      rgba(8,31,52,.88) 100%),
    url('/assets/img/shell/footer-left-art.png') left center / auto 100% no-repeat,
    linear-gradient(180deg,#123d60 0%,#0d3150 100%)!important;
}

.usob-site-footer .usob-footer-main::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 82% 45%,rgba(33,89,128,.12),transparent 40%),
    linear-gradient(90deg,transparent 0 34%,rgba(6,30,51,.08) 50%,rgba(6,30,51,.18) 100%)!important;
}

.usob-site-footer .usob-footer-art{
  position:relative!important;
  z-index:1!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border-right:1px solid rgba(221,172,78,.92)!important;
}

.usob-site-footer .usob-footer-column{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin:46px 0 42px!important;
  padding:0 40px!important;
  border-right:1px solid rgba(221,172,78,.92)!important;
  background:transparent!important;
  text-align:left!important;
  box-sizing:border-box!important;
}

.usob-site-footer .usob-footer-connected{
  border-right:0!important;
  padding-right:48px!important;
}

.usob-site-footer .usob-footer-column h3{
  margin:0 0 22px!important;
  padding:0 0 12px!important;
  border-bottom:2px solid #d7a743!important;
  color:#e6b24f!important;
  font:700 21px/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.015em!important;
  text-transform:uppercase!important;
}

.usob-site-footer .usob-footer-links{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
}

.usob-site-footer .usob-footer-links.two-col{
  grid-template-columns:1fr 1fr!important;
  column-gap:34px!important;
  row-gap:18px!important;
}

.usob-site-footer .usob-footer-links a{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
  color:#fff!important;
  text-decoration:none!important;
  font:600 14px/1.15 Arial,sans-serif!important;
  white-space:nowrap!important;
}

.usob-site-footer .usob-footer-links a:hover{
  color:#e6b24f!important;
}

.usob-site-footer .usob-footer-links a img{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  object-fit:contain!important;
  filter:sepia(1) saturate(2.2) hue-rotate(350deg) brightness(1.35)!important;
}

.usob-site-footer .usob-footer-link-icon{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  display:grid!important;
  place-items:center!important;
  color:#e6b24f!important;
  font:700 18px/1 Arial,sans-serif!important;
}

.usob-site-footer .usob-footer-icon-dashboard{
  border:2px solid #e6b24f!important;
  border-radius:50%!important;
  font-size:14px!important;
}

.usob-site-footer .usob-footer-connected p{
  margin:0 0 38px!important;
  color:#fff!important;
  font:600 14px/1.35 Arial,sans-serif!important;
}

.usob-site-footer .usob-social-row{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}

.usob-site-footer .usob-social-row a{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  display:grid!important;
  place-items:center!important;
  border:3px solid #d7a743!important;
  border-radius:50%!important;
  background:#0c3657!important;
  color:#fff!important;
  text-decoration:none!important;
  font:700 22px/1 Arial,sans-serif!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}

.usob-site-footer .usob-footer-bottom{
  position:relative!important;
  z-index:2!important;
  height:96px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  align-items:center!important;
  gap:20px!important;
  margin:0!important;
  padding:0 52px!important;
  border-top:4px solid #d7a743!important;
  background:linear-gradient(180deg,#0c3151,#092a46)!important;
  box-sizing:border-box!important;
}

.usob-site-footer .usob-footer-motto,
.usob-site-footer .usob-footer-spirit{
  color:#e6b24f!important;
  font:700 17px/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.055em!important;
  white-space:nowrap!important;
}

.usob-site-footer .usob-footer-motto b{
  padding:0 12px!important;
  color:#e6b24f!important;
}

.usob-site-footer .usob-copyright{
  justify-self:center!important;
  color:#e4b963!important;
  font:600 10px/1 Arial,sans-serif!important;
  white-space:nowrap!important;
}

.usob-site-footer .usob-footer-spirit{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}

.usob-site-footer .usob-footer-spirit span{
  display:block!important;
  width:58px!important;
  height:1px!important;
  background:#d7a743!important;
}

/* Tablet: same visual language, stacked only as needed. */
@media(max-width:1100px) and (min-width:701px){
  .usob-site-footer{height:auto!important;min-height:0!important}
  .usob-site-footer .usob-footer-main{
    height:auto!important;
    grid-template-columns:1fr 1fr!important;
    padding-top:220px!important;
    background:#0d3150!important;
  }
  .usob-site-footer .usob-footer-main::before{
    background:
      linear-gradient(rgba(8,31,52,.10),rgba(8,31,52,.26)),
      url('/assets/img/shell/footer-left-art.png') left top / auto 220px repeat-x,
      #0d3150!important;
  }
  .usob-site-footer .usob-footer-art{display:none!important}
  .usob-site-footer .usob-footer-column{
    margin:0!important;
    padding:30px 34px!important;
    border-right:1px solid rgba(221,172,78,.55)!important;
    border-bottom:1px solid rgba(221,172,78,.45)!important;
  }
  .usob-site-footer .usob-footer-connected{
    grid-column:1/-1!important;
    border-right:0!important;
  }
  .usob-site-footer .usob-footer-bottom{
    height:auto!important;
    min-height:112px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:18px 24px!important;
    text-align:center!important;
  }
  .usob-site-footer .usob-footer-motto,
  .usob-site-footer .usob-footer-spirit,
  .usob-site-footer .usob-copyright{
    justify-self:center!important;
  }
}

/* Phone: locked to viewport; no sideways scrolling. */
@media(max-width:700px){
  .usob-site-footer{
    width:100%!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    overflow-x:hidden!important;
    border-radius:0 0 12px 12px!important;
  }

  .usob-site-footer .usob-footer-main{
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    padding-top:180px!important;
    overflow:hidden!important;
  }

  .usob-site-footer .usob-footer-main::before{
    background:
      linear-gradient(rgba(8,31,52,.06),rgba(8,31,52,.20)),
      url('/assets/img/shell/footer-left-art.png') left top / auto 180px no-repeat,
      #0d3150!important;
  }

  .usob-site-footer .usob-footer-art{
    display:none!important;
  }

  .usob-site-footer .usob-footer-column{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:26px 24px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(221,172,78,.42)!important;
    box-sizing:border-box!important;
  }

  .usob-site-footer .usob-footer-connected{
    grid-column:auto!important;
  }

  .usob-site-footer .usob-footer-column h3{
    font-size:19px!important;
    margin-bottom:18px!important;
  }

  .usob-site-footer .usob-footer-links.two-col{
    grid-template-columns:1fr 1fr!important;
    column-gap:18px!important;
  }

  .usob-site-footer .usob-footer-links a{
    white-space:normal!important;
    font-size:13px!important;
  }

  .usob-site-footer .usob-social-row{
    flex-wrap:wrap!important;
  }

  .usob-site-footer .usob-footer-bottom{
    height:auto!important;
    min-height:145px!important;
    grid-template-columns:1fr!important;
    gap:15px!important;
    padding:20px 18px!important;
    text-align:center!important;
  }

  .usob-site-footer .usob-footer-motto,
  .usob-site-footer .usob-footer-spirit{
    justify-self:center!important;
    font-size:13px!important;
    white-space:normal!important;
  }

  .usob-site-footer .usob-copyright{
    justify-self:center!important;
    white-space:normal!important;
    line-height:1.35!important;
  }

  .usob-site-footer .usob-footer-spirit span{
    width:28px!important;
  }
}

@media(max-width:430px){
  .usob-site-footer .usob-footer-main{
    padding-top:155px!important;
  }
  .usob-site-footer .usob-footer-main::before{
    background-size:auto 155px!important;
  }
  .usob-site-footer .usob-footer-links.two-col{
    grid-template-columns:1fr!important;
  }
  .usob-site-footer .usob-social-row a{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
  }
}

/* ==========================================================================
   FOOTER GEOMETRY REPAIR ONLY
   Existing artwork and approved footer design are unchanged.
   ========================================================================== */
@media(min-width:1101px){
  .usob-site-footer{
    height:420px!important;
    min-height:420px!important;
  }

  .usob-site-footer .usob-footer-main{
    height:332px!important;
    grid-template-columns:40% 22% 16% 22%!important;
  }

  /* Contain the existing artwork wholly inside the left 40%.
     No bleed beneath Explore. */
  .usob-site-footer .usob-footer-main::before{
    background:
      linear-gradient(90deg,
        rgba(8,31,52,.01) 0%,
        rgba(8,31,52,.02) 39.8%,
        rgba(8,31,52,.96) 40%,
        rgba(8,31,52,.96) 100%),
      url('/assets/img/shell/footer-left-art.png') left center / 40% 100% no-repeat,
      linear-gradient(180deg,#123d60 0%,#0d3150 100%)!important;
  }

  .usob-site-footer .usob-footer-main::after{
    background:
      linear-gradient(90deg,
        transparent 0%,
        transparent 39.9%,
        rgba(7,31,51,.02) 40%,
        rgba(7,31,51,.12) 100%)!important;
  }

  .usob-site-footer .usob-footer-art{
    border-right:1px solid rgba(221,172,78,.92)!important;
  }

  /* Explore begins only after the artwork divider. */
  .usob-site-footer .usob-footer-column{
    margin:36px 0 30px!important;
    padding:0 40px!important;
  }

  .usob-site-footer .usob-footer-explore{
    padding-left:40px!important;
  }

  .usob-site-footer .usob-footer-column h3{
    margin-bottom:18px!important;
    padding-bottom:10px!important;
  }

  .usob-site-footer .usob-footer-links{
    gap:15px!important;
  }

  .usob-site-footer .usob-footer-links.two-col{
    row-gap:15px!important;
  }

  .usob-site-footer .usob-footer-connected p{
    margin-bottom:30px!important;
  }

  /* Keep existing bottom rail; only reduce its height with footer. */
  .usob-site-footer .usob-footer-bottom{
    height:88px!important;
  }
}

/* ==========================================================================
   FOOTER SCALE + CONTINUOUS ARTWORK REPAIR
   Desktop only. Existing artwork, links, header and mobile behavior unchanged.
   ========================================================================== */
@media(min-width:1101px){
  .usob-site-footer{
    height:330px!important;
    min-height:330px!important;
  }

  .usob-site-footer .usob-footer-main{
    height:265px!important;
    grid-template-columns:40% 22% 16% 22%!important;
  }

  /* Existing scenic artwork now continues across the ENTIRE footer.
     Left 40% stays clear; right side gets a navy veil for legibility. */
  .usob-site-footer .usob-footer-main::before{
    background:
      linear-gradient(90deg,
        rgba(6,27,46,.02) 0%,
        rgba(6,27,46,.04) 35%,
        rgba(6,27,46,.52) 47%,
        rgba(6,27,46,.78) 64%,
        rgba(6,27,46,.88) 100%),
      url('/assets/img/shell/footer-left-art.png') center center / cover no-repeat!important;
  }

  .usob-site-footer .usob-footer-main::after{
    background:
      linear-gradient(90deg,
        transparent 0 38%,
        rgba(7,31,51,.12) 48%,
        rgba(7,31,51,.30) 100%)!important;
  }

  .usob-site-footer .usob-footer-column{
    margin:24px 0 20px!important;
    padding:0 30px!important;
  }

  .usob-site-footer .usob-footer-explore{
    padding-left:32px!important;
  }

  .usob-site-footer .usob-footer-connected{
    padding-right:34px!important;
  }

  .usob-site-footer .usob-footer-column h3{
    margin-bottom:13px!important;
    padding-bottom:8px!important;
    font-size:18px!important;
  }

  .usob-site-footer .usob-footer-links{
    gap:10px!important;
  }

  .usob-site-footer .usob-footer-links.two-col{
    column-gap:24px!important;
    row-gap:10px!important;
  }

  .usob-site-footer .usob-footer-links a{
    gap:9px!important;
    font-size:12px!important;
  }

  .usob-site-footer .usob-footer-links a img,
  .usob-site-footer .usob-footer-link-icon{
    width:20px!important;
    height:20px!important;
    flex-basis:20px!important;
  }

  .usob-site-footer .usob-footer-connected p{
    margin-bottom:20px!important;
    font-size:12px!important;
  }

  .usob-site-footer .usob-social-row{
    gap:12px!important;
  }

  .usob-site-footer .usob-social-row a{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
    font-size:18px!important;
  }

  .usob-site-footer .usob-footer-bottom{
    height:65px!important;
    padding:0 42px!important;
  }

  .usob-site-footer .usob-footer-motto,
  .usob-site-footer .usob-footer-spirit{
    font-size:14px!important;
  }

  .usob-site-footer .usob-copyright{
    font-size:9px!important;
  }
}

/* ==========================================================================
   LOCKED FOOTER — LITERAL APPROVED VISUAL
   Desktop uses the exact approved footer artwork as the visual surface.
   Existing semantic links remain clickable above it.
   Mobile/tablet keep the responsive semantic footer.
   ========================================================================== */
@media(min-width:1101px){
  .usob-site-footer{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1772 / 445!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:
      url('/assets/img/shell/footer-locked-desktop.png') center center / 100% 100% no-repeat!important;
  }

  .usob-site-footer .usob-footer-main{
    position:absolute!important;
    inset:0 0 23.15% 0!important;
    width:100%!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:40.6% 21.1% 15% 23.3%!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    overflow:visible!important;
  }

  .usob-site-footer .usob-footer-main::before,
  .usob-site-footer .usob-footer-main::after{
    content:none!important;
    display:none!important;
  }

  .usob-site-footer .usob-footer-art{
    grid-column:1!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
    background:transparent!important;
  }

  .usob-site-footer .usob-footer-column{
    position:relative!important;
    z-index:5!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:13% 8% 8%!important;
    border:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }

  .usob-site-footer .usob-footer-explore{
    grid-column:2!important;
  }

  .usob-site-footer .usob-footer-about{
    grid-column:3!important;
  }

  .usob-site-footer .usob-footer-connected{
    grid-column:4!important;
  }

  /* The approved raster supplies all visible desktop typography/icons.
     Semantic elements remain in their real positions as clickable hit areas. */
  .usob-site-footer .usob-footer-column h3,
  .usob-site-footer .usob-footer-column p,
  .usob-site-footer .usob-footer-links a > *,
  .usob-site-footer .usob-social-row a{
    opacity:0!important;
  }

  .usob-site-footer .usob-footer-links{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7%!important;
  }

  .usob-site-footer .usob-footer-links.two-col{
    grid-template-columns:1fr 1fr!important;
    column-gap:8%!important;
    row-gap:7%!important;
  }

  .usob-site-footer .usob-footer-links a{
    min-height:28px!important;
    display:flex!important;
    align-items:center!important;
    text-decoration:none!important;
  }

  .usob-site-footer .usob-social-row{
    display:flex!important;
    gap:6%!important;
    margin-top:14%!important;
  }

  .usob-site-footer .usob-social-row a{
    width:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
    display:block!important;
    border-radius:50%!important;
    pointer-events:auto!important;
  }

  .usob-site-footer .usob-footer-bottom{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:23.15%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    align-items:center!important;
    margin:0!important;
    padding:0 3.5%!important;
    border:0!important;
    background:transparent!important;
  }

  .usob-site-footer .usob-footer-bottom > *{
    opacity:0!important;
  }
}


/* FINAL FOOTER CORNER LOCK — square corners only */
.usob-site-footer{
  border-radius:0!important;
}
@media(max-width:1100px){
  .usob-site-footer{
    border-radius:0!important;
  }
}

/* TRUE SQUARE FOOTER EDGES */
.usob-site-footer,
.usob-site-footer::before,
.usob-site-footer::after{
  border-radius:0!important;
  clip-path:none!important;
}

/* ==========================================================================
   FINAL LOCKED FOOTER — approved target + real links
   ========================================================================== */

.usob-footer-final{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#082b47!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.usob-footer-final-desktop{
  position:relative!important;
  display:block!important;
  width:100%!important;
  line-height:0!important;
  background:#082b47!important;
}

.usob-footer-final-art{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

.usob-footer-hotspots{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
}

.usob-footer-hotspots .hs{
  position:absolute!important;
  display:block!important;
  z-index:6!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
}

/* Explore hit areas */
.usob-footer-hotspots .hs-dashboard   {left:45.3%; top:23.0%; width:9.0%; height:11.0%}
.usob-footer-hotspots .hs-trails      {left:55.2%; top:23.0%; width:7.8%; height:11.0%}
.usob-footer-hotspots .hs-passport    {left:45.3%; top:35.2%; width:9.0%; height:11.0%}
.usob-footer-hotspots .hs-journal     {left:55.2%; top:35.2%; width:8.0%; height:11.0%}
.usob-footer-hotspots .hs-states      {left:45.3%; top:47.0%; width:9.0%; height:10.5%}
.usob-footer-hotspots .hs-faq-explore {left:55.2%; top:47.0%; width:7.5%; height:10.5%}
.usob-footer-hotspots .hs-distilleries{left:45.3%; top:58.3%; width:11.0%;height:11.0%}

/* About hit areas */
.usob-footer-hotspots .hs-about      {left:66.2%; top:23.0%; width:9.4%; height:11.0%}
.usob-footer-hotspots .hs-faq-about  {left:66.2%; top:35.2%; width:7.0%; height:11.0%}
.usob-footer-hotspots .hs-privacy    {left:66.2%; top:47.0%; width:12.0%;height:10.5%}
.usob-footer-hotspots .hs-contact    {left:66.2%; top:58.3%; width:9.0%; height:11.0%}

/* Social hit areas */
.usob-footer-hotspots .hs-facebook  {left:82.0%; top:36.0%; width:4.1%; height:14.0%; border-radius:50%}
.usob-footer-hotspots .hs-instagram {left:86.4%; top:36.0%; width:4.1%; height:14.0%; border-radius:50%}
.usob-footer-hotspots .hs-youtube   {left:90.8%; top:36.0%; width:4.1%; height:14.0%; border-radius:50%}
.usob-footer-hotspots .hs-email     {left:95.0%; top:36.0%; width:4.0%; height:14.0%; border-radius:50%}

.usob-footer-final-mobile{
  display:none!important;
}

/* Tablet and phone */
@media(max-width:900px){
  .usob-footer-final-desktop{
    display:none!important;
  }

  .usob-footer-final-mobile{
    display:block!important;
    width:100%!important;
    max-width:100vw!important;
    overflow:hidden!important;
    background:#082b47!important;
    color:#fff!important;
  }

  .usob-footer-mobile-brand{
    width:100%!important;
    height:165px!important;
    background:
      linear-gradient(90deg,rgba(6,28,47,.03),rgba(6,28,47,.36)),
      url('/assets/img/shell/footer-left-art.png') left center / auto 100% no-repeat,
      #082b47!important;
    border-bottom:2px solid #d7a743!important;
  }

  .usob-footer-final-mobile section{
    width:100%!important;
    box-sizing:border-box!important;
    padding:22px 22px!important;
    border-bottom:1px solid rgba(215,167,67,.38)!important;
  }

  .usob-footer-final-mobile h3{
    margin:0 0 15px!important;
    padding:0 0 8px!important;
    color:#e4ad43!important;
    border-bottom:1px solid #d7a743!important;
    font:700 17px/1 Georgia,'Times New Roman',serif!important;
    text-transform:uppercase!important;
  }

  .usob-footer-mobile-links{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px 18px!important;
  }

  .usob-footer-mobile-links a{
    color:#fff!important;
    text-decoration:none!important;
    font:600 13px/1.2 Arial,sans-serif!important;
  }

  .usob-footer-final-mobile p{
    margin:0 0 16px!important;
    font:600 13px/1.4 Arial,sans-serif!important;
  }

  .usob-footer-mobile-social{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
  }

  .usob-footer-mobile-social a{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    color:#fff!important;
    border:2px solid #d7a743!important;
    border-radius:50%!important;
    text-decoration:none!important;
    font:700 18px/1 Arial,sans-serif!important;
  }

  .usob-footer-mobile-bottom{
    display:grid!important;
    gap:9px!important;
    padding:18px 16px 22px!important;
    text-align:center!important;
    color:#e4ad43!important;
    background:#082b47!important;
  }

  .usob-footer-mobile-bottom strong{
    font:700 12px/1.2 Georgia,'Times New Roman',serif!important;
    letter-spacing:.03em!important;
  }

  .usob-footer-mobile-bottom span{
    color:#e4ad43!important;
    font:600 9px/1.3 Arial,sans-serif!important;
  }
}

@media(max-width:430px){
  .usob-footer-mobile-brand{
    height:140px!important;
  }

  .usob-footer-mobile-links{
    grid-template-columns:1fr!important;
  }
}

/* ==========================================================================
   MOBILE HAMBURGER ICON FIX ONLY
   Closed = 3 bars. Open = X. No layout changes.
   ========================================================================== */
.usob-mobile-nav-toggle{
  position:relative!important;
}

.usob-mobile-nav-toggle .usob-hamburger{
  width:24px!important;
  height:18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:stretch!important;
}

.usob-mobile-nav-toggle .usob-hamburger span{
  display:block!important;
  width:100%!important;
  height:2px!important;
  min-height:2px!important;
  background:#0d3150!important;
  border-radius:0!important;
  transform-origin:center!important;
  transition:transform .18s ease, opacity .18s ease!important;
}

/* Menu open: convert to X */
.usob-site-header[data-usob-navigation].is-mobile-nav-open
.usob-mobile-nav-toggle .usob-hamburger span:nth-child(1){
  transform:translateY(8px) rotate(45deg)!important;
}

.usob-site-header[data-usob-navigation].is-mobile-nav-open
.usob-mobile-nav-toggle .usob-hamburger span:nth-child(2){
  opacity:0!important;
}

.usob-site-header[data-usob-navigation].is-mobile-nav-open
.usob-mobile-nav-toggle .usob-hamburger span:nth-child(3){
  transform:translateY(-8px) rotate(-45deg)!important;
}


/* FINAL MOBILE HAMBURGER RESET
   usob-mobile-nav.css applies bar styling to EVERY span inside the button.
   Reset the wrapper itself, then style only its three child bars. */
@media(max-width:900px){
  .usob-mobile-nav-toggle > .usob-hamburger{
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    width:24px!important;
    height:18px!important;
    min-height:18px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:inherit!important;
  }

  .usob-mobile-nav-toggle > .usob-hamburger > span{
    display:block!important;
    width:24px!important;
    height:2px!important;
    min-height:2px!important;
    margin:0!important;
    padding:0!important;
    background:#0d3150!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}


/* MOBILE OPEN-MENU ICON CENTERING ONLY
   Keep the open/close symbol centered in the existing button. */
@media(max-width:900px){
  .usob-mobile-nav-toggle{
    display:grid!important;
    place-items:center!important;
    padding:0!important;
  }

  .usob-mobile-nav-toggle > .usob-hamburger{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center!important;
  }

  .usob-site-header[data-usob-navigation].is-mobile-nav-open
  .usob-mobile-nav-toggle > .usob-hamburger{
    left:50%!important;
    top:50%!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
  }
}


/* ==========================================================================
   CHARLIE DESKTOP FOOTER — EXACT APPROVED IMAGE TWO
   Locked visual with transparent live hotspots. Mobile unchanged.
   ========================================================================== */
@media (min-width:901px){
  .usob-footer-final{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#082b47!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  .usob-footer-final-desktop.usob-footer-image2-desktop{
    position:relative!important;
    display:block!important;
    width:100%!important;
    aspect-ratio:2172 / 428!important;
    line-height:0!important;
    background:#082b47!important;
  }

  .usob-footer-image2-art{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  .usob-footer-image2-hotspots{
    position:absolute!important;
    inset:0!important;
    z-index:5!important;
    pointer-events:none!important;
  }

  .usob-footer-image2-hotspots .hs{
    position:absolute!important;
    display:block!important;
    z-index:6!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    background:transparent!important;
    border:0!important;
    text-decoration:none!important;
  }

  /* Explore */
  .usob-footer-image2-hotspots .hs-dashboard   {left:50.0%; top:28.0%; width:9.0%; height:10.0%}
  .usob-footer-image2-hotspots .hs-trails      {left:59.0%; top:28.0%; width:6.5%; height:10.0%}
  .usob-footer-image2-hotspots .hs-passport    {left:50.0%; top:38.5%; width:9.0%; height:10.0%}
  .usob-footer-image2-hotspots .hs-journal     {left:59.0%; top:38.5%; width:7.0%; height:10.0%}
  .usob-footer-image2-hotspots .hs-states      {left:50.0%; top:48.5%; width:8.0%; height:10.0%}
  .usob-footer-image2-hotspots .hs-faq-explore {left:59.0%; top:48.5%; width:6.0%; height:10.0%}
  .usob-footer-image2-hotspots .hs-distilleries{left:50.0%; top:58.5%; width:10.0%;height:10.0%}

  /* About */
  .usob-footer-image2-hotspots .hs-about      {left:70.2%; top:28.0%; width:8.0%; height:10.0%}
  .usob-footer-image2-hotspots .hs-faq-about  {left:70.2%; top:38.5%; width:5.0%; height:10.0%}
  .usob-footer-image2-hotspots .hs-privacy    {left:70.2%; top:48.5%; width:10.5%;height:10.0%}
  .usob-footer-image2-hotspots .hs-contact    {left:70.2%; top:58.5%; width:7.0%; height:10.0%}

  /* Social */
  .usob-footer-image2-hotspots .hs-facebook  {left:83.1%; top:39.0%; width:3.6%; height:11.0%; border-radius:50%}
  .usob-footer-image2-hotspots .hs-instagram {left:87.0%; top:39.0%; width:3.6%; height:11.0%; border-radius:50%}
  .usob-footer-image2-hotspots .hs-youtube   {left:91.0%; top:39.0%; width:3.6%; height:11.0%; border-radius:50%}
  .usob-footer-image2-hotspots .hs-email     {left:95.0%; top:39.0%; width:3.5%; height:11.0%; border-radius:50%}
}


/* CHARLIE IMAGE TWO — asset-level square + compact lock */
@media (min-width:901px){
  .usob-footer-final{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .usob-footer-final-desktop.usob-footer-image2-desktop{
    width:100%!important;
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
    aspect-ratio:auto!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .usob-footer-image2-art{
    width:100%!important;
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
    object-fit:fill!important;
    border-radius:0!important;
    clip-path:none!important;
  }
}


/* ==========================================================================
   CHARLIE FOOTER — FINAL FULL-BLEED LOCK
   Image 1 target. No rounded corners, no side gaps, compact height.
   ========================================================================== */
@media (min-width:901px){
  .usob-footer-final{
    position:relative!important;
    left:50%!important;
    right:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:-50vw!important;
    margin-right:-50vw!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding:0!important;
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    clip-path:none!important;
    background:#082b47!important;
  }

  .usob-footer-final-desktop.usob-footer-image2-desktop{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    background:#082b47!important;
  }

  .usob-footer-image2-art{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
    margin:0!important;
    padding:0!important;
    object-fit:fill!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    box-shadow:none!important;
  }

  .usob-footer-final::before,
  .usob-footer-final::after,
  .usob-footer-final-desktop.usob-footer-image2-desktop::before,
  .usob-footer-final-desktop.usob-footer-image2-desktop::after{
    content:none!important;
    display:none!important;
  }
}


/* ==========================================================================
   CHARLIE FOOTER — REMOVE HORIZONTAL OVERFLOW
   Keep full-width presentation without 100vw / negative-margin overflow.
   ========================================================================== */
@media (min-width:901px){
  .usob-footer-final{
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  .usob-footer-final-desktop.usob-footer-image2-desktop,
  .usob-footer-image2-art{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}


/* CHARLIE FOOTER — TRUE SQUARE EDGE FINAL */
@media (min-width:901px){
  .usob-footer-final,
  .usob-footer-final-desktop.usob-footer-image2-desktop,
  .usob-footer-image2-art{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    border-radius:0!important;
    clip-path:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .usob-footer-final,
  .usob-footer-final-desktop.usob-footer-image2-desktop,
  .usob-footer-image2-art{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }

  html, body{
    overflow-x:hidden;
  }
}