.twrd-cbanner{background:var(--twrd-cbanner-bg, #f5f1ea);padding:0 18px}.twrd-cbanner__inner{max-width:1180px;margin:0 auto}.twrd-cbanner__link{position:relative;display:block;overflow:hidden;border-radius:var(--border-radius--card, 6px);background:#e8e2d5;text-decoration:none;color:#faf8f4;aspect-ratio:4 / 5}.twrd-cbanner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block}.twrd-cbanner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0908db,#0a09089e,#0a09082e 52%,#0a090800 74%);pointer-events:none}.twrd-cbanner__body{position:absolute;left:0;right:0;bottom:0;padding:24px 22px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.twrd-cbanner__title{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(28px,7vw,44px);line-height:1.02;letter-spacing:.005em;margin:0;color:#faf8f4}.twrd-cbanner__line{margin:0;max-width:46ch;font-size:14px;line-height:1.55;color:#faf8f4d6}.twrd-cbanner__cta{display:inline-flex;align-items:center;gap:9px;margin-top:4px;padding:11px 18px;border:1px solid rgba(250,248,244,.62);border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#faf8f4;background:transparent}.twrd-cbanner__cta svg{width:10px;height:10px;display:block}.twrd-cbanner__link:focus-visible .twrd-cbanner__cta{background:#faf8f4;border-color:#faf8f4;color:#0a0908}.twrd-cbanner__link:focus-visible{outline:2px solid #0a0908;outline-offset:4px}@media(min-width:48em){.twrd-cbanner__link{aspect-ratio:16 / 9}.twrd-cbanner__body{padding:34px 34px 36px;gap:14px}}@media(min-width:64em){.twrd-cbanner{padding:0 24px}.twrd-cbanner__link{aspect-ratio:21 / 9}.twrd-cbanner__body{padding:40px 44px 44px}.twrd-cbanner__line{font-size:15px}}.twrd-cbanner__scrim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a09086b,#0a090838 30%,#0a090800 62%);opacity:0;pointer-events:none}@media(hover:hover){.twrd-cbanner__img{transform-origin:50% 40%;transform:scale(1);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.twrd-cbanner__scrim:after{transition:opacity .6s cubic-bezier(.22,1,.36,1)}.twrd-cbanner__body{transform:translateY(0);transition:transform .6s cubic-bezier(.22,1,.36,1)}.twrd-cbanner__cta{transition:background-color .26s ease,border-color .26s ease,color .26s ease}.twrd-cbanner__cta svg{transform:translate(0);transition:transform .26s cubic-bezier(.22,1,.36,1) 60ms}.twrd-cbanner__link:hover .twrd-cbanner__img,.twrd-cbanner__link:focus-visible .twrd-cbanner__img{transform:scale(1.045);will-change:transform}.twrd-cbanner__link:hover .twrd-cbanner__scrim:after,.twrd-cbanner__link:focus-visible .twrd-cbanner__scrim:after{opacity:1}.twrd-cbanner__link:hover .twrd-cbanner__body,.twrd-cbanner__link:focus-visible .twrd-cbanner__body{transform:translateY(-6px);will-change:transform}.twrd-cbanner__link:hover .twrd-cbanner__cta,.twrd-cbanner__link:focus-visible .twrd-cbanner__cta{background:#faf8f4;border-color:#faf8f4;color:#0a0908}.twrd-cbanner__link:hover .twrd-cbanner__cta svg,.twrd-cbanner__link:focus-visible .twrd-cbanner__cta svg{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.twrd-cbanner__img,.twrd-cbanner__body,.twrd-cbanner__cta svg{transition:none}.twrd-cbanner__link:hover .twrd-cbanner__img,.twrd-cbanner__link:focus-visible .twrd-cbanner__img{transform:none;will-change:auto}.twrd-cbanner__link:hover .twrd-cbanner__body,.twrd-cbanner__link:focus-visible .twrd-cbanner__body{transform:none;will-change:auto}.twrd-cbanner__link:hover .twrd-cbanner__cta svg,.twrd-cbanner__link:focus-visible .twrd-cbanner__cta svg{transform:none}}}.twrd-cbanner__grid{display:grid;grid-template-columns:1fr;gap:16px}.twrd-cbanner__grid .twrd-cbanner__link{aspect-ratio:4 / 5}.twrd-cbanner__grid .twrd-cbanner__title{font-size:clamp(24px,3.2vw,36px)}@media(min-width:48em){.twrd-cbanner__grid{grid-template-columns:1fr 1fr}.twrd-cbanner__grid .twrd-cbanner__link{aspect-ratio:4 / 5}}@media(min-width:64em){.twrd-cbanner__grid .twrd-cbanner__link{aspect-ratio:16 / 9}.twrd-cbanner__grid .twrd-cbanner__body{padding:28px 30px 30px;gap:12px}.twrd-cbanner__grid .twrd-cbanner__line{font-size:14px;max-width:34ch}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/twrd-collection-banner.css.map */