@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@500,700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css');

:root {
    --void-black: #050505;
    --void-charcoal: #0a0a0a;
    --void-smoke: #121313;
    --void-ash: #1b1c1c;
    --void-bone: #e8e3da;
    --void-paper: #f3efe7;
    --void-steel: #8d9292;
    --void-dim: #646968;
    --void-line: #2a2b2a;
    --void-violet: #8f5bd7;
    --void-violet-soft: rgba(143, 91, 215, 0.14);
    --void-focus: var(--void-violet);
    --void-danger: #b66055;
    --void-display: 'Cabinet Grotesk', 'Arial Narrow', sans-serif;
    --void-text: 'IBM Plex Sans', Arial, sans-serif;
    --void-mono: 'IBM Plex Mono', monospace;
    --void-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --void-page: min(92vw, 90rem);
    --void-reading: min(92vw, 62rem);
    --void-section: clamp(6rem, 11vw, 11rem);
    --black: var(--void-black);
    --white: var(--void-paper);
    --light-gray: var(--void-charcoal);
    --dark-gray: var(--void-smoke);
    --text: var(--void-paper);
    --text-black: var(--void-paper);
    --text-gray: var(--void-steel);
    --gray: var(--void-steel);
    --muted: var(--void-dim);
    --border: var(--void-line);
    --border-color: var(--void-line);
    --purple: var(--void-violet);
    --purple-hover: #a978e8;
    --purple-glow: var(--void-violet-soft);
}

html {
    background: var(--void-black);
    color-scheme: dark;
}

/* Canonical top-bar wordmark shared by editorial and standalone pages. */
body > nav .nav-logo::before {
    content: 'V/';
    margin-right: 0.38rem;
    color: var(--void-violet) !important;
    font-family: inherit;
    font-weight: inherit;
    letter-spacing: 0.04em;
}

/* Standalone public pages that predate the shared stylesheet. */
body.page-site {
    background: var(--void-black) !important;
    color: var(--void-bone) !important;
    font-family: var(--void-text) !important;
    overflow-x: clip !important;
}

.page-site h1,
.page-site h2,
.page-site h3 {
    color: var(--void-paper) !important;
    font-family: var(--void-display) !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em !important;
    line-height: 0.98 !important;
}

.page-site a:focus-visible,
.page-site button:focus-visible,
.page-site input:focus-visible {
    outline: 2px solid var(--void-focus) !important;
    outline-offset: 4px !important;
}

body.page-site > nav {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    min-height: 72px !important;
    padding: 0 clamp(1.25rem, 3vw, 3.5rem) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.5rem !important;
    background: rgba(5, 5, 5, 0.96) !important;
    border-bottom: 1px solid rgba(232, 227, 218, 0.14) !important;
}

.page-site > nav .nav-logo {
    color: var(--void-paper) !important;
    font-family: var(--void-display) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
    text-decoration: none !important;
}

.page-site > nav .nav-links {
    display: flex !important;
    align-items: center !important;
    gap: clamp(1rem, 2vw, 2rem) !important;
}

.page-site > nav .nav-links a {
    color: var(--void-steel) !important;
    font-family: var(--void-text) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.page-site > nav .nav-links a:hover {
    color: var(--void-violet) !important;
}

.page-site > nav .nav-socials a {
    color: var(--void-dim) !important;
}

.page-site > nav .mobile-menu-toggle {
    display: none !important;
    width: 44px !important;
    height: 44px !important;
    padding: 10px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    background: transparent !important;
    border: 1px solid var(--void-line) !important;
}

.page-site > nav .mobile-menu-toggle span {
    width: 20px !important;
    height: 1px !important;
    display: block !important;
    background: var(--void-bone) !important;
}

.page-about .hero {
    padding-block: clamp(7rem, 13vw, 12rem) !important;
    background: var(--void-black) !important;
    border-bottom: 1px solid var(--void-line) !important;
    text-align: left !important;
}

.page-about .hero,
.page-access .container {
    margin-top: 72px !important;
}

.page-about .hero h1 {
    max-width: 12ch;
    margin-inline: auto;
    font-size: clamp(3.75rem, 8vw, 8rem) !important;
    color: var(--void-paper) !important;
}

.page-about section,
.page-about .testimonial,
.page-about .equipment-item {
    background: transparent !important;
    border-color: var(--void-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.page-about h2,
.page-about cite,
.page-about a {
    color: var(--void-violet) !important;
}

.page-access {
    padding: clamp(1.25rem, 4vw, 4rem) !important;
}

.page-access .container {
    max-width: 760px !important;
    padding: clamp(2rem, 7vw, 5rem) !important;
    background: var(--void-charcoal) !important;
    border: 1px solid var(--void-line) !important;
    text-align: left !important;
}

.page-access h1 {
    max-width: 10ch;
    font-size: clamp(3rem, 8vw, 6.5rem) !important;
    color: var(--void-paper) !important;
}

.page-access .features {
    padding: 2rem 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-block: 1px solid var(--void-line) !important;
}

.page-access .features li::before,
.page-access a:not(.btn) {
    color: var(--void-violet) !important;
}

.page-access .btn {
    min-height: 50px !important;
    padding: 0 1.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--void-bone) !important;
    border: 1px solid var(--void-bone) !important;
    border-radius: 0 !important;
    color: var(--void-black) !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    .page-site > nav .nav-socials {
        display: none !important;
    }

    .page-access > nav .nav-links {
        display: none !important;
    }

    .page-access > nav .mobile-menu-toggle {
        display: flex !important;
    }

    .page-about > nav .nav-links {
        margin-left: auto !important;
        gap: 1rem !important;
    }

    .page-about > nav .nav-links a {
        display: none !important;
    }

    .page-about > nav .nav-links a:nth-child(1),
    .page-about > nav .nav-links a:nth-child(6) {
        display: block !important;
    }

    .page-about > nav .mobile-menu-toggle {
        display: none !important;
    }
}

body.page-home,
body.page-store,
body.page-studio,
body.page-product {
    background: var(--void-black) !important;
    color: var(--void-bone) !important;
    font-family: var(--void-text) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.6 !important;
    overflow-x: clip !important;
}

body.page-home::after,
body.page-store::after,
body.page-studio::after,
body.page-product::after {
    display: none !important;
}

body.page-home::before,
body.page-store::before,
body.page-studio::before,
body.page-product::before {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 9990 !important;
    pointer-events: none !important;
    opacity: 0.018 !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E") !important;
}

.page-home *,
.page-store *,
.page-studio *,
.page-product * {
    border-radius: 0 !important;
}

.page-home h1,
.page-home h2,
.page-home h3,
.page-store h1,
.page-store h2,
.page-store h3,
.page-studio h1,
.page-studio h2,
.page-studio h3,
.page-product h1,
.page-product h2,
.page-product h3 {
    color: var(--void-paper) !important;
    font-family: var(--void-display) !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em !important;
    line-height: 0.98 !important;
    text-transform: none !important;
}

.page-home p,
.page-store p,
.page-studio p,
.page-product p,
.page-home li,
.page-store li,
.page-studio li,
.page-product li {
    font-family: var(--void-text) !important;
}

.page-home a,
.page-home button,
.page-home input,
.page-home select,
.page-store a,
.page-store button,
.page-store input,
.page-store select,
.page-studio a,
.page-studio button,
.page-studio input,
.page-studio select,
.page-product a,
.page-product button,
.page-product input,
.page-product select {
    font-family: var(--void-text) !important;
}

.page-home a:focus-visible,
.page-home button:focus-visible,
.page-home input:focus-visible,
.page-store a:focus-visible,
.page-store button:focus-visible,
.page-store input:focus-visible,
.page-studio a:focus-visible,
.page-studio button:focus-visible,
.page-studio input:focus-visible,
.page-product a:focus-visible,
.page-product button:focus-visible,
.page-product input:focus-visible {
    outline: 2px solid var(--void-focus) !important;
    outline-offset: 4px !important;
}

body.page-home > nav,
body.page-store > nav,
body.page-studio > nav,
body.page-product > nav {
    min-height: 72px !important;
    padding: 0 clamp(1.25rem, 3vw, 3.5rem) !important;
    background: rgba(5, 5, 5, 0.94) !important;
    border-bottom: 1px solid rgba(232, 227, 218, 0.14) !important;
    backdrop-filter: blur(14px) !important;
    box-shadow: none !important;
}

body.page-home > nav .nav-logo,
body.page-store > nav .nav-logo,
body.page-studio > nav .nav-logo,
body.page-product > nav .nav-logo {
    color: var(--void-paper) !important;
    font-family: var(--void-display) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
}

body.page-home > nav .nav-links,
body.page-store > nav .nav-links,
body.page-studio > nav .nav-links,
body.page-product > nav .nav-links {
    gap: clamp(1rem, 2vw, 2rem) !important;
}

body.page-home > nav .nav-links a,
body.page-store > nav .nav-links a,
body.page-studio > nav .nav-links a,
body.page-product > nav .nav-links a {
    color: var(--void-steel) !important;
    font-family: var(--void-text) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    transition: color 180ms var(--void-ease) !important;
}

body.page-home > nav .nav-links a:hover,
body.page-store > nav .nav-links a:hover,
body.page-studio > nav .nav-links a:hover,
body.page-product > nav .nav-links a:hover,
body.page-home > nav .nav-links a.active,
body.page-store > nav .nav-links a.active,
body.page-studio > nav .nav-links a.active,
body.page-product > nav .nav-links a.active {
    color: var(--void-paper) !important;
}

body.page-home > nav .nav-socials a,
body.page-store > nav .nav-socials a,
body.page-studio > nav .nav-socials a,
body.page-product > nav .nav-socials a {
    color: var(--void-steel) !important;
    font-size: 17px !important;
    transition: color 180ms var(--void-ease) !important;
}

body.page-home > nav .nav-socials a:hover,
body.page-store > nav .nav-socials a:hover,
body.page-studio > nav .nav-socials a:hover,
body.page-product > nav .nav-socials a:hover {
    color: var(--void-paper) !important;
}

.page-home .btn,
.page-home .premium-btn,
.page-store .btn,
.page-store button[type='submit'],
.page-store button[onclick*='Checkout'],
.page-studio .btn,
.page-product .btn,
.page-product .buy-btn,
.page-product button[onclick*='checkout'],
.page-product button[onclick*='Checkout'] {
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0.85rem 1.35rem !important;
    border: 1px solid var(--void-line) !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--void-bone) !important;
    font-family: var(--void-text) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    transition: background-color 180ms var(--void-ease), color 180ms var(--void-ease), border-color 180ms var(--void-ease) !important;
}

.page-home .btn-primary,
.page-home .premium-btn.primary,
.page-store button[type='submit'],
.page-store button[onclick*='Checkout'],
.page-studio .btn-primary,
.page-product .buy-btn,
.page-product button[onclick*='checkout'],
.page-product button[onclick*='Checkout'] {
    background: var(--void-bone) !important;
    border-color: var(--void-bone) !important;
    color: var(--void-black) !important;
}

.page-home .btn:hover,
.page-home .premium-btn:hover,
.page-store .btn:hover,
.page-store button:hover,
.page-studio .btn:hover,
.page-product .btn:hover,
.page-product button:hover {
    background: var(--void-paper) !important;
    border-color: var(--void-paper) !important;
    color: var(--void-black) !important;
    transform: none !important;
    box-shadow: none !important;
}

.page-home input,
.page-store input,
.page-studio input,
.page-product input,
.page-home textarea,
.page-store textarea,
.page-studio textarea,
.page-product textarea,
.page-home select,
.page-store select,
.page-studio select,
.page-product select {
    min-height: 46px !important;
    background: var(--void-charcoal) !important;
    border: 1px solid var(--void-line) !important;
    color: var(--void-paper) !important;
    box-shadow: none !important;
    font-size: 15px !important;
}

.page-home input::placeholder,
.page-store input::placeholder,
.page-studio input::placeholder,
.page-product input::placeholder {
    color: var(--void-dim) !important;
}

/* Home */
.page-home #voidAccessBanner {
    min-height: 42px !important;
    padding: 0.65rem clamp(1.25rem, 3vw, 3.5rem) !important;
    background: var(--void-charcoal) !important;
    border-bottom: 1px solid var(--void-line) !important;
    color: var(--void-steel) !important;
    font-family: var(--void-text) !important;
    letter-spacing: 0.08em !important;
}

.page-home #voidAccessBanner a {
    color: var(--void-paper) !important;
    border-color: var(--void-line) !important;
}

.page-home .premium-hero,
.page-home .void-hero {
    min-height: calc(100svh - 114px) !important;
    padding: clamp(5rem, 10vw, 9rem) clamp(1.25rem, 4vw, 4rem) 5rem !important;
    background-color: var(--void-black) !important;
    background-image: linear-gradient(90deg, rgba(5,5,5,0.98) 0%, rgba(5,5,5,0.88) 42%, rgba(5,5,5,0.18) 100%), url('/assets/ifeelvoid-atmosphere.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
}

.page-home .premium-hero::before,
.page-home .void-hero-noise {
    display: none !important;
}

.page-home .void-hero-shell,
.page-home .premium-hero-shell {
    width: var(--void-page) !important;
    max-width: none !important;
    margin: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(16rem, 4fr) !important;
    gap: clamp(3rem, 7vw, 8rem) !important;
    align-items: end !important;
}

.page-home .void-hero-copy {
    max-width: 76rem !important;
    order: 1 !important;
}

.page-home .premium-kicker {
    color: var(--void-steel) !important;
    font-family: var(--void-text) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 1.75rem !important;
}

.page-home .status-pulse {
    width: 6px !important;
    height: 6px !important;
    background: var(--void-bone) !important;
    box-shadow: none !important;
}

.page-home .premium-title {
    max-width: 76rem !important;
    margin: 0 0 2rem !important;
    color: var(--void-paper) !important;
    font-size: clamp(3.5rem, 6.5vw, 7.35rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.055em !important;
    line-height: 0.82 !important;
}

@media (min-width: 901px) {
    .page-home .premium-title span {
        white-space: nowrap !important;
    }
}

.page-home .premium-title span {
    color: var(--void-paper) !important;
}

.page-home .premium-subtitle {
    max-width: 42rem !important;
    margin: 0 0 2.25rem !important;
    color: #b7b5af !important;
    font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
    line-height: 1.6 !important;
}

.page-home .premium-actions {
    gap: 0.75rem !important;
}

.page-home .void-hero-proof {
    margin-top: clamp(3rem, 7vw, 6rem) !important;
    padding-top: 1.25rem !important;
    border-top: 1px solid rgba(232, 227, 218, 0.25) !important;
    color: var(--void-steel) !important;
}

.page-home .void-hero-proof strong {
    color: var(--void-paper) !important;
    font-family: var(--void-display) !important;
    font-size: 1.15rem !important;
}

.page-home .void-hero-visual {
    align-self: end !important;
    transform: translateY(3rem) !important;
    order: 2 !important;
}

.page-home .void-hero-frame {
    border: 1px solid rgba(232, 227, 218, 0.3) !important;
    background: var(--void-charcoal) !important;
    box-shadow: 0 2.5rem 6rem rgba(0, 0, 0, 0.55) !important;
    overflow: hidden !important;
}

.page-home .void-hero-frame img {
    filter: saturate(90%) contrast(1.06) !important;
    transition: filter 600ms var(--void-ease), transform 600ms var(--void-ease) !important;
}

.page-home .void-hero-frame:hover img {
    filter: saturate(102%) contrast(1.04) !important;
    transform: scale(1.018) !important;
}

.page-home .void-scroll-cue {
    left: clamp(1.25rem, 4vw, 4rem) !important;
    right: auto !important;
    color: var(--void-dim) !important;
    font-family: var(--void-text) !important;
}

.page-home .section {
    padding: var(--void-section) clamp(1.25rem, 4vw, 4rem) !important;
    background: var(--void-black) !important;
    border-color: var(--void-line) !important;
}

.page-home .section-header {
    width: 100% !important;
    max-width: 90rem !important;
    margin: 0 auto clamp(3rem, 7vw, 6rem) !important;
    text-align: left !important;
}

.page-home .section-label,
.page-store .section-label,
.page-studio .section-label {
    display: none !important;
}

.page-home .section-title,
.page-store .section-title,
.page-studio .section-title {
    max-width: 60rem !important;
    margin: 0 !important;
    font-size: clamp(2.75rem, 5.5vw, 6.5rem) !important;
    letter-spacing: -0.055em !important;
    line-height: 0.9 !important;
}

.page-home .tracks-grid {
    width: 100% !important;
    max-width: 90rem !important;
    margin: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border-top: 1px solid var(--void-line) !important;
    background: transparent !important;
}

.page-home .track-card {
    min-height: 8.5rem !important;
    padding: 1.25rem 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--void-line) !important;
    transition: background-color 180ms var(--void-ease) !important;
}

.page-home .track-card:nth-child(odd) {
    padding-right: 1.5rem !important;
    border-right: 1px solid var(--void-line) !important;
}

.page-home .track-card:nth-child(even) {
    padding-left: 1.5rem !important;
}

.page-home .track-card:hover {
    background: var(--void-charcoal) !important;
    box-shadow: none !important;
}

.page-home .track-art {
    width: 5.25rem !important;
    height: 5.25rem !important;
    filter: saturate(92%) contrast(1.07) !important;
}

.page-home .track-info h3 {
    font-size: clamp(1.15rem, 1.5vw, 1.5rem) !important;
}

.page-home .track-info p,
.page-home .track-duration,
.page-home .track-open {
    color: var(--void-steel) !important;
}

.page-home .track-play,
.page-home .track-support {
    border-color: var(--void-line) !important;
    color: var(--void-bone) !important;
}

.page-home .void-process-section {
    background: linear-gradient(rgba(5,5,5,0.78), rgba(5,5,5,0.92)), url('/assets/ifeelvoid-atmosphere.jpg') center / cover !important;
}

.page-home .void-process,
.page-home .void-elite-grid,
.page-home .about-grid,
.page-home .void-product-grid {
    width: 100% !important;
    max-width: 90rem !important;
}

.page-home [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
}

.page-home .void-process-step,
.page-home .void-access-terminal,
.page-home .service-card,
.page-home .faq-item {
    background: transparent !important;
    border-color: var(--void-line) !important;
    box-shadow: none !important;
}

.page-home .void-process-step {
    padding: 2rem 1.5rem 2rem 0 !important;
}

.page-home .void-process-step span,
.page-home .void-process-step p,
.page-home .service-card p {
    color: var(--void-steel) !important;
}

.page-home .void-elite-section {
    background: var(--void-charcoal) !important;
}

.page-home .void-elite-grid,
.page-home .about-grid {
    grid-template-columns: minmax(0, 7fr) minmax(19rem, 4fr) !important;
    gap: clamp(3rem, 8vw, 9rem) !important;
}

.page-home .void-access-terminal {
    padding: clamp(1.75rem, 3vw, 3rem) !important;
}

.page-home .about-img img {
    width: min(100%, 32rem) !important;
    filter: saturate(86%) contrast(1.08) !important;
}

.page-home .void-product-grid {
    grid-template-columns: 1.25fr 1fr 0.85fr !important;
    gap: clamp(1.25rem, 3vw, 3rem) !important;
}

.page-home .void-product-card {
    padding: 0 !important;
    text-align: left !important;
}

.page-home .void-product-card:hover {
    transform: none !important;
}

.page-home .void-product-art {
    margin-bottom: 1.5rem !important;
    overflow: hidden !important;
}

.page-home .void-product-art img {
    filter: saturate(90%) contrast(1.06) !important;
    transition: transform 600ms var(--void-ease), filter 600ms var(--void-ease) !important;
}

.page-home .void-product-card:hover img {
    filter: saturate(102%) contrast(1.04) !important;
    transform: scale(1.018) !important;
}

.page-home .newsletter {
    max-width: 54rem !important;
    padding: clamp(2rem, 5vw, 5rem) !important;
    background: rgba(5,5,5,0.78) !important;
    border: 1px solid rgba(232,227,218,0.18) !important;
    box-shadow: none !important;
}

.page-home .newsletter h3 {
    font-size: clamp(2.5rem, 5vw, 5.5rem) !important;
}

.page-home .void-newsletter-section {
    background: linear-gradient(90deg, rgba(5,5,5,0.8), rgba(5,5,5,0.28)), url('/assets/ifeelvoid-atmosphere.jpg') center / cover !important;
}

/* Store */
.page-store .hero-cinematic {
    min-height: 58svh !important;
    padding: clamp(6rem, 12vw, 10rem) clamp(1.25rem, 4vw, 4rem) !important;
    background: linear-gradient(90deg, rgba(5,5,5,0.96), rgba(5,5,5,0.35)), url('/assets/ifeelvoid-atmosphere.jpg') center / cover !important;
    border-bottom: 1px solid var(--void-line) !important;
    text-align: left !important;
}

.page-store .hero-cinematic::before,
.page-store .hero-bg-noise,
.page-store .hero-particles,
.page-store .hero-title::before,
.page-store .hero-title::after {
    display: none !important;
}

.page-store .hero-content {
    width: min(100%, var(--void-page)) !important;
    max-width: none !important;
    margin: auto !important;
}

.page-store .hero-eyebrow {
    color: var(--void-steel) !important;
    font-family: var(--void-text) !important;
    font-size: 12px !important;
    letter-spacing: 0.14em !important;
}

.page-store .hero-title {
    margin: 0 0 1rem !important;
    font-size: clamp(4.5rem, 10vw, 10rem) !important;
    letter-spacing: -0.065em !important;
}

.page-store .hero-sub {
    color: var(--void-steel) !important;
    font-size: 1rem !important;
}

.page-store main > section {
    padding: var(--void-section) clamp(1.25rem, 4vw, 4rem) !important;
    background: var(--void-black) !important;
    border-color: var(--void-line) !important;
}

.page-store main > section:nth-of-type(even) {
    background: var(--void-charcoal) !important;
}

.page-store #free > p:first-child,
.page-store #kits > p:first-child,
.page-store #books > div > p:first-child,
.page-store #mentorship > div > p:first-child,
.page-store #merch > p:first-child {
    display: none !important;
}

.page-store #mentorship > div[style*='position:absolute'] {
    display: none !important;
}

.page-store main > section h2 {
    font-size: clamp(2.75rem, 5vw, 5.5rem) !important;
    margin-bottom: 1rem !important;
}

.page-store .products-grid {
    width: min(100%, var(--void-page)) !important;
    max-width: none !important;
    gap: clamp(2rem, 4vw, 4.5rem) !important;
    align-items: start !important;
}

.page-store .product-card {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
    overflow: visible !important;
}

.page-store .product-card:hover {
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.page-store .product-card > img,
.page-store .product-card > div:first-child {
    border: 1px solid var(--void-line) !important;
    background: var(--void-charcoal) !important;
    overflow: hidden !important;
}

.page-store .product-card img {
    filter: saturate(90%) contrast(1.06) !important;
    transition: transform 600ms var(--void-ease), filter 600ms var(--void-ease) !important;
}

.page-store .product-card:hover img {
    filter: saturate(103%) contrast(1.04) !important;
    transform: scale(1.018) !important;
}

.page-store .product-card > div:not(:first-child) {
    margin-top: 1.5rem !important;
    text-align: left !important;
}

.page-store .product-card h3 {
    padding: 0 !important;
    font-size: clamp(1.5rem, 2.2vw, 2.5rem) !important;
}

.page-store .product-card p {
    padding: 0 !important;
    color: var(--void-steel) !important;
    font-size: 15px !important;
}

.page-store #audioPlayer {
    height: 60px !important;
    background: rgba(5,5,5,0.96) !important;
    border-top: 1px solid var(--void-line) !important;
    box-shadow: none !important;
}

.page-store .void-guide__launcher {
    min-width: 8rem !important;
    height: 46px !important;
    padding: 0 1rem !important;
    background: var(--void-bone) !important;
    border: 1px solid var(--void-bone) !important;
    color: var(--void-black) !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.page-store .void-guide__spark {
    display: none !important;
}

.page-store .void-guide__panel {
    background: var(--void-charcoal) !important;
    border: 1px solid var(--void-line) !important;
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.55) !important;
}

.page-store .void-guide__mark,
.page-store .void-guide__send {
    background: var(--void-bone) !important;
    color: var(--void-black) !important;
    box-shadow: none !important;
}

.page-store form p,
.page-product form p {
    color: var(--void-steel) !important;
}

/* Studio */
.page-studio .page-hero {
    min-height: 70svh !important;
    padding: clamp(7rem, 14vw, 13rem) clamp(1.25rem, 4vw, 4rem) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    text-align: left !important;
    background: linear-gradient(90deg, rgba(5,5,5,0.98), rgba(5,5,5,0.34)), url('/assets/ifeelvoid-atmosphere.jpg') center / cover !important;
    border-bottom: 1px solid var(--void-line) !important;
}

.page-studio .hero-stars,
.page-studio .particle,
.page-studio .page-hero > div:not(.hero-stars) {
    display: none !important;
}

.page-studio .hero-title {
    max-width: 70rem !important;
    margin: 0 0 1rem !important;
    font-size: clamp(4rem, 9vw, 9rem) !important;
    letter-spacing: -0.06em !important;
    animation: none !important;
    opacity: 1 !important;
}

.page-studio .hero-price,
.page-studio .hero-desc,
.page-studio .hero-btn {
    position: relative !important;
    z-index: 1 !important;
    margin-left: 0 !important;
    animation: none !important;
    opacity: 1 !important;
}

.page-studio .hero-price {
    color: var(--void-bone) !important;
    font-family: var(--void-display) !important;
    font-size: clamp(1.6rem, 2.5vw, 2.5rem) !important;
}

.page-studio .hero-desc {
    max-width: 44rem !important;
    margin: 0 0 2rem !important;
    color: #b7b5af !important;
    font-size: 1rem !important;
    letter-spacing: 0 !important;
}

.page-studio .page-content {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

.page-studio .content-intro {
    width: var(--void-reading) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: var(--void-section) 0 clamp(3rem, 6vw, 6rem) !important;
}

.page-studio .content-intro p {
    color: #b7b5af !important;
    font-size: clamp(1.1rem, 1.6vw, 1.35rem) !important;
    line-height: 1.75 !important;
}

.page-studio .page-content > div[style*='max-width:900px'][style*='display:grid'] {
    width: var(--void-page) !important;
    max-width: 70rem !important;
    margin: 0 auto var(--void-section) !important;
    padding: 0 !important;
    gap: 1px !important;
    background: var(--void-line) !important;
}

.page-studio iframe {
    filter: saturate(88%) contrast(1.06) !important;
}

.page-studio .studio-section-header {
    width: var(--void-page) !important;
    max-width: none !important;
    margin: var(--void-section) auto clamp(3rem, 6vw, 5rem) !important;
    text-align: left !important;
}

.page-studio .page-content > div[style*='max-width:900px'] {
    width: var(--void-page) !important;
    max-width: 70rem !important;
    padding: 0 !important;
}

.page-studio .price-card {
    padding: 2rem 1.5rem !important;
    background: transparent !important;
    border: 1px solid var(--void-line) !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    animation: none !important;
    opacity: 1 !important;
    transition: background-color 180ms var(--void-ease), border-color 180ms var(--void-ease) !important;
}

.page-studio .price-card:hover {
    background: var(--void-charcoal) !important;
    border-color: var(--void-focus) !important;
    box-shadow: none !important;
    transform: none !important;
}

.page-studio .price-card p[style*='font-size:36px'] {
    color: var(--void-paper) !important;
    font-family: var(--void-display) !important;
    font-size: 3rem !important;
}

.page-studio .gallery-item {
    background: var(--void-charcoal) !important;
    border-color: var(--void-line) !important;
}

.page-studio .gallery-item img {
    filter: saturate(90%) contrast(1.06) !important;
    transition: transform 600ms var(--void-ease), filter 600ms var(--void-ease) !important;
}

.page-studio .gallery-item:hover img {
    filter: saturate(103%) contrast(1.04) !important;
}

.page-studio .studio-cards {
    width: var(--void-page) !important;
    max-width: 70rem !important;
    margin: auto !important;
    gap: 1px !important;
    background: var(--void-line) !important;
}

.page-studio .studio-card {
    background: var(--void-charcoal) !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Product pages */
.page-product .product-hero,
.page-product .service-hero {
    width: var(--void-page) !important;
    max-width: none !important;
    min-height: calc(100svh - 72px) !important;
    margin: 0 auto !important;
    padding: clamp(5rem, 10vw, 9rem) 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(18rem, 5fr) !important;
    gap: clamp(3rem, 8vw, 9rem) !important;
    align-items: center !important;
}

.page-product .product-hero-image,
.page-product .service-art {
    background: var(--void-charcoal) !important;
    border: 1px solid var(--void-line) !important;
    overflow: hidden !important;
}

.page-product .product-hero-image img,
.page-product .service-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: saturate(90%) contrast(1.06) !important;
    transition: transform 700ms var(--void-ease), filter 700ms var(--void-ease) !important;
}

.page-product .product-hero-image:hover img,
.page-product .service-art:hover img {
    transform: scale(1.018) !important;
    filter: saturate(103%) contrast(1.04) !important;
}

.page-product .product-eyebrow,
.page-product .service-info .eyebrow {
    color: var(--void-steel) !important;
    font-family: var(--void-text) !important;
    font-size: 12px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.page-product .product-hero h1,
.page-product .service-info h1 {
    margin: 0 0 1.25rem !important;
    font-size: clamp(3.25rem, 6.2vw, 7.5rem) !important;
    letter-spacing: -0.06em !important;
}

.page-product .product-tagline,
.page-product .service-desc {
    color: var(--void-steel) !important;
    font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
    line-height: 1.65 !important;
}

.page-product .product-price,
.page-product .price-main {
    color: var(--void-paper) !important;
    font-family: var(--void-display) !important;
    font-size: clamp(2.75rem, 4.5vw, 5.5rem) !important;
    letter-spacing: -0.04em !important;
}

.page-product .product-badges {
    gap: 0.5rem !important;
}

.page-product .product-badges span {
    color: var(--void-steel) !important;
    border-color: var(--void-line) !important;
    background: transparent !important;
}

.page-product .section-inside,
.page-product .section-block,
.page-product .section-cta,
.page-product .bottom-cta {
    padding: var(--void-section) clamp(1.25rem, 4vw, 4rem) !important;
    background: var(--void-charcoal) !important;
    border-color: var(--void-line) !important;
}

.page-product .section-inside-inner,
.page-product .section-block > *,
.page-product .section-cta > *,
.page-product .bottom-cta > * {
    max-width: var(--void-reading) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.page-product .section-inside h2,
.page-product .section-block h2,
.page-product .section-cta h2,
.page-product .bottom-cta h2 {
    font-size: clamp(2.5rem, 4.5vw, 5rem) !important;
}

.page-product .inside-grid,
.page-product .includes-list {
    border-color: var(--void-line) !important;
}

.page-product .inside-grid li,
.page-product .includes-list li {
    color: var(--void-steel) !important;
    border-color: var(--void-line) !important;
}

.page-product .inside-grid li::before,
.page-product .includes-list li::before {
    background: var(--void-bone) !important;
}

.page-product .section-gallery,
.page-product .section-social-proof {
    display: none !important;
}

.page-product .product-story,
.page-product section[style*='max-width:1100px'] {
    width: var(--void-page) !important;
    max-width: none !important;
    padding: var(--void-section) 0 !important;
    border-color: var(--void-line) !important;
}

.page-product .product-story p,
.page-product section[style*='max-width:1100px'] p {
    color: var(--void-steel) !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.page-product footer,
.page-store footer,
.page-studio footer,
.page-home footer {
    background: var(--void-black) !important;
    border-color: var(--void-line) !important;
    color: var(--void-dim) !important;
}

@media (max-width: 900px) {
    body.page-home > nav,
    body.page-store > nav,
    body.page-studio > nav,
    body.page-product > nav {
        min-height: 64px !important;
        padding: 0 1.25rem !important;
    }

    .page-home .void-hero-shell,
    .page-home .premium-hero-shell,
    .page-home .void-elite-grid,
    .page-home .about-grid,
    .page-product .product-hero,
    .page-product .service-hero {
        grid-template-columns: 1fr !important;
    }

    .page-home .void-hero-visual {
        width: min(70vw, 28rem) !important;
        justify-self: end !important;
        transform: none !important;
    }

    .page-home .void-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .page-store .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .page-studio .page-hero {
        min-height: 62svh !important;
    }

    .page-product .product-hero,
    .page-product .service-hero {
        min-height: auto !important;
    }

    .page-product .product-hero-image,
    .page-product .service-art {
        width: min(100%, 44rem) !important;
    }
}

@media (max-width: 700px) {
    .page-home .premium-hero,
    .page-home .void-hero {
        min-height: auto !important;
        padding-top: 5rem !important;
        background-image: linear-gradient(180deg, rgba(5,5,5,0.88), rgba(5,5,5,0.98)), url('/assets/ifeelvoid-atmosphere.jpg') !important;
    }

    .page-home .premium-title {
        font-size: clamp(3.2rem, 15vw, 5.25rem) !important;
        line-height: 0.88 !important;
        overflow-wrap: normal !important;
    }

    .page-home .void-hero-proof {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }

    .page-home .void-hero-visual {
        width: 80% !important;
        margin-top: 1rem !important;
    }

    .page-home .tracks-grid {
        grid-template-columns: 1fr !important;
    }

    .page-home .track-card:nth-child(odd),
    .page-home .track-card:nth-child(even) {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-right: 0 !important;
    }

    .page-home .void-product-grid,
    .page-store .products-grid {
        grid-template-columns: 1fr !important;
    }

    .page-home .section,
    .page-store main > section,
    .page-product .section-inside,
    .page-product .section-block,
    .page-product .section-cta,
    .page-product .bottom-cta {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important;
    }

    .page-home .section-title,
    .page-store .section-title,
    .page-studio .section-title {
        font-size: clamp(2.75rem, 13vw, 4.5rem) !important;
    }

    .page-store .hero-cinematic,
    .page-studio .page-hero {
        min-height: 58svh !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    .page-store .hero-title,
    .page-studio .hero-title {
        font-size: clamp(3.7rem, 18vw, 6rem) !important;
    }

    .page-studio .studio-section-header,
    .page-studio .content-intro,
    .page-studio .page-content > div[style*='max-width:900px'],
    .page-studio .studio-cards {
        width: calc(100% - 2.5rem) !important;
    }

    .page-studio .page-content div[style*='grid-template-columns:repeat(3,1fr)'],
    .page-studio .page-content div[style*='grid-template-columns:repeat(2,1fr)'] {
        grid-template-columns: 1fr !important;
    }

    .page-product .product-hero,
    .page-product .service-hero {
        width: calc(100% - 2.5rem) !important;
        padding: 4.5rem 0 5.5rem !important;
        gap: 3rem !important;
    }

    .page-product .product-hero h1,
    .page-product .service-info h1 {
        font-size: clamp(3.25rem, 15vw, 5.5rem) !important;
    }

    .page-product section[style*='max-width:1100px'] > div[style*='grid-template-columns:1fr 1fr'] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-home *,
    .page-store *,
    .page-studio *,
    .page-product * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}