@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');:root{--orange:#ff7900;--black:#141414;--paper:#f6f5f2;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);font-family:'DM Sans',Arial,sans-serif;background:var(--paper)}a{color:inherit;text-decoration:none}button{cursor:pointer}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);background:#111;color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #333}.logo{display:flex;align-items:center;gap:8px;line-height:.85}.hi{font:900 56px 'Barlow Condensed',sans-serif;letter-spacing:-3px}.dot{color:var(--orange)}.logo-sub{font:800 19px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;width:122px;line-height:1}.logo-sub small{font-size:10px}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700;letter-spacing:1px}nav>a:not(.btn):hover{color:var(--orange)}.btn{background:var(--orange);color:#111;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:19px 25px;font-size:12px;font-weight:800;letter-spacing:1px;border:0;transition:.2s}.btn:hover{background:#ff8a45;transform:translateY(-2px)}.btn-small{padding:14px 18px}.menu{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:680px;position:relative;color:white;display:flex;align-items:center;background:linear-gradient(115deg,#121212 10%,#252525 58%,#373737);overflow:hidden}.hero:after{content:'HI';position:absolute;right:-3%;top:2%;font:900 min(42vw,600px) 'Barlow Condensed',sans-serif;color:#ffffff08;letter-spacing:-40px;pointer-events:none}.hero-inner{position:relative;z-index:1;padding:75px max(5vw,22px);max-width:1100px}.eyebrow{color:var(--orange);font-size:11px;letter-spacing:2.5px;font-weight:800;margin-bottom:23px}.eyebrow.dark{color:#c44c0d}.line{display:inline-block;width:24px;border-top:2px solid var(--orange);vertical-align:middle;margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif}h1{font-size:clamp(76px,11vw,155px);line-height:.85;letter-spacing:-2px;margin-bottom:33px;font-weight:900}h1 em{font-style:normal;color:var(--orange)}.hero p{max-width:565px;font-size:17px;line-height:1.7;color:#dedede}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:34px 0 65px}.btn-outline{border:1px solid #aaa;padding:19px 24px;font-size:12px;font-weight:800;letter-spacing:1px}.btn-outline:hover{background:white;color:black}.hero-foot{display:flex;flex-wrap:wrap;gap:30px;color:#bfbfbf;font-size:10px;font-weight:800;letter-spacing:1.1px}.ticker{display:flex;justify-content:space-around;align-items:center;gap:18px;flex-wrap:wrap;background:var(--orange);padding:17px 20px;font:800 19px 'Barlow Condensed',sans-serif;letter-spacing:2px}.ticker b{font-size:17px}.section{padding:105px max(5vw,22px);max-width:1500px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-head h2,.dark-panel h2,.about h2,.cta h2{font-size:clamp(56px,7vw,100px);font-weight:900;line-height:.9;letter-spacing:-1px;margin:0}.section-head h2 span{color:var(--orange)}.section-head>p{max-width:370px;color:#666;line-height:1.75}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service{min-height:380px;background:white;border:1px solid #e5e5e5;padding:30px;display:flex;flex-direction:column}.num{font-size:12px;color:#999;font-weight:700}.symbol{font-size:90px;line-height:1.3;color:var(--orange)}.service h3{font-size:42px;line-height:1;margin-bottom:12px}.service p{color:#666;font-size:14px;line-height:1.8;flex:1}.service a{font-size:11px;font-weight:800;letter-spacing:1px;color:#bd4d13}.dark-panel{background:#161616;color:white}.dark-panel h2 span{color:var(--orange)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px}.benefits>div{border-top:1px solid #555;padding-top:20px}.benefits strong{color:var(--orange)}.benefits h3{font-size:30px;margin:20px 0 10px}.benefits p{color:#aaa;line-height:1.8;font-size:14px}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.gallery-item{height:360px;display:flex;align-items:end;padding:25px;color:white;font:800 28px 'Barlow Condensed',sans-serif;letter-spacing:1px;background:linear-gradient(145deg,#555,#202020)}.g2{background:linear-gradient(145deg,#69645d,#252525)}.g3{background:linear-gradient(145deg,#393939,#80502c)}.gallery-item span{border-left:4px solid var(--orange);padding-left:12px}.photo-note{color:#777;font-size:12px;margin-top:18px}.about{background:var(--orange);color:#111}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about .eyebrow{color:#522308}.about h2 span{color:white}.about p{line-height:1.8}.about .large{font-size:23px;font-weight:700;line-height:1.5}.about .btn{background:#141414;color:white;margin-top:15px}.estimate-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.form-shell{background:white;padding:35px;border:1px solid #e8e8e8}.form-shell h3{font-size:42px;margin:0}.form-shell>p{color:#666;font-size:14px}.not-connected{background:#f5f5f5;padding:32px;margin-top:25px;min-height:275px}.not-connected strong{display:block;font-size:20px;margin:10px 0}.not-connected p{color:#666;line-height:1.8;font-size:14px}.status-dot{display:block;width:12px;height:12px;background:var(--orange);border-radius:50%}.estimate-aside{background:#181818;color:white;padding:35px;display:flex;flex-direction:column;justify-content:center}.aside-label{font-size:11px;letter-spacing:2px;color:var(--orange);font-weight:800}.estimate-aside h3{font-size:65px;line-height:.93;margin:25px 0}.estimate-aside h3 span{color:var(--orange)}.estimate-aside p{line-height:1.7;color:#bbb}.phone{font:800 34px 'Barlow Condensed',sans-serif;color:var(--orange)}.smallprint{margin-top:30px;font-size:12px;color:#999}.cta{background:#242424;color:white;padding:85px max(5vw,22px);display:flex;justify-content:space-between;align-items:end;gap:40px}.cta h2 span{color:var(--orange)}.cta p{max-width:340px;color:#bbb;line-height:1.7}.btn-light{background:white;color:#111}footer{background:#0f0f0f;color:white;padding:45px max(5vw,22px)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top p{font:800 20px 'Barlow Condensed',sans-serif;letter-spacing:2px}.footer-top>a:last-child{color:var(--orange);font-weight:800}.footer-bottom{border-top:1px solid #444;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#aaa;font-size:11px}@media(max-width:900px){.menu{display:block}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#111;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.section-head,.cta{display:block}.section-head>p{margin-top:24px}.services,.benefits{grid-template-columns:1fr}.service{min-height:310px}.gallery{grid-template-columns:1fr 1fr}.gallery-item{height:260px}.about-grid,.estimate-layout{grid-template-columns:1fr}.cta>div+div{margin-top:35px}}@media(max-width:600px){.nav{height:74px}.hi{font-size:46px}.logo-sub{font-size:16px;width:105px}nav{top:74px}.hero{min-height:610px}h1{font-size:clamp(68px,14vw,100px)}.hero-inner{padding-top:60px}.hero-foot{gap:13px}.ticker{font-size:14px}.section{padding-top:70px;padding-bottom:70px}.gallery{grid-template-columns:1fr}.gallery-item{height:210px}.form-shell,.estimate-aside{padding:23px}.footer-top{align-items:start;flex-direction:column}.about-grid{gap:30px}}

/* Official HI Construction logo */
.logo .brand-image{display:block;width:220px;height:auto;max-height:75px;object-fit:contain;object-position:left center}
.footer-top .logo .brand-image{width:260px;max-height:120px}
@media(max-width:600px){.logo .brand-image{width:165px;max-height:60px}.footer-top .logo .brand-image{width:220px}}

/* Embedded Jobber request form */
.jobber-embedded-form { width: 100%; min-height: 340px; overflow-wrap: anywhere; }
.jobber-embedded-form iframe { max-width: 100%; }

/* Contact email in estimate sidebar */
.contact-email{display:block;margin-top:12px;color:#ff7900;font-weight:700;overflow-wrap:anywhere;text-decoration:none}
.contact-email:hover{text-decoration:underline}
.footer-top{flex-wrap:wrap;gap:18px}
.footer-top a[href^="mailto:"]{overflow-wrap:anywhere}

/* Interactive project portfolio */
.project-services .service{display:flex;flex-direction:column;gap:12px}.project-services .service h3{margin:12px 0 0}.project-services .service p{flex:1}.service-photo,.compare{width:100%;height:230px;position:relative;overflow:hidden;background:#ddd}.service-photo img,.compare>img{width:100%;height:100%;object-fit:cover;display:block}.compare .before-layer{position:absolute;inset:0;width:50%;overflow:hidden}.compare .before-layer img{height:100%;width:var(--compare-width,330px);max-width:none;object-fit:cover;display:block}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:white;pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff7200;color:white;border:2px solid white;border-radius:50%;padding:12px;font-weight:900}.tag{position:absolute;bottom:12px;background:#121212c9;color:white;font-size:11px;padding:6px 10px;font-weight:800;letter-spacing:1px}.tag-before{left:10px}.tag-after{right:10px}.gallery-link{background:none;border:0;color:#c44d10;text-align:left;padding:0;cursor:pointer;font-weight:800;letter-spacing:1px}.gallery-new button{position:relative;border:0;cursor:pointer;min-height:240px;overflow:hidden;padding:0;background:#111}.gallery-new button img{width:100%;height:260px;object-fit:cover;display:block}.gallery-new button span{position:absolute;bottom:0;left:0;right:0;background:#111b;color:white;padding:16px;text-align:left;font-weight:900}.photo-modal[hidden]{display:none}.photo-modal{position:fixed;inset:0;background:#000c;z-index:1000;overflow:auto;padding:5vh 4vw}.modal-inner{position:relative;background:#fff;max-width:1050px;margin:auto;padding:28px}.modal-close{position:absolute;right:20px;top:10px;border:0;background:none;font-size:38px;cursor:pointer}.modal-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px}.modal-photos figure{margin:0}.modal-photos img{width:100%;height:330px;object-fit:cover}.modal-photos figcaption{font-weight:800;padding:6px 0}@media(max-width:850px){.service-photo,.compare{height:260px}}

/* Multi-project gallery upgrade */
.photo-modal[hidden]{display:none!important}.photo-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.83);overflow-y:auto;padding:20px}.modal-inner{position:relative;background:white;margin:auto;max-width:1150px;padding:25px;border-radius:4px}.modal-inner h2{padding-right:55px}.gallery-viewer{display:flex;align-items:center;gap:12px}.gallery-viewer figure{flex:1;min-width:0;margin:0}.gallery-viewer img{display:block;width:100%;height:min(60vh,620px);object-fit:contain;background:#f1f1f1}.gallery-viewer figcaption{font-weight:700;padding:12px 0}.gallery-prev,.gallery-next{border:0;background:#171717;color:white;font-size:36px;width:45px;height:65px;cursor:pointer;flex-shrink:0}.gallery-counter{text-align:center;color:#555;margin:4px 0 12px}.gallery-thumbs{display:flex;overflow-x:auto;gap:9px;padding:8px 0 12px}.gallery-thumbs button{padding:0;border:3px solid transparent;background:transparent;cursor:pointer;flex:0 0 105px;height:80px}.gallery-thumbs button.selected{border-color:#ff7900}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.benefits>div{padding-top:28px}.benefits h3{margin-top:0}@media(max-width:650px){.modal-inner{padding:16px}.gallery-viewer{gap:4px}.gallery-prev,.gallery-next{width:32px;font-size:26px}.gallery-viewer img{height:45vh}.gallery-thumbs button{flex-basis:76px;height:62px}}