{"id":413,"date":"2026-04-23T19:50:22","date_gmt":"2026-04-23T19:50:22","guid":{"rendered":"https:\/\/thetrackdr.wpenginepowered.com\/?page_id=413"},"modified":"2026-05-09T00:00:43","modified_gmt":"2026-05-09T00:00:43","slug":"case-study-bishop-kelly","status":"publish","type":"page","link":"https:\/\/thetrackdr.com\/?page_id=413","title":{"rendered":"Case Study: Track Repair at Bishop Kelly High School"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"413\" class=\"elementor elementor-413\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-179b212b e-con-full e-flex e-con e-parent\" data-id=\"179b212b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e8c2d40 elementor-widget elementor-widget-html\" data-id=\"3e8c2d40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* ===== BARLOW FONT IMPORT ===== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Barlow:wght@300;400;500;600;700&display=swap');\n\nhtml, body {\n  overflow-x: hidden !important;\n  max-width: 100% !important;\n}\n\n.td-hero {\n  --hero-sides: 24px;\n  --hero-gap: 40px;\n}\n@media (min-width: 1400px) {\n  .td-hero { --hero-sides: 32px; }\n}\n@media (max-width: 1024px) {\n  .td-hero { --hero-sides: 20px; --hero-gap: 36px; }\n}\n@media (max-width: 640px) {\n  .td-hero { --hero-sides: 16px; --hero-gap: 28px; }\n}\n\n\n\/* ===== SCROLL REVEAL ===== *\/\n.td-reveal {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.td-reveal.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n.td-reveal-left {\n  opacity: 0;\n  transform: translateX(-50px);\n  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.td-reveal-left.visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n.td-reveal-right {\n  opacity: 0;\n  transform: translateX(50px);\n  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.td-reveal-right.visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n\/* Stagger delays *\/\n.td-stagger > *:nth-child(1) .td-reveal { transition-delay: 0s; }\n.td-stagger > *:nth-child(2) .td-reveal { transition-delay: 0.12s; }\n.td-stagger > *:nth-child(3) .td-reveal { transition-delay: 0.24s; }\n.td-stagger > *:nth-child(4) .td-reveal { transition-delay: 0.36s; }\n\n\n\/* ===== MARQUEE ===== *\/\n.td-marquee-wrap {\n  overflow: hidden;\n  white-space: nowrap;\n  padding: 16px 0;\n}\n.td-marquee-track {\n  display: inline-flex;\n  animation: tdMarquee 28s linear infinite;\n  gap: 0;\n}\n.td-marquee-track span {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #FFFFFF;\n  opacity: 0.85;\n  padding: 0 28px;\n}\n.td-marquee-track span::after {\n  content: '\u25c6';\n  font-size: 6px;\n  opacity: 0.35;\n  margin-left: 28px;\n}\n@keyframes tdMarquee {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n\/* ===== CARD HOVER TOP BORDER ===== *\/\n.td-card-hover {\n  position: relative;\n  overflow: hidden;\n  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.td-card-hover::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: #A02F26;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 10;\n}\n.td-card-hover:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 24px 64px rgba(0,0,0,0.06);\n}\n.td-card-hover:hover::before {\n  transform: scaleX(1);\n}\n\n\/* SERVICE CARD IMAGE GAP FIX *\/\n.td-card-hover > div[style*=\"height:220px\"],\n.td-card-hover > div[style*=\"height: 220px\"] {\n  margin-bottom: -1px !important;\n  position: relative;\n  z-index: 1;\n}\n.td-card-hover > div[style*=\"height:220px\"] img,\n.td-card-hover > div[style*=\"height: 220px\"] img {\n  display: block !important;\n}\n\n\/* ===== IMAGE ZOOM ON HOVER ===== *\/\n.td-img-zoom img {\n  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n.td-img-zoom:hover img {\n  transform: scale(1.06) !important;\n}\n\n\/* ===== PROJECT TILE OVERLAY ===== *\/\n.td-project-tile {\n  position: relative;\n  overflow: hidden;\n  border-radius: 10px;\n}\n.td-project-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(43,43,46,0.88) 0%, transparent 60%);\n  opacity: 0;\n  transition: opacity 0.4s ease;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: 22px;\n  z-index: 5;\n}\n.td-project-tile:hover .td-project-overlay {\n  opacity: 1;\n}\n.td-project-overlay h4 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 17px;\n  font-weight: 600;\n  text-transform: uppercase;\n  color: #fff;\n  margin: 0 0 2px;\n}\n.td-project-overlay span {\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  color: rgba(255,255,255,0.6);\n}\n.td-project-tag {\n  position: absolute;\n  top: 14px; right: 14px;\n  background: #A02F26;\n  padding: 5px 12px;\n  border-radius: 3px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  color: #fff;\n  opacity: 0;\n  transform: translateY(-10px);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 6;\n}\n.td-project-tile:hover .td-project-tag {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ===== PROCESS STEP HOVER ===== *\/\n.td-step-circle {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  border: 3px solid #A02F26;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 20px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 28px;\n  font-weight: 700;\n  color: #A02F26;\n  background: #fff;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  cursor: default;\n}\n.td-step-circle:hover {\n  background: #A02F26;\n  color: #fff;\n  transform: scale(1.08);\n  box-shadow: 0 8px 24px rgba(160, 47, 38, 0.25);\n}\n\n\/* ===== CASE STUDY OUTCOMES ===== *\/\n.td-outcome {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  color: #2B2B2E;\n  font-weight: 500;\n  margin-bottom: 10px;\n}\n.td-outcome-check {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  border-radius: 4px;\n  background: rgba(160, 47, 38, 0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.td-outcome-check svg {\n  width: 13px;\n  height: 13px;\n  color: #A02F26;\n}\n\n\/* ===== DIAGONAL STRIPE TEXTURE ===== *\/\n.td-stripe-texture::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.015) 20px, rgba(255,255,255,0.015) 21px);\n  pointer-events: none;\n}\n\n\/* ===== PERFORMANCE POINT CARD ===== *\/\n.td-perf-point {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n  padding: 20px;\n  border-radius: 10px;\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.05);\n  transition: all 0.4s ease;\n  margin-bottom: 16px;\n}\n.td-perf-point:hover {\n  background: rgba(255,255,255,0.07);\n}\n.td-perf-num {\n  width: 40px;\n  height: 40px;\n  min-width: 40px;\n  border-radius: 6px;\n  background: rgba(160, 47, 38, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 17px;\n  font-weight: 700;\n  color: #A02F26;\n}\n.td-perf-point h4 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 17px;\n  font-weight: 600;\n  text-transform: uppercase;\n  color: #fff;\n  margin: 0 0 4px;\n}\n.td-perf-point p {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  line-height: 1.65;\n  color: rgba(255,255,255,0.5);\n  margin: 0;\n}\n\n\/* ===== TIER CARD FEATURE LIST ===== *\/\n.td-tier-feat {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  color: #55555A;\n  margin-bottom: 12px;\n}\n.td-tier-feat svg { color: #A02F26; min-width: 16px; }\n\n\/* ===== CTA RING DECORATION ===== *\/\n.td-cta-rings {\n  position: absolute;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 560px; height: 560px;\n  border-radius: 50%;\n  border: 1px solid rgba(160, 47, 38, 0.06);\n  pointer-events: none;\n}\n.td-cta-rings::before {\n  content: '';\n  position: absolute;\n  inset: 50px;\n  border-radius: 50%;\n  border: 1px solid rgba(74, 53, 102, 0.05);\n}\n.td-cta-rings::after {\n  content: '';\n  position: absolute;\n  inset: 100px;\n  border-radius: 50%;\n  border: 1px solid rgba(160, 47, 38, 0.04);\n}\n\n\n\/* ALL RED BUTTONS *\/\na[style*=\"background:#A02F26\"] {\n  transition: background 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease !important;\n}\na[style*=\"background:#A02F26\"]:hover {\n  background: #8A2720 !important;\n  transform: translateY(-2px) !important;\n  box-shadow: 0 6px 20px rgba(160, 47, 38, 0.35) !important;\n}\na[style*=\"background:#A02F26\"]:active {\n  transform: translateY(0) !important;\n}\n\n\/* ELEMENTOR BUTTON WIDGETS *\/\n.elementor-widget-button .elementor-button {\n  transition: background 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease !important;\n}\n.elementor-widget-button .elementor-button:hover {\n  transform: translateY(-2px) !important;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;\n}\n\n\/* LEARN MORE LINKS *\/\na[style*=\"color:#A02F26\"][style*=\"text-decoration:none\"] {\n  transition: opacity 0.3s ease !important;\n}\na[style*=\"color:#A02F26\"][style*=\"text-decoration:none\"]:hover {\n  opacity: 0.7;\n}\n\n\/* FOOTER NAV LINKS *\/\nnav a[style*=\"rgba(255,255,255,0.45)\"] {\n  transition: color 0.3s ease !important;\n}\nnav a[style*=\"rgba(255,255,255,0.45)\"]:hover {\n  color: rgba(255,255,255,0.85) !important;\n}\n\n\/* ===== NEW HERO SECTION (Elementor-proof) ===== *\/\n.td-hero { position: relative; min-height: 100vh; display: flex !important; align-items: center; width: 100% !important; background: \n  radial-gradient(ellipse at 80% 10%, rgba(74,53,102,0.35) 0%, transparent 50%),\n  radial-gradient(ellipse at 95% 50%, rgba(74,53,102,0.25) 0%, transparent 45%),\n  radial-gradient(ellipse at 70% 70%, rgba(160,47,38,0.2) 0%, transparent 50%),\n  radial-gradient(ellipse at 95% 95%, rgba(160,47,38,0.18) 0%, transparent 40%),\n  radial-gradient(ellipse at 30% 90%, rgba(74,53,102,0.12) 0%, transparent 45%),\n  radial-gradient(ellipse at 10% 20%, rgba(160,47,38,0.06) 0%, transparent 35%),\n  linear-gradient(135deg, #FFFFFF 0%, #F8F5FB 40%, #F5F0F0 100%) !important;overflow: visible !important; }\n.td-hero * { box-sizing: border-box; }\n\n.td-hero-lanes { position: absolute; top: 50%; right: -140px; transform: translateY(-50%); width: 700px; height: 700px; pointer-events: none; z-index: 1; clip-path: inset(-10% -10% -10% 0); }\n.td-hero-speed-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1; overflow: hidden; clip-path: inset(0); }\n.td-hero-lanes .lane { position: absolute; border: 2.5px solid transparent; border-radius: 50%; border-right-color: rgba(160,47,38,0.15); border-top-color: rgba(160,47,38,0.15); top: 50%; left: 50%; animation: laneSpin 80s linear infinite; }\n.td-hero-lanes .lane:nth-child(1) { width: 380px; height: 380px; margin: -190px 0 0 -190px; border-right-color: rgba(160,47,38,0.22); animation-duration: 90s; }\n.td-hero-lanes .lane:nth-child(2) { width: 460px; height: 460px; margin: -230px 0 0 -230px; border-right-color: rgba(74,53,102,0.18); animation-duration: 100s; animation-direction: reverse; }\n.td-hero-lanes .lane:nth-child(3) { width: 540px; height: 540px; margin: -270px 0 0 -270px; border-top-color: rgba(74,53,102,0.15); border-right-color: rgba(160,47,38,0.12); animation-duration: 110s; }\n.td-hero-lanes .lane:nth-child(4) { width: 620px; height: 620px; margin: -310px 0 0 -310px; border-right-color: rgba(74,53,102,0.14); animation-duration: 120s; animation-direction: reverse; }\n.td-hero-lanes .lane:nth-child(5) { width: 700px; height: 700px; margin: -350px 0 0 -350px; border-right-color: rgba(160,47,38,0.1); border-top-color: rgba(74,53,102,0.1); animation-duration: 130s; }\n@keyframes laneSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n.td-hero-speed-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1; overflow: hidden; }\n.td-hero-speed-lines span { position: absolute; height: 2px; background: linear-gradient(90deg, transparent, rgba(160,47,38,0.2), transparent); transform: rotate(-35deg); animation: speedLineSlide 6s ease-in-out infinite; }\n.td-hero-speed-lines span:nth-child(1) { width: 350px; top: 15%; left: -5%; animation-delay: 0s; }\n.td-hero-speed-lines span:nth-child(2) { width: 250px; top: 30%; left: 5%; animation-delay: 1.5s; background: linear-gradient(90deg, transparent, rgba(74,53,102,0.18), transparent); }\n.td-hero-speed-lines span:nth-child(3) { width: 450px; top: 65%; left: -10%; animation-delay: 3s; }\n.td-hero-speed-lines span:nth-child(4) { width: 300px; top: 80%; left: 2%; animation-delay: 4.5s; background: linear-gradient(90deg, transparent, rgba(74,53,102,0.15), transparent); }\n.td-hero-speed-lines span:nth-child(5) { width: 200px; top: 45%; left: -3%; animation-delay: 2s; }\n@keyframes speedLineSlide { 0%, 100% { opacity: 0; transform: rotate(-35deg) translateX(-40px); } 50% { opacity: 1; transform: rotate(-35deg) translateX(40px); } }\n\n.td-hero .td-hero-inner { display: grid !important; grid-template-columns: 1fr 1.4fr !important; gap: var(--hero-gap, 50px) !important; align-items: center !important; max-width: 1500px !important; margin: 0 auto !important; padding: var(--hero-top, 50px) var(--hero-sides, 48px) var(--hero-bottom, 100px) !important; }\n\n.td-hero .td-hero-content { position: relative; }\n\n.td-hero .td-hero-badge { display: inline-flex !important; align-items: center; gap: 10px; background: rgba(160,47,38,0.05) !important; border: 1px solid rgba(160,47,38,0.1) !important; border-radius: 4px; padding: 8px 18px !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 2.5px; text-transform: uppercase; color: #A02F26 !important; margin-bottom: 24px !important; animation: badgeFade 0.8s ease-out 0.2s both; line-height: normal !important; }\n.td-hero .td-hero-badge-dot { width: 7px !important; height: 7px !important; min-width: 7px; background: #A02F26 !important; border-radius: 50%; animation: dotPulse 2s ease-in-out infinite; display: inline-block !important; }\n@keyframes dotPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }\n@keyframes badgeFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n.td-hero .td-hero-h1,\n.td-hero h1.td-hero-h1 { font-family: 'Barlow Condensed', sans-serif !important; font-size: 62px !important; font-weight: 700 !important; text-transform: uppercase !important; line-height: 1.02 !important; letter-spacing: -0.5px !important; color: #2B2B2E !important; margin: 0 0 20px 0 !important; padding: 0 !important; animation: h1Slide 0.9s cubic-bezier(0.16,1,0.3,1) 0.35s both; background: none !important; -webkit-text-fill-color: #2B2B2E !important; }\n.td-hero .td-hero-h1 span { color: #362650 !important; -webkit-text-fill-color: #A02F26 !important; }\n@keyframes h1Slide { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n\n.td-hero .td-hero-sub,\n.td-hero p.td-hero-sub { font-family: 'Barlow', sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.7 !important; color: #55555A !important; -webkit-text-fill-color: #55555A !important; max-width: 480px; margin: 0 0 36px 0 !important; padding: 0 !important; animation: subFade 0.9s ease-out 0.55s both; text-transform: none !important; letter-spacing: normal !important; }\n@keyframes subFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n\n.td-hero .td-hero-ctas { display: flex !important; align-items: center; gap: 16px; animation: ctaFade 0.9s ease-out 0.7s both; }\n@keyframes ctaFade { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }\n\n.td-hero .td-hero-ctas .btn-primary { display: inline-flex !important; align-items: center; gap: 8px; padding: 16px 32px !important; background: #362650 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border-radius: 6px; font-family: 'Barlow Condensed', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none !important; transition: background 0.3s, transform 0.25s, box-shadow 0.3s; }\n.td-hero .td-hero-ctas .btn-primary:hover { background: #8A2720 !important; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(160,47,38,0.3); }\n.td-hero .td-hero-ctas .btn-primary svg { transition: transform 0.3s ease; }\n.td-hero .td-hero-ctas .btn-primary:hover svg { transform: translateX(3px); }\n\n.td-hero .td-hero-ctas .btn-outline { display: inline-flex !important; align-items: center; padding: 16px 32px !important; background: transparent !important; color: #2B2B2E !important; -webkit-text-fill-color: #2B2B2E !important; border: 2px solid rgba(43,43,46,0.15) !important; border-radius: 6px; font-family: 'Barlow Condensed', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none !important; transition: all 0.3s ease; }\n.td-hero .td-hero-ctas .btn-outline:hover { border-color: #2B2B2E !important; background: rgba(43,43,46,0.04) !important; transform: translateY(-2px); }\n\n.td-hero .td-hero-trust { display: flex !important; align-items: center; gap: 28px; margin-top: 44px !important; animation: trustFade 0.8s ease-out 0.9s both; }\n@keyframes trustFade { from { opacity: 0; } to { opacity: 1; } }\n.td-hero .td-hero-trust-item { display: flex !important; align-items: center; gap: 10px; }\n.td-hero .td-hero-trust-icon { width: 36px !important; height: 36px !important; min-width: 36px; border-radius: 8px; background: rgba(74,53,102,0.06) !important; display: flex !important; align-items: center; justify-content: center; }\n.td-hero .td-hero-trust-icon svg { width: 16px !important; height: 16px !important; color: #4A3566; }\n.td-hero .td-hero-trust-text { font-family: 'Barlow Condensed', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.5px; text-transform: uppercase; color: #2B2B2E !important; -webkit-text-fill-color: #2B2B2E !important; line-height: 1.3 !important; }\n.td-hero .td-hero-trust-text small { display: block; font-family: 'Barlow', sans-serif !important; font-size: 11px !important; font-weight: 400 !important; text-transform: none; letter-spacing: 0; color: #7A7A80 !important; -webkit-text-fill-color: #7A7A80 !important; }\n.td-hero .td-hero-trust-divider { width: 1px; height: 32px; background: rgba(0,0,0,0.08) !important; }\n\n.td-hero .td-hero-visual { position: relative; height: 580px !important; animation: visualReveal 1.1s cubic-bezier(0.16,1,0.3,1) 0.3s both; }\n@keyframes visualReveal { from { opacity: 0; transform: translateX(40px) scale(0.97); } to { opacity: 1; transform: translateX(0) scale(1); } }\n\n.td-hero .td-hero-img-main { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; border-radius: 20px 20px 120px 20px; overflow: hidden; box-shadow: 0 32px 80px rgba(0,0,0,0.12), 0 8px 24px rgba(0,0,0,0.06); }\n.td-hero .td-hero-img-main img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; max-width: none !important; border-radius: 0 !important; }\n\n.td-hero .td-hero-accent-stripe { position: absolute; top: -12px; right: -12px; width: 100%; height: 100%; border-radius: 20px 20px 120px 20px; background: linear-gradient(135deg, #A02F26, #7A1E18) !important; z-index: -1; opacity: 0.9; }\n\n.td-hero .td-hero-lane-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 180px; border-radius: 0 0 120px 20px; overflow: hidden; pointer-events: none; z-index: 2; }\n.td-hero .td-hero-lane-overlay::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 180px; background: linear-gradient(to top, rgba(43,43,46,0.7), transparent) !important; }\n\n.td-hero .td-lane-line { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.25) !important; }\n.td-hero .td-lane-line:nth-child(1) { bottom: 30px; }\n.td-hero .td-lane-line:nth-child(2) { bottom: 50px; }\n.td-hero .td-lane-line:nth-child(3) { bottom: 70px; }\n.td-hero .td-lane-line:nth-child(4) { bottom: 90px; }\n.td-hero .td-lane-line:nth-child(5) { bottom: 110px; }\n.td-hero .td-lane-line:nth-child(6) { bottom: 130px; width: 80%; background: rgba(255,255,255,0.15) !important; }\n.td-hero .td-lane-line:nth-child(7) { bottom: 150px; width: 60%; background: rgba(255,255,255,0.1) !important; }\n\n.td-hero .td-lane-numbers { position: absolute; bottom: 28px; right: 28px; display: flex; flex-direction: column; gap: 14px; z-index: 3; }\n.td-hero .td-lane-num { width: 26px !important; height: 26px !important; border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.35); display: flex !important; align-items: center; justify-content: center; font-family: 'Barlow Condensed', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; color: rgba(255,255,255,0.7) !important; -webkit-text-fill-color: rgba(255,255,255,0.7) !important; backdrop-filter: blur(4px); background: rgba(255,255,255,0.08) !important; }\n\n.td-hero .td-hero-float-card { position: absolute; z-index: 10; background: rgba(255,255,255,0.95) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 12px; padding: 16px 22px !important; box-shadow: 0 12px 40px rgba(0,0,0,0.1); border: 1px solid rgba(255,255,255,0.8); animation: floatIn 0.8s cubic-bezier(0.16,1,0.3,1) both; }\n.td-hero .td-hero-float-card.card-1 { bottom: 60px; left: -40px; animation-delay: 0.9s; }\n.td-hero .td-hero-float-card.card-2 { top: 40px; left: -30px; animation-delay: 1.1s; }\n@keyframes floatIn { from { opacity: 0; transform: translateY(20px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } }\n\n.td-hero .td-float-label { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 2px; text-transform: uppercase; color: #7A7A80 !important; -webkit-text-fill-color: #7A7A80 !important; margin-bottom: 4px !important; line-height: normal !important; }\n.td-hero .td-float-value { font-family: 'Barlow Condensed', sans-serif !important; font-size: 28px !important; font-weight: 700 !important; color: #2B2B2E !important; -webkit-text-fill-color: #2B2B2E !important; line-height: 1 !important; }\n.td-hero .td-float-value span { font-size: 14px !important; font-weight: 500 !important; color: #A02F26 !important; -webkit-text-fill-color: #A02F26 !important; margin-left: 4px; }\n\n.td-hero .td-hero-scroll { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; z-index: 10; animation: scrollFade 1s ease-out 1.5s both; }\n@keyframes scrollFade { from { opacity: 0; } to { opacity: 1; } }\n.td-hero .td-hero-scroll-line { width: 1.5px; height: 32px; background: linear-gradient(to bottom, #A02F26, transparent) !important; animation: scrollPulse 2s ease-in-out infinite; }\n@keyframes scrollPulse { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }\n.td-hero .td-hero-scroll-text { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 3px; text-transform: uppercase; color: #ACACB0 !important; -webkit-text-fill-color: #ACACB0 !important; }\n\n\/* Override any Elementor container styles on the hero wrapper *\/\n.elementor-widget-html:has(.td-hero) { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }\n.elementor-element:has(.td-hero) { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }\n\n@media (max-width: 1024px) {\n  .td-hero .td-hero-inner { grid-template-columns: 1fr !important; padding: 120px 24px 80px !important; gap: 48px !important; }\n  .td-hero .td-hero-visual { height: 420px !important; }\n  .td-hero .td-hero-h1, .td-hero h1.td-hero-h1 { font-size: 48px !important; }\n  .td-hero-lanes { display: none; }\n  .td-hero .td-hero-float-card.card-2 { display: none; }\n}\n@media (max-width: 640px) {\n  .td-hero .td-hero-h1, .td-hero h1.td-hero-h1 { font-size: 38px !important; }\n  .td-hero .td-hero-visual { height: 320px !important; }\n  .td-hero .td-hero-ctas { flex-direction: column; align-items: flex-start; }\n  .td-hero .td-hero-trust { flex-direction: column !important; align-items: flex-start; gap: 16px; }\n  .td-hero .td-hero-float-card.card-1 { left: 10px; bottom: 20px; padding: 12px 16px !important; }\n  .td-hero .td-lane-numbers { display: none; }\n  .td-hero-speed-lines { display: none; }\n}\n\n\/* ===== WHY TRACK DOCTOR BACKGROUND ===== *\/\n.td-legacy-section {\n  background: \n    linear-gradient(135deg, rgba(54,38,80,0.92) 0%, rgba(74,53,102,0.85) 40%, rgba(74,53,102,0.88) 70%, rgba(54,38,80,0.92) 100%),\n    url('https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/AdobeStock_133571285-scaled.jpeg') !important;\n  background-size: cover !important;\n  background-position: center !important;\n  background-attachment: fixed !important;\n}\n\n\/* Override text colors for dark background *\/\n.td-legacy-section .elementor-heading-title {\n  color: #FFFFFF !important;\n  -webkit-text-fill-color: #FFFFFF !important;\n}\n.td-legacy-section .elementor-widget-text-editor p {\n  color: rgba(255,255,255,0.65) !important;\n  -webkit-text-fill-color: rgba(255,255,255,0.65) !important;\n}\n\/* Keep the overline red *\/\n.td-legacy-section h6.elementor-heading-title {\n  color: #A02F26 !important;\n  -webkit-text-fill-color: #A02F26 !important;\n}\n\n\/* Semi-transparent cards *\/\n.td-legacy-section .td-card-hover {\n  background: rgba(255,255,255,0.1) !important;\n  backdrop-filter: blur(16px) !important;\n  -webkit-backdrop-filter: blur(16px) !important;\n  border: 1px solid rgba(255,255,255,0.12) !important;\n}\n.td-legacy-section .td-card-hover:hover {\n  background: rgba(255,255,255,0.16) !important;\n}\n\n\/* Card text colors on dark bg *\/\n.td-legacy-section .td-card-hover h3 {\n  color: #FFFFFF !important;\n}\n.td-legacy-section .td-card-hover p {\n  color: rgba(255,255,255,0.6) !important;\n}\n\n\/* Card icon boxes \u2014 lighten for dark bg *\/\n.td-legacy-section .td-card-hover div[style*=\"rgba(74,53,102,0.07)\"] {\n  background: rgba(255,255,255,0.1) !important;\n}\n.td-legacy-section .td-card-hover div[style*=\"rgba(74,53,102,0.07)\"] svg {\n  stroke: rgba(255,255,255,0.7) !important;\n}\n\n\/* ===== FEATURED WORK LOGO WATERMARK ===== *\/\n.td-projects-section {\n  position: relative !important;\n  overflow: hidden !important;\n}\n.td-projects-section::before {\n  content: '';\n  position: absolute;\n  bottom: 5%;\n  right: -12%;\n  top: auto;\n  left: auto;\n  transform: none;\n  width: 50%;\n  height: 85%;\n  background: url('https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/Untitled-design-13-2-e1770513578550.png') no-repeat bottom right;\n  background-size: contain;\n  opacity: 0.8;\n  pointer-events: none;\n  z-index: 0;\n}\n\/* Keep all content above the watermark *\/\n.td-projects-section > * {\n  position: relative;\n  z-index: 1;\n}\n\n\/* ===== ENGINEERED EXCELLENCE BACKGROUND IMAGE ===== *\/\n.td-performance-section {\n  background:\n    linear-gradient(160deg, rgba(54,38,80,0.97) 0%, rgba(54,38,80,0.88) 50%, rgba(54,38,80,0.75) 100%),\n    url('https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/AdobeStock_640113445-scaled.jpeg') !important;\n  background-size: cover !important;\n  background-position: center top !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\n\/* Soft red glow bottom-right *\/\n.td-performance-section::after {\n  content: '';\n  position: absolute;\n  bottom: -15%;\n  right: -5%;\n  width: 450px;\n  height: 450px;\n  background: radial-gradient(ellipse, rgba(160,47,38,0.12) 0%, transparent 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* Keep content above overlay *\/\n.td-performance-section > * {\n  position: relative;\n  z-index: 1;\n}\n\n<\/style>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Scroll reveal observer\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n      }\n    });\n  }, { rootMargin: '0px 0px -50px 0px', threshold: 0.08 });\n  document.querySelectorAll('.td-reveal, .td-reveal-left, .td-reveal-right').forEach(function(el) {\n    observer.observe(el);\n  });\n\n  \/\/ Header scroll \u2014 retry until element exists\n  function initHeaderScroll() {\n    var header = document.getElementById('td-header');\n    if (!header) {\n      setTimeout(initHeaderScroll, 200);\n      return;\n    }\n    window.addEventListener('scroll', function() {\n      if (window.scrollY > 60) {\n        header.classList.add('scrolled');\n      } else {\n        header.classList.remove('scrolled');\n      }\n    });\n  }\n  initHeaderScroll();\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24c57f87 e-con-full e-flex e-con e-parent\" data-id=\"24c57f87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cc622b5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1cc622b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-hero {\n  position: relative;\n  min-height: 92vh;\n  width: 100vw;\n  margin-left: calc(-50vw + 50%);\n  overflow: hidden;\n  display: flex;\n  align-items: flex-end;\n  background: #0F0E12;\n  margin-top: -150px;\n  padding-top: 150px;\n}\n.cs-hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: url('https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/DJI_0001.jpg');\n  background-size: cover;\n  background-position: center;\n  filter: grayscale(15%) brightness(0.7);\n}\n.cs-hero::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(180deg, rgba(15,14,18,0.55) 0%, rgba(15,14,18,0.35) 40%, rgba(15,14,18,0.95) 100%),\n    linear-gradient(90deg, rgba(54,38,80,0.45) 0%, transparent 60%);\n}\n\n.cs-hero-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 140px 32px 80px;\n  width: 100%;\n}\n\n.cs-hero-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: #fff;\n  margin-bottom: 28px;\n  opacity: 0;\n  animation: csRise 0.9s cubic-bezier(0.16,1,0.3,1) 0.2s forwards;\n}\n.cs-hero-eyebrow::before {\n  content: '';\n  width: 42px;\n  height: 2px;\n  background: #A02F26;\n}\n.cs-hero-eyebrow span {\n  color: rgba(255,255,255,0.55);\n  font-weight: 500;\n  letter-spacing: 3px;\n}\n\n.cs-hero-h1 {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-size: clamp(48px, 8vw, 128px) !important;\n  font-weight: 700 !important;\n  line-height: 0.92 !important;\n  letter-spacing: -1.5px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  text-transform: uppercase;\n  margin: 0 0 8px !important;\n  max-width: 1100px;\n  opacity: 0;\n  animation: csRise 1s cubic-bezier(0.16,1,0.3,1) 0.35s forwards;\n}\n.cs-hero-h1 em {\n  font-style: normal;\n  color: #A02F26;\n  -webkit-text-fill-color: #A02F26 !important;\n  font-weight: 400;\n  font-family: 'Barlow Condensed', sans-serif;\n  padding: 0 4px;\n  font-style: italic;\n}\n\n.cs-hero-sub {\n  font-family: 'Barlow', sans-serif;\n  font-size: clamp(17px, 1.4vw, 21px);\n  line-height: 1.55;\n  color: rgba(255,255,255,0.78);\n  max-width: 640px;\n  margin: 32px 0 0;\n  font-weight: 300;\n  opacity: 0;\n  animation: csRise 1s cubic-bezier(0.16,1,0.3,1) 0.55s forwards;\n}\n\n.cs-hero-meta {\n  margin-top: 56px;\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: 0;\n  border-top: 1px solid rgba(255,255,255,0.12);\n  padding-top: 28px;\n  opacity: 0;\n  animation: csRise 1s cubic-bezier(0.16,1,0.3,1) 0.75s forwards;\n}\n.cs-hero-meta-item {\n  padding: 0 28px;\n  border-left: 1px solid rgba(255,255,255,0.08);\n}\n.cs-hero-meta-item:first-child { padding-left: 0; border-left: none; }\n.cs-hero-meta-label {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.45);\n  margin-bottom: 6px;\n}\n.cs-hero-meta-value {\n  font-family: 'Barlow', sans-serif;\n  font-size: 15px;\n  font-weight: 500;\n  color: #fff;\n  line-height: 1.3;\n}\n\n.cs-hero-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 44px;\n  padding: 18px 34px;\n  background: #A02F26;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  text-decoration: none !important;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  border-radius: 4px;\n  transition: all 0.3s ease;\n  opacity: 0;\n  animation: csRise 1s cubic-bezier(0.16,1,0.3,1) 0.95s forwards;\n}\n.cs-hero-cta:hover {\n  background: #8A2720;\n  transform: translateY(-2px);\n  box-shadow: 0 10px 28px rgba(160,47,38,0.45);\n}\n.cs-hero-cta svg { transition: transform 0.3s; }\n.cs-hero-cta:hover svg { transform: translateX(4px); }\n\n.cs-hero-sidelabel {\n  position: absolute;\n  top: 48%;\n  right: -50px;\n  transform: rotate(90deg);\n  transform-origin: left top;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 6px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.35);\n  z-index: 3;\n}\n\n@keyframes csRise {\n  from { opacity: 0; transform: translateY(30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 900px) {\n  .cs-hero-meta { grid-template-columns: repeat(2, 1fr); gap: 20px 0; }\n  .cs-hero-meta-item { padding: 0 14px; }\n  .cs-hero-meta-item:nth-child(3) { border-left: none; padding-left: 0; }\n  .cs-hero-sidelabel { display: none; }\n}\n@media (max-width: 640px) {\n  .cs-hero-inner { padding: 120px 20px 60px; }\n  .cs-hero-meta { grid-template-columns: 1fr; }\n  .cs-hero-meta-item { border-left: none; padding: 0; }\n}\n<\/style>\n\n<section class=\"cs-hero\">\n    <div class=\"td-hero-spacer\" aria-hidden=\"true\"><\/div>\n\n<style>\n  .td-hero-spacer {\n    height: 800px;\n  }\n  @media (max-width: 1024px) {\n    .td-hero-spacer { height: 60px; }\n  }\n  @media (max-width: 640px) {\n    .td-hero-spacer { height: 800px !important; }\n  }\n<\/style>\n  <div class=\"cs-hero-sidelabel\">Case Study \u00b7 No. 01<\/div>\n  <div class=\"cs-hero-inner\">\n    <div class=\"cs-hero-eyebrow\">Case Study <span>\u2014 Bishop Kelly High School<\/span><\/div>\n    <h1 class=\"cs-hero-h1\">From Patchwork<br>to <em>Pride<\/em>.<\/h1>\n    <p class=\"cs-hero-sub\">How a failing, unsafe track in Boise became a competition-ready facility \u2014 and turned a single repair call into a decade-long partnership.<\/p>\n    <a href=\"#cs-cta\" class=\"cs-hero-cta\">\n      Read the Story\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n    <\/a>\n    <div class=\"cs-hero-meta\">\n      <div class=\"cs-hero-meta-item\">\n        <div class=\"cs-hero-meta-label\">Client<\/div>\n        <div class=\"cs-hero-meta-value\">Bishop Kelly<br>High School<\/div>\n      <\/div>\n      <div class=\"cs-hero-meta-item\">\n        <div class=\"cs-hero-meta-label\">Location<\/div>\n        <div class=\"cs-hero-meta-value\">Boise, Idaho<\/div>\n      <\/div>\n      <div class=\"cs-hero-meta-item\">\n        <div class=\"cs-hero-meta-label\">Scope<\/div>\n        <div class=\"cs-hero-meta-value\">Resurfacing<br>& Turf Work<\/div>\n      <\/div>\n      <div class=\"cs-hero-meta-item\">\n        <div class=\"cs-hero-meta-label\">System<\/div>\n        <div class=\"cs-hero-meta-value\">Waterborne<br>Poly Resin<\/div>\n      <\/div>\n      <div class=\"cs-hero-meta-item\">\n        <div class=\"cs-hero-meta-label\">Timeline<\/div>\n        <div class=\"cs-hero-meta-value\">10 Days<br>On-Site<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-618803b0 e-con-full e-flex e-con e-parent\" data-id=\"618803b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1212ad19 elementor-widget elementor-widget-html\" data-id=\"1212ad19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-openq {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 32px;\n  text-align: left;\n  position: relative;\n}\n.cs-openq-mark {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 200px;\n  font-weight: 700;\n  line-height: 0.8;\n  color: rgba(160,47,38,0.4);\n  position: absolute;\n  top: -40px;\n  left: 20px;\n  user-select: none;\n}\n.cs-openq-body {\n  position: relative;\n  z-index: 2;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(28px, 3.5vw, 52px);\n  font-weight: 400;\n  line-height: 1.15;\n  color: #fff;\n  letter-spacing: -0.5px;\n  margin: 0;\n  max-width: 960px;\n  padding-left: 48px;\n}\n.cs-openq-body em {\n  color: #A02F26;\n  font-style: italic;\n  font-weight: 500;\n}\n.cs-openq-attrib {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  margin-top: 36px;\n  padding-left: 48px;\n}\n.cs-openq-rule {\n  width: 56px;\n  height: 2px;\n  background: #A02F26;\n}\n.cs-openq-name {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.75);\n}\n.cs-openq-name small {\n  display: block;\n  color: rgba(255,255,255,0.4);\n  font-weight: 400;\n  letter-spacing: 1.5px;\n  font-size: 11px;\n  margin-top: 4px;\n}\n@media (max-width: 640px) {\n  .cs-openq-body, .cs-openq-attrib { padding-left: 0; }\n  .cs-openq-mark { left: -8px; top: -30px; font-size: 140px; }\n}\n<\/style>\n<div class=\"cs-openq\">\n  <div class=\"cs-openq-mark\">\u201c<\/div>\n  <p class=\"cs-openq-body\">You could see it right away. Worn areas, movement in the surface, even <em>exposed asphalt<\/em>. It was time.<\/p>\n  <div class=\"cs-openq-attrib\">\n    <div class=\"cs-openq-rule\"><\/div>\n    <div class=\"cs-openq-name\">Robert Stone<small>Founder, Track Doctor<\/small><\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70366e46 e-con-full e-flex e-con e-parent\" data-id=\"70366e46\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ccbcf70 elementor-widget elementor-widget-html\" data-id=\"2ccbcf70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-problem {\n  max-width: 1300px;\n  margin: 0 auto;\n  padding: 0 32px;\n  display: grid;\n  grid-template-columns: 1.15fr 1fr;\n  gap: 80px;\n  align-items: start;\n}\n.cs-problem-img {\n  position: relative;\n  aspect-ratio: 4\/5;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #eee;\n}\n.cs-problem-img img {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n  filter: grayscale(30%) contrast(1.05);\n  transition: filter 0.6s;\n}\n.cs-problem-img:hover img { filter: grayscale(0%) contrast(1); }\n.cs-problem-img-tag {\n  position: absolute;\n  top: 22px;\n  left: 22px;\n  background: #A02F26;\n  color: #fff;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  padding: 7px 14px;\n  border-radius: 3px;\n}\n.cs-problem-img-cap {\n  position: absolute;\n  bottom: 22px;\n  left: 22px;\n  right: 22px;\n  color: rgba(255,255,255,0.9);\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  padding: 14px 0 0;\n  border-top: 1px solid rgba(255,255,255,0.35);\n  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.5));\n  padding: 18px 18px 14px;\n  border-radius: 4px;\n}\n\n.cs-problem-text {\n  padding-top: 40px;\n  position: sticky;\n  top: 120px;\n}\n.cs-problem-chapter {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: #A02F26;\n  margin-bottom: 20px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.cs-problem-chapter::before {\n  content: '01';\n  font-size: 44px;\n  font-weight: 300;\n  letter-spacing: 0;\n  line-height: 1;\n  color: rgba(160,47,38,0.25);\n  font-family: 'Barlow Condensed', sans-serif;\n}\n.cs-problem-h2 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(36px, 4.2vw, 56px);\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #2e2e2E !important;\n  line-height: 1.02;\n  letter-spacing: -1px;\n  margin: 0 0 28px;\n}\n.cs-problem-h2 em {\n  font-style: italic;\n  color: #A02F26;\n  font-weight: 400;\n}\n.cs-problem-lead {\n  font-family: 'Barlow', sans-serif;\n  font-size: 22px;\n  line-height: 1.4;\n  color: #2B2B2E;\n  font-weight: 400;\n  margin: 0 0 24px;\n  letter-spacing: -0.2px;\n}\n.cs-problem-body {\n  font-family: 'Barlow', sans-serif;\n  font-size: 17px;\n  line-height: 1.75;\n  color: #55555A;\n  margin: 0 0 16px;\n}\n.cs-problem-body strong { color: #2B2B2E; font-weight: 600; }\n\n.cs-problem-signals {\n  margin-top: 32px;\n  padding-top: 28px;\n  border-top: 1px solid rgba(0,0,0,0.08);\n}\n.cs-problem-signals-label {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  color: #7A7A80;\n  margin-bottom: 14px;\n}\n.cs-problem-signal {\n  display: flex;\n  gap: 14px;\n  align-items: baseline;\n  padding: 10px 0;\n  border-bottom: 1px dashed rgba(0,0,0,0.08);\n  font-family: 'Barlow', sans-serif;\n  font-size: 15px;\n  color: #2B2B2E;\n}\n.cs-problem-signal:last-child { border-bottom: none; }\n.cs-problem-signal span {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  color: #A02F26;\n  min-width: 16px;\n}\n\n@media (max-width: 900px) {\n  .cs-problem { grid-template-columns: 1fr; gap: 48px; }\n  .cs-problem-text { position: static; padding-top: 0; }\n}\n<\/style>\n<div class=\"cs-problem\">\n  <div class=\"cs-problem-img\">\n    <img decoding=\"async\" src=\"https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/IMG_1403-1.jpg\" alt=\"Worn track surface before\">\n    <div class=\"cs-problem-img-tag\">Before<\/div>\n    <div class=\"cs-problem-img-cap\">Worn rubber, exposed asphalt, and lane lines that told the real story.<\/div>\n  <\/div>\n  <div class=\"cs-problem-text\">\n    <div class=\"cs-problem-chapter\">The Problem<\/div>\n    <h2 class=\"cs-problem-h2\">A surface that couldn't be <em>trusted<\/em>.<\/h2>\n    <p class=\"cs-problem-lead\">Bishop Kelly is known for strong athletics. Their track sees constant use from students, coaches, and the surrounding community.<\/p>\n    <p class=\"cs-problem-body\">But the surface had reached a breaking point. In some areas the rubber had deteriorated completely, exposing the asphalt beneath. Lane lines showed visible movement \u2014 a sign the base itself was shifting. Athletes <strong>couldn't safely use the entire track<\/strong>.<\/p>\n    <p class=\"cs-problem-body\">It wasn't just old. It had become unreliable.<\/p>\n\n    <div class=\"cs-problem-signals\">\n      <div class=\"cs-problem-signals-label\">What we saw on site<\/div>\n      <div class=\"cs-problem-signal\"><span>01<\/span>Rubber fully worn through in high-use zones<\/div>\n      <div class=\"cs-problem-signal\"><span>02<\/span>Asphalt exposed in patches across lane one<\/div>\n      <div class=\"cs-problem-signal\"><span>03<\/span>Visible lane-line shift \u2014 base movement below<\/div>\n      <div class=\"cs-problem-signal\"><span>04<\/span>Safety concerns limiting lane availability<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79266d49 e-con-full e-flex e-con e-parent\" data-id=\"79266d49\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-616dcb58 elementor-widget elementor-widget-html\" data-id=\"616dcb58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-started {\n  max-width: 1300px;\n  margin: 0 auto;\n  padding: 0 32px;\n  display: grid;\n  grid-template-columns: 1fr 1.1fr;\n  gap: 100px;\n  align-items: center;\n}\n.cs-started-text {\n  position: relative;\n}\n.cs-started-ghost {\n  position: absolute;\n  top: -80px;\n  left: -20px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 320px;\n  font-weight: 700;\n  line-height: 0.85;\n  color: rgba(160,47,38,0.05);\n  pointer-events: none;\n  user-select: none;\n  z-index: 0;\n}\n.cs-started-chapter {\n  position: relative;\n  z-index: 2;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: #A02F26;\n  margin-bottom: 18px;\n}\n.cs-started-h2 {\n  position: relative; z-index: 2;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(36px, 4.2vw, 56px);\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #2e2E2E !important;\n  line-height: 1.02;\n  letter-spacing: -1px;\n  margin: 0 0 28px;\n}\n.cs-started-h2 em { font-style: italic; color: #A02F26; font-weight: 400; }\n.cs-started-body {\n  position: relative; z-index: 2;\n  font-family: 'Barlow', sans-serif;\n  font-size: 17px;\n  line-height: 1.75;\n  color: #55555A;\n  margin: 0 0 20px;\n}\n.cs-started-body strong { color: #2B2B2E; font-weight: 600; }\n\n.cs-started-principles {\n  margin-top: 36px;\n  padding: 26px 28px;\n  border-left: 3px solid #A02F26;\n  background: rgba(160,47,38,0.04);\n  border-radius: 0 6px 6px 0;\n}\n.cs-started-principles-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #A02F26;\n  margin-bottom: 12px;\n}\n.cs-started-principles-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px 24px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  color: #2B2B2E;\n}\n.cs-started-principles-list span { display: flex; align-items: center; gap: 8px; }\n.cs-started-principles-list span::before {\n  content: '';\n  width: 5px; height: 5px; border-radius: 50%;\n  background: #A02F26;\n}\n\n.cs-started-img {\n  position: relative;\n  aspect-ratio: 5\/6;\n  overflow: hidden;\n  border-radius: 6px;\n  transform: translateY(20px);\n}\n.cs-started-img img {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n}\n.cs-started-img-frame {\n  position: absolute;\n  top: -16px; left: -16px;\n  right: 40px; bottom: 40px;\n  border: 1px solid rgba(160,47,38,0.3);\n  border-radius: 6px;\n  pointer-events: none;\n  z-index: -1;\n}\n.cs-started-img-wrap { position: relative; }\n\n@media (max-width: 900px) {\n  .cs-started { grid-template-columns: 1fr; gap: 48px; }\n  .cs-started-ghost { font-size: 180px; top: -40px; }\n  .cs-started-img { aspect-ratio: 4\/3; }\n}\n<\/style>\n<div class=\"cs-started\">\n  <div class=\"cs-started-text\">\n    <div class=\"cs-started-ghost\">02<\/div>\n    <div class=\"cs-started-chapter\">How It Started<\/div>\n    <h2 class=\"cs-started-h2\">It began with one <em>small repair<\/em>.<\/h2>\n    <p class=\"cs-started-body\">This wasn't a big contract from the start. We reached out to local schools offering help with track repairs. Bishop Kelly had a tear in the surface. <strong>We fixed it.<\/strong><\/p>\n    <p class=\"cs-started-body\">That first job mattered. It showed how we work. Clear communication. Fair pricing. Work done right.<\/p>\n    <p class=\"cs-started-body\">From there, the school called us back again. And again. Over time, that small repair turned into a trusted relationship.<\/p>\n\n    <div class=\"cs-started-principles\">\n      <div class=\"cs-started-principles-title\">What earned the call-back<\/div>\n      <div class=\"cs-started-principles-list\">\n        <span>Clear communication<\/span>\n        <span>Fair pricing<\/span>\n        <span>Work done right<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"cs-started-img-wrap\">\n    <div class=\"cs-started-img-frame\"><\/div>\n    <div class=\"cs-started-img\">\n      <img decoding=\"async\" src=\"https:\/\/thetrackdr.com\/wp-content\/uploads\/2023\/12\/Man-working-in-printing-house-with-paper-and-paints.jpg\" alt=\"Crew performing track repair\">\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c87e8f9 e-con-full e-flex e-con e-parent\" data-id=\"2c87e8f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9b9908 elementor-widget elementor-widget-html\" data-id=\"2f9b9908\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-reality {\n  max-width: 860px;\n  margin: 0 auto;\n  padding: 0 32px;\n  text-align: center;\n  position: relative;\n}\n.cs-reality-chapter {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: #A02F26;\n  margin-bottom: 20px;\n}\n.cs-reality-h2 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(36px, 4.5vw, 60px);\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #2e2e2e !important;\n  line-height: 1.02;\n  letter-spacing: -1px;\n  margin: 0 0 36px;\n}\n.cs-reality-h2 em {\n  font-style: italic;\n  color: #A02F26;\n  font-weight: 400;\n}\n.cs-reality-body {\n  font-family: 'Barlow', sans-serif;\n  font-size: 19px;\n  line-height: 1.7;\n  color: #55555A;\n  margin: 0 0 20px;\n}\n.cs-reality-body strong {\n  color: #2B2B2E;\n  font-weight: 600;\n}\n\n.cs-reality-pivot {\n  margin: 56px auto 0;\n  padding: 44px 48px;\n  border: 1px solid rgba(0,0,0,0.08);\n  border-radius: 8px;\n  background: #FAFAFA;\n  position: relative;\n  max-width: 680px;\n  text-align: left;\n}\n.cs-reality-pivot::before {\n  content: 'Turning point';\n  position: absolute;\n  top: -10px;\n  left: 32px;\n  background: #FAFAFA;\n  padding: 0 14px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  color: #A02F26;\n}\n.cs-reality-pivot-row {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  gap: 24px;\n  align-items: center;\n}\n.cs-reality-pivot-side {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 17px;\n  font-weight: 500;\n  color: #55555A;\n  line-height: 1.3;\n}\n.cs-reality-pivot-side.strike {\n  text-decoration: line-through;\n  color: rgba(0,0,0,0.35);\n}\n.cs-reality-pivot-side.to {\n  color: #2B2B2E;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n.cs-reality-pivot-arrow {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #A02F26;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  flex-shrink: 0;\n}\n\n@media (max-width: 640px) {\n  .cs-reality-pivot-row { grid-template-columns: 1fr; text-align: center; }\n  .cs-reality-pivot-arrow { transform: rotate(90deg); margin: 8px auto; }\n}\n<\/style>\n<div class=\"cs-reality\">\n  <div class=\"cs-reality-chapter\">The Reality<\/div>\n  <h2 class=\"cs-reality-h2\">Repairs can only go <em>so far<\/em>.<\/h2>\n  <p class=\"cs-reality-body\">For a while, repairs were the right move. They helped extend the life of the track and improved safety in the short term.<\/p>\n  <p class=\"cs-reality-body\">But over time, the signs became clear. The surface wasn't just worn \u2014 <strong>it was failing<\/strong>. The base underneath was moving. Continuing to patch it would only delay the problem.<\/p>\n\n  <div class=\"cs-reality-pivot\">\n    <div class=\"cs-reality-pivot-row\">\n      <div class=\"cs-reality-pivot-side strike\">How do we fix this?<\/div>\n      <div class=\"cs-reality-pivot-arrow\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/div>\n      <div class=\"cs-reality-pivot-side to\">What's the right long-term solution?<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b1facc3 e-con-full e-flex e-con e-parent\" data-id=\"1b1facc3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;tilt&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45a36a7c elementor-widget elementor-widget-html\" data-id=\"45a36a7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-decision {\n  max-width: 1300px;\n  margin: 0 auto;\n  padding: 0 32px;\n}\n.cs-decision-top {\n  display: grid;\n  grid-template-columns: 0.9fr 1.4fr;\n  gap: 80px;\n  align-items: start;\n  margin-bottom: 80px;\n}\n.cs-decision-chapter {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.6);\n  margin-bottom: 18px;\n}\n.cs-decision-h2 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(36px, 4.2vw, 56px);\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #fff;\n  line-height: 1.02;\n  letter-spacing: -1px;\n  margin: 0;\n}\n.cs-decision-h2 em { font-style: italic; color: #A02F26; font-weight: 400; }\n.cs-decision-intro {\n  font-family: 'Barlow', sans-serif;\n  font-size: 18px;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.7);\n  margin: 0;\n  padding-top: 14px;\n}\n\n.cs-decision-pillars {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0;\n  border-top: 1px solid rgba(255,255,255,0.1);\n  border-bottom: 1px solid rgba(255,255,255,0.1);\n  margin-bottom: 64px;\n}\n.cs-decision-pillar {\n  padding: 48px 36px;\n  border-left: 1px solid rgba(255,255,255,0.1);\n  transition: background 0.4s;\n}\n.cs-decision-pillar:first-child { border-left: none; }\n.cs-decision-pillar:hover { background: rgba(255,255,255,0.02); }\n.cs-decision-pillar-role {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  color: #A02F26;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.cs-decision-pillar-role::before {\n  content: attr(data-num);\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 28px;\n  font-weight: 300;\n  color: rgba(160,47,38,0.35);\n  letter-spacing: 0;\n}\n.cs-decision-pillar-want {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 28px;\n  font-weight: 600;\n  text-transform: uppercase;\n  color: #fff;\n  line-height: 1.1;\n  margin: 0 0 12px;\n}\n.cs-decision-pillar-note {\n  font-family: 'Barlow', sans-serif;\n  font-size: 15px;\n  line-height: 1.6;\n  color: rgba(255,255,255,0.55);\n  margin: 0;\n}\n\n.cs-decision-solution {\n  display: grid;\n  grid-template-columns: 0.5fr 1.5fr;\n  gap: 60px;\n  align-items: center;\n  padding: 40px 0 0;\n}\n.cs-decision-solution-label {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #A02F26;\n  margin-bottom: 12px;\n}\n.cs-decision-solution-label::before {\n  content: '\u2192 ';\n  color: rgba(160,47,38,0.5);\n  margin-right: 4px;\n}\n.cs-decision-solution-name {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 44px;\n  font-weight: 700;\n  color: #fff;\n  text-transform: uppercase;\n  line-height: 1;\n  margin: 0;\n}\n.cs-decision-solution-copy {\n  font-family: 'Barlow', sans-serif;\n  font-size: 17px;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.7);\n  margin: 0;\n}\n.cs-decision-solution-copy strong { color: #fff; font-weight: 500; }\n\n@media (max-width: 900px) {\n  .cs-decision-top { grid-template-columns: 1fr; gap: 28px; }\n  .cs-decision-pillars { grid-template-columns: 1fr; }\n  .cs-decision-pillar { border-left: none; border-top: 1px solid rgba(255,255,255,0.1); padding: 32px 0; }\n  .cs-decision-pillar:first-child { border-top: none; padding-top: 0; }\n  .cs-decision-solution { grid-template-columns: 1fr; gap: 16px; }\n  .cs-decision-solution-name { font-size: 32px; }\n}\n<\/style>\n<div class=\"cs-decision\">\n  <div class=\"cs-decision-top\">\n    <div>\n      <div class=\"cs-decision-chapter\">The Decision<\/div>\n      <h2 class=\"cs-decision-h2\">Balancing performance, <em>budget<\/em>, and the long game.<\/h2>\n    <\/div>\n    <p class=\"cs-decision-intro\">Like most schools, Bishop Kelly had to weigh multiple priorities at once. We walked through every option with them \u2014 honestly. Then we helped them pick the one that fit their situation, not ours.<\/p>\n  <\/div>\n\n  <div class=\"cs-decision-pillars\">\n    <div class=\"cs-decision-pillar\">\n      <div class=\"cs-decision-pillar-role\" data-num=\"01\">Facilities<\/div>\n      <h3 class=\"cs-decision-pillar-want\">Needed durability<\/h3>\n      <p class=\"cs-decision-pillar-note\">A surface that wouldn't fail again under heavy daily use and harsh Idaho weather.<\/p>\n    <\/div>\n    <div class=\"cs-decision-pillar\">\n      <div class=\"cs-decision-pillar-role\" data-num=\"02\">Coaches<\/div>\n      <h3 class=\"cs-decision-pillar-want\">Wanted performance<\/h3>\n      <p class=\"cs-decision-pillar-note\">A track athletes could trust \u2014 safe, responsive, and competition-ready.<\/p>\n    <\/div>\n    <div class=\"cs-decision-pillar\">\n      <div class=\"cs-decision-pillar-role\" data-num=\"03\">Leadership<\/div>\n      <h3 class=\"cs-decision-pillar-want\">Held the budget<\/h3>\n      <p class=\"cs-decision-pillar-note\">A solution that made financial sense \u2014 not the most expensive, but the right one.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"cs-decision-solution\">\n    <div>\n      <div class=\"cs-decision-solution-label\">The choice<\/div>\n      <h3 class=\"cs-decision-solution-name\">Waterborne<br>Poly Resin System<\/h3>\n    <\/div>\n    <p class=\"cs-decision-solution-copy\">It wasn't the most expensive option \u2014 and it didn't need to be. For Bishop Kelly's usage, climate, and financial picture, <strong>it was the smart choice.<\/strong> Durability, performance, and a realistic path forward.<\/p>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6378dd7c e-con-full e-flex e-con e-parent\" data-id=\"6378dd7c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-181f3c00 elementor-widget elementor-widget-html\" data-id=\"181f3c00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-build {\n  max-width: 1300px;\n  margin: 0 auto;\n  padding: 0 32px;\n}\n.cs-build-head {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 60px;\n  align-items: flex-end;\n  margin-bottom: 72px;\n  padding-bottom: 36px;\n  border-bottom: 1px solid rgba(0,0,0,0.08);\n}\n.cs-build-head-left {\n  max-width: 680px;\n}\n.cs-build-chapter {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: #A02F26;\n  margin-bottom: 18px;\n}\n.cs-build-h2 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(36px, 4.2vw, 56px);\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #2e2e2e !important;\n  line-height: 1.02;\n  letter-spacing: -1px;\n  margin: 0 0 16px;\n}\n.cs-build-h2 em { font-style: italic; color: #A02F26; font-weight: 400; }\n.cs-build-sub {\n  font-family: 'Barlow', sans-serif;\n  font-size: 18px;\n  line-height: 1.6;\n  color: #55555A;\n  margin: 0;\n}\n\n.cs-build-stat {\n  text-align: right;\n  line-height: 1;\n}\n.cs-build-stat-num {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 112px;\n  font-weight: 700;\n  color: #A02F26;\n  line-height: 0.85;\n  letter-spacing: -4px;\n}\n.cs-build-stat-label {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #827c7c !important;\n  margin-top: 8px;\n}\n\n.cs-build-timeline {\n  position: relative;\n  padding-left: 32px;\n}\n.cs-build-timeline::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 20px;\n  bottom: 20px;\n  width: 2px;\n  background: linear-gradient(180deg, #A02F26 0%, rgba(160,47,38,0.15) 100%);\n}\n.cs-build-step {\n  display: grid;\n  grid-template-columns: 1fr 1.2fr;\n  gap: 60px;\n  padding: 28px 0;\n  position: relative;\n  align-items: start;\n}\n.cs-build-step::before {\n  content: '';\n  position: absolute;\n  left: -40px;\n  top: 38px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: #A02F26;\n  box-shadow: 0 0 0 5px #F0F0F2;\n}\n.cs-build-step + .cs-build-step { border-top: 1px dashed rgba(0,0,0,0.08); }\n\n.cs-build-step-label {\n  display: flex;\n  align-items: baseline;\n  gap: 14px;\n}\n.cs-build-step-num {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 48px;\n  font-weight: 700;\n  color: rgba(160,47,38,0.25);\n  line-height: 0.9;\n}\n.cs-build-step-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 32px !important;\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #827c7c !important;\n  line-height: 1.05;\n  margin: 0;\n  letter-spacing: -0.3px;\n}\n.cs-build-step-body {\n  font-family: 'Barlow', sans-serif;\n  font-size: 16px;\n  line-height: 1.7;\n  color: #55555A;\n  margin: 4px 0 0;\n}\n\n@media (max-width: 900px) {\n  .cs-build-head { grid-template-columns: 1fr; gap: 32px; }\n  .cs-build-stat { text-align: left; }\n  .cs-build-stat-num { font-size: 80px; }\n  .cs-build-step { grid-template-columns: 1fr; gap: 10px; }\n}\n<\/style>\n<div class=\"cs-build\">\n  <div class=\"cs-build-head\">\n    <div class=\"cs-build-head-left\">\n      <div class=\"cs-build-chapter\">The Build<\/div>\n      <h2 class=\"cs-build-h2\">Simple process. <em>Done right.<\/em><\/h2>\n      <p class=\"cs-build-sub\">Once the decision was made, execution moved quickly. No unnecessary delays. No confusion. A clear plan and solid crews \u2014 that's all it took.<\/p>\n    <\/div>\n    <div class=\"cs-build-stat\">\n      <div class=\"cs-build-stat-num\">10<\/div>\n      <div class=\"cs-build-stat-label\">Days On-Site<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"cs-build-timeline\">\n    <div class=\"cs-build-step\">\n      <div class=\"cs-build-step-label\">\n        <div class=\"cs-build-step-num\">01<\/div>\n        <h3 class=\"cs-build-step-title\">Remove the old surface<\/h3>\n      <\/div>\n      <p class=\"cs-build-step-body\">Worn rubber stripped out cleanly, exposing the asphalt base for evaluation and preparation.<\/p>\n    <\/div>\n    <div class=\"cs-build-step\">\n      <div class=\"cs-build-step-label\">\n        <div class=\"cs-build-step-num\">02<\/div>\n        <h3 class=\"cs-build-step-title\">Clean &amp; patch the base<\/h3>\n      <\/div>\n      <p class=\"cs-build-step-body\">Asphalt repaired where needed. A stable foundation is the difference between a track that lasts ten years and one that doesn't.<\/p>\n    <\/div>\n    <div class=\"cs-build-step\">\n      <div class=\"cs-build-step-label\">\n        <div class=\"cs-build-step-num\">03<\/div>\n        <h3 class=\"cs-build-step-title\">Install the new system<\/h3>\n      <\/div>\n      <p class=\"cs-build-step-body\">Waterborne poly resin applied in measured layers \u2014 durable, safe, and built to competition standards.<\/p>\n    <\/div>\n    <div class=\"cs-build-step\">\n      <div class=\"cs-build-step-label\">\n        <div class=\"cs-build-step-num\">04<\/div>\n        <h3 class=\"cs-build-step-title\">Stripe &amp; finish<\/h3>\n      <\/div>\n      <p class=\"cs-build-step-body\">Lane lines, event markings, and finishing details \u2014 the track ready for athletes the moment it cured.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a1d0378 e-con-full e-flex e-con e-parent\" data-id=\"7a1d0378\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42eed2ee elementor-widget elementor-widget-html\" data-id=\"42eed2ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-result {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 0 32px;\n  display: grid;\n  grid-template-columns: 1.15fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n.cs-result-img {\n  position: relative;\n  aspect-ratio: 5\/6;\n  border-radius: 6px;\n  overflow: hidden;\n}\n.cs-result-img img {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n  transition: transform 0.8s cubic-bezier(0.16,1,0.3,1);\n}\n.cs-result-img:hover img { transform: scale(1.03); }\n.cs-result-img-tag {\n  position: absolute;\n  top: 22px;\n  left: 22px;\n  background: #fff;\n  color: #2B2B2E;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  padding: 7px 14px;\n  border-radius: 3px;\n}\n.cs-result-img-tag span { color: #A02F26; margin-left: 6px; }\n\n.cs-result-text {\n  position: relative;\n}\n.cs-result-chapter {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: #A02F26;\n  margin-bottom: 18px;\n}\n.cs-result-h2 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(38px, 4.5vw, 62px);\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #2e2e2e !important;\n  line-height: 0.98;\n  letter-spacing: -1.2px;\n  margin: 0 0 32px;\n}\n.cs-result-h2 em { font-style: italic; color: #A02F26; font-weight: 400; }\n\n.cs-result-body {\n  font-family: 'Barlow', sans-serif;\n  font-size: 17px;\n  line-height: 1.75;\n  color: #55555A;\n  margin: 0 0 20px;\n}\n.cs-result-body strong { color: #2B2B2E; font-weight: 600; }\n\n.cs-result-quote {\n  position: relative;\n  margin: 48px 0 36px;\n  padding: 32px 0 32px 44px;\n  border-left: 3px solid #A02F26;\n}\n.cs-result-quote-text {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(28px, 3.2vw, 42px);\n  font-weight: 500;\n  line-height: 1.1;\n  color: #2B2B2E;\n  margin: 0 0 20px;\n  letter-spacing: -0.5px;\n}\n.cs-result-quote-text em {\n  font-style: italic;\n  color: #A02F26;\n  font-weight: 600;\n}\n.cs-result-quote-attrib {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #7A7A80;\n}\n\n.cs-result-outcomes {\n  padding-top: 28px;\n  border-top: 1px solid rgba(0,0,0,0.08);\n}\n.cs-result-outcome {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 10px 0;\n  font-family: 'Barlow', sans-serif;\n  font-size: 15px;\n  color: #2B2B2E;\n  font-weight: 500;\n}\n.cs-result-outcome svg {\n  color: #A02F26;\n  min-width: 20px;\n}\n\n@media (max-width: 900px) {\n  .cs-result { grid-template-columns: 1fr; gap: 48px; }\n  .cs-result-img { aspect-ratio: 4\/3; }\n}\n<\/style>\n<div class=\"cs-result\">\n  <div class=\"cs-result-img\">\n    <img decoding=\"async\" src=\"https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/70428003-08a1-4645-a0fc-d865df91dcdc.jpg\" alt=\"Finished track at Bishop Kelly\">\n    <div class=\"cs-result-img-tag\">After <span>\u2022 Day 10<\/span><\/div>\n  <\/div>\n  <div class=\"cs-result-text\">\n    <div class=\"cs-result-chapter\">The Result<\/div>\n    <h2 class=\"cs-result-h2\">A track athletes could <em>trust again<\/em>.<\/h2>\n    <p class=\"cs-result-body\">The change was immediate. What had been unsafe and worn out became a clean, reliable surface. Athletes could use the <strong>full track again<\/strong> \u2014 including lane one. Coaches had confidence in the facility. The school had something to be proud of.<\/p>\n\n    <div class=\"cs-result-quote\">\n      <p class=\"cs-result-quote-text\">It went from <em>copper<br>to platinum.<\/em><\/p>\n      <div class=\"cs-result-quote-attrib\">\u2014 Robert Stone, Founder<\/div>\n    <\/div>\n\n    <p class=\"cs-result-body\">The system held up for roughly <strong>10 years<\/strong>. The right call, proven by time.<\/p>\n\n    <div class=\"cs-result-outcomes\">\n      <div class=\"cs-result-outcome\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\n        Full lane use restored \u2014 including lane one\n      <\/div>\n      <div class=\"cs-result-outcome\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\n        Competition-ready surface for daily use\n      <\/div>\n      <div class=\"cs-result-outcome\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\n        10 years of reliable performance\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-607fe994 e-con-full e-flex e-con e-parent\" data-id=\"607fe994\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13cd5902 elementor-widget elementor-widget-html\" data-id=\"13cd5902\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-stats {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 0 32px;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n  align-items: stretch;\n}\n.cs-stats-item {\n  padding: 0 32px;\n  border-left: 1px solid rgba(255,255,255,0.1);\n  position: relative;\n}\n.cs-stats-item:first-child { border-left: none; padding-left: 0; }\n.cs-stats-item:last-child { padding-right: 0; }\n\n.cs-stats-num {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(72px, 9vw, 140px);\n  font-weight: 700;\n  color: #fff;\n  line-height: 0.85;\n  letter-spacing: -3px;\n  margin-bottom: 14px;\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n}\n.cs-stats-num small {\n  font-size: 0.35em;\n  color: #A02F26;\n  font-weight: 500;\n  letter-spacing: 0;\n  line-height: 1;\n}\n.cs-stats-label {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.85);\n  margin-bottom: 6px;\n}\n.cs-stats-note {\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  line-height: 1.5;\n  color: rgba(255,255,255,0.4);\n  margin: 0;\n}\n\n@media (max-width: 900px) {\n  .cs-stats { grid-template-columns: repeat(2, 1fr); gap: 48px 0; }\n  .cs-stats-item:nth-child(3) { border-left: none; padding-left: 0; }\n}\n@media (max-width: 520px) {\n  .cs-stats { grid-template-columns: 1fr; }\n  .cs-stats-item { border-left: none; padding: 0; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 32px; }\n  .cs-stats-item:first-child { border-top: none; padding-top: 0; }\n}\n<\/style>\n<div class=\"cs-stats\">\n  <div class=\"cs-stats-item\">\n    <div class=\"cs-stats-num\">10<\/div>\n    <div class=\"cs-stats-label\">Days On-Site<\/div>\n    <p class=\"cs-stats-note\">Strip, prep, install, stripe \u2014 start to finish.<\/p>\n  <\/div>\n  <div class=\"cs-stats-item\">\n    <div class=\"cs-stats-num\">10<small>yrs<\/small><\/div>\n    <div class=\"cs-stats-label\">Useful Lifespan<\/div>\n    <p class=\"cs-stats-note\">The surface held up for roughly a decade of heavy use.<\/p>\n  <\/div>\n  <div class=\"cs-stats-item\">\n    <div class=\"cs-stats-num\">8<\/div>\n    <div class=\"cs-stats-label\">Lanes Restored<\/div>\n    <p class=\"cs-stats-note\">Every lane \u2014 including lane one \u2014 safe and usable again.<\/p>\n  <\/div>\n  <div class=\"cs-stats-item\">\n    <div class=\"cs-stats-num\">1<\/div>\n    <div class=\"cs-stats-label\">Repair Call That<br>Became a Partnership<\/div>\n    <p class=\"cs-stats-note\">A small tear opened the door to a decade of work together.<\/p>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-172ad4b2 e-con-full e-flex e-con e-parent\" data-id=\"172ad4b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48ec69b3 elementor-widget elementor-widget-html\" data-id=\"48ec69b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-next {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 0 32px;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 60px;\n  align-items: start;\n}\n.cs-next-label {\n  position: sticky;\n  top: 120px;\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 5px;\n  text-transform: uppercase;\n  color: #A02F26;\n  white-space: nowrap;\n  padding-top: 8px;\n}\n.cs-next-body {\n  max-width: 720px;\n}\n.cs-next-chapter {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: #A02F26;\n  margin-bottom: 18px;\n}\n.cs-next-h2 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(32px, 3.8vw, 48px);\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #2e2e2e !important;\n  line-height: 1.05;\n  letter-spacing: -0.8px;\n  margin: 0 0 24px;\n}\n.cs-next-h2 em { font-style: italic; color: #A02F26; font-weight: 400; }\n.cs-next-lead {\n  font-family: 'Barlow', sans-serif;\n  font-size: 19px;\n  line-height: 1.65;\n  color: #2B2B2E;\n  margin: 0 0 20px;\n  font-weight: 400;\n}\n.cs-next-body-text {\n  font-family: 'Barlow', sans-serif;\n  font-size: 16px;\n  line-height: 1.75;\n  color: #55555A;\n  margin: 0;\n}\n\n@media (max-width: 780px) {\n  .cs-next { grid-template-columns: 1fr; gap: 20px; }\n  .cs-next-label { writing-mode: horizontal-tb; transform: none; position: static; }\n}\n<\/style>\n<div class=\"cs-next\">\n  <div class=\"cs-next-label\">What Happened Next<\/div>\n  <div class=\"cs-next-body\">\n    <div class=\"cs-next-chapter\">The Aftermath<\/div>\n    <h2 class=\"cs-next-h2\">The project didn't end <em>when the track was finished<\/em>.<\/h2>\n    <p class=\"cs-next-lead\">Because the experience was strong, Bishop Kelly continued working with Track Doctor on future improvements in other areas of the facility.<\/p>\n    <p class=\"cs-next-body-text\">That's what happens when the work is done right. A good track lasts a decade. A good relationship lasts longer.<\/p>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73128f6e e-con-full e-flex e-con e-parent\" data-id=\"73128f6e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dee2467 elementor-widget elementor-widget-html\" data-id=\"3dee2467\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.cs-exp {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 32px;\n  position: relative;\n}\n.cs-exp::before {\n  content: '';\n  position: absolute;\n  inset: -80px 0;\n  background-image: url('https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/AdobeStock_640113445-scaled.jpeg');\n  background-size: cover;\n  background-position: center;\n  opacity: 0.06;\n  filter: grayscale(50%);\n  pointer-events: none;\n  z-index: 0;\n}\n.cs-exp-inner { position: relative; z-index: 2; }\n\n.cs-exp-top {\n  text-align: center;\n  max-width: 820px;\n  margin: 0 auto 80px;\n}\n.cs-exp-chapter {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: #A02F26;\n  margin-bottom: 22px;\n}\n.cs-exp-years {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(80px, 11vw, 160px);\n  font-weight: 700;\n  color: #fff;\n  line-height: 0.85;\n  letter-spacing: -4px;\n  margin: 0 0 12px;\n}\n.cs-exp-years small {\n  font-size: 0.3em;\n  color: #A02F26;\n  font-weight: 500;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  display: block;\n  margin-top: 16px;\n}\n.cs-exp-lead {\n  font-family: 'Barlow', sans-serif;\n  font-size: 21px;\n  line-height: 1.55;\n  color: rgba(255,255,255,0.75);\n  font-weight: 300;\n  margin: 32px 0 0;\n  letter-spacing: -0.2px;\n}\n\n.cs-exp-principles {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0;\n  border-top: 1px solid rgba(255,255,255,0.12);\n  padding-top: 48px;\n}\n.cs-exp-principle {\n  padding: 0 32px;\n  border-left: 1px solid rgba(255,255,255,0.08);\n  text-align: center;\n}\n.cs-exp-principle:first-child { border-left: none; }\n.cs-exp-principle-num {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: rgba(160,47,38,0.6);\n  margin-bottom: 14px;\n}\n.cs-exp-principle-name {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(26px, 3vw, 40px);\n  font-weight: 600;\n  text-transform: uppercase;\n  color: #fff;\n  line-height: 1.05;\n  margin: 0 0 12px;\n  letter-spacing: -0.3px;\n}\n.cs-exp-principle-name em {\n  font-style: italic;\n  color: #A02F26;\n  font-weight: 400;\n}\n.cs-exp-principle-note {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  line-height: 1.6;\n  color: rgba(255,255,255,0.55);\n  margin: 0;\n}\n\n@media (max-width: 900px) {\n  .cs-exp-principles { grid-template-columns: 1fr; gap: 0; }\n  .cs-exp-principle { border-left: none; padding: 32px 0; border-top: 1px solid rgba(255,255,255,0.08); }\n  .cs-exp-principle:first-child { border-top: none; padding-top: 0; }\n}\n<\/style>\n<div class=\"cs-exp\">\n  <div class=\"cs-exp-inner\">\n    <div class=\"cs-exp-top\">\n      <div class=\"cs-exp-chapter\">Built on Experience<\/div>\n      <div class=\"cs-exp-years\">30<small>Years, One Approach<\/small><\/div>\n      <p class=\"cs-exp-lead\">Track Doctor was built over three decades on one thing. It's what turned a small repair into a long-term partnership \u2014 and it's the same approach that continues today.<\/p>\n    <\/div>\n\n    <div class=\"cs-exp-principles\">\n      <div class=\"cs-exp-principle\">\n        <div class=\"cs-exp-principle-num\">01<\/div>\n        <h3 class=\"cs-exp-principle-name\">Do <em>good<\/em><br>work.<\/h3>\n        <p class=\"cs-exp-principle-note\">Every repair, every pour, every stripe \u2014 done like it's our own school.<\/p>\n      <\/div>\n      <div class=\"cs-exp-principle\">\n        <div class=\"cs-exp-principle-num\">02<\/div>\n        <h3 class=\"cs-exp-principle-name\">Be <em>available<\/em>.<\/h3>\n        <p class=\"cs-exp-principle-note\">Pick up the phone. Show up when it matters. Return the call-backs.<\/p>\n      <\/div>\n      <div class=\"cs-exp-principle\">\n        <div class=\"cs-exp-principle-num\">03<\/div>\n        <h3 class=\"cs-exp-principle-name\">Build real<br><em>relationships<\/em>.<\/h3>\n        <p class=\"cs-exp-principle-note\">A decade-long partnership never starts with a pitch \u2014 it starts with the work.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-757e8b7c e-flex e-con-boxed e-con e-parent\" data-id=\"757e8b7c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;relative&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3626fd74 elementor-widget elementor-widget-html\" data-id=\"3626fd74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"td-cta-rings\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-796712b elementor-widget elementor-widget-heading\" data-id=\"796712b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Let's Talk<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d3c0136 elementor-widget elementor-widget-heading\" data-id=\"6d3c0136\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HAVE A TRACK THAT'S REACHING ITS LIMIT?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-228027cc elementor-widget elementor-widget-text-editor\" data-id=\"228027cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re dealing with ongoing repairs or starting to think about replacement, we&#8217;ll help you make the right call \u2014 based on your budget, your facility, and your long-term needs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3688e96f elementor-widget elementor-widget-spacer\" data-id=\"3688e96f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54cdafaa e-con-full e-flex e-con e-child\" data-id=\"54cdafaa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-470a4f9 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"470a4f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Start the Conversation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d64c4a8 elementor-align-center elementor-button-default elementor-widget elementor-widget-button\" data-id=\"4d64c4a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"tel:2088500990\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Call (208) 850-0990<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62152425 elementor-widget elementor-widget-spacer\" data-id=\"62152425\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-200691f9 elementor-widget elementor-widget-html\" data-id=\"200691f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"display:flex;align-items:center;justify-content:center;gap:32px;font-family:'Barlow',sans-serif;font-size:14px;color:#55555A;flex-wrap:wrap;\"><a href=\"tel:2088500990\" style=\"display:flex;align-items:center;gap:8px;font-weight:500;color:#55555A;text-decoration:none;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A02F26\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>(208) 850-0990<\/a><a href=\"mailto:info@thetrackdr.com\" style=\"display:flex;align-items:center;gap:8px;font-weight:500;color:#55555A;text-decoration:none;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A02F26\" stroke-width=\"2\"><path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/><\/svg>info@thetrackdr.com<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Case Study \u00b7 No. 01 Case Study \u2014 Bishop Kelly High School From Patchworkto Pride. How a failing, unsafe track in Boise became a competition-ready facility \u2014 and turned a single repair call into a decade-long partnership. Read the Story Client Bishop KellyHigh School Location Boise, Idaho Scope Resurfacing&#038; Turf Work System WaterbornePoly Resin Timeline [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-413","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Case Study: Track Repair at Bishop Kelly High School - The Track Doctor<\/title>\n<meta name=\"description\" content=\"Discover how stadium track repair transformed Bishop Kelly High School&#039;s unsafe track into a competition-ready facility.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thetrackdr.com\/?page_id=413\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Track Repair at Bishop Kelly High School - The Track Doctor\" \/>\n<meta property=\"og:description\" content=\"Discover how stadium track repair transformed Bishop Kelly High School&#039;s unsafe track into a competition-ready facility.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thetrackdr.com\/?page_id=413\" \/>\n<meta property=\"og:site_name\" content=\"The Track Doctor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/thetrackdr\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-09T00:00:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/IMG_1403-1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/?page_id=413\",\"url\":\"https:\\\/\\\/thetrackdr.com\\\/?page_id=413\",\"name\":\"Case Study: Track Repair at Bishop Kelly High School - The Track Doctor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/?page_id=413#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/?page_id=413#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thetrackdr.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/IMG_1403-1.jpg\",\"datePublished\":\"2026-04-23T19:50:22+00:00\",\"dateModified\":\"2026-05-09T00:00:43+00:00\",\"description\":\"Discover how stadium track repair transformed Bishop Kelly High School's unsafe track into a competition-ready facility.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/?page_id=413#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thetrackdr.com\\\/?page_id=413\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/?page_id=413#primaryimage\",\"url\":\"https:\\\/\\\/thetrackdr.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/IMG_1403-1.jpg\",\"contentUrl\":\"https:\\\/\\\/thetrackdr.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/IMG_1403-1.jpg\",\"width\":1600,\"height\":1200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/?page_id=413#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thetrackdr.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Track Repair at Bishop Kelly High School\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/#website\",\"url\":\"https:\\\/\\\/thetrackdr.com\\\/\",\"name\":\"The Track Doctor\",\"description\":\"Tracks and Turf\",\"publisher\":{\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thetrackdr.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/#organization\",\"name\":\"The Track Doctor\",\"url\":\"https:\\\/\\\/thetrackdr.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thetrackdr.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Untitled-design-14-1-e1770505166407.png\",\"contentUrl\":\"https:\\\/\\\/thetrackdr.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Untitled-design-14-1-e1770505166407.png\",\"width\":1817,\"height\":760,\"caption\":\"The Track Doctor\"},\"image\":{\"@id\":\"https:\\\/\\\/thetrackdr.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/thetrackdr\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: Track Repair at Bishop Kelly High School - The Track Doctor","description":"Discover how stadium track repair transformed Bishop Kelly High School's unsafe track into a competition-ready facility.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thetrackdr.com\/?page_id=413","og_locale":"en_US","og_type":"article","og_title":"Case Study: Track Repair at Bishop Kelly High School - The Track Doctor","og_description":"Discover how stadium track repair transformed Bishop Kelly High School's unsafe track into a competition-ready facility.","og_url":"https:\/\/thetrackdr.com\/?page_id=413","og_site_name":"The Track Doctor","article_publisher":"https:\/\/www.facebook.com\/thetrackdr\/","article_modified_time":"2026-05-09T00:00:43+00:00","og_image":[{"url":"https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/IMG_1403-1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thetrackdr.com\/?page_id=413","url":"https:\/\/thetrackdr.com\/?page_id=413","name":"Case Study: Track Repair at Bishop Kelly High School - The Track Doctor","isPartOf":{"@id":"https:\/\/thetrackdr.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thetrackdr.com\/?page_id=413#primaryimage"},"image":{"@id":"https:\/\/thetrackdr.com\/?page_id=413#primaryimage"},"thumbnailUrl":"https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/IMG_1403-1.jpg","datePublished":"2026-04-23T19:50:22+00:00","dateModified":"2026-05-09T00:00:43+00:00","description":"Discover how stadium track repair transformed Bishop Kelly High School's unsafe track into a competition-ready facility.","breadcrumb":{"@id":"https:\/\/thetrackdr.com\/?page_id=413#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thetrackdr.com\/?page_id=413"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thetrackdr.com\/?page_id=413#primaryimage","url":"https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/IMG_1403-1.jpg","contentUrl":"https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/IMG_1403-1.jpg","width":1600,"height":1200},{"@type":"BreadcrumbList","@id":"https:\/\/thetrackdr.com\/?page_id=413#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thetrackdr.com\/"},{"@type":"ListItem","position":2,"name":"Case Study: Track Repair at Bishop Kelly High School"}]},{"@type":"WebSite","@id":"https:\/\/thetrackdr.com\/#website","url":"https:\/\/thetrackdr.com\/","name":"The Track Doctor","description":"Tracks and Turf","publisher":{"@id":"https:\/\/thetrackdr.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thetrackdr.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/thetrackdr.com\/#organization","name":"The Track Doctor","url":"https:\/\/thetrackdr.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thetrackdr.com\/#\/schema\/logo\/image\/","url":"https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/Untitled-design-14-1-e1770505166407.png","contentUrl":"https:\/\/thetrackdr.com\/wp-content\/uploads\/2026\/02\/Untitled-design-14-1-e1770505166407.png","width":1817,"height":760,"caption":"The Track Doctor"},"image":{"@id":"https:\/\/thetrackdr.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/thetrackdr\/"]}]}},"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/thetrackdr.com\/index.php?rest_route=\/wp\/v2\/pages\/413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thetrackdr.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thetrackdr.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thetrackdr.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thetrackdr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=413"}],"version-history":[{"count":0,"href":"https:\/\/thetrackdr.com\/index.php?rest_route=\/wp\/v2\/pages\/413\/revisions"}],"wp:attachment":[{"href":"https:\/\/thetrackdr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}