.ll-page-how .sec-sound{padding-block:20px}.ll-page-how .sec-sound .sec-header-block{margin-bottom:16px}.ll-page-how .sec-sound .sec-main-heading{font-size:clamp(28px,2.6vw,40px)}.ll-page-how .acoustic-intro{padding-bottom:20px}.ll-page-how .acoustic-intro h3{font-size:clamp(22px,2vw,28px)}.ll-page-how .acoustic-intro>img{height:clamp(140px,20svh,180px)}.ll-page-how .acoustic-card-list,.ll-page-how .acoustic-card-list[data-expanded]{--acoustic-gap: clamp(16px, 1.5vw, 24px);display:flex;width:100%;gap:var(--acoustic-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;align-items:stretch;padding:6px 0;overflow-anchor:none;scroll-behavior:auto}.ll-page-how .acoustic-card-list::-webkit-scrollbar{display:none}.ll-page-how .acoustic-card-list[data-expanded]:after{content:"";flex:0 0 56px}.ll-page-how .acoustic-card-list .acoustic-card{flex:0 0 calc((100% - var(--acoustic-gap) * 2) / 3);min-width:0;min-height:240px;height:auto;border-radius:var(--ll-radius, 24px);overflow:hidden;transition:none}.ll-page-how .acoustic-card-list .acoustic-card.is-expanded{flex-basis:calc(100% - 64px);min-height:clamp(300px,38svh,370px)}.ll-page-how .acoustic-card .acoustic-toggle{top:18px;right:18px;width:40px;height:40px}.ll-page-how .acoustic-card .acoustic-card-body{padding:28px;height:100%}.ll-page-how .acoustic-card-list[data-motion-ready] .acoustic-card{height:var(--acoustic-card-height);min-height:0;contain:layout paint}.ll-page-how .acoustic-card-list .acoustic-card-body{box-sizing:border-box;width:var(--acoustic-render-width,100%);contain:layout}.ll-page-how .acoustic-card-list[data-motion-running] .acoustic-card-body{will-change:opacity}.ll-page-how .ll-acoustic-measure{position:absolute!important;inset:0 auto auto 0!important;visibility:hidden;pointer-events:none;min-height:0!important;height:auto!important;overflow:visible}.ll-page-how .ll-acoustic-measure .acoustic-card{height:auto!important;contain:none}.ll-page-how .ll-acoustic-measure .acoustic-card-body{height:auto!important}.ll-page-how .acoustic-card .acoustic-copy h3{margin:0 42px 24px 0;font-size:clamp(18px,1.5vw,24px);line-height:1.3;letter-spacing:-.3px}.ll-page-how .acoustic-card.is-expanded .acoustic-card-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);padding:clamp(28px,2.2vw,36px);align-items:center}.ll-page-how .acoustic-card.is-expanded .acoustic-copy h3{margin-bottom:24px}.ll-page-how .acoustic-card .acoustic-detail p{margin:0 0 14px;font-size:clamp(15px,1.2vw,18px);line-height:1.55;letter-spacing:normal}.ll-page-how .acoustic-card .acoustic-detail small,.ll-page-how .acoustic-card .acoustic-media figcaption{font-size:12px;line-height:1.5;letter-spacing:normal}.ll-page-how .acoustic-card.is-expanded .acoustic-media{padding-top:18px}.ll-page-how .acoustic-card.is-expanded .acoustic-media>img{width:100%;max-width:100%;max-height:clamp(200px,30svh,320px);height:auto;object-fit:contain}.ll-page-how .acoustic-card.is-expanded .acoustic-logos{padding-top:0;align-items:center;gap:24px}.ll-page-how .acoustic-card.is-expanded .acoustic-logos img:first-child{width:100px;height:auto}.ll-page-how .acoustic-card.is-expanded .acoustic-logos img:nth-child(2){width:160px;height:auto;margin-top:0}.ll-page-how .acoustic-card .acoustic-chart-label{font-size:13px}.ll-page-how .acoustic-inline-controls{display:flex;align-items:center;gap:12px;padding-top:18px}.ll-page-how .acoustic-inline-controls[hidden]{display:none}.ll-page-how .acoustic-inline-controls[data-idle] .acoustic-inline-progress span{opacity:0}.ll-page-how .acoustic-inline-progress{flex:1;height:2px;margin-right:16px;background:#ffffff30}.ll-page-how .acoustic-inline-progress span{display:block;width:100%;height:100%;background:#fff;transform-origin:left;transition:transform .3s ease}.ll-page-how .acoustic-inline-count{min-width:38px;font-size:13px;color:#c2c2c2}.ll-page-how .acoustic-inline-controls button{width:44px;height:44px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#2e2e2e;color:#fff;font-size:23px;cursor:pointer}.ll-page-how .acoustic-inline-controls button:disabled{opacity:.3;cursor:default}.ll-page-how .acoustic-inline-controls button:focus-visible{outline:2px solid #80c7ee;outline-offset:3px}@media(max-width:1023px){.ll-page-how .acoustic-card-list .acoustic-card{flex-basis:72%}.ll-page-how .acoustic-card-list .acoustic-card.is-expanded{flex-basis:calc(100% - 40px)}.ll-page-how .acoustic-card-list[data-expanded]:after{flex-basis:24px}}@media(max-width:650px){.ll-page-how .acoustic-card-list .acoustic-card{flex-basis:88%}.ll-page-how .acoustic-card.is-expanded .acoustic-card-body{grid-template-columns:minmax(0,1fr);padding:24px;gap:12px}.ll-page-how .acoustic-card.is-expanded .acoustic-copy h3{margin-right:38px}.ll-page-how .acoustic-card .acoustic-detail p{font-size:15px}.ll-page-how .acoustic-card.is-expanded .acoustic-media>img{max-height:230px}.ll-page-how .acoustic-card.is-expanded .acoustic-logos{gap:16px}.ll-page-how .acoustic-card.is-expanded .acoustic-logos img:first-child{width:80px}.ll-page-how .acoustic-card.is-expanded .acoustic-logos img:nth-child(2){width:130px}}@media(prefers-reduced-motion:reduce){.ll-page-how .acoustic-card-list .acoustic-card,.ll-page-how .acoustic-inline-progress span{transition:none}}.ll-page-how .acoustic-intro :is(h3,p){text-align:left}@media(min-width:1024px){.ll-page-how .acoustic-intro{width:92%;max-width:1120px;margin-inline:auto;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.ll-page-how .acoustic-intro>img{height:clamp(220px,30svh,320px);object-fit:contain}.ll-page-how .acoustic-intro h3{font-size:clamp(24px,2.2vw,32px)}.ll-page-how .acoustic-card-list,.ll-page-how .acoustic-card-list[data-expanded]{width:92%;max-width:1120px;margin-inline:auto}.ll-page-how .acoustic-card:not(.is-expanded) .acoustic-card-body{padding:20px}.ll-page-how .acoustic-card:not(.is-expanded) .acoustic-copy h3{padding-left:0;margin:0 44px 16px 0;font-size:clamp(17px,1.4vw,20px);line-height:1.25}.ll-page-how .acoustic-card:not(.is-expanded) .acoustic-media>img{max-height:150px;object-fit:contain}.ll-page-how .acoustic-card--driver:not(.is-expanded) .acoustic-media>img{width:180px}.ll-page-how .acoustic-card:not(.is-expanded) .acoustic-logos{padding-top:24px;align-items:center;gap:14px}.ll-page-how .acoustic-card:not(.is-expanded) .acoustic-logos img:first-child{width:55px;height:auto}.ll-page-how .acoustic-card:not(.is-expanded) .acoustic-logos img:nth-child(2){width:88px;height:auto;margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/ll-how-inline-cards.css.map */