:root{--page-title-display:none;}/* Start custom CSS *//* ==== Mobile fixes (Brianna, Oct 27): tablet and phone only. Start ==== */
/* mobile audit (page-1328-architects.css) */
/* Hero paragraph (221b0dc6): bold teal on dark was 7 lines of heavy text -> regular weight on phones/tablets */
@media (max-width:1024px){
  body.elementor-page-1328 .elementor [data-id="221b0dc6"]{font-weight:400}
}

/* "One hub, three product lines" rail (f39bcc2) - phones: shorter image, tighter spacing, same content */
@media (max-width:640px){
  body.elementor-page-1328 .elementor [data-id="f39bcc2"] .info-card img{aspect-ratio:21/9}
  body.elementor-page-1328 .elementor [data-id="f39bcc2"] .info-card > div:last-child{padding:16px}
  body.elementor-page-1328 .elementor [data-id="f39bcc2"] .info-card p.card-text-md{line-height:1.5}
  body.elementor-page-1328 .elementor [data-id="f39bcc2"] .info-card p.card-text-md:not(:last-child){margin-block-end:12px}
  body.elementor-page-1328 .elementor [data-id="f39bcc2"] .info-card p.card-text-md span:not(:last-child){margin-block-end:4px}
}

/* "Why Specify SGB" pills (25da4286): even layout - one full-width column on phones,
   2 equal columns on tablet (5th pill spans the row) */
@media (max-width:1024px){
  body.elementor-page-1328 .elementor [data-id="25da4286"]{display:grid;grid-template-columns:1fr;gap:8px}
  body.elementor-page-1328 .elementor [data-id="25da4286"] > span{box-sizing:border-box;width:100%}
}
@media (min-width:641px) and (max-width:1024px){
  body.elementor-page-1328 .elementor [data-id="25da4286"]{grid-template-columns:1fr 1fr;gap:10px}
  body.elementor-page-1328 .elementor [data-id="25da4286"] > span:last-child:nth-child(odd){grid-column:1 / -1}
}

/* Hero photo (Brianna, Oct 28: "for mobile view only can we make this image smaller and in the top right corner"): a small rounded
   photo pinned top-right beside the kicker and heading (on tablets the paragraph too), which keep clear of it. Tablets 200 x 150, phones 104 x 104. */
@media (max-width:1024px){
  body.elementor-page-1328 .elementor [data-id="2bd95f86"]{position:relative}
  body.elementor-page-1328 .elementor [data-id="203070ec"]{position:absolute;top:48px;right:24px;width:200px;height:150px;object-fit:cover;border-radius:12px}
  body.elementor-page-1328 .elementor :is([data-id="45d93e24"],[data-id="6b68b7a3"],[data-id="221b0dc6"]){padding-inline-end:216px}
}
@media (max-width:640px){
  body.elementor-page-1328 .elementor [data-id="203070ec"]{top:36px;right:16px;width:104px;height:104px}
  body.elementor-page-1328 .elementor :is([data-id="45d93e24"],[data-id="6b68b7a3"]){padding-inline-end:118px}
  body.elementor-page-1328 .elementor [data-id="221b0dc6"]{padding-inline-end:0}
}
/* ==== Mobile fixes: end ==== *//* End custom CSS */