.contact{background-color:var(--d);width:100%;height:100svh;position:relative;overflow:hidden}.contact-content{will-change:transform;justify-content:center;align-items:center;width:100%;height:100svh;padding:0 2.5rem;display:flex;position:absolute}.contact-content h3{text-align:center;width:88%;color:var(--accent-lavender)}.sticky-cards{width:100%;height:100svh;transform-style:preserve-3d;perspective:1000px;position:absolute;overflow:hidden}.card{aspect-ratio:4/5;background-color:var(--d);text-align:center;width:25%;min-width:300px;color:var(--accent-lavender);will-change:transform;background-image:linear-gradient(#c4b5fd0d,#c4b5fd0d);border:1px solid #c4b5fd2e;border-radius:1rem;flex-direction:column;justify-content:space-between;align-items:center;padding:4rem 2rem;text-decoration:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-front{backface-visibility:hidden;transform:translate(-50%,50%)rotateY(0)}.card-back{backface-visibility:hidden;transform:translate(-50%,50%)rotateY(180deg)}.card-front .icon{justify-content:center;align-items:center;width:5rem;height:4rem;display:flex}.card-front .icon img{object-fit:contain;width:100%;height:100%}.card-eyebrow,.card-back:before{font-family:var(--f-nm);letter-spacing:.14em;text-transform:uppercase;opacity:.65;font-size:.8rem;font-weight:500;line-height:1}.card-back:before{content:attr(data-label)}.card-value{font-family:var(--f-h);text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(2rem,3.5vw,3.5rem);line-height:.85}.card-back:after{content:""}@media (pointer:fine){.card-back{transition:border-color .4s}.card-back:hover,.card-back:focus-visible{border-color:var(--accent-lavender)}}@media (width<=1000px){.contact-content h3{width:85%}.card{width:calc(100% - 4rem);min-width:0;padding:3rem 1.5rem}}