/* New brand sections; existing content pages retain their compact layouts. */
.page-home{display:block}
.page-home .hero{min-height:calc(100svh - 70px);align-content:center}
body:has(.page-home)>.header{position:sticky;top:0}
.header nav{gap:20px;white-space:nowrap}
.page-home .brand-section,.page-home .applications-section,.page-home .merch-section{padding-block:72px;border-top:1px solid #252830;scroll-margin-top:0}
.brand-intro{font-size:clamp(22px,3vw,30px);max-width:780px;line-height:1.5}
.brand-section .section-lead,.applications-intro{max-width:730px;color:#aeb3be}
.applications-section{--blue:#0043EB}
.applications-section h2,.brand-section h2,.merch-section h2{font-size:clamp(42px,5vw,64px)}
.applications-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.application-card{min-width:0;overflow:hidden;border:1px solid #252830;border-radius:8px;background:#0c1018}
.application-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr}
.application-preview{background:#080c15;border-bottom:1px solid #252830;display:grid;place-items:center;min-height:250px}
.application-preview img{width:100%;height:auto}
.application-card:only-child .application-preview{border-bottom:0;border-right:1px solid #252830}
.preview-placeholder{display:grid;justify-items:center;gap:20px;padding:32px;color:#aeb3be;text-align:center;font-size:14px}
.preview-placeholder svg{width:64px;height:64px;color:#0043EB}
.application-copy{padding:clamp(24px,3vw,40px)}
.application-copy h3{font:700 clamp(32px,3.2vw,46px)/1.1 'Barlow Condensed',sans-serif;margin-bottom:20px}
.application-tagline{font-weight:600;font-size:18px}
.application-description{color:#aeb3be;line-height:1.75;margin-bottom:28px}
.application-open{background:#0043EB}
.coming-soon{display:inline-flex;align-items:center;gap:10px;border:1px solid #2c3d61;border-radius:6px;padding:10px 16px;color:#c3d3ff;font-size:14px;font-weight:600;background:#0b1428}
.coming-soon:before{content:'';width:7px;height:7px;border-radius:50%;background:#0043EB}
.page-home .merch-section{display:flex;align-items:center;justify-content:space-between;gap:32px}
.merch-section p:not(.eyebrow){color:#aeb3be;margin:0}
@media(min-width:761px) and (max-width:1100px){
.header .nav-youtube{margin-left:auto;font-size:13px;padding:7px 12px}
.menu-toggle{display:flex;order:3;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;background:transparent;border:1px solid #303c51;border-radius:6px;padding:10px;color:white;cursor:pointer}
.menu-toggle span{height:2px;background:currentColor;width:20px;transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.header nav{display:none;position:absolute;left:0;right:0;background:#080b12;border-bottom:1px solid #33486c;padding:18px 24px;flex-direction:column;gap:0;box-shadow:0 20px 40px #0008}
.header nav.is-open{display:flex}
.header nav .active:after{bottom:6px;right:auto;width:28px;left:10px}
html:not(.has-js) .header{height:auto;flex-wrap:wrap;padding-block:15px}
html:not(.has-js) .menu-toggle{display:none}
html:not(.has-js) .header nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;order:4;width:100%;box-shadow:none;border:0}
}
@media(max-width:1100px){
.header nav{top:100%;max-height:calc(100svh - 70px);overflow-y:auto;overscroll-behavior:contain}
.header nav a{padding:10px;font-size:16px}
}
@media(max-width:600px){
.page-home .hero{min-height:calc(100svh - 64px)}
.page-home .brand-section,.page-home .applications-section,.page-home .merch-section{padding-block:40px}
.applications-grid{grid-template-columns:1fr}
.application-card:only-child{display:block}
.application-card:only-child .application-preview{border-right:0;border-bottom:1px solid #252830}
.application-preview{min-height:180px}
.page-home .merch-section{align-items:flex-start;flex-direction:column;gap:20px}
.header nav{max-height:calc(100svh - 64px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-toggle span{transition:none}}