/* ---------- nav ---------- */
  .nav{position:relative;z-index:3;display:flex;align-items:center;gap:16px;
    padding:18px 20px;width:min(1080px,100%);margin:0 auto}
  .nav .mark{color:var(--chalk);display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto}
  .nav .mark img{width:52px;height:52px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.7))}
  .nav .mark span{font-family:"Big Shoulders Display",sans-serif;font-weight:700;
    font-size:17px;letter-spacing:.15em;text-transform:uppercase;line-height:1;display:none}
  .nav .mark em{font-style:normal;color:var(--turf-bright)}
  .nav .links{margin-left:auto;display:flex;align-items:center;gap:6px}
  .nav .links a{font-family:"Big Shoulders Display",sans-serif;font-weight:700;
    font-size:16px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
    padding:9px 12px;color:var(--chalk-dim);transition:color .15s ease}
  .nav .links a:hover{color:var(--chalk)}
  .nav .links a.on{color:var(--turf-bright)}
  .nav .links a.btn{
    color:#050B05;padding:11px 18px;border-radius:999px;
    background:linear-gradient(180deg,#FFFFFF 0%,#E4EADF 46%,#B4C2A9 100%);
    box-shadow:0 8px 20px rgba(0,0,0,.5)}
  .nav .links a.btn:hover{color:#050B05;filter:brightness(1.05)}
  @media(min-width:720px){
    .nav .mark span{display:block}
    .nav .links{gap:12px}
    .nav .links a{font-size:17px}
  }