.gender-split{--gcs-primary: #ff6600;--gcs-background: hsl(220, 10%, 8%);--gcs-border: hsl(220, 10%, 25%);--gcs-text: #ffffff;position:relative;width:100%;background-color:var(--gcs-background);border-top:1px solid var(--gcs-border)}.gender-split__grid{display:grid;grid-template-columns:1fr;min-height:500px;height:60vh}@media screen and (min-width:768px){.gender-split__grid{grid-template-columns:repeat(2,1fr)}}.gender-split__panel{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;cursor:pointer;text-decoration:none;border-bottom:1px solid var(--gcs-border)}@media screen and (min-width:768px){.gender-split__panel{border-bottom:none;border-right:1px solid var(--gcs-border)}.gender-split__panel:last-child{border-right:none}}.gender-split__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:all .7s ease}.gender-split__panel:hover .gender-split__image{filter:grayscale(0%);transform:scale(1.05)}.gender-split__placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.gender-split__placeholder--mens{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.gender-split__placeholder--womens{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.gender-split__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.gender-split__content{position:relative;z-index:1;padding:32px}@media screen and (min-width:768px){.gender-split__content{padding:40px 64px}}.gender-split__title{font-family:var(--heading-font-family, "Oswald", sans-serif);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:400;line-height:1;text-transform:uppercase;color:var(--gcs-text);margin:0 0 16px;letter-spacing:.02em}.gender-split__title-accent{display:block;color:var(--gcs-primary)}.gender-split__button{display:inline-flex;align-items:center;gap:8px;background-color:var(--gcs-primary);color:#fff;font-family:var(--heading-font-family, "Oswald", sans-serif);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;padding:12px 32px;text-decoration:none;transition:all .3s ease}.gender-split__panel:hover .gender-split__button{background-color:var(--gcs-text);color:#1a1a1a}.gender-split__button svg{width:16px;height:16px;transition:transform .3s ease}.gender-split__panel:hover .gender-split__button svg{transform:translate(4px)}@media screen and (max-width:768px){.gender-split__grid{height:auto;min-height:400px}.gender-split__panel{min-height:300px;height:50vh}.gender-split__content{padding:24px}.gender-split__title{font-size:clamp(2rem,10vw,3rem)}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/gender-collection-split.css.map */