.collection-hero-wrapper{margin-top:2rem;margin-bottom:2.5rem}.collection-hero{position:relative;width:100%;aspect-ratio:16 / 9;max-height:clamp(320px,40vh,480px);min-height:240px;overflow:hidden;background:#2a2724;isolation:isolate;display:flex;align-items:center;justify-content:center}.collection-hero__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.collection-hero__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.collection-hero:hover .collection-hero__image{transform:scale(1.06)}.collection-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to top,#0000008c,#00000040 35%,#0000000d 60%,#0000);transition:opacity .4s ease}.collection-hero:hover .collection-hero__shade{opacity:.85}.collection-hero__content-wrapper{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:clamp(1.25rem,3.5vw,2.5rem);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.collection-hero__title{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:clamp(1.6rem,2.7vw,2.25rem);line-height:1.1;letter-spacing:.08em;text-transform:uppercase;color:#faf9f6;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.4)}.collection-hero__description{font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:clamp(.85rem,1.4vw,.95rem);line-height:1.5;color:#faf9f6e6;margin:0;max-width:600px;text-shadow:0 2px 10px rgba(0,0,0,.45)}.collection-hero__description a{color:#faf9f6;text-decoration:underline;text-underline-offset:4px}.collection-hero__description p{margin:0}.collection-hero__cta{display:inline-flex;align-items:center;gap:.5rem;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.3em;color:#faf9f6;text-transform:uppercase;opacity:.92;transition:gap .3s ease}.collection-hero:hover .collection-hero__cta{gap:.75rem}.collection-hero__cta svg{flex-shrink:0;transition:transform .3s ease}.collection-hero:hover .collection-hero__cta svg{transform:translate(2px)}@media screen and (max-width:749px){.collection-hero-wrapper{margin-top:1rem;margin-bottom:1.5rem;padding:0 1rem}.collection-hero{aspect-ratio:4 / 3;min-height:220px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-hero.css.map */