:root{--yellow:#f9e522;--ink:#303030;--paper:#f3f1e9;--muted:#5c5b57;--line:#d5d3ca;scroll-behavior:smooth;scroll-padding-top:105px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #2877ba;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.03;letter-spacing:-.045em}h1{font-size:clamp(3.5rem,5.5vw,6rem);font-weight:800}h2{font-size:clamp(2.4rem,4.15vw,4.5rem)}h3{font-size:2rem}.skip{position:fixed;left:16px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.header{padding:24px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{width:246px;flex-shrink:0}.brand img{height:auto}.header nav{display:flex;gap:30px;font-size:15px;font-weight:600}.header nav a:hover{text-decoration:underline;text-underline-offset:7px}.header-call{font-weight:700;font-size:16px;white-space:nowrap}.header-call span{margin-left:14px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:var(--yellow)}.hero-copy{padding:65px 8.5% 68px 9%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:13px;letter-spacing:.12em;font-weight:700;margin-bottom:27px}.hero h1{margin-bottom:32px}.hero-intro{font-size:19px;max-width:420px;margin-bottom:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 24px;font-size:16px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.dark{background:var(--ink);color:white}.button.yellow{background:var(--yellow);color:var(--ink)}.button span{font-size:24px;line-height:1}.text-link{margin-top:25px;font-size:15px;font-weight:600}.text-link span{margin-left:20px}.hero-photo{position:relative;min-width:0;background:#577ca0;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:49% 48%}.hero-photo figcaption{position:absolute;bottom:24px;left:24px;right:24px;background:var(--ink);color:white;padding:18px 22px;font-size:16px}.hero-photo figcaption span{display:block;font-size:11px;letter-spacing:.12em;color:var(--yellow);margin-bottom:4px}.service-strip{background:var(--ink);color:white;display:flex;justify-content:space-between;padding:23px 6%;font-size:13px;font-weight:700;letter-spacing:.12em}.service-strip span{border-left:4px solid var(--yellow);padding-left:15px}.section{padding:100px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:62px}.section-heading>p{max-width:360px;color:var(--muted)}.section-heading .eyebrow{margin-bottom:22px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-grid article{padding:35px 40px 10px 0}.service-grid article+article{border-left:1px solid var(--line);padding-left:40px}.index{display:inline-block;background:var(--yellow);font-size:13px;font-weight:bold;padding:3px 10px;margin-bottom:35px}.service-grid h3{font-size:2.3rem;margin-bottom:23px}.service-grid p{color:var(--muted);font-size:16px;max-width:290px;min-height:75px}.service-grid ul{list-style:none;margin:30px 0 0;padding:0;font-size:16px}.service-grid li{padding:8px 0;border-bottom:1px solid var(--line)}.service-grid li:before{content:'—';margin-right:12px;color:#777}.projects{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project-photo{height:290px;position:relative;background:var(--paper)}.project-photo img{height:100%;width:100%;object-fit:cover}.project:first-child .project-photo img{object-position:50% 35%}.photo-label{position:absolute;bottom:0;left:0;background:var(--yellow);padding:8px 13px;font-size:11px;letter-spacing:.08em;font-weight:700}.location{font-size:12px;letter-spacing:.07em;color:var(--muted);margin:25px 0 14px}.project h3{font-size:1.55rem;letter-spacing:-.025em;line-height:1.15;margin-bottom:16px}.project>p:last-child{font-size:15px;color:var(--muted);max-width:350px}.care{background:var(--ink);color:white;padding:100px 6%;display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.care-title .eyebrow{color:var(--yellow)}.care-title h2 span{color:var(--yellow)}.care-title>p:not(.eyebrow){color:#d4d4cf;max-width:450px;margin:32px 0}.care-title h2{font-size:clamp(2.6rem,3.8vw,4rem)}.care-list article{display:flex;gap:28px;border-top:1px solid #676763;padding:30px 0}.care-list article>span{font-size:13px;color:var(--yellow);padding-top:6px}.care-list h3{font-size:1.5rem;letter-spacing:-.02em;line-height:1.2;margin-bottom:13px}.care-list p{color:#d4d4cf;font-size:16px;max-width:370px}.contact{background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact h2{font-size:clamp(2.3rem,3.7vw,4rem)}.contact>div>p:last-child{margin-top:25px;font-size:16px}.contact-links{display:flex;flex-direction:column;align-items:stretch}.contact-links a{padding:23px 0;border-bottom:1px solid #8e8524;display:flex;justify-content:space-between;gap:16px;font-size:clamp(1rem,1.6vw,1.5rem);overflow-wrap:anywhere}.contact-links .phone{font-size:clamp(1.5rem,2.8vw,2.8rem);font-weight:700;letter-spacing:-.04em}.contact-links a:hover{text-decoration:underline;text-underline-offset:5px}.contact-links p{font-size:13px!important}footer{background:white;padding:34px 6%;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}footer img{width:215px;height:auto}footer a{font-weight:600}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:720px}}
@media(max-width:1000px){.header{padding:20px 4%;gap:20px}.brand{width:210px}.header nav{gap:18px;font-size:14px}.header-call{font-size:14px}.hero{min-height:570px}.hero-copy{padding:45px 8%}.hero h1{font-size:3.8rem}.hero .eyebrow{font-size:11px}.hero-intro{font-size:17px}.section{padding:75px 5%}.section-heading{gap:40px}.service-grid article{padding-right:25px}.service-grid article+article{padding-left:25px}.service-grid h3{font-size:2rem}.project-grid{gap:20px}.project-photo{height:240px}.care{padding:75px 5%;gap:50px}.contact{gap:40px}.service-strip{padding:22px 5%;font-size:11px}}
@media(max-width:720px){:root{scroll-padding-top:140px}.header{padding:16px 5%;flex-wrap:wrap;gap:15px}.brand{width:195px}.header-call{font-size:13px}.header-call span{display:none}.header nav{order:3;width:100%;justify-content:space-between;font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero h1{font-size:clamp(3.4rem,11vw,5rem)}.hero .eyebrow{font-size:11px;letter-spacing:.07em}.hero-photo{height:330px}.hero-photo>img{object-position:center 56%}.hero-photo figcaption{font-size:14px;left:18px;right:18px;bottom:18px}.service-strip{gap:18px;flex-wrap:wrap;font-size:10px;justify-content:flex-start;padding:20px 6%}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:24px;max-width:100%}.section-heading h2{font-size:2.6rem}.service-grid,.project-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{border-left:0;border-bottom:1px solid var(--line);padding:28px 0}.index{margin-bottom:22px}.service-grid h3 br{display:none}.service-grid h3{font-size:2rem;line-height:1.15;letter-spacing:-.025em}.service-grid p{min-height:0;max-width:100%}.service-grid ul{margin-top:20px}.project-grid{gap:42px}.project-photo{height:310px}.project h3{font-size:1.7rem}.project>p:last-child{max-width:100%;font-size:16px}.care{grid-template-columns:1fr;padding:60px 6%;gap:45px}.care-title h2{font-size:2.65rem}.care-list article{padding:25px 0}.contact{grid-template-columns:1fr;gap:26px}.contact h2{font-size:2.6rem}.contact-links .phone{font-size:2rem}.contact-links a{font-size:1.1rem}footer{padding:30px 6%;flex-direction:column;align-items:flex-start;gap:20px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}

.service-grid .metal-options li{position:relative;padding-left:28px;overflow-wrap:break-word}.service-grid .metal-options li:before{position:absolute;left:0;margin-right:0}

.hero-photo figcaption{bottom:86px}.hero-photo figcaption strong{font-size:18px;display:block}.hero-photo figcaption p{font-size:14px;margin-top:8px;line-height:1.4}.slide-controls{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;gap:10px;color:white;background:#303030;padding:8px 12px}.slide-controls button{font:inherit;cursor:pointer;border:0;background:#f9e522;color:#303030;min-height:36px;min-width:40px;padding:4px 10px}.slide-controls #pause{margin-left:auto}.slide-controls[hidden]{display:none}@media(max-width:720px){.hero-photo{height:auto;background:var(--ink)}.hero-photo>img{height:clamp(260px,75vw,420px);width:100%;object-fit:cover}.hero-photo figcaption{position:static;padding:22px 6% 18px;min-height:170px}.slide-controls{position:static;margin:0;padding:0 6% 22px}.slide-controls button{min-height:44px;min-width:44px}}
.contact-links .text-us{align-self:flex-start;margin-top:24px;padding:16px 24px;border:0;font-size:16px;min-height:48px;gap:40px}

.gallery-cta{margin-top:42px;padding:28px;background:#303030;color:white;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.gallery-cta h3{font-size:24px;letter-spacing:-.02em;margin-bottom:8px}.gallery-cta p{font-size:16px}.gallery-cta .button{flex-shrink:0}
/* Northeast Overhead Door visual identity */
:root{--yellow:#d6d9dd;--ink:#192029;--paper:#f4f5f6;--muted:#535c64;--line:#d8dde1}
.header{background:#080909;color:#fff;border-color:#343b40}.header .brand{width:260px}.header .brand img{width:100%;max-height:83px;object-fit:contain}.header-call{font-size:15px}.hero{background:#e8ebee}.hero-photo{background:#313a43}.button.yellow,.index,.photo-label,.slide-controls button,.lead-card{color:#192029}.projects{background:#fff}.gallery-cta{background:#192029}.care{background:#192029}.contact{background:#e1e5e8}.contact-links a{border-color:#aab3bc}.service-strip span{border-color:#c9ced3}.lead-form-section{background:#f4f5f6}.project-grid .project-photo{height:300px}.project-grid .project-photo img{object-fit:cover}.project-grid .project:first-child img{object-position:center}.gallery-cta{display:flex;justify-content:space-between;gap:20px;align-items:center}.header nav a:focus-visible,.header-call:focus-visible{outline-color:#fff}
@media(max-width:720px){.header .brand{width:170px}.header-call{font-size:13px}.hero h1{font-size:clamp(3rem,10vw,4.5rem)}.service-strip{font-size:12px}.gallery-cta{display:block}.gallery-cta a{margin-top:18px}.project-grid .project-photo{height:280px}}

/* Full-width branded header */
.header{display:grid;grid-template-columns:1fr auto;padding:0;gap:0;background:#080909;position:relative}
.header .brand,.header>a:first-child{grid-column:1/-1;width:100%;max-width:none;margin:0}
.header .brand img,.header>a:first-child img{display:block;width:100%;max-width:none;max-height:none;height:auto;object-fit:contain}
.header nav{padding:18px 0 18px 5vw;align-self:center}
.header-call{padding:18px 5vw 18px 30px;align-self:center}
@media(max-width:720px){.header{grid-template-columns:1fr}.header .brand,.header>a:first-child{width:100%}.header nav{order:initial;width:100%;padding:16px 5%;justify-content:space-between;border-top:1px solid #343b40}.header-call{padding:0 5% 16px;justify-self:start}.header .brand img,.header>a:first-child img{width:100%;height:auto}}

/* Section background order */
.care{background:#fff;color:var(--ink)}
.care-overview{min-width:0}.care-photo{height:500px;margin-top:48px;overflow:hidden;background:#e8ebee}.care-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.care-title .eyebrow,.care-title h2 span{color:var(--ink)}
.care-title>p:not(.eyebrow),.care-list p{color:var(--muted)}
.care-list article{border-top-color:var(--line)}
.care-list article>span{color:var(--ink);font-weight:700}
.projects{background:#080909;color:#fff}
.projects .section-heading>p,.projects .project>p:last-child{color:#cfd4d8}
.projects .location{color:#cfd4d8}
.projects .gallery-cta{background:#252d35;color:#fff}
.care-list ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted);font-size:16px}
.care-list li{min-width:135px}
.care-list li::before{content:'•';margin-right:10px;color:var(--ink);font-weight:700}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-grid h3{font-size:1.85rem;min-height:72px}
@media(max-width:1100px) and (min-width:721px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid article{border-bottom:1px solid var(--line)}.service-grid article:nth-child(3){border-left:0;padding-left:0}.service-grid h3{min-height:0}}
@media(max-width:720px){.service-grid{grid-template-columns:1fr}.service-grid h3{min-height:0}}
@media(max-width:720px){.care-photo{height:440px;margin-top:36px}.care-photo img{object-position:center 38%}}
.work-list{border-bottom:1px solid #46505a}
.work-row{display:grid;grid-template-columns:180px minmax(280px,1.15fr) minmax(240px,1fr);gap:34px;align-items:center;padding:32px 0;border-top:1px solid #46505a}
.work-category span{display:inline-block;background:#d6d9dd;color:#192029;padding:3px 10px;font-size:13px;font-weight:700;margin-bottom:18px}
.work-category h3,.work-description h3{font-size:1.6rem;letter-spacing:-.025em;line-height:1.15;margin:0}
.work-photo{height:245px;overflow:hidden;background:#252d35}
.work-photo img{width:100%;height:100%;object-fit:cover}
.work-description .location{margin:0 0 14px;color:#cfd4d8}
.work-description>p:last-child{margin-top:14px;color:#cfd4d8;font-size:16px}
@media(max-width:900px) and (min-width:721px){.work-row{grid-template-columns:160px 1fr;align-items:start}.work-description{grid-column:2}}
@media(max-width:720px){.work-row{grid-template-columns:1fr;gap:20px;padding:28px 0}.work-photo{height:280px}.work-description .location{margin-top:0}}
.brands{background:#f3f1e9}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.brand-grid a{min-width:0;min-height:175px;padding:34px 24px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}
.brand-grid a:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.09);position:relative;z-index:1}
.brand-grid img{width:100%;max-width:190px;max-height:82px;object-fit:contain}
@media(max-width:1050px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.header nav{gap:12px;font-size:12px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid a{min-height:140px;padding:25px 18px}.brand-grid img{max-height:68px}}