/* L3-v4 */
:root{--nj-ground:#101215;--nj-deep:#0a0b0d;--nj-card:#16191d;--nj-card2:#1c2025;--nj-line:#272c33;--nj-line2:#353b44;--nj-text:#eeede6;--nj-body:#b9c0c8;--nj-muted:#8d969f;--nj-lime:#c6f72f;--nj-lime-d:#a8d81c;--nj-ink:#0b0d0f;--nj-steel:#1a2735;--nj-steel2:#26394f;--nj-steel-t:#9cb6cf;--nj-steel-p:#c4d1de;--nj-head:"Oswald","Roboto",Arial,sans-serif}
html,body{background:var(--nj-ground)}
body{color:var(--nj-text)}
p{color:var(--nj-body)}
h1,h2,h3{font-family:var(--nj-head);text-transform:uppercase;letter-spacing:.005em;line-height:1.04;font-weight:700}
h3{font-weight:500}
::selection{background:var(--nj-lime);color:var(--nj-ink)}
.skip{background:var(--nj-lime);color:var(--nj-ink)}
.topbar{background:var(--nj-lime);color:var(--nj-ink);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:11px;padding:9px 0}
header{background:var(--nj-deep);border-bottom:1px solid var(--nj-line)}
.header{min-height:86px}
.brand{font-family:var(--nj-head);text-transform:uppercase;font-weight:700;letter-spacing:.03em;font-size:22px;color:var(--nj-text)}
.brand-mark{background:transparent}
nav{gap:34px}
nav a{font-family:var(--nj-head);text-transform:uppercase;font-weight:500;font-size:15px;letter-spacing:.08em;color:var(--nj-text)}
nav a:hover{color:var(--nj-lime)}
nav a.active{color:var(--nj-lime);border-color:var(--nj-lime)}
.menu{color:var(--nj-text)}
.button{background:var(--nj-lime);border-color:var(--nj-lime);color:var(--nj-ink);border-radius:999px;font-family:var(--nj-head);text-transform:uppercase;letter-spacing:.08em;font-weight:500;font-size:15px;padding:14px 28px;white-space:normal;text-align:center;line-height:1.2}
.button:hover{background:var(--nj-lime-d);border-color:var(--nj-lime-d)}
.button.outline{background:transparent;color:var(--nj-text);border-color:#eeede699}
.button.outline:not(:focus-visible){outline:0}
.button.outline:hover{border-color:var(--nj-lime);color:var(--nj-lime)}
.button.white{background:transparent;color:var(--nj-lime);border-color:var(--nj-lime)}
.button.white:hover{background:var(--nj-lime);color:var(--nj-ink)}
.eyebrow{color:var(--nj-lime);letter-spacing:.16em;font-size:11px}
.underlink{font-family:var(--nj-head);text-transform:uppercase;letter-spacing:.08em;font-weight:500;font-size:14px;color:var(--nj-lime);text-decoration:none;border-bottom:2px solid var(--nj-lime);padding-bottom:3px}
.underlink:hover{color:var(--nj-text);border-color:var(--nj-text)}
.hero{position:relative;min-height:80vh;display:flex;flex-direction:column;color:var(--nj-text);background-position:center 40%}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0b0d1a 0%,#0a0b0d66 42%,#0a0b0de6 82%,#101215 100%);pointer-events:none}
.hero-inner{position:relative;z-index:1;margin:auto auto 0;width:100%;padding-top:110px;padding-bottom:100px}
.hero .eyebrow.light{display:inline-block;background:var(--nj-lime);color:var(--nj-ink);padding:6px 13px;border-radius:999px;font-size:11px;letter-spacing:.16em;margin-bottom:22px}
.hero h1{font-size:clamp(46px,6.8vw,90px);font-weight:700;letter-spacing:.005em;line-height:.96;max-width:1000px;margin-bottom:24px}
.hero em{font-family:var(--nj-head);font-style:normal;font-weight:500;color:var(--nj-lime)}
.hero p{color:var(--nj-steel-p);font-size:18px;max-width:640px}
.actions{margin-top:28px;flex-wrap:wrap}
.photo-note{margin-top:30px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--nj-muted)}
.facts{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:2;margin-top:-36px;margin-bottom:64px;padding-top:0;padding-bottom:0;border-bottom:0}
.wrap.facts>div,.wrap.facts>a{flex:1 1 200px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--nj-line2);border-radius:999px;background:var(--nj-card);padding:12px 28px;min-height:72px;box-shadow:0 14px 34px #00000066}
.facts strong{font-family:var(--nj-head);font-size:23px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--nj-text);line-height:1.15}
.facts span{margin-top:3px;font-size:12px;color:var(--nj-muted);line-height:1.4}
.wrap.facts>a{background:var(--nj-lime);border-color:var(--nj-lime)}
.wrap.facts>a strong,.wrap.facts>a span{color:var(--nj-ink)}
.section{padding-top:72px;padding-bottom:72px}
.section-title{border-bottom:1px solid var(--nj-line);padding-bottom:18px}
.section-title h2{font-size:clamp(32px,3.6vw,50px)}
.story-card{background:var(--nj-card);border:1px solid var(--nj-line);border-top:3px solid var(--nj-lime);border-radius:4px;padding:26px}
.story-card h3{font-size:24px;line-height:1.12;margin:4px 0 12px}
.story-card h3 a{color:var(--nj-text)}
.story-card h3 a:hover{color:var(--nj-lime);text-decoration:none}
.story-card p{color:var(--nj-body)}
.card-top{align-items:flex-start;gap:12px}
.card-top .eyebrow{margin-bottom:10px}
.index{font-family:var(--nj-head);font-size:30px;font-weight:700;line-height:1;color:#6f7883}
.club-tag{color:var(--nj-steel-t);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}
.card-bottom{border-top-color:var(--nj-line);color:var(--nj-muted)}
.card-bottom a{color:var(--nj-lime);text-transform:uppercase;font-family:var(--nj-head);letter-spacing:.08em;font-weight:500;text-decoration:none}
.section .story-grid{grid-template-columns:1.4fr 1fr}
.section .story-grid>.story-card:first-child{grid-row:span 2;background:radial-gradient(circle at 92% 0%,#c6f72f1f 0,#c6f72f00 46%),linear-gradient(160deg,#1c2025 0%,#16191d 60%);padding:34px}
.section .story-grid>.story-card:first-child>.card-top{margin-bottom:auto;padding-bottom:28px}
.section .story-grid>.story-card:first-child>.card-bottom{margin-top:0}
.section .story-grid>.story-card:first-child .index,.news-grid>.story-card:first-child .index{font-size:112px;line-height:.85;color:#c6f72f00;-webkit-text-stroke:1.5px #c6f72f}
.section .story-grid>.story-card:first-child h3{font-size:clamp(30px,3.2vw,44px);margin:14px 0 18px}
.section .story-grid>.story-card:first-child p{font-size:17px}
.spotlight{background:var(--nj-steel);color:var(--nj-text);padding:84px 0;background-image:repeating-linear-gradient(135deg,#eeede608 0 2px,transparent 2px 16px)}
.spotlight-grid{grid-template-columns:1fr 1.1fr;gap:72px}
.spotlight .score{order:-1}
.spotlight h2{font-size:clamp(34px,4vw,54px);margin-bottom:18px}
.spotlight .button{margin-top:14px}
.spotlight p{color:var(--nj-steel-p)}
.spotlight .eyebrow.light{color:var(--nj-lime)}
.score{background:var(--nj-lime);color:var(--nj-ink);border:0;border-radius:16px;padding:32px 36px;box-shadow:0 26px 60px #00000066}
.score>span{display:block;font-family:var(--nj-head);font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:13px;padding-bottom:8px}
.score>div{border-bottom:1px solid #0b0d0f33;padding:18px 0;font-family:var(--nj-head);text-transform:uppercase;font-weight:500;font-size:24px;gap:18px;line-height:1.15}
.score strong{font-family:var(--nj-head);font-size:66px;font-weight:700;line-height:1}
.score a{color:var(--nj-ink);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.about{max-width:1240px;text-align:left;display:grid;grid-template-columns:1fr 1.25fr;column-gap:64px;align-items:start}
.about>.eyebrow{grid-column:1;grid-row:1}
.about>h2{grid-column:1;grid-row:2;font-size:clamp(32px,3.6vw,50px)}
.about>p{grid-column:2;grid-row:1/span 2;color:var(--nj-body);border-left:3px solid var(--nj-lime);padding-left:28px;margin:0}
.about>a{grid-column:2;grid-row:3;justify-self:start;margin-left:31px;margin-top:22px}
.page-heading{position:relative;padding-bottom:34px;border-bottom:1px solid var(--nj-line)}
.page-heading::after{content:"";position:absolute;left:0;bottom:-2px;width:110px;height:3px;background:var(--nj-lime)}
.page-heading .eyebrow{display:inline-block;border:1px solid var(--nj-lime);color:var(--nj-lime);border-radius:999px;padding:5px 13px;font-size:11px}
.page-heading h1{font-size:clamp(44px,6vw,86px);font-weight:700;line-height:.98}
.page-heading p{color:var(--nj-body)}
.article .page-heading,.timeline+.source-box{border-bottom:0}
.article .page-heading{padding-bottom:0;margin-bottom:22px}
.article .page-heading::after{display:none}
.news-grid{grid-template-columns:repeat(3,1fr)}
.news-grid>.story-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;column-gap:56px;background:radial-gradient(circle at 96% 0%,#c6f72f1a 0,#c6f72f00 40%),linear-gradient(160deg,#1c2025 0%,#16191d 70%);padding:36px}
.news-grid>.story-card:first-child>.card-top{grid-column:1/-1;grid-row:1}
.news-grid>.story-card:first-child>.club-tag{grid-column:1;grid-row:2}
.news-grid>.story-card:first-child>h3{grid-column:1;grid-row:3;font-size:clamp(30px,3.4vw,46px)}
.news-grid>.story-card:first-child>p{grid-column:2;grid-row:2/span 2;align-self:end;font-size:17px}
.news-grid>.story-card:first-child>.card-bottom{grid-column:1/-1;grid-row:4}
.article h1{font-size:clamp(40px,5vw,70px)}
.article-meta{color:#959ea8;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.article .lead{color:#e4e7ea;font-size:22px;border-left:3px solid var(--nj-lime);padding-left:22px;margin-bottom:26px}
.article>p{color:var(--nj-body);margin-bottom:18px}
.article h2{font-size:26px;margin-bottom:10px}
.source-box{background:var(--nj-steel);border-left:4px solid var(--nj-lime);border-radius:0 12px 12px 0;padding:30px 32px}
.source-box strong,.source-box h2{display:block;color:var(--nj-text);font-family:var(--nj-head);text-transform:uppercase;letter-spacing:.04em;font-weight:500;font-size:20px;margin-bottom:8px}
.source-box h2{font-size:26px}
.source-box p{color:var(--nj-steel-p)}
.source-box a,.timeline a{color:var(--nj-lime);text-transform:uppercase;letter-spacing:.08em;font-size:13px;text-decoration:none;border-bottom:1px solid var(--nj-lime)}
.timeline{border-left:2px solid var(--nj-line2);margin-left:8px;max-width:1000px}
.timeline article{position:relative;border-top:0;padding:22px 0 22px 40px;grid-template-columns:170px 1fr;align-items:start}
.timeline article::before{content:"";position:absolute;left:-10px;top:40px;width:18px;height:18px;border-radius:50%;background:var(--nj-ground);border:3px solid var(--nj-lime);box-sizing:border-box}
.year{font-family:var(--nj-head);font-weight:700;font-size:58px;line-height:1;color:var(--nj-lime);overflow-wrap:anywhere;padding-top:6px}
.timeline article>div{background:var(--nj-card);border:1px solid var(--nj-line);border-radius:8px;padding:24px 28px}
.timeline h2{font-size:28px;font-weight:500;margin-bottom:10px}
.contact-panel{background:var(--nj-steel);border:1px solid var(--nj-steel2);border-top:3px solid var(--nj-lime);border-radius:12px}
.contact-panel .note{color:var(--nj-steel-p)}
.contact-grid h2{font-size:32px;margin-bottom:18px}
.contact-grid p{margin-bottom:22px}
.contacts a{color:var(--nj-text)}
.contacts svg{color:var(--nj-lime)}
.contact-grid>section:not(.contact-panel) p a,.contact-grid>section:not(.contact-panel)>a:not(.button){color:var(--nj-lime)}
.contact-grid .button{margin-bottom:8px}
footer{background:var(--nj-deep);color:var(--nj-text);border-top:3px solid var(--nj-lime)}
.footer-brand{font-family:var(--nj-head);text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:30px;color:var(--nj-text)}
.accent{color:var(--nj-lime)}
footer h2{font-family:var(--nj-head);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:500;color:var(--nj-lime)}
footer p{color:#9aa3ad}
.footer-grid>div:last-child>a,.text-button{color:#c3cad3;text-decoration:none}
.footer-grid>div:last-child>a:hover,.text-button:hover{color:var(--nj-lime)}
.text-button{text-decoration:underline}
.footer-bottom{border-top-color:#23272d;color:var(--nj-muted)}
.privacy-notice{background:var(--nj-steel);color:var(--nj-text);border:1px solid var(--nj-steel2);border-left:4px solid var(--nj-lime);border-radius:12px;box-shadow:0 14px 44px #00000099}
.privacy-notice>svg{color:var(--nj-lime)}
.privacy-notice strong{font-family:var(--nj-head);text-transform:uppercase;letter-spacing:.06em;font-weight:500}
.privacy-notice p{color:var(--nj-steel-p)}
.privacy-notice p a{color:var(--nj-lime);margin-left:4px}
.privacy-notice .button{flex:0 0 auto;white-space:nowrap;padding:12px 24px}
@media (min-width:641px){
nav{align-items:center}
nav a:last-child{border:1px solid var(--nj-lime);border-radius:999px;padding:9px 20px;color:var(--nj-lime)}
nav a:last-child:hover,nav a.active:last-child{background:var(--nj-lime);color:var(--nj-ink)}
}
@media (max-width:900px){
.section .story-grid{grid-template-columns:1fr 1fr}
.news-grid{grid-template-columns:1fr 1fr}
.news-grid>.story-card:last-child{grid-column:1/-1}
.spotlight-grid{gap:44px}
.about{column-gap:36px}
}
@media (max-width:640px){
.topbar{font-size:10px;letter-spacing:.08em}
nav{background:var(--nj-deep);border-bottom:1px solid var(--nj-line);box-shadow:0 18px 30px #00000080}
.brand{font-size:18px}
.hero{min-height:78vh}
.hero-inner{padding-top:72px;padding-bottom:78px}
.hero h1{font-size:46px}
.hero p{font-size:16px}
.facts{margin-top:-30px;gap:8px}
.wrap.facts>div,.wrap.facts>a{flex:1 1 140px;padding:10px 18px;min-height:62px;border-radius:30px}
.facts strong{font-size:19px}
.facts span{font-size:11px}
.section{padding-top:48px;padding-bottom:48px}
.section-title{flex-wrap:wrap;align-items:flex-end}
.section .story-grid,.news-grid{grid-template-columns:1fr}
.section .story-grid>.story-card:first-child{grid-row:auto;padding:26px}
.section .story-grid>.story-card:first-child .index,.news-grid>.story-card:first-child .index{font-size:78px}
.section .story-grid>.story-card:first-child>.card-top{padding-bottom:16px}
.privacy-notice .button{flex:0 1 auto;white-space:normal}
.news-grid>.story-card:first-child{display:flex;padding:26px}
.news-grid>.story-card:last-child{grid-column:auto}
.spotlight{padding:52px 0}
.spotlight-grid{grid-template-columns:1fr}
.score{padding:24px 24px}
.score>div{font-size:19px}
.score strong{font-size:50px}
.about{grid-template-columns:1fr}
.about>.eyebrow,.about>h2,.about>p,.about>a{grid-column:1;grid-row:auto}
.about>h2{margin-bottom:20px}
.about>p{padding-left:18px}
.about>a{margin-left:0}
.page-heading h1{font-size:44px}
.timeline{margin-left:4px}
.timeline article{grid-template-columns:1fr;padding-left:24px;gap:10px}
.timeline article::before{top:30px}
.year{font-size:42px}
.timeline article>div{padding:20px}
.source-box{padding:24px}
.article .lead{font-size:19px;padding-left:16px}
}
