/* contact/footer */
#contact h2{max-width:14ch;font-size:clamp(2.4rem,7vw,5.4rem)}#contact p{margin:22px 0 30px;max-width:52ch}

.card{position:relative;min-height:380px;overflow:hidden;color:#fff;border:1px solid #0c122030;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;animation:pop .6s var(--ease) both;transition:border-color .35s}
@keyframes pop{from{opacity:0;transform:translateY(16px)}}
.card.off{display:none}.card .bgi{position:absolute;inset:0;z-index:-2;transition:transform 1.4s var(--ease)}
.card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0a0f1c00 30%,#0a0f1cf2);transition:opacity .5s}
.card:hover{border-color:var(--ac)}.card:hover .bgi{transform:scale(1.08)}
.card .in2{padding:24px;display:grid;gap:8px}.card .tg{font-size:.75rem;font-weight:600;color:var(--mint)}
.card .mo{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}.card:hover .mo,.card:focus-within .mo{grid-template-rows:1fr}.card .mo p{overflow:hidden;font-size:.88rem;color:#c8d3ea}
@media(hover:none){.card .mo{grid-template-rows:1fr}}
.card .go{font-weight:600;font-size:.9rem;text-decoration:none}.go i{display:inline-block;font-style:normal;transition:transform .3s var(--ease)}.card.ph{border-style:dashed}