.behind-scenes{--bs-background: #f8f5ef;--bs-green: #29472b;--bs-dark: #132719;width:100%;padding:80px 24px 90px;background:var(--bs-background);overflow:hidden}.behind-scenes *,.behind-scenes *:before,.behind-scenes *:after{box-sizing:border-box}.behind-scenes__container{width:min(1480px,100%);margin:0 auto}.behind-scenes__badge{width:fit-content;margin:0 auto 18px;padding:10px 19px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;background:#516c4317;color:var(--bs-green);font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}.behind-scenes__badge-icon{width:18px;height:18px;display:flex}.behind-scenes__badge-icon svg{width:100%;height:100%}.behind-scenes__heading{margin:0;text-align:center;color:var(--bs-dark);font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,76px);font-weight:600;letter-spacing:-.045em;line-height:.98}.behind-scenes__divider{margin:30px auto 48px;display:flex;align-items:center;justify-content:center;gap:16px;color:#64784d}.behind-scenes__divider span{width:64px;height:1px;background:#879673;opacity:.7}.behind-scenes__divider svg{width:22px;height:22px}.behind-scenes__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.behind-scenes__card{position:relative;min-width:0;overflow:hidden;border-radius:22px;background:#151515;aspect-ratio:.58;isolation:isolate;box-shadow:0 15px 35px #1b271b1f,0 3px 10px #0000000f;transition:transform .35s ease,box-shadow .35s ease}.behind-scenes__card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #1b271b2b,0 5px 15px #00000014}.behind-scenes__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#111}.behind-scenes__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;background:#111}.behind-scenes__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#00000026,#0000 35% 65%,#0003)}.behind-scenes__mute{position:absolute;top:17px;right:17px;z-index:10;width:46px;height:46px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#0000007a;color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.behind-scenes__mute:hover{transform:scale(1.06);background:#000000b3}.behind-scenes__mute svg{width:21px;height:21px}.behind-scenes__mute-icon,.behind-scenes__mute.is-muted .behind-scenes__sound-icon{display:none}.behind-scenes__mute.is-muted .behind-scenes__mute-icon{display:block}.behind-scenes__duration{position:absolute;right:15px;bottom:15px;z-index:10;padding:7px 10px;border-radius:8px;background:#000000a6;color:#fff;font-size:12px;font-weight:600;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.behind-scenes__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fffc;font-size:13px;text-align:center;background:linear-gradient(145deg,#273329,#101611)}.behind-scenes__placeholder-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#172519;font-size:22px}@media screen and (max-width:1100px){.behind-scenes{padding:65px 20px 70px}.behind-scenes__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.behind-scenes__card{aspect-ratio:.64}}@media screen and (max-width:749px){.behind-scenes{padding:52px 0 58px}.behind-scenes__badge{margin-bottom:14px;padding:8px 15px;font-size:11px}.behind-scenes__badge-icon{width:15px;height:15px}.behind-scenes__heading{padding:0 20px;font-size:clamp(38px,11vw,52px);line-height:1}.behind-scenes__divider{margin:24px auto 32px}.behind-scenes__divider span{width:42px}.behind-scenes__grid{display:flex;gap:14px;overflow-x:auto;padding:0 18px 14px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.behind-scenes__grid::-webkit-scrollbar{display:none}.behind-scenes__card{flex:0 0 78vw;max-width:360px;aspect-ratio:.58;scroll-snap-align:center;transform:none!important}.behind-scenes__mute{width:42px;height:42px;top:13px;right:13px}.behind-scenes__duration{right:12px;bottom:12px}}@media screen and (max-width:390px){.behind-scenes__card{flex-basis:82vw}.behind-scenes__heading{font-size:40px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/behind-the-scenes.css.map */