.contact-card{position:relative;isolation:isolate;overflow:hidden;margin:26px 0;padding:25px;border:1px solid rgba(244,200,109,.5);border-radius:26px;background:linear-gradient(145deg,rgba(91,37,145,.93),rgba(29,10,57,.96) 58%,rgba(16,6,34,.98));box-shadow:0 22px 55px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,238,189,.12)}
.contact-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 0 38%,rgba(244,200,109,.08) 50%,transparent 62%);pointer-events:none}.contact-glow{position:absolute;z-index:-1;width:180px;height:180px;inset-inline-end:-62px;top:-72px;border-radius:50%;background:radial-gradient(circle,rgba(244,200,109,.34),rgba(157,103,255,.2) 44%,transparent 72%);filter:blur(3px)}
.contact-heading{display:flex;align-items:center;gap:14px}.contact-mark{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border:1px solid rgba(255,229,156,.55);border-radius:18px;background:linear-gradient(145deg,rgba(244,200,109,.24),rgba(133,70,211,.34));color:#ffe5a2;font:700 25px Georgia,serif;box-shadow:0 0 30px rgba(244,200,109,.16)}.contact-kicker{margin:0 0 5px;color:#f7d77f;font-size:.76rem;font-weight:850;letter-spacing:.14em}.contact-card h2{margin:0;color:#fff5d8;font-size:1.42rem}.contact-copy{max-width:540px;margin:18px 0 20px;color:#e5d8ef;font-size:1rem;line-height:1.75}.contact-button{width:100%;min-height:52px;border:1px solid rgba(255,244,206,.58);border-radius:16px;background:linear-gradient(105deg,#f6d57c,#d9a744);color:#321246;font:inherit;font-size:1rem;font-weight:850;box-shadow:0 13px 30px rgba(217,167,68,.2);cursor:pointer}.contact-button:focus-visible{outline:3px solid rgba(255,236,180,.42);outline-offset:3px}
.service[href]{text-decoration:none}.bottom-nav a{border:0;background:none;color:#8f839d;display:grid;place-items:center;gap:4px;text-decoration:none}.bottom-nav a:hover,.bottom-nav a:focus-visible,.bottom-nav .active{color:var(--gold)}
@media(min-width:700px){.contact-card{display:grid;grid-template-columns:1fr;align-items:center;padding:30px 34px}.contact-heading,.contact-copy{grid-column:1}.contact-button{grid-column:1;max-width:420px}.contact-button{margin-top:4px}}
@media(max-width:420px){.contact-card{padding:21px}.contact-mark{width:48px;height:48px;flex-basis:48px}.contact-card h2{font-size:1.23rem}.contact-copy{font-size:.95rem}}