.navbar{background:var(--paper); border-bottom:1px solid var(--line);}
  .navbar-item, .navbar-link{font-weight:500; color:var(--ink) !important;}
  .navbar-item.brand{font-family:'Fraunces',serif; font-weight:700; font-size:19px; color:var(--teal) !important; display:flex; align-items:center; gap:10px;}
  .nav-mark{width:34px;height:34px;border-radius:6px;background:var(--gold);display:flex;align-items:center;justify-content:center;flex:none;}
  .nav-mark span{font-family:'Fraunces',serif;font-weight:700;font-size:15px;color:var(--teal-deep);}
  .navbar-item.cta{background:var(--gold); color:var(--teal-deep) !important; border-radius:5px; font-weight:600; font-size:14px;}
  .navbar-item.is-active{color:var(--teal) !important; font-weight:600;}

  /* BURGER — bordered box, custom glyph (not Bulma default bars/blue) */
  .navbar-burger{
    color:var(--ink); border:1px solid var(--line); border-radius:4px; margin:auto 12px auto 0;
  }
  .navbar-burger:hover{background-color:transparent;}
  .navbar-burger span{background:none !important;}
  .navbar-burger::before{content:"\2261"; font-size:1.6rem; color:var(--ink); line-height:1;}
  .navbar-burger.is-active::before{content:"\2715"; font-size:1.3rem;}

  @media screen and (max-width:1023px){
    .navbar-menu .navbar-item{text-align:right;}
    .navbar-menu{box-shadow:none; border-bottom:1px solid var(--line);}
  }

  /* SHARED PAGE ELEMENTS */
  .eyebrow{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#BFD9D3; display:flex; align-items:center; gap:10px;}
  .eyebrow::before{content:"";width:18px;height:1px;background:var(--gold);display:inline-block;}
  .section-eyebrow{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--teal); margin-bottom:10px; display:block;}
  .btn-gold{background:var(--gold); color:var(--teal-deep); border:none; font-weight:600;}
  .btn-gold:hover{background:#C98322; color:var(--teal-deep);}
  .btn-outline-dark{background:transparent; color:var(--teal); border:1px solid var(--teal); font-weight:600;}
  .btn-outline-dark:hover{background:var(--teal); color:var(--paper);}
  .btn-outline{background:transparent; color:var(--paper); border:1px solid rgba(255,255,255,.4); font-weight:600;}
  .btn-outline:hover{border-color:var(--paper); color:var(--paper); background:rgba(255,255,255,.06);}
  .tick{width:30px;height:14px;flex:none;margin-right:10px;}
  .tick path{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
  .tick circle{fill:var(--gold);}
  section.band{padding:88px 0;}
  section.band.alt{background:#F2EEE3;}
  .stat{font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--grey);}
  .stat strong{color:var(--teal); font-size:15px;}
  .page-header{background:var(--teal); color:var(--paper); padding:80px 0 64px; position:relative; overflow:hidden;}
  .page-header .trend-bg{position:absolute; right:-30px; bottom:-10px; opacity:.4;}
  .page-header .trend-bg path{fill:none;stroke:#1E6A63;stroke-width:3;}
  .page-header .trend-bg circle{fill:var(--gold);}

  footer.site-footer{background:var(--teal-deep); color:#B9CFCA; padding:56px 0 28px;}
  footer.site-footer a{color:#D7E6E2;}
  footer.site-footer .mono{font-size:12px; color:#7FA39B;}


  .work-card{background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-bottom:28px;}
  .work-thumb{height:220px; background:var(--teal); display:flex; align-items:center; justify-content:center; position:relative;}
  .work-thumb svg{opacity:.5;}
  .work-body{padding:28px 30px;}
  .work-body .cat{margin-bottom:10px;}
  .work-body h3{font-size:20px; margin-bottom:10px;}
  .work-body p{color:var(--grey); font-size:14.5px; line-height:1.65; margin-bottom:16px;}
  .work-stack{display:flex; flex-wrap:wrap; gap:6px;}
  .placeholder-note{background:#F2EEE3; border-left:3px solid var(--gold); padding:14px 18px; font-size:13.5px; color:var(--grey); border-radius:4px; margin-bottom:48px;}