.bettine-shoe-styles,.bettine-shoe-styles.gradient{background:#f4ddd6}.bettine-shoe-styles__inner{width:100%}.bettine-shoe-styles__grid{display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));height:clamp(62rem,64vw,88rem)}.bettine-shoe-style{color:var(--bettine-ivory);display:block;min-height:0;overflow:hidden;position:relative;text-decoration:none}.bettine-shoe-style__media{height:100%;overflow:hidden;position:relative}.bettine-shoe-style__media picture{display:block;height:100%}.bettine-shoe-style__media:after{background:linear-gradient(0deg,#3021189e,#3021182e 34%,#30211800 56%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;transition:opacity .35s ease}.bettine-shoe-style__image{display:block;height:100%;object-fit:cover;object-position:center bottom;transition:transform .9s var(--bettine-ease);width:100%}.bettine-shoe-style__label{align-items:flex-start;bottom:0;display:flex;flex-direction:column;gap:1.2rem;left:0;padding:clamp(2.4rem,3.4vw,5.2rem);position:absolute;right:0;z-index:2}.bettine-shoe-style__title{color:var(--bettine-ivory);font-family:var(--font-heading-family);font-size:clamp(2.8rem,2.9vw,4.4rem);letter-spacing:-.005em;line-height:1;text-wrap:balance}.bettine-shoe-style__cta{align-items:center;color:#f4eee5e0;display:inline-flex;font-family:var(--font-body-family);font-size:1.1rem;font-weight:500;gap:1rem;letter-spacing:.2em;text-transform:uppercase}.bettine-shoe-style__cta:after{background:currentColor;content:"";height:.1rem;transition:width .35s var(--bettine-ease);width:3.2rem}@media screen and (min-width:990px){.bettine-shoe-styles__grid--4{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(60rem,min(86vw,calc(100vh - 8.5rem)),112rem)}.bettine-shoe-styles__grid--4 .bettine-shoe-style:nth-child(1){grid-column:1 / span 7}.bettine-shoe-styles__grid--4 .bettine-shoe-style:nth-child(2){grid-column:8 / span 5}.bettine-shoe-styles__grid--4 .bettine-shoe-style:nth-child(3){grid-column:1 / span 5}.bettine-shoe-styles__grid--4 .bettine-shoe-style:nth-child(4){grid-column:6 / span 7}}@media(hover:hover){.bettine-shoe-style:hover .bettine-shoe-style__image{transform:scale(1.035)}.bettine-shoe-style:hover .bettine-shoe-style__cta:after{width:5.6rem}}.bettine-shoe-style:focus-visible{outline:.2rem solid var(--bettine-ivory);outline-offset:-.6rem}@media screen and (max-width:989px){.bettine-shoe-styles__grid{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.bettine-shoe-style{aspect-ratio:4 / 5}}@media screen and (max-width:749px){.bettine-shoe-styles__grid{grid-template-columns:1fr}.bettine-shoe-style{aspect-ratio:4 / 5}.bettine-shoe-style__label{gap:1rem;padding:2.4rem 2rem}.bettine-shoe-style__title{font-size:clamp(2.8rem,8.4vw,3.4rem)}}@media(prefers-reduced-motion:reduce){.bettine-shoe-style__image,.bettine-shoe-style__cta:after{transition:none}}.bettine-shoe-styles__header{margin-bottom:clamp(2.4rem,3vw,3.6rem)}.bettine-shoe-styles__header .bettine-section-title{margin:0}@media screen and (min-width:750px){.bettine-shoe-styles__grid--3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(60rem,min(86vw,calc(100vh - 8.5rem)),112rem)}.bettine-shoe-styles__grid--3 .bettine-shoe-style:nth-child(3){grid-column:1 / -1}.bettine-shoe-styles__grid--3 .bettine-shoe-style{aspect-ratio:auto}}@media screen and (min-width:750px){.bettine-shoe-styles__grid--3{height:auto;grid-template-rows:clamp(30rem,32vw,44rem) auto}.bettine-shoe-styles__grid--3 .bettine-shoe-style:nth-child(3){aspect-ratio:2 / 1}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/bettine-shoe-styles.css.map */