@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Archivo-Bold.woff2") format("woff2")}
@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/Archivo-ExtraBold.woff2") format("woff2")}
:root{--ink:#151c21;--night:#11191f;--muted:#4d5962;--line:#d5dde1;--red:#d91e2e;--red-light:#ff5963;--heading:Archivo,Arial,sans-serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:#fff;color:var(--ink);font:1.0625rem/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #c51c2b;outline-offset:5px}
.hero a:focus-visible,.site-header a:focus-visible,.site-footer a:focus-visible{outline-color:#ff7e86}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--heading);font-weight:800;color:inherit}
h1,h2{letter-spacing:-.045em}
h1{font-size:clamp(3.3rem,5.65vw,5.4rem);line-height:1.04}
h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.13}
h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em}
p{color:var(--muted)}
.container{width:min(100% - 7rem,1240px);margin-inline:auto}
.section{padding-block:5.25rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;background:#fff;color:var(--ink);padding:.75rem 1.25rem}
.skip-link:focus{top:1rem}
.eyebrow{display:flex;align-items:center;gap:.8rem;font-size:.75rem;font-weight:700;line-height:1.5;letter-spacing:.14em;color:#c6d0d8;margin-bottom:1.15rem}
.eyebrow.dark{color:#52616c}
.hero .eyebrow span{width:1.6rem;height:3px;background:var(--red-light)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.3rem;padding:.85rem 1.4rem;border:1px solid transparent;border-radius:3px;background:var(--red);color:#fff;font-size:.9375rem;font-weight:700;line-height:1.4;text-align:center;transition:background .18s ease}
.button:hover{background:#b91927}
.button-small{min-height:2.85rem;padding:.7rem 1.1rem;font-size:.875rem}
.text-link{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.9375rem;line-height:1.5;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#9aa8b1;text-decoration-thickness:1px}
.text-link:hover{color:var(--red);text-decoration-color:currentColor}
.light-link{color:#eef3f7;text-decoration-color:#63737f}
.light-link:hover{color:#fff;text-decoration-color:#fff}
/* A short navigation stays visible without a disclosure menu. */
.site-header{position:relative;z-index:30;background:var(--night);color:#fff;border-bottom:1px solid #34414b}
.header-inner{min-height:6.2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:inline-flex;align-items:center;gap:.8rem;flex-shrink:0}
.brand picture{line-height:0}
.brand img{display:block;width:3.25rem;height:3.25rem;object-fit:contain}
.wordmark{font:800 2rem/1 var(--heading);letter-spacing:-.055em;color:#fff}
.wordmark>span{color:#f4444d}
.wordmark small{display:block;font:700 .75rem/1.4 var(--body);letter-spacing:.035em;margin-top:.55rem;color:#e2e9ef}
.site-nav{display:flex;align-items:center;gap:1.75rem}
.site-nav>a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.875rem;font-weight:600;white-space:nowrap}
.site-nav>a:not(.button):hover{color:#ff7e86}
.mobile-call{display:none}
/* Hero */
.hero{background:var(--night);color:#fff}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3rem;align-items:center;padding-block:5rem}
.hero h1>span{color:var(--red-light)}
.hero-description{color:#c4ced6;max-width:28rem;font-size:1.125rem;line-height:1.7;margin-top:1.65rem}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.3rem;margin-top:2rem}
.field-photo{min-width:0;overflow:hidden;border-radius:3px}
.field-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
/* Services */
.section-intro{margin-bottom:2.2rem}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.service-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#fff}
.service-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.service-body{padding:1.8rem 2rem 2rem;flex:1;border-top:4px solid var(--red)}
.gas-card .service-body{border-top-color:#c29314}
.service-body h3{font-size:clamp(1.5rem,2.1vw,1.9rem);line-height:1.2;margin-bottom:1rem;max-width:26rem}
.service-body p{max-width:32rem;line-height:1.7}
/* Important preparation and limitations remain visible. */
.safety-strip{background:#f1f4f5;border-block:1px solid #dbe2e7;padding-block:2.6rem}
.safety-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;align-items:start}
.safety-811 h2{font-size:clamp(1.4rem,2.2vw,1.8rem);letter-spacing:-.025em;line-height:1.25;margin-bottom:.8rem}
.safety-grid p{font-size:.9375rem;line-height:1.75;max-width:36rem}
.safety-811 .text-link{font-size:.875rem;margin-top:.6rem}
.safety-limits{border-left:1px solid #bac7cf;padding-left:3rem}
.safety-limits h3{font-size:1.125rem;margin-bottom:.7rem}
/* Contact */
.contact-section{padding-block:5.25rem;background:#fff}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:5rem;align-items:start}
.contact-copy h2{max-width:30rem}
.contact-copy>p:not(.eyebrow){max-width:30rem;margin-top:1.25rem}
.project-details{border-top:1px solid #c3cfd7;margin-top:1.8rem;padding-top:1.3rem}
.project-details h3{font:700 1rem/1.5 var(--body);letter-spacing:0}
.project-details ul{margin:.75rem 0;padding-left:1.2rem;color:var(--muted)}
.project-details li{padding:.2rem 0}
.project-details p{font-size:.9375rem}
.contact-methods{display:grid;gap:1rem;min-width:0;padding-top:.15rem}
.contact-card{display:flex;flex-direction:column;background:#f7f9fa;border:1px solid #bdcbd4;border-left:3px solid var(--red);border-radius:3px;padding:1.6rem 1.8rem;transition:border-color .18s,background .18s}
.contact-card:hover{background:#fff9f9;border-color:#c51c2b}
.contact-label{font-size:.75rem;letter-spacing:.12em;font-weight:700;color:#52616c}
.contact-card strong{font-family:var(--heading);font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.4;letter-spacing:-.035em;margin:.5rem 0 .8rem;overflow-wrap:anywhere}
.contact-description{font-size:.875rem;color:#4d5962}
/* Footer */
.site-footer{background:var(--night);color:#fff;padding-top:2.8rem}
.footer-top{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:3rem;padding-bottom:2.5rem}
.footer-top p{font-size:.9375rem;color:#b9c7d1}
.footer-brand .wordmark{font-size:2rem}
.footer-contact a{display:block;width:fit-content;min-height:2.75rem;padding:.5rem 0;color:#eef3f7;text-decoration:underline;text-underline-offset:4px}
.footer-contact a:hover{color:#ff7e86}
.footer-bottom{padding-block:1.3rem;border-top:1px solid #35434d;font-size:.75rem;color:#adbeca}
.footer-bottom>span{letter-spacing:.1em}
@media(min-width:1500px){.hero-grid{padding-block:5.75rem}}
@media(max-width:1100px){
 .container{width:calc(100% - 4rem)}
 .hero-grid{gap:2rem;padding-block:4rem}
 h1{font-size:clamp(3.1rem,5.5vw,4.3rem)}
 .contact-grid{gap:3rem}
 .service-body{padding:1.5rem}
 .safety-grid{gap:2rem}.safety-limits{padding-left:2rem}
}
@media(max-width:850px){
 .container{width:calc(100% - 3rem)}
 .header-inner{gap:1.5rem}.site-nav{gap:1.25rem}
 .brand img{width:2.75rem;height:2.75rem}.wordmark{font-size:1.8rem}
 .hero-grid{gap:1.5rem}.hero h1{font-size:3.1rem}.hero-description{font-size:1rem}
 .hero-actions{gap:.7rem 1rem}.hero-actions .button{font-size:.875rem}
 .section,.contact-section{padding-block:4rem}
 .contact-grid{gap:2rem}.footer-top{gap:2rem}
}
@media(max-width:760px){
 html{scroll-padding-top:8.5rem}
 /* Sticky in-flow header keeps calling easy and leaves the footer unobstructed. */
 .site-header{position:sticky;top:0;box-shadow:0 3px 12px #00000012}
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem 1rem;min-height:0;padding-block:.7rem .15rem}
 .mobile-call{display:inline-flex;min-height:2.75rem;padding:.65rem .95rem;font-size:.8125rem;white-space:nowrap}
 .site-nav{grid-column:1/-1;gap:1.6rem;justify-content:flex-start}
 .site-nav>a{font-size:.875rem;min-height:2.75rem}
 .site-nav .nav-phone{display:none}
 .hero-grid{grid-template-columns:1fr;gap:2.5rem;padding-block:3.25rem}
 .hero-copy{max-width:36rem}.hero h1{font-size:clamp(3.1rem,8.5vw,4.5rem)}
 .hero-description{font-size:1.125rem;max-width:30rem}.hero-actions{gap:1rem 1.4rem}
 .field-photo{width:100%;max-width:38rem}
 .section-intro{margin-bottom:1.8rem}
 .services-grid,.safety-grid,.contact-grid{grid-template-columns:1fr}
 .services-grid{gap:1.5rem}.service-body{padding:1.5rem 1.6rem 1.7rem}.service-body h3{font-size:1.65rem}
 .safety-strip{padding-block:2.2rem}.safety-grid{gap:1.5rem}
 .safety-limits{border-left:0;border-top:1px solid #bac7cf;padding:1.4rem 0 0}
 .contact-grid{gap:2.2rem}.contact-methods{padding-top:0}
 .footer-top{grid-template-columns:1fr auto;gap:1.5rem}
 .footer-contact{grid-column:1/-1;grid-row:2}.footer-top>.text-link{grid-column:2;grid-row:1}
 .footer-contact p{margin-bottom:.4rem}
}
@media(max-width:440px){
 .container{width:calc(100% - 2.5rem)}
 .brand{gap:.55rem}.brand img{width:2.25rem;height:2.25rem}.wordmark{font-size:1.55rem}
 .wordmark small{font-size:.65rem;letter-spacing:0;margin-top:.4rem}
 .header-inner{column-gap:.65rem}.mobile-call{font-size:.75rem;padding:.6rem .75rem}
 .hero-grid{padding-block:2.75rem;gap:2.1rem}.hero h1{font-size:clamp(2.65rem,10.5vw,3.3rem)}
 .hero-description{font-size:1.0625rem;margin-top:1.4rem}
 .hero-actions{gap:.75rem 1rem;margin-top:1.6rem}.hero-actions>.button{width:100%}
 .hero-actions>.text-link{min-height:2.75rem}
 h2{font-size:2.1rem}.section,.contact-section{padding-block:3.25rem}
 .service-body{padding:1.35rem}.service-body h3{font-size:1.5rem}.service-body p{font-size:1rem}
 .contact-card{padding:1.3rem}.contact-card strong{font-size:1.4rem}
 .footer-brand .wordmark{font-size:1.8rem}.footer-top{column-gap:1rem}.footer-top>.text-link{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}