:root {
      --bg:#0a0b0d; --panel:#121419; --text:#f5f5f5; --muted:#b8bcc6;
      --accent:#c44836; --accent2:#d7b565; --line:#2b2f37;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
    img{max-width:100%;display:block}
    a{color:inherit}
    .wrap{width:min(1160px,92%);margin:auto}
    nav{position:sticky;top:0;z-index:20;background:rgba(10,11,13,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
    .nav-inner{display:flex;justify-content:space-between;align-items:center;min-height:70px;gap:24px}
    .brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}
    .nav-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
    .nav-links a{text-decoration:none;color:var(--muted);font-size:.92rem}
    .nav-links a:hover{color:white}
    .hero{min-height:84vh;display:grid;place-items:center;background:
      radial-gradient(circle at 75% 15%,rgba(196,72,54,.18),transparent 32%),
      radial-gradient(circle at 20% 85%,rgba(215,181,101,.12),transparent 28%),
      linear-gradient(180deg,#090a0c 0%,#0c0e12 100%);border-bottom:1px solid var(--line)}
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;padding:76px 0}
    .eyebrow{color:var(--accent2);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem}
    h1{font-size:clamp(3rem,8vw,6.6rem);line-height:.92;margin:.18em 0 .25em;text-transform:uppercase;letter-spacing:-.04em}
    h2{font-size:clamp(2rem,5vw,3.4rem);margin:.25em 0 .5em;line-height:1.05}
    .lead{font-size:1.18rem;color:#d8dae0;max-width:720px}
    .motto{font-size:1.15rem;font-weight:700;margin-top:18px}
    .buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
    .btn{display:inline-block;padding:13px 18px;border-radius:6px;text-decoration:none;font-weight:700;border:1px solid transparent}
    .primary{background:var(--accent);color:white}
    .secondary{border-color:#5a5f68;color:white;background:transparent}
    .coin-wrap,.flyer-card,.event-box{background:linear-gradient(145deg,#101218,#171a21);border:1px solid #3c414c;border-radius:18px;padding:22px;box-shadow:0 20px 55px rgba(0,0,0,.35)}
    .coin-img{width:100%;border-radius:16px}
    section{padding:80px 0;border-bottom:1px solid var(--line)}
    .section-label{color:var(--accent2);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
    .card{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:10px}
    .card p{color:var(--muted)}

    .donate-card{text-align:center}
    .donate-qr{
      width:min(360px,100%);
      margin:18px auto 12px;
      border-radius:14px;
      background:#fff;
      padding:8px;
      box-shadow:0 14px 34px rgba(0,0,0,.30);
    }
    .venmo-handle{
      font-size:1.15rem;
      font-weight:800;
      color:var(--accent2);
      margin-top:8px;
    }
    .scan-note{font-size:.92rem;color:var(--muted);margin-bottom:0}

    .event{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
    .date{font-size:2.1rem;font-weight:800;text-transform:uppercase}
    .location{font-size:1.16rem;color:var(--accent2);margin-top:8px}
    ul{padding-left:1.2rem;color:var(--muted)}
    .flyer-img{width:100%;border-radius:12px;border:1px solid #303642}
    .shirt-feature{
      display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:center;
    }
    .shirt-copy p{color:var(--muted);max-width:560px}
    .shirt-art-card{
      background:linear-gradient(145deg,#101218,#171a21);
      border:1px solid #3c414c;border-radius:18px;padding:18px;
      box-shadow:0 20px 55px rgba(0,0,0,.35);
    }
    .shirt-art-card img{
      width:100%;border-radius:12px;border:1px solid #303642;
    }
    .shirt-caption{margin:12px 4px 2px;color:var(--muted);font-size:.92rem}

    .trip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
    .trip-card{padding:0;border:1px solid #303642;background:#0f1115;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:1;box-shadow:0 12px 30px rgba(0,0,0,.22)}
    .trip-card img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
    .trip-card:hover img{transform:scale(1.035)}
    .trip-intro{max-width:780px;color:var(--muted)}
    .lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;align-items:center;justify-content:center;padding:28px}
    .lightbox.open{display:flex}
    .lightbox img{max-width:min(1200px,94vw);max-height:88vh;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.6)}
    .close{position:fixed;top:18px;right:22px;font-size:2rem;background:none;border:0;color:white;cursor:pointer}
    .cta{text-align:center}
    .cta p{max-width:700px;margin:0 auto 25px;color:var(--muted)}
    footer{padding:35px 0;color:#8f949e;font-size:.9rem}
    footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    @media(max-width:950px){
      .hero-grid,.event,.shirt-feature{grid-template-columns:1fr}
      .trip-grid{grid-template-columns:repeat(2,1fr)}
      .cards{grid-template-columns:1fr}
      .nav-inner{position:relative;min-height:66px}
      .nav-toggle{display:flex}
      .nav-links{
        display:none;position:absolute;left:0;right:0;top:66px;
        flex-direction:column;align-items:stretch;gap:0;
        background:linear-gradient(180deg,rgba(8,24,36,.99),rgba(27,25,24,.99));
        border:1px solid rgba(224,188,99,.25);border-top:0;
        padding:8px 0 12px;box-shadow:0 18px 38px rgba(0,0,0,.35)
      }
      nav.menu-open .nav-links{display:flex}
      .nav-links a,.nav-links a:not(.btn){
        display:block;padding:13px 20px;margin:0;color:#f2f2f2
      }
      .nav-links .btn{margin:8px 18px 4px;text-align:center}
      section{padding:58px 0}
    }

    /* === AMERICAN GRUNT CHARACTER PASS === */
    body{
      background:
        radial-gradient(circle at 82% 7%, rgba(230,125,52,.35) 0 7%, transparent 29%),
        radial-gradient(circle at 10% 46%, rgba(219,184,91,.20) 0 8%, transparent 26%),
        linear-gradient(125deg,#18384d 0%,#182b39 32%,#242628 66%,#30211c 100%);
      background-attachment:fixed;
    }
    body::before{
      content:"";
      position:fixed;inset:-15%;z-index:-2;pointer-events:none;
      background:
        linear-gradient(168deg,
          transparent 0 11%,
          rgba(148,42,35,.17) 11% 15%,
          rgba(240,229,207,.085) 15% 19%,
          rgba(148,42,35,.15) 19% 23%,
          transparent 23% 48%,
          rgba(240,229,207,.07) 48% 52%,
          rgba(148,42,35,.13) 52% 56%,
          transparent 56% 100%);
    }
    body::after{
      content:"★  ★  ★  ★  ★\A   ★  ★  ★  ★\A ★  ★  ★  ★  ★";
      white-space:pre;position:fixed;left:3vw;top:12vh;z-index:-1;
      font-size:clamp(30px,3vw,52px);line-height:1.55;letter-spacing:17px;
      color:rgba(255,245,219,.13);transform:rotate(-7deg);pointer-events:none;
    }
    nav{
      background:linear-gradient(90deg,rgba(9,26,39,.96),rgba(27,24,23,.94));
      border-bottom:2px solid rgba(224,188,99,.34);
      box-shadow:0 8px 28px rgba(0,0,0,.24)
    }
    .brand{color:#f0cf79;text-shadow:0 1px 16px rgba(224,188,99,.18)}
    .hero{
      min-height:88vh;position:relative;overflow:hidden;
      background:
        radial-gradient(circle at 78% 35%,rgba(242,166,67,.38) 0%,rgba(183,76,43,.19) 19%,transparent 44%),
        linear-gradient(102deg,rgba(11,33,48,.77) 0 44%,rgba(15,21,25,.54) 64%,rgba(41,27,21,.46) 100%);
      border-bottom:0
    }
    .hero::before{
      content:"HONOR  •  PURPOSE  •  BROTHERHOOD";
      position:absolute;left:-1vw;bottom:1.5vh;white-space:nowrap;
      font-weight:900;font-size:clamp(42px,7.7vw,116px);letter-spacing:.035em;
      color:rgba(255,255,255,.06);transform:skewY(-4deg);pointer-events:none
    }
    .hero::after{
      content:"";position:absolute;left:-5%;right:-5%;bottom:-20px;height:150px;
      opacity:.32;pointer-events:none;
      background:
        radial-gradient(ellipse at 8% 100%,transparent 0 38%,rgba(111,183,220,.60) 39% 42%,transparent 43%),
        radial-gradient(ellipse at 28% 100%,transparent 0 42%,rgba(111,183,220,.48) 43% 46%,transparent 47%),
        radial-gradient(ellipse at 51% 100%,transparent 0 40%,rgba(111,183,220,.56) 41% 44%,transparent 45%),
        radial-gradient(ellipse at 73% 100%,transparent 0 43%,rgba(111,183,220,.46) 44% 47%,transparent 48%),
        radial-gradient(ellipse at 94% 100%,transparent 0 39%,rgba(111,183,220,.54) 40% 43%,transparent 44%);
    }
    h1{color:#fffaf0;text-shadow:0 4px 0 rgba(0,0,0,.18),0 20px 50px rgba(0,0,0,.35)}
    h1::after{
      content:"";display:block;width:145px;height:6px;margin-top:20px;
      background:linear-gradient(90deg,#b94033 0 58%,#e0bc63 58% 83%,transparent 83%);
      transform:skewX(-25deg)
    }
    .eyebrow,.section-label{color:#f0cb70}
    .lead{color:#eef1f3}
    .motto{color:#f4d37e}
    section{
      position:relative;overflow:hidden;padding:92px 0;
      border-bottom:1px solid rgba(255,255,255,.08);
      background:linear-gradient(112deg,rgba(22,45,61,.76),rgba(28,30,32,.77) 58%,rgba(43,30,25,.72));
    }
    section:nth-of-type(even){
      background:linear-gradient(112deg,rgba(18,34,46,.80),rgba(33,35,36,.78) 56%,rgba(50,34,27,.72));
    }
    section::before{
      content:"";position:absolute;inset:auto -10% -62px -10%;height:155px;
      background:
        radial-gradient(ellipse at 10% 0%,transparent 0 39%,rgba(91,159,197,.26) 40% 43%,transparent 44%),
        radial-gradient(ellipse at 32% 0%,transparent 0 43%,rgba(91,159,197,.22) 44% 47%,transparent 48%),
        radial-gradient(ellipse at 56% 0%,transparent 0 41%,rgba(91,159,197,.24) 42% 45%,transparent 46%),
        radial-gradient(ellipse at 79% 0%,transparent 0 44%,rgba(91,159,197,.20) 45% 48%,transparent 49%);
      opacity:.55;pointer-events:none
    }
    section + section::after{
      content:"★";position:absolute;top:-7px;left:50%;transform:translateX(-50%);
      width:280px;text-align:center;color:rgba(232,196,104,.72);font-size:13px;
      border-top:2px solid rgba(138,45,36,.42);
      text-shadow:-28px 0 rgba(232,196,104,.28),28px 0 rgba(232,196,104,.28)
    }
    .card,.coin-wrap,.flyer-card,.event-box{
      background:linear-gradient(145deg,rgba(25,45,58,.95),rgba(35,31,30,.94));
      border:1px solid rgba(237,202,116,.24);
      box-shadow:0 22px 54px rgba(0,0,0,.28),0 0 45px rgba(221,134,48,.08)
    }
    .card{border-radius:14px}
    .btn{border-radius:3px;text-transform:uppercase;letter-spacing:.055em;box-shadow:0 8px 22px rgba(0,0,0,.22)}
    .primary{background:linear-gradient(135deg,#c64e38,#8e3028);border-color:rgba(255,255,255,.13)}
    .secondary{background:rgba(19,44,61,.75);border-color:rgba(224,188,99,.52)}
    .trip-grid img{border-radius:10px;border:1px solid rgba(236,201,116,.14);box-shadow:0 14px 30px rgba(0,0,0,.24)}
    footer{background:linear-gradient(90deg,#0d2130,#1b1b1c 55%,#271b18);border-top:2px solid rgba(224,188,99,.24)}

    /* Nomination section */
    #nominate{background:
      radial-gradient(circle at 86% 22%,rgba(221,134,48,.25),transparent 28%),
      linear-gradient(112deg,rgba(18,42,58,.92),rgba(31,33,34,.90) 55%,rgba(63,37,27,.84))}
    .nominate-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:start}
    .criteria-box{
      background:linear-gradient(145deg,rgba(12,36,53,.78),rgba(51,34,27,.72));
      border:1px solid rgba(224,188,99,.28);border-radius:14px;padding:26px;
      box-shadow:0 18px 42px rgba(0,0,0,.24)
    }
    .criteria-box h3{margin-top:0;color:#f2cf79}
    .criteria-box ul{padding-left:20px;color:#e8eaec}
    .criteria-box li{margin:.6rem 0}
    .privacy-note{font-size:.9rem;color:#c9cdd1;border-left:3px solid rgba(185,67,52,.68);padding-left:12px}
    .nomination-form{
      background:rgba(14,25,34,.92);border:1px solid rgba(224,188,99,.28);
      border-radius:16px;padding:28px;box-shadow:0 24px 58px rgba(0,0,0,.30)
    }
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}
    .field.full{grid-column:1/-1}
    label{font-weight:700;color:#f2efe7;font-size:.92rem}
    input,select,textarea{
      width:100%;box-sizing:border-box;background:#f7f3ea;color:#16202a;
      border:1px solid rgba(224,188,99,.52);border-radius:7px;padding:12px 13px;
      font:inherit;outline:none
    }
    textarea{min-height:130px;resize:vertical}
    input:focus,select:focus,textarea:focus{border-color:#d9ad4d;box-shadow:0 0 0 3px rgba(217,173,77,.17)}
    .consent-row{display:flex;gap:10px;align-items:flex-start;color:#d7dadd;font-size:.9rem;margin:8px 0 18px}
    .consent-row input{width:auto;margin-top:4px}
    .form-status{margin-top:12px;color:#f0cf79;font-size:.92rem}
    @media(max-width:950px){
      .nominate-grid,.form-grid{grid-template-columns:1fr}
      .field.full{grid-column:auto}
    }


    .nominate-intro{max-width:900px;margin-bottom:34px}
    .nominate-intro h2{margin-bottom:14px}
    .nominate-callout{font-size:1.18rem;color:#f3d17d;margin-top:20px}
    .nominate-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:start}
    .criteria-box{position:sticky;top:92px}
    .criteria-box h3{margin:0 0 10px;color:#f1cb70}
    .criteria-box h3:not(:first-child){margin-top:28px}
    .privacy-box{margin-top:26px;padding:18px;border-left:4px solid #a63b32;background:rgba(116,38,31,.16);border-radius:0 10px 10px 0}
    .privacy-box p{margin:7px 0 0;color:#d7dadd}
    .motto-card{margin-top:28px;padding:22px;text-align:center;border:1px solid rgba(224,188,99,.28);font-weight:900;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,rgba(13,39,55,.8),rgba(56,35,28,.72));font-size:1.05rem}
    .motto-card span{color:#efc968}
    .nomination-form fieldset{border:1px solid rgba(224,188,99,.20);border-radius:12px;padding:22px;margin:0 0 22px;background:rgba(255,255,255,.025)}
    .nomination-form legend{padding:0 10px;color:#f1d188;font-weight:800;font-size:1.05rem}
    .nomination-form legend span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#a83c31;color:#fff;margin-right:8px}
    .form-heading{margin-bottom:24px}
    .form-heading p{color:#bfc5ca;margin-bottom:0}
    .required-mark{color:#ef7c69}
    .field-help{font-size:.9rem;color:#b9c0c5;margin:0 0 8px}
    .character-count{text-align:right;font-size:.82rem;color:#98a0a6;margin-top:5px}
    .form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
    .review-box{margin-top:20px;padding:20px;border:1px solid rgba(224,188,99,.28);background:rgba(15,31,42,.78);border-radius:10px}
    .review-box h4{margin-top:0;color:#f1cb70}
    .review-row{margin:.6rem 0}
    .review-label{color:#aeb6bc;font-size:.84rem;text-transform:uppercase;letter-spacing:.05em}
    .review-value{color:#fff;margin-top:2px;white-space:pre-wrap}
    @media(max-width:950px){
      .nominate-grid{grid-template-columns:1fr}
      .criteria-box{position:static}
    }


    #get-involved .cards{
      grid-template-columns:minmax(280px,520px);
      justify-content:center;
    }
    #get-involved .donate-card{
      padding:32px;
    }

    .mini-donate{
      display:flex;
      align-items:center;
      gap:18px;
      margin-top:24px;
      padding:16px 18px;
      max-width:470px;
      background:linear-gradient(135deg,rgba(19,49,67,.92),rgba(63,38,29,.88));
      border:1px solid rgba(224,188,99,.28);
      border-radius:14px;
      box-shadow:0 16px 34px rgba(0,0,0,.22);
    }
    .mini-donate img{
      width:112px;
      height:112px;
      object-fit:contain;
      background:#fff;
      padding:5px;
      border-radius:10px;
      flex:0 0 auto;
    }
    .mini-donate strong{
      display:block;
      color:#f2cf79;
      font-size:1.02rem;
      margin-bottom:4px;
    }
    .mini-donate span{
      display:block;
      color:#e4e7e9;
      font-size:.9rem;
      line-height:1.4;
    }
    .event-donate{
      margin-top:20px;
      display:flex;
      align-items:center;
      gap:16px;
      padding:16px;
      border:1px solid rgba(224,188,99,.22);
      border-radius:12px;
      background:rgba(13,32,44,.72);
    }
    .event-donate img{
      width:105px;
      height:105px;
      object-fit:contain;
      background:#fff;
      padding:5px;
      border-radius:9px;
    }
    .event-donate strong{color:#f2cf79}
    @media(max-width:600px){
      .mini-donate,.event-donate{align-items:flex-start}
      .mini-donate img,.event-donate img{width:92px;height:92px}
    }

    .public-email{font-size:1.08rem;color:#f0cf79;margin:18px 0 12px;letter-spacing:.02em}
  
    .nav-toggle{
      display:none;width:44px;height:42px;padding:9px;border:1px solid rgba(224,188,99,.35);
      border-radius:6px;background:rgba(255,255,255,.04);cursor:pointer;
      flex-direction:column;justify-content:center;gap:5px
    }
    .nav-toggle span{display:block;height:2px;width:100%;background:#f0cf79;border-radius:2px}
    .nav-toggle:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
      outline:3px solid #f0cf79;outline-offset:3px
    }
    .ghost{opacity:.82}
    .post-event-note{
      margin:18px 0 4px;padding:14px 16px;border-left:4px solid #d7b565;
      background:rgba(215,181,101,.10);color:#f3e8c8;border-radius:4px
    }
    .hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
    .turnstile-wrap{min-height:8px;margin:10px 0 16px}
    .contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;text-align:left;align-items:start}
    .contact-form{
      background:rgba(14,25,34,.92);border:1px solid rgba(224,188,99,.28);
      border-radius:16px;padding:28px;box-shadow:0 24px 58px rgba(0,0,0,.30)
    }
    .privacy-note{color:#cbd0d4}
    .review-submit-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
    .review-note{margin-bottom:0;color:#c9ced2}
    .submission-success{
      background:rgba(65,120,77,.18);border:1px solid rgba(108,185,121,.38);
      color:#e2f4e5;padding:16px;border-radius:8px;margin-top:14px
    }
    .submission-error{
      background:rgba(150,54,45,.18);border:1px solid rgba(210,93,79,.40);
      color:#ffe1dc;padding:14px;border-radius:8px;margin-top:14px
    }
    @media(max-width:950px){
      .contact-grid{grid-template-columns:1fr}
      .brand{max-width:70%;font-size:.82rem}
    }