
:root{--text:#f4f7fb;--muted:#b7c1ce;--red:#d81f26;--red2:#ff454b;--line:rgba(255,255,255,.08);--max:1220px;--radius:24px;--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at top right,rgba(216,31,38,.14),transparent 20%),linear-gradient(180deg,#06080b 0%,#0b1118 46%,#080b10 100%);line-height:1.65}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(calc(100% - 2rem),var(--max));margin:0 auto}
.topbar{position:sticky;top:0;z-index:90;backdrop-filter:blur(12px);background:rgba(7,9,13,.78);border-bottom:1px solid var(--line)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand img{max-width:min(74vw,460px);max-height:42px;width:auto;height:auto}
.menu{display:flex;gap:.9rem;align-items:center}.menu a{color:var(--muted);padding:.62rem .85rem;border-radius:12px;font-weight:700;font-size:.95rem;transition:.18s ease}.menu a:hover,.menu a.active{color:#fff;background:rgba(255,255,255,.05)}
.menu-toggle{display:none;border:1px solid var(--line);background:none;color:#fff;padding:.7rem .9rem;border-radius:12px}
.hero{position:relative;min-height:94vh;display:grid;align-items:end;background:linear-gradient(180deg,rgba(4,6,9,.24) 0%,rgba(4,6,9,.54) 48%,rgba(4,6,9,.9) 100%),url('assets/images/hero_night.png') center/cover no-repeat}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,9,.93) 0%,rgba(4,6,9,.64) 42%,rgba(4,6,9,.15) 100%)}.hero .container{position:relative;z-index:2;padding:0 0 4rem}
.page-hero{padding:4.8rem 0 2.1rem;background:linear-gradient(180deg,rgba(5,7,11,.75),rgba(5,7,11,.88)),url('assets/images/perf_banner_black.jpeg') center/cover no-repeat}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(216,31,38,.14);border:1px solid rgba(255,255,255,.1);color:#ffd0d2;border-radius:999px;padding:.45rem .85rem;font-size:.8rem;font-weight:800;letter-spacing:.07em}
.nst-lockup{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin:1rem 0 .8rem}.nst-lockup img{height:46px;width:auto}.nst-lockup .division{font-size:.93rem;font-weight:800;color:#ffd6d7;letter-spacing:.08em;text-transform:uppercase}
.kicker{color:#ffb9bb;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:900;margin-bottom:.7rem}
h1,h2,h3{line-height:1.06;margin:0 0 1rem}h1{font-size:clamp(2.9rem,6vw,5.5rem);letter-spacing:-.05em;max-width:980px}h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em}h3{font-size:1.22rem}.lead{font-size:1.08rem;color:var(--muted);max-width:780px}
.meta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.pill{background:rgba(255,255,255,.05);border:1px solid var(--line);color:#e8edf4;border-radius:999px;padding:.52rem .8rem;font-size:.86rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.hero-actions,.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.28rem;border-radius:14px;font-weight:800;border:1px solid transparent;transition:.18s ease}.btn.primary{background:linear-gradient(135deg,var(--red2),var(--red));color:#fff;box-shadow:var(--shadow)}.btn.secondary{background:rgba(255,255,255,.04);color:#fff;border-color:var(--line)}
section{padding:4.2rem 0}.grid-2,.grid-3,.split{display:grid;gap:1.35rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1.04fr .96fr;align-items:center}
.card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.022));border:1px solid var(--line);border-radius:24px;padding:1.4rem;box-shadow:var(--shadow)}.card p{color:var(--muted)}
.list{list-style:none;padding:0;margin:.8rem 0 0}.list li{margin:.55rem 0;padding-left:1.2rem;color:var(--muted);position:relative}.list li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);position:absolute;left:0;top:.63rem}
.band{background:linear-gradient(135deg,rgba(216,31,38,.17),rgba(255,255,255,.03)),rgba(255,255,255,.02);border:1px solid var(--line);border-radius:30px;padding:1.6rem}
.image-frame{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:26px;padding:.7rem;box-shadow:var(--shadow)}.visual-stack,.hero-card,.stack{display:grid;gap:1rem}.visual-stack img,.gallery img,.hero-card img,.stack img{border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow)}
blockquote{margin:0;padding:1rem 1.2rem;border-left:4px solid var(--red);background:rgba(255,255,255,.03);border-radius:0 14px 14px 0;color:#e4ebf3}
.gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.gallery-wide{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.footer{border-top:1px solid var(--line);padding:2.5rem 0 3rem;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:1.25rem}.footer img{max-height:38px;width:auto;margin-bottom:.7rem}
@media (max-width:920px){.grid-2,.grid-3,.split,.footer-grid,.gallery,.gallery-wide{grid-template-columns:1fr}.meta-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.pill{width:100%}.hero{min-height:auto}.nav{min-height:70px}.menu{display:none;position:absolute;top:78px;left:1rem;right:1rem;flex-direction:column;padding:1rem;background:#111720;border:1px solid var(--line);border-radius:16px}.menu.show{display:flex}.menu-toggle{display:block}.brand img{max-width:62vw;max-height:34px;object-fit:contain}.hero .container{padding:0 0 3rem}.nst-lockup img{height:38px}}
