/* Request page laid out like the ProperSA contact page (14 November 2026). */
.contact-hero{padding-bottom:10px}
.contact-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.03em;margin:8px 0 4px}
.contact-hero .lead{max-width:780px}
.contact-hours{display:inline-flex;align-items:center;gap:10px;margin-top:10px;font-size:14.5px;color:#f6f1e2}
.contact-hours span:last-child{opacity:.7}
.contact-dot{width:9px;height:9px;border-radius:50%;background:#d8b04a;box-shadow:0 0 0 4px rgba(216,176,74,.18)}
.contact-options-band{padding:18px 0 34px}
.contact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
/* Cards copy ProperSA's home-popular-card. */
.contact-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:24px;border:1px solid #526244;border-top:1px solid #d8b04a;border-radius:20px;color:#f6f1e2;text-decoration:none;background:radial-gradient(ellipse at 95% 0,#27704b33,transparent 60%),linear-gradient(145deg,#163f30,#0b2d22);box-shadow:inset 0 1px #ffffff0c;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.contact-card:after{content:"";position:absolute;z-index:-1;width:165px;height:165px;border:1px solid #d8b04a35;border-radius:50%;right:-75px;bottom:-85px;box-shadow:0 0 0 22px #d8b04a06}
.contact-card:hover,.contact-card:focus-visible{transform:translateY(-4px);border-color:#d8b04a;box-shadow:0 16px 32px #0003;outline:none}
.contact-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.contact-top .icon-3d{width:48px;height:48px;margin:0}
.contact-label{font:800 clamp(20px,1.8vw,26px)/1.2 var(--font-head, inherit);color:#d8b04a;white-space:nowrap}
.contact-card h3{font-size:21px;line-height:1.25;margin:0 0 12px;color:#f6f1e2}
.contact-card p{font-size:14px;line-height:1.65;color:#cfd9cf;margin:0 0 12px}
.contact-card small{font-size:12px;line-height:1.6;color:#d9d0af;margin-top:auto;overflow-wrap:anywhere}
.contact-cta{display:flex;justify-content:space-between;gap:12px;padding-top:18px;margin-top:18px;border-top:1px solid #426047;font-size:14px;font-weight:800;color:#d8b04a}
.contact-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#d8b04a}
#request-form .contact-eyebrow{margin-bottom:-6px}
@media (max-width:900px){.contact-options{grid-template-columns:1fr}.contact-card{padding:22px}}
@media (prefers-reduced-motion:reduce){.contact-card{transition:none}.contact-card:hover{transform:none}}
/* Cards share the hero column so their left edge lines up with the heading. */
.contact-options-band .wrap{max-width:1280px}