/* Civil Reel B2B landing page — scoped to draft page 716 */
body.page-id-716 .cr-footer-nav li {margin:0 0 16px;}
body.page-id-716 .cr-footer-nav a {display:inline-block;color:inherit;text-decoration:none;line-height:1.5;}
body.page-id-716 .cr-footer-nav a:hover {text-decoration:underline;}
body.page-id-716 .cr-footer-nav a:focus-visible {outline:2px solid #f2c230;outline-offset:4px;}
body.page-id-716 #wrapper-navbar .siteHeader-logo {position:relative;}
body.page-id-716 .cr-company-name {position:absolute;left:100%;top:28px;color:#1c4265;font-size:24px;font-weight:700;line-height:1.3;white-space:nowrap;}
@media(max-width:767px){
body.page-id-716 .cr-company-name {position:static;display:block;white-space:normal;font-size:14px;margin-top:8px;}
}
body.page-id-716 .cr-section-nav ul {list-style:none;margin:0;padding:0;}
body.page-id-716 .cr-desktop-links {display:flex;justify-content:flex-end;align-items:center;gap:24px;}
body.page-id-716 .cr-section-nav a {display:block;color:#1c4265;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;padding:12px 0;}
body.page-id-716 .cr-section-nav a:hover {text-decoration:underline;}
body.page-id-716 .cr-section-nav .cr-contact-link {background:#f2c230;color:#101c2e;padding:14px 18px;border-radius:3px;white-space:normal;text-align:center;}
body.page-id-716 .cr-mobile-menu {display:none;}
body.page-id-716 .crlp section {scroll-margin-top:24px;}
body.page-id-716 .cr-section-nav a:focus-visible,body.page-id-716 .cr-mobile-menu summary:focus-visible {outline:3px solid #1c4265;outline-offset:4px;}
@media(max-width:1199px){
body.page-id-716 #wrapper-navbar .row.alignItems {flex-wrap:wrap;}
body.page-id-716 #wrapper-navbar .col-8 {flex:0 0 80%;max-width:80%;}
body.page-id-716 #wrapper-navbar .col-2.d-flex {flex:0 0 100%;max-width:100%;padding-top:14px;padding-bottom:14px;}
body.page-id-716 .cr-desktop-links {gap:16px;}
}
@media(max-width:767px){
body.page-id-716 .cr-section-nav .cr-desktop-links {display:none;}
body.page-id-716 .cr-mobile-menu {display:block;text-align:right;}
body.page-id-716 .cr-mobile-menu summary {display:inline-block;cursor:pointer;padding:12px 18px;border:1px solid #1c4265;color:#1c4265;border-radius:3px;font-weight:700;}
body.page-id-716 .cr-mobile-menu ul {margin-top:12px;text-align:left;}
body.page-id-716 .cr-mobile-menu a {padding:12px 14px;white-space:normal;}
body.page-id-716 #wrapper-navbar .siteHeader-logo {min-width:90px;}
body.page-id-716 #wrapper-navbar .col-8 {flex:1;max-width:none;min-width:0;}
}

body.page-id-716 .crlp {
  --navy:#101c2e;
  --blue:#1c4265;
  --gold:#f2c230;
  --ink:#18212b;
  --muted:#5d6874;
  --mist:#f4f6f8;
  color:var(--ink);
  font-family:"orkneyregular",sans-serif;
  width:100%;
  overflow:hidden;
}
body.page-id-716 .crlp *,
body.page-id-716 .crlp *::before,
body.page-id-716 .crlp *::after { box-sizing:border-box; }
body.page-id-716 .crlp .wrap { width:min(1140px,calc(100% - 40px)); margin:0 auto; }
body.page-id-716 .crlp section { padding:84px 0; }

body.page-id-716 .crlp .hero {
  min-height:660px;
  display:flex;
  align-items:center;
  color:#fff;
  background-color:var(--navy);
  background-image:linear-gradient(90deg,rgba(10,22,38,.88) 0%,rgba(10,22,38,.76) 52%,rgba(10,22,38,.30) 100%),url("https://civilreel.com/wp-content/uploads/2026/07/SAMPLE-SECTION-1-scaled.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
body.page-id-716 .crlp .hero-copy { max-width:780px; padding:105px 0; }
body.page-id-716 .crlp .eyebrow {
  display:block;
  margin-bottom:15px;
  color:#a67900;
  font-family:"orkneybold",sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.page-id-716 .crlp .hero .eyebrow,
body.page-id-716 .crlp .dark .eyebrow,
body.page-id-716 .crlp .cta .eyebrow { color:var(--gold); }
body.page-id-716 .crlp h1 {
  margin:0 0 25px;
  color:#fff;
  font-family:"orkneybold",sans-serif;
  font-size:clamp(2.8rem,6vw,5.25rem);
  line-height:1;
  letter-spacing:-.045em;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
body.page-id-716 .crlp h2 {
  margin:0 0 20px;
  font-family:"orkneymedium",sans-serif;
  font-size:clamp(2rem,4vw,3.25rem);
  line-height:1.08;
  letter-spacing:-.03em;
}
body.page-id-716 .crlp h3 { margin:0 0 11px; font-family:"orkneymedium",sans-serif; font-size:1.28rem; }
body.page-id-716 .crlp p { line-height:1.7; }
body.page-id-716 .crlp .hero p {
  max-width:710px;
  margin:0 0 34px;
  color:#eef3f8;
  font-size:1.23rem;
  opacity:1;
  text-shadow:0 1px 10px rgba(0,0,0,.25);
}
body.page-id-716 .crlp .lead { max-width:780px; color:var(--muted); font-size:1.12rem; }
body.page-id-716 .crlp .buttons { display:flex; gap:13px; flex-wrap:wrap; }
body.page-id-716 .crlp .button {
  display:inline-block;
  padding:15px 23px;
  border-radius:2px;
  font-family:"orkneybold",sans-serif;
  font-weight:800;
  text-decoration:none;
}
body.page-id-716 .crlp .primary { background:var(--gold); color:#15202c; }
body.page-id-716 .crlp .secondary { border:1px solid rgba(255,255,255,.62); color:#fff; }
body.page-id-716 .crlp .trust { padding:17px 0; background:var(--gold); }
body.page-id-716 .crlp .trust .wrap { display:flex; justify-content:center; gap:34px; flex-wrap:wrap; color:#16202b; font-family:"orkneybold",sans-serif; font-weight:800; }

body.page-id-716 .crlp .intro-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:start; }
body.page-id-716 .crlp .statement { margin:0; color:var(--blue); font-family:"orkneymedium",sans-serif; font-size:1.52rem; font-weight:650; line-height:1.55; }
body.page-id-716 .crlp .mist { background:var(--mist); }
body.page-id-716 .crlp .cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:42px; }
body.page-id-716 .crlp .card { min-height:210px; padding:31px; border:1px solid #dfe4e9; border-left:5px solid var(--gold); background:#fff; }
body.page-id-716 .crlp .card p { margin:0; color:var(--muted); }
body.page-id-716 .crlp .work-gallery { background:#fff; }
body.page-id-716 .crlp .gallery-heading { max-width:780px; margin-bottom:46px; }
body.page-id-716 .crlp .project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
body.page-id-716 .crlp .project-image { position:relative; min-width:0; margin:0; overflow:hidden; background:var(--navy); }
body.page-id-716 .crlp .project-image img { display:block; width:100%; height:360px; object-fit:cover; object-position:center; transition:transform .45s ease; }
body.page-id-716 .crlp .project-image:hover img { transform:scale(1.025); }
body.page-id-716 .crlp .project-image figcaption { position:absolute; right:0; bottom:0; left:0; padding:38px 24px 20px; background:linear-gradient(transparent,rgba(10,22,38,.86)); color:#fff; font-family:"orkneymedium",sans-serif; font-size:1.05rem; }
body.page-id-716 .crlp .dark { background:var(--navy); color:#fff; }
body.page-id-716 .crlp .dark h2,
body.page-id-716 .crlp .dark h3 { color:#fff; }
body.page-id-716 .crlp .dark .lead { color:#c8d1da; }
body.page-id-716 .crlp .split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:62px; align-items:center; }
body.page-id-716 .crlp .model { display:block; width:100%; box-shadow:0 24px 65px rgba(0,0,0,.3); }
body.page-id-716 .crlp .checklist { margin:27px 0 0; padding:0; list-style:none; }
body.page-id-716 .crlp .checklist li { position:relative; padding:0 0 17px 30px; color:#d8e0e8; line-height:1.55; }
body.page-id-716 .crlp .checklist li::before { position:absolute; left:0; color:var(--gold); content:"✓"; font-weight:900; }
body.page-id-716 .crlp .steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:42px; }
body.page-id-716 .crlp .step { padding:30px; border-top:4px solid var(--gold); background:#fff; box-shadow:0 8px 28px rgba(15,28,44,.07); }
body.page-id-716 .crlp .number { color:#b18600; font-size:1.65rem; font-weight:900; }
body.page-id-716 .crlp .step p { margin:0; color:var(--muted); }
body.page-id-716 .crlp .credentials { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:40px; border:1px solid #334255; background:#334255; }
body.page-id-716 .crlp .credential { padding:26px; background:var(--navy); text-align:center; }
body.page-id-716 .crlp .credential strong { display:block; margin-bottom:5px; color:var(--gold); font-size:1.15rem; }
body.page-id-716 .crlp .credential span { color:#cbd4dd; font-size:.92rem; }

body.page-id-716 .crlp .market-section { clear:both; display:block; }
body.page-id-716 .crlp .markets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; width:100%; margin:28px 0 0; }
body.page-id-716 .crlp .pill { display:flex; min-width:0; min-height:54px; align-items:center; justify-content:center; padding:10px 14px; border:1px solid #ccd4dc; border-radius:100px; background:#fff; font-weight:750; line-height:1.25; text-align:center; }
body.page-id-716 .crlp .partner-panel { clear:both; width:100%; max-width:900px; margin:38px 0 0; padding:30px 34px; border-left:5px solid var(--gold); background:var(--mist); }
body.page-id-716 .crlp .partner-panel .lead { max-width:820px; margin:0; }

body.page-id-716 .crlp .clients { padding:100px 0; border-top:1px solid #e7eaed; background:#fff; }
body.page-id-716 .crlp .clients-head { max-width:760px; margin:0 auto 78px; text-align:center; }
body.page-id-716 .crlp .clients-head .lead { margin-right:auto; margin-left:auto; }
body.page-id-716 .crlp .logo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:90px; row-gap:76px; width:100%; margin:0; padding:0 30px; align-items:start; }
body.page-id-716 .crlp .logo-card { display:grid; grid-template-rows:125px auto; width:100%; height:165px; margin:0; padding:0; border:0; background:transparent; align-items:center; justify-items:center; }
body.page-id-716 .crlp .logo-card img { display:block; width:150px; height:72px; max-width:100%; max-height:110px; margin:0 auto; object-fit:contain; object-position:center; align-self:center; }
body.page-id-716 .crlp .logo-card img[alt*="Dallas Area"] { width:130px; height:92px; }
body.page-id-716 .crlp .logo-card img[alt*="Dallas Water"] { width:220px; height:115px; }
body.page-id-716 .crlp .logo-card span { display:block; margin:0; color:#68727d; font-size:.76rem; font-weight:700; line-height:1.25; text-align:center; align-self:end; }

body.page-id-716 .crlp .cta { padding:88px 0; background:linear-gradient(135deg,#1a4367,#0d1929); color:#fff; text-align:center; }
body.page-id-716 .crlp .cta h2 { max-width:850px; margin-right:auto; margin-left:auto; color:#fff; }
body.page-id-716 .crlp .cta>.wrap>p { max-width:690px; margin:0 auto 31px; color:#d8e0e8; font-size:1.12rem; }
body.page-id-716 .crlp .contact-box { position:relative; z-index:1; clear:both; width:min(760px,100%); margin:56px auto 0; padding:34px; background:#fff; color:var(--ink); text-align:left; }
body.page-id-716 .crlp .contact-box .wpcf7 { width:100%; margin:0; padding:0; }
body.page-id-716 .crlp .contact-box form.wpcf7-form { display:block; width:100%; margin:0; padding:0; }
body.page-id-716 .crlp .contact-box .contactForm { position:static; width:100%; margin:0; padding:34px; border-radius:4px; background:#f1f3f5; box-shadow:none; }
body.page-id-716 .crlp .contact-box .contactTitle { margin:0 0 26px; color:var(--navy); font-family:"orkneymedium",sans-serif; font-size:1.65rem; line-height:1.2; text-align:left; }
body.page-id-716 .crlp .contact-box .wpcf7-form-control-wrap { display:block; width:100%; margin-bottom:18px; }
body.page-id-716 .crlp .contact-box .wpcf7-submit { margin:4px 0 0; }
body.page-id-716 .crlp .contact-box input,
body.page-id-716 .crlp .contact-box textarea,
body.page-id-716 .crlp .contact-box select { width:100%; padding:12px; border:1px solid #cbd3db; }
body.page-id-716 .crlp .contact-box input[type="submit"] { width:auto; padding:14px 23px; border:0; background:var(--gold); font-weight:800; }
body.page-id-716 .crlp .fine { margin-top:23px; color:#b8c3ce; font-size:.9rem; }

@media (max-width:900px) {
  body.page-id-716 .crlp .intro-grid,
  body.page-id-716 .crlp .split { grid-template-columns:1fr; }
  body.page-id-716 .crlp .cards { grid-template-columns:1fr; }
  body.page-id-716 .crlp .credentials { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.page-id-716 .crlp .hero { min-height:600px; }
  body.page-id-716 .crlp .markets { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.page-id-716 .crlp .logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:70px; row-gap:70px; padding:0 20px; }
}
@media (max-width:650px) {
  body.page-id-716 .crlp section { padding:62px 0; }
  body.page-id-716 .crlp .project-grid { grid-template-columns:1fr; }
  body.page-id-716 .crlp .project-image img { height:300px; }
  body.page-id-716 .crlp .steps,
  body.page-id-716 .crlp .credentials { grid-template-columns:1fr; }
  body.page-id-716 .crlp .hero-copy { padding:85px 0; }
  body.page-id-716 .crlp h1 { font-size:2.65rem; }
  body.page-id-716 .crlp .markets { grid-template-columns:1fr; }
}
body.page-id-716 .crlp .plan-samples { border-top:1px solid #e0e5ea; }
body.page-id-716 .crlp .plan-samples-head { max-width:820px; margin-bottom:40px; }
body.page-id-716 .crlp .pdf-list { display:grid; gap:18px; }
body.page-id-716 .crlp .pdf-sample { overflow:hidden; border:1px solid #d9e0e6; background:#fff; box-shadow:0 8px 28px rgba(15,28,44,.06); }
body.page-id-716 .crlp .pdf-sample summary { display:flex; min-height:92px; align-items:center; justify-content:space-between; gap:24px; padding:22px 26px; cursor:pointer; list-style:none; }
body.page-id-716 .crlp .pdf-sample summary::-webkit-details-marker { display:none; }
body.page-id-716 .crlp .pdf-sample summary strong { display:block; margin-bottom:6px; color:var(--navy); font-family:"orkneymedium",sans-serif; font-size:1.22rem; }
body.page-id-716 .crlp .pdf-sample summary small { display:block; color:var(--muted); font-size:.92rem; line-height:1.45; }
body.page-id-716 .crlp .pdf-toggle { flex:0 0 auto; padding:10px 14px; border:1px solid #c8d0d8; color:var(--blue); font-family:"orkneybold",sans-serif; font-size:.82rem; }
body.page-id-716 .crlp .pdf-sample[open] .pdf-toggle { border-color:var(--gold); background:var(--gold); color:var(--navy); }
body.page-id-716 .crlp .pdf-viewer { padding:0 26px 26px; border-top:1px solid #e4e8ec; }
body.page-id-716 .crlp .pdf-viewer iframe { display:block; width:100%; height:720px; margin:26px 0 18px; border:1px solid #cbd3db; background:#eef1f4; }
body.page-id-716 .crlp .pdf-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
body.page-id-716 .crlp .pdf-download { color:var(--blue); font-family:"orkneybold",sans-serif; text-decoration:underline; }

@media (max-width:540px) {
  body.page-id-716 .crlp .logo-grid { grid-template-columns:1fr; row-gap:58px; padding:0 35px; }
  body.page-id-716 .crlp .clients { padding:76px 0; }
  body.page-id-716 .crlp .pdf-sample summary { align-items:flex-start; padding:20px; }
  body.page-id-716 .crlp .pdf-toggle { display:none; }
  body.page-id-716 .crlp .pdf-viewer { padding:0 14px 18px; }
  body.page-id-716 .crlp .pdf-viewer iframe { height:520px; margin-top:14px; }
}