.cat-mask-banner{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);background:var(--section-background);overflow:hidden}.cat-mask-banner .cat-mask-banner__svg{position:absolute;width:0;height:0;overflow:hidden}.cat-mask-banner .cat-mask-banner__container{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0px,1.22fr);align-items:center;gap:20px;margin:0 auto}.cat-mask-banner .cat-mask-banner__content{max-width:620px}.cat-mask-banner .cat-mask-banner__heading{margin:0;font-weight:400;line-height:1.08}.cat-mask-banner .cat-mask-banner__text{max-width:570px;margin-top:32px;font-size:clamp(17px,1.35vw,21px);line-height:1.7}.cat-mask-banner .cat-mask-banner__text p{margin:0}.cat-mask-banner .cat-mask-banner__button{margin-top:36px}.cat-mask-banner .cat-mask-banner__media{position:relative;width:100%;aspect-ratio:1.22 / .92;overflow:hidden}.cat-mask-banner .cat-mask-banner__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:46% 54%;gap:var(--image-gap);width:100%;height:100%;background:var(--section-background)}.cat-mask-banner .cat-mask-banner__image{position:relative;min-width:0;min-height:0;overflow:hidden;background:#e8e5df}.cat-mask-banner .cat-mask-banner__image--1{grid-column:1 / span 7;grid-row:1}.cat-mask-banner .cat-mask-banner__image--2{grid-column:8 / -1;grid-row:1}.cat-mask-banner .cat-mask-banner__image--3{grid-column:1 / span 5;grid-row:2}.cat-mask-banner .cat-mask-banner__image--4{grid-column:6 / -1;grid-row:2}.cat-mask-banner .cat-mask-banner__photo,.cat-mask-banner .cat-mask-banner__placeholder{display:block;width:100%;height:100%;object-fit:cover}.cat-mask-banner .cat-mask-banner__placeholder{background:#e9e6df}.cat-mask-banner .cat-mask-banner__heading{font-size:clamp(26px,5vw,76px)}.cat-mask-banner .cat-mask-banner__heading p{padding:0;margin:0}@media screen and (max-width:989px){.cat-mask-banner .cat-mask-banner__container{grid-template-columns:1fr;gap:50px;width:min(100% - 32px,900px)}.cat-mask-banner .cat-mask-banner__media{order:1;width:min(100%,820px);margin:0 auto;aspect-ratio:1.22 / .92}.cat-mask-banner .cat-mask-banner__content{order:2;max-width:650px;margin:0 auto;text-align:center}.cat-mask-banner .cat-mask-banner__heading{font-size:clamp(44px,8vw,66px)}.cat-mask-banner .cat-mask-banner__text,.cat-mask-banner .cat-mask-banner__button{margin-right:auto;margin-left:auto}}@media screen and (max-width:749px){.cat-mask-banner{padding-top:calc(var(--section-padding-top) * .5);padding-bottom:calc(var(--section-padding-bottom) * .5)}.cat-mask-banner .cat-mask-banner__container{gap:30px;width:min(100% - 28px,520px)}.cat-mask-banner .cat-mask-banner__media{width:100%;margin:0 auto;aspect-ratio:1.22 / .92}.cat-mask-banner .cat-mask-banner__content{width:100%;text-align:center}.cat-mask-banner .cat-mask-banner__heading{font-size:clamp(38px,11vw,64px);line-height:1.08}.cat-mask-banner .cat-mask-banner__text{margin-top:24px;margin-right:auto;margin-left:auto;font-size:17px;line-height:1.5}.cat-mask-banner .cat-mask-banner__button{min-width:150px;min-height:52px;margin-top:28px;margin-right:auto;margin-left:auto}.cat-mask-banner .cat-mask-banner__grid{gap:var(--mobile-image-gap)}}.cat-mask-banner .cat-mask-banner__actions{display:flex;align-items:center;gap:14px;margin-top:36px}@media screen and (max-width:649px){.cat-mask-banner .cat-mask-banner__actions{flex-direction:column;justify-content:center}}.cat-mask-banner .cat-mask-banner__button{margin:0}.cat-mask-banner .cat-mask-banner__promo{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;background:#f4b544;color:#2b2927;font-size:13px;font-weight:600;line-height:1;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.cat-mask-banner .cat-mask-banner__promo:after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(110deg,#fff0,#ffffff26,#ffffffbf,#ffffff26,#fff0);transform:translate(-180%) skew(-20deg);animation:cat-promo-shine 2.2s linear infinite;pointer-events:none}@keyframes cat-promo-shine{0%{transform:translate(-180%) skew(-20deg)}to{transform:translate(330%) skew(-20deg)}}.cat-mask-banner a.cat-mask-banner__promo{transition:transform .2s ease,opacity .2s ease}.cat-mask-banner a.cat-mask-banner__promo:hover{transform:translateY(-1px);opacity:.9}
/*# sourceMappingURL=/cdn/shop/t/14/assets/cat-mask-banner.css.map */