@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#102638;--paper:#f7f8f7;--muted:#536370;--line:#d3dadc;--blue:#21659d;--accent:#c7ef83}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #408dc7;outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}.skip{position:absolute;left:20px;top:-100px;background:white;padding:16px;z-index:10}.skip:focus{top:12px}.header{height:118px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:29px;font-weight:600;letter-spacing:-1.5px}.mark{font-size:54px;line-height:.9;letter-spacing:-5px;padding-right:6px;font-weight:700}.brand-period{color:var(--blue)}nav{display:flex;gap:37px;align-items:center;font-size:14px;font-weight:500}.nav-contact{border-bottom:1px solid var(--ink);padding:13px 0}.nav-contact span{margin-left:22px;font-size:20px}.hero{display:grid;grid-template-columns:1.06fr 1fr;min-height:640px}.hero-copy{padding:58px 8% 55px 9.45%;display:flex;flex-direction:column}.eyebrow,.section-label,.mini-label,.card-top,.image-index,.sector-strip,.hero-image figcaption{font-size:12px;letter-spacing:1.25px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:12px}.cross{font-size:25px;font-weight:400;line-height:1}h1{font-size:clamp(44px,4.35vw,75px);font-weight:450;letter-spacing:-.065em;line-height:1.075;margin:67px 0 45px}h1 span{color:#677e8c}.hero-bottom{display:flex;gap:32px;justify-content:space-between;align-items:end;margin-top:auto}.hero-bottom p{max-width:315px;font-size:17px;line-height:1.6;margin:0}.circle-link{border:1px solid #a1b1bb;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;font-size:23px;transition:background .2s,transform .2s}.circle-link:hover{background:var(--accent);transform:translateY(3px)}.hero-image{margin:0;position:relative;overflow:hidden;background:#344e62}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:48% center}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#092536ad)}.hero-image figcaption{position:absolute;bottom:36px;left:34px;right:34px;z-index:1;color:white;display:flex;justify-content:space-between;font-size:12px;gap:15px;line-height:1.5}.image-index{position:absolute;top:27px;right:28px;color:white;font-size:12px;background:#102638aa;padding:10px}.sector-strip{padding:24px 5%;display:flex;gap:45px;background:var(--ink);color:white;font-size:12px}.strip-detail{margin-left:auto;color:#a6bac9;font-size:12px}.section-pad{padding:100px 5%;display:grid;grid-template-columns:24% 1fr;gap:0}.section-label{display:flex;align-items:start;gap:35px;font-size:12px;padding-top:12px}.section-label .cross{font-size:20px;line-height:.6}h2{font-size:clamp(32px,3.2vw,52px);font-weight:450;line-height:1.14;letter-spacing:-.045em;margin:0 0 34px}.intro-columns{display:grid;grid-template-columns:1fr 1.13fr;gap:55px;margin:0 0 64px}.intro-columns p{font-size:16px;line-height:1.75;margin:0;color:var(--muted)}.intro-columns .lead{font-size:24px;line-height:1.45;color:var(--ink);letter-spacing:-.5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps article{border-top:1px solid var(--line);padding-top:22px}.step-no{font-size:12px;color:#527083}h3{font-size:19px;font-weight:500;letter-spacing:-.45px}.steps h3{margin:34px 0 14px}.steps p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.focus{background:#e9edef}.focus-heading{display:flex;justify-content:space-between;gap:40px}.focus-heading h2{flex:1}.focus-heading>p{max-width:240px;font-size:15px;line-height:1.7;color:var(--muted);margin:5px 0 35px}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:15px}.solar-card{background:var(--ink);color:white;padding:35px}.card-top{display:flex;justify-content:space-between;color:#c5d5df;font-size:12px}.card-top span:last-child{font-size:22px;color:var(--accent)}.solar-card h3{font-size:38px;line-height:1.15;letter-spacing:-1.5px;margin:50px 0 20px}.solar-card p{color:#c5d5df;font-size:15px;line-height:1.75;max-width:320px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}.tags span{border:1px solid #627381;padding:7px 9px;font-size:12px}.vision-card{padding:35px 25px 25px}.mini-label{font-size:12px}.vision-card h3{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:50px 0 22px}.vision-card p{font-size:15px;color:var(--muted);line-height:1.75}.vision-card .vision-note{border-top:1px solid #c6ced3;margin-top:30px;padding-top:24px;color:var(--ink)}.contact{background:var(--ink);color:white;padding-top:90px;padding-bottom:85px}.contact .section-label{color:#a7bdcb}.contact .mini-label{color:var(--accent);margin:6px 0 35px;line-height:1.8}.contact h2{font-size:clamp(48px,6vw,86px);letter-spacing:-.055em;line-height:1.02;margin-bottom:36px}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-bottom p{font-size:16px;line-height:1.7;color:#b9cbd6;max-width:370px}.contact-link{display:flex;align-items:center;gap:50px;flex-shrink:0;padding:20px 0;border-bottom:1px solid #a6bdca;font-size:18px}.contact-link span{color:var(--accent);font-size:27px}.contact-link:hover{color:var(--accent)}.enquiry-details{display:none;border-top:1px solid #486070;margin-top:35px;padding-top:20px}.enquiry-details:target{display:block}.enquiry-details p{max-width:650px;font-size:16px;line-height:1.6;color:#b9cbd6}.contact-pending{font-style:italic}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font-size:25px}.footer-brand .mark{font-size:46px}footer>div{margin-left:auto}footer>div>span{font-size:12px;letter-spacing:1.2px}footer p{font-size:12px;color:var(--muted);margin:10px 0 0}.back-top{font-size:12px;margin-left:70px}a{transition:color .2s}nav a:hover,.back-top:hover{color:var(--blue)}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:740px}}
@media(max-width:1100px){.header{height:100px}nav{gap:22px}.hero{min-height:590px}.hero-copy{padding-top:42px}h1{margin-top:65px}.eyebrow{font-size:12px;letter-spacing:.8px}.hero-image figcaption{flex-direction:column}.section-pad{grid-template-columns:20% 1fr;padding-top:75px;padding-bottom:75px}.section-label{font-size:12px;gap:15px}.intro-columns{gap:30px}.steps{gap:20px}.focus-heading>p{max-width:200px}.solar-card{padding:28px}.vision-card{padding:28px 10px}.contact-bottom{align-items:start;flex-direction:column;gap:10px}.contact-link{gap:65px}.back-top{margin-left:25px}}
@media(max-width:760px){.header{height:90px;padding:0 6%}.brand{font-size:24px}.mark{font-size:44px}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:12px;padding:8px 0;max-width:130px}.nav-contact span{margin-left:8px}.hero{display:flex;flex-direction:column}.hero-copy{padding:38px 6% 35px}.eyebrow{font-size:12px}h1{font-size:clamp(39px,8.3vw,60px);margin:40px 0 32px;letter-spacing:-.055em}.hero-bottom p{max-width:290px;font-size:16px}.circle-link{width:46px;height:46px}.hero-image{height:360px}.hero-image img{object-position:center 55%}.hero-image figcaption{flex-direction:row;left:6%;right:6%;bottom:24px;font-size:12px}.sector-strip{padding:22px 6%;gap:18px;font-size:12px}.strip-detail{display:none}.section-pad{display:block;padding:55px 6%}.section-label{font-size:12px;justify-content:space-between;margin-bottom:30px}.section-label .cross{font-size:24px}h2{font-size:35px}.intro-columns{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.intro-columns .lead{font-size:23px}.intro-columns p{font-size:16px}.steps{grid-template-columns:1fr;gap:25px}.steps article{position:relative;padding:23px 0 0 45px}.step-no{position:absolute;left:0;top:26px}.steps h3{margin:0 0 12px;font-size:20px}.steps p{font-size:15px}.focus-heading{display:block}.focus-heading>p{max-width:100%;margin:0 0 28px;font-size:16px}.focus-grid{grid-template-columns:1fr;gap:10px}.solar-card{padding:28px}.solar-card h3{margin-top:35px;font-size:38px}.solar-card p,.vision-card p{font-size:16px}.vision-card{padding:30px 0 0}.vision-card h3{margin-top:28px;font-size:32px}.contact .mini-label{font-size:12px}.contact h2{font-size:58px}.contact-bottom p{margin:0 0 12px}.contact-link{font-size:18px}.enquiry-details h3{line-height:1.4}footer{flex-wrap:wrap;padding:32px 6%;gap:30px}footer>div{order:3;width:100%;margin:0;padding-top:25px;border-top:1px solid var(--line)}.back-top{margin-left:auto}.footer-brand{font-size:23px}.footer-brand .mark{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}