:root{--ink:#07151d;--muted:#576770;--blue:#00a4df;--blue-light:#40c9f1;--paper:#fff;--soft:#f3f6f7;--line:#dce4e8;--container:1280px;scroll-behavior:smooth;scroll-padding-top:112px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,input,select,textarea{border-radius:0}button:disabled{cursor:default}p,h1,h2,h3,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:500}h1{font-size:clamp(2.8rem,5.3vw,5.2rem)}h2{font-size:clamp(2.05rem,3.6vw,3.65rem)}h3{font-size:1.55rem}em{font-style:normal;color:#0081b1}::selection{background:var(--blue);color:var(--ink)}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #007ba8;outline-offset:2px}.container{width:min(var(--container),calc(100% - 112px));margin-inline:auto}.section{padding:100px 0}.soft-section{background:var(--soft)}.dark-section{background:var(--ink);color:#fff}.eyebrow{font-size:.8rem;line-height:1.6;letter-spacing:.13em;font-weight:700;margin-bottom:22px;color:#456675}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;min-height:52px;padding:13px 22px;font-size:.9rem;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button>span{font-size:1.4rem;line-height:1}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#1a3b4a}.button-blue{background:var(--blue);color:#001823}.button-blue:hover{background:var(--blue-light)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid currentColor;padding-bottom:5px;width:fit-content;font-size:.9rem;line-height:1.6;font-weight:600}.text-link>span{font-size:1.35rem}.light-link{color:#fff}.skip-link{position:fixed;z-index:100;top:-100px;left:16px;background:white;padding:14px 24px}.skip-link:focus{top:12px}
/* Shared navigation */
.header{height:92px;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e9eef1}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:block;position:relative;width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#000}.brand-mark img{position:absolute;max-width:none;width:114%;height:114%;left:-7%;top:-7%}.brand-name{font-size:1.43rem;font-weight:800;letter-spacing:.045em;line-height:1.05}.brand-name>span{display:block;font-size:.75rem;font-weight:500;letter-spacing:.34em;margin-top:7px;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.desktop-nav a{font-size:.875rem;padding:13px 0;position:relative;color:#4a5961;white-space:nowrap}.desktop-nav a:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .2s}.desktop-nav a.active,.desktop-nav a:hover{color:var(--ink)}.desktop-nav a.active:after,.desktop-nav a:hover:after{transform:scaleX(1)}.header-cta{background:var(--ink);color:#fff;padding:11px 17px;min-height:46px;white-space:nowrap}.menu-toggle{display:none;width:46px;height:46px;background:white;border:1px solid var(--line);padding:12px;flex-shrink:0}.menu-toggle span{height:2px;display:block;background:var(--ink);margin:5px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{background:white;padding:12px 28px 24px;border-top:1px solid var(--line);box-shadow:0 20px 30px #07151d17;max-height:calc(100dvh - 80px);overflow:auto}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid var(--line);font-size:1rem}.mobile-nav a[aria-current=page]{color:#007aa7;font-weight:700}.mobile-nav a>span{color:#69818e}.mobile-nav .mobile-phone{border:0;color:#007aa7;font-size:.9rem;margin-top:10px;justify-content:flex-start}
/* Home */
.hero{background:var(--ink);color:#fff;min-height:700px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 28%}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07151d 0%,#07151df5 22%,#07151dc0 39%,#07151d35 67%,#07151d10),linear-gradient(0deg,#07151d99,transparent 22%)}.hero-content{position:relative;z-index:1;padding-top:75px;padding-bottom:140px}.hero .eyebrow{color:#c7dbe5;font-size:.8rem}.hero h1{font-size:clamp(3.2rem,5.5vw,5.5rem);line-height:1.03;letter-spacing:-.055em;max-width:800px}.hero h1>span{color:var(--blue-light)}.hero-description{font-size:1.05rem;line-height:1.8;color:#d1dce2;margin-top:26px;max-width:500px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:25px}.hero-bottom>p{font-size:.75rem;letter-spacing:.13em;color:#b0c3ce}.hero-bottom>a{display:flex;gap:30px;align-items:center;font-size:.875rem}.hero-bottom>a>span{font-size:1.5rem}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin-bottom:46px}.section-heading>p{max-width:350px;color:var(--muted);font-size:1rem}.section-heading>.text-link{flex-shrink:0}.project-types{display:grid;grid-template-columns:1fr 1fr}.project-type-card{display:flex;flex-direction:column;align-items:flex-start;padding:45px;background:var(--soft);border:1px solid var(--line)}.project-type-card h3{font-size:2.2rem;max-width:380px}.project-type-card>p{color:var(--muted);max-width:420px;margin-top:20px;margin-bottom:30px}.project-type-card .text-link{margin-top:auto}.dark-card{background:var(--ink);color:#fff;border-color:var(--ink)}.dark-card .eyebrow{color:#94c4d7}.dark-card>p{color:#b9cbd4}.project-type-card:hover .text-link{color:#0081b1}.dark-card:hover .text-link{color:var(--blue-light)}
/* Service directory */
.service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service-card{padding:32px;background:white;border:1px solid var(--line);display:flex;align-items:flex-start;flex-direction:column;transition:border-color .2s,box-shadow .2s}.service-card:hover{border-color:#64b9d8;box-shadow:0 10px 25px #07151d08}.card-top{display:flex;align-items:center;justify-content:space-between;align-self:stretch;margin-bottom:29px}.service-number{font-size:.85rem;color:#5b7784}.circle-arrow{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:43px;height:43px;font-size:1.4rem;transition:background .2s}.service-card:hover .circle-arrow{background:var(--blue);border-color:var(--blue);color:var(--ink)}.service-card h3{font-size:1.7rem;line-height:1.2;letter-spacing:-.03em;margin-bottom:16px}.service-card>p{color:var(--muted);font-size:1rem;line-height:1.7;max-width:490px;margin-bottom:26px}.card-link{margin-top:auto;font-size:.875rem;font-weight:600;color:#006d95;border-bottom:1px solid #b0d4e0;padding-bottom:3px}.services-directory{padding-top:58px}.directory-heading{display:flex;justify-content:space-between;gap:20px;font-size:.8rem;letter-spacing:.12em;color:#54717f;padding-bottom:22px}.scope-note{margin-top:30px;font-size:.875rem;color:var(--muted)}.project-paths{display:grid;grid-template-columns:1fr 1fr;gap:85px}.project-paths>div:last-child>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #cbd7dd;font-size:1.55rem;line-height:1.4}.project-paths small{display:block;font-size:.9rem;color:var(--muted);margin-top:7px}.project-paths>div:last-child>a>span:last-child{font-size:1.8rem;color:#0082b4}
/* Inner page titles and image features */
.page-intro{background:var(--soft);border-bottom:1px solid var(--line);padding:26px 0 74px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:.875rem;color:#677c87;line-height:1.5;margin-bottom:58px}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-current=page]{color:#3a5665}.intro-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:68px;align-items:end}.intro-grid h1{line-height:1.08}.intro-grid .eyebrow{margin-bottom:22px}.intro-description{color:var(--muted);max-width:400px;padding-bottom:5px;justify-self:end;font-size:1.05rem;line-height:1.8}.page-intro-dark{background:var(--ink);color:#fff;border-color:#203640}.page-intro-dark .eyebrow{color:#9ec5d5}.page-intro-dark em{color:var(--blue-light)}.page-intro-dark .intro-description{color:#bbced7}.page-intro-dark .breadcrumbs,.page-intro-dark .breadcrumbs [aria-current=page]{color:#aec6d2}.split-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:78px}.image-panel{min-width:0}.image-panel>img{width:100%;aspect-ratio:4/3;object-fit:cover}.image-panel figcaption{font-size:.8rem;color:#607581;border-bottom:1px solid var(--line);padding:12px 0;line-height:1.6}.section-copy h2{margin-bottom:27px}.section-copy>p:not(.eyebrow){color:var(--muted);margin-bottom:20px;line-height:1.8}.section-copy>.text-link,.section-copy>.button{margin-top:15px}.inline-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:22px;gap:25px;margin-top:32px}.inline-facts strong{display:block;font-size:1rem;font-weight:600}.inline-facts span{display:block;color:var(--muted);font-size:.875rem;margin-top:4px}.dark-section .eyebrow{color:#9ebdcb}.dark-section .text-link{color:#dce9ef}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principles article{border-top:1px solid #324953;padding-top:23px}.principles article>span{font-size:.875rem;color:#7eb3c8}.principles h3{margin-top:25px;line-height:1.25}.principles p{color:#b5c8d2;font-size:1rem;margin-top:18px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;margin:0;padding:0}.process-grid li{border-top:1px solid #cad6dc;padding-top:22px}.process-number{display:block;color:#0083b4;font-size:2.8rem;line-height:1;margin-bottom:36px;font-weight:400}.process-grid h3{font-size:1.35rem;line-height:1.2;margin-bottom:17px;letter-spacing:-.02em}.process-grid p{color:var(--muted);font-size:1rem}.cta-band{background:var(--blue);padding:70px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:55px}.cta-inner .eyebrow{color:#07465b;margin-bottom:15px}.cta-inner h2{font-size:clamp(2rem,3.3vw,3.25rem)}.cta-inner p:not(.eyebrow){color:#063a4c;margin-top:19px;max-width:650px}.cta-inner>.button{flex-shrink:0}
/* Service detail pages */
.service-hero{background:var(--ink);color:white;padding:26px 0 75px}.service-hero .breadcrumbs,.service-hero .breadcrumbs [aria-current=page]{color:#abc5d1}.service-hero-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:110px}.service-hero .eyebrow{color:#95c6da;font-size:.8rem}.service-hero h1{font-size:clamp(2.7rem,4.8vw,4.8rem);max-width:820px}.service-hero-grid>div>p:not(.eyebrow){margin-top:25px;color:#bfd1da;font-size:1.05rem;line-height:1.8;max-width:700px}.service-hero .button{margin-top:30px}.service-applications{align-self:end;padding-left:30px;border-left:1px solid #334d5a}.service-applications>span{display:block;font-size:1.13rem;margin:10px 0;color:#e2edf2}.service-applications>.text-link{color:#9ac8dd;margin-top:24px;font-size:.875rem}.detail-layout{display:grid;grid-template-columns:1.55fr .9fr;gap:90px;align-items:start}.lead-copy{color:var(--muted);line-height:1.85;font-size:1.05rem;margin-top:25px;max-width:720px}.scope-list{list-style:none;margin:30px 0 0;padding:0}.scope-list li{display:flex;align-items:baseline;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:1rem}.scope-list li>span{color:#007fab;font-size:1.05rem;font-weight:600;flex-shrink:0}.detail-main>.image-panel{margin-top:38px}.enquiry-aside{background:var(--soft);border-top:3px solid var(--blue);padding:32px;position:sticky;top:122px}.enquiry-aside h3{font-size:1.75rem;line-height:1.2;margin-bottom:20px}.enquiry-aside>p:not(.eyebrow){color:var(--muted);font-size:1rem}.enquiry-aside .button{margin-top:28px;width:100%}.aside-phone{display:block;text-align:center;margin-top:18px;font-size:1rem;font-weight:600}.enquiry-aside .aside-note{font-size:.875rem!important;text-align:center;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.related-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.related-services>a{display:grid;grid-template-columns:1fr auto;gap:30px;border-top:1px solid #c4d4dc;padding-top:24px}.related-services>a>span:first-child{font-size:.85rem;grid-column:1/-1;color:#4a788c}.related-services h3{font-size:1.6rem;line-height:1.3}.related-services>a>span:last-child{font-size:1.6rem;color:#007fae}.related-services a:hover h3{color:#007fae}
/* Residential and commercial */
.space-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.space-grid article{border-top:1px solid #cbd9df;padding-top:22px}.space-grid h3{font-size:1.6rem;line-height:1.25;margin-top:28px;margin-bottom:18px}.space-grid p{color:var(--muted);font-size:1rem}.commercial-overview{display:grid;grid-template-columns:1fr 1fr;gap:100px}.commercial-spaces{border:1px solid var(--line);padding:36px 35px;background:var(--soft)}.commercial-spaces>.eyebrow{margin-bottom:5px}.commercial-spaces article{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid #d4e0e5}.commercial-spaces article:last-child{border-bottom:0;padding-bottom:0}.commercial-spaces article>span{font-size:.875rem;color:#4b7b91}.commercial-spaces h3{font-size:1.7rem;line-height:1.2;margin-bottom:12px}.commercial-spaces p{color:var(--muted);font-size:1rem}.briefing-strip{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.briefing-strip .scope-list{margin:0}
/* Gallery */
.gallery-section{padding-top:60px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.gallery-card{display:block;width:100%;min-width:0;text-align:left;background:none;border:0;padding:0;color:var(--ink)}.gallery-featured{grid-column:1/-1}.gallery-image{position:relative;display:block;overflow:hidden;background:#e1e8ec}.gallery-image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}.gallery-featured .gallery-image img{aspect-ratio:16/8.5}.gallery-card:hover img{transform:scale(1.025)}.image-open{position:absolute;right:20px;bottom:20px;background:white;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:1.5rem}.gallery-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:18px}.gallery-caption small{font-size:.75rem;letter-spacing:.1em;display:block;color:#587582;margin-bottom:5px}.gallery-caption strong{display:block;font-size:1.6rem;font-weight:500;line-height:1.3;letter-spacing:-.025em}.gallery-caption>span:last-child{font-size:.85rem;color:#658291;padding-top:5px}.gallery-note{font-size:.875rem;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:40px;max-width:940px;line-height:1.75}.lightbox{position:fixed;background:var(--ink);color:white;border:0;padding:0;max-width:min(1100px,92vw);width:1100px;max-height:90dvh;overflow:auto;box-shadow:0 12px 80px #0007}.lightbox::backdrop{background:#00111de8;backdrop-filter:blur(6px)}.lightbox>img{width:100%;height:min(68dvh,750px);object-fit:contain;background:#040c10}.lightbox-close{position:absolute;right:12px;top:12px;background:#07151ded;color:white;border:1px solid #728c98;border-radius:50%;width:44px;height:44px;font-size:2rem;line-height:1}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px}.lightbox-bottom p{font-size:1rem;line-height:1.5}.lightbox-controls{display:flex;align-items:center;gap:18px;white-space:nowrap}.lightbox-controls button{background:transparent;color:white;border:1px solid #4e6875;width:44px;height:44px;font-size:1.3rem}.lightbox-controls span{font-size:.875rem;color:#b4cedb}
/* Contact */
.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.contact-details{margin-top:36px;display:grid;gap:27px}.contact-details small{font-size:.8rem;letter-spacing:.12em;color:#5e7988;display:block;margin-bottom:8px;font-weight:700}.contact-details a>span{display:flex;align-items:center;gap:24px;font-size:1.25rem;line-height:1.4}.contact-details a>span>span{color:#0082b1}.contact-details address{font-style:normal;font-size:1rem;line-height:1.9;max-width:410px;color:#344d5a}.contact-details .directions{font-size:.9rem;margin-top:17px;color:#006e97;gap:15px}.contact-projects{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.contact-projects>span{font-size:.8rem;line-height:1.5;padding:7px 12px;background:var(--soft);border:1px solid var(--line)}.enquiry-form{background:var(--soft);padding:36px;border-top:3px solid var(--blue);scroll-margin-top:110px}.enquiry-form>.eyebrow{margin-bottom:14px}.enquiry-form h3{font-size:1.7rem;line-height:1.25;margin-bottom:10px}.enquiry-form>p:not(.eyebrow){font-size:.9rem;color:var(--muted);margin-bottom:25px}.enquiry-form label{display:block;font-size:.875rem;font-weight:600;margin-bottom:19px;line-height:1.5;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.enquiry-form input:not([type=hidden]),.enquiry-form select,.enquiry-form textarea{width:100%;min-width:0;max-width:100%;font-size:1rem;line-height:1.5;font-weight:400;color:var(--ink);background:white;border:1px solid #c8d5dc;padding:12px;margin-top:8px;min-height:49px}.enquiry-form textarea{resize:vertical;min-height:110px}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#72838d}.enquiry-form .form-note{font-size:.875rem!important;line-height:1.7;margin:0 0 22px}.enquiry-form .button{width:100%;justify-content:space-between}.enquiry-form noscript .form-note{margin-top:20px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;font-size:1rem;padding:20px 0}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:#0080ac;font-size:1.4rem;line-height:1.3;flex-shrink:0}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:1rem;color:var(--muted);padding:0 30px 22px 0;line-height:1.8}
/* Right-side contact shortcuts, matching the supplied reference */
.contact-rail{position:fixed;right:0;top:50%;transform:translateY(-50%);width:48px;z-index:40;filter:drop-shadow(-3px 3px 8px #07151d25)}.rail-toggle{display:grid;place-items:center;width:48px;height:38px;background:#07151d;border:0;color:white;border-radius:9px 0 0 0;font-size:1.3rem}.rail-toggle[aria-expanded=false]{height:44px;border-radius:9px 0 0 9px}.rail-contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:157px;background:var(--blue);color:#002b3d;padding:16px 0;font-size:.875rem;font-weight:700}.rail-contact>span{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.04em}.contact-rail svg{width:21px;height:21px;flex-shrink:0}.rail-icon{position:relative;display:grid;place-items:center;width:48px;height:49px;color:white;background:#0c5c7a;border-top:1px solid #ffffff20}.rail-whatsapp{background:#128447}.rail-icon:last-child{border-radius:0 0 0 9px}.rail-icon:hover,.rail-icon:focus-visible{background:#082e40}.rail-whatsapp:hover,.rail-whatsapp:focus-visible{background:#075e32}.rail-tooltip{pointer-events:none;position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%) translateX(5px);background:#07151d;color:white;padding:8px 13px;border-radius:3px;white-space:nowrap;font-size:.875rem;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s}.rail-icon:hover .rail-tooltip,.rail-icon:focus-visible .rail-tooltip{visibility:visible;opacity:1;transform:translateY(-50%) translateX(0)}
/* Footer */
.footer{background:var(--ink);color:#fff;padding:65px 0 24px}.footer-top{display:grid;grid-template-columns:1fr .65fr 1.05fr;gap:80px;padding-bottom:50px}.footer-brand>p{color:#b8cad4;margin-top:23px;font-size:1rem}.footer-location{display:block;font-size:.75rem;color:#8caab9;letter-spacing:.12em;margin-top:26px}.footer-top nav{display:grid;grid-template-columns:1fr;align-content:start;gap:6px}.footer .eyebrow{color:#a0bbc8;margin-bottom:16px;font-size:.8rem}.footer-top nav a{font-size:.9rem;color:#d0dfe7;line-height:1.6}.footer-top nav a:hover,.footer-contact a:hover{color:var(--blue-light)}.footer-contact{min-width:0}.footer-contact address{font-style:normal;color:#b4c8d3;font-size:.9rem;line-height:1.9;margin-bottom:19px;max-width:380px}.footer-contact>a{display:block;color:#d0dfe7;font-size:.95rem;width:fit-content;margin-top:6px}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;border-top:1px solid #2b414d;padding-top:24px;color:#8fa9b8;font-size:.8rem}.footer-bottom>a{color:#d0dfe7;white-space:nowrap}.footer-bottom>a>span{margin-left:16px}
/* Tablet */
@media(max-width:1200px){.desktop-nav{display:none}.header-cta{margin-left:auto}.menu-toggle{display:block}.header{height:82px}.container{width:calc(100% - 104px)}.hero{min-height:650px}.hero h1{font-size:4.8rem}.section{padding:82px 0}.intro-grid{gap:40px;grid-template-columns:1.4fr 1fr}.intro-grid h1{font-size:3.8rem}.split-section{gap:45px}.section-heading{gap:40px}.section-heading>p{max-width:300px}.service-hero-grid{gap:60px}.detail-layout{gap:45px}.contact-grid{gap:55px}.footer-top{gap:55px}.commercial-overview{gap:50px}.space-grid{grid-template-columns:1fr 1fr;gap:35px}.form-grid{grid-template-columns:1fr;gap:0}.process-grid{grid-template-columns:1fr 1fr;gap:36px}.project-type-card{padding:34px}.project-type-card h3{font-size:1.85rem}.project-paths{gap:50px}}
@media(max-width:900px){.hero h1{font-size:4.3rem}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-description{justify-self:start;max-width:650px}.intro-grid h1{font-size:3.8rem}.page-intro{padding-bottom:58px}.breadcrumbs{margin-bottom:45px}.section-heading{display:block}.section-heading>p{max-width:630px;margin-top:24px}.section-heading>.text-link{margin-top:26px}.split-section,.commercial-overview,.detail-layout{grid-template-columns:1fr;gap:40px}.image-panel>img{max-height:600px}.section-copy{max-width:680px}.service-hero-grid{grid-template-columns:1.5fr 1fr;gap:35px}.service-hero h1{font-size:3.35rem}.service-applications{padding-left:22px}.enquiry-aside{position:static}.principles{gap:30px}.principles h3{font-size:1.4rem}.cta-inner{display:block}.cta-inner>.button{margin-top:27px}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:1/-1}.footer-brand>p{margin-top:18px}.footer-location{margin-top:14px}.contact-grid{grid-template-columns:1fr;gap:45px}.form-grid{grid-template-columns:1fr 1fr;gap:18px}.contact-details{grid-template-columns:1fr 1fr;gap:28px}.contact-details>div:last-child{grid-column:1/-1}.contact-details address{max-width:550px}.contact-details a>span{font-size:1.05rem;gap:12px}.faq{grid-template-columns:1fr;gap:35px}.related-services{grid-template-columns:1fr;gap:25px}.related-services>a{grid-template-columns:45px 1fr auto;gap:20px;align-items:center}.related-services>a>span:first-child{grid-column:auto}.project-paths,.briefing-strip{grid-template-columns:1fr;gap:32px}.gallery-caption strong{font-size:1.4rem}}
/* Phones */
@media(max-width:680px){:root{scroll-padding-top:95px}.container{width:calc(100% - 40px)}.header{height:76px}.header-inner{gap:12px}.brand-mark{width:43px;height:43px}.brand-name{font-size:1.26rem}.brand{gap:10px}.brand-name>span{font-size:.75rem;margin-top:6px}.header-cta{display:none}.menu-toggle{margin-left:auto;width:44px;height:44px}.mobile-nav{max-height:calc(100dvh - 76px);padding-inline:24px}.section{padding:60px 0}.eyebrow{font-size:.75rem;letter-spacing:.11em;margin-bottom:19px}.hero{display:block;min-height:0;padding-bottom:50px}.hero-content{padding-top:44px;padding-bottom:0;position:relative}.hero .eyebrow{font-size:.75rem;max-width:280px;line-height:1.6}.hero h1{font-size:clamp(2.7rem,10.2vw,4.2rem);line-height:1.04}.hero-description{font-size:1rem;line-height:1.7;margin-top:23px;max-width:360px}.hero-actions{gap:22px;margin-top:27px}.hero-actions .button{padding-inline:17px;gap:16px}.hero-actions .text-link{gap:12px}.hero-image{position:relative;inset:auto;height:270px;margin-top:0;order:0;display:none}.hero:after{content:"";display:none}.hero-shade{display:none}.hero{display:flex;flex-direction:column;align-items:stretch}.hero-content{order:1}.hero-image{display:block;order:2;margin-top:40px;height:auto;aspect-ratio:4/3}.hero-image img{object-position:64% center}.hero-bottom{position:static;order:3;padding-top:21px;display:block}.hero-bottom>p{display:none}.hero-bottom>a{justify-content:space-between;font-size:.875rem}.section-heading{margin-bottom:31px}.section-heading h2{font-size:2.15rem;line-height:1.13}.section-heading>p{font-size:1rem;margin-top:22px}.project-types{grid-template-columns:1fr}.project-type-card{padding:30px 25px}.project-type-card h3{font-size:1.95rem}.project-type-card>p{font-size:1rem;margin-top:17px;margin-bottom:25px}.service-cards{grid-template-columns:1fr;gap:18px}.service-card{padding:26px}.card-top{margin-bottom:23px}.service-card h3{font-size:1.6rem}.service-card>p{font-size:1rem;margin-bottom:22px}.services-directory{padding-top:38px}.directory-heading{display:block;font-size:.75rem;line-height:1.7}.directory-heading>span{display:block}.directory-heading>span+span{margin-top:4px;color:#6c8491}.page-intro{padding-top:20px;padding-bottom:44px}.breadcrumbs{font-size:.8rem;margin-bottom:36px;gap:8px}.intro-grid{gap:23px}.intro-grid h1{font-size:clamp(2.7rem,9.3vw,3.5rem);line-height:1.1}.intro-description{font-size:1rem;line-height:1.75;padding:0}.split-section{gap:31px}.section-copy h2{font-size:2.15rem;line-height:1.15;margin-bottom:23px}.section-copy>p:not(.eyebrow){font-size:1rem}.image-panel figcaption{font-size:.8rem}.inline-facts{gap:15px}.inline-facts span{font-size:.875rem}.principles{grid-template-columns:1fr;gap:30px}.principles h3{font-size:1.55rem;margin-top:17px}.principles p{margin-top:14px}.process-grid{gap:30px 24px}.process-number{font-size:2.2rem;margin-bottom:24px}.process-grid h3{font-size:1.2rem;line-height:1.25}.process-grid p{font-size:1rem}.cta-band{padding:48px 0}.cta-inner h2{font-size:2.2rem;line-height:1.15}.cta-inner p:not(.eyebrow){font-size:1rem;margin-top:18px}.cta-inner>.button{margin-top:25px}.service-hero{padding-top:20px;padding-bottom:46px}.service-hero-grid{grid-template-columns:1fr;gap:37px}.service-hero h1{font-size:clamp(2.6rem,9.2vw,3.4rem);line-height:1.08}.service-hero .eyebrow{font-size:.75rem}.service-hero-grid>div>p:not(.eyebrow){font-size:1rem;line-height:1.75;margin-top:23px}.service-applications{border-left:0;border-top:1px solid #334d5a;padding:25px 0 0}.service-applications>.eyebrow{margin-bottom:13px}.service-applications>span{font-size:1rem;display:inline-block;margin:0 12px 8px 0;border:1px solid #344c57;padding:6px 10px}.service-applications>.text-link{display:flex;margin-top:14px}.detail-layout{gap:36px}.lead-copy{font-size:1rem;line-height:1.8;margin-top:22px}.scope-list{margin-top:22px}.scope-list li{font-size:1rem;gap:12px;line-height:1.6}.enquiry-aside{padding:28px 24px}.enquiry-aside h3{font-size:1.65rem}.related-services h3{font-size:1.4rem}.related-services>a{grid-template-columns:28px 1fr auto;gap:14px}.space-grid{grid-template-columns:1fr;gap:27px}.space-grid h3{font-size:1.65rem;margin-top:17px;margin-bottom:14px}.commercial-spaces{padding:27px 24px}.commercial-spaces article{gap:18px;padding:23px 0}.commercial-spaces h3{font-size:1.5rem}.commercial-spaces p{font-size:1rem}.project-paths>div:last-child>a{font-size:1.4rem}.project-paths h2,.briefing-strip h2{font-size:2.15rem}.gallery-section{padding-top:38px}.gallery-grid{grid-template-columns:1fr;gap:34px}.gallery-featured{grid-column:auto}.gallery-featured .gallery-image img{aspect-ratio:4/3}.gallery-caption{margin-top:16px}.gallery-caption strong{font-size:1.45rem}.gallery-caption small{font-size:.75rem}.gallery-note{margin-top:30px;font-size:.875rem}.contact-copy h2{font-size:2.45rem}.contact-details{grid-template-columns:1fr;gap:24px;margin-top:28px}.contact-details a>span{font-size:1.18rem;gap:20px}.contact-details>div:last-child{grid-column:auto}.contact-details small{font-size:.75rem}.enquiry-form{padding:27px 22px;scroll-margin-top:95px}.enquiry-form h3{font-size:1.6rem}.form-grid{grid-template-columns:1fr;gap:0}.enquiry-form .button{gap:12px;padding-inline:15px;font-size:.875rem}.faq h2{font-size:2.2rem}.faq summary{font-size:1rem;padding:18px 0}.faq details p{font-size:1rem;padding-right:8px}.lightbox{max-width:94vw;width:94vw}.lightbox>img{height:auto;max-height:65dvh}.lightbox-bottom{display:block;padding:17px}.lightbox-controls{justify-content:flex-end;margin-top:16px}.contact-rail{width:42px}.rail-toggle{width:42px;height:36px}.rail-toggle[aria-expanded=false]{height:44px}.rail-icon{width:42px;height:46px}.rail-contact{min-height:134px;font-size:.8rem;padding:12px 0}.contact-rail svg{width:20px;height:20px}.footer{padding:43px 0 25px}.footer-top{grid-template-columns:1fr;gap:34px;padding-bottom:33px}.footer-brand{grid-column:auto}.footer-top nav{grid-template-columns:1fr 1fr;gap:9px 20px}.footer-top nav>.eyebrow{grid-column:1/-1;margin-bottom:5px}.footer-contact address{font-size:.9rem;max-width:460px}.footer-bottom{font-size:.75rem;gap:25px;line-height:1.7}.footer-bottom>span{max-width:230px}.footer-bottom>a{font-size:.75rem}.footer-bottom>a>span{margin-left:8px}}
@media(max-width:380px){.brand-name{font-size:1.15rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero h1{font-size:2.75rem}.process-grid{grid-template-columns:1fr}.process-number{margin-bottom:20px}.intro-grid h1{font-size:2.65rem}.button{gap:15px}.footer-bottom>span{max-width:180px}.enquiry-form{padding-inline:18px}.inline-facts{grid-template-columns:1fr}.contact-projects{gap:7px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Clean architectural direction inspired by premium aluminium and glass websites. */
.aluvex-hero{min-height:640px;background:#f5f9fc;color:#071b2e;align-items:stretch;justify-content:center}
.aluvex-hero .hero-image{left:42%;inset-block:0;overflow:hidden}
.aluvex-hero .hero-image img{object-position:center;height:100%;filter:saturate(.9)}
.aluvex-hero .hero-shade{background:linear-gradient(90deg,#f5f9fc 0%,#f5f9fcf5 27%,#f5f9fca8 48%,#f5f9fc12 72%,transparent 100%)}
.aluvex-hero .hero-content{padding-top:60px;padding-bottom:60px;max-width:var(--container);margin-inline:auto;width:min(var(--container),calc(100% - 112px))}
.aluvex-hero .eyebrow{color:#15669b;letter-spacing:.16em;margin-bottom:24px}.hero-rule{display:inline-block;vertical-align:middle;width:38px;height:2px;background:#1a82c8;margin-left:14px}
.aluvex-hero h1{font-size:clamp(3.1rem,5vw,5.35rem);line-height:1.02;max-width:700px;color:#071b2e;font-weight:700;letter-spacing:-.055em}.aluvex-hero h1 span{color:#087bd0}.aluvex-hero h2{font-size:clamp(1.55rem,2.3vw,2.1rem);margin-top:22px;font-weight:700;color:#14324a;letter-spacing:-.03em}.aluvex-hero .hero-description{color:#526779;max-width:560px;font-size:1rem;line-height:1.75;margin-top:20px}.aluvex-hero .hero-actions{margin-top:28px}.aluvex-hero .button-blue{box-shadow:0 8px 22px #007bd12a}.button-outline{border-color:#2685c9;background:#ffffffc7;color:#16415f}.button-outline:hover{background:#e7f4fc}.whatsapp-dot{color:#19ad61;font-size:1.05rem!important}.hero-badge{position:absolute;right:28px;top:70px;z-index:2;background:#102945e8;color:#fff;padding:22px 25px;font-size:.76rem;line-height:1.8;letter-spacing:.2em;text-align:center}
.feature-strip{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 20px #07151d08}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.feature-grid>div{display:flex;align-items:center;gap:15px;min-height:92px;padding:17px 27px;border-right:1px solid var(--line)}.feature-grid>div:first-child{border-left:1px solid var(--line)}.feature-icon{display:grid;place-items:center;color:#087fd0;font-size:1.75rem;width:29px;flex-shrink:0}.feature-grid strong{display:block;font-size:.95rem;line-height:1.25;color:#17334c}.feature-grid small{display:block;color:#6b7d8b;font-size:.78rem;margin-top:5px;line-height:1.35}
.aluvex-hero+.feature-strip + .section{padding-top:105px}
@media(max-width:1200px){.aluvex-hero .hero-content{width:calc(100% - 104px)}.aluvex-hero h1{font-size:4.5rem}.feature-grid>div{padding-inline:15px}.feature-grid strong{font-size:.84rem}}
@media(max-width:900px){.aluvex-hero .hero-image{left:33%}.aluvex-hero .hero-shade{background:linear-gradient(90deg,#f5f9fc 0%,#f5f9fce8 31%,#f5f9fc61 61%,#f5f9fc10 100%)}.aluvex-hero h1{font-size:4rem}.hero-badge{right:18px;top:45px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid>div:nth-child(3){border-left:1px solid var(--line)}.feature-grid>div:nth-child(3),.feature-grid>div:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:680px){.aluvex-hero{min-height:0;display:block;padding-bottom:0}.aluvex-hero .hero-content{width:calc(100% - 40px);padding-top:44px;padding-bottom:35px}.aluvex-hero .hero-image{display:block;position:relative;left:auto;inset:auto;height:auto;aspect-ratio:4/3;margin-top:0}.aluvex-hero .hero-shade{display:none}.aluvex-hero h1{font-size:clamp(2.75rem,10vw,3.8rem)}.aluvex-hero h2{font-size:1.55rem;margin-top:19px}.aluvex-hero .hero-description{font-size:.95rem;margin-top:16px}.aluvex-hero .hero-actions{gap:14px;margin-top:22px;align-items:stretch;flex-direction:column}.aluvex-hero .button{width:fit-content}.hero-badge{display:none}.feature-grid>div{min-height:84px;padding:13px 10px;gap:9px}.feature-grid strong{font-size:.75rem}.feature-grid small{font-size:.7rem}.feature-icon{font-size:1.35rem;width:22px}.aluvex-hero+.feature-strip + .section{padding-top:60px}}

/* Projects, enquiry and company-profile additions. */
.button-light{background:#fff;color:var(--ink)}.button-light:hover{background:#dff4fd}.project-quick-section{padding-top:0}.project-quick-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:55px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-quick-grid h2{margin-bottom:19px}.project-quick-grid p:not(.eyebrow){color:var(--muted);max-width:520px}.project-quick-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}.project-directory{padding-bottom:76px}.project-board{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-board article{position:relative;min-height:350px;padding:34px 38px 31px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.project-board article:nth-child(2),.project-board article:nth-child(3){background:#f7fbfd}.project-number{display:block;color:#087fd0;font-size:2.8rem;line-height:1;margin-bottom:28px}.project-board h3{font-size:1.85rem;margin-bottom:15px;max-width:340px}.project-board>article>p:not(.eyebrow){color:var(--muted);max-width:460px;font-size:.98rem;line-height:1.7}.project-board ul{list-style:none;margin:22px 0 25px;padding:0;display:grid;gap:8px}.project-board li{display:flex;align-items:flex-start;gap:9px;color:#3d5562;font-size:.875rem;line-height:1.5}.project-board li span{color:#087fd0;font-weight:700}.project-board .text-link{position:absolute;bottom:30px}.site-visit-banner{display:flex;align-items:center;justify-content:space-between;gap:70px}.site-visit-banner h2{font-size:clamp(2.25rem,3.6vw,3.65rem)}.site-visit-banner p:not(.eyebrow){max-width:650px;color:#b9cbd4;margin-top:20px}.site-visit-banner>div:last-child{display:grid;gap:18px;justify-items:start;flex-shrink:0}.inline-phone{color:#dce9ef;border-bottom:1px solid #6b9cad;padding-bottom:3px;font-size:.96rem}.proof-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:stretch}.proof-grid>div:first-child{align-self:center}.proof-grid>div:first-child p:not(.eyebrow){color:var(--muted);max-width:560px;margin-bottom:27px}.brochure-card{background:#fff;border:1px solid var(--line);padding:34px;position:relative}.brochure-mark{position:absolute;right:27px;top:27px;color:#087fd0;border:1px solid #b2d8ec;padding:5px 8px;font-size:.72rem;letter-spacing:.1em;font-weight:700}.brochure-card h3{font-size:1.9rem;margin-bottom:17px}.brochure-card p:not(.eyebrow){color:var(--muted);margin-bottom:26px;max-width:400px}.site-visit-section{background:#f5f9fc}.site-visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.site-visit-grid h2{margin-bottom:20px}.site-visit-grid>div:first-child>p:not(.eyebrow){color:var(--muted);max-width:520px;margin-bottom:28px}.visit-checklist{background:#fff;border:1px solid var(--line);padding:28px 32px}.visit-checklist ul{list-style:none;margin:0;padding:0}.visit-checklist li{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;border-top:1px solid var(--line);padding:16px 0;color:#38515e;font-size:.96rem;line-height:1.45}.visit-checklist li span{color:#087fd0;font-size:.85rem;font-weight:700}.service-area-section{padding-top:82px;padding-bottom:82px}.service-area-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.service-area-grid>div:first-child>p:not(.eyebrow){color:var(--muted);max-width:510px;margin-bottom:25px}.area-list{display:flex;flex-wrap:wrap;gap:10px}.area-list span{border:1px solid #c8d9e1;background:#fff;padding:10px 13px;color:#345061;font-size:.9rem;line-height:1.4}.feedback-section{padding-top:78px;padding-bottom:78px}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:50px 0}.feedback-grid h2{font-size:clamp(2.1rem,3.3vw,3.25rem)}.feedback-grid>div:last-child p{color:var(--muted);max-width:520px;margin-bottom:25px}.brochure-section{padding-top:0}.brochure-strip{background:#102945;color:#fff;padding:43px 48px;display:flex;justify-content:space-between;align-items:center;gap:40px}.brochure-strip .eyebrow{color:#9ec5d5;margin-bottom:13px}.brochure-strip h2{font-size:clamp(1.9rem,3vw,2.7rem)}.brochure-strip .button-outline{background:#fff;color:#102945;border-color:#fff;flex-shrink:0}
@media(max-width:900px){.project-quick-grid,.site-visit-grid,.service-area-grid,.feedback-grid,.proof-grid{grid-template-columns:1fr;gap:36px}.project-quick-actions{justify-content:flex-start}.site-visit-banner{display:block}.site-visit-banner>div:last-child{margin-top:28px}.feedback-grid{align-items:start}.brochure-strip{padding:37px}.project-board article{min-height:365px}}
@media(max-width:680px){.project-quick-section{padding-top:0}.project-quick-grid{padding:40px 0;gap:29px}.project-quick-grid h2,.site-visit-grid h2,.service-area-grid h2{font-size:2.15rem;line-height:1.14}.project-quick-actions{display:grid;grid-template-columns:1fr}.project-quick-actions .button{width:100%;justify-content:space-between}.project-directory{padding-top:38px;padding-bottom:48px}.project-board{grid-template-columns:1fr}.project-board article{min-height:0;padding:27px 24px 75px}.project-board article:nth-child(2),.project-board article:nth-child(3){background:#f7fbfd}.project-number{font-size:2.2rem;margin-bottom:21px}.project-board h3{font-size:1.55rem}.project-board>article>p:not(.eyebrow){font-size:.95rem}.project-board .text-link{bottom:24px}.site-visit-banner h2{font-size:2.25rem}.site-visit-banner p:not(.eyebrow){font-size:1rem}.proof-grid{gap:32px}.brochure-card{padding:27px 23px}.brochure-card h3{font-size:1.6rem}.site-visit-section{padding-top:52px;padding-bottom:52px}.site-visit-grid{gap:31px}.visit-checklist{padding:23px 21px}.visit-checklist li{grid-template-columns:34px 1fr;font-size:.92rem;padding:14px 0}.service-area-section{padding-top:55px;padding-bottom:55px}.service-area-grid{gap:30px}.area-list{gap:8px}.area-list span{font-size:.83rem;padding:8px 10px}.feedback-section{padding-top:54px;padding-bottom:54px}.feedback-grid{gap:29px;padding:37px 0}.feedback-grid h2{font-size:2.15rem}.brochure-strip{display:block;padding:31px 24px}.brochure-strip .button{width:100%;justify-content:space-between;margin-top:25px}}

/* Completed project photography: intentionally distinct from the inspiration gallery. */
.completed-projects{background:#fff;padding-top:92px}.completed-project-heading{margin-bottom:44px}.completed-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:22px}.completed-project-card{min-width:0;background:#f7fafc;border:1px solid var(--line);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.completed-project-card:hover{transform:translateY(-4px);border-color:#89c6de;box-shadow:0 18px 38px #07151d12}.completed-project-card:first-child,.completed-project-card:nth-child(8){grid-column:span 2}.completed-project-image{overflow:hidden;background:#e4edf1}.completed-project-image img{display:block;width:100%;aspect-ratio:1/.9;object-fit:cover;transition:transform .5s ease}.completed-project-card:first-child .completed-project-image img,.completed-project-card:nth-child(8) .completed-project-image img{aspect-ratio:16/8.8}.completed-project-card:hover .completed-project-image img{transform:scale(1.035)}.completed-project-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 20px 21px}.completed-project-caption p{font-size:.69rem;line-height:1.4;letter-spacing:.12em;font-weight:700;color:#527181;margin-bottom:8px}.completed-project-caption h3{font-size:1.34rem;line-height:1.15;letter-spacing:-.03em}.completed-project-caption>span{color:#0b7fb7;font-size:.78rem;line-height:1.5;font-weight:700;letter-spacing:.12em;padding-top:3px}.completed-project-note{border-top:1px solid var(--line);margin-top:38px;padding-top:20px;color:var(--muted);font-size:.9rem;line-height:1.7}.completed-project-note a{display:inline-flex;align-items:center;gap:8px;color:#006f9e;font-weight:700;border-bottom:1px solid #a6cddd}.completed-project-note a>span{font-size:1.2rem;line-height:1}
@media(max-width:900px){.completed-projects{padding-top:76px}.completed-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.completed-project-card:first-child,.completed-project-card:nth-child(8){grid-column:span 2}}
@media(max-width:680px){.completed-projects{padding-top:56px}.completed-project-heading{margin-bottom:30px}.completed-project-grid{grid-template-columns:1fr;gap:16px}.completed-project-card:first-child,.completed-project-card:nth-child(8){grid-column:auto}.completed-project-image img,.completed-project-card:first-child .completed-project-image img,.completed-project-card:nth-child(8) .completed-project-image img{aspect-ratio:4/3}.completed-project-caption{padding:16px 16px 18px}.completed-project-caption h3{font-size:1.28rem}.completed-project-note{margin-top:29px;padding-top:17px;font-size:.875rem}}

/* STEADWIN 2026 — clean blue architectural system inspired by the supplied ALUVEX reference. */
:root{--steadwin-navy:#071f3d;--steadwin-blue:#0877df;--steadwin-blue-deep:#0059b8;--steadwin-mist:#f4f8fc;--steadwin-line:#dbe5f0}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#10213a}
.header{height:80px;background:rgba(255,255,255,.97);border-bottom:1px solid #e3edf5;box-shadow:0 5px 18px rgba(7,31,61,.045)}
.brand-mark{width:48px;height:48px;background:#fff;border:1px solid #dce8f1}.brand-name{font-size:1.4rem;color:#10213a;letter-spacing:.055em}.brand-name>span{font-size:.54rem;line-height:1.1;letter-spacing:.12em;color:#5b7287;margin-top:5px}.desktop-nav{gap:18px}.desktop-nav a{font-size:.79rem;font-weight:700;color:#344d63;padding:20px 0}.desktop-nav a.active,.desktop-nav a:hover{color:var(--steadwin-blue)}.desktop-nav a:after{background:var(--steadwin-blue);bottom:13px}.header-cta{min-height:44px;padding:10px 15px;border-radius:8px;background:linear-gradient(135deg,var(--steadwin-blue),var(--steadwin-blue-deep));font-size:.79rem;box-shadow:0 8px 18px rgba(8,119,223,.18)}
.steadwin-hero{position:relative;background:var(--steadwin-navy);color:#fff;overflow:hidden;min-height:660px}.steadwin-hero-slides{position:relative;min-height:660px}.steadwin-hero-slide{position:absolute;inset:0;display:grid;align-items:center;opacity:0;pointer-events:none;transition:opacity .65s ease}.steadwin-hero-slide.is-active{opacity:1;pointer-events:auto;z-index:1}.steadwin-hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.93) contrast(.98)}.steadwin-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,248,252,.99) 0%,rgba(244,248,252,.95) 28%,rgba(244,248,252,.66) 47%,rgba(244,248,252,.16) 71%,rgba(7,31,61,.14) 100%)}.steadwin-hero-content{position:relative;z-index:1;padding:86px 0 112px;width:min(var(--container),calc(100% - 112px));margin-inline:auto;color:#10213a}.steadwin-hero-content .eyebrow{color:#176ba6;margin-bottom:19px;letter-spacing:.17em}.steadwin-hero-content h1{max-width:730px;font-size:clamp(3.35rem,5.2vw,5.6rem);line-height:.98;font-weight:700;letter-spacing:-.06em;color:#071f3d}.steadwin-hero-content h1 span{color:var(--steadwin-blue)}.steadwin-hero-content>p:not(.eyebrow){max-width:560px;margin-top:21px;color:#51697c;font-size:1.05rem;line-height:1.75}.steadwin-hero-content .button-blue{background:linear-gradient(135deg,var(--steadwin-blue),var(--steadwin-blue-deep));color:#fff;box-shadow:0 10px 22px rgba(8,119,223,.23)}.steadwin-hero-content .button-outline{border-color:#2383c8;color:#174767;background:#fffdf}.hero-slider-controls{position:absolute;z-index:3;left:50%;bottom:35px;transform:translateX(-50%);width:min(var(--container),calc(100% - 112px));display:flex;gap:12px}.hero-slider-controls button{display:flex;align-items:center;gap:9px;padding:0;background:transparent;border:0;color:#203f57;font-size:.74rem;font-weight:800;letter-spacing:.12em}.hero-slider-controls button i{display:block;width:36px;height:2px;background:#a7bece;transition:width .25s,background .25s}.hero-slider-controls button.is-active i{width:65px;background:var(--steadwin-blue)}.hero-slider-controls button.is-active{color:var(--steadwin-blue)}
.feature-strip{background:#fff;border-bottom:1px solid var(--steadwin-line);box-shadow:0 5px 18px rgba(7,31,61,.04)}.feature-grid>div{min-height:92px;border-color:var(--steadwin-line)}.feature-icon{color:var(--steadwin-blue)}.feature-grid strong{color:#17334c}.feature-grid small{color:#6a7d8d}
.design-execution-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.design-execution-copy h2{font-size:clamp(2.55rem,4vw,4.15rem);line-height:1.02;letter-spacing:-.055em;color:#0a2645}.design-execution-copy h2 em{color:var(--steadwin-blue)}.design-execution-copy>p:not(.eyebrow){margin-top:24px;max-width:560px;color:#5b6d7c;font-size:1.02rem;line-height:1.8}.execution-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--steadwin-line);padding-top:24px;margin:27px 0}.execution-points span{font-size:.83rem;font-weight:800;color:#27435a;background:var(--steadwin-mist);border:1px solid #e2edf5;padding:11px 12px}.design-execution-image{position:relative;margin:0}.design-execution-image img{width:100%;height:500px;object-fit:cover;box-shadow:0 20px 48px rgba(7,31,61,.15)}.design-execution-image figcaption{font-size:.77rem;letter-spacing:.11em;color:#587488;padding-top:12px}
.steadwin-project-types{grid-template-columns:repeat(3,1fr)}.steadwin-project-types .project-type-card{padding:37px 32px;min-height:360px}.steadwin-project-types .project-type-card h3{font-size:2rem}.builder-card{background:linear-gradient(145deg,#eaf5ff,#fff);border-color:#cfe3f3}.builder-card .eyebrow{color:#1169a6}.builder-card .text-link{color:#075e9f}
.concept-preview-section{background:linear-gradient(180deg,#fff 0%,#f5f9fd 100%)}.concept-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:16px}.concept-preview-card{display:block;position:relative;min-height:235px;overflow:hidden;background:#e8eff5}.concept-preview-card img{width:100%;height:100%;min-height:235px;object-fit:cover;transition:transform .45s ease}.concept-preview-card:hover img{transform:scale(1.05)}.concept-preview-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,21,42,.8));pointer-events:none}.concept-preview-card>span{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;color:#fff}.concept-preview-card small{display:block;font-size:.62rem;line-height:1.3;font-weight:800;letter-spacing:.14em;margin-bottom:5px;color:#cfe7fb}.concept-preview-card strong{display:block;font-size:1.18rem;line-height:1.12}.concept-preview-large{grid-column:span 2;grid-row:span 2;min-height:486px}.concept-preview-large img{min-height:486px}.concept-preview-large strong{font-size:1.65rem}
.concept-gallery-section{padding-top:80px}.concept-gallery-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:35px}.concept-gallery-head h2{font-size:clamp(2.5rem,4vw,4.2rem);color:#0a2645}.concept-gallery-head>p{color:#5b6d7c;line-height:1.8;font-size:1rem;max-width:430px;padding-bottom:8px}.concept-filter{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}.concept-filter button{border:1px solid #cfe0ec;background:#fff;border-radius:999px;padding:10px 14px;font-size:.79rem;font-weight:800;color:#34536a}.concept-filter button:hover,.concept-filter button.is-active{color:#fff;background:linear-gradient(135deg,var(--steadwin-blue),var(--steadwin-blue-deep));border-color:var(--steadwin-blue)}.concept-filter span{font-size:.67rem;opacity:.78;margin-left:5px}.concept-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.concept-gallery-card{display:block;min-width:0;padding:0;background:#fff;border:1px solid var(--steadwin-line);text-align:left;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.concept-gallery-card:hover{transform:translateY(-4px);border-color:#85c1e5;box-shadow:0 18px 38px rgba(7,31,61,.12)}.concept-gallery-card[hidden]{display:none!important}.concept-gallery-image{display:block;position:relative;overflow:hidden;background:#e8eff5}.concept-gallery-image img{display:block;width:100%;aspect-ratio:1.05/1;object-fit:cover;transition:transform .45s ease}.concept-gallery-card:hover .concept-gallery-image img{transform:scale(1.04)}.concept-gallery-card .image-open{right:12px;bottom:12px;width:38px;height:38px;font-size:1.2rem}.concept-gallery-caption{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 15px 16px}.concept-gallery-caption small{grid-column:1/-1;font-size:.62rem;line-height:1.2;letter-spacing:.12em;color:#1473b5;font-weight:800}.concept-gallery-caption strong{font-size:1.02rem;line-height:1.2;letter-spacing:-.02em;color:#15344e}.concept-gallery-caption em{font-style:normal;font-size:.62rem;color:#7890a1;align-self:end}.concept-gallery-card.is-featured{grid-column:span 2;grid-row:span 2}.concept-gallery-card.is-featured .concept-gallery-image img{aspect-ratio:1.35/1}.concept-gallery-card.is-featured .concept-gallery-caption strong{font-size:1.42rem}
.steadwin-enquiry-form{border-top:4px solid var(--steadwin-blue);box-shadow:0 16px 42px rgba(7,31,61,.08);background:linear-gradient(180deg,#f8fbfe,#f1f7fc)}.steadwin-enquiry-form h3{color:#103253}.steadwin-enquiry-form .button-dark{background:linear-gradient(135deg,var(--steadwin-blue),var(--steadwin-blue-deep));color:#fff}.steadwin-enquiry-form input:not([type=hidden]),.steadwin-enquiry-form select,.steadwin-enquiry-form textarea{border-radius:7px;border-color:#c7d9e7}.steadwin-enquiry-form input:not([type=hidden]):focus,.steadwin-enquiry-form select:focus,.steadwin-enquiry-form textarea:focus{border-color:var(--steadwin-blue);box-shadow:0 0 0 3px rgba(8,119,223,.1)}
.footer{background:#071e3a}.footer .brand-name{color:#fff}.footer .brand-name>span{color:#a9c5df}.footer .brand-mark{border:0}.footer .eyebrow{color:#8bc3ec}.footer-bottom{border-color:rgba(221,238,251,.16)}
@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav a{font-size:.72rem}.steadwin-project-types .project-type-card{padding:29px 25px}.concept-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.design-execution-grid{grid-template-columns:1fr;gap:38px}.design-execution-image{order:-1}.design-execution-image img{height:420px}.steadwin-project-types{grid-template-columns:1fr}.steadwin-project-types .project-type-card{min-height:0}.concept-gallery-head{grid-template-columns:1fr;gap:17px}.concept-gallery-head>p{padding-bottom:0}.concept-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-preview-large{grid-column:span 2}.concept-preview-large,.concept-preview-large img{min-height:400px}}
@media(max-width:680px){.header{height:74px}.header .container{width:calc(100% - 32px)}.brand-mark{width:43px;height:43px}.brand-name{font-size:1.18rem}.brand-name>span{font-size:.47rem}.header-cta{display:none}.steadwin-hero,.steadwin-hero-slides{min-height:0}.steadwin-hero-slide{position:relative;display:none;opacity:1;pointer-events:auto}.steadwin-hero-slide.is-active{display:block}.steadwin-hero-slide>img{position:relative;height:auto;min-height:300px;aspect-ratio:4/3;object-position:center}.steadwin-hero-shade{background:linear-gradient(180deg,rgba(244,248,252,.98) 0%,rgba(244,248,252,.88) 45%,rgba(244,248,252,.18) 100%)}.steadwin-hero-content{position:absolute;inset:0;display:block;width:calc(100% - 40px);padding:37px 0 74px}.steadwin-hero-content h1{font-size:clamp(2.7rem,11.5vw,3.45rem);max-width:470px}.steadwin-hero-content>p:not(.eyebrow){font-size:.93rem;line-height:1.65;max-width:320px;margin-top:15px}.steadwin-hero-content .eyebrow{font-size:.65rem;line-height:1.4;margin-bottom:14px}.steadwin-hero-content .hero-actions{gap:9px;margin-top:18px;align-items:flex-start}.steadwin-hero-content .button{min-height:43px;font-size:.75rem;padding:10px 13px}.hero-slider-controls{position:absolute;width:calc(100% - 40px);bottom:17px;gap:9px}.hero-slider-controls button{font-size:.62rem;gap:5px}.hero-slider-controls button i{width:19px}.hero-slider-controls button.is-active i{width:31px}.feature-grid>div{min-height:76px}.feature-icon{font-size:1.25rem}.feature-grid strong{font-size:.69rem}.feature-grid small{font-size:.62rem}.execution-points{grid-template-columns:1fr;gap:8px}.design-execution-image img{height:300px}.design-execution-copy h2{font-size:2.55rem}.concept-preview-grid{gap:10px}.concept-preview-card,.concept-preview-card img{min-height:175px}.concept-preview-large,.concept-preview-large img{min-height:360px}.concept-preview-card>span{left:12px;right:12px;bottom:11px}.concept-preview-card strong{font-size:.92rem}.concept-preview-large strong{font-size:1.3rem}.concept-gallery-section{padding-top:46px}.concept-gallery-grid{gap:10px}.concept-gallery-card.is-featured{grid-column:span 2}.concept-gallery-image img{aspect-ratio:1/1.12}.concept-gallery-card.is-featured .concept-gallery-image img{aspect-ratio:1.15/1}.concept-gallery-caption{padding:11px 11px 13px}.concept-gallery-caption strong{font-size:.88rem}.concept-gallery-card.is-featured .concept-gallery-caption strong{font-size:1.16rem}.concept-gallery-caption em{display:none}.concept-filter{margin-bottom:19px}.concept-filter button{font-size:.71rem;padding:8px 11px}.concept-gallery-head h2{font-size:2.35rem}}
.steadwin-hero-content h1,.steadwin-hero-content .hero-slide-title{max-width:730px;font-size:clamp(3.35rem,5.2vw,5.6rem);line-height:.98;font-weight:700;letter-spacing:-.06em;color:#071f3d;margin:0}.steadwin-hero-content h1 span,.steadwin-hero-content .hero-slide-title span{color:var(--steadwin-blue)}.steadwin-hero-content>p:not(.eyebrow):not(.hero-slide-title){max-width:560px;margin-top:21px;color:#51697c;font-size:1.05rem;line-height:1.75}.steadwin-hero-content .button-outline{background:#ffffffdf}
@media(max-width:680px){.steadwin-hero-content h1,.steadwin-hero-content .hero-slide-title{font-size:clamp(2.7rem,11.5vw,3.45rem);max-width:470px}.steadwin-hero-content>p:not(.eyebrow):not(.hero-slide-title){font-size:.93rem;line-height:1.65;max-width:320px;margin-top:15px}}

/* Image-first responsive experience, aligned to the ALUVEX mobile hierarchy. */
.menu-toggle{border-radius:16px;border-color:#d7e4ee;background:#fff;box-shadow:0 6px 16px rgba(7,31,61,.06)}
.menu-toggle span{height:3px;border-radius:99px;background:#092943;margin:4px 0}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.mobile-quick-actions{display:none}
@media(max-width:900px){
  body{padding-bottom:90px}
  .contact-rail{display:none!important}
  .mobile-quick-actions{position:fixed;z-index:70;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1.22fr 1.55fr;gap:0;align-items:stretch;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #dbe6ee;box-shadow:0 -10px 28px rgba(7,31,61,.11)}
  .mobile-quick-actions a{min-width:0;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#0e2d49;font-size:.72rem;font-weight:800;letter-spacing:-.01em}
  .mobile-quick-actions a+a{border-left:1px solid #dfe8ef}
  .mobile-quick-actions svg{width:21px;height:21px}
  .mobile-quick-actions .mobile-quote{margin-left:9px;border:0!important;border-radius:15px;background:linear-gradient(135deg,#1686e8,#005ab8);color:#fff;flex-direction:row;gap:10px;font-size:.87rem;box-shadow:0 8px 17px rgba(8,119,223,.24)}
  .mobile-quick-actions .mobile-quote>span{font-size:1.24rem;line-height:1}
  .mobile-nav{padding:18px 30px 31px;border:1px solid #dbe6ee;border-top:1px solid #dbe6ee;border-radius:0 0 25px 25px;background:#fff;box-shadow:0 18px 35px rgba(7,31,61,.12)}
  .mobile-nav a{padding:18px 8px;font-size:1.05rem;font-weight:700;color:#18334e}
  .mobile-nav a[aria-current=page]{color:#0877df}
  .mobile-nav .mobile-phone{margin-top:17px;padding:8px;color:#0877df;font-weight:800}
  .page-intro{background:linear-gradient(180deg,#f6faff 0%,#edf5fb 100%);border-bottom:1px solid #dce8f0}
  .steadwin-hero{min-height:0;background:#f4f8fc;color:#10213a}
  .steadwin-hero-slides{min-height:0}
  .steadwin-hero-slide{position:relative;inset:auto;display:none;flex-direction:column;align-items:stretch;opacity:1;pointer-events:auto;background:#f4f8fc}
  .steadwin-hero-slide.is-active{display:flex}
  .steadwin-hero-slide>img{position:relative;inset:auto;order:1;width:100%;height:auto;min-height:360px;aspect-ratio:1.18/1;object-fit:cover;object-position:center;filter:none}
  .steadwin-hero-shade{display:none}
  .steadwin-hero-content{position:relative;inset:auto;order:2;width:calc(100% - 72px);margin-inline:auto;padding:40px 0 29px;color:#10213a}
  .steadwin-hero-content .eyebrow{font-size:.73rem;line-height:1.5;margin-bottom:18px;letter-spacing:.14em;color:#176ba6}
  .steadwin-hero-content h1,.steadwin-hero-content .hero-slide-title{font-size:clamp(2.85rem,7.3vw,4.1rem);line-height:1.02;max-width:660px}
  .steadwin-hero-content>p:not(.eyebrow):not(.hero-slide-title){max-width:620px;margin-top:20px;font-size:1.05rem;line-height:1.78;color:#5a7185}
  .steadwin-hero-content .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:27px}
  .steadwin-hero-content .button{width:100%;min-height:56px;padding:13px 17px;font-size:.87rem;gap:12px}
  .steadwin-hero-content .button-outline{background:#fff;border-color:#0877df;color:#0c578e}
  .hero-slider-controls{position:relative;left:auto;bottom:auto;transform:none;width:calc(100% - 72px);margin:0 auto;padding:0 0 31px;gap:13px;background:#f4f8fc}
  .hero-slider-controls button{font-size:.73rem;color:#5a7185}
  .hero-slider-controls button i{width:28px;background:#bfd0dd}
  .hero-slider-controls button.is-active i{width:55px;background:#0877df}
  .feature-strip{box-shadow:none}
  .feature-grid>div{min-height:84px}
}
@media(max-width:680px){
  body{padding-bottom:86px}
  .header{height:78px}.header .container{width:calc(100% - 32px)}
  .brand-mark{width:48px;height:48px}.brand-name{font-size:1.33rem}.brand-name>span{font-size:.5rem;letter-spacing:.12em}
  .menu-toggle{width:54px;height:54px;padding:13px}
  .mobile-nav{max-height:calc(100dvh - 78px);padding:16px 24px 28px}
  .mobile-nav a{padding:17px 7px;font-size:1.04rem}
  .steadwin-hero-slide>img{min-height:0;aspect-ratio:1.11/1;object-position:center}
  .steadwin-hero-content{width:calc(100% - 48px);padding:32px 0 24px}
  .steadwin-hero-content .eyebrow{font-size:.68rem;margin-bottom:15px;max-width:none}
  .steadwin-hero-content h1,.steadwin-hero-content .hero-slide-title{font-size:clamp(2.72rem,11.1vw,3.55rem);line-height:1.03;max-width:none}
  .steadwin-hero-content>p:not(.eyebrow):not(.hero-slide-title){max-width:none;margin-top:17px;font-size:1rem;line-height:1.72}
  .steadwin-hero-content .hero-actions{grid-template-columns:1fr;gap:11px;margin-top:23px}
  .steadwin-hero-content .button{min-height:54px;font-size:.9rem;padding-inline:19px}
  .hero-slider-controls{width:calc(100% - 48px);padding-bottom:25px;gap:10px}
  .hero-slider-controls button{font-size:.65rem;gap:6px}
  .hero-slider-controls button i{width:22px}.hero-slider-controls button.is-active i{width:37px}
  .feature-grid>div{min-height:84px}.feature-grid strong{font-size:.75rem}.feature-grid small{font-size:.69rem}
  .mobile-quick-actions{grid-template-columns:.9fr 1.13fr 1.52fr;padding:7px 10px calc(7px + env(safe-area-inset-bottom))}
  .mobile-quick-actions a{min-height:56px;font-size:.68rem}.mobile-quick-actions .mobile-quote{font-size:.84rem;gap:8px;margin-left:7px}
}

/* STEADWIN — unified professional page system (all pages + mobile action bar). */
:root{
  --steadwin-navy:#0a2542;
  --steadwin-ink:#112f4b;
  --steadwin-blue:#0877df;
  --steadwin-blue-deep:#045bb4;
  --steadwin-mist:#f3f8fc;
  --steadwin-line:#d9e5ee;
  --steadwin-action-space:0px;
}
body{color:var(--steadwin-ink);background:#fff}
h1,h2,h3{color:var(--steadwin-navy);font-weight:700;letter-spacing:-.055em}
em{color:var(--steadwin-blue)}
.section{padding:clamp(4.25rem,7.5vw,6.75rem) 0}
.soft-section{background:linear-gradient(180deg,#f7fbfe 0%,#f1f7fb 100%)}
.dark-section{background:linear-gradient(135deg,#071f3b 0%,#0c3558 100%)}
.dark-section h2,.page-intro-dark h1,.service-hero h1{color:#fff}
.eyebrow{color:#186da8;font-size:.76rem;font-weight:800;letter-spacing:.145em}
.section-heading{gap:54px;margin-bottom:clamp(2.25rem,4vw,3.5rem)}
.section-heading>p{color:#5c7082;line-height:1.8}

/* Shared controls create one recognizable rhythm across every page. */
.button{min-height:56px;padding:14px 22px;border-radius:14px;font-weight:800;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(7,68,123,.17)}
.button-blue{background:linear-gradient(135deg,var(--steadwin-blue),var(--steadwin-blue-deep));color:#fff}
.button-blue:hover{background:linear-gradient(135deg,#178bec,#0668c7);color:#fff}
.button-dark{background:var(--steadwin-navy);color:#fff}
.button-dark:hover{background:#123e67;color:#fff}
.button-light{background:#fff;color:var(--steadwin-navy)}
.button-outline{border-color:#8bc0e6;background:#fff;color:#0c5e9a}
.button-outline:hover{background:#eaf5fd;border-color:var(--steadwin-blue);color:#084f87}
.text-link{border-bottom-color:#a9cfe7;color:#075f9d;font-weight:800;gap:16px;transition:color .2s,border-color .2s}
.text-link:hover{color:var(--steadwin-blue);border-bottom-color:var(--steadwin-blue)}

/* Header and page introductions use the same clean architectural framing. */
.header{z-index:80;background:rgba(255,255,255,.96);border-bottom-color:#dce7ef;box-shadow:0 3px 18px rgba(8,40,72,.035);backdrop-filter:blur(12px)}
.desktop-nav a{color:#385269;font-weight:700}.desktop-nav a.active,.desktop-nav a:hover{color:var(--steadwin-navy)}
.header-cta{border-radius:12px;background:linear-gradient(135deg,var(--steadwin-blue),var(--steadwin-blue-deep));color:#fff}
.header-cta:hover{background:linear-gradient(135deg,#178bec,#0668c7)}
.page-intro{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f8fbfe 0%,#edf5fb 62%,#e7f1f9 100%);border-bottom-color:#d8e6ef;padding:34px 0 clamp(4.2rem,8vw,6.8rem)}
.page-intro:before{content:"";position:absolute;z-index:-1;right:-80px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(34,145,227,.15),rgba(34,145,227,0) 70%)}
.page-intro .container{position:relative}.breadcrumbs{margin-bottom:clamp(2.6rem,5vw,4rem);color:#5f778b}
.intro-grid{gap:clamp(2rem,6vw,6rem);align-items:end}.intro-grid h1{max-width:820px}
.intro-description{max-width:430px;justify-self:stretch;padding:22px 24px 22px 26px;border:1px solid #d5e5ef;border-left:4px solid var(--steadwin-blue);border-radius:0 16px 16px 0;background:rgba(255,255,255,.84);box-shadow:0 12px 30px rgba(16,63,97,.055);color:#506b80;line-height:1.8}
.page-intro-dark{background:linear-gradient(135deg,#071d37 0%,#0e3b62 100%);border-color:#1d4e78}
.page-intro-dark:before{background:radial-gradient(circle,rgba(45,159,239,.24),rgba(45,159,239,0) 70%)}
.page-intro-dark .intro-description{background:rgba(255,255,255,.08);border-color:rgba(171,221,255,.22);border-left-color:#48b2ef;color:#c8d9e6;box-shadow:none}

/* Reusable content, imagery and card treatment. */
.image-panel{overflow:hidden;border:1px solid #d9e5ed;border-radius:20px;background:#eef5fa;box-shadow:0 18px 38px rgba(8,40,72,.09)}
.image-panel>img{transition:transform .45s ease}.image-panel:hover>img{transform:scale(1.015)}
.image-panel figcaption{padding:13px 17px;border:0;background:#fff;color:#577083;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.section-copy>p:not(.eyebrow),.lead-copy{color:#566d80}
.inline-facts{border-color:#d8e4ec}.inline-facts>div{padding:15px 16px;border:1px solid #dce8ef;border-radius:14px;background:#f8fbfd}.inline-facts strong{color:var(--steadwin-navy)}
.service-cards{gap:20px}.service-card{min-height:310px;padding:30px;border-color:#d9e5ee;border-radius:18px;box-shadow:0 8px 22px rgba(10,45,74,.035);transition:transform .22s,box-shadow .22s,border-color .22s}
.service-card:hover{transform:translateY(-5px);border-color:#81bee7;box-shadow:0 19px 36px rgba(8,50,88,.12)}
.service-card h3{color:var(--steadwin-navy)}.service-card>p{color:#597082}.service-number{color:#1672af;font-weight:800}.circle-arrow{border-color:#bed8e8;color:#0b6ca7}.service-card:hover .circle-arrow{background:var(--steadwin-blue);border-color:var(--steadwin-blue);color:#fff}
.card-link{color:#076aa7;border-bottom-color:#a9d0e7;font-weight:800}
.project-type-card{border-radius:18px;border-color:#d7e4ed;box-shadow:0 8px 22px rgba(10,45,74,.035);transition:transform .22s,box-shadow .22s,border-color .22s}
.project-type-card:hover{transform:translateY(-5px);border-color:#8fc6e8;box-shadow:0 19px 36px rgba(8,50,88,.11)}
.dark-card{background:linear-gradient(145deg,#09233e,#0e4773);border-color:#0d3d62}.dark-card h3{color:#fff}.dark-card .eyebrow{color:#a5dcff}.dark-card .text-link{color:#d9f0ff}
.builder-card{background:linear-gradient(145deg,#edf7ff,#fff);border-color:#c7e2f4}
.space-grid article,.principles article,.process-grid li{border-color:#cfe0ea}.space-grid h3,.process-grid h3,.principles h3{color:var(--steadwin-navy)}
.commercial-spaces,.enquiry-aside,.enquiry-form,.visit-checklist,.brochure-card{border:1px solid #d7e4ed;border-radius:18px;box-shadow:0 13px 30px rgba(8,43,73,.065)}
.commercial-spaces{background:#fff}.commercial-spaces article{border-color:#e0e9ef}.commercial-spaces h3{color:var(--steadwin-navy)}
.enquiry-aside{border-top:4px solid var(--steadwin-blue);background:linear-gradient(180deg,#fbfdff,#f0f7fc)}
.enquiry-form{border-top:4px solid var(--steadwin-blue);background:linear-gradient(180deg,#fbfdff,#eff7fc)}
.enquiry-form input:not([type=hidden]),.enquiry-form select,.enquiry-form textarea{border-radius:9px;border-color:#c9dce9;background:#fff}.enquiry-form input:not([type=hidden]):focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--steadwin-blue);box-shadow:0 0 0 3px rgba(8,119,223,.1);outline:0}
.project-board{gap:18px;border:0;background:transparent}.project-board article{min-height:370px;border:1px solid #d8e5ed;border-radius:18px;background:#fff!important;box-shadow:0 9px 22px rgba(10,45,74,.035);transition:transform .22s,box-shadow .22s,border-color .22s}
.project-board article:hover{transform:translateY(-4px);border-color:#8fc7e8;box-shadow:0 19px 36px rgba(8,50,88,.11)}
.project-board h3{color:var(--steadwin-navy)}.project-number{color:var(--steadwin-blue);font-weight:800}
.completed-project-card,.concept-gallery-card{border-radius:18px;border-color:#d8e5ed;box-shadow:0 8px 22px rgba(10,45,74,.04)}
.completed-project-card:hover,.concept-gallery-card:hover{border-color:#84c2e7;box-shadow:0 19px 36px rgba(8,50,88,.12)}
.completed-project-caption{background:#fff}.completed-project-caption h3,.concept-gallery-caption strong{color:var(--steadwin-navy)}
.concept-filter button{border-color:#c9dfeE;color:#416075;font-weight:800}.concept-filter button:hover,.concept-filter button.is-active{background:linear-gradient(135deg,var(--steadwin-blue),var(--steadwin-blue-deep));border-color:var(--steadwin-blue)}
.concept-preview-card{border-radius:16px;box-shadow:0 10px 22px rgba(10,45,74,.075)}
.site-visit-banner{padding:clamp(2rem,4vw,3.25rem);border:1px solid rgba(183,224,247,.24);border-radius:20px;background:rgba(255,255,255,.035)}
.proof-grid>.brochure-card{background:#fff}.brochure-card h3{color:var(--steadwin-navy)}.brochure-mark{border-radius:8px;color:#096eaf}
.visit-checklist{background:#fff}.visit-checklist li{border-color:#e0e9ef}.area-list span{border-radius:999px;border-color:#cfe1ec;background:#fff;color:#31526a;font-weight:700}
.feedback-grid{border-color:#d8e5ed}.brochure-strip{border-radius:20px;background:linear-gradient(135deg,#0a2746,#115685);box-shadow:0 18px 36px rgba(8,40,72,.15)}

/* The shared conversion panel now looks intentional on every route. */
.cta-band{background:linear-gradient(135deg,#edf7ff 0%,#e4f1fb 100%);padding:clamp(3.4rem,6vw,5.4rem) 0;border-top:1px solid #d8e7f0}
.cta-inner{padding:clamp(1.9rem,4vw,3rem);border-radius:22px;background:linear-gradient(135deg,#0877df,#075dae);box-shadow:0 18px 38px rgba(8,86,163,.2)}
.cta-inner h2{color:#fff}.cta-inner .eyebrow{color:#c5ecff}.cta-inner p:not(.eyebrow){color:#e6f5ff}.cta-inner>.button{background:#fff;color:#085996;border-color:#fff}.cta-inner>.button:hover{background:#eaf6ff;color:#064b80}

/* Footer is consistent with the refreshed navy/blue system. */
.footer{background:linear-gradient(135deg,#061c36 0%,#0a3153 100%);border-top:1px solid rgba(156,215,247,.16)}
.footer-top{gap:clamp(2.5rem,6vw,5rem)}.footer-top nav a,.footer-contact>a{font-weight:700}.footer-bottom{border-color:rgba(213,238,255,.18)}

/* Fixed mobile contact bar: full-width, safe-area aware and never over content. */
.mobile-quick-actions{display:none}
@media(max-width:900px){
  :root{--steadwin-action-space:88px}
  body{padding-bottom:0}
  .contact-rail{display:none!important}
  .footer{padding-bottom:calc(28px + var(--steadwin-action-space) + env(safe-area-inset-bottom))}
  .mobile-quick-actions{position:fixed;z-index:100;left:0;right:0;bottom:0;display:grid;grid-template-columns:.9fr 1.1fr 1.48fr;align-items:stretch;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #d9e7ef;box-shadow:0 -10px 28px rgba(7,38,68,.13);backdrop-filter:blur(14px)}
  .mobile-quick-actions a{min-width:0;min-height:61px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#102f4b;font-size:.72rem;font-weight:800;line-height:1.1}
  .mobile-quick-actions a+a{border-left:1px solid #dbe7ee}.mobile-quick-actions svg{width:21px;height:21px}
  .mobile-quick-actions .mobile-quote{margin-left:9px;border:0!important;border-radius:14px;background:linear-gradient(135deg,var(--steadwin-blue),var(--steadwin-blue-deep));color:#fff;flex-direction:row;gap:9px;font-size:.88rem;box-shadow:0 8px 18px rgba(8,104,191,.24)}
  .mobile-quick-actions .mobile-quote>span{font-size:1.2rem;line-height:1}.mobile-quick-actions .mobile-quote b{white-space:nowrap}
  .mobile-nav{max-height:calc(100dvh - 82px - var(--steadwin-action-space) - env(safe-area-inset-bottom));padding-bottom:calc(28px + var(--steadwin-action-space));border-radius:0 0 22px 22px}
  .page-intro{padding-bottom:clamp(3.5rem,8vw,5rem)}
  .intro-description{max-width:620px;justify-self:start}
  .service-card{min-height:0}.project-board{grid-template-columns:1fr 1fr}.project-board article{min-height:360px}
}
@media(max-width:680px){
  :root{--steadwin-action-space:82px}
  .section{padding:4rem 0}.page-intro{padding-top:22px;padding-bottom:3.7rem}.breadcrumbs{margin-bottom:2.4rem}
  .intro-grid h1{font-size:clamp(2.6rem,9vw,3.45rem);line-height:1.06}.intro-description{padding:18px 19px 18px 20px;border-radius:0 14px 14px 0;font-size:.97rem}
  .section-heading h2,.section-copy h2{font-size:clamp(2.15rem,8.5vw,3rem)}
  .image-panel,.commercial-spaces,.enquiry-aside,.enquiry-form,.visit-checklist,.brochure-card,.completed-project-card,.concept-gallery-card{border-radius:15px}
  .service-card{padding:25px;border-radius:15px}.project-type-card{border-radius:15px}.project-board{grid-template-columns:1fr;gap:14px}.project-board article{min-height:0;border-radius:15px;padding:26px 23px 75px}
  .site-visit-banner{padding:27px 23px;border-radius:17px}.brochure-strip{border-radius:17px}.cta-inner{padding:27px 23px;border-radius:18px}.cta-inner>.button{width:100%;justify-content:space-between}
  .footer{padding-bottom:calc(25px + var(--steadwin-action-space) + env(safe-area-inset-bottom))}
  .mobile-quick-actions{padding:7px 9px calc(7px + env(safe-area-inset-bottom));grid-template-columns:.88fr 1.08fr 1.48fr}
  .mobile-quick-actions a{min-height:57px;font-size:.68rem}.mobile-quick-actions .mobile-quote{margin-left:7px;border-radius:13px;font-size:.84rem;gap:7px}
  .mobile-nav{max-height:calc(100dvh - 78px - var(--steadwin-action-space) - env(safe-area-inset-bottom));padding-bottom:calc(24px + var(--steadwin-action-space))}
}
@media(max-width:360px){
  .mobile-quick-actions{padding-inline:6px}.mobile-quick-actions .mobile-quote{margin-left:5px;font-size:.77rem}.mobile-quick-actions a{font-size:.63rem}
}

/* Mobile correction pass: a complete drawer, clear page hierarchy and no action-bar collision. */
@media(max-width:1200px){
  html.nav-open,body.nav-open{overflow:hidden}
  .mobile-nav{position:fixed;z-index:90;top:80px;right:0;bottom:0;left:0;max-height:none!important;overflow-y:auto;overscroll-behavior:contain;padding:24px 30px 32px;border:0;border-top:1px solid #dbe7ef;border-radius:0 0 24px 24px;background:#fff;box-shadow:0 16px 36px rgba(7,38,68,.15)}
  .mobile-nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 8px;font-size:1.05rem;font-weight:750;color:#18334e}
  .mobile-nav .mobile-phone{margin-top:17px;padding:9px 8px;color:#0877df;font-weight:800}
  .mobile-nav .mobile-menu-quote{min-height:56px;margin-top:19px;padding:15px 19px;border:0;border-radius:14px;background:linear-gradient(135deg,#0877df,#045bb4);box-shadow:0 10px 20px rgba(8,104,191,.22);color:#fff;font-size:.95rem;font-weight:800}
  .mobile-nav .mobile-menu-quote span{font-size:1.05rem}
}
@media(max-width:900px){
  body.nav-open .mobile-quick-actions{visibility:hidden;pointer-events:none;opacity:0;transform:translateY(calc(100% + 14px))}
  .mobile-quick-actions{transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  .page-intro.page-intro-dark{background:linear-gradient(180deg,#f8fbff 0%,#edf5fb 100%)!important;border-color:#d8e6ef;color:#0a2542}
  .page-intro.page-intro-dark:before{background:radial-gradient(circle,rgba(34,145,227,.15),rgba(34,145,227,0) 70%)}
  .page-intro.page-intro-dark h1{color:#0a2542!important}
  .page-intro.page-intro-dark .eyebrow{color:#186da8!important}
  .page-intro.page-intro-dark em{color:#0877df!important}
  .page-intro.page-intro-dark .breadcrumbs,.page-intro.page-intro-dark .breadcrumbs [aria-current=page]{color:#5f778b!important}
  .page-intro.page-intro-dark .intro-description{background:rgba(255,255,255,.88)!important;border-color:#d5e5ef!important;border-left-color:#0877df!important;box-shadow:0 12px 30px rgba(16,63,97,.055)!important;color:#506b80!important}
}
@media(max-width:680px){
  .mobile-nav{top:78px;padding:20px 24px 28px;border-radius:0 0 21px 21px}
  .mobile-nav a{padding:17px 7px;font-size:1.04rem}
  .mobile-nav .mobile-menu-quote{min-height:55px;margin-top:17px;padding:14px 17px}
}

/* Keep every slide heading on the exact same visual scale. */
.steadwin-hero-content .hero-slide-title{display:block;max-width:730px;margin:0;font-size:clamp(3.35rem,5.2vw,5.6rem)!important;font-weight:700;line-height:.98;letter-spacing:-.06em;color:#071f3d}
.steadwin-hero-content .hero-slide-title span{color:var(--steadwin-blue)}
@media(max-width:900px){.steadwin-hero-content .hero-slide-title{font-size:clamp(2.85rem,7.3vw,4.1rem)!important;line-height:1.02}}
@media(max-width:680px){.steadwin-hero-content .hero-slide-title{max-width:none;font-size:clamp(2.72rem,11.1vw,3.55rem)!important;line-height:1.03}}

/* One locked type system for all three home slides, including the first h1. */
.steadwin-hero-content h1.hero-slide-title,.steadwin-hero-content p.hero-slide-title{display:block;max-width:730px;margin:0;font-family:inherit;font-size:clamp(3.35rem,5.2vw,5.6rem)!important;font-weight:700;line-height:.98;letter-spacing:-.06em;color:#071f3d}
.steadwin-hero-content h1.hero-slide-title span,.steadwin-hero-content p.hero-slide-title span{color:var(--steadwin-blue)}
@media(max-width:900px){.steadwin-hero-content h1.hero-slide-title,.steadwin-hero-content p.hero-slide-title{font-size:3.6rem!important;line-height:1.02}}
@media(max-width:680px){.steadwin-hero-content h1.hero-slide-title,.steadwin-hero-content p.hero-slide-title{max-width:none;font-size:3.15rem!important;line-height:1.03}}

/* Preserve readable text in the dark About section after the shared card styling. */
.dark-section .principles article{border-color:rgba(183,224,247,.28)}
.dark-section .principles article>span{color:#8bcdf2}
.dark-section .principles h3{color:#fff!important}
.dark-section .principles p{color:#c9d9e5!important}

/* Keep every heading readable on STEADWIN's navy and blue gradient surfaces. */
.dark-section h1,.dark-section h2,.dark-section h3,.dark-card h1,.dark-card h2,.dark-card h3,.brochure-strip h1,.brochure-strip h2,.brochure-strip h3{color:#fff!important}
.brochure-strip .eyebrow{color:#b9e3fb!important}

/* Keep the About-page heading below the persistent mobile header. */
.about-principles{scroll-margin-top:7rem}
@media(max-width:680px){.about-principles{padding-top:7.5rem;scroll-margin-top:6.5rem}}