
/* SIXRADAR HUB • shared responsive styles for News, Pre-order and Preload pages */
.desktop-nav{gap:19px}.desktop-nav a{font-size:10px;white-space:nowrap}
.hub-shop{white-space:nowrap;border-color:#ff4b9a77;color:#fff}.hub-shop:hover{background:#ff4b9a33}
.hub-hero{position:relative;isolation:isolate;min-height:560px;overflow:hidden;border-bottom:1px solid #41273b}
.hub-hero-background{position:absolute;z-index:-2;inset:0;background:url('assets/vice-neon-hero.jpg') center 45%/cover,url('assets/vice-neon-hero.svg') center/cover;opacity:.83}
.hub-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#080a11f5 4%,#080a11d4 44%,#080a1170 78%),linear-gradient(0deg,#080a11,transparent 43%)}
.hub-hero-preorder:before{background:linear-gradient(90deg,#080a11f5,#080a11c2 50%,#080a1145),linear-gradient(0deg,#080a11,transparent 44%)}
.hub-hero-content{padding:94px 0 68px;position:relative}
.hub-eyebrow,.hub-kicker{font-size:11px;letter-spacing:.19em;font-weight:700;color:#d0d4e2;display:flex;align-items:center;flex-wrap:wrap;gap:11px}
.hub-muted{color:#8d92a8;font-size:10px}.hub-hero h1{font:900 clamp(70px,9vw,134px)/.85 var(--display);letter-spacing:-.015em;margin:38px 0 25px;max-width:930px}
.hub-hero h1 em,.hub-section h2 em,.hub-band h2 em,.hub-cta-card h2 em,.preload-card h3 em{font-style:normal;color:var(--pink)}
.hub-hero-content>p{max-width:680px;color:#c3c6d6;line-height:1.85;font-size:15px}
.hub-actions,.hub-cta-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.hub-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:14px 19px;font-size:11px;letter-spacing:.08em;font-weight:700;transition:transform .2s,border-color .2s;gap:6px}
.hub-button:hover{transform:translateY(-2px)}.hub-button.hot{background:var(--pink);color:#fff;border:1px solid var(--pink);box-shadow:0 7px 35px #f74d9a33}.hub-button.outline{border:1px solid #6b6276;color:#fff;background:#11142066}
.hub-ticker{display:flex;gap:20px;flex-wrap:wrap;margin-top:70px;color:#aeb4c5;font-size:10px;letter-spacing:.15em;font-weight:700}.hub-ticker span{border-left:2px solid var(--cyan);padding-left:15px}
.hub-section{padding-block:92px}.hub-section-bottom{padding-bottom:108px}
.hub-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;border-bottom:1px solid #303241;padding-bottom:27px;margin-bottom:28px}
.hub-section-head h2,.hub-band h2,.hub-cta-card h2{font:900 clamp(48px,5.8vw,84px)/.93 var(--display);margin:22px 0 0}.hub-section-head>p{max-width:360px;color:#a8adbf;font-size:13px;line-height:1.8}
.hub-filter{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.hub-filter button{cursor:pointer;background:#111522;color:#b9bed0;border:1px solid #383948;padding:12px 15px;font-size:10px;letter-spacing:.11em;font-weight:700}
.hub-filter button.filter-active,.hub-filter button:hover{background:#ff4b9a20;border-color:#ff4b9a;color:#fff}.hub-filter button:focus-visible{outline:2px solid var(--cyan)}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.hub-card{background:#131724;border:1px solid #343444;position:relative;overflow:hidden}.hub-card:hover{border-color:#ad5385}
.news-article[hidden]{display:none!important}
.article-top{display:flex;justify-content:space-between;gap:8px;padding:17px 20px;color:#a9afc2;letter-spacing:.13em;font-size:9px;font-weight:700}.article-index{color:var(--cyan)}.article-art{height:160px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#c8498980,transparent 60%),linear-gradient(130deg,#342347,#12182a)}
.article-art.tone-1{background:radial-gradient(ellipse at 35% 50%,#6be9d45c,transparent 65%),linear-gradient(130deg,#16455a,#20152f)}
.article-art.tone-2{background:radial-gradient(ellipse at 80% 40%,#ffb78a69,transparent 60%),linear-gradient(130deg,#593046,#141a31)}
.article-art.tone-3{background:radial-gradient(ellipse at 50% 45%,#8f75ef88,transparent 60%),linear-gradient(130deg,#232a53,#111521)}
.art-ring{position:absolute;display:block;width:220px;height:220px;border-radius:50%;border:1px solid #ffffff49;box-shadow:inset 0 0 50px #ff4b9a18,0 0 40px #ff4b9a19;transform:translate(20%,10%)}
.art-big{font:italic 900 100px var(--display);color:#ffffffd7;letter-spacing:-.07em;text-shadow:0 5px 30px #0008}
.art-sticker{position:absolute;bottom:12px;left:18px;background:#080b17e0;color:#e4e7f2;font-size:9px;font-weight:700;letter-spacing:.12em;padding:8px 10px}
.article-body{padding:24px 21px 26px}.hub-tag{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--cyan)}.article-body h3{font:800 31px/1.04 var(--display);margin:15px 0;color:white}.article-body p,.store-card p{color:#b1b6c8;font-size:12px;line-height:1.8;margin-bottom:22px}
.article-link,.hub-textlink{font-size:10px;letter-spacing:.09em;color:#ff93c3;font-weight:800}.article-link:hover,.hub-textlink:hover{color:var(--cyan)}
.hub-source-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-top:29px;border-top:1px solid #393342;padding-top:24px;color:#858ca1;font-size:10px;letter-spacing:.09em}
.hub-band{background:linear-gradient(130deg,#171320,#0b1320);border-block:1px solid #383344;padding:90px 0}.events-list{margin-top:29px}.event-item{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #343447}.event-date{color:var(--cyan);font:800 30px var(--display)}.event-main h3{font:800 29px var(--display);margin:0 0 4px}.event-main p{color:#b1b7ca;font-size:12px;line-height:1.7;margin:0}.event-link{color:#ff9cca;font-size:10px;letter-spacing:.08em;font-weight:700;white-space:nowrap}
.hub-cta-card{border:1px solid #6a395a;background:radial-gradient(circle at 85% 20%,#5229478c,transparent 55%),#151826;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:28px}.hub-cta-card p{max-width:470px;color:#b5b6c7;font-size:13px;line-height:1.75}.hub-cta-buttons{flex-direction:column;align-items:stretch;flex-shrink:0}
.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.store-card{padding:27px 24px 30px;display:flex;flex-direction:column;min-height:420px}.featured-store{background:linear-gradient(145deg,#321c33,#131724 66%);border-color:#b04e88}.store-number{font-size:9px;letter-spacing:.13em;color:#a0a8bd;font-weight:700}.store-monogram{font:900 82px var(--display);align-self:center;margin:12px 0;color:#fff;text-shadow:0 0 35px #ff4b9a66}.store-card h3{font:800 39px var(--display);margin:14px 0 0}.store-card p{flex:1}.store-card .hub-button{align-self:stretch}
.purchase-note{margin-top:24px;padding:23px 27px;background:#19202a;border:1px solid #526c6a}.purchase-note strong{color:var(--cyan);font-size:13px}.purchase-note p{font-size:12px;color:#bbc3d0;line-height:1.8}
.hub-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.hub-info{border-top:2px solid var(--pink);background:#151927;padding:22px 18px}.hub-info>span{color:var(--cyan);font-weight:800;font-size:10px}.hub-info h3{font:800 24px var(--display)}.hub-info p{color:#b4b9cb;font-size:12px;line-height:1.8}
.preload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:21px}.preload-card{padding:30px}.preload-card h3{font:800 39px var(--display);margin:20px 0}.preload-card ol{color:#b9c0ce;font-size:13px;line-height:2.2;padding-left:22px;min-height:168px}
.storage-strip{display:flex;gap:28px;align-items:center;margin-top:25px;padding:23px 30px;border:1px solid #6a395a;background:#211829}.storage-number{font:900 93px/.9 var(--display);color:var(--pink);white-space:nowrap}.storage-number small{font-size:35px}.storage-strip strong{font-size:16px}.storage-strip p{color:#b7bdca;font-size:12px;line-height:1.7}
.hub-faq{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.hub-faq details{border:1px solid #4c3c54;background:#171828;padding:23px}.hub-faq summary{cursor:pointer;font-size:13px;font-weight:700}.hub-faq summary span{float:right;color:var(--pink)}.hub-faq p{color:#bfc3cf;font-size:12px;line-height:1.85}
@media(max-width:1250px){.desktop-nav{gap:12px}.desktop-nav a{font-size:9px}.hub-shop{display:none}}
@media(max-width:1000px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-grid{grid-template-columns:1fr 1fr}.hub-info-grid{grid-template-columns:1fr 1fr}.hub-cta-card{flex-wrap:wrap}.hub-cta-buttons{flex-direction:row}}
@media(max-width:800px){.hub-hero{min-height:500px}.hub-hero-content{padding:75px 0 60px}.hub-hero h1{font-size:clamp(65px,13vw,95px)}.hub-section,.hub-band{padding-block:65px}.hub-section-head{display:block}.hub-section-head>p{max-width:600px}.event-item{grid-template-columns:120px 1fr}.event-link{grid-column:2;justify-self:start}.hub-ticker{margin-top:40px}}
@media(max-width:550px){.news-grid,.store-grid,.preload-grid,.hub-info-grid,.hub-faq{grid-template-columns:1fr}.hub-hero h1{font-size:clamp(59px,15vw,80px)}.hub-hero-content>p{font-size:13px}.hub-eyebrow{font-size:9px}.hub-muted{font-size:9px}.hub-section-head h2,.hub-band h2{font-size:57px}.event-item{grid-template-columns:1fr;gap:7px}.event-link{grid-column:1}.hub-cta-card{padding:27px 21px}.hub-cta-card h2{font-size:56px}.hub-cta-buttons{width:100%;flex-direction:column}.hub-cta-buttons .hub-button{width:100%}.store-card{min-height:340px}.preload-card ol{min-height:0}.storage-strip{padding:22px 17px;gap:15px}.storage-number{font-size:60px}.storage-number small{font-size:25px}}
