.zori-visuals{display:grid;gap:1.2rem}.zori-visuals__hero{position:relative;border-radius:1.4rem;overflow:hidden;min-height:19rem}.zori-visuals__hero img{width:100%;height:100%;object-fit:cover;display:block}.zori-visuals__overlay{position:absolute;left:1.6rem;right:1.6rem;bottom:1.6rem;max-width:44rem;background:#ffffffeb;border-radius:1rem;padding:.9rem 1.1rem}.zori-visuals__eyebrow{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.08em;font-size:1.1rem;font-weight:700}.zori-visuals__overlay h2{margin:0;font-size:clamp(1.6rem,2vw,2.2rem)}.zori-visuals__overlay p{margin:.6rem 0 0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zori-visuals__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.zori-visual-card{display:flex;flex-direction:column;height:24rem;margin:0;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1rem;overflow:hidden;background:rgb(var(--color-background));color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.zori-visual-card__media{flex:1 1 auto;min-height:0}.zori-visual-card img{width:100%;height:100%;object-fit:cover;display:block}.zori-visual-card h3{margin:0;padding:.7rem .85rem .8rem;font-size:1.3rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.35;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zori-visual-card:hover{transform:translateY(-.2rem);border-color:rgba(var(--color-foreground),.22);box-shadow:0 .8rem 1.6rem #00000014}.zori-visual-card.is-static{cursor:default}.zori-visual-card.is-static:hover{transform:none;border-color:rgba(var(--color-foreground),.1);box-shadow:none}.zori-visual-card:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.45);outline-offset:.2rem}@media screen and (min-width:990px){.zori-visuals{grid-template-columns:1.15fr .85fr;align-items:stretch}.zori-visuals__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zori-visual-card{height:32rem}}@media screen and (min-width:750px)and (max-width:989px){.zori-visual-card{height:28rem}}@media screen and (max-width:989px){.zori-visuals__hero{min-height:16rem}.zori-visuals__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-zori-visuals.css.map */