
.cb-home-menu summary{display:none}.cb-home-page .site-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.65);background:rgba(16,17,13,.08);font-size:.78rem;font-weight:600;letter-spacing:.09em;line-height:1.2;text-decoration:none;text-transform:uppercase;transition:background-color .18s,border-color .18s,transform .18s}.cb-home-page .site-nav-link:hover,.cb-home-page .site-nav-link:focus-visible{color:#fff;border-color:#fff;background:rgba(255,255,255,.12);transform:translateY(-2px)}.cb-home-page .site-nav{gap:.75rem}
@media(min-width:768px){.cb-home-menu:not([open])>nav{display:flex}}
@media(max-width:767.98px){.cb-home-page>.navbar .container{grid-template-columns:1fr;justify-items:stretch;align-items:start;gap:1rem;padding:1rem}.cb-home-page .nav-slot-left{justify-self:start;margin:0}.cb-home-page .nav-slot-center{justify-self:end;margin:0}.cb-home-menu summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;border:1px solid rgba(255,255,255,.65);color:white;cursor:pointer;list-style:none;background:rgba(16,17,13,.2)}.cb-home-menu summary::-webkit-details-marker{display:none}.cb-home-menu summary span{display:block;width:22px;height:2px;background:currentColor}.cb-home-menu summary:focus-visible{outline:2px solid #d7bd76;outline-offset:4px}.cb-home-page .cb-home-menu[open] .site-nav{position:absolute;top:5.6rem;right:1rem;left:1rem;display:grid;gap:.6rem;padding:1rem;background:#20231f;border:1px solid #9c8752}.cb-home-menu[open] summary span:first-child{transform:translateY(7px) rotate(45deg)}.cb-home-menu[open] summary span:nth-child(2){opacity:0}.cb-home-menu[open] summary span:last-child{transform:translateY(-7px) rotate(-45deg)}}

/* Quiet desktop navigation leaves the central invitation as the focal point. */
@media(min-width:768px){
  .cb-home-page .site-nav{gap:clamp(1.25rem,2.2vw,2rem)}
  .cb-home-page .site-nav-link{
    position:relative;
    font-size:clamp(.9rem,1.15vw,1.1rem);
    padding:.65rem 0;
    border:0;
    background:transparent;
    color:rgba(255,255,255,.94);
    text-shadow:0 1px 10px rgba(0,0,0,.4);
    transition:color .18s ease;
  }
  .cb-home-page .site-nav-link::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:.3rem;
    height:1px;
    background:#d7bd76;
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .18s ease;
  }
  .cb-home-page .site-nav-link:hover,
  .cb-home-page .site-nav-link:focus-visible,
  .cb-home-page .site-nav-link.active,
  .cb-home-page .site-nav-link[aria-current='page']{
    color:#ead69c;
    background:transparent;
    transform:none;
  }
  .cb-home-page .site-nav-link:hover::after,
  .cb-home-page .site-nav-link:focus-visible::after,
  .cb-home-page .site-nav-link.active::after,
  .cb-home-page .site-nav-link[aria-current='page']::after{transform:scaleX(1)}
  .cb-home-page .site-nav-link:focus-visible{outline:2px solid #d7bd76;outline-offset:4px}
}

@media(min-width:768px){
  .cb-home-page .nav-slot-center{
    position:absolute;
    top:clamp(1.5rem,3vw,3.25rem);
    left:50%;
    right:auto;
    width:max-content;
    margin:0;
    transform:translateX(-50%);
  }
  .cb-home-page .site-nav{justify-content:center}
}

/* Match the existing logo's gold shimmer on the central olive branch. */
.cb-hero-branch{position:relative;display:block;width:max-content;margin:.15rem auto .9rem}
.cb-hero-branch .cb-hero-brand-mark{margin:0}
.cb-hero-branch::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(115deg,transparent 0 28%,rgba(156,135,82,.2) 38%,rgba(212,179,77,.95) 45%,rgba(255,244,184,1) 50%,rgba(212,179,77,.95) 55%,rgba(156,135,82,.2) 62%,transparent 72% 100%);
  background-repeat:no-repeat;
  background-size:260% 100%;
  background-position:150% 0;
  -webkit-mask:url('../gallery/branding/WhiteSoloLogo.png') center / contain no-repeat;
  mask:url('../gallery/branding/WhiteSoloLogo.png') center / contain no-repeat;
  animation:cb-logo-shimmer 9s ease-in-out infinite;
}
@media(prefers-reduced-motion:reduce){.cb-hero-branch::after{animation:none}}
