.four-boxes-section{margin-top:var(--section-mt, 20px);margin-bottom:var(--section-mb, 20px)}.four-boxes-section__header{text-align:center;margin-bottom:40px;padding:0 20px}.four-boxes-section__heading{font-size:30px;font-weight:200;margin:0 0 12px}.four-boxes-section__body{font-size:15px;margin:0;opacity:.7}.four-boxes-section__slider{padding:0 20px}.four-boxes-section__viewport{overflow:hidden;width:100%}.four-boxes-section__track{display:flex;gap:16px;transition:transform .45s cubic-bezier(.25,.46,.45,.94);will-change:transform}.four-boxes-section__box{flex:0 0 calc(25% - 12px);max-width:calc(25% - 12px);box-sizing:border-box;position:relative;overflow:hidden;height:345px;cursor:pointer}.four-boxes-section__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.four-boxes-section__bg--color{background-color:var(--box-bg-color, #1a1a1a)}.four-boxes-section__image,.four-boxes-section__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.four-boxes-section__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.four-boxes-section__content{text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:28px 24px;color:#fff}.four-boxes-section__box-heading{font-size:24px!important;font-weight:200;margin:0 0 8px;line-height:1.3;color:#fff;text-transform:uppercase}.four-boxes-section__box-body{font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px;opacity:.85;line-height:1.6}.four-boxes-section__link{display:inline-block;color:#fff;text-decoration:none;font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;position:relative;padding:10px 0;margin:0 60px}.four-boxes-section__link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff}.four-boxes-section__link:hover:before{opacity:0}.four-boxes-section__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#fff;transition:width .45s ease}.four-boxes-section__link:hover:after{width:100%}.four-boxes-section__play-btn{position:absolute;top:12px;right:12px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:#0000004d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.four-boxes-section__play-btn:hover{background:#0009}.four-boxes-section__play-btn svg{width:14px;height:14px}.four-boxes-section__controls{display:none;flex-direction:column;align-items:center;gap:16px;margin-top:28px}.four-boxes-section.four-boxes--active .four-boxes-section__controls{display:flex}.four-boxes-section__progress-wrap{width:220px;height:2px;background:#00000026;border-radius:2px;overflow:hidden}.four-boxes-section__progress-fill{height:100%;background:#000;border-radius:2px;transition:width .35s ease;width:0%}.four-boxes-section__arrows-row{display:flex;align-items:center;gap:12px}.four-boxes-section__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #000;background:#fff;cursor:pointer;transition:background .2s ease;padding:0;flex-shrink:0}.four-boxes-section__arrow svg{width:20px;height:20px;stroke:#000;fill:#000;transition:stroke .2s ease,fill .2s ease;pointer-events:none}.four-boxes-section__arrow:disabled{opacity:.25;cursor:default}@media(max-width:1024px){.four-boxes-section__slider{padding:0 16px}.four-boxes-section__box{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px);height:420px}.four-boxes-section__link{margin:0 120px}}@media(max-width:768px){.four-boxes-section__slider{padding:0 20px}.four-boxes-section__track{gap:0}.four-boxes-section{margin:20px 0}.four-boxes-section__box{flex:0 0 100%;max-width:100%;height:420px}.four-boxes-section__header{margin-bottom:28px}.four-boxes-section__content{justify-content:flex-end;padding:20px 16px;gap:6px;text-align:center}.four-boxes-section__box-heading{font-size:18px!important;line-height:1.3}.four-boxes-section__box-body{font-size:12px;letter-spacing:.06em;line-height:1.4}.four-boxes-section__link{margin:0 120px;font-size:11px}}@media(max-width:460px){.four-boxes-section__slider{padding:0 12px}.four-boxes-section__box{height:380px}.four-boxes-section__link{margin:0 40px;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/four-boxes.build.css.map */