.sonic-catpage{padding:4rem 0 5.6rem}.sonic-catpage__top{text-align:center;max-width:64rem;margin:0 auto 3.2rem}.sonic-catpage__heading{font-size:3.6rem;font-weight:500;margin:0 0 1.2rem}.sonic-catpage__intro{margin:0 0 2rem;color:rgba(var(--color-foreground),.75)}.sonic-catpage__intro p{margin:0}.sonic-catpage__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:0;padding:0}.sonic-catpage__tile{display:flex;flex-direction:column;height:100%;text-decoration:none;color:rgb(var(--color-foreground))}.sonic-catpage__media{display:block;position:relative;aspect-ratio:1 / 1;overflow:hidden;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);transition:border-color .3s ease}.sonic-catpage__img{position:absolute;top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.sonic-catpage__tile:hover .sonic-catpage__media{border-color:rgba(var(--color-foreground),.45)}.sonic-catpage__tile:hover .sonic-catpage__img{transform:scale(1.05)}.sonic-catpage__title{display:block;font-size:1.8rem;font-weight:500;line-height:1.25;margin-top:1.2rem}.sonic-catpage__meta{display:block;font-size:1.4rem;color:rgba(var(--color-foreground),.65);margin-top:.2rem}@media(max-width:989px){.sonic-catpage__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){.sonic-catpage{padding:2.8rem 0 4rem}.sonic-catpage__top{margin-bottom:2.4rem}.sonic-catpage__heading{font-size:2.8rem}.sonic-catpage__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem 1.2rem}.sonic-catpage__title{font-size:1.6rem;margin-top:.8rem}.sonic-catpage__meta{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.sonic-catpage__img,.sonic-catpage__media{transition:none}}@media screen and (max-width:749px){.footer .footer-block.grid__item.sonic-fold{margin:0}.footer .footer-block.grid__item:not(.sonic-fold)+.sonic-fold{margin-top:3.2rem}.footer .sonic-fold .footer-block__heading{margin:0}.footer .sonic-fold__btn{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;width:100%;min-height:5.2rem;border-top:1px solid rgba(var(--color-foreground),.15);cursor:pointer;-webkit-tap-highlight-color:transparent}.footer .sonic-fold:last-child .footer-block__heading,.footer .sonic-fold.is-open:last-child .footer-block__details-content{border-bottom:1px solid rgba(var(--color-foreground),.15)}.footer .sonic-fold.is-open:last-child .footer-block__heading{border-bottom:0}.footer .sonic-fold__icon{position:relative;flex:none;width:1.4rem;height:1.4rem}.footer .sonic-fold__icon:before,.footer .sonic-fold__icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .2s ease}.footer .sonic-fold__icon:after{transform:rotate(90deg)}.footer .sonic-fold.is-open .sonic-fold__icon:after{transform:rotate(0)}.footer .sonic-fold:not(.is-open) .footer-block__details-content{display:none}.footer .sonic-fold.is-open .footer-block__details-content{padding-bottom:1.6rem}.footer .sonic-fold__btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}}@media(prefers-reduced-motion:reduce){.footer .sonic-fold__icon:before,.footer .sonic-fold__icon:after{transition:none}}@media screen and (max-width:749px){.section-header .header{padding-top:.6rem;padding-bottom:.6rem}.section-header .header__heading-logo-wrapper{width:6.4rem}.section-header .header__heading-logo{width:100%;height:auto}}.sonic-ticker{overflow:hidden;white-space:nowrap;padding:1rem 0;border-bottom:1px solid rgba(var(--color-foreground),.15)}.sonic-ticker__link{display:block;color:inherit;text-decoration:none}.sonic-ticker__track{display:flex;width:max-content;animation:sonic-ticker-scroll var(--ticker-speed, 30s) linear infinite}.sonic-ticker:hover .sonic-ticker__track{animation-play-state:paused}.sonic-ticker__group{display:flex;flex-shrink:0}.sonic-ticker__item{display:inline-block;padding-right:var(--ticker-gap, 320px);font-size:1.4rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase;color:rgb(var(--color-foreground))}@keyframes sonic-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.sonic-ticker__track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/compiled_assets/styles.css.map?subset=AAAAAAAAAgIJ */