:root{--accent:#ff5a36;--bg:#0b0b0a;--ink:#f2efe8;--line:#2a2926}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'Archivo',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--accent)}
.hero{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-bottom:1px solid var(--line)}
.ticker{background:var(--accent);color:var(--bg);overflow:hidden;border-bottom:1px solid var(--bg)}
.track{display:flex;width:max-content;padding:12px 0;font-weight:900;font-size:18px;letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;animation:marquee 30s linear infinite}
.run{display:flex;gap:40px;padding-right:40px;flex-shrink:0}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.intro{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);align-items:flex-start;align-self:center;padding:clamp(32px,4vw,56px) clamp(20px,4vw,56px) clamp(32px,4vw,56px) clamp(20px,calc(31.2vw - 300px),300px);overflow:hidden}
.np-logo{height:calc(clamp(40px,5vw,84px)*.66);width:auto;aspect-ratio:1280/602;max-width:100%;display:block;flex:none;opacity:.8;color:var(--accent)}
.intro-text{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px);min-width:0;max-width:100%}
h1{margin:0 0 0 -.05em;font-weight:900;font-size:clamp(56px,10vw,168px);line-height:.88;letter-spacing:-.035em;text-transform:uppercase;display:flex;flex-direction:column}
h1 .accent{color:var(--accent)}
h1 .retire{display:flex;align-items:flex-start;gap:.06em}
h1 .outline{color:transparent;-webkit-text-stroke:2px var(--ink)}
h1 .tm{font-size:.26em;margin-top:.25em}
.intro-text p{margin:0;max-width:800px;font-size:clamp(18px,1.6vw,24px);line-height:1.5;color:#d8d4cc;text-wrap:pretty}
.name{position:relative;display:inline-block;padding:0 .12em;margin:0 -.12em;white-space:nowrap;transition:background .15s}
.name:hover{background:var(--accent);color:#fff}
.name svg{position:absolute;left:0;bottom:-.12em;width:100%;height:.4em;overflow:visible;pointer-events:none}
.name path{stroke:var(--accent);stroke-width:2.5;fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.card{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,2.4vw,36px) clamp(20px,2.6vw,40px);border-right:1px solid var(--line)}
.card:last-child{border-right:0}
.card:hover{background:#151513;color:var(--ink)}
.kicker{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.card-logo{height:clamp(64px,8vh,96px);display:flex;align-items:center}
.card-logo img{height:100%;width:auto;max-width:100%;display:block}
.card h2{margin:0;font-weight:800;font-size:clamp(20px,1.6vw,24px);line-height:1.1;letter-spacing:-.015em;text-wrap:balance}
.card p{margin:0;font-size:15px;line-height:1.5;color:#bdb9b1;text-wrap:pretty}
.visit{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-top:auto}
footer{padding:clamp(48px,6vw,80px) clamp(20px,4vw,56px) 32px;display:flex;flex-direction:column;gap:48px}
.socials{display:flex;gap:12px;flex-wrap:wrap}
.social{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.social:hover{background:var(--accent);color:#fff}
.legal{margin:0;max-width:640px;font-size:13px;line-height:1.6;color:#8f8b83}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}