.support-contact{background:#edf1e5;border-top:1px solid #dce3d2;padding:60px 0}
.support-contact .support-contact-grid{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center}
.support-contact .support-contact-copy{max-width:500px}
.support-contact .eyebrow{color:#8e764e;font-size:10px;letter-spacing:.12em}
.support-contact h2{font-family:var(--serif);font-size:clamp(34px,3.7vw,49px);line-height:1.14;letter-spacing:-.025em;font-weight:400;color:#244631;margin:18px 0 24px;text-wrap:balance}
.support-contact .support-contact-copy>p{font-size:17px;line-height:1.85;color:#60755c;max-width:46ch;margin:0}
.support-contact .contact-form{width:100%;min-width:0;margin:0;padding:32px;background:#fffefb;border:1px solid #d7e0cc;border-radius:25px;box-shadow:0 20px 48px -28px #24412d35;align-self:stretch}
.support-contact .form-heading{margin:0 0 10px}
.support-contact .form-heading h3{font-family:var(--serif);font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.02em;margin:16px 0 10px;color:#254632}
.support-contact .form-heading p{font-size:12px;line-height:1.8;color:#738269;margin:0}
.support-contact .form-team{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.support-contact .form-team>span:not(.team-avatars){font-size:11px;color:#587255}
.support-contact .team-avatars{display:flex;align-items:center;padding-left:5px}
.support-contact .team-avatar{position:relative;display:block;width:48px;height:48px;border-radius:50%;border:3px solid white;overflow:hidden;margin-left:-5px;flex:none;box-shadow:0 4px 10px #23452b12}
.support-contact .team-avatar img{position:absolute;max-width:none!important;object-fit:cover;object-position:0 0;transform:none!important}
.support-contact .team-avatar img[alt="Eric Hew"]{width:220%;height:220%;left:-60%;top:-8%}
.support-contact .team-avatar img[alt="Jane Ng"]{width:150%;height:150%;left:-32%;top:-5%}
.support-contact .team-avatar img[alt="Robert Nyquist"]{width:190%;height:190%;left:-45%;top:-26%}
.support-contact .contact-form label{font-size:11px;color:#5c7155}
.support-contact .contact-form input,.support-contact .contact-form select,.support-contact .contact-form textarea{font:12px/1.6 'Plus Jakarta Sans',sans-serif;max-width:100%;min-width:0;background:#f6f8f0;border:1px solid #dce5d2;border-radius:11px;padding:12px 13px;color:#365239;box-shadow:none}
.support-contact .contact-form button{min-height:48px;font:500 12px/1.4 'Plus Jakarta Sans',sans-serif;white-space:nowrap;padding:13px 18px;border-radius:26px;background:#264c36;color:#fff;border:0;display:flex;align-items:center;justify-content:center;gap:9px}
.support-contact .whatsapp-icon{width:19px;height:19px;flex:none}
.support-contact .form-note{font-size:10px;line-height:1.8}
@media(max-width:900px){.support-contact .support-contact-grid{gap:32px}.support-contact .contact-form{padding:28px}}
@media(max-width:700px){.support-contact{padding:40px 0}.support-contact .support-contact-grid{display:block;width:calc(100% - 40px)}.support-contact .support-contact-copy{max-width:none;margin-bottom:28px}.support-contact h2{font-size:35px;max-width:none}.support-contact .support-contact-copy>p{font-size:16px;line-height:1.8;max-width:none}.support-contact .contact-form{padding:27px 23px;border-radius:22px}.support-contact .form-heading h3{font-size:27px}.support-contact .contact-form button{font-size:11px;padding:13px 12px}}
@media(max-width:360px){.support-contact .contact-form{padding:24px 19px}.support-contact .contact-form button{font-size:10px}}
.support-contact .school-source-note{border-top:1px solid #d7dfcd;padding-top:20px;margin-top:26px;font-size:11px;line-height:1.9;color:#71816b}
/* A substantial, equal-height companion panel, rather than text floating beside a form. */
.support-contact .support-contact-grid{align-items:stretch;gap:28px}
.support-contact .support-contact-copy{position:relative;isolation:isolate;max-width:none;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:44px 40px;border:1px solid #41664d;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#476b50,transparent 68%),linear-gradient(145deg,#2c543e,#173d2c);box-shadow:0 24px 55px -28px #173d2b65,inset 0 1px 0 #ffffff1f;overflow:hidden;margin:0}
.support-contact .support-contact-copy:before{content:'';position:absolute;inset:14px;border:1px solid #dcc38c28;border-radius:16px;pointer-events:none;z-index:-1}
.support-contact .support-contact-copy .eyebrow{color:#ddc68f;font-size:10px;letter-spacing:.12em}
.support-contact .support-contact-copy h2{color:#fff8e8;font-size:clamp(33px,3.4vw,46px);line-height:1.16;max-width:20ch;margin:20px 0 26px;text-align:left;letter-spacing:-.025em}
.support-contact .support-contact-copy>p{color:#d0deca;font-size:17px;line-height:1.85;max-width:none;margin:0}
.support-contact .contact-form{box-shadow:0 24px 55px -32px #24452e50}
.support-contact .contact-form .form-heading h3{font-size:28px;line-height:1.22;max-width:24ch}
.support-source-strip{padding:0 0 32px;background:#f7f6ef}
.support-source-strip>.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.support-source-strip .school-source-note{font-size:11px;line-height:1.9;color:#73846b;max-width:1000px;padding:0;margin:0;border:0}
@media(max-width:900px){.support-contact .support-contact-copy{padding:36px 30px}.support-contact .support-contact-copy h2{font-size:36px}}
@media(max-width:700px){.support-contact .support-contact-copy{padding:34px 28px;margin:0 0 24px;border-radius:22px}.support-contact .support-contact-copy:before{inset:11px;border-radius:13px}.support-contact .support-contact-copy h2{font-size:34px;max-width:none;margin:18px 0 22px}.support-contact .support-contact-copy>p{font-size:16px;line-height:1.8}.support-contact .contact-form .form-heading h3{font-size:27px}.support-source-strip>.wrap{width:calc(100% - 40px)}.support-source-strip{padding-bottom:26px}}
@media(max-width:900px){.support-contact .support-contact-grid{display:block;width:calc(100% - 40px)}.support-contact .support-contact-copy{margin-bottom:24px}.support-contact .contact-form{grid-template-columns:minmax(0,1fr)}}
/* The existing compact mobile label fits without reducing its readable type size. */
.support-contact .contact-form button{font-size:12px}
