@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap";img{max-width:100%;display:block}:root{color:#f3f3f0;font-synthesis:none;background:#070707;font-family:Barlow,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site{overflow:hidden}.demo-ribbon{color:#b5c3ca;text-align:center;letter-spacing:.2em;background:#17202a;padding:9px;font:700 10px/1.2 Barlow,Arial,sans-serif}.demo-ribbon span{color:#f76d18;margin:0 9px}.nav{z-index:10;background:#080808;border-bottom:1px solid #282828;justify-content:space-between;align-items:center;gap:26px;padding:15px clamp(20px,4vw,70px);display:flex;position:relative}.logo{text-align:center;flex-direction:column;min-width:195px;line-height:.78;display:flex;position:relative}.logo-roof{color:#ff6514;font:900 35px Barlow Condensed;position:absolute;top:-21px;left:72px}.logo strong{letter-spacing:.025em;text-shadow:1px 2px #7b7b7b;font:900 clamp(30px,3vw,43px)/.9 Barlow Condensed}.logo small{letter-spacing:.24em;color:#ff691e;margin-top:6px;font:800 17px Barlow Condensed}.nav nav{align-items:center;gap:clamp(14px,2vw,30px);display:flex}.nav nav a{white-space:nowrap;font:700 13px Barlow}.nav nav a:hover{color:#ff691e}.primary,.outline{letter-spacing:.055em;border-radius:5px;justify-content:center;align-items:center;min-height:52px;padding:0 26px;font:800 17px Barlow Condensed;display:inline-flex}.primary{color:#fff;background:linear-gradient(145deg,#ff812c,#ed4b06);border:1px solid #ff7928;box-shadow:0 9px 24px #0006}.primary:hover{background:#ff8730}.outline{color:#fff;background:#100f0dcc;border:1px solid #ff691e}.outline:hover{background:#f65f13}.menu-toggle{color:#fff;background:0 0;border:0;font-size:28px;display:none}.hero{background:linear-gradient(90deg,#0a0a0a 0%,#101010b3 43%,#13100d33 100%),url(/demos/ironclad-hvac/assets/ironclad-hvac-hero-technician-truck-sunset-CsOH8Ow5.png) 100%/cover no-repeat;border-bottom:4px solid #f46415;align-items:center;min-height:660px;display:flex;position:relative}.hero-backdrop{background:radial-gradient(at 78% 18%,#ff8a353d,#0000 47%),linear-gradient(90deg,#000d 0%,#0008 38%,#0000 80%);position:absolute;inset:0}.hero-haze{background:linear-gradient(#0000 64%,#060606 100%);position:absolute;inset:0}.hero-copy{z-index:1;max-width:900px;padding:70px clamp(20px,4vw,70px);position:relative}.micro,.eyebrow{letter-spacing:.23em;color:#fa792d;font:800 11px Barlow}.micro span{color:#fff;padding:0 8px}.hero h1{letter-spacing:-.025em;color:#fff;text-shadow:0 5px 12px #000a;margin:30px 0;font:900 clamp(68px,8.5vw,152px)/.78 Barlow Condensed}.hero h1 span{display:block}.hero h1 em{color:#fa6417;font-style:normal;display:block}.hero h1 .hero-last{letter-spacing:0;margin-top:16px;font-size:clamp(36px,4.1vw,75px);line-height:1}.hero-intro{color:#e0e0e0;max-width:545px;font-size:17px;line-height:1.6}.hero-tags{letter-spacing:.1em;flex-wrap:wrap;gap:18px;margin:27px 0;font:800 14px Barlow Condensed;display:flex}.hero-tags span{border-right:1px solid #555;padding-right:18px}.hero-tags span:last-child{border:0}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.hero-side{z-index:1;text-align:right;color:#fff;font:800 21px/1.1 Barlow Condensed;position:absolute;top:8%;right:4%;transform:rotate(-5deg)}.hero-side strong{color:#ff7424}.vertical-copy{writing-mode:vertical-rl;color:#ffffffb0;letter-spacing:.2em;font-size:10px;position:absolute;bottom:27px;right:13px}.service-row{background:#0b0b0b;padding:65px clamp(20px,4vw,70px) 80px}.service-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.service-heading h2,.standard h2,.coverage h2,.close h2{letter-spacing:.005em;margin:13px 0 0;font:900 clamp(42px,5.3vw,78px)/.91 Barlow Condensed}.service-heading h2 em,.standard h2 em,.coverage h2 em,.close h2 em{color:#ff6c21;font-style:normal}.service-heading p{color:#aeb4b8;max-width:360px;font-size:16px}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.service-card{background:#17191c;border:1px solid #343434;flex-direction:column;min-height:325px;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(#23314055,#10101085 47%,#090909 100%),radial-gradient(circle at 55% 20%,#ff792245,#0000 60%);position:absolute;inset:0}.service-card.repair:before{background:linear-gradient(#122535a6,#090909),radial-gradient(circle at 40% 12%,#00b9ff55,#0000 65%)}.service-card.emergency:before{background:linear-gradient(#48180ea6,#090909),radial-gradient(circle at 60% 25%,#f65d1455,#0000 65%)}.service-num{z-index:1;letter-spacing:.15em;color:#dbd0c8;padding:18px;font:700 10px Barlow;position:relative}.service-art{z-index:1;flex:1;place-items:center;display:grid;position:relative}.service-art b{color:#ff782d;text-shadow:0 0 40px #ff782d44;font:900 90px Barlow Condensed}.repair .service-art b{color:#58ccff}.service-content{z-index:1;padding:18px;position:relative}.service-content h3{margin:0;font:900 27px/.9 Barlow Condensed}.service-content p{color:#c7c7c7;min-height:40px;font-size:13px;line-height:1.5}.service-content button{color:#ff7b31;letter-spacing:.1em;background:0 0;border:0;padding:0;font:800 13px Barlow Condensed}.standard{background:linear-gradient(110deg,#1c1c1c,#0b0b0b);grid-template-columns:1.1fr 1fr;gap:90px;padding:90px clamp(20px,6vw,100px);display:grid}.standard-copy p{color:#bdc4c8;font-size:19px;line-height:1.7}.feature-list{margin-top:25px}.feature-list div{letter-spacing:.07em;border-top:1px solid #3b3b3b;align-items:center;gap:23px;padding:17px 0;font:800 18px Barlow Condensed;display:flex}.feature-list b{color:#f56e20}.coverage{color:#191919;background:#e6e2dd;grid-template-columns:1fr 1fr;min-height:520px;display:grid}.coverage-art{background:radial-gradient(circle,#784b31,#171719 70%);justify-content:center;align-items:center;min-height:430px;display:flex;position:relative;overflow:hidden}.texas-outline{letter-spacing:-.16em;color:#f56c21;text-shadow:0 0 95px #f56c21aa;font:900 clamp(220px,30vw,440px) Barlow Condensed;transform:rotate(-8deg)}.coverage-art span{color:#fff;letter-spacing:.2em;font:800 13px Barlow;position:absolute;bottom:24px;left:35px}.coverage-copy{padding:75px clamp(28px,6vw,90px)}.coverage-copy p{color:#414141;line-height:1.6}.area-tags{flex-wrap:wrap;gap:9px;margin:25px 0;display:flex}.area-tags span{letter-spacing:.1em;border:1px solid #888;padding:9px 12px;font:700 11px Barlow}.coverage-copy .small-note{color:#6b6b6b;font-size:12px}.close{text-align:center;background:radial-gradient(circle,#3c1a0d,#090909 60%);padding:100px 20px}.close p{color:#c8c8c8;max-width:480px;margin:25px auto}.close .primary{margin-top:12px}footer{background:#060606;border-top:1px solid #292929;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding:45px clamp(20px,4vw,70px);display:flex}footer .footer-logo{font:900 29px Barlow Condensed}footer .footer-logo span{color:#ff6820;letter-spacing:.15em;font-size:15px;display:block}footer>span{font-size:13px;font-weight:700}footer p{color:#8f979b;max-width:380px;font-size:12px}.modal-backdrop{z-index:99;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.request-modal{color:#fff;background:#101315;border:1px solid #555;width:min(560px,100%);max-height:95vh;padding:35px;position:relative;overflow:auto}.request-modal h2{margin:10px 0 18px;font:900 47px/.95 Barlow Condensed}.request-modal p{color:#bdc4ca;line-height:1.55}.request-modal form{gap:16px;display:grid}.request-modal label{gap:8px;font:700 13px Barlow;display:grid}.request-modal input,.request-modal select,.request-modal textarea{color:#fff;background:#1d2226;border:1px solid #62686b;border-radius:3px;width:100%;padding:12px;font:15px Barlow}.form-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.request-modal .demo-warning{color:#ff9b55;font-size:12px}.x-button{color:#fff;background:0 0;border:0;font-size:27px;position:absolute;top:8px;right:10px}.mark{color:#ff7928;font-size:55px}.request-success{text-align:center;padding:25px 5px}@media (width<=1050px){.nav nav{gap:12px}.service-grid{grid-template-columns:repeat(3,1fr)}.nav .nav-cta,.hero-side{display:none}}@media (width<=760px){.nav{padding:19px}.nav nav{background:#101010;flex-direction:column;align-items:flex-start;padding:22px;display:none;position:absolute;top:100%;left:0;right:0}.nav nav.open{display:flex}.menu-toggle{display:block}.hero{background-position:60%;min-height:680px}.hero-copy{background:linear-gradient(90deg,#0009,#0000);padding:80px 22px}.hero h1{font-size:clamp(65px,13vw,108px)}.service-heading{display:block}.service-grid{grid-template-columns:repeat(2,1fr)}.standard,.coverage{grid-template-columns:1fr;gap:25px}.standard{padding:70px 23px}.coverage-copy{padding:55px 23px}}@media (width<=480px){.demo-ribbon{font-size:8px}.service-grid{grid-template-columns:1fr}.service-card{min-height:250px}.service-art b{font-size:75px}.hero-tags{gap:9px}.hero-tags span{padding-right:9px}.hero{min-height:640px}.hero h1{font-size:64px}.form-two{grid-template-columns:1fr}}.service-card .service-art{z-index:0;display:block;position:absolute;inset:0;overflow:hidden}.service-card .service-art img{object-fit:cover;object-position:center;width:100%;height:100%}.service-card:before{z-index:1;pointer-events:none;background:linear-gradient(#0a0a0a1a 12%,#080808b3 62%,#050505 100%)!important}.service-num,.service-content{z-index:2}.service-card{justify-content:space-between}.service-card .service-content{margin-top:auto}.service-card:hover .service-art img{transform:scale(1.045)}.service-card .service-art img{transition:transform .5s}@media (prefers-reduced-motion:reduce){.service-card .service-art img{transition:none}}.coverage-art.coverage-art--photo{background:#111;position:relative;overflow:hidden}.coverage-art--photo img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.coverage-art--photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#080808b8);position:absolute;inset:0}.coverage-art--photo span{z-index:1}
