:root{--navy:#062d43;--blue:#54bbec;--muted:#536875;--light:#f2f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);font-size:16px;line-height:1.6}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}h2{font-size:clamp(30px,3.1vw,46px)}h3{font-size:22px}p{margin-top:16px}.wrap{width:min(1200px,90%);margin:auto}.section{padding:90px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 16px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border:1px solid transparent;border-radius:30px;background:var(--navy);color:white;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #159bdf;outline-offset:5px}.skip{position:absolute;top:-80px}.skip:focus{top:10px;z-index:99;background:white;padding:10px}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e4ebee}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:28px;font-weight:800;letter-spacing:.025em;line-height:1}.brand small{display:block;letter-spacing:.21em;font-size:12px;margin-top:7px}.mark{position:relative;width:44px;height:63px;overflow:hidden}.mark img{max-width:none;width:176px;position:absolute;left:-62px;top:-48px}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}nav a:hover{color:#167ca7}#menu{display:none}.hero{min-height:640px;position:relative;background:var(--navy);color:white;overflow:hidden;display:flex;align-items:center}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#04283bf5 0%,#04283bd9 35%,#04283b30 76%),url('assets/project3.webp') right 47%/cover no-repeat}.hero-content{position:relative;padding:65px 0}h1{font-size:clamp(43px,4.7vw,68px);font-weight:800;max-width:750px}h1 em{font-style:normal;color:var(--blue)}.intro{max-width:505px;font-size:18px;line-height:1.65;color:#e0edf3}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.blue{background:#0878ae;border-color:var(--blue)}.outline{background:transparent;border-color:#ffffffa8}.hero-notes{display:flex;gap:24px;margin-top:42px;font-size:12px;color:#d9e9ef}.hero-notes span{padding-left:12px;border-left:2px solid var(--blue)}.photo-caption{position:absolute;right:22px;bottom:16px;font-size:12px;color:#fff;text-shadow:0 1px 5px #000}.mobile-break{display:none}.center{text-align:center}.center p:not(.eyebrow){color:var(--muted)}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.services article{background:var(--light);border-radius:12px;padding:28px 23px;border-top:3px solid #17789d;display:flex;flex-direction:column}.number{font-size:14px;color:#217ba4;margin-bottom:32px;letter-spacing:.13em}.services h3{font-size:21px}.services p{font-size:16px;color:var(--muted);margin-bottom:25px}.services a{font-size:14px;font-weight:700;text-underline-offset:5px;margin-top:auto}.projects{background:#05283d;color:#fff;padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.section-heading p:not(.eyebrow){color:#bdced8}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery a{text-decoration:none;overflow:hidden;border-radius:12px;background:#10364a}.gallery img{width:100%;height:320px;object-fit:cover;transition:transform .3s}.gallery a:hover img{transform:scale(1.025)}.gallery span{display:block;padding:20px;font-size:19px;font-weight:600}.gallery small{display:block;font-size:13px;font-weight:400;color:#b7d2df;margin-top:5px}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-copy{color:var(--muted);max-width:490px}.text-link{display:inline-block;margin-top:24px;font-weight:700;text-underline-offset:6px}.steps{background:var(--light);padding:35px;border-radius:12px}.steps article{display:flex;gap:23px;padding:22px 0;border-bottom:1px solid #d8e3e9}.steps article:last-child{border:0;padding-bottom:0}.steps b{font-size:22px;color:#167ba6}.steps h3{font-size:20px}.steps p{margin-top:9px;color:var(--muted);font-size:16px}.coverage{text-align:center;background:#e9f4f9;padding:54px 0}.coverage p:not(.eyebrow){color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}details{border-bottom:1px solid #d7e1e7;padding:20px 0}summary{cursor:pointer;font-weight:600;line-height:1.4;padding-right:10px}details p{color:var(--muted)}.contact{background:var(--navy);color:white;padding:70px 0}.contact .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:clamp(34px,4vw,55px)}.contact p:not(.eyebrow){color:#c2d6e0}.green{background:#0b955a;padding:17px 32px;border-color:#59cb99}.phone{display:block;text-align:center;margin-top:15px;text-decoration:none}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 0;font-size:13px}footer strong{font-size:16px}footer p{margin-top:4px;color:var(--muted)}.floating{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#0a9559;color:white;display:grid;place-items:center;box-shadow:0 4px 20px #0003;z-index:11}.floating svg{width:29px;height:29px}@media(min-width:1500px){.hero-photo{background-size:auto,70% auto;background-position:center,right center}}@media(max-width:1000px){header{gap:16px}nav{gap:18px}.header-cta{display:none}.services{grid-template-columns:repeat(2,1fr)}.about{gap:40px}.gallery img{height:270px}.hero{min-height:620px}}@media(max-width:650px){header{height:80px}.brand{font-size:24px}.brand small{font-size:10px}#menu{display:block;background:white;border:1px solid #c8d8df;border-radius:6px;padding:9px 13px;font:inherit;font-size:14px;color:var(--navy)}nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:25px 5%;box-shadow:0 8px 14px #0001}nav.open{display:flex;flex-direction:column}.hero{min-height:665px}.hero-photo{background-image:linear-gradient(90deg,#04283bec,#04283b8c),url('assets/project3.webp');background-position:center}.hero-content{padding:45px 0 60px}.hero .eyebrow{font-size:11px;max-width:280px}h1{font-size:46px}.intro{font-size:16px}.mobile-break{display:block}.hero-notes{gap:12px;font-size:11px;margin-top:30px}.photo-caption{font-size:10px}.section{padding:55px 0}.services{gap:12px;margin-top:28px}.services article{padding:22px 16px}.services h3{font-size:19px}.services p{font-size:14px}.number{margin-bottom:22px}.section-heading{align-items:flex-start;flex-direction:column}.projects{padding:50px 0}.gallery{grid-template-columns:1fr}.gallery img{height:340px}.gallery span{font-size:18px}.about,.faq{grid-template-columns:1fr;gap:30px}.steps{padding:26px}.coverage{padding:45px 0}.contact .wrap{align-items:flex-start;flex-direction:column}.contact{padding:50px 0}.phone{text-align:left}footer{align-items:flex-start;flex-direction:column;gap:16px;padding-bottom:90px}.floating{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Reference layout with the supplied artwork. */
header{height:82px;gap:20px}nav{gap:23px;font-size:13px}.header-cta{padding:12px 22px}.hero{min-height:560px}.hero-content{padding:55px 0}.hero-photo{background:linear-gradient(90deg,rgba(0,22,36,.8) 0%,rgba(0,25,42,.55) 38%,rgba(0,25,42,0) 72%),url('assets/hero.webp') center center/cover no-repeat}h1{font-size:clamp(42px,4.4vw,64px);max-width:700px}.intro{max-width:530px;font-size:18px}.hero-notes{margin-top:30px}.section{padding:48px 0}.center h2{font-size:clamp(28px,2.8vw,38px)}.center p:not(.eyebrow){margin-top:12px}.services{gap:15px;margin-top:28px}.services article{padding:0 0 20px;border:0;overflow:hidden;background:#f4f7f9;border-radius:10px}.sprite{position:relative;overflow:hidden;width:100%;border-radius:9px}.sprite img{position:absolute;max-width:none;height:auto;display:block}.services .sprite{aspect-ratio:1.9!important;border-radius:0;min-height:145px}.services .sprite img{top:0!important;transform:translateY(-18%)}.services h3{font-size:19px;margin:18px 20px 0}.services p{font-size:14px;margin:9px 20px 18px}.services a{margin-left:20px;margin-right:20px}.projects{padding:40px 0;background:#03253b}.section-heading{margin-bottom:25px}.section-heading h2{font-size:34px}.section-heading p:not(.eyebrow){margin-top:10px;font-size:14px}.gallery.inspiration{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.gallery.inspiration .sprite{aspect-ratio:1/1!important}.gallery.inspiration .sprite img{height:auto}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:35px;text-align:center}.benefit-grid article span{display:grid;place-items:center;margin:0 auto 14px;background:#062d43;color:white;width:38px;height:38px;border-radius:50%;font-size:14px;font-weight:700}.benefit-grid h3{font-size:17px;letter-spacing:-.02em}.benefit-grid p{font-size:14px;line-height:1.5;margin-top:9px;color:var(--muted)}.real-work{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f2f6f8;padding:32px;margin-bottom:40px;border-radius:12px}.real-work h2{font-size:28px}.real-work p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:610px}.real-work .button{flex-shrink:0}.contact{padding:45px 0;background:linear-gradient(90deg,#031b2ef2,#031b2ed9),url('assets/hero.webp') center 60%/cover}.contact h2{font-size:38px}.contact .eyebrow{font-size:12px}footer{padding-top:25px;padding-bottom:25px}
@media(max-width:1050px){.header-cta{display:none}nav{gap:20px}.hero{min-height:530px}.hero-photo{background-position:60% center}.benefit-grid{gap:15px}.real-work{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){header{height:80px}nav{top:80px;font-size:16px}.hero{min-height:600px}.hero-content{padding:45px 0}.hero-photo{background-image:linear-gradient(90deg,#001a2cd9,#001a2c75),url('assets/hero.webp');background-position:57% center}h1{font-size:42px}.intro{font-size:16px}.section{padding:40px 0}.services{grid-template-columns:1fr 1fr;gap:12px}.services .sprite{min-height:100px}.services h3{margin:15px 13px 0;font-size:18px}.services p{margin-left:13px;margin-right:13px}.services a{margin-left:13px;margin-right:13px;font-size:13px}.section-heading h2{font-size:29px}.gallery.inspiration{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery.inspiration .sprite:last-child{grid-column:1/-1;max-width:100%;aspect-ratio:2/1!important}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:27px 18px}.benefit-grid article:last-child{grid-column:1/-1;max-width:240px;justify-self:center}.real-work{padding:25px}.real-work h2{font-size:25px}.contact h2{font-size:31px}footer{padding-bottom:90px}}
.gallery.inspiration .sprite img{top:0!important;transform:translateY(-25.6484%)}

/* Each source panel fills one consistent frame without distortion or gutters. */
.photo-frame{width:100%;overflow:hidden;border-radius:9px;aspect-ratio:1/1;position:relative}
.photo-frame svg{display:block;width:100%;height:100%;position:absolute;inset:0}
.services .photo-frame{aspect-ratio:1.9/1;border-radius:9px 9px 0 0}
.gallery.inspiration .photo-frame{aspect-ratio:1/1}
@media(max-width:650px){.gallery.inspiration .photo-frame:last-child{grid-column:1/-1;aspect-ratio:2/1}}

nav a[aria-current="page"]{color:#0878ae;text-decoration:underline;text-underline-offset:7px}.page-hero{padding:55px 0;background:#eaf4f9}.page-hero h1{font-size:clamp(38px,4vw,58px);max-width:900px}.page-hero p:not(.eyebrow){max-width:730px;color:var(--muted);font-size:18px}.breadcrumb{display:inline-block;font-size:14px;margin-bottom:25px;text-underline-offset:4px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}.detail-grid.three{grid-template-columns:repeat(3,1fr)}.detail-grid article{padding:28px;background:var(--light);border-radius:12px}.detail-grid h3{font-size:22px}.detail-grid p:not(.eyebrow){color:var(--muted)}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.editorial p:not(.eyebrow){color:var(--muted)}.editorial .button{margin-top:25px}.editorial img{width:100%;height:350px;object-fit:cover;border-radius:12px}.editorial small{grid-column:2;color:var(--muted)}.real-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.real-project-grid a{background:var(--light);border-radius:12px;overflow:hidden;text-decoration:none}.real-project-grid img{width:100%;height:320px;object-fit:cover}.real-project-grid span{display:block;padding:20px;font-size:15px;font-weight:700}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-card{background:var(--light);padding:35px;border-radius:12px}.contact-card h2{font-size:clamp(25px,2.5vw,36px);overflow-wrap:anywhere}.contact-card p:not(.eyebrow){color:var(--muted)}.contact-card .button{margin-top:25px}.contact-card .text-link{display:block;font-size:16px}@media(max-width:650px){.page-hero{padding:35px 0}.detail-grid,.detail-grid.three,.editorial,.real-project-grid,.contact-grid{grid-template-columns:1fr}.editorial small{grid-column:1}.editorial img{height:250px}.contact-card{padding:25px}}

.photo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .full{grid-column:1/-1}#quote-form{max-width:900px;margin-top:25px}label{display:block;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;font:inherit;padding:12px;border:1px solid #738b98;border-radius:7px;background:white;color:#062d43;min-height:48px}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0878ae;outline-offset:3px}.form-note{font-size:14px;margin-bottom:18px}#quote-status{margin-bottom:12px}#quote-open{display:inline-block;padding:12px 0;text-underline-offset:4px}.measurement-choice{position:fixed;z-index:30;bottom:12px;left:12px;width:min(520px,calc(100% - 24px));padding:18px;background:white;color:#062d43;border:1px solid #91a9b6;border-radius:12px;box-shadow:0 5px 30px #0003}.measurement-choice p{margin:0;font-size:14px}.measurement-choice div{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px}.measurement-choice button,.privacy-control{font:inherit;font-size:14px;cursor:pointer;color:#062d43;background:white;border:1px solid #7894a3;border-radius:6px;padding:10px}.privacy-control{border:0;text-decoration:underline}footer{flex-wrap:wrap}.header-cta,.button{min-height:44px}.hero-notes{flex-wrap:wrap}[hidden],#quote-open[hidden]{display:none!important}.page-hero h1,h1,h2,h3{overflow-wrap:break-word}.mark img{height:auto}nav a{padding:7px 0}.editorial img{height:350px}.real-project-grid img{height:320px}.brand{flex-shrink:0}.services a{color:#062d43}.blue{background:#06618d}.green{background:#067547}@media(max-width:1100px){header{gap:14px}nav{gap:13px}.header-cta{display:none}}@media(max-width:820px){#menu{display:block;background:white;border:1px solid #7894a3;border-radius:6px;padding:10px 14px;color:#062d43;font:inherit}nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:20px 5%;box-shadow:0 8px 14px #0001}nav.open{display:flex;flex-direction:column}}@media(max-width:650px){nav{top:80px}.form-grid{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}.intro{max-width:100%}h1{font-size:clamp(32px,9.5vw,42px)}.contact-card{min-width:0}.contact-card h2{font-size:25px}.editorial img{height:250px}}@media(max-width:359px){.services{grid-template-columns:1fr}.hero-notes{gap:10px}.actions{flex-direction:column;align-items:flex-start}}