/* HQ-only visual layer. Kept separate so other public pages do not need a shared-CSS update. */
.hq-page .hq-hero { padding: 0; text-align: left; background: #fdfbf5; }
.hq-page .hq-hero::before { display: none; }
.hq-page .hq-hero__room { position: relative; padding: clamp(18px, 3vw, 42px) clamp(12px, 3vw, 42px) 0; overflow: hidden; border-bottom: 4px solid #b6812d; background: radial-gradient(circle at 50% 0%, #f5ead0 0, #e6eee4 54%, #d4e6e6 100%); }
.hq-page .hq-hero__room::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(8,35,27,.04)); }
.hq-page .hq-hero__room img { position: relative; z-index: 1; display: block; width: 100%; height: auto; max-width: 1600px; margin: 0 auto; }
.hq-page .hq-hero__content { position: relative; padding: clamp(30px, 5vw, 56px) clamp(24px, 6vw, 84px) clamp(34px, 5vw, 60px); text-align: center; background: linear-gradient(135deg, #fffdf7, #f5ead0); }
.hq-page .hq-hero__content::before { content: "HQ / FIELD COMMUNICATION"; position: absolute; top: 16px; left: 24px; color: rgba(7,80,63,.18); font: 800 .68rem/1 ui-monospace, monospace; letter-spacing: .16em; }
.hq-page .hq-hero__content .eyebrow, .hq-page .hq-hero__content h1, .hq-page .hq-hero__content .lead, .hq-page .hq-hero__content .tagline { position: relative; }
@media (max-width: 760px) {
  .hq-page .hq-hero__room { padding: 18px 8px 0; }
  .hq-page .hq-hero__content { padding: 34px 22px 38px; }
  .hq-page .hq-hero__content::before { top: 12px; left: 16px; font-size: .6rem; }
}