/* ============================================================
   CONTACT PAGE — page-contact.php specific styles
   (.contact, .contact-grid, .form-card, .f-row, .f-field,
   .f-submit, .form-note, .about-block, .faq are shared from
   style.css)
   ============================================================ */

/* ---------- Page hero (breadcrumb banner, gradient-blob variant) ---------- */
.page-hero{
  position:relative;background:var(--ink);color:#fff;
  padding:168px 0 84px;overflow:hidden;isolation:isolate;
}
.page-hero::before{
  content:"";position:absolute;top:-140px;right:-120px;width:440px;height:440px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(11,74,143,.45), transparent 70%);
  z-index:-1;animation:cp-float-slow 9s ease-in-out infinite;
}
.page-hero::after{
  content:"";position:absolute;bottom:-160px;left:-100px;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle at 60% 60%, rgba(129,0,0,.35), transparent 70%);
  z-index:-1;animation:cp-float-slow 11s ease-in-out infinite reverse;
}
@keyframes cp-float-slow{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(24px) scale(1.05);}}
.page-hero .breadcrumb{
  display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.55);
  letter-spacing:.03em;
}
.page-hero .breadcrumb a{color:rgba(255,255,255,.55);transition:color .25s ease;}
.page-hero .breadcrumb a:hover{color:#fff;}
.page-hero .breadcrumb .sep{opacity:.5;}
.page-hero .breadcrumb .cur{color:#fff;}
.page-hero h1{
  color:#fff;font-size:clamp(34px,5.2vw,58px);max-width:760px;margin-top:18px;font-weight:600;letter-spacing:-.01em;
}
.page-hero p{color:rgba(255,255,255,.7);font-size:16.5px;max-width:560px;margin-top:16px;line-height:1.7;}

/* ---------- Quick contact stat strip ---------- */
.stat-strip{background:var(--paper-2);padding:54px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.stat-strip .wrap{display:flex;flex-wrap:wrap;gap:0;}
.stat-strip .sstat{flex:1 1 160px;padding:0 28px;border-right:1px solid var(--line);text-align:center;}
.stat-strip .sstat:last-child{border-right:none;}
.stat-strip .snum{font-family:var(--ff-display);font-size:clamp(28px,3.4vw,42px);font-weight:700;color:var(--ink);}
.stat-strip .slab{font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--slate);margin-top:6px;margin-bottom:6px;}
@media (max-width:700px){.stat-strip .sstat{flex:1 1 45%;border-right:none;margin-bottom:20px;}}


/* ==================================================================
   QUICK CONTACT STRIP — Contact page (redesigned)
   ================================================================== */
.quick-contact-strip{
  padding:0;
  background:var(--paper-2, #F3EDE0);
  border-bottom:1px solid var(--line, #e4ddce);
}
.qcs-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:1px;
  background:var(--line, #e4ddce);
}
.qcs-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:6px;
  background:var(--paper-2, #F3EDE0);
  padding:30px 20px;
  text-decoration:none;
  color:inherit;
  transition:background .25s ease, transform .25s ease;
  cursor:pointer;
}
.qcs-item:not(.qcs-item-static):hover{
  background:#fff;
  transform:translateY(-3px);
}
.qcs-item-static{ cursor:default; }
.qcs-ico{
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--ink, #0B1330);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:6px;
  transition:background .25s ease, transform .25s ease;
}
.qcs-item:not(.qcs-item-static):hover .qcs-ico{
  background:var(--maroon, #810000);
  transform:scale(1.08) rotate(-4deg);
}
.qcs-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--slate, #6b6458);
}
.qcs-value{
  font-family:var(--ff-display);
  font-size:19px;
  font-weight:600;
  color:var(--ink, #0B1330);
  line-height:1.3;
}
.qcs-value-sm{
  font-size:14.5px;
  font-weight:600;
  max-width:220px;
  line-height:1.45;
}
@media (max-width:860px){
  .qcs-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:480px){
  .qcs-grid{grid-template-columns:1fr;}
  .qcs-item{padding:24px 16px;}
}