.expandable-section-wrapper{width:100%;position:relative;overflow:hidden;font-family:Inter,sans-serif}.expandable-section-title{text-align:center;margin-bottom:40px;font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.expandable-container{display:flex;flex-wrap:nowrap;height:100%;width:100%;gap:15px;box-sizing:border-box;align-items:stretch}.expandable-column{flex:1;height:100%;overflow:hidden;position:relative;border-radius:20px;box-shadow:0 10px 30px #0000004d;transition-property:flex,box-shadow,transform;transition-duration:var(--transition-speed, .4s);transition-timing-function:cubic-bezier(.25,.46,.45,.94);will-change:flex,box-shadow,transform;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.expandable-column.active{flex:4;box-shadow:0 15px 40px #00000080;transform:translateY(-5px)}.column-inner{position:relative;background-size:cover;background-position:center center;height:100%;width:100%;display:flex;align-items:flex-end;justify-content:flex-start;border-radius:20px;overflow:hidden;transition:transform var(--transition-speed, .4s) var(--transition-timing)}.expandable-column.active .column-inner{transform:scale(1.05)}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:#0009;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:20px;transition:background .4s var(--transition-timing),backdrop-filter .4s var(--transition-timing);opacity:var(--initial-overlay-opacity, .7)}.expandable-column.active .overlay{background:#0006;backdrop-filter:blur(12px) saturate(200%);-webkit-backdrop-filter:blur(12px) saturate(200%)}.vertical-title{position:absolute;bottom:20px;left:20px;z-index:3;writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap;opacity:1;transition:opacity var(--transition-speed, .4s) ease-out;pointer-events:none}.vertical-title .column-heading{margin:0;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:1px}.content-wrapper{position:relative;z-index:2;width:90%;max-width:400px;text-align:left;opacity:0;transform:translateY(20px);transition:opacity var(--transition-speed, .4s) ease-out,transform var(--transition-speed, .4s) ease-out;padding:20px 20px 40px;pointer-events:none;background:#ffffff0d;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:40px;margin-left:30px;max-height:calc(100% - 80px);overflow-y:auto}.expandable-column.active .content-wrapper{opacity:1;transform:translateY(0);transition-delay:calc(var(--transition-speed, .4s) / 2);pointer-events:auto}.expandable-column.active .vertical-title{opacity:0;pointer-events:none}.column-heading.expanded-heading{margin-bottom:15px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2);text-transform:none;letter-spacing:normal}.column-description{margin-bottom:20px;line-height:1.5}.column-description p{margin:0}.call-to-action{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:500;margin-top:15px;transition:color .3s ease}.call-to-action:hover{color:#a0a0a0;text-decoration:underline}.call-to-action .play-icon{fill:currentColor;stroke:none}.social-icons{display:flex;justify-content:flex-start;gap:15px;margin-top:20px;pointer-events:auto}.social-icon{border-radius:50%;background-color:#fffc;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .3s ease-in-out,transform .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 2px 8px #0000001a}.social-icon:hover{background-color:#ffffff80;transform:scale(1.1);box-shadow:0 4px 12px #0003}:root{--transition-speed: .4s;--transition-timing: cubic-bezier(.25, .46, .45, .94);--initial-overlay-opacity: .7}@media(max-width:1080px){.expandable-section-title{font-size:3rem;margin-bottom:30px}.expandable-container{gap:12px}.expandable-column,.column-inner,.overlay{border-radius:16px}.content-wrapper{padding:18px 18px 35px;border-radius:12px;margin-bottom:35px;margin-left:25px;max-width:350px}.vertical-title{bottom:18px;left:18px}.vertical-title .column-heading,.column-heading.expanded-heading{font-size:calc(var(--heading-size, 24px) * .9)}.column-description{font-size:calc(var(--text-size, 16px) * .9)}}@media(max-width:767px){.expandable-section-title{font-size:1.6rem;margin-bottom:25px;letter-spacing:1px}.expandable-container{gap:8px;padding:0 10px}.expandable-column,.column-inner,.overlay{border-radius:12px}.content-wrapper{padding:15px 15px 30px;border-radius:10px;margin-bottom:30px;margin-left:20px;max-width:280px;max-height:calc(100% - 60px)}.vertical-title{bottom:15px;left:15px}.vertical-title .column-heading{font-size:calc(var(--heading-size, 24px) * .7)}.column-heading.expanded-heading{font-size:calc(var(--heading-size, 24px) * .8);margin-bottom:12px}.column-description{font-size:calc(var(--text-size, 16px) * .8);line-height:1.4}.social-icons{gap:12px;margin-top:15px}.social-icon{width:calc(var(--social-icon-size, 30px) * .8)!important;height:calc(var(--social-icon-size, 30px) * .8)!important}.call-to-action{font-size:.9rem}.call-to-action .play-icon{width:16px;height:16px}}@media(max-width:480px){.expandable-section-title{font-size:1.4rem;margin-bottom:20px}.expandable-container{gap:6px;padding:0 8px}.expandable-column,.column-inner,.overlay{border-radius:10px}.content-wrapper{padding:12px 12px 25px;border-radius:8px;margin-bottom:25px;margin-left:15px;max-width:240px}.vertical-title{bottom:12px;left:12px}.vertical-title .column-heading{font-size:calc(var(--heading-size, 24px) * .6)}.column-heading.expanded-heading{font-size:calc(var(--heading-size, 24px) * .7);margin-bottom:10px}.column-description{font-size:calc(var(--text-size, 16px) * .75);line-height:1.3}.social-icons{gap:10px;margin-top:12px}.social-icon{width:calc(var(--social-icon-size, 30px) * .7)!important;height:calc(var(--social-icon-size, 30px) * .7)!important}.call-to-action{font-size:.85rem}.call-to-action .play-icon{width:14px;height:14px}}@media(min-width:1441px){.expandable-section-title{font-size:3rem;margin-bottom:50px}.expandable-container{gap:20px}.expandable-column,.column-inner,.overlay{border-radius:24px}.content-wrapper{padding:25px 25px 50px;border-radius:18px;margin-bottom:50px;margin-left:35px;max-width:450px}.vertical-title{bottom:25px;left:25px}.vertical-title .column-heading{font-size:calc(var(--heading-size, 24px) * 1.1)}.column-heading.expanded-heading{font-size:calc(var(--heading-size, 24px) * 1.1);margin-bottom:18px}.column-description{font-size:calc(var(--text-size, 16px) * 1.1);line-height:1.6}.social-icons{gap:18px;margin-top:25px}.social-icon{width:calc(var(--social-icon-size, 30px) * 1.2)!important;height:calc(var(--social-icon-size, 30px) * 1.2)!important}}@media(min-width:1921px){.expandable-section-title{font-size:3.5rem;margin-bottom:60px}.content-wrapper{max-width:500px;padding:30px 30px 60px}.vertical-title .column-heading,.column-heading.expanded-heading{font-size:calc(var(--heading-size, 24px) * 1.3)}.column-description{font-size:calc(var(--text-size, 16px) * 1.3)}.social-icon{width:calc(var(--social-icon-size, 30px) * 1.4)!important;height:calc(var(--social-icon-size, 30px) * 1.4)!important}}@media print{.expandable-section-wrapper{height:auto!important}.expandable-container{flex-direction:column;gap:20px}.expandable-column{flex:none;height:300px}.content-wrapper{opacity:1!important;transform:none!important;position:static;background:#ffffffe6;color:#000}.vertical-title{display:none}.overlay{opacity:.3!important}}@media(prefers-reduced-motion:reduce){.expandable-column,.column-inner,.content-wrapper,.vertical-title,.overlay,.social-icon,.call-to-action{transition-duration:.1s!important;transition-timing-function:ease!important}.expandable-column.active .column-inner,.expandable-column.active{transform:none}}@media(prefers-contrast:high){.expandable-column{border:2px solid rgba(255,255,255,.8)}.overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.content-wrapper{background:#000000e6;border:1px solid rgba(255,255,255,.5)}.social-icon{background-color:#fff;color:#000}}@media(prefers-color-scheme:dark){.content-wrapper{background:#0006}.social-icon{background-color:#ffffffe6}}
/*# sourceMappingURL=/cdn/shop/t/17/compiled_assets/styles.css.map */