/* Shared responsive header navigation. Wide screens show the full menu; compact views keep the menu button. */
.site-header{grid-template-columns:1fr auto}
.site-header .brand{display:flex;align-items:center;width:max-content}
.site-header .brand img{display:none}
.site-header .brand span{display:inline!important;color:var(--blue,#30476b);font:400 20px/1 "Lilita One",sans-serif;letter-spacing:.04em}
.site-header .menu-button{grid-column:2;justify-self:end}
.desktop-nav{display:none}

@media (min-width:1100px){
  .site-header{grid-template-columns:auto 1fr;column-gap:36px}
  .site-header>p{display:none}
  .menu-button{display:none}
  .desktop-nav{justify-self:end;display:flex;align-items:center;gap:clamp(20px,2.6vw,44px);height:100%}
  .desktop-nav>a,.desktop-portfolio>a{position:relative;display:flex;align-items:center;min-height:44px;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
  .desktop-nav>a::after,.desktop-portfolio>a::after{content:"";position:absolute;right:0;bottom:5px;left:0;height:2px;background:var(--coral,#d96548);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
  .desktop-nav>a:hover::after,.desktop-nav>a:focus-visible::after,.desktop-nav>a[aria-current="page"]::after,.desktop-portfolio:hover>a::after,.desktop-portfolio:focus-within>a::after,.desktop-portfolio>a[aria-current="page"]::after{transform:scaleX(1)}
  .desktop-portfolio{position:relative;display:flex;align-items:center;height:100%}
  .desktop-portfolio>a{gap:7px}
  .desktop-portfolio>a span{color:var(--coral,#d96548);font-size:13px;line-height:1}
  .desktop-submenu{position:absolute;top:calc(100% + 1px);right:-18px;display:grid;min-width:190px;padding:13px 18px 15px;border:1px solid rgba(48,71,107,.2);background:rgba(247,240,223,.98);box-shadow:0 16px 32px rgba(73,49,39,.12);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
  .desktop-portfolio:hover .desktop-submenu,.desktop-portfolio:focus-within .desktop-submenu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .desktop-submenu a{padding:8px 0;border-bottom:1px solid rgba(48,71,107,.14);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
  .desktop-submenu a:last-child{border-bottom:0}
  .desktop-submenu a:hover,.desktop-submenu a:focus-visible,.desktop-submenu a[aria-current="page"]{color:var(--coral,#d96548)}
}

@media (prefers-reduced-motion:reduce){
  .desktop-nav>a::after,.desktop-portfolio>a::after,.desktop-submenu{transition:none}
}

/* Compact menu footer: location on the left, social link on the right. */
.site-menu .menu-foot{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 24px;text-align:left}
.site-menu .menu-location{display:block;margin:0;line-height:1.6}
.site-menu .menu-foot a{margin:0;line-height:1.6}
.menu-panel>div{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 24px;text-align:left}
@media(max-width:650px){.site-menu .menu-foot,.menu-panel>div{font-size:8px;letter-spacing:.1em}.site-menu .menu-location{max-width:190px}}