.section-image-hover-cards{--cards-gap: 1.6rem;--card-radius: 0;--cards-duration: .52s;--cards-duration-fast: .36s;--cards-ease: cubic-bezier(.22, 1, .36, 1);--cards-reveal-delay: 90ms;--cards-overlay-height-initial: 30%;--cards-overlay-height-active: 120%}.section-image-hover-cards__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.6rem,3vw,4.8rem);align-items:flex-end;margin-bottom:clamp(2.4rem,4vw,5.6rem)}.section-image-hover-cards__heading{margin:0;text-wrap:balance}.section-image-hover-cards__description p{font-family:var(--font-heading-alt-family);margin:0;text-align:right;font-size:18px;font-style:normal;font-weight:400;line-height:150%}@media screen and (min-width:1025px){.section-image-hover-cards__description div{text-align:right!important}}@media screen and (max-width:1024px){.section-image-hover-cards__description p{text-align:left;font-size:16px}}.section-image-hover-cards__grid{display:grid;gap:var(--cards-gap)}@media screen and (min-width:990px){.section-image-hover-cards__grid{display:flex}.section-image-hover-cards__grid:not(:has(.section-image-hover-cards__card:nth-child(2))){display:block}}.section-image-hover-cards__card{position:relative;min-height:clamp(32rem,52vw,44rem);border-radius:var(--card-radius);overflow:hidden;isolation:isolate;color:rgb(var(--color-background))}@media screen and (min-width:990px){.section-image-hover-cards__card{flex:1 1 0;min-width:0;transition:flex-grow var(--cards-duration) var(--cards-ease),flex-basis var(--cards-duration) var(--cards-ease);will-change:flex-grow,flex-basis}.section-image-hover-cards__grid:not(:has(.section-image-hover-cards__card:nth-child(2))) .section-image-hover-cards__card{flex:1 1 100%}@supports selector(.section-image-hover-cards__grid:has(.section-image-hover-cards__card:hover)){.section-image-hover-cards__grid:has(.section-image-hover-cards__card:nth-child(2)):not(:has(.section-image-hover-cards__card:nth-child(3))) .section-image-hover-cards__card:first-child,.section-image-hover-cards__grid:has(.section-image-hover-cards__card:nth-child(2)):not(:has(.section-image-hover-cards__card:nth-child(3))) .section-image-hover-cards__card:last-child{flex-grow:1}.section-image-hover-cards__grid:has(.section-image-hover-cards__card:first-child:hover):not(:has(.section-image-hover-cards__card:nth-child(3))) .section-image-hover-cards__card:first-child,.section-image-hover-cards__grid:has(.section-image-hover-cards__card:first-child:focus-within):not(:has(.section-image-hover-cards__card:nth-child(3))) .section-image-hover-cards__card:first-child{flex-grow:7}.section-image-hover-cards__grid:has(.section-image-hover-cards__card:first-child:hover):not(:has(.section-image-hover-cards__card:nth-child(3))) .section-image-hover-cards__card:last-child,.section-image-hover-cards__grid:has(.section-image-hover-cards__card:first-child:focus-within):not(:has(.section-image-hover-cards__card:nth-child(3))) .section-image-hover-cards__card:last-child{flex-grow:3}.section-image-hover-cards__grid:has(.section-image-hover-cards__card:last-child:hover):not(:has(.section-image-hover-cards__card:nth-child(3))) .section-image-hover-cards__card:first-child,.section-image-hover-cards__grid:has(.section-image-hover-cards__card:last-child:focus-within):not(:has(.section-image-hover-cards__card:nth-child(3))) .section-image-hover-cards__card:first-child{flex-grow:3}.section-image-hover-cards__grid:has(.section-image-hover-cards__card:last-child:hover):not(:has(.section-image-hover-cards__card:nth-child(3))) .section-image-hover-cards__card:last-child,.section-image-hover-cards__grid:has(.section-image-hover-cards__card:last-child:focus-within):not(:has(.section-image-hover-cards__card:nth-child(3))) .section-image-hover-cards__card:last-child{flex-grow:7}.section-image-hover-cards__grid:has(.section-image-hover-cards__card:nth-child(3)) .section-image-hover-cards__card{flex-grow:1}.section-image-hover-cards__grid:has(.section-image-hover-cards__card:nth-child(3)):has(.section-image-hover-cards__card:nth-child(1):hover) .section-image-hover-cards__card:nth-child(1),.section-image-hover-cards__grid:has(.section-image-hover-cards__card:nth-child(3)):has(.section-image-hover-cards__card:nth-child(1):focus-within) .section-image-hover-cards__card:nth-child(1),.section-image-hover-cards__grid:has(.section-image-hover-cards__card:nth-child(3)):has(.section-image-hover-cards__card:nth-child(2):hover) .section-image-hover-cards__card:nth-child(2),.section-image-hover-cards__grid:has(.section-image-hover-cards__card:nth-child(3)):has(.section-image-hover-cards__card:nth-child(2):focus-within) .section-image-hover-cards__card:nth-child(2),.section-image-hover-cards__grid:has(.section-image-hover-cards__card:nth-child(3)):has(.section-image-hover-cards__card:nth-child(3):hover) .section-image-hover-cards__card:nth-child(3),.section-image-hover-cards__grid:has(.section-image-hover-cards__card:nth-child(3)):has(.section-image-hover-cards__card:nth-child(3):focus-within) .section-image-hover-cards__card:nth-child(3){flex-grow:2}}}.section-image-hover-cards__media{position:absolute;top:-10%;bottom:-10%;left:0;right:0}.section-image-hover-cards__image,.section-image-hover-cards__placeholder{width:100%;height:100%;display:block;object-fit:cover}.section-image-hover-cards__placeholder{background:rgba(var(--color-foreground),.08)}.section-image-hover-cards__image{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1);transition:transform var(--cards-duration) var(--cards-ease);will-change:transform}.section-image-hover-cards__overlay{position:absolute;inset:auto 0 0;height:var(--cards-overlay-height-initial);background:linear-gradient(180deg,#0000,#0009 30%,#000000e6);transition:height var(--cards-duration) var(--cards-ease),opacity var(--cards-duration-fast) var(--cards-ease);will-change:height,opacity;display:block!important}.section-image-hover-cards__content{position:absolute;inset:auto 0 0;padding:clamp(1.8rem,2.2vw,3.2rem);z-index:2}.section-image-hover-cards__title-block{display:inline-block;max-width:100%}.section-image-hover-cards__title-row{display:inline-flex;align-items:center;justify-content:flex-start;gap:40px}.section-image-hover-cards__title{color:#fff;font-family:var(--font-heading-family);font-size:32px;font-style:normal;font-weight:500;line-height:120%;text-transform:capitalize;margin:0;color:inherit}.section-image-hover-cards__title-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transform:translate(-.8rem);transition:opacity var(--cards-duration-fast) var(--cards-ease),transform var(--cards-duration-fast) var(--cards-ease);will-change:opacity,transform}.section-image-hover-cards__title-arrow svg{display:block;width:3.2rem;height:auto}.section-image-hover-cards__title-divider{width:0;margin-top:1rem;border-bottom:.1rem solid rgba(255,255,255,.85);transition:width var(--cards-duration-fast) var(--cards-ease);will-change:width;display:block!important}.section-image-hover-cards__description-text{margin-top:0;max-width:42ch;max-height:0;overflow:hidden;opacity:0;transform:translateY(.8rem);transition:max-height var(--cards-duration-fast) var(--cards-ease),margin-top var(--cards-duration-fast) var(--cards-ease),opacity var(--cards-duration-fast) var(--cards-ease),transform var(--cards-duration-fast) var(--cards-ease);transition-delay:0ms;will-change:max-height,margin-top,opacity,transform}.section-image-hover-cards__description-text p{color:var(--color-off-white);font-family:var(--font-heading-alt-family);font-size:16px;font-style:normal;font-weight:400;line-height:150%}@media only screen and (min-width:768px){.section-image-hover-cards__description-text{max-width:380px}}@media only screen and (max-width:768px){.section-image-hover-cards__description-text{max-width:100%}.section-image-hover-cards__title{font-size:28px}.section-image-hover-cards__title-row{gap:1.6rem}}.section-image-hover-cards__description-text p{margin:0}.section-image-hover-cards__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block!important}.section-image-hover-cards__card-link:focus-visible{outline:.2rem solid rgba(var(--color-background),.95);outline-offset:-.2rem}.section-image-hover-cards__card--hover .section-image-hover-cards__image,.section-image-hover-cards__card:hover .section-image-hover-cards__image,.section-image-hover-cards__card:focus-within .section-image-hover-cards__image{transform:scale(1.04) translateY(-.6rem)}.section-image-hover-cards__card--hover .section-image-hover-cards__overlay,.section-image-hover-cards__card:hover .section-image-hover-cards__overlay,.section-image-hover-cards__card:focus-within .section-image-hover-cards__overlay{height:var(--cards-overlay-height-active);opacity:1}.section-image-hover-cards__card--hover .section-image-hover-cards__description-text,.section-image-hover-cards__card:hover .section-image-hover-cards__description-text,.section-image-hover-cards__card:focus-within .section-image-hover-cards__description-text{margin-top:1.2rem;max-height:16rem;opacity:1;transform:translateY(0);transition-delay:var(--cards-reveal-delay)}.section-image-hover-cards__card--hover .section-image-hover-cards__title-arrow,.section-image-hover-cards__card:hover .section-image-hover-cards__title-arrow,.section-image-hover-cards__card:focus-within .section-image-hover-cards__title-arrow{opacity:1;transform:translate(0);transition-delay:var(--cards-reveal-delay)}.section-image-hover-cards__card--hover .section-image-hover-cards__title-divider,.section-image-hover-cards__card:hover .section-image-hover-cards__title-divider,.section-image-hover-cards__card:focus-within .section-image-hover-cards__title-divider{width:100%;transition-delay:var(--cards-reveal-delay)}@media screen and (max-width:989px){.section-image-hover-cards__header{grid-template-columns:1fr;margin-bottom:2.4rem}.section-image-hover-cards__grid{grid-template-columns:1fr}.section-image-hover-cards__card{min-height:clamp(28rem,66vw,42rem)}.section-image-hover-cards__card .section-image-hover-cards__image{transform:scale(1.04) translateY(-.6rem)}.section-image-hover-cards__card .section-image-hover-cards__overlay{height:var(--cards-overlay-height-active);opacity:1}.section-image-hover-cards__card .section-image-hover-cards__description-text{margin-top:1.2rem;max-height:16rem;opacity:1;transform:translateY(0)}.section-image-hover-cards__card .section-image-hover-cards__title-arrow{opacity:1;transform:translate(0)}.section-image-hover-cards__card .section-image-hover-cards__title-divider{width:100%}}@media screen and (max-width:749px){.section-image-hover-cards__header{margin-bottom:2rem}}@media screen and (max-width:479px){.section-image-hover-cards{--cards-overlay-height-initial: 46%;--cards-overlay-height-active: 125%}.section-image-hover-cards__overlay{background:linear-gradient(180deg,#0000,#00000073 18%,#000000c7 56%,#000000f0)}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/section-image-hover-cards.css.map */