:root{--ink:#181a1d;--blue:#1583bb;--sand:#caaea3;--cream:#f7f5f2;--line:#dfdedb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:17px/1.65 Poppins,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header{display:flex;align-items:center;justify-content:space-between;min-height:105px;padding:14px 5.5%;background:#fff}.logo img{width:155px;height:75px;object-fit:contain}.logo{flex:0 0 250px}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a{padding:9px 0;border-bottom:2px solid transparent}nav .active,nav a:hover{border-color:var(--ink)}.header-call{font-size:14px;font-weight:600}.header-call span{margin-left:8px;color:var(--blue);font-size:19px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:625px;background:#fff}.hero-copy{padding:105px 8% 50px 10%}.hero-copy>p,.kicker{margin:0 0 16px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:0 0 25px;font-size:clamp(49px,5.7vw,88px);line-height:1.04;letter-spacing:-.065em}.hero h1 em{color:var(--sand);font-style:normal}.rule{display:block;width:55px;height:2px;margin-bottom:35px;background:var(--ink)}.hero-bottom{display:flex;align-items:center;gap:25px;max-width:500px}.hero-bottom img{width:130px;height:108px;object-fit:cover}.hero-bottom p{margin:0 0 12px;font-size:14px;color:#6b6d70}.hero-bottom a,.image-band a{font-size:13px;font-weight:700}.hero-bottom b,.image-band b,.outline b{font-size:19px;color:var(--blue)}.hero-main{width:100%;height:100%;min-height:625px;object-fit:cover}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:115px 10%;background:var(--cream)}.intro h2,.section-head h2,.image-band h2,.steps h2,.maintenance h2,.faq h2,.contact h2{margin:0 0 21px;font-size:clamp(32px,4vw,56px);line-height:1.13;letter-spacing:-.05em}.intro p:not(.kicker){color:#64666a;font-size:15px}.intro>img{width:100%;height:430px;object-fit:cover}.outline{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:12px 17px;border:1px solid var(--ink);font-size:13px;font-weight:700}.outline:hover{background:var(--ink);color:#fff}.services{padding:110px 10%;background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-head h2{max-width:640px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.cards article{padding:29px 30px 20px;border-right:1px solid var(--line)}.cards article:first-child{padding-left:0}.cards article:last-child{border:0}.cards span,.steps article>b{color:var(--sand);font-size:12px;font-weight:700}.cards h3,.steps h3,.faq h3,footer h3{font-size:18px}.cards p,.steps p,.faq p{font-size:14px;color:#62666b}.image-band{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}.image-band>img{width:100%;height:455px;object-fit:cover}.image-band>div{align-self:center;padding:60px 14%}.image-band h2{color:#fff}.image-band p:not(.kicker){color:#dedfe0;font-size:15px}.image-band a{color:#fff}.steps{padding:105px 10%;background:#fff}.steps>div{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:36px}.steps article{border-top:1px solid var(--ink);padding-top:21px}.steps h3{margin-bottom:7px}.maintenance{padding:105px 20%;background:var(--sand);text-align:center}.maintenance p:not(.kicker){max-width:720px;margin:auto;font-size:16px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:110px 10%;background:var(--cream)}.faq h2{margin:0}.faq-list article{padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.faq-list h3{margin-bottom:8px}.faq-list p{margin:0}.contact{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--blue);color:#fff}.contact>div{padding:90px 18%}.contact .kicker{color:#dbeef7}.contact h2{color:#fff}.contact address{margin-bottom:22px;font-size:16px;font-style:normal}.contact>div>a:not(.outline){display:block;margin-bottom:25px;font-size:20px;font-weight:700}.outline.white{border-color:#fff;color:#fff}.outline.white:hover{background:#fff;color:var(--ink)}.contact iframe{width:100%;min-height:445px;border:0}footer{background:#151719;color:#c4c5c7}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px;padding:70px 10% 58px}.footer-top img{width:160px;height:72px;object-fit:contain;filter:brightness(0) invert(1) grayscale(1)}.footer-top p{font-size:13px}.footer-top h3{color:#fff;margin-top:0}.footer-top a{display:block;margin:8px 0;font-size:13px}.footer-top a:hover,.footer-bottom a{color:var(--sand)}.footer-bottom{display:flex;justify-content:space-between;padding:20px 10%;border-top:1px solid #373a3d;font-size:12px}@media(max-width:850px){header{min-height:82px}.logo{flex-basis:auto}nav{display:none}.hero,.intro,.image-band,.contact,.faq{grid-template-columns:1fr}.hero-copy{padding:75px 9% 45px}.hero-main{min-height:410px}.intro{gap:40px}.intro>img{height:390px}.cards,.steps>div{grid-template-columns:1fr}.cards article,.cards article:first-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.image-band>div{padding:65px 10%}.faq{gap:38px}.contact>div{padding:70px 10%}.footer-top{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){header{padding:10px 20px}.logo img{width:135px;height:60px}.header-call{font-size:12px}.hero h1{font-size:48px}.hero-copy{padding:63px 25px 38px}.hero-bottom{align-items:flex-start;flex-direction:column}.hero-bottom img{width:100%;height:150px}.hero-main{min-height:330px}.intro,.services,.steps,.faq{padding:72px 25px}.intro>img{height:330px}.section-head{display:block}.section-head h2{margin-top:12px}.image-band>img{height:320px}.image-band>div{padding:60px 25px}.steps>div{gap:25px}.maintenance{padding:74px 25px}.contact>div{padding:70px 25px}.contact iframe{min-height:330px}.footer-top{grid-template-columns:1fr;padding:56px 25px 30px;gap:25px}.footer-bottom{display:block;padding:20px 25px}.footer-bottom a{display:block;margin-top:8px}}
:root{--ink:#111315;--blue:#1583bb;--sand:#1583bb;--cream:#f7f7f7;--line:#dedede}
.contact{align-items:stretch}.contact>div{padding-top:60px;padding-bottom:60px}.contact iframe{align-self:stretch;height:100%;min-height:0}.footer-top img{filter:none;background:transparent}
.menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}.menu-toggle span{display:block;width:19px;height:2px;margin:4px auto;background:currentColor;transition:transform .25s ease,opacity .2s ease}.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.outline.white b{color:#fff}.outline.white:hover b{color:var(--blue)}a,button{transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.intro>img,.hero-main,.image-band>img{transition:transform .7s ease,filter .7s ease}.intro:hover>img,.image-band:hover>img{transform:scale(1.025);filter:saturate(1.08)}.cards article,.faq-list article,.steps article{transition:transform .3s ease,background-color .3s ease}.cards article:hover,.faq-list article:hover,.steps article:hover{transform:translateY(-5px)}html.js .motion-item{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}html.js .motion-item.is-visible{opacity:1;transform:none}@media(max-width:850px){header{position:relative}.menu-toggle{display:block;order:2;margin-left:auto;margin-right:14px}header nav.menu-open{position:absolute;top:100%;left:0;right:0;z-index:30;display:flex;flex-direction:column;gap:0;padding:10px 25px 18px;background:#fff;border-top:1px solid var(--line);box-shadow:0 12px 20px rgba(0,0,0,.1)}header nav.menu-open a{padding:13px 0;border-bottom:1px solid var(--line)}.header-call{order:3}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}html.js .motion-item{opacity:1;transform:none}}
@keyframes atlasMenuIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@media(max-width:850px){body.menu-active{overflow:hidden}.menu-toggle{position:relative;z-index:220}.menu-toggle.is-open{color:#fff;border-color:#fff;background:#151719}.menu-toggle.is-open span{position:relative;z-index:1}header nav.menu-open{position:fixed;inset:0;z-index:210;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:27px 11% 36px;background:#151719;color:#fff;border:0;box-shadow:none;animation:atlasMenuIn .32s cubic-bezier(.2,.75,.25,1)}header nav.menu-open a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;border:0;color:#f3f3f3;font-size:clamp(25px,8vw,34px);font-weight:600;line-height:1.22;letter-spacing:-.03em}header nav.menu-open a::after{content:'→';color:var(--blue);font-size:1.08em;font-weight:400}.mobile-menu-top{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:78px}.mobile-menu-logo{width:162px;height:63px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.mobile-menu-close{display:grid;width:46px;height:46px;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer;font-size:43px;font-weight:200;line-height:1}.mobile-menu-details{width:100%;margin-top:30px;padding-top:23px;border-top:1px solid #45484d;color:#c9cbcd;font-size:14px;line-height:1.8}.mobile-menu-details a{display:inline!important;width:auto!important;padding:0!important;color:#fff!important;font-size:16px!important}.mobile-menu-details a::after{display:none}.header-call{position:relative;z-index:1}}@media(max-width:540px){header nav.menu-open{padding-right:9%;padding-left:9%}.mobile-menu-top{margin-bottom:58px}}
@media(max-width:850px){header{gap:20px;padding-right:28px;padding-left:28px}.logo{flex:1 1 auto}.logo img{width:135px}.header-call{white-space:nowrap;flex:0 0 auto}.menu-toggle{flex:0 0 42px;order:3;margin:0;border:0}.menu-toggle span{display:none}.menu-toggle::before{display:block;width:4px;height:4px;content:"";background:currentColor;box-shadow:9px 0 currentColor,18px 0 currentColor,0 9px currentColor,9px 9px currentColor,18px 9px currentColor,0 18px currentColor,9px 18px currentColor,18px 18px currentColor}.menu-toggle.is-open::before{display:none}body.menu-active .menu-toggle{visibility:hidden}.header-call{order:2}}@media(max-width:540px){header{grid-template-columns:minmax(100px,1fr) auto auto;gap:13px;padding:10px 20px}.logo img{width:115px;height:58px}.header-call{font-size:12px}.header-call span{margin-left:5px}.menu-toggle{width:42px;height:42px;flex-basis:42px}.mobile-menu-close{font-size:40px}}
@media(max-width:850px){.menu-toggle::before{width:27px;height:27px;background:radial-gradient(circle,currentColor 2.15px,transparent 2.35px);background-size:9px 9px;box-shadow:none}.menu-toggle{display:grid;place-items:center}}@media(max-width:540px){header{padding-left:31px;padding-right:20px}.logo img{width:68px;height:58px;object-fit:contain;object-position:left center}.menu-toggle::before{transform:translateY(-1px)}}
@media(min-width:851px){header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 5.5%!important}.logo{flex:0 0 250px!important}.logo img{display:block!important;width:155px!important;height:75px!important;object-fit:contain!important}.header-call{display:block!important;white-space:nowrap!important}.menu-toggle{display:none!important}header nav{display:flex!important;position:static!important;flex-direction:row!important;padding:0!important;background:transparent!important;box-shadow:none!important}}

/* Rebuilt site header */
body > header:not(.site-header){display:none!important}.site-header{position:relative;z-index:100;width:auto;min-height:0;padding:0!important;border-bottom:1px solid #e8ecef;background:#fff}.site-header .header-inner{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(250px,1fr);align-items:center;gap:34px;max-width:1440px;min-height:104px;margin:0 auto;padding:14px 5.5%}.site-header .brand{display:flex;align-items:center;width:max-content}.site-header .brand img{display:block;width:150px;height:70px;object-fit:contain;object-position:left center}.site-header .site-nav{display:flex!important;position:static!important;align-items:center;justify-content:center;gap:30px;padding:0!important;background:transparent!important;box-shadow:none!important}.site-header .site-nav a{padding:8px 0;color:var(--ink);font-size:13px;font-weight:600;letter-spacing:.01em}.site-header .site-nav a.active,.site-header .site-nav a:hover{border-color:var(--blue)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:21px}.phone-link{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:baseline;color:var(--ink);line-height:1.25}.phone-link span{grid-column:1/-1;color:#777d82;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.phone-link strong{font-size:14px;letter-spacing:.01em}.phone-link b{color:var(--blue);font-size:18px;line-height:1}.site-header .menu-toggle{display:none!important}
@media(max-width:1024px){.site-header .header-inner{grid-template-columns:1fr auto;gap:22px;min-height:84px;padding:10px 30px}.site-header .brand{position:relative;z-index:1100}.site-header .brand img{width:112px;height:60px}.site-header .site-nav{display:none!important}.site-header .site-nav.menu-open{position:fixed!important;inset:0;z-index:1050;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:0;padding:110px 11% 54px!important;background:#151719!important;color:#fff!important;animation:atlasMenuIn .28s cubic-bezier(.2,.75,.25,1)}.site-header .site-nav.menu-open a{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:13px 0!important;border:0!important;color:#fff!important;font-size:clamp(27px,5vw,40px)!important;font-weight:600!important;line-height:1.2}.site-header .site-nav.menu-open a::after{content:'→';color:var(--blue);font-weight:400}.site-header .site-nav.menu-open::after{content:"Atlas Garage Door's Company\A 76 Central St, Clark, NJ 07066\A (848) 337-5395";margin-top:32px;padding-top:24px;border-top:1px solid #45484d;white-space:pre-line;color:#c8cbce;font-size:14px;line-height:1.9}.site-header .header-actions{position:relative;z-index:1100;gap:17px}.site-header .phone-link{grid-template-columns:auto auto;column-gap:7px}.site-header .phone-link span{display:none}.site-header .phone-link strong{font-size:13px}.site-header .menu-toggle{display:grid!important;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);place-content:center;gap:5px;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer}.site-header .menu-toggle i{display:block;width:4px;height:4px;border:1.5px solid currentColor;border-radius:50%;transition:transform .25s ease,opacity .2s ease}.site-header .menu-toggle.is-open{display:grid!important;place-items:center;grid-template-columns:1fr;grid-template-rows:1fr;color:#fff}.site-header .menu-toggle.is-open i{position:absolute;width:27px;height:2px;border:0;border-radius:0;background:currentColor}.site-header .menu-toggle.is-open i:nth-child(n+3){display:none}.site-header .menu-toggle.is-open i:first-child{transform:rotate(45deg)}.site-header .menu-toggle.is-open i:nth-child(2){transform:rotate(-45deg)}body.menu-active{overflow:hidden}body.menu-active .site-header{border-color:transparent;background:transparent}body.menu-active .site-header .brand img{filter:brightness(0) invert(1)}body.menu-active .phone-link{display:none}}
@media(max-width:540px){.site-header .header-inner{gap:13px;min-height:76px;padding:8px 25px}.site-header .brand img{width:86px;height:56px}.site-header .phone-link strong{font-size:12px}.site-header .header-actions{gap:8px}.site-header .menu-toggle{width:42px;height:42px}.site-header .site-nav.menu-open{padding:96px 9% 40px!important}}

/* Keep the menu control above the overlay and remove legacy icon styles. */
@media(max-width:1024px){.site-header .menu-toggle::before{display:none!important}.site-header .menu-toggle,.site-header .menu-toggle.is-open,body.menu-active .site-header .menu-toggle{visibility:visible!important;position:relative;z-index:1200}.site-header .menu-toggle.is-open{color:#fff!important}.site-header .menu-toggle.is-open i{display:block!important}.site-header .menu-toggle.is-open i:nth-child(n+3){display:none!important}}