.cs-page{padding:64px 24px 80px}.cs-hero{max-width:640px;margin:0 auto 48px;text-align:center}.cs-hero__eyebrow{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#a9895f;margin:0 0 10px}.cs-hero__heading{font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,5vw,52px);color:#2b241c;margin:0 0 12px}.cs-hero__subheading{font-size:16px;color:#6b6255;margin:0}.cs-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cs-grid--cols-4{grid-template-columns:repeat(4,1fr)}.cs-card{position:relative;display:block;text-decoration:none;border-radius:18px;overflow:hidden;aspect-ratio:3 / 4;background:#efe6d6;box-shadow:0 10px 30px #2b241c14;transition:transform .35s ease,box-shadow .35s ease}.cs-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px #2b241c29}.cs-grid--cols-3 .cs-card--feature{grid-column:span 2;aspect-ratio:16 / 9}.cs-grid--cols-4 .cs-card--feature{grid-column:span 2;grid-row:span 2;aspect-ratio:3 / 4}.cs-card__image{position:absolute;top:0;right:0;bottom:0;left:0}.cs-card__image img,.cs-card__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.cs-card__placeholder{background:repeating-linear-gradient(45deg,#f1eae0,#f1eae0 12px,#eae0ce 12px 24px)}.cs-card:hover .cs-card__image img{transform:scale(1.08)}.cs-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#14100abf)}.cs-card__body{position:absolute;left:0;right:0;bottom:0;padding:22px;color:#fff}.cs-card__title{font-family:Georgia,Times New Roman,serif;font-size:24px;margin:0 0 4px}.cs-card__count{display:block;font-size:12.5px;opacity:.85;margin-bottom:10px}.cs-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:3px;transform:translate(0);transition:transform .3s ease,gap .3s ease}.cs-card:hover .cs-card__cta{transform:translate(4px);gap:10px}@media(max-width:900px){.cs-grid,.cs-grid--cols-4{grid-template-columns:repeat(2,1fr)}.cs-grid--cols-3 .cs-card--feature,.cs-grid--cols-4 .cs-card--feature{grid-column:span 2;grid-row:auto;aspect-ratio:16 / 9}}@media(max-width:560px){.cs-grid,.cs-grid--cols-4{grid-template-columns:1fr}.cs-grid--cols-3 .cs-card--feature,.cs-grid--cols-4 .cs-card--feature{grid-column:span 1;aspect-ratio:3 / 4}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collections-showcase.css.map */
