.contact-page{--contact-mint:#c9f4e8;--contact-ink:#092b4c;background:var(--contact-mint);color:var(--contact-ink);font-family:Arial,Helvetica,sans-serif}
.contact-page .unified-header{background:var(--contact-mint);color:var(--contact-ink);--menu-surface:var(--contact-mint);--menu-text:var(--contact-ink)}.contact-page .unified-row{border-bottom-color:#092b4c35}
.contact-hero{min-height:calc(100svh - 92px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(40px,7svh,80px) clamp(22px,4vw,72px) 40px;gap:60px}
.contact-kicker{font-size:11px;font-weight:600;letter-spacing:.16em;text-align:center}.contact-word-mask{overflow:hidden;margin-top:20px}.contact-hero h1{font:800 clamp(62px,14.8vw,260px)/1.02 BarlowDisplay,'Arial Narrow',sans-serif;letter-spacing:-.018em;text-align:center;color:var(--contact-ink);margin:0;white-space:nowrap;animation:connect-rise 1s cubic-bezier(.16,1,.3,1) .1s backwards}.contact-invitation{text-align:center;font-size:clamp(19px,2.3vw,32px);letter-spacing:-.03em;margin-top:24px;animation:contact-in .65s ease .35s backwards}
.contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,80px);animation:contact-in .65s ease .5s backwards}.contact-channels a{display:grid;grid-template-columns:1fr auto;gap:20px;border-top:1px solid #092b4c50;padding:24px 0 10px;transition:border-color .2s}.channel-name{font-size:10px;font-weight:600;letter-spacing:.13em;grid-column:1/-1}.channel-address{font-size:clamp(19px,2.6vw,37px);letter-spacing:-.035em;overflow-wrap:anywhere}.contact-channels svg{width:30px;height:30px;transition:transform .25s}.contact-channels a:hover svg{transform:translate(4px,-4px)}.contact-channels a:hover{border-color:#092b4c}.contact-page ::selection{background:#092b4c;color:#c9f4e8}.contact-page :focus-visible{outline:2px solid #092b4c;outline-offset:6px}
@keyframes connect-rise{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes contact-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.contact-hero{min-height:calc(100svh - 80px)}}@media(max-width:600px){.contact-hero{gap:55px;padding-bottom:30px}.contact-kicker{font-size:9px;line-height:1.6;letter-spacing:.1em}.contact-hero h1{font-size:14.5vw}.contact-invitation{max-width:260px;margin:20px auto 0}.contact-channels{grid-template-columns:1fr;gap:28px}.channel-address{font-size:25px}.contact-channels svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.contact-page *{animation:none!important;transition:none!important}}

/* Boxed contact actions, using the hero palette. */
.contact-channels{gap:24px}
.contact-channels a{border:1px solid #092b4c45;border-radius:18px;padding:28px;background:#ffffff30;transition:background .2s,border-color .2s,transform .2s}
.contact-channels a:hover{background:#ffffff65;border-color:#092b4c80;transform:translateY(-3px)}
@media(max-width:600px){.contact-channels{gap:16px}.contact-channels a{padding:22px}.channel-address{font-size:clamp(18px,5.7vw,25px)}}
@media(prefers-reduced-motion:reduce){.contact-channels a{transition:none}.contact-channels a:hover{transform:none}}

/* Bring the contact actions into the main composition. */
.contact-hero{justify-content:flex-start;gap:clamp(36px,5svh,64px)}
.contact-channels a:first-child{background:#092b4c;color:#23e0b5;border-color:#092b4c}
.contact-channels a:last-child{background:#23e0b5;color:#092b4c;border-color:#092b4c35}
.contact-channels a:first-child:hover{background:#123953}.contact-channels a:last-child:hover{background:#52edc9}