.take-over{height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;z-index:21474835503;background-color:var(--bright-skin);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .0s ease}@media (max-width: 1024px){.take-over{min-height:100svh;height:auto}}.take-over--show{opacity:1;pointer-events:all}.take-over__header{display:flex;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;padding:1.5rem;background-color:var(--bright-skin)}.take-over__header button{text-align:left}.take-over .take-over__logo{display:flex;align-items:center;justify-content:center}.take-over__body{flex-grow:1;display:flex;flex-direction:column;overflow:scroll}.take-over__body__item{position:relative;height:100%;background-color:var(--dark);color:var(--bright-skin);overflow:hidden}@media (max-width: 1024px){.take-over__body__item{min-height:460px}}.take-over__body__item__image{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .2s ease}.take-over__body__item__image:before{content:"";position:absolute;top:0;right:0;bottom:70%;left:0;background:linear-gradient(180deg,#000,#0000);opacity:.5;z-index:1}.take-over__body__item__image:after{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#000);opacity:.5}.take-over__body__item__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(pattern--dried-blood.svg);background-size:200%;opacity:.3;transition:transform .2s ease}.take-over__body__item__image img{height:100%;width:100%;object-fit:cover}.take-over__body__item__content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;height:100%;padding:1.5rem;text-align:center;z-index:1}.take-over__body__item__content>div{display:flex;gap:1.5rem;flex-direction:column;align-items:center}@media (min-width: 1024px){.take-over__body{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.take-over__body__item__content p{max-width:80%}.take-over__body__item__content{padding:4rem}}@media (min-width: 1024px){.take-over__body__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:0;transition:opacity .2s ease}.take-over__body__item:hover:after{opacity:.25}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/take-over.css.map */