/* Transparent navigation; only the controls receive pointer events. */
  .site-nav{
    position:fixed; inset:0 0 auto; z-index:110;
    padding:calc(24px + env(safe-area-inset-top, 0px)) clamp(24px, 3.2vw, 64px) 20px;
    background:transparent; opacity:0; visibility:hidden; pointer-events:none;
  }
  .site-nav__bar{ display:grid; grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr); align-items:center; gap:24px; }
  .site-nav__left{ display:flex; align-items:center; gap:12px; }
  .site-nav__right{ justify-self:end; }
  .site-brand{ display:block; width:152px; pointer-events:auto; }
  .site-brand img{ display:block; width:100%; height:auto; }
  .nav-pill{
    position:relative; display:inline-flex; justify-content:center; align-items:center; gap:10px;
    min-height:46px; padding:0 22px; border:1px solid rgba(213,200,186,.34); border-radius:999px;
    background:rgba(20,33,29,.16); color:#eee6d9; font:500 12px/1.2 "Plus Jakarta Sans",sans-serif;
    letter-spacing:.065em; text-transform:uppercase; text-decoration:none; white-space:nowrap;
    cursor:pointer; pointer-events:auto; isolation:isolate; -webkit-tap-highlight-color:transparent;
    transition:border-color .4s ease, box-shadow .4s ease, background-color .4s ease, color .4s ease, transform .25s ease;
  }
  .nav-pill::before{
    content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; opacity:0; pointer-events:none;
    background:radial-gradient(ellipse at 50% 120%, rgba(227,182,125,.62), transparent 72%),
      linear-gradient(110deg, rgba(179,150,119,.35), rgba(179,150,119,.12));
    transition:opacity .4s ease;
  }
  .nav-pill:hover, .nav-pill:focus-visible, .nav-pill[aria-expanded="true"]{
    color:#fff4e4; border-color:rgba(218,185,145,.9); background-color:rgba(179,150,119,.17);
    box-shadow:0 0 20px rgba(198,151,94,.28), 0 6px 32px rgba(179,150,119,.2), inset 0 0 13px rgba(229,193,147,.12);
  }
  .nav-pill:hover::before, .nav-pill:focus-visible::before, .nav-pill[aria-expanded="true"]::before{ opacity:1; }
  @media (hover:hover){ .nav-pill:hover{ transform:translateY(-1px); } }
  .nav-pill:focus-visible, .site-brand:focus-visible, .nav-popover a:focus-visible, .nav-popover button:focus-visible{
    outline:2px solid #d7ba96; outline-offset:5px;
  }
  .menu-symbol{ display:flex; flex-direction:column; gap:4px; width:15px; }
  .menu-symbol::before, .menu-symbol::after{ content:""; display:block; height:1px; width:100%; background:currentColor; }
  .nav-popover{
    position:absolute; top:100%; left:clamp(24px, 3.2vw, 64px); width:330px; max-width:calc(100vw - 32px);
    padding:22px; border:1px solid rgba(179,150,119,.32); border-radius:18px;
    background:rgba(20,33,29,.97); color:#D5C8BA; box-shadow:0 18px 60px rgba(0,0,0,.22);
    backdrop-filter:blur(18px); pointer-events:auto;
  }
  .nav-popover[hidden]{ display:none; }
  .nav-popover__title{ margin:0 0 14px; color:#B39677; font-size:11px; font-weight:500; letter-spacing:.17em; text-transform:uppercase; }
  .nav-popover a, .nav-popover button{
    display:flex; width:100%; align-items:center; justify-content:space-between; gap:16px;
    padding:15px 0; border:0; border-top:1px solid rgba(213,200,186,.12); background:none;
    color:inherit; text-align:left; font-size:15px; text-decoration:none; cursor:pointer; pointer-events:auto;
    transition:color .25s ease;
  }
  .nav-popover a:hover, .nav-popover button:hover{ color:#e2bf91; }
  .project-name{ display:block; font:400 23px/1.2 "Playfair Display",serif; }
  .project-phase{ display:block; margin-top:6px; color:#b5ac9f; font-size:12px; }
  .project-action{ color:#B39677; font-size:10px; letter-spacing:.08em; white-space:nowrap; }
  @media (max-width:1000px) and (min-width:761px){
    .site-nav__bar{ gap:16px; }
    .site-brand{ width:131.2px; }
    .site-nav__left{ gap:8px; }
    .nav-pill{ padding:0 15px; font-size:11px; }
  }
  @media (max-width:760px){
    .site-nav{ padding:calc(16px + env(safe-area-inset-top, 0px)) 16px 12px; }
    .site-nav__bar{ grid-template-columns:1fr auto; gap:16px 8px; }
    .site-brand{ grid-row:1; grid-column:1 / -1; justify-self:center; width:118.4px; }
    .site-nav__left{ grid-row:2; gap:8px; }
    .site-nav__right{ grid-row:2; grid-column:2; }
    .nav-pill{ min-height:44px; padding:0 13px; gap:7px; font-size:10px; letter-spacing:.045em; }
    .menu-symbol{ width:13px; }
    .nav-popover{ left:16px; right:16px; width:auto; }
  }
  @media (max-width:359px){
    .site-nav{ padding-left:12px; padding-right:12px; }
    .site-nav__left{ gap:6px; }
    .nav-pill{ padding:0 10px; letter-spacing:.02em; }
  }

/* Hide the browser scrollbar (user request 24 Oct 2026, like era.estate). Wheel, touch and keyboard scrolling still work. */
html{ scrollbar-width:none; -ms-overflow-style:none; }
html::-webkit-scrollbar{ display:none; width:0; height:0; }