@font-face{font-family:Jakarta;src:url('/assets/homepage-v2/jakarta-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url('/assets/homepage-v2/jakarta-600.ttf') format('truetype');font-weight:600;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f5f1;color:#222820;font-family:Jakarta,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}a:hover{opacity:.8}.skip{position:absolute;top:-100px;left:24px;z-index:20;padding:16px;background:#171a17;color:#fff}.skip:focus{top:16px}
header{position:absolute;z-index:5;top:0;width:100%;padding:30px 3vw}.brand{display:flex;align-items:center;flex-direction:column;width:180px;margin:auto;gap:8px}.brand img{width:100%;height:auto;filter:brightness(0) invert(1)}.brand .wordmark{width:105px}
.scene{min-height:760px;height:100svh;position:relative;isolation:isolate;overflow:hidden;color:#fff}.scene-photo,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.scene-photo{object-fit:cover}.shade{background:linear-gradient(180deg,#0005,#0001 30%,#0009)}.opening .scene-photo{object-position:center 47%}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;line-height:1.08;letter-spacing:-.05em}h2{font-size:clamp(42px,5vw,80px)}.intro-copy{position:absolute;bottom:20%;left:6%;right:6%;text-align:center}h1{font-size:clamp(28px,2.8vw,44px);line-height:1.3}h1 span{display:block;font-size:clamp(62px,6.5vw,104px);line-height:1.06;margin-top:22px;letter-spacing:-.05em}.scene-bottom{position:absolute;left:6%;right:6%;bottom:42px;display:flex;justify-content:space-between;align-items:center;gap:24px}.text-link{font-size:15px;min-height:44px;display:inline-flex;align-items:center;gap:26px}.text-link span{font:23px Arial,sans-serif;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.down{font-size:28px;min-width:44px;min-height:44px;display:grid;place-items:center}
.company-intro{padding:120px 28px;text-align:center}.company-intro p{max-width:960px;margin:auto;font-size:clamp(22px,2.35vw,34px);line-height:1.65;letter-spacing:-.025em;text-wrap:pretty}.section-heading{padding:20px 6% 65px}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.material{height:70svh;min-height:450px;max-height:850px;position:relative;color:#fff;overflow:hidden;isolation:isolate}.material img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transition:transform .6s}.material:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#0009);z-index:-1}.material:hover{opacity:1}.material:hover img{transform:scale(1.03)}.material h3{position:absolute;bottom:36px;left:10%;right:10%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(23px,2.4vw,38px);font-weight:400;letter-spacing:-.035em}.material h3 span{font-size:24px}
.installation{margin-top:100px}.installation .shade{background:linear-gradient(180deg,#0001 15%,#000a 85%)}.installation-copy{position:absolute;left:6%;right:6%;bottom:23%}.installation-copy p{max-width:600px;margin-top:30px;font-size:20px;line-height:1.65}.installation .scene-photo{object-position:55% center}
.national-map{padding:110px 0 100px 6%;display:grid;grid-template-columns:41% 59%;align-items:center;overflow:hidden;gap:0}.national-copy{position:relative;z-index:1;padding-right:28px}.national-copy h2{font-size:clamp(40px,4.2vw,68px)}.national-copy p{max-width:440px;font-size:19px;line-height:1.7;margin:28px 0}.national-map figure{margin:0;width:100%}.map-detail{display:block;position:relative;width:100%;aspect-ratio:1.03;overflow:hidden}.map-detail:hover{opacity:1}.map-detail img{position:absolute;width:195%;max-width:none;height:auto;left:-95%;top:-20%;mix-blend-mode:multiply}.canberra-label{position:absolute;left:72.7%;top:68.3%;font:clamp(10px,1.3vw,20px)/1.2 Arial,sans-serif;color:#111}
.visit{background:#e8e8e0;padding:95px 6%;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.visit h2{font-size:clamp(40px,4.8vw,72px)}.visit p{font-size:18px;line-height:1.8;margin-bottom:18px}footer{background:#171a17;color:#c6cac6;padding:26px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}footer div{display:flex;gap:26px}footer a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:767px){header{padding:calc(22px + env(safe-area-inset-top)) 20px 0}.brand{width:144px;gap:9px}.brand .wordmark{width:86px}.scene{height:100svh;min-height:680px}.opening .scene-photo{object-position:48% center}.intro-copy{left:24px;right:24px;bottom:23%}h1{font-size:23px;line-height:1.4;letter-spacing:-.03em}h1 span{font-size:clamp(43px,11vw,70px);margin-top:24px;line-height:1.13}h2{font-size:44px}.scene-bottom{left:24px;right:24px;bottom:28px;gap:14px}.text-link{font-size:13px;gap:16px}.company-intro{padding:75px 27px}.company-intro p{font-size:23px;line-height:1.65}.section-heading{padding:10px 24px 40px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.material{height:48svh;min-height:290px;max-height:440px}.material h3{font-size:25px;bottom:24px;left:20px;right:20px}.material h3 span{font-size:19px}.installation{margin-top:64px;min-height:760px}.installation-copy{left:24px;right:24px;bottom:25%}.installation-copy h2{font-size:42px}.installation-copy p{font-size:18px;line-height:1.6;margin-top:24px}.installation .scene-bottom{flex-direction:column;align-items:flex-start;gap:2px}.national-map{display:flex;flex-direction:column;padding:75px 0 55px;gap:35px}.national-copy{padding:0 24px;width:100%}.national-copy h2{font-size:43px}.national-copy p{font-size:18px;margin:25px 0 18px}.national-map figure{width:100%}.canberra-label{font-size:11px}.visit{padding:65px 24px;grid-template-columns:1fr;gap:32px}.visit h2{font-size:43px}.visit p{font-size:17px}footer{padding:24px;flex-wrap:wrap;gap:8px 24px}footer div{margin-left:auto}}
@media(max-height:550px) and (orientation:landscape){.scene{min-height:560px}.intro-copy{bottom:23%}h1 span{font-size:55px}.brand{width:115px}.brand .wordmark{width:70px}.installation{min-height:650px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Review 4: clear service choice, contextual photography and primary quote CTA. */
h1 span{font-size:clamp(56px,6.2vw,100px)}.hero-service{font-size:18px;line-height:1.65;max-width:720px;margin:26px auto 0;text-wrap:balance}.intro-copy{bottom:19%}
.visit .quote-pill{background:#222222;color:#fff;border-radius:999px;padding:16px 28px;min-height:58px;font-weight:600;gap:32px;transition:background .2s,transform .2s}.visit .quote-pill:hover{background:#383838;opacity:1;transform:translateY(-2px)}.visit .quote-pill:focus-visible{outline-color:#222222}
.material:first-child img{object-position:58% center}.material:nth-child(2) img{object-position:50% center}
@media(max-width:767px){h1 span{font-size:clamp(35px,9.2vw,64px)}.hero-service{font-size:15px;line-height:1.65;margin-top:22px;max-width:330px}.intro-copy{bottom:20%}.visit .quote-pill{padding:16px 25px;min-height:56px;font-size:15px}}

/* Review 5: installation links as filled capsules. */
.installation .service-pill,.installation .project-pill{border-radius:999px;padding:16px 26px;min-height:58px;font-weight:600;transition:background .2s,transform .2s}
.installation .service-pill{background:#222222;color:#fff}.installation .project-pill{background:#f6f5f1;color:#222820}
.installation .service-pill:hover{background:#383838;opacity:1;transform:translateY(-2px)}.installation .project-pill:hover{background:#fff;opacity:1;transform:translateY(-2px)}
@media(max-width:767px){.installation .scene-bottom{gap:12px}.installation .service-pill,.installation .project-pill{padding:14px 22px;min-height:54px}.installation-copy{bottom:27%}}

/* Review 6: clearer word spacing, neutral capsules and fewer links. */
h1 span{word-spacing:.13em}
.opening .hero-pill{background:#f6f5f1;color:#222;border-radius:999px;padding:16px 26px;min-height:58px;font-weight:600;transition:background .2s,transform .2s}
.opening .hero-pill:hover{background:#fff;opacity:1;transform:translateY(-2px)}
.installation .service-pill{background:#f6f5f1;color:#222}.installation .service-pill:hover{background:#fff;color:#222}
@media(max-width:767px){.opening .hero-pill{padding:14px 22px;min-height:54px}h1 span{font-size:clamp(33px,8.6vw,61px)}}

/* Review 7: move project enquiry capsule from hero to the map section. */
.national-copy .map-pill{background:#222;color:#fff;border-radius:999px;padding:16px 26px;min-height:58px;font-weight:600;transition:background .2s,transform .2s}.national-copy .map-pill:hover{background:#383838;opacity:1;transform:translateY(-2px)}
@media(max-width:767px){.national-copy .map-pill{padding:14px 22px;min-height:54px}}