/* Contact article: paste the supplied .milankov-contact markup into Kontakt. */
.milankov-contact {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(16rem, .75fr);
    gap: clamp(1.5rem, 4vw, 4.5rem);
    align-items: start;
    margin-top: 2.25rem;
}
.milankov-contact__intro {
    margin: 0;
    color: var(--gold-bright);
    font: 400 clamp(1.2rem, 2vw, 1.55rem)/1.65 var(--serif);
}
.milankov-contact__details {
    display: grid;
    gap: .9rem;
    padding: 1.65rem;
    background: rgba(8, 6, 4, .54);
    border: 1px solid rgba(237, 221, 182, .38);
}
.milankov-contact__details h2 {
    margin: 0 0 .25rem;
    font-size: 1.25rem;
}
.milankov-contact__details p { margin: 0; }
.milankov-contact__button,
.footer-contact-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: .65rem 1rem;
    border: 1px solid rgba(237, 221, 182, .68);
    background: rgba(237, 221, 182, .08);
    color: var(--gold-bright) !important;
    font: 600 .82rem/1.2 var(--sans);
    letter-spacing: .045em;
    text-decoration: none !important;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}
.milankov-contact__button:hover,
.milankov-contact__button:focus-visible,
.footer-contact-button:hover,
.footer-contact-button:focus-visible {
    background: var(--gold);
    color: #18120d !important;
    transform: translateY(-1px);
}
.milankov-contact__button + .milankov-contact__button { margin-left: .6rem; }
.milankov-contact__actions { margin: 2rem 0 0; }
.site-footer p:has(.footer-contact-button) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
}
.site-footer .footer-contact-button + .footer-contact-button { margin-left: .15rem; }
.site-footer .footer-contact-button ~ span[aria-hidden="true"] { display: none; }
@media (max-width: 48rem) {
    .milankov-contact { grid-template-columns: 1fr; }
    .milankov-contact__button { width: 100%; }
    .milankov-contact__button + .milankov-contact__button { margin: .6rem 0 0; }
}
