/*
 * Palette and measurements pulled directly from the live computed
 * styles on prginfo.net/contact:
 *   - Hero / eyebrow bg: rgb(234,242,250), left-aligned (not centered)
 *   - Cards: white, 1px solid rgb(84,89,95), 20px radius
 *   - Teal (labels, Send button, Expanding Reach card): rgb(43,74,86)
 *   - Terracotta icon circles: rgb(173,102,63), radius 15px on 43px box
 *   - Gold divider between office rows: rgb(171,125,43)
 *   - Eyebrow arrow icon: rgb(204,51,102)
 *   - Headings: "Source Serif 4"; body copy: system font stack
 */
:root{
	--prg-teal:#2b4a56;
	--prg-teal-dark:#1f363f;
	--prg-blue-light:#eaf2fa;
	--prg-terracotta:#ad663f;
	--prg-gold:#ab7d2b;
	--prg-eyebrow-icon:#cc3366;
	--prg-card-border:#54595f;
	--prg-input-border:#69727d;
	--prg-white:#ffffff;
	--prg-text:#333333;
	--prg-gray:#5c6b7a;
	--prg-font-heading:"Source Serif 4", Georgia, "Times New Roman", serif;
	--prg-font-body:-apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.prg-contact-page{font-family:var(--prg-font-body);color:var(--prg-text);}
.prg-contact-page h1,
.prg-contact-page h2,
.prg-contact-page h3{font-family:var(--prg-font-heading);font-weight:400;color:#000;margin:0;}

.prg-contact-wrap{max-width:1553px;margin:0 auto;padding:0 24px;}

/* Eyebrow (small "-> LABEL" caption used above the hero heading and
   above "Let's Connect") */
.prg-eyebrow{
	display:flex;align-items:center;gap:8px;margin-bottom:14px;
	font-family:var(--prg-font-heading);font-weight:700;font-size:14px;
	text-transform:uppercase;color:#000;
}
.prg-eyebrow .prg-eyebrow-icon{color:var(--prg-eyebrow-icon);font-size:14px;}

/* Hero */
.prg-hero{background:var(--prg-blue-light);padding:70px 0 60px;}
.prg-hero-inner{max-width:800px;text-align:left;}
.prg-hero h1{font-size:50px;line-height:1.2;margin-bottom:18px;}
.prg-hero p{font-family:"Google Sans",var(--prg-font-body);font-weight:500;font-size:16px;color:var(--prg-text);line-height:1.6;margin:0;}

/* Connect section: equal two-column grid */
.prg-connect{padding:60px 0;background:var(--prg-white);}
.prg-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;}
@media (max-width:860px){.prg-connect-grid{grid-template-columns:1fr;}}

/* Shared card look */
.prg-card{
	background:var(--prg-white);border:1px solid var(--prg-card-border);
	border-radius:20px;padding:30px;
}

/* Form card */
.prg-form-card h2{font-size:23px;font-weight:700;margin-bottom:10px;}
.prg-form-card > p{color:var(--prg-gray);font-size:1rem;line-height:1.6;margin:0 0 26px;}
.prg-field{margin-bottom:18px;}
.prg-field label{display:block;font-size:16px;font-weight:500;color:var(--prg-teal);margin-bottom:6px;}
.prg-field input,
.prg-field textarea{
	width:100%;border:1px solid var(--prg-input-border);border-radius:3px;padding:8px 16px;
	font-size:16px;font-family:var(--prg-font-body);color:#1c2733;background:var(--prg-white);
	box-sizing:border-box;
}
.prg-field input:focus,
.prg-field textarea:focus{outline:none;border-color:var(--prg-teal);}
.prg-field textarea{min-height:140px;resize:vertical;}
.prg-submit-btn{
	background:var(--prg-teal);color:#fff;border:none;border-radius:3px;
	padding:12px 24px;font-family:var(--prg-font-heading);font-weight:700;font-size:14px;cursor:pointer;
	transition:background .15s ease;
}
.prg-submit-btn:hover{background:var(--prg-teal-dark);}
.prg-form-note{margin-top:14px;font-size:.85rem;color:var(--prg-gray);}
.prg-recaptcha-field{margin-bottom:18px;}
.prg-form-success{background:#e6f4ea;color:#1e6b3c;border:1px solid #b6e0c3;border-radius:4px;padding:14px 18px;margin-bottom:20px;font-size:.95rem;}
.prg-form-error{background:#fdeceb;color:#9c2b23;border:1px solid #f5c6c1;border-radius:4px;padding:14px 18px;margin-bottom:20px;font-size:.95rem;}

/* Right column: office card + reach card, stacked with the same gap
   used between the two grid columns */
.prg-side-col{display:flex;flex-direction:column;gap:20px;}

.prg-office-card{padding:20px;}
.prg-office-card h3{font-size:23px;font-weight:700;margin-bottom:14px;}
.prg-office-row{
	display:flex;align-items:flex-start;gap:14px;text-decoration:none;color:inherit;
	padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--prg-gold);
}
.prg-office-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.prg-office-icon{
	flex-shrink:0;width:43px;height:43px;border-radius:15px;background:var(--prg-terracotta);
	color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1;
}
.prg-office-label{font-size:.78rem;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:2px;font-family:var(--prg-font-body);}
.prg-office-value{color:#1c2733;line-height:1.5;font-size:1rem;}

/* Reach card */
.prg-reach-card{background:var(--prg-teal);color:#fff;}
.prg-reach-card h2,
.prg-reach-card h3{color:#fff;font-size:23px;font-weight:700;margin-bottom:8px;}
.prg-reach-card p{font-family:var(--prg-font-body);color:#dbe6ea;font-size:1.05rem;margin:0;}
.prg-reach-map{text-align:center;margin-top:24px;}
.prg-reach-map img{width:100%;max-width:480px;height:auto;display:inline-block;}