/* Websites by Tyler: the one header on every page (homepage, section pages, inner pages). 2026-11-11.
   Services and Showcase each open their own dropdown. Phones (820 px and under): the T, Get a quote and a menu button. */
:root{--uh:76px}
.uh,.uh *,.uh-m,.uh-m *{box-sizing:border-box}
.uh{position:fixed;left:0;top:0;right:0;height:var(--uh);z-index:950;color:#fff;font-family:IN,sans-serif;background:rgba(10,10,10,.35);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.08);transition:background .35s,border-color .35s,opacity .35s}
.uh.clear{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.uh.hide{opacity:0;pointer-events:none}
.uh a{color:inherit;text-decoration:none}
.uh-in{height:100%;padding:0 64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.uh-lg{display:flex;align-items:center;gap:14px;line-height:0;justify-self:start}
.uh-lg img{width:56px;height:56px;display:block}
.uh-lg span{font:500 17px/1 ID,sans-serif;letter-spacing:-.01em;white-space:nowrap}
.uh-nav{display:flex;align-items:center;gap:38px;font:500 16px/1 IN,sans-serif;color:rgba(255,255,255,.86)}
.uh-nav>a,.uh-dd{all:unset;cursor:pointer;display:flex;align-items:center;gap:7px;position:relative;padding:10px 0;color:inherit;font:inherit;transition:color .2s}
.uh-nav>a:hover,.uh-dd:hover,.uh-dd[aria-expanded="true"],.uh-nav>a.on{color:#fff}
.uh-nav>a.on:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#d6b67c}
.uh-dd:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7;transition:transform .25s}
.uh-dd[aria-expanded="true"]:after{transform:translateY(2px) rotate(225deg)}
.uh-dd.on{color:#fff}
.uh a:focus-visible,.uh button:focus-visible,.uh-m a:focus-visible{outline:2px solid #d6b67c;outline-offset:4px;border-radius:4px}
.uh-it{position:relative}
/* each dropdown hangs under its own word */
.uh-p{position:absolute;top:calc(100% + 18px);left:50%;width:330px;padding:12px;border-radius:16px;background:#121212;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .2s ease,transform .25s cubic-bezier(.2,.7,.2,1),visibility 0s .25s}
.uh-p:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.uh-it.open .uh-p{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s ease,transform .25s cubic-bezier(.2,.7,.2,1)}
.uh-p.w2{width:640px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.uh-p a{display:block;padding:12px 14px;border-radius:10px;transition:background .15s}
.uh-p a:hover,.uh-p a:focus-visible{background:rgba(255,255,255,.06)}
.uh-p a.on b{color:#d6b67c}
/* Home, first in each dropdown, across the full width (2026-11-11) */
.uh-p a.hm{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;margin-bottom:4px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:10px 10px 0 0}
.uh-p a.hm small{margin-top:0}
.uh-p b{display:block;font:500 17px/1.25 ID,sans-serif;letter-spacing:-.012em;color:#fff}
.uh-p small{display:block;margin-top:3px;font:400 14px/1.4 IN,sans-serif;color:rgba(255,255,255,.55)}
.uh-rt{justify-self:end;display:flex;align-items:center;gap:14px}
.uh-q{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border-radius:99px;background:#d6b67c;color:#0a0a0a!important;font:600 15.5px/1 IN,sans-serif;white-space:nowrap;transition:background .25s}
.uh-q:hover{background:#e3c792}
.uh-bg{all:unset;cursor:pointer;display:none;width:26px;height:18px;position:relative}
.uh-bg i{position:absolute;left:0;right:0;height:1.8px;background:#fff;border-radius:2px;transition:transform .3s,opacity .2s,top .3s}
.uh-bg i:nth-child(1){top:0}.uh-bg i:nth-child(2){top:8px}.uh-bg i:nth-child(3){top:16px}
.uh-mopen .uh-bg i:nth-child(1){top:8px;transform:rotate(45deg)}.uh-mopen .uh-bg i:nth-child(2){opacity:0}.uh-mopen .uh-bg i:nth-child(3){top:8px;transform:rotate(-45deg)}
/* the phone menu */
.uh-m{position:fixed;left:0;right:0;top:var(--uh);bottom:0;z-index:949;overflow:auto;background:#0c0c0c;color:#fff;font-family:IN,sans-serif;padding:24px 24px 40px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s .35s}
.uh-mopen .uh-m{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.uh-m a{color:#fff;text-decoration:none}
.uh-m .mg{margin-bottom:26px}
.uh-m .mtop{display:block;padding:4px 0 14px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08);font:500 22px/1.2 ID,sans-serif;letter-spacing:-.012em}
.uh-m .mtop.on{color:#d6b67c}
.uh-m .mh{margin:0 0 10px;font:500 13.5px/1 IN,sans-serif;color:rgba(255,255,255,.5)}
.uh-m .ml{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.uh-m .ml a{display:block;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);font:500 17px/1.25 ID,sans-serif;letter-spacing:-.012em}
.uh-m .ml a.on{color:#d6b67c}
@media (max-width:820px){
  :root{--uh:60px}
  .uh-in{padding:0 24px;grid-template-columns:1fr auto 1fr}
  .uh-lg img{width:40px;height:40px}.uh-lg span{display:none}
  .uh-nav{display:none}
  .uh-bg{display:block}
  /* phone: the T on the left, the menu button in the middle, Get a quote on the right (2026-11-11) */
  .uh-lg{grid-column:1;grid-row:1}
  .uh-rt{display:contents}
  .uh-bg{grid-column:2;grid-row:1;justify-self:center}
  .uh-bg:before{content:"";position:absolute;inset:-13px -10px}
  .uh-q{grid-column:3;grid-row:1;justify-self:end;height:38px;padding:0 16px;font-size:14px}
}
@media (min-width:821px){.uh-m{display:none}}
@media (prefers-reduced-motion:reduce){.uh,.uh-p,.uh-m,.uh-bg i,.uh-dd:after{transition:none!important}}
.uh-mopen .uh{background:rgba(10,10,10,.98)!important;border-bottom-color:rgba(255,255,255,.07)!important}
/* homepage: a header menu also marks #gnav.open (to pause the page swipes); keep the gold tab's menu shut then */
#gnav.viauh #gmenu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}