/*
Theme Name: Alt Vault
Author: Hayls Beauty Tales
Description: Neon grunge editorial WordPress theme for Alt Vault.
Version: 1.0
*/
:root{--bg:#07080b;--panel:#101117;--pink:#ff1493;--cyan:#13d8ff;--purple:#a84cff;--paper:#f3f0eb;--text:#f7f7f7;--muted:#b8b8c2;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(var(--max),92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,8,11,.96);border-bottom:1px solid #252633}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-2px}.brand span{color:var(--pink)}.nav-menu{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:13px;text-transform:uppercase;letter-spacing:1px}.nav-menu ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}.nav-menu a:hover{color:var(--pink)}.app-pill,.btn{background:var(--pink);color:#09090b;padding:13px 18px;font-weight:900;text-transform:uppercase;display:inline-block}.hero{min-height:500px;position:relative;overflow:hidden;border-bottom:1px solid #2a2b35;background:radial-gradient(circle at 20% 30%,#391042 0,transparent 32%),radial-gradient(circle at 80% 20%,#063d57 0,transparent 30%),linear-gradient(135deg,#0a0b10,#11121a)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.68)),url('assets/mockup.png') center/cover;opacity:.28}.hero-inner{position:relative;z-index:2;min-height:500px;display:flex;align-items:center;justify-content:flex-end}.hero-copy{width:min(650px,100%);padding:50px 0}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:3px;text-transform:uppercase}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.88;margin:14px 0;text-transform:uppercase;font-style:italic}.hero h1 strong{color:var(--pink);display:block}.hero h2{font-size:clamp(24px,4vw,46px);margin:0 0 25px;color:var(--cyan);font-style:italic}.hero p{color:#ddd;font-size:18px;max-width:600px;line-height:1.6}.section{padding:54px 0}.section-title{font-size:34px;text-transform:uppercase;font-style:italic;margin:0 0 24px}.section-title span{color:var(--pink)}.vault-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.vault-card{min-height:260px;background:linear-gradient(160deg,#1a1020,#0d1920);border:1px solid #333542;padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.vault-card:nth-child(even){background:linear-gradient(160deg,#101b24,#1c0e1b)}.vault-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 55%,rgba(255,20,147,.2));}.vault-card h3,.vault-card p{position:relative}.vault-card h3{font-size:27px;margin:0 0 8px;text-transform:uppercase;font-style:italic;color:var(--pink)}.vault-card:nth-child(even) h3{color:var(--cyan)}.vault-card p{color:var(--muted);font-size:13px;line-height:1.5}.content-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:20px}.panel{background:var(--panel);border:1px solid #292b35}.panel-head{padding:13px 16px;border-bottom:1px solid #292b35;font-weight:900;text-transform:uppercase;letter-spacing:1px}.featured-image{aspect-ratio:16/9;object-fit:cover;width:100%;background:#1b1c25}.panel-body{padding:20px}.panel-body h3{font-size:28px;margin:0 0 10px}.panel-body p{color:var(--muted);line-height:1.6}.post-mini{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:14px;border-bottom:1px solid #292b35}.post-mini:last-child{border:0}.post-mini img{width:90px;height:75px;object-fit:cover;background:#222}.post-mini h4{margin:4px 0;font-size:15px}.vibe-tags{display:flex;flex-wrap:wrap;gap:10px;padding:18px}.tag{padding:10px 12px;border:1px solid #383a45;background:#161720;font-size:12px;text-transform:uppercase}.tag:nth-child(odd){border-color:var(--pink)}.tag:nth-child(even){border-color:var(--cyan)}.app-banner{margin-top:20px;padding:28px;background:linear-gradient(120deg,#28102c,#0a3443);border:1px solid var(--pink);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.app-banner h3{font-size:36px;margin:0 0 10px;color:var(--pink);text-transform:uppercase;font-style:italic}.site-footer{border-top:1px solid #292b35;padding:35px 0;color:#9d9da8}.footer-row{display:flex;justify-content:space-between;gap:30px}.article{width:min(850px,92%);margin:50px auto}.article h1{font-size:clamp(38px,6vw,68px);line-height:1}.article-content{font-size:18px;line-height:1.8;color:#e5e5e9}.article-content a{color:var(--cyan);text-decoration:underline}.article-content h2,.article-content h3{color:var(--pink)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.archive-card{border:1px solid #2e303b;background:#101117}.archive-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.archive-card .copy{padding:18px}.archive-card h2{margin:0 0 10px}.menu-toggle{display:none;background:none;border:1px solid #444;color:white;padding:8px 10px}@media(max-width:1050px){.vault-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr 1fr}.content-grid .panel:last-child{grid-column:1/-1}.archive-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav{flex-wrap:wrap;padding:14px 0}.menu-toggle{display:block;margin-left:auto}.nav-menu{display:none;width:100%;margin:0}.nav-menu.open{display:block}.nav-menu ul{flex-direction:column;align-items:flex-start;padding:12px 0}.app-pill{display:none}.hero-inner{justify-content:flex-start}.hero-copy{padding:60px 0}.vault-grid,.content-grid,.archive-grid{grid-template-columns:1fr}.content-grid .panel:last-child{grid-column:auto}.app-banner{grid-template-columns:1fr}.footer-row{flex-direction:column}}