.also-section{--bleu-nuit: #1C2430;--beige: #D8CFBC;--sable: #EFE5D2;--f-display: "Monument Extended", "Big Shoulders Display", Impact, sans-serif}.also-section{background:var(--sable);padding:72px 48px 80px}.also-section .also-inner{max-width:100%;margin:0 auto}.also-section .also-label{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--bleu-nuit);opacity:.55;font-weight:400;margin-bottom:36px}.also-section .also-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.also-section .also-card{background:var(--bleu-nuit);position:relative;aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;text-decoration:none;display:block}.also-section .also-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .5s ease;z-index:1}.also-section .also-bg .also-img{width:100%;height:100%;object-fit:cover;display:block}.also-section .also-card:hover .also-bg{transform:scale(1.04)}.also-section .abg-brown{background:radial-gradient(ellipse at 60% 30%,#7a4e28,#3a2010 60%,#1a0e06)}.also-section .abg-navy{background:radial-gradient(ellipse at 50% 30%,#1e2d44,#0d1828 60%,#080f18)}.also-section .abg-olive{background:radial-gradient(ellipse at 50% 30%,#2e2c14,#1a180a 60%,#0e0c04)}.also-section .also-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:100px;height:100px;border-radius:50%;border:1px solid rgba(216,207,188,.18);z-index:2}.also-section .also-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 50%);z-index:3}.also-section .also-info{position:absolute;bottom:0;left:0;right:0;padding:22px;z-index:4}.also-section .also-eyebrow{font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--beige);opacity:.6;font-weight:400;margin-bottom:7px}.also-section .also-name{font-family:var(--f-display);font-weight:800;font-size:clamp(16px,2vw,24px);color:var(--sable);text-transform:uppercase;letter-spacing:.04em;line-height:1}@media(max-width:900px){.also-section .also-grid{grid-template-columns:1fr 1fr}.also-section .also-grid .also-card:last-child{display:none}}@media(max-width:600px){.also-section{padding:60px 20px}.also-section .also-grid{grid-template-columns:1fr}.also-section .also-grid .also-card:last-child{display:block}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/collection-promo-grid.css.map */