:root{
--bg:#070707;
--bg-alt:#0f0f10;
--text:#f4f4f5;
--muted:#c9c9cf;
--brand:#ffffff;
--accent:#e6e6eb;
--link:#ffffff;
--card:#121214;
--border:#242429;
--max:1120px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.55}
img{max-width:100%;height:auto;display:block;border-radius:12px}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}

.site-header{position:sticky;top:0;background:rgba(7,7,7,.6);backdrop-filter: blur(10px);border-bottom:1px solid var(--border);z-index:40}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px}
.logo{width:26px;height:26px}
.primary-nav{display:flex;gap:20px;align-items:center}
.primary-nav .cta{padding:.42rem .8rem;border:1px solid var(--border);border-radius:999px}
.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:28px}

.hero{position:relative;min-height:86vh;background-size:cover;background-position:center}
.hero .overlay{position:absolute;inset:0;background:
radial-gradient(1200px 600px at 10% 10%, rgba(255,255,255,.05), transparent),
linear-gradient(180deg, rgba(7,7,8,.1), rgba(7,7,8,.75))}
.hero-inner{position:relative;z-index:1;padding:16vh 0 18vh}
.glass{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;backdrop-filter: blur(6px);max-width:760px}
.kicker{letter-spacing:.18em;text-transform:uppercase;font-size:12px;opacity:.85;margin:0 0 8px}
.hero h1{font-size: clamp(34px, 6vw, 62px);margin:0 0 8px}
.sub{color:var(--muted);margin:0 0 20px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--brand);color:#000;padding:.9rem 1rem;border-radius:12px;font-weight:800;border:1px solid var(--accent)}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn.outline{background:transparent;color:var(--text)}

.section{padding:70px 0;border-top:1px solid var(--border)}
.section.alt{background:var(--bg-alt)}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.pill-links{display:flex;gap:10px;flex-wrap:wrap}
.pill-links a{font-size:14px;opacity:.9;padding:.32rem .6rem;border:1px solid var(--border);border-radius:999px}

.video-embed{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#000}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%}
.text-link{opacity:.85}

.grid{display:grid;gap:20px}
.tracks{grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.track{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.cover{position:relative}
.badge{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);padding:.2rem .5rem;border-radius:999px;font-size:12px}
.track-meta{padding:14px}
.track-meta h3{margin:0 0 4px;font-size:19px}
.muted{opacity:.7}
.track .links{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.track .links a{font-size:14px;opacity:.9}

.embed-row{margin-top:22px;display:grid;gap:16px}

.bio-card{display:grid;grid-template-columns: 1fr 1.4fr;gap:22px;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px}
.bio-photo{border-radius:16px;object-fit:cover;aspect-ratio:3/4}
.bio-copy .lead{font-size:18px;color:var(--muted);margin-top:6px}
.socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}

.press-grid{display:grid;gap:28px;grid-template-columns: 1.2fr .8fr}
.grid.photos{grid-template-columns: repeat(3, 1fr)}

.contact-form{display:grid;gap:12px;max-width:720px}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0e0e10;color:var(--text)}

.site-footer{border-top:1px solid var(--border);padding:18px 0;background:#0c0c0d}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.footer-links{display:flex;gap:16px}
.small{opacity:.7;font-size:14px}

@media (max-width: 920px){
.bio-card{grid-template-columns:1fr}
}
@media (max-width: 860px){
.primary-nav{display:none;position:absolute;top:64px;right:16px;background:#0f0f10;border:1px solid var(--border);padding:12px;border-radius:12px;flex-direction:column}
.nav-toggle{display:block}
}

.hero {
background-image: url('assets/hero.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 80vh;
}

/* Mobile view fix */
@media (max-width: 600px) {
.hero {
min-height: 55vh; /* makes it fit better on phones */
background-size: contain; /* shows full CHEVY HUDSON image */
background-position: center top;
background-color: #000; /* fills space neatly if image doesn’t fill */
}
}