.njgt-herowrap{
    --green-950:#08260f; --green-900:#0c3318; --green-800:#124a23;
    --green-700:#1a5d2d; --leaf:#3aa935; --cream:#f3efe6;
    --ink:#06200f; --red:#df3b2c;
    --serif:'Playfair Display',Georgia,serif;
    --sans:'Poppins',system-ui,sans-serif;
  }.njgt-herowrap *{box-sizing:border-box;}.njgt-herowrap{margin:0;background:#08260f;color:#eaf3ea;font-family:var(--sans);-webkit-font-smoothing:antialiased;}.njgt-herowrap img{display:block;}.njgt-herowrap .scene{height:170vh;position:relative;}.njgt-herowrap .sticky{position:sticky;top:0;height:100vh;overflow:hidden;}.njgt-herowrap .bg{position:absolute;inset:0;z-index:0;
    background:radial-gradient(120% 90% at 62% 44%, #1c6531 0%, #134a24 38%, #0c3318 70%, #08260f 100%);}.njgt-herowrap .bg::after{content:"";position:absolute;inset:0;
    background:radial-gradient(120% 120% at 50% 50%, transparent 52%, rgba(3,18,10,.55) 100%);}.njgt-herowrap .glow{position:absolute;z-index:1;width:70vmin;height:70vmin;border-radius:50%;
    top:50%;left:62%;transform:translate(-50%,-50%);pointer-events:none;
    background:radial-gradient(circle, rgba(120,200,130,.20), transparent 62%);filter:blur(10px);}.njgt-herowrap canvas#gl{position:absolute;inset:0;z-index:2;display:block;}.njgt-herowrap .grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");}.njgt-herowrap .rail{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:center;
    justify-content:space-between;padding:26px clamp(22px,4vw,52px);pointer-events:none;}.njgt-herowrap .chip{display:flex;align-items:center;gap:10px;pointer-events:auto;}.njgt-herowrap .chip img{height:144px;width:auto;filter:drop-shadow(0 6px 18px rgba(3,16,9,.45));}.njgt-herowrap .season{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(234,243,234,.72);}.njgt-herowrap .overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;
    padding:0 clamp(22px,6vw,110px);pointer-events:none;}.njgt-herowrap .copy{max-width:min(46vw,600px);display:flex;flex-direction:column;align-items:flex-start;
    will-change:transform,opacity;}.njgt-herowrap .overlay.center{align-items:flex-end;justify-content:center;padding-bottom:8vh;}.njgt-herowrap .overlay.center .copy{align-items:center;text-align:center;max-width:min(72vw,760px);}.njgt-herowrap .eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:clamp(11px,1vw,13.5px);
    font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#cfe4d0;margin-bottom:22px;}.njgt-herowrap .eyebrow .b{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(223,59,44,.16);}.njgt-herowrap h1{font-family:var(--serif);font-weight:800;color:#f4f8f1;margin:0;
    font-size:clamp(40px,5.4vw,90px);line-height:.99;letter-spacing:-.012em;text-wrap:balance;
    text-shadow:0 2px 44px rgba(4,22,11,.55);}.njgt-herowrap .sub{max-width:42ch;margin:24px 0 0;font-size:clamp(15px,1.3vw,19px);line-height:1.6;color:#d6e8d6;font-weight:400;}.njgt-herowrap .cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}.njgt-herowrap .overlay.center .cta{justify-content:center;}.njgt-herowrap .btn{font-family:var(--sans);font-weight:600;font-size:clamp(14px,1.1vw,16px);padding:14px 30px;
    border-radius:999px;border:1.6px solid transparent;cursor:pointer;text-decoration:none;
    transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap;pointer-events:auto;}.njgt-herowrap .btn-solid{background:#fff;color:#14502a;box-shadow:0 12px 30px rgba(3,18,10,.34);}.njgt-herowrap .btn-solid:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(3,18,10,.42);}.njgt-herowrap .btn-ghost{background:transparent;color:#eafaea;border-color:rgba(255,255,255,.5);}.njgt-herowrap .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;}.njgt-herowrap .cue{position:absolute;z-index:6;left:clamp(22px,4vw,52px);bottom:30px;display:flex;align-items:center;gap:11px;
    pointer-events:none;color:rgba(234,243,234,.6);font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;}.njgt-herowrap .cue .mouse{width:22px;height:35px;border:1.6px solid rgba(234,243,234,.45);border-radius:13px;position:relative;}.njgt-herowrap .cue .mouse i{position:absolute;top:6px;left:50%;width:3px;height:7px;border-radius:3px;background:rgba(234,243,234,.8);
    transform:translateX(-50%);animation:wheel 1.7s ease-in-out infinite;}
  @keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(-50%,9px)}}.njgt-herowrap /* variant chooser */
  .vchooser{position:fixed;z-index:9;left:50%;bottom:24px;transform:translateX(-50%);
    display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto;}.njgt-herowrap .vchooser .vlabel{display:flex;align-items:center;gap:9px;
    font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#bfe0c4;
    text-shadow:0 1px 14px rgba(3,16,9,.7);}.njgt-herowrap .vchooser .vlabel::before, .njgt-herowrap .vchooser .vlabel::after{content:"";width:26px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(191,224,196,.6));}.njgt-herowrap .vchooser .vlabel::after{transform:scaleX(-1);}.njgt-herowrap .vswitch{display:flex;gap:5px;padding:6px;border-radius:999px;
    background:rgba(9,32,18,.62);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);
    box-shadow:0 16px 42px rgba(3,16,9,.5);}.njgt-herowrap .vswitch button{font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:.01em;
    color:rgba(234,243,234,.82);background:transparent;border:0;cursor:pointer;
    padding:11px 20px;border-radius:999px;transition:.22s;display:flex;align-items:center;gap:8px;white-space:nowrap;}.njgt-herowrap .vswitch button .n{font-size:10.5px;opacity:.5;font-variant-numeric:tabular-nums;}.njgt-herowrap .vswitch button:hover{color:#fff;background:rgba(255,255,255,.08);}.njgt-herowrap .vswitch button.on{background:#fff;color:#14502a;box-shadow:0 4px 14px rgba(3,16,9,.3);}.njgt-herowrap .vswitch button.on .n{opacity:.5;}

  @media (max-width:880px){.njgt-herowrap .overlay{align-items:flex-start;padding-top:14vh;}.njgt-herowrap .copy{max-width:86vw;}.njgt-herowrap .vswitch{flex-wrap:wrap;justify-content:center;max-width:94vw;}.njgt-herowrap .cue{display:none;}
  }
  @media (prefers-reduced-motion: reduce){.njgt-herowrap .cue .mouse i{animation:none;} }
/* Betere leesbaarheid van de hero-tekst over de bal (toegevoegd door NJGT). */
.njgt-herowrap .copy{position:relative;z-index:1;}
.njgt-herowrap h1{text-shadow:0 2px 30px rgba(4,22,11,.82), 0 1px 4px rgba(4,22,11,.55);}
.njgt-herowrap .sub{color:#e9f5e9;text-shadow:0 1px 16px rgba(4,22,11,.72);}
@media (max-width:880px){
  .njgt-herowrap .overlay::before{
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(180deg, rgba(7,32,12,.92) 0%, rgba(7,32,12,.66) 40%, rgba(7,32,12,.22) 72%, rgba(7,32,12,0) 100%);
  }
}

/* Hero-tekst op mobiel iets lager zodat de (transparante) header + logo er niet overheen vallen. */
@media (max-width: 880px){ .njgt-herowrap .overlay { padding-top: 14vh; } }