.collection-showcase{width:100%;background:#0a0e14;padding:64px 24px}.collection-showcase__inner{max-width:1400px;margin:0 auto}.collection-showcase__header{text-align:center;max-width:560px;margin:0 auto 40px}.collection-showcase__eyebrow{color:#00e5ff;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px}.collection-showcase__heading{color:#fff;font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.01em;margin:0}.collection-showcase__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.collection-tile{position:relative;display:flex;align-items:flex-end;min-height:340px;border-radius:12px;overflow:hidden;text-decoration:none;background:#12181f;border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,border-color .2s ease}.collection-tile:hover{transform:translateY(-4px);border-color:#00e5ff66}.collection-tile__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.collection-tile__image,.collection-tile__placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.collection-tile:hover .collection-tile__image{transform:scale(1.06)}.collection-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#05090feb,#05090f59 55%,#05090f26)}.collection-tile__content{position:relative;z-index:2;padding:28px;width:100%}.collection-tile__icon{display:inline-flex;width:30px;height:30px;color:#00e5ff;margin-bottom:12px}.collection-tile__icon svg{width:100%;height:100%}.collection-tile__title{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px}.collection-tile__subtitle{color:#ffffffb3;font-size:14px;margin:0 0 16px}.collection-tile__link{display:inline-flex;align-items:center;gap:8px;color:#00e5ff;font-size:14px;font-weight:700;letter-spacing:.02em}.collection-tile__arrow{width:16px;height:16px;transition:transform .2s ease}.collection-tile:hover .collection-tile__arrow{transform:translate(4px)}@media screen and (max-width:989px){.collection-showcase__grid{grid-template-columns:1fr}.collection-tile{min-height:260px}}@media screen and (max-width:480px){.collection-showcase{padding:44px 16px}.collection-tile__content{padding:20px}.collection-tile__title{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/collection-showcase.css.map */