/* Reference-led layout: compact header, light panoramic banner and five photo categories. */
:root{--navy:#172952;--deep:#11203e;--copper:#995018;--accent:#f1bd39;--cream:#f0f1f4;--ink:#182947;--muted:#596477;--line:#d5d9e1;--max:1425px}
html{scroll-padding-top:185px}.container{width:min(var(--max),calc(100% - 80px))}h1,h2,h3{font-weight:900;letter-spacing:-.025em}h2{font-size:clamp(29px,2.1vw,35px)}.button{font-weight:800;border-radius:5px}.button-copper:hover{background:#f8ce60}.section{padding-block:58px}
.site-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 6px #12204412}.header-top{min-height:111px;gap:28px}.brand{gap:13px}.brand>img{width:64px;height:64px}.brand strong{font-size:32px;font-weight:900;letter-spacing:-1.25px;gap:7px}.brand strong>span{color:var(--navy)}.brand small{font-size:9px;letter-spacing:.15px;font-weight:700;margin-top:10px}.header-facts{display:flex;gap:40px;font-size:13px;line-height:1.35;flex:1;justify-content:center}.header-facts>span{padding-left:40px}.header-facts b{font-size:13px;font-weight:800;color:var(--navy)}.header-facts .icon{color:var(--navy);width:28px;height:28px;top:3px}.header-contact{display:flex;flex-direction:column;gap:7px;min-width:225px}.header-phone{gap:11px;color:var(--navy);justify-content:center;margin:0;white-space:nowrap;line-height:1}.header-phone>.icon{width:26px;height:26px;color:var(--navy)}.header-phone strong{font-size:28px;line-height:1.2;font-weight:900;letter-spacing:-.6px}.header-enquiry{display:flex;justify-content:center;align-items:center;gap:16px;background:var(--accent);border:1px solid #d6a929;border-radius:5px;padding:4px 15px;font-size:14px;font-weight:900;line-height:1.7;box-shadow:0 2px 3px #13234616}.header-enquiry .icon{width:19px;height:19px}.header-enquiry:hover{color:var(--navy);background:#f9cf5d}.nav-bar{background:var(--navy)}.nav-inner{display:block}.nav-inner nav{width:100%;display:flex;justify-content:stretch}.nav-inner nav>a{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;padding:16px 18px;font-size:14px;font-weight:800;border-right:1px solid #ffffff24;line-height:1.55;white-space:nowrap;min-width:0}.nav-inner nav>a:first-child{flex:0 0 122px}.nav-inner nav>a[aria-current]{background:var(--accent);color:var(--navy)}.nav-inner nav>a .icon{width:21px;height:21px}.nav-inner nav>a:hover{background:#243d6e;color:#fff}.nav-inner nav>a[aria-current]:hover{background:#f7cd62;color:var(--navy)}
.reference-hero{position:relative;width:100%;height:clamp(355px,26.8vw,520px);overflow:hidden;background:#a4c8ec}.reference-hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 51%}.reference-hero-copy{position:absolute;top:38px;left:3.9%;right:25px;color:var(--navy)}.reference-hero h1{font-size:clamp(34px,2.81vw,52px);font-weight:900;font-style:italic;letter-spacing:-.025em;line-height:1.04;margin:0 0 17px;max-width:1050px;color:var(--navy);text-shadow:0 1px 1px #ffffff18}.reference-hero-copy>p{display:inline-block;margin:0;background:var(--accent);color:var(--navy);padding:3px 13px 4px;font-size:clamp(20px,1.8vw,31px);line-height:1.3;font-weight:900;letter-spacing:-.5px}.reference-hero-button{position:absolute;left:2.3%;bottom:60px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:23px;padding:14px 25px;border-radius:6px;box-shadow:0 4px 5px #1220443b;font-size:24px;line-height:1.35;font-weight:900}.reference-hero-button:hover{background:#243e6f;color:#fff}.reference-hero-button .icon{width:22px;height:22px}
.reference-categories{width:calc(100% - 50px);margin:20px auto 22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;scroll-margin-top:185px}.reference-card{min-width:0;border:1px solid #d9dce3;box-shadow:0 3px 5px #17295214;border-radius:8px;overflow:hidden;background:#fff}.reference-card h2{margin:0;min-height:64px;background:var(--navy);color:#fff;font-size:25px;line-height:1.05;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;letter-spacing:-.5px}.reference-card h2>a{padding:10px 8px;width:100%;display:block}.reference-card h2>a:hover{color:var(--accent)}.reference-card-visual{display:block;position:relative;border-bottom:10px solid #fff;overflow:hidden}.reference-card-photo{width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .25s}.reference-card-visual:hover img{transform:scale(1.035)}.reference-card-visual>span{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:15px;background:var(--accent);color:var(--navy);font-size:18px;font-weight:900;padding:9px 18px;border-radius:12px;white-space:nowrap;line-height:1.4;box-shadow:0 2px 4px #17295240}.reference-card-visual>span .icon{width:19px;height:19px}.reference-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 50px);margin:0 auto 28px;padding:20px 12px;background:#ecedf1;border-radius:8px;min-height:122px;align-items:center}.reference-benefits>div{display:flex;gap:20px;align-items:center;padding:0 22px;border-right:1px solid #cbd0d9;min-height:72px}.reference-benefits>div:last-child{border:0}.reference-benefits .icon{width:49px;height:49px;color:var(--navy);stroke-width:1.9}.reference-benefits strong{font-size:19px;line-height:1.3;letter-spacing:-.2px;font-weight:800;color:var(--navy)}.reference-section-title{display:flex;align-items:center;gap:20px;justify-content:center;margin-bottom:25px}.reference-section-title:before,.reference-section-title:after{content:"";height:1px;background:#a5b0c1;flex:1}.reference-section-title h2{margin:0;font-size:30px;line-height:1.2;text-align:center;font-weight:900;letter-spacing:-.5px}.reference-more{padding-bottom:55px}.reference-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.reference-more-grid>article{overflow:hidden;border:1px solid #d7dce4;border-radius:8px;box-shadow:0 2px 5px #152a4f15}.reference-more-grid h3{margin:0;background:var(--navy);color:#fff;text-align:center;font-size:25px;line-height:1.2;padding:13px 16px}.reference-more-grid h3 a:hover{color:var(--accent)}.reference-more-body{display:grid;grid-template-columns:160px minmax(0,1fr);gap:25px;padding:25px}.reference-service-symbol{background:#eef0f5;display:grid;place-items:center;min-height:180px}.reference-service-symbol>.icon{width:100px;height:100px;stroke-width:1;color:var(--navy)}.reference-more-body p,.reference-more-body ul{font-size:14px;line-height:1.7;color:var(--muted)}.reference-more-body ul{padding-left:17px}.reference-more-body .text-link{color:var(--copper);font-size:13px}
.comparison-section{background:#f1f3f6;padding-block:55px}.comparison-grid{gap:45px}.comparison-copy h2{font-size:36px;line-height:1.12}.comparison-copy>p{font-size:16px}.comparison-photo>img{aspect-ratio:1.45}.compare-labels span:last-child{background:var(--accent)}.check-list a{color:var(--copper);text-decoration:underline}.guide-card{border:1px solid #d7dce4;border-radius:7px;padding:25px;box-shadow:0 2px 5px #17295210}.guide-card h3,.guide-card h2{font-size:24px;line-height:1.16}.section-end{display:flex;justify-content:flex-end;gap:30px}.cta-band{background:#e9edf4;border-color:#d9dfeb}.cta-inner h2{font-size:31px}
.page-hero{background:#f0f2f6}.page-hero:after{background:var(--accent)}.page-hero h1,.page-hero.has-photo h1{font-size:48px;line-height:1.09;letter-spacing:-1px}.page-hero-grid>div>p{font-size:17px}.page-hero.has-photo .page-hero-grid{gap:50px}.breadcrumbs{margin-bottom:32px;font-size:12px}.prose h2{font-size:30px}.service-card{border-radius:6px;border-color:#cfd6e2;box-shadow:0 2px 5px #142b4010}.service-card .card-top{background:#f0f2f6;margin:-28px -24px 24px;padding:25px 24px;border-bottom:1px solid #d7dde5}.service-card .card-top .icon{color:var(--navy)}.service-card h3{font-weight:900}.service-card>.text-link{color:var(--copper)}.hours-card{border-top:6px solid var(--accent);background:var(--navy);color:#fff}.hours-card h2,.hours-card dd{color:#fff}.hours-card dt,.hours-card>p{color:#dce3ef}.hours-card dl>div{border-color:#ffffff2a}.contact-phone{color:var(--navy)}.related-grid h3{font-size:24px}.aside-box{border-top:5px solid var(--accent);background:#f0f2f6}
.footer-index{background:#eef0f5;padding-block:42px}.footer-index h2{font-size:30px}.footer-index h3{font-size:17px}.footer-index a{font-size:13px}.footer-main{background:var(--deep)}.footer-three{gap:85px;padding-block:55px}.footer-main .brand strong{font-size:25px}.footer-main .brand strong span{color:#fff}.footer-about>p{font-size:14px}.footer-phone{color:var(--accent);font-size:28px}.footer-area{color:#dce3ef}.footer-contact dl{font-size:12px}.floating-call{border-radius:6px;border:2px solid #fff;bottom:23px;right:24px;padding:14px 20px;font-size:17px;font-weight:900;box-shadow:0 4px 16px #10203335}.floating-call:hover{background:#f9ce59}.floating-call>.icon{width:24px;height:24px}.footer-main a:hover{color:var(--accent)}
@media(max-width:1350px){.header-top{gap:24px}.brand strong{font-size:28px}.brand>img{width:56px;height:56px}.brand small{font-size:8px}.header-facts{gap:22px}.header-facts b{font-size:12px}.header-facts>span{padding-left:33px}.header-facts .icon{width:25px;height:25px}.header-contact{min-width:205px}.header-phone strong{font-size:25px}.reference-card h2{font-size:22px}.reference-card-visual>span{font-size:15px;padding-inline:14px}.reference-benefits>div{gap:13px;padding-inline:15px}.reference-benefits .icon{width:39px;height:39px}.reference-benefits strong{font-size:16px}.reference-more-body{grid-template-columns:110px minmax(0,1fr);gap:20px;padding:22px}.reference-service-symbol>.icon{width:78px;height:78px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.header-facts{gap:20px}.header-facts>span:nth-child(2){display:none}.header-top{min-height:101px}.brand strong{font-size:26px}.header-contact{min-width:200px}.header-phone strong{font-size:24px}.nav-inner nav>a{font-size:12px;padding:16px 11px}.nav-inner nav>a:first-child{flex-basis:100px}.reference-hero{height:365px}.reference-hero h1{font-size:35px}.reference-hero-copy{top:33px}.reference-hero-copy>p{font-size:23px}.reference-hero-button{font-size:20px;bottom:45px}.reference-categories{gap:14px;width:calc(100% - 32px)}.reference-card h2{font-size:18px;min-height:59px}.reference-card-visual>span{font-size:12px;padding:8px 10px;gap:8px;border-radius:8px}.reference-card-visual>span .icon{width:16px;height:16px}.reference-benefits{width:calc(100% - 32px);min-height:103px;padding:15px 5px}.reference-benefits>div{gap:10px;padding:0 12px;min-height:60px}.reference-benefits strong{font-size:13px}.reference-benefits .icon{width:31px;height:31px}.reference-more-body{grid-template-columns:1fr;padding:22px}.reference-service-symbol{display:none}.reference-more-grid h3{font-size:22px}.footer-three{gap:45px}.page-hero h1,.page-hero.has-photo h1{font-size:43px}.guide-card h3{font-size:22px}}
@media(max-width:800px){html{scroll-padding-top:155px}.header-facts{display:none}.header-top{min-height:96px}.nav-inner nav>a{font-size:11px;padding-inline:9px;gap:6px}.nav-inner nav>a:first-child{flex-basis:84px}.nav-inner nav>a .icon{width:17px;height:17px}.reference-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-card h2{font-size:20px;min-height:63px}.reference-card-photo{aspect-ratio:1.1}.reference-card-visual>span{font-size:14px;padding-inline:13px}.reference-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0;padding:20px 10px}.reference-benefits>div:nth-child(3){border:0}.reference-benefits strong{font-size:14px}.reference-benefits .icon{width:36px;height:36px}.reference-section-title h2{font-size:27px}.comparison-copy h2{font-size:32px}.reference-more-grid{gap:18px}.footer-three{gap:30px}}
@media(max-width:680px){.container{width:calc(100% - 38px)}html{scroll-padding-top:95px}.header-top{min-height:85px;gap:16px}.brand>img{width:48px;height:48px}.brand strong{font-size:24px;gap:5px}.brand small{font-size:6.8px;letter-spacing:0;margin-top:7px}.brand{gap:10px}.header-contact{min-width:0;margin-left:auto}.header-contact .header-phone strong,.header-enquiry{display:none}.header-contact .header-phone{margin:0}.header-phone>.icon{width:26px;height:26px}.menu-toggle{display:flex;font-size:11px;gap:5px;padding-left:0}.menu-toggle>.icon{width:23px;height:23px}.nav-inner{width:100%}.nav-inner nav{display:none;position:absolute;top:0;left:0;right:0;padding:10px 19px 20px;background:var(--navy);z-index:110;max-height:calc(100dvh - 85px);overflow:auto}.nav-inner nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0}.nav-inner nav>a{padding:14px 13px;justify-content:flex-start;font-size:13px;white-space:normal}.nav-inner nav>a:first-child{flex-basis:auto}.reference-hero{height:390px;isolation:isolate}.reference-hero-image{object-position:58% 50%}.reference-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#d8eafecc 0%,#d8eafe99 35%,transparent 65%);z-index:0;pointer-events:none}.reference-hero-copy{top:28px;left:20px;right:18px;z-index:1}.reference-hero h1{font-size:clamp(29px,6.6vw,38px);line-height:1.06;letter-spacing:-.8px;margin-bottom:18px;max-width:560px}.reference-hero h1 br{display:none}.reference-hero-copy>p{font-size:17px;line-height:1.45;padding:5px 10px;letter-spacing:-.3px;max-width:100%}.reference-hero-button{z-index:1;left:20px;bottom:28px;font-size:18px;padding:13px 18px;gap:15px}.reference-categories{width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;scroll-margin-top:100px}.reference-card h2{font-size:19px;min-height:66px;line-height:1.1}.reference-card h2>a{padding-inline:7px}.reference-card-photo{aspect-ratio:.94}.reference-card-visual>span{font-size:12px;padding:8px 11px;gap:8px;bottom:10px;border-radius:9px}.reference-card-visual>span .icon{width:16px;height:16px}.reference-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.reference-card:last-child h2{height:100%;min-height:165px;padding:20px;font-size:25px}.reference-card:last-child .reference-card-visual{border-bottom:0}.reference-card:last-child .reference-card-photo{aspect-ratio:1.1}.reference-benefits{width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;margin-bottom:30px;padding:20px 8px}.reference-benefits>div{border:0;padding-inline:12px;gap:13px;min-height:55px}.reference-benefits strong{font-size:13px;line-height:1.3}.reference-benefits .icon{width:30px;height:30px}.reference-benefits>div:last-child{grid-column:1/-1;justify-content:center;border-top:1px solid #cfd5df;padding-top:18px}.reference-benefits>div:last-child strong br{display:none}.reference-more{padding-bottom:38px}.reference-section-title{gap:12px;margin-bottom:22px}.reference-section-title h2{font-size:25px;max-width:290px}.reference-more-grid{grid-template-columns:1fr;gap:20px}.reference-more-grid h3{font-size:22px;padding:14px 18px}.reference-more-body{padding:22px}.reference-more-body p,.reference-more-body ul{font-size:14px}.section{padding-block:42px}.section-end{flex-wrap:wrap;gap:15px 25px}.guide-card{padding:23px}.guide-card h3{font-size:24px}.comparison-section{padding-block:40px}.comparison-grid{gap:28px}.comparison-copy h2{font-size:32px}.comparison-copy>p{font-size:15px}.page-hero h1,.page-hero.has-photo h1{font-size:37px;overflow-wrap:anywhere}.page-hero.has-photo .page-hero-grid{gap:30px}.page-hero-grid>div>p{font-size:16px}.breadcrumbs{font-size:10px;margin-bottom:28px}.page-hero{padding-top:20px}.prose h2{font-size:28px}.cta-inner h2{font-size:30px}.service-card .card-top{margin:-22px -19px 22px;padding:22px 19px}.footer-three{padding-block:40px 30px;gap:33px}.footer-main .brand strong{font-size:24px}.footer-main .brand img{width:46px;height:46px}.footer-index h2{font-size:28px}.footer-index h3{font-size:14px}.footer-index a{font-size:11px}.footer-about>p{font-size:13px}.floating-call{right:16px;bottom:16px;padding:13px 16px;font-size:14px}.floating-call>.icon{width:20px;height:20px}.footer-phone{font-size:28px}}
@media(max-width:480px){.brand strong{font-size:21px}.brand>img{width:44px;height:44px}.brand small{font-size:6px}.header-top{gap:12px}.header-phone>.icon{width:23px;height:23px}.menu-toggle span{display:none}.menu-toggle{padding:8px 0}.reference-hero{height:380px}.reference-hero h1{font-size:31px;max-width:345px}.reference-hero-copy>p{font-size:15px}.reference-card h2{font-size:17px}.reference-card-visual>span{font-size:11px;padding:8px 10px;gap:6px}.reference-card:last-child h2{font-size:22px}.reference-card:last-child .reference-card-visual>span{font-size:11px}.service-card .card-top{grid-column:1;grid-row:1/4;margin:0;padding:0;background:transparent;border:0}.service-card h3{font-size:24px}.footer-key{column-gap:20px}.footer-key a{font-size:13px}}
@media(max-width:370px){.header-top{gap:9px}.brand strong{font-size:18px;letter-spacing:-1px}.brand small{font-size:5.3px}.brand>img{width:40px;height:40px}.brand{gap:8px}.header-phone>.icon{width:22px;height:22px}.menu-toggle>.icon{width:21px;height:21px}.reference-hero h1{font-size:28px;max-width:290px}.reference-hero-copy>p{font-size:14px}.reference-card h2{font-size:16px;min-height:65px}.reference-card-visual>span{font-size:10px;padding:7px 8px}.reference-card-visual>span .icon{width:13px;height:13px}.reference-benefits strong{font-size:12px}.reference-benefits>div{padding-inline:8px;gap:9px}.reference-benefits .icon{width:26px;height:26px}.page-hero h1,.page-hero.has-photo h1{font-size:32px}}
@media print{.reference-hero{height:240px}.reference-hero-button,.reference-benefits{display:none}.reference-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{display:none}.reference-more-grid{grid-template-columns:1fr}.reference-card h2{font-size:18px}.reference-hero-copy{top:20px}.reference-hero h1{font-size:28px}}

.reference-categories{scroll-margin-top:12px}