.brand-faq-section{padding:2rem 0}.brand-faq-title{text-align:center;margin-bottom:8rem;font-size:4rem;font-weight:300;color:#333}.faq-block{display:flex;margin-top:0;align-items:stretch;position:relative;gap:0;min-height:150vh;width:100%}.faq-block.content-left{flex-direction:row-reverse}.faq-block__image-column{flex:1;position:relative;text-align:center;height:100vh;overflow:hidden;z-index:1;margin:0;padding:0;box-sizing:border-box;transform-style:preserve-3d}.faq-block__image-column.is-pinned{will-change:transform}.faq-block__image-column.is-pinned .faq-block__image-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.faq-block__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;will-change:clip-path,opacity;opacity:0;display:block;margin:0;padding:0}.faq-block__image{clip-path:inset(0 10% 0 0)}.faq-block.content-left .faq-block__image{clip-path:inset(0 0 0 10%)}.faq-block__image:hover{transform:scale(1.05)}.faq-block__image-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:Cormorant,serif;font-weight:300;font-size:3rem;text-transform:uppercase;letter-spacing:2px;z-index:10;pointer-events:none;will-change:auto;transform-style:preserve-3d;backface-visibility:hidden}.faq-block__content-column{flex:1;display:flex;flex-direction:column;position:relative;z-index:3;background-color:#fff;padding:4rem;box-sizing:content-box;margin:0;max-width:50%;min-height:100vh;box-sizing:border-box}.faq-block__title{margin:0 0 5rem;font-size:3.5rem;font-weight:700;color:#333}@media (min-width: 750px){.faq-block__title{margin-bottom:6.4rem}}.faq-block .collapsible-content__items{margin-top:0}.faq-block .collapsible-content__item{border-bottom:.1rem solid rgb(var(--color-border))}.faq-block .collapsible-content__item .collapsible-content__toggle{position:relative}.faq-block .collapsible-content__item .collapsible-content__toggle:before{content:"";width:0;height:.1rem;background-color:rgb(var(--color-button-tertiary-text));position:absolute;left:0;z-index:1;transition:var(--duration-default);top:-.1rem}.faq-block .collapsible-content__item:first-child{border-top:.1rem solid rgb(var(--color-border))}.faq-block .collapsible-content__item:hover .collapsible-content__question{color:rgb(var(--color-accent))}.faq-block .collapsible-content__item:hover .collapsible-content__toggle:before{width:100%}.faq-block .collapsible-content__item.active .collapsible-content__icon svg{transform:rotate(180deg)}.faq-block .collapsible-content__item.active .collapsible-content__toggle:before{width:100%}.faq-block .collapsible-content__toggle{display:flex;align-items:center;justify-content:space-between;padding:2rem 0;cursor:pointer}@media (min-width: 750px){.faq-block .collapsible-content__toggle{padding:2.4rem 0}}.faq-block .collapsible-content__toggle-group{display:flex;align-items:center}.faq-block .collapsible-content__question{margin:0;transition:var(--duration-default);font-size:2rem}@media screen and (min-width: 990px){.faq-block .collapsible-content__question{font-size:2.2rem}}@media screen and (min-width: 1560px){.faq-block .collapsible-content__question{font-size:2.4rem}}.faq-block .collapsible-content__icon{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;flex:none;width:5rem;height:auto}@media (max-width: 750px){.faq-block .collapsible-content__icon{width:4rem;height:auto}}.faq-block .collapsible-content__icon svg{transition:var(--duration-default);transform:rotate(0)}.faq-block .collapsible-content__answer{display:none;padding:0 0 2rem}@media (min-width: 750px){.faq-block .collapsible-content__answer{padding:0 0 2.4rem}}.faq-block .collapsible-content__answer-inner{max-width:90.3rem;font-size:16px;line-height:1.5;color:var(--text-subtle-2-5)}.faq-block .collapsible-content__answer-inner p{margin:0;font-size:16px}.faq-block .collapsible-content__answer-inner li,.faq-block .collapsible-content__answer-inner span{font-size:16px}@media (max-width: 1024px){.faq-block__image-column.is-pinned{position:static!important;will-change:auto!important;transform:none!important}.faq-block__image-overlay{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:10!important}.faq-block__image:hover{transform:none}.faq-block__image{transition:none;will-change:auto}}@media (max-width: 992px){.brand-faq-title{font-size:4rem;margin-bottom:4rem}.faq-block{min-height:auto}.faq-block__content-column{padding:3rem 2rem;max-width:55%}.faq-block__title{font-size:3rem;margin-bottom:3rem}}@media (max-width: 768px){.brand-faq-section{padding:2rem 1rem}.brand-faq-title{font-size:3rem;margin-bottom:3rem}.faq-block{flex-direction:column;gap:0;margin-top:3rem;min-height:auto;position:static}.faq-block.content-left{flex-direction:column}.faq-block__image-column{height:300px;position:static!important;width:100%;flex:none}.faq-block__image{clip-path:none!important;opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}.faq-block__content-column{margin:0;padding:2rem 1.5rem;min-height:auto;width:100%;max-width:100%;flex:none}.faq-block__image-overlay{font-size:4rem;line-height:4rem;letter-spacing:1.5px}.faq-block__title{display:none!important}.faq-block .collapsible-content__question{font-size:1.8rem;line-height:1.4}.faq-block .collapsible-content__toggle{padding:1.5rem 0}.faq-block .collapsible-content__answer{padding:0 0 1.5rem}.collapsible-content__toggle-group h4{font-size:2rem!important;margin-right:1rem!important}.collapsible-content__toggle-group{width:100%}.collapsible-content__icon{width:fit-content!important}}@media (max-width: 480px){.brand-faq-section{padding:1.5rem 1rem}.brand-faq-title{font-size:2.5rem;margin-bottom:2rem}.faq-block{margin-top:2rem}.faq-block__image-column{height:250px}.faq-block__content-column{padding:1.5rem 1rem}.faq-block__image-overlay{font-size:3rem;line-height:3rem;letter-spacing:1px}.faq-block__title{font-size:2rem;margin-bottom:1.5rem}.faq-block .collapsible-content__question{font-size:1.6rem}.faq-block .collapsible-content__toggle{padding:1.2rem 0}.faq-block .collapsible-content__answer{padding:0 0 1.2rem}.faq-block .collapsible-content__icon{width:3rem}}@media (max-width: 360px){.brand-faq-section{padding:1rem .75rem}.faq-block__image-column{height:200px}.faq-block__content-column{padding:1rem .75rem}.faq-block__title{font-size:1.8rem}.faq-block .collapsible-content__question{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-brand-faq.css.map */