/* Refined audio-brand presentation: existing fonts, photographs and shopping controls. */
:root{--audio-accent:#e53935;--audio-tint:#fff5f4;--audio-ink:#111;--audio-muted:#55555a;--audio-line:#eadcdb}
body.home .audio-design-story{box-sizing:border-box;padding:88px 24px;background:var(--audio-tint);color:var(--audio-ink);font-family:Montserrat,Arial,sans-serif}
.audio-design-story *{box-sizing:border-box}
.audio-design-shell{max-width:1188px;margin:0 auto}
.audio-design-story .audio-design-intro{max-width:840px;margin-bottom:48px}
.audio-design-story .audio-eyebrow{margin:0 0 18px;color:var(--audio-accent);font-size:12px;font-weight:600;letter-spacing:.12em}
.audio-design-story h2{max-width:840px;margin:0 0 24px;color:#111;font-size:clamp(36px,5vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.audio-design-story .audio-design-intro>p:last-child{margin:0;color:var(--audio-muted);font-size:19px;line-height:1.65}
.audio-design-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:start}
.audio-design-story .audio-design-diagram{position:sticky;top:112px;min-width:0;margin:0;padding:24px;border:1px solid var(--audio-line);border-radius:18px;background:#fff}
.audio-design-diagram svg{display:block;width:100%;height:auto;color:#777}
.audio-design-diagram .audio-part{color:#818a81;transition:color .2s}
.audio-design-diagram[data-step="0"] .audio-part-0,.audio-design-diagram[data-step="1"] .audio-part-1,.audio-design-diagram[data-step="2"] .audio-part-2{color:var(--audio-accent)}
.audio-diagram-label{fill:#55555a;font-family:Montserrat,Arial,sans-serif;font-size:16px}
.audio-design-story figcaption{margin:8px 0 0;color:#666;font-size:12px;line-height:1.5;text-align:center}
.audio-design-step{margin:0;border:0;border-bottom:1px solid var(--audio-line);border-radius:0;background:transparent}
.audio-design-step summary{display:flex;align-items:center;gap:18px;min-height:84px;padding:20px 4px;cursor:pointer;font-size:20px;font-weight:500;line-height:1.35;list-style:none}
.audio-design-step summary::-webkit-details-marker{display:none}
.audio-design-step summary:after{content:"+";margin-left:auto;color:var(--audio-accent);font-size:26px;font-weight:400}
.audio-design-step[open] summary:after{content:"−"}
.audio-design-step .audio-step-number{flex:0 0 28px;color:var(--audio-accent);font-size:12px;font-weight:600;letter-spacing:.04em}
.audio-design-story .audio-design-step>p{max-width:480px;margin:0;padding:0 4px 28px 50px;color:var(--audio-muted);font-size:16px;line-height:1.7}
.audio-design-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;margin-top:24px;color:#111;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.audio-design-link:hover{color:var(--audio-accent)}
.audio-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;margin:28px auto 0}
.audio-hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-size:15px;font-weight:500;text-decoration:none}
.audio-hero-actions .audio-hero-primary{padding:12px 24px;border:1px solid #111;border-radius:999px;background:#111;color:#fff}
.audio-hero-actions .audio-hero-secondary{padding:12px 24px;border:1px solid #ddd;border-radius:999px;background:#fff;color:#111}
.audio-hero-actions .audio-hero-primary:hover{background:#333}
body.home .ac-card figure{background:#000}
body.home .ac-card .wp-block-buttons,body.home .ac-card .wp-block-button{width:100%}
body.home .ac-card .wp-block-button__link{display:flex;width:100%;box-sizing:border-box;background:#111!important;color:#fff!important}
body.home .ac-card>p{min-height:54px}
body.home .csal-home-sections .product-story h2{font-size:clamp(36px,4.5vw,60px);font-weight:500;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
body.home .csal-home-sections .product-story.wp-block-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
body.home .ac-card,body.home .csal-home-sections .three>.wp-block-column{transition:box-shadow .2s,border-color .2s}
body.home .ac-card:hover,body.home .csal-home-sections .three>.wp-block-column:hover{border-color:#cbd8cb;box-shadow:0 8px 28px rgb(17 17 17 / 5%)}
body :is(.audio-design-story,.audio-hero-actions) :is(a,summary):focus-visible{outline:2px solid var(--audio-accent);outline-offset:5px}
body :is(.entry-content,.csal-blocks) :is(.wp-block-heading){overflow-wrap:break-word}
@media(prefers-reduced-motion:no-preference){
 .audio-reveal{animation:audio-enter .55s ease both}
 @keyframes audio-enter{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:767px){
 body.home .audio-design-story{padding:56px 20px}
 .audio-design-story .audio-design-intro{margin-bottom:28px}
 .audio-design-story .audio-design-intro>p:last-child{font-size:17px}
 .audio-design-layout{grid-template-columns:1fr;gap:20px}
 .audio-design-story .audio-design-diagram{position:static;padding:16px}
 .audio-design-step summary{min-height:76px;font-size:18px}
 .audio-design-story .audio-design-step>p{padding-left:50px}
 body.home .csal-home-sections .product-story.wp-block-columns{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.audio-design-diagram .audio-part,body.home .ac-card,body.home .csal-home-sections .three>.wp-block-column{transition:none}}