/*
  PROJECT: Garage Door Repair Humble TX
  DOMAIN: garagedoorrepairhumbletx.com
  NICHE: Garage Door
  DESIGN SIGNATURE: Industrial Signal Split
  COLOR SCHEME: #102a43 + #f97316 + #f5f8fb
  FONTS: Barlow Condensed + Inter
  LAYOUT PATTERN: Layout 1 - Emergency Service Landing
  HEADER VARIANT: B
  HERO VARIANT: B
  SERVICES VARIANT: C
  TRUST SECTION VARIANT: B
  CTA VARIANT: D
  FOOTER VARIANT: C
  COUPON PLACEMENT: before contact
  IMAGE STYLE: technician action and technical close-up
*/
:root{--navy:#102a43;--navy-2:#071a2d;--orange:#f97316;--pale:#f5f8fb;--ink:#15202b;--muted:#5f6b76;--line:#dce5ed;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#f5f8fb 100%);font-size:16px;line-height:1.7;overflow-x:hidden}h1,h2,h3,.navbar-brand,.service-card span{font-family:"Barlow Condensed",Impact,sans-serif;color:var(--navy);font-weight:800;line-height:1.05}h1{font-size:clamp(3rem,7vw,6.4rem)}h2{font-size:clamp(2.2rem,4vw,3.6rem);margin-bottom:1.25rem}h3{font-size:1.4rem}a{color:#0c5f96}img{max-width:100%;height:auto}.topbar{background:var(--navy-2);color:#fff;padding:.45rem 0;font-size:.85rem}.topbar a{color:#fff;font-weight:700;text-decoration:none}.navbar{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(7,26,45,.08);min-height:86px}.navbar-brand img{width:225px;height:auto}.nav-link{font-weight:700;color:var(--navy);white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--orange)}.dropdown-menu{border:0;border-radius:16px;box-shadow:0 16px 45px rgba(7,26,45,.15);padding:.65rem}.dropdown-item{border-radius:10px;padding:.65rem .8rem}.header-actions{display:flex;align-items:center;gap:.45rem}.header-badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);font-weight:800;border:1px solid var(--line);padding:.35rem .45rem;border-radius:999px;white-space:nowrap}.btn{min-height:44px;border-radius:10px;font-weight:800;padding:.65rem 1rem}.btn-accent{background:var(--orange);color:#111;border:2px solid var(--orange)}.btn-accent:hover{background:#d95d08;border-color:#d95d08;color:#fff}.hero{padding:clamp(3rem,7vw,7rem) 0;background:radial-gradient(circle at 10% 0,#dff0ff 0,transparent 34%),linear-gradient(135deg,#f8fbfd,#eef4f8);position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(16,42,67,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,42,67,.035) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.hero-copy{position:relative;z-index:1}.hero-copy>p{font-size:1.08rem;max-width:62ch}.hero-note{font-weight:700;color:var(--orange);margin-bottom:.4rem}.eyebrow,.section-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.11em;color:#9a3c00;font-weight:800;font-size:.82rem;margin-bottom:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.hero-image-wrap{position:relative;padding:14px;background:#fff;border-radius:28px;box-shadow:20px 24px 0 var(--navy),0 30px 65px rgba(7,26,45,.2);transform:rotate(1deg)}.hero-image-wrap img{border-radius:18px;aspect-ratio:16/9;object-fit:cover}.hero-image-wrap span{position:absolute;left:-12px;bottom:28px;background:var(--orange);color:#111;font-weight:900;padding:.65rem 1rem;border-radius:8px}.section-pad{padding:clamp(4rem,7vw,7rem) 0}.section-soft{background:#edf4f8}.narrow{max-width:900px}.section-photo{width:100%;border-radius:24px;box-shadow:0 22px 50px rgba(7,26,45,.16);aspect-ratio:4/3;object-fit:cover}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;list-style:none;padding:0}.feature-list li{background:#fff;border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:12px;padding:.9rem 1rem}.before-after{background:var(--navy);color:#fff}.before-after h2{color:#fff}.before-after figure{margin:0;background:#fff;padding:.75rem;border-radius:20px;color:var(--navy);box-shadow:0 15px 40px rgba(0,0,0,.2)}.before-after img{aspect-ratio:16/10;object-fit:cover;border-radius:14px}.before-after figcaption{font-family:"Barlow Condensed";font-weight:800;font-size:1.45rem;padding:.7rem .3rem .2rem}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.service-card{position:relative;display:block;min-height:230px;border-radius:18px;overflow:hidden;background:var(--navy);box-shadow:0 12px 30px rgba(7,26,45,.15);transition:transform .25s ease}.service-card:hover{transform:translateY(-6px)}.service-card img{width:100%;height:230px;object-fit:cover;opacity:.8}.service-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(7,26,45,.95))}.service-card span{position:absolute;z-index:1;left:1rem;right:1rem;bottom:1rem;color:#fff;font-size:1.7rem}.faq-section{background:#fff}.accordion-item{border:1px solid var(--line);border-radius:14px!important;overflow:hidden;margin-bottom:.8rem}.accordion-button{font-family:"Barlow Condensed";font-weight:800;color:var(--navy);font-size:1.25rem}.accordion-button:not(.collapsed){background:#fff1e8;color:#7a3100;box-shadow:none}.coupon-section{background:linear-gradient(135deg,#fff4eb,#eaf4fb)}.coupon-link{display:block;max-width:620px;margin:1.5rem auto}.coupon-link img{border-radius:24px;box-shadow:0 25px 60px rgba(7,26,45,.18)}.contact-section{background:var(--navy);color:#fff}.contact-section h2,.contact-section legend{color:#fff}.contact-card{display:grid;gap:.7rem;border:1px solid rgba(255,255,255,.18);padding:1.25rem;border-radius:16px}.contact-card a{color:#fff;font-size:1.5rem;font-weight:800}.CUS{background:#fff;color:var(--ink);padding:1.4rem;border-radius:22px;margin:0}.CUS legend{font-family:"Barlow Condensed";color:var(--navy);font-size:2rem;font-weight:800}.CUS .form-control{min-height:48px;margin-bottom:.85rem;border-radius:10px}.CUS textarea.form-control{height:120px}.utility-hero{background:linear-gradient(115deg,var(--navy),#184f73);color:#fff;padding:5rem 0}.utility-hero h1{color:#fff;max-width:900px}.utility-hero p{max-width:760px;font-size:1.1rem}.location-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:center}.location-panel iframe,.map-wrap iframe{width:100%;border:0;border-radius:18px;min-height:360px}.phone-display{font-family:"Barlow Condensed";font-weight:800;font-size:clamp(2.5rem,7vw,5rem);text-decoration:none}.site-footer{background:var(--navy-2);color:#d8e6f0;padding:4rem 0 5rem}.site-footer h2{font-size:1.5rem;color:#fff;margin-bottom:.8rem}.site-footer .footer-subhead{margin-top:1.3rem}.footer-logo{width:250px;height:auto;background:#fff;border-radius:12px;padding:.35rem}.footer-list{list-style:none;padding:0}.footer-list li{margin-bottom:.55rem}.site-footer a{color:#fff}.map-wrap{margin-top:2rem}.map-wrap iframe{min-height:280px}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:2rem;padding-top:1.2rem;text-align:center}.mobile-call{display:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1199.98px){.header-badge{display:none}.navbar-brand img{width:190px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:991.98px){.navbar-collapse{padding:1rem 0}.navbar-nav .dropdown-menu{position:static;float:none;width:100%;margin-top:.35rem;padding:.5rem;border:0;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.12)}.navbar-nav .dropdown-item{padding:.7rem .9rem;min-height:44px;white-space:normal}.header-actions{display:grid;gap:.6rem;margin-top:1rem}.header-phone{width:100%}.hero-image-wrap{margin:1rem 1.3rem 1.3rem 0}.location-panel{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}}@media(max-width:575.98px){body{font-size:16px;padding-bottom:58px}.topbar span{display:none}.topbar .container{justify-content:center!important}.navbar-brand img{width:165px}.hero{padding:3rem 0}.hero-image-wrap{box-shadow:10px 12px 0 var(--navy),0 18px 35px rgba(7,26,45,.18)}.service-grid{grid-template-columns:1fr}.service-card,.service-card img{min-height:215px;height:215px}.section-pad{padding:3.5rem 0}.mobile-call{display:block;position:fixed;z-index:1055;left:0;right:0;bottom:0;background:var(--orange);color:#111;text-align:center;text-decoration:none;font-weight:900;padding:.9rem;min-height:54px}.CUS{padding:1rem}.location-panel iframe{min-height:300px}}
.service-card{display:block;padding:0;background:#102a43;border:1px solid rgba(255,255,255,.12)}.service-card img{width:100%;height:230px;object-fit:cover;opacity:.82;transition:transform .35s ease,opacity .35s ease}.service-card:after{display:block;content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,26,45,.97))}.service-card .service-number{position:absolute;z-index:2;left:1rem;right:auto;top:1rem;bottom:auto;color:#fff;background:#f97316;border-radius:6px;padding:.25rem .5rem;font-size:.82rem;letter-spacing:.12em}.service-card .service-title{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;color:#fff;font-size:1.8rem;max-width:13ch}.service-card:hover img{transform:scale(1.04);opacity:.95}

.site-footer h2{font-family:Inter,Arial,sans-serif;font-size:1.15rem;line-height:1.35;font-weight:800;letter-spacing:0;margin:0 0 1rem}.site-footer p,.site-footer li{line-height:1.65}.footer-contact,.footer-contact a,.footer-contact .obfuscatedEmail{overflow-wrap:anywhere;word-break:normal}.footer-list a{display:inline-block;text-underline-offset:3px}.footer-list li+li{margin-top:.35rem}@media(max-width:991.98px){.site-footer h2{margin-top:.35rem}}

.hero-premium{position:relative;overflow:hidden;min-height:720px;padding:5.5rem 0;background:radial-gradient(circle at 82% 18%,rgba(249,115,22,.16),transparent 26%),linear-gradient(120deg,#071a2d 0%,#102a43 56%,#0a2137 100%);color:#fff}.hero-premium:before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px}.hero-premium:after{content:"HUMBLE";position:absolute;right:-.04em;bottom:-.22em;color:rgba(255,255,255,.025);font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(11rem,25vw,27rem);font-weight:800;line-height:1;pointer-events:none}.hero-premium .hero-main-row{position:relative;z-index:1}.hero-premium .eyebrow{color:#fff;background:rgba(249,115,22,.16);border:1px solid rgba(249,115,22,.55);border-radius:999px;padding:.55rem .85rem}.hero-premium h1{color:#fff;max-width:9ch;font-size:clamp(4.2rem,7vw,7rem);letter-spacing:-.025em;text-wrap:balance}.hero-premium .hero-copy>p:not(.hero-note){color:#dbe7f0;font-size:1.08rem;max-width:58ch}.hero-premium .hero-note{color:#ff9b56}.hero-premium .btn-light{color:#fff;background:transparent;border:2px solid rgba(255,255,255,.48)}.hero-premium .btn-light:hover{color:#071a2d;background:#fff;border-color:#fff}.hero-premium .hero-image-wrap{padding:10px;background:rgba(255,255,255,.92);border-radius:30px;box-shadow:22px 22px 0 #f97316,0 36px 80px rgba(0,0,0,.38);transform:none}.hero-premium .hero-image-wrap:before{content:"";position:absolute;z-index:-1;inset:-26px 42px 36px -28px;border:1px solid rgba(255,255,255,.18);border-radius:34px}.hero-premium .hero-image-wrap img{width:100%;height:clamp(430px,42vw,560px);aspect-ratio:auto;object-fit:cover;border-radius:21px}.hero-premium .hero-image-wrap>span{left:-18px;bottom:34px;padding:.75rem 1.1rem;box-shadow:0 10px 24px rgba(0,0,0,.22)}.hero-call-card{position:absolute;top:30px;right:-18px;display:grid;min-width:190px;padding:.9rem 1rem;background:#fff;border-left:5px solid #f97316;border-radius:12px;box-shadow:0 18px 38px rgba(0,0,0,.22)}.hero-call-card small{color:#5f6b76;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero-call-card a{color:#102a43;font-family:"Barlow Condensed",Impact,sans-serif;font-size:1.55rem;font-weight:800;text-decoration:none}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2.25rem;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.16)}.hero-proof>div{display:grid;padding:1rem;background:rgba(7,26,45,.76);backdrop-filter:blur(8px)}.hero-proof strong{font-family:"Barlow Condensed",Impact,sans-serif;color:#fff;font-size:1.45rem;line-height:1}.hero-proof span{color:#bfcfdb;font-size:.88rem;margin-top:.25rem}@media(max-width:991.98px){.hero-premium{padding:4.5rem 0}.hero-premium h1{max-width:11ch}.hero-premium .hero-image-wrap{margin:1rem 1.1rem 1.4rem 0}.hero-premium .hero-image-wrap img{height:460px}}@media(max-width:575.98px){.hero-premium{padding:3rem 0 4rem}.hero-premium h1{font-size:clamp(3.25rem,16vw,4.6rem)}.hero-premium .hero-copy>p:not(.hero-note){font-size:1rem}.hero-premium .hero-image-wrap img{height:340px}.hero-call-card{top:18px;right:-8px;min-width:170px}.hero-proof{grid-template-columns:1fr}.hero-proof>div{grid-template-columns:auto 1fr;align-items:center;gap:.7rem}.hero-proof span{font-size:1rem;margin-top:0}}

.hero-premium-v2{padding:4.75rem 0 0;border-bottom:8px solid #f97316}.hero-premium-v2 .hero-copy{position:relative;padding-left:2rem}.hero-premium-v2 .hero-copy:before{content:"";position:absolute;left:0;top:5.2rem;width:5px;height:150px;border-radius:8px;background:linear-gradient(#f97316,rgba(249,115,22,0))}.hero-premium-v2 h1{max-width:12ch;margin-bottom:1.15rem;font-size:clamp(4rem,6.2vw,6.25rem);line-height:.9}.hero-premium-v2 .hero-location{display:block;white-space:nowrap;margin-top:.08em;color:#f97316;text-shadow:0 9px 35px rgba(249,115,22,.22)}.hero-service-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.3rem}.hero-service-links a{display:inline-flex;align-items:center;min-height:38px;padding:.38rem .75rem;color:#dbe7f0;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);font-size:.88rem;font-weight:700;text-decoration:none}.hero-service-links a:before{content:"";width:7px;height:7px;margin-right:.45rem;border-radius:50%;background:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.14)}.hero-service-links a:hover{color:#fff;border-color:#f97316;background:rgba(249,115,22,.14)}.hero-premium-v2 .hero-image-wrap{transform:perspective(1200px) rotateY(-2deg);border-radius:8px 34px 8px 34px}.hero-premium-v2 .hero-image-wrap img{border-radius:3px 25px 3px 25px}.hero-premium-v2 .hero-image-wrap:after{content:"";position:absolute;inset:auto 10px 10px 10px;height:36%;border-radius:0 0 3px 25px;background:linear-gradient(transparent,rgba(7,26,45,.42));pointer-events:none}.hero-premium-v2 .hero-image-wrap>span,.hero-premium-v2 .hero-call-card{z-index:2}.hero-premium-v2 .hero-proof{position:relative;z-index:2;margin-top:4rem;border-radius:18px 18px 0 0;border-bottom:0}.hero-premium-v2 .hero-proof>div{grid-template-columns:auto 1fr;align-items:center;column-gap:.8rem;padding:1.2rem 1.45rem}.hero-premium-v2 .hero-proof strong{grid-row:1/3;font-size:2.15rem;color:#f97316}.hero-premium-v2 .hero-proof span{font-size:1rem;color:#fff;margin:0}@media(max-width:991.98px){.hero-premium-v2{padding-top:3.5rem}.hero-premium-v2 .hero-copy{padding-left:1.25rem}.hero-premium-v2 .hero-copy:before{top:4.8rem}.hero-premium-v2 .hero-image-wrap{transform:none}.hero-premium-v2 .hero-proof{margin-top:2.5rem}}@media(max-width:575.98px){.hero-premium-v2 .hero-copy{padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5)}.hero-premium-v2 .hero-copy:before{display:none}.hero-premium-v2 h1{font-size:clamp(3.25rem,15vw,4.4rem)}.hero-premium-v2 .hero-service-links a{font-size:1rem}.hero-premium-v2 .hero-proof>div{padding:1rem}.hero-premium-v2 .hero-proof strong{font-size:1.65rem}}

.hero-premium .blog-hero-title{max-width:12ch;margin:0 0 1.15rem;color:#fff;font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(4rem,6.2vw,6.25rem);font-weight:800;line-height:.9;letter-spacing:-.025em;text-wrap:balance}@media(max-width:575.98px){.hero-premium .blog-hero-title{font-size:clamp(3.25rem,15vw,4.4rem)}}

.blog-hero{position:relative;overflow:hidden;padding:5.5rem 0;background:radial-gradient(circle at 78% 18%,rgba(249,115,22,.18),transparent 25%),linear-gradient(120deg,#071a2d,#123a59);color:#fff}.blog-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}.blog-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}.blog-hero h1,.blog-hero-title{max-width:8ch;margin:0 0 1rem;color:#fff;font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(4.5rem,8vw,7.5rem);font-weight:800;line-height:.9}.blog-hero p{max-width:58ch;color:#d8e6f0;font-size:1.1rem}.blog-hero .eyebrow{color:#fff}.blog-hero-visual{position:relative;padding:9px;background:#fff;border-radius:26px;box-shadow:20px 20px 0 #f97316,0 30px 70px rgba(0,0,0,.35)}.blog-hero-visual img{width:100%;height:390px;object-fit:cover;border-radius:18px}.blog-hero-visual span{position:absolute;left:-18px;bottom:28px;padding:.65rem 1rem;border-radius:8px;background:#f97316;color:#111;font-weight:900}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:2rem;align-items:start}.blog-content{display:grid;gap:1.4rem}.blogbox{display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;border:1px solid #dce5ed;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(7,26,45,.08)}.blogimg img{width:100%;height:100%;min-height:240px;object-fit:cover}.blogmeta{padding:1.5rem}.blogmeta h2{font-size:2rem;margin-bottom:.65rem}.blogmeta>a{text-decoration:none}.read-more a{display:inline-flex;min-height:44px;align-items:center;padding:.55rem .9rem;border-radius:9px;background:#f97316;color:#111;font-weight:800;text-decoration:none}.blog-sidebar{display:grid;gap:1.25rem;position:sticky;top:120px}.blog-side-card{padding:1.45rem;border:1px solid #dce5ed;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(7,26,45,.07)}.blog-side-card:first-child{background:#102a43;color:#fff;border-color:#102a43}.blog-side-card:first-child h2{color:#fff}.blog-side-card h2{font-size:1.75rem}.blog-side-card .section-kicker{color:#ff9b56}.blog-empty{padding:3rem;border:1px solid #dce5ed;border-top:6px solid #f97316;border-radius:20px;background:#fff;text-align:center}.blog-empty h2{font-size:clamp(2.4rem,5vw,4rem)}.blog-empty-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.4rem}.blog-empty-links a{padding:.55rem .8rem;border:1px solid #dce5ed;border-radius:999px;font-weight:700;text-decoration:none}.blogpost,.blog_wrapper{min-width:0}.blog_wrapper{padding:clamp(1.2rem,4vw,2.5rem);border:1px solid #dce5ed;border-radius:20px;background:#fff}.blog_wrapper h1{font-size:clamp(3rem,6vw,5.5rem)}.blog_wrapper>img{width:100%;max-height:520px;object-fit:cover;border-radius:16px;margin:1rem 0 2rem}.blog_wrapper img{height:auto}.social-share-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.share-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.55rem .85rem;border-radius:8px;background:#102a43;color:#fff;text-decoration:none}.share-btn svg{width:18px;height:18px}@media(max-width:991.98px){.blog-hero-grid,.blog-layout{grid-template-columns:1fr}.blog-hero-visual{margin-right:1rem}.blog-sidebar{position:static}.blogbox{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:575.98px){.blog-hero{padding:3.5rem 0}.blog-hero h1,.blog-hero-title{font-size:4rem}.blog-hero-visual img{height:310px}.blogbox{grid-template-columns:1fr}.blogimg img{height:230px;min-height:0}.blog-empty{padding:2rem 1rem}}