:root{--ink:#142438;--navy:#101c2b;--navy2:#17283b;--orange:#ed8742;--muted:#637181;--paper:#f5f6f7;--line:#e5e8eb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.emergency-bar{background:#0c1724;color:#d9e0e7;font-size:12px;letter-spacing:.02em}.emergency-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.emergency-inner>span{display:flex;align-items:center;gap:9px}.emergency-inner i,.contact-note i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79c597;box-shadow:0 0 0 4px #79c59722}.emergency-inner a{color:#fff}.emergency-inner b{margin-left:8px;color:#f6a268;font-weight:700}.site-header,header{position:relative;z-index:5;background:#fff}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--navy);color:#fff;font:800 25px Manrope,sans-serif;border-radius:3px;position:relative}.brand-mark:after{content:"";position:absolute;height:3px;width:28px;background:var(--orange);bottom:5px;left:7px;border-radius:2px}.brand-name{font:800 15px Manrope,sans-serif;letter-spacing:.06em;line-height:1.1}.brand-name small{display:block;font-size:9px;letter-spacing:.16em;margin-top:5px;color:#6c7680}nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}nav>a:not(.nav-call){transition:color .2s}nav>a:hover{color:var(--orange)}.nav-call{border:1px solid #d8dde1;padding:11px 18px;border-radius:3px}.menu-toggle{display:none}.hero{min-height:620px;background:var(--navy);position:relative;overflow:hidden;color:#fff}.hero-photo{position:absolute;inset:0 0 0 34%;background:url("assets/sliding-doors.jpg") center 48%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101c2b 0%,#101c2b 34%,rgba(16,28,43,.91) 46%,rgba(16,28,43,.42) 73%,rgba(16,28,43,.18) 100%),linear-gradient(0deg,rgba(9,20,32,.4),transparent 45%)}.hero-content{position:relative;z-index:1;padding:86px 0 74px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#d1d9e2;display:flex;align-items:center;gap:10px;margin:0 0 24px}.eyebrow>span{width:24px;height:2px;background:var(--orange);display:inline-block}.eyebrow.dark{color:#778491}.hero h1,h2{font:700 clamp(38px,5vw,60px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:0}.hero h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-copy{max-width:500px;color:#c7d0d9;font-size:15px;line-height:1.75;margin:22px 0 27px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:0 21px;border-radius:3px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.orange{background:var(--orange);color:#172536}.orange:hover{background:#f49b5c}.outline{border:1px solid #a9b2bc;color:#fff}.assurance{display:flex;align-items:center;gap:13px;margin-top:48px}.assurance>b{font:800 15px Manrope;color:#f5a069;border:1px solid #ffffff45;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}.assurance strong,.assurance small{display:block}.assurance strong{font-size:13px}.assurance small{color:#b5c0ca;font-size:11px;margin-top:2px}.hero-caption{position:absolute;right:max(24px,calc((100vw - 1160px)/2));bottom:23px;display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.15em;color:#fff9}.hero-caption>span{height:1px;width:36px;background:var(--orange)}.facts{background:#fff;border-bottom:1px solid var(--line)}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}.fact-grid>div{display:flex;align-items:center;gap:16px;padding:4px 26px;border-right:1px solid var(--line)}.fact-grid>div:first-child{padding-left:0}.fact-grid>div:last-child{border:0}.fact-grid>div>b{font:700 12px Manrope;color:var(--orange)}.fact-grid strong,.fact-grid small{display:block}.fact-grid strong{font-size:13px}.fact-grid small{font-size:11px;color:#81909d;margin-top:2px}.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:39px}.section-head h2,h2{color:var(--navy);font-size:clamp(34px,4vw,48px)}.section-head .eyebrow,.contact .eyebrow{margin-bottom:18px}.section-head>p{color:var(--muted);font-size:14px;max-width:410px;margin:0 0 6px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{border:1px solid var(--line);background:#fff;min-width:0;transition:transform .25s,box-shadow .25s}.cards article:hover{transform:translateY(-4px);box-shadow:0 14px 30px #16283b12}.service-image{height:178px;background-size:135% auto;background-position:center 47%}.garage{background-image:url("assets/garage-doors.jpg")}.shutters{background-image:url("assets/roller-shutters.jpg")}.sliding{background-image:url("assets/sliding-door-service.jpg")}.card-copy{padding:22px 19px 24px}.card-copy>small{font-size:9px;letter-spacing:.14em;font-weight:700;color:#8b97a2}.card-copy h3{font:700 19px Manrope;margin:8px 0;color:var(--navy)}.card-copy p{font-size:12px;line-height:1.7;color:var(--muted);min-height:82px;margin:0 0 15px}.card-copy>a{font-weight:700;font-size:11px;color:#d77231}.gate-art{height:178px;display:grid;place-items:center;background:linear-gradient(145deg,#e8edf0,#d5dfe5);color:#33485c}.gate-art svg{width:166px;height:116px}.gate-card{display:flex;flex-direction:column}.gate-card .card-copy{flex:1}.about{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:480px}.about-visual{position:relative;min-height:480px}.about-photo{position:absolute;inset:0;background:url("assets/roller-shutters.jpg") center 35%/cover no-repeat;filter:saturate(.78)}.about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101c2b12,#101c2b33)}.stamp{position:absolute;z-index:1;right:-40px;bottom:55px;width:112px;height:112px;border-radius:50%;background:var(--orange);color:var(--navy);display:flex;align-items:center;justify-content:center;gap:5px}.stamp b{font:800 27px Manrope}.stamp small{font-size:10px;line-height:1.1}.about-copy{padding:76px max(40px,calc((100vw - 1160px)/2)) 72px 86px;align-self:center}.about-copy h2{color:#fff;font-size:clamp(36px,4vw,50px)}.about-copy>p:not(.eyebrow){color:#bdc7d0;font-size:13px;line-height:1.85;max-width:490px;margin:23px 0}.check-list{list-style:none;padding:0;margin:0 0 28px;color:#e0e6eb;font-size:12px}.check-list li{padding:8px 0;border-bottom:1px solid #ffffff20}.check-list li span{color:var(--orange);font-weight:700}.light{border:1px solid #ffffff55;color:white}.contact{background:#f6f7f8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact-intro>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;max-width:430px;margin:22px 0 26px}.contact-card{background:#fff;padding:32px 36px;box-shadow:0 8px 35px #17283b0b}.contact-row{display:flex;gap:17px;padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line)}.contact-row>b{font-size:19px;color:var(--orange);width:26px}.contact-row small,.contact-row a{display:block}.contact-row small{color:#84909b;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700;margin:1px 0 5px}.contact-row a{font-size:14px;font-weight:600;overflow-wrap:anywhere}.contact-row a+a{margin-top:3px}.contact-row a:hover{color:#d77231}.contact-note{display:flex;align-items:center;gap:13px;background:#f5f7f7;padding:15px}.contact-note strong,.contact-note small{display:block}.contact-note strong{font-size:11px}.contact-note small{color:#75828e;font-size:10px;margin-top:2px}.site-footer,footer{background:#0c1724;color:#b9c2cc}.footer{padding:37px 0 19px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px}.footer .brand-name{color:#fff}.footer .brand-name small{color:#aeb8c2}.footer p{font-size:11px;line-height:1.8;justify-self:end}.footer-bottom{grid-column:1/-1;padding-top:17px;border-top:1px solid #ffffff1c;display:flex;justify-content:space-between;font-size:10px}.footer-bottom a{color:#f3a06a}.mobile-call{display:none}html{scroll-padding-top:20px}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.service-image,.gate-art{height:200px}.service-image{background-position-y:42%}.contact-grid{gap:42px}.about-copy{padding:55px 38px 55px 68px}.hero{min-height:590px}.hero-photo{left:25%}.hero-shade{background:linear-gradient(90deg,#101c2b 0%,#101c2b 28%,rgba(16,28,43,.88) 48%,rgba(16,28,43,.25) 100%)}}
@media(max-width:640px){.wrap{width:min(100% - 36px,520px)}.emergency-inner{height:36px;font-size:10px}.emergency-inner>span{max-width:57%;line-height:1.2}.emergency-inner b{margin-left:3px}.nav-wrap{height:70px}.brand-mark{width:37px;height:37px}.brand-name{font-size:13px}.brand-name small{font-size:8px}.menu-toggle{display:block;border:0;background:none;font-size:24px;color:var(--navy);cursor:pointer}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:14px 20px 20px;background:#fff;box-shadow:0 12px 20px #14243816;align-items:stretch;gap:0;flex-direction:column}nav.open{display:flex}nav a{padding:12px 4px;border-bottom:1px solid var(--line)}nav .nav-call{margin-top:8px;border:0;padding:12px 4px}.hero{min-height:640px}.hero-photo{inset:0;background-position:56% center}.hero-shade{background:linear-gradient(90deg,rgba(16,28,43,.94),rgba(16,28,43,.74)),linear-gradient(0deg,#101c2b88,transparent)}.hero-content{padding:72px 0 72px}.hero h1{font-size:clamp(38px,10vw,53px)}.hero-copy{font-size:14px;max-width:420px}.actions{align-items:stretch;flex-direction:column;max-width:290px}.button{min-height:48px}.assurance{margin-top:38px}.hero-caption{left:18px;right:18px;bottom:18px;font-size:8px;gap:9px}.hero-caption span{width:18px}.fact-grid{grid-template-columns:1fr;padding:8px 0}.fact-grid>div,.fact-grid>div:first-child{padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.fact-grid>div:last-child{border-bottom:0}.section{padding:70px 0}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px}.section-head h2,h2{font-size:37px}.cards{grid-template-columns:1fr;gap:13px}.service-image,.gate-art{height:220px}.service-image{background-position-y:39%}.card-copy p{min-height:0}.about{grid-template-columns:1fr}.about-visual{min-height:310px}.stamp{right:20px;bottom:-34px;width:92px;height:92px}.stamp b{font-size:23px}.about-copy{padding:58px 24px 56px}.about-copy h2{font-size:40px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-card{padding:25px 20px}.footer{grid-template-columns:1fr;gap:14px;padding-bottom:75px}.footer p{justify-self:start;margin:0}.footer-bottom{grid-column:auto}.mobile-call{display:flex;position:fixed;z-index:6;bottom:12px;left:12px;right:12px;justify-content:center;align-items:center;height:50px;background:var(--orange);color:var(--navy);border-radius:4px;font-size:14px;font-weight:700;box-shadow:0 5px 22px #07101b55}.footer-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}