.doe-card{display:block;position:relative}.doe-card__link{display:block;text-decoration:none;color:inherit;outline-offset:3px}.doe-card__media{position:relative;overflow:hidden;width:100%;padding-bottom:var(--doe-ratio, 100%);background-color:#faf7f2}.doe-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .55s cubic-bezier(.25,.46,.45,.94);will-change:transform}.doe-card__link:hover .doe-card__img,.doe-card__link:focus-visible .doe-card__img{transform:scale(1.05)}.doe-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(148deg,#0a0a0ad9,#0a0a0a80 35%,#0a0a0a1a 60%,#0a0a0a00 75%);transition:background .35s ease}.doe-card__link:hover .doe-card__overlay,.doe-card__link:focus-visible .doe-card__overlay{background:linear-gradient(148deg,#0a0a0aeb,#0a0a0a99 38%,#0a0a0a1f 62%,#0a0a0a00 78%)}.doe-card__title-wrap{position:absolute;top:20px;left:20px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:0;pointer-events:none}.doe-card__pink-bar{display:none}.doe-card__title{font-family:Bebas Neue,Impact,Arial Narrow Bold,sans-serif;font-size:clamp(2.5rem,4vw,4rem);font-weight:400;letter-spacing:.04em;line-height:.95;text-transform:uppercase;color:#fff;margin:0;text-shadow:0 1px 6px rgba(10,10,10,.3);transition:color .2s ease}.doe-card__link:hover .doe-card__title,.doe-card__link:focus-visible .doe-card__title{color:#fff}.doe-card__arrow{display:block;font-family:Bebas Neue,Impact,Arial Narrow Bold,sans-serif;font-size:2.5rem;letter-spacing:.04em;color:#fff;margin-top:10px;opacity:0;transform:translate(-10px);transition:opacity .22s ease,transform .22s ease}.doe-card__link:hover .doe-card__arrow,.doe-card__link:focus-visible .doe-card__arrow{opacity:1;transform:translate(0)}.doe-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#faf7f2;display:flex;align-items:center;justify-content:center}.doe-card__placeholder-svg{width:55%;height:55%;color:#ececec}@media screen and (max-width:749px){.doe-card__title-wrap{top:14px;left:14px}.doe-card__title{font-size:clamp(2.5rem,9vw,3.5rem)}.doe-card__pink-bar{margin-bottom:7px}.doe-card__arrow{font-size:2rem;margin-top:7px}}.doe-card__link:focus-visible{outline:2px solid #EC1A8D;outline-offset:2px;border-radius:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/doe-collection-cards.css.map */