@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#082c4c;--blue:#007ebd;--sky:#dff4ff;--red:#e72b2b;--ink:#102c42;--muted:#4b6578;--line:#cddce6;--white:#fff;--paper:#f8fbfd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif;background:var(--paper)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{display:block;max-width:100%;height:auto}.skip{position:absolute;left:12px;top:-80px;z-index:20;background:white;padding:12px}.skip:focus{top:12px}.review-strip{background:var(--navy);color:#fff;text-align:center;font-size:11px;font-weight:600;letter-spacing:1.5px;padding:9px 16px}.review-strip span{padding:0 14px;color:#73d4ff}header{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 5%;gap:24px;background:var(--paper)}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand strong{font:800 30px/.95 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:-.3px}.brand strong span{color:var(--red)}.brand small{font-size:9px;font-weight:700;letter-spacing:1.6px;margin-top:8px}nav{display:flex;gap:35px;font-size:14px;font-weight:600}.call-header{border:1px solid var(--navy);border-radius:5px;padding:11px 20px;font-size:14px;font-weight:700}.call-header span{padding-left:25px}.hero{max-width:1400px;margin:15px auto 0;padding:30px 5% 70px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;line-height:1.6;font-weight:700;margin:0 0 23px}.dot{display:inline-block;height:7px;width:7px;background:var(--red);border-radius:100%;margin-right:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}h1{font-size:clamp(72px,7.4vw,110px);font-weight:700;line-height:.93;letter-spacing:-1.5px;margin:0 0 27px}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:20px;line-height:1.5;max-width:440px;margin-bottom:14px}.hero-detail{font-size:14px;color:var(--muted);max-width:440px;margin-bottom:28px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:38px;background:var(--red);color:white;padding:15px 24px;border-radius:5px;font-weight:700;font-size:15px}.text-link{font-size:13px;font-weight:700}.text-link span{padding-left:10px}.contact-note{margin:20px 0 0;font-size:12px;font-weight:700}.contact-note small{font-weight:400;color:var(--muted);font-size:11px}.hero-art{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden;transform:rotate(1.5deg);box-shadow:12px 16px 0 var(--sky)}.hero-art img{width:100%;aspect-ratio:1;object-fit:contain}.art-top,.art-bottom{padding:17px 24px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.5}.art-top{border-bottom:1px solid var(--line);align-items:center}.sparkle{color:var(--blue);font-size:28px;line-height:1}.art-bottom{background:var(--sky);border-top:1px solid var(--line)}.service-ribbon{display:flex;align-items:center;justify-content:center;gap:50px;padding:21px 5%;background:var(--blue);color:white;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:600;font-size:25px}.service-ribbon b{font-size:20px;color:#9ee6ff}.section{padding:90px max(5%,calc((100vw - 1260px)/2));}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:45px}h2{font-size:clamp(44px,4.6vw,65px);line-height:1;letter-spacing:-.7px;font-weight:700;margin-bottom:0}.section-heading>p{font-size:14px;color:var(--muted);max-width:420px;margin:0 0 2px}.service-row{display:grid;grid-template-columns:70px 1fr 230px;gap:24px;align-items:center;border-top:1px solid var(--line);padding:32px 0}.service-number{color:var(--blue);font:600 45px/1 'Barlow Condensed',Arial,sans-serif;align-self:start;margin-top:4px}.category{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--blue)}h3{font-size:34px;line-height:1.1;margin:8px 0 12px}.service-row p{max-width:630px;font-size:14px;color:var(--muted);margin-bottom:16px}.service-row>a{justify-self:end;font-size:12px;font-weight:700}.service-row>a span{margin-left:15px}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.tags li{font-size:10px;padding:4px 11px;border:1px solid var(--line);border-radius:30px}.service-footnote{border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:11px;margin:0}.work{background:var(--navy);color:white}.work .section-heading>p{color:#bdcedb}.work .eyebrow{color:#7bd2f9}.portfolio{display:grid;grid-template-columns:1fr 1fr;gap:30px}.portfolio figure{margin:0}.portfolio img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:5px}.portfolio figcaption{display:flex;flex-direction:column;padding-top:18px}.portfolio strong{font-size:19px}.portfolio figcaption span{font-size:11px;color:#bdcedb;margin-top:4px}.process{background:#e4f4fb}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:45px}.steps article{border-top:1px solid #9bbfce;padding-top:23px}.steps article>span{font-family:'Barlow Condensed',Arial,sans-serif;color:var(--blue);font-size:28px}.steps h3{font-size:28px}.steps p{font-size:13px;color:var(--muted);margin-bottom:0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-weight:600;font-size:15px;padding-right:15px}.faq details p{font-size:13px;color:var(--muted);margin:14px 0 2px}.faq details a{text-decoration:underline}.contact{background:var(--red);color:#fff;display:flex;justify-content:space-between;gap:45px;align-items:center}.contact h2{font-size:54px}.contact p:last-child{margin-top:24px;font-size:13px;line-height:1.7;margin-bottom:0}.contact-right{display:flex;flex-direction:column;gap:14px;min-width:300px}.phone{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:600;font-size:43px;white-space:nowrap;border-bottom:1px solid #ffffff80;padding-bottom:12px}.phone span{padding-left:16px}.contact-right>span{font-size:10px;letter-spacing:1.3px}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{color:var(--muted);font-size:10px;margin:0}footer>a:last-child{font-size:12px}
@media(min-width:1500px){.section{padding-left:calc((100vw - 1260px)/2);padding-right:calc((100vw - 1260px)/2)}}
@media(max-width:1000px){.hero{gap:35px}.hero h1{font-size:80px}.hero-art{transform:none}.service-ribbon{gap:22px;font-size:21px}.service-row{grid-template-columns:45px 1fr}.service-row>a{grid-column:2;justify-self:start}.faq{gap:45px}.contact{flex-direction:column;align-items:start}.section-heading{gap:40px}footer{flex-wrap:wrap}}
@media(max-width:680px){.review-strip{font-size:9px;letter-spacing:.4px}.review-strip span{padding:0 5px}header{padding:22px 6%;gap:15px}nav{display:none}.brand strong{font-size:27px}.brand small{font-size:8px}.call-header{padding:9px 13px;font-size:12px}.call-header span{padding-left:12px}.hero{grid-template-columns:1fr;gap:38px;padding:25px 6% 50px;margin:0}.hero h1{font-size:83px}.hero .eyebrow{font-size:9px}.intro{font-size:19px}.hero-art{max-width:460px;box-shadow:7px 9px 0 var(--sky)}.art-top,.art-bottom{padding:13px 20px}.hero-art img{aspect-ratio:1.15;object-fit:contain}.service-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:20px;text-align:center;padding:20px 6%}.service-ribbon b{display:none}.section{padding:58px 6%}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}h2{font-size:48px}.service-row{grid-template-columns:31px 1fr;gap:14px;padding:28px 0}.service-number{font-size:30px}.service-row h3{font-size:31px}.service-row p{font-size:13px}.portfolio{grid-template-columns:1fr;gap:32px}.steps{grid-template-columns:1fr;gap:26px;margin-top:32px}.steps article{padding-top:17px}.steps h3{margin-top:5px}.faq{grid-template-columns:1fr;gap:30px}.contact{gap:32px}.contact h2{font-size:46px}.contact-right{min-width:0;width:100%}.phone{font-size:39px}.phone span{float:right}footer{padding:30px 6%;align-items:start;gap:24px;flex-direction:column}.actions{gap:20px}.text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.engine-comparison{display:grid;grid-template-rows:1fr 1fr;aspect-ratio:1;background:#082c4c;gap:4px}.engine-comparison>div{position:relative;min-height:0;overflow:hidden}.portfolio .engine-comparison img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 66%}.engine-comparison span{position:absolute;z-index:1;top:12px;left:12px;background:#082c4c;color:white;padding:6px 10px;font-size:12px;font-weight:800;letter-spacing:.12em}
.interior-comparison{position:relative;aspect-ratio:2;overflow:hidden;border-radius:8px}.portfolio .interior-comparison img{position:absolute;width:103%;max-width:none;height:auto;aspect-ratio:1;left:-1.5%;bottom:-1.5%;border-radius:0}.interior-comparison span{position:absolute;top:10px;background:#082c4c;color:white;padding:6px 10px;font-size:12px;font-weight:800;letter-spacing:.12em}.before-label{left:10px}.after-label{left:calc(50% + 10px)}.engine-comparison{grid-template-rows:1fr;grid-template-columns:1fr 1fr;aspect-ratio:2}.portfolio .engine-comparison img{object-position:center 75%}
