.vs-pillars{padding:var(--space-7) 0}.vs-pillars__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter)}@media(max-width:1023px){.vs-pillars__inner{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.vs-pillars__inner{grid-template-columns:1fr;padding:0 var(--gutter-mobile)}}.vs-pillar{position:relative;display:block;aspect-ratio:4 / 5;border-radius:var(--radius-md);overflow:hidden;background:var(--accent-subtle);color:var(--ink);text-decoration:none;transition:box-shadow .4s var(--ease-out),transform .24s var(--ease-out)}.vs-pillar:hover{box-shadow:0 24px 60px -16px #6b4fff52,0 6px 16px #16151a14}.vs-pillar:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-md)}.vs-pillar__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.35;transition:opacity var(--duration-medium) var(--ease-out)}.vs-pillar:hover .vs-pillar__bg{opacity:.55}.vs-pillar__content{position:absolute;inset:auto 0 0 0;padding:var(--space-5);background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--bg) 80%,transparent))}.vs-pillar__title{margin:0 0 var(--space-2)}.vs-pillar__copy{color:var(--ink-muted);margin:0 0 var(--space-3)}.vs-pillar__count{color:var(--accent);font-size:14px;font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/2/assets/vellumshore-pillars.css.map */