@font-face{font-family:Raleway;src:url(/fonts/raleway/1Ptug8zYS_SKggPNyC0ITw.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Quattrocento;src:url(/fonts/quattrocento/OZpbg_xvsDZQL_LKIF7q4jP_eE3vcKnY.woff2)format("woff2");font-weight:700;font-display:swap}:root{--orange:#f06425;--ink:#242424;--muted:#626262;--paper:#f7f5f2;--line:#e5e0da;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{color:var(--ink);background:#fff;margin:0;font-family:Raleway,Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto;display:block}p{margin:0 0 1.5rem}h1,h2,h3{margin:0 0 1.4rem;line-height:1.2}h1{font-size:clamp(2.6rem,5vw,4.8rem)}h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800}h3{font-size:1.3rem}a:hover{color:var(--orange)}:focus-visible{outline-offset:5px;outline:3px solid #b44510}::selection{background:#f0642533}.container{width:min(var(--max), calc(100% - 64px));margin-inline:auto}.section{padding:96px 0}.center{text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#b84612;margin-bottom:18px;font-size:.8rem;font-weight:800}.accent-line{background:var(--orange);width:70px;height:3px;margin:25px auto;display:block}.section-heading{text-align:center;max-width:940px;margin:0 auto 48px}.section-heading h2{text-transform:uppercase;max-width:780px;margin-inline:auto}.section-heading>p:last-child{color:var(--muted)}.button{background:var(--orange);border:1px solid var(--orange);color:#191919;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 28px;font-family:Quattrocento,Georgia,serif;font-size:1.1rem;font-weight:700;line-height:1.4;transition:background .2s,color .2s;display:inline-flex}.button:hover{color:#a83d0b;background:#fff}.button-dark{background:var(--ink);border-color:var(--ink);color:#fff}.button-dark:hover{background:var(--orange);color:#171717}.button-outline{color:#fff;background:0 0;border-color:#fff}.button-row{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}
.skip-link{z-index:100;background:#fff;padding:10px 18px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:10px}.contact-bar{color:#eee;background:#222;font-size:.75rem}.contact-bar-inner{justify-content:space-between;gap:16px;padding-block:9px;display:flex}.social-links,.quick-contact{flex-wrap:wrap;gap:20px;display:flex}.navigation-bar{justify-content:space-between;align-items:center;gap:30px;padding-block:22px;display:flex}.logo{width:250px}.main-navigation{text-transform:uppercase;align-items:center;gap:28px;font-size:.85rem;font-weight:700;display:flex}.main-navigation a{white-space:nowrap;padding:10px 0;position:relative}.main-navigation a[aria-current=page]{color:#b84612}.main-navigation a[aria-current=page]:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:2px;left:0;right:0}.menu-toggle{display:none}
.hero{isolation:isolate;background:#222;align-items:center;min-height:76vh;display:grid;position:relative}.hero-image{z-index:-2;object-fit:cover;object-position:center}.hero-shade{z-index:-1;pointer-events:none;background:linear-gradient(#00000059 0%,#000000b8 35%,#000000d1 65%,#0000008c 100%);position:absolute;inset:0}.hero-content{text-align:center;color:#fff;text-shadow:0 2px 12px #000000a6;padding-block:90px;position:relative}.hero-tagline{text-transform:uppercase;letter-spacing:.14em;font-size:clamp(.9rem,1.7vw,1.25rem)}.hero h1{color:var(--orange);text-transform:uppercase;max-width:1050px;margin:0 auto 35px;font-family:Quattrocento,Georgia,serif;line-height:1.12}.page-banner{text-align:center;background:linear-gradient(#000c,#000c),url(/media/cophalt-engineering-banner-scaled.jpg) 50% 35%/cover;padding:65px 0}.page-banner h1{color:var(--orange);text-transform:uppercase;margin:0;font-size:clamp(2.8rem,6vw,5rem)}.split-grid{grid-template-columns:1fr 1fr;align-items:center;gap:65px;display:grid}.intro-logo{width:360px;margin-bottom:22px}.introduction h2{text-transform:uppercase;font-size:1.3rem}.intro-photo{object-fit:cover;border-radius:5px;width:100%;height:510px}.collaboration{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:65px;margin-top:60px;padding-top:45px;display:grid}.collaboration h3{text-transform:uppercase}.collaboration .prose p:last-child{margin:0}.services-section{color:#fff;background:linear-gradient(#171717eb,#171717eb),url(/media/cophalt-engineering-banner2.jpg) 50%/cover}.services-section .section-heading>p:last-child{color:#d7d7d7}.services-section .eyebrow{color:#ff995f}.services-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.service-card{color:#222;border-bottom:3px solid var(--orange);background:#fff;flex-direction:column;transition:transform .2s;display:flex}.service-card:hover{color:#a83d0b;transform:translateY(-5px)}.service-card>img{object-fit:cover;width:100%;height:230px}.service-caption{flex:1;padding:22px;position:relative}.service-caption h3{margin:10px 0 0;font-size:1.05rem;line-height:1.4}.service-number{color:#a83d0b;font-size:.75rem;font-weight:800}.service-caption>span:last-child{position:absolute;top:18px;right:18px}.services-grid-detailed{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid-detailed .service-caption h3{margin-bottom:20px}.services-grid-detailed .service-caption .prose{color:var(--ink);font-size:.9rem;font-weight:400}
.contact-section{background:var(--paper);border-top:1px solid var(--line)}.contact-grid{grid-template-columns:1.2fr 1fr;gap:90px;display:grid}.contact-grid h3{text-transform:uppercase;margin-bottom:26px;font-size:1.05rem}.contact-details a{text-underline-offset:4px;text-decoration:underline}.contact-details>.social-links{margin:25px 0 40px;font-size:.85rem}.contact-details address{border-left:2px solid var(--orange);margin:0 0 30px;padding-left:20px;font-style:normal}.contact-details address p{margin:8px 0}.contact-details address a{font-size:.85rem}.contact-form{flex-direction:column;gap:18px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-form label{flex-direction:column;gap:6px;font-size:.85rem;font-weight:700;display:flex}.contact-form input,.contact-form textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #c5c0b9;border-radius:3px;padding:12px 14px;font-size:1rem;font-weight:400}.contact-form textarea{resize:vertical;min-height:160px}.contact-form button:disabled{opacity:.6;cursor:wait}.contact-form .honeypot{position:absolute;left:-9999px}.form-status{border-left:3px solid var(--orange);background:#fff;margin:0;padding:14px;font-weight:600}
.site-footer{color:#ddd;background:#202020;padding-top:65px;font-size:.88rem}.footer-grid{grid-template-columns:1fr 1.6fr 1fr;gap:65px;display:grid}.footer-grid h2{color:#fff;text-transform:uppercase;border-bottom:2px solid var(--orange);width:fit-content;padding-bottom:14px;font-size:1.15rem}.footer-socials{flex-direction:column;gap:8px;display:flex}.footer-grid p{margin-bottom:12px}.footer-bottom{border-top:1px solid #ffffff26;justify-content:space-between;gap:30px;margin-top:45px;padding:25px 0;font-size:.72rem;display:flex}.footer-bottom p{margin:0}
.statements-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:70px;display:grid}.statements-grid article{background:var(--paper);border-top:3px solid var(--orange);padding:32px}.statements-grid h3{text-transform:uppercase}.statements-grid p:last-child{margin:0}.portfolio-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.portfolio-card{border:1px solid var(--line);padding:32px}.portfolio-card h3{text-transform:uppercase}.portfolio-card dl{margin:0}.portfolio-card dl+dl{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.portfolio-card dl>div{margin-top:18px}.portfolio-card dt{color:#a83d0b;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800}.portfolio-card dd{margin:4px 0 0}.team-section{background:var(--paper)}.team-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.team-monogram{border:2px solid var(--orange);color:#a83d0b;border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto 25px;font-size:1.6rem;font-weight:800;display:grid}.team-grid h3{text-transform:uppercase;font-size:1.1rem}.team-grid p{color:var(--muted)}.service-jumps{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:65px;display:flex}.service-jumps a{background:var(--paper);border:1px solid var(--line);padding:10px 16px;font-size:.8rem}.service-detail{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:60px;padding:60px 0;scroll-margin-top:30px;display:grid}.service-detail-heading h2{font-size:2rem}.service-detail-heading img{object-fit:cover;width:100%;height:330px}.prose h3{margin-top:24px;font-size:1.2rem}.prose ul{margin-bottom:25px;padding-left:22px}.prose li{margin-bottom:8px;padding-left:5px}.prose li::marker{color:var(--orange)}
.gallery-filters{border:0;flex-wrap:wrap;justify-content:center;gap:10px;min-width:0;margin:0;padding:0;display:flex}.gallery-filters button{background:#fff;border:1px solid #c5c0b9;border-radius:3px;padding:9px 20px;font-size:.85rem;font-weight:700}.gallery-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.gallery-count{text-align:center;color:var(--muted);margin:20px 0 28px;font-size:.8rem}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.gallery-tile{background:var(--paper);text-align:left;color:var(--ink);border:0;padding:0;overflow:hidden}.gallery-tile img{object-fit:cover;width:100%;height:260px;transition:transform .2s}.gallery-tile:hover img{transform:scale(1.03)}.gallery-tile span{padding:14px 16px;font-size:.75rem;font-weight:600;line-height:1.5;display:block}.lightbox{color:#fff;background:0 0;border:0;width:1100px;max-width:94vw;max-height:95vh;padding:0;overflow:visible}.lightbox::backdrop{background:#000e}.lightbox-inner{position:relative}.lightbox-image{height:72vh;position:relative}.lightbox-photograph{object-fit:contain}.lightbox-close{z-index:1;color:#222;background:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:2rem;line-height:1;position:absolute;top:-10px;right:0}.lightbox-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-top:12px;display:flex}.lightbox-toolbar p{text-align:center;margin:0;font-size:.9rem;line-height:1.4}.lightbox-toolbar button{color:#222;background:#fff;border:0;border-radius:50%;flex-shrink:0;width:44px;height:44px}.gallery-grid-preview{margin-bottom:36px}.gallery-grid-preview .gallery-tile span{display:none}
@media (min-width:1500px){.hero{min-height:720px}}@media (max-width:1050px){.main-navigation{gap:17px;font-size:.75rem}.logo{width:210px}.services-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.contact-grid{gap:40px}.footer-grid,.service-detail{gap:35px}.gallery-tile img{height:220px}}@media (max-width:800px){.container{width:calc(100% - 40px)}.section{padding:65px 0}.contact-bar .social-links{display:none}.contact-bar-inner{justify-content:center}.quick-contact{justify-content:center;font-size:.7rem}.navigation-bar{padding-block:15px;position:relative}.logo{width:200px}.menu-toggle{border:1px solid var(--line);background:#fff;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:700;display:flex}.main-navigation{z-index:20;background:#fff;align-items:stretch;gap:4px;padding:18px 24px;display:none;position:absolute;top:100%;left:-20px;right:-20px;box-shadow:0 10px 15px #0002}.main-navigation.open{flex-direction:column;display:flex}.main-navigation a{padding:12px}.main-navigation a[aria-current=page]:after{display:none}.hero{min-height:610px}.hero-content{padding-block:70px}.hero h1{font-size:clamp(2.6rem,7vw,4.2rem)}.hero-tagline{max-width:450px;margin-inline:auto}.split-grid,.contact-grid,.service-detail,.collaboration{grid-template-columns:1fr}.intro-photo{height:420px}.collaboration{gap:12px}.contact-grid{gap:50px}.statements-grid{grid-template-columns:1fr;gap:18px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-socials{flex-flow:wrap;gap:20px}.service-detail-heading img{height:350px}.service-detail{padding-block:40px}.team-grid{gap:20px}.team-grid h3{font-size:.9rem}.team-grid p{font-size:.8rem}.page-banner{padding:45px 0}.lightbox-image{height:65vh}}@media (max-width:500px){.hero{min-height:550px}.hero h1{font-size:2.65rem}.hero-tagline{font-size:.8rem;line-height:1.7}.button{padding:12px 22px;font-size:.95rem}.services-grid,.gallery-grid,.team-grid,.form-row,.footer-grid{grid-template-columns:1fr}.service-card>img{height:250px}.intro-photo{height:330px}.intro-logo{width:280px}.gallery-tile img{height:270px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:1.65rem}.section-heading>p:last-child{font-size:.9rem}.footer-bottom{flex-direction:column;gap:8px}.footer-grid>div:first-child{grid-column:auto}.team-grid{gap:35px}.team-grid h3{font-size:1.1rem}.team-grid p{font-size:.9rem}.contact-bar-inner{width:100%}.quick-contact{gap:15px}.portfolio-card{padding:24px}.service-detail-heading h2{font-size:1.7rem}.lightbox-toolbar p{font-size:.75rem}.lightbox-image{height:58vh}.social-links{gap:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card,.gallery-tile img,.button{transition:none}}@media (max-width:500px){.services-grid-detailed{grid-template-columns:1fr}}