/* SONIXED: the first collection, accessory design and a growing visual identity. */
.sonixed-page{background:#191719}
.sonixed-hero{padding-top:36px}
.sonixed-hero-copy{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:44px}
.sonixed-eyebrow{font-size:9px;line-height:1.8;color:var(--pink)}
.sonixed-hero h1{font-family:var(--display);font-size:clamp(64px,9vw,132px);font-weight:400;line-height:1;margin:18px 0 0;overflow-wrap:anywhere}
.sonixed-hero h1 span,.sonixed-introduction h2 span{color:var(--pink)}
.sonixed-hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted)}
.sonixed-banner-slot{aspect-ratio:16 / 7;border:1px solid var(--line);background:#211e21;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.sonixed-banner-slot>.mono{font-size:9px;color:var(--pink)}
.sonixed-banner-slot p,.sonixed-image-slot p{font-size:13px;color:var(--muted);margin:0}
.sonixed-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);padding-block:60px}
.sonixed-introduction h2{font-family:var(--display);font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.1;margin:18px 0 24px}
.sonixed-introduction p,.sonixed-section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:720px}
.sonixed-role{border-left:1px solid var(--line);padding-left:30px;align-self:start}
.sonixed-role h2{font-size:9px;font-weight:400;color:var(--pink);margin:0 0 24px}
.sonixed-role ul{list-style:none;margin:0;padding:0}
.sonixed-role li{font-size:14px;line-height:1.8;border-top:1px solid var(--line);padding-block:12px}
.sonixed-nav{display:flex;flex-wrap:wrap;gap:18px 36px;padding-block:22px;border-block:1px solid var(--line);font-size:9px}
.sonixed-nav a:hover{color:var(--pink)}
.sonixed-section{padding-block:48px;scroll-margin-top:24px}
.sonixed-section+.sonixed-section{border-top:1px solid var(--line)}
.sonixed-section-heading{margin-bottom:36px}
.sonixed-section-heading h2{font-family:var(--display);font-size:clamp(34px,4.5vw,62px);font-weight:400;line-height:1.1;margin:16px 0 20px;overflow-wrap:anywhere}
.sonixed-page .release-description p+p{margin-top:16px}
.sonixed-product-facts{font-size:12px;margin:28px 0}
.sonixed-product-facts>div{border-top:1px solid var(--line);padding-block:14px}
.sonixed-product-facts dt{font-family:var(--mono);font-size:8px;color:var(--pink);margin-bottom:8px}
.sonixed-product-facts dd{margin:0;color:var(--muted);line-height:1.7}
.sonixed-visual-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.sonixed-visual-card{margin:0;min-width:0}
.sonixed-image-slot,.sonixed-visual-card>a{aspect-ratio:4 / 3;background:#211e21;border:1px solid var(--line)}
.sonixed-image-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.sonixed-image-slot>.mono{font-size:8px;color:#ffffff40}
.sonixed-visual-card>a{display:block;cursor:zoom-in}
.sonixed-visual-card img{display:block;width:100%;height:100%;object-fit:contain}
.sonixed-visual-card figcaption{font-size:13px;padding-top:12px;line-height:1.6}
.sonixed-page .campaign-viewer-bar{align-items:flex-start}
@media(max-width:700px){.sonixed-hero-copy{display:block;padding-block:30px}.sonixed-hero-copy>p{margin-top:24px}.sonixed-overview{grid-template-columns:1fr;gap:28px;padding-block:36px}.sonixed-role{border-left:0;padding-left:0}.sonixed-visual-gallery{grid-template-columns:1fr}.sonixed-section{padding-block:32px}.sonixed-page .hero-overline{flex-wrap:wrap;gap:10px}.sonixed-page .campaign-viewer-bar h2{font-size:8px}.sonixed-page .release-thumb-placeholder{font-size:10px;text-align:center}}

.sonixed-banner{display:block;aspect-ratio:16 / 7;background:#211e21;border:1px solid var(--line);overflow:hidden;cursor:zoom-in}
.sonixed-banner img{display:block;width:100%;height:100%;object-fit:contain}
