/* MAGHEL — Contact page: complements the existing global theme */
body.contact-body { background: #04101f; }
body.contact-body::before {
  background-image: linear-gradient(90deg,rgba(3,10,24,.38),rgba(3,10,24,.52)), url("/assets/images/helheim-bg.webp");
}
.contact-page { padding: 72px 0 92px; }
.contact-intro { max-width: 860px; margin: 0 auto 42px; text-align: center; }
.contact-intro .section-title { margin: 10px 0 18px; }
.contact-lead { max-width: 760px; margin: 0 auto; color: #dce6f1; font-size: 1.12rem; line-height: 1.8; }
.contact-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1060px; margin: 0 auto; }
.contact-method { display: flex; flex-direction: column; min-height: 310px; padding: 34px 36px; background: linear-gradient(145deg,rgba(6,21,40,.85),rgba(8,26,47,.76)); border: 1px solid rgba(213,175,120,.28); border-radius: 14px; backdrop-filter: blur(6px); }
.contact-method-primary { border-color: rgba(213,175,120,.58); }
.contact-method-kicker { margin: 0 0 8px; color: #d5af78; font: 11px/1.5 Arial,sans-serif; letter-spacing: .16em; }
.contact-method h2 { margin: 0 0 14px; color: #f1ddb9; font-size: 1.65rem; font-weight: 400; }
.contact-method > p:not(.contact-method-kicker) { margin: 0 0 24px; color: #d4deea; line-height: 1.75; }
.contact-button { align-self: flex-start; margin-top: auto; }
.contact-before { max-width: 880px; margin: 44px auto 0; padding: 29px 34px; background: rgba(3,12,27,.68); border: 1px solid rgba(213,175,120,.18); border-radius: 12px; }
.contact-before h2 { margin: 0 0 14px; color: #f1ddb9; font-size: 1.42rem; font-weight: 400; }
.contact-before > p { margin: 0 0 12px; color: #d3dfec; font-size: .98rem; line-height: 1.7; }
.contact-before .contact-note { color: #aebfd1; font-size: .91rem; }
.contact-aux-links { display: flex; flex-wrap: wrap; gap: 12px 25px; margin-top: 22px; padding-top: 19px; border-top: 1px solid rgba(213,175,120,.2); }
.contact-aux-links a { color: #e4bc82; font: 13px/1.5 Arial,sans-serif; }
.contact-aux-links a:hover, .contact-aux-links a:focus-visible { color: #fff0d5; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 700px) { .contact-page {padding: 48px 0 65px;} .contact-methods {grid-template-columns:1fr;} .contact-method { min-height: 0; padding: 26px 24px; } .contact-before {padding: 23px;} .contact-lead {font-size:1rem;} }