/* Rich surfaces and interactive treatments, shared across the three identities. */
:root{--ease:cubic-bezier(.22,.68,0,1.1)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.site-header{transition:box-shadow .3s,background .3s}.site-header.is-scrolled{box-shadow:0 6px 30px #17112720}.button,.header-cta,.filter,.service-filters button{overflow:hidden;isolation:isolate}.button:before{content:'';position:absolute;inset:-100% auto -100% -50%;width:25%;background:#fff4;transform:rotate(25deg);transition:left .55s;pointer-events:none}.button:hover:before{left:130%}.button:active,.filter:active,.header-cta:active{transform:scale(.97)}.button{border-radius:7px;box-shadow:0 5px 15px #0001;transition:transform .3s var(--ease),background .25s,box-shadow .3s}.button:hover{transform:translateY(-4px);box-shadow:0 12px 28px #21142b30}.header-cta:hover{transform:translateY(-2px)}nav>a,footer a{position:relative}nav>a:hover{transform:translateY(-2px)}footer a:hover{transform:translateX(3px)}.brand:hover{transform:none}.service-grid{align-items:stretch}.service-card{--card-bg:#f1e8f8;--card-accent:#764594;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--card-accent) 18%,white);border-radius:15px;box-shadow:0 6px 22px #2d184009;position:relative;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}.service-card:nth-child(3n+2){--card-bg:#e7f4f1;--card-accent:#12675b}.service-card:nth-child(3n){--card-bg:#fff1e1;--card-accent:#935421}.service-card .card-copy{background:var(--card-bg);border-top:4px solid var(--card-accent)}.service-card h3{color:#292334}.service-card p{color:#554e5b}.service-card .text-link{color:var(--card-accent);border-color:color-mix(in srgb,var(--card-accent) 25%,white)}.service-card:hover{transform:translateY(-9px);box-shadow:0 22px 42px #271a3c20;border-color:var(--card-accent)}.service-card:hover>img{transform:scale(1.055)}.service-card:hover .text-link{letter-spacing:.055em}.service-card .text-link{transition:letter-spacing .25s}.service-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.service-filters button{background:white;color:var(--ink);padding:13px 18px;border:1px solid var(--line);border-radius:7px;font-size:14px;font-weight:600;min-height:48px;transition:background .25s,transform .25s,box-shadow .25s}.service-filters button:hover{transform:translateY(-3px);box-shadow:0 5px 14px #0001}.service-filters button.selected{background:var(--accent);border-color:var(--accent);color:white}.filterable-grid.filtered .service-card{grid-column:auto;margin-top:0}.filterable-grid.filtered .service-card:last-child{display:flex}.filterable-grid.filtered .service-card:last-child img{width:100%;height:235px}.filterable-grid.filtered{min-height:300px}.photo-banner{background:var(--dark);isolation:isolate;overflow:hidden;min-height:350px}.photo-banner:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--banner);background-size:cover;background-position:center;animation:banner-breathe 22s ease-in-out infinite alternate}.photo-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#21182df2,#21182dba 58%,#21182d60)}.photo-banner h1{color:white}.photo-banner p,.photo-banner .breadcrumb{color:#f0e8f4}.photo-banner .eyebrow{color:#e5c3ff}.v2 .photo-banner:after{background:linear-gradient(90deg,#092b40f2,#092b40c9 55%,#092b4059)}.v2 .photo-banner .eyebrow{color:#9fe8dd}.v3 .photo-banner:after{background:linear-gradient(90deg,#252722f2,#252722bf 55%,#25272265)}.v3 .photo-banner .eyebrow{color:#f0c6a5}.photo-banner .wrap{position:relative;z-index:1}.area-section{padding:45px;border:0;border-radius:18px;background:linear-gradient(120deg,#ede2f7,#f6eef9 45%,#e3efef)}.area-box{padding:28px;background:#ffffffa8;border-left:3px solid var(--accent);border-radius:0 12px 12px 0}.materials{position:relative;isolation:isolate;max-width:none;width:100%;padding:75px max(25px,calc((100% - 770px)/2));margin-top:65px;color:white;background:linear-gradient(90deg,#21172eee,#21172ece),url('rooftop-1536.webp') center/cover}.materials h2,.materials h3{color:white}.materials p{color:#e9e0ee}.materials .eyebrow{color:#ddbee9}.cta-section{background:linear-gradient(110deg,#6f3795ed,#3c2355ec),url('office-1536.webp') center/cover;position:relative;overflow:hidden}.cta-section:before{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff25;border-radius:50%;right:-60px;top:-120px;pointer-events:none}.cta-section .wrap{position:relative}.service-enquiry{background:linear-gradient(110deg,#efe5f7eF,#e9edf3ef),url('office-760.webp') center/cover;border-radius:15px;border:1px solid var(--line)}.scope{padding:30px;background:var(--soft);border-top:4px solid var(--accent);border-radius:12px;box-shadow:0 12px 30px #00000008}.detail-visual img{border-radius:12px}.home-gallery img{border-radius:12px;transition:transform .5s,box-shadow .5s}.home-gallery img:hover{transform:translateY(-7px);box-shadow:0 18px 35px #0002}.gallery-item{border-radius:12px;box-shadow:0 4px 20px #0000000a;transition:transform .35s,box-shadow .35s}.gallery-item:hover{transform:translateY(-6px);box-shadow:0 15px 30px #0002}.gallery-item span{background:var(--soft);border-top:3px solid var(--accent)}.filter{border-radius:7px}.contact-info{padding:32px;border-radius:12px;background:linear-gradient(135deg,#efe4f7ed,#ffffffee),url('office-760.webp') center/cover}.contact-info a:hover{color:var(--accent);text-decoration:underline}form{border-radius:12px;box-shadow:0 14px 35px #0000000c;border:1px solid var(--line)}input,select,textarea{border-radius:5px;transition:box-shadow .25s,border-color .25s}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-section>div:first-child{align-self:start;position:sticky;top:140px}.faq-list details{background:var(--soft);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden;transition:background .25s,box-shadow .25s}.faq-list details[open]{background:white;box-shadow:0 8px 25px #0001;border-color:var(--accent)}.faq-list summary{cursor:pointer;padding:23px 52px 23px 25px;font-size:17px;font-weight:600;list-style:none;position:relative;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:22px;top:20px;font:26px Arial;color:var(--accent);transition:transform .3s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{padding:0 25px 22px;margin:0;font-size:15px;animation:faq-open .35s}.faq-list summary:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.back-top{position:fixed;bottom:86px;right:27px;z-index:39;width:42px;height:42px;background:white;color:var(--accent);border:1px solid var(--line);border-radius:50%;box-shadow:0 5px 18px #0002;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s}.back-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-top svg{width:22px;fill:none;stroke:currentColor;stroke-width:2}.back-top:hover{background:var(--accent);color:white;transform:translateY(-3px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.gallery-nav{display:flex;justify-content:space-between;gap:15px;margin-top:14px}.gallery-nav button{background:#ffffff15;border:1px solid #ffffff60;color:white;border-radius:5px;padding:10px 20px;font-size:14px;min-height:44px}.gallery-nav button:hover{background:#ffffff35}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(26px)}.motion-ready .reveal.visible{animation:rich-reveal .7s both;animation-delay:var(--reveal-delay,0ms)}.v2 .service-card{--card-bg:#e7f3f2;--card-accent:#086b68;background:var(--card-bg);border:1px solid #c9dddd;padding:22px;gap:20px;border-radius:3px;border-left:4px solid var(--card-accent)}.v2 .service-grid{gap:20px}.v2 .service-card:nth-child(3n+2){--card-bg:#e8edf8;--card-accent:#3e5691}.v2 .service-card:nth-child(3n){--card-bg:#fff1df;--card-accent:#8f5825}.v2 .card-copy{border:0;padding:0;background:transparent}.v2 .service-card>img{border-radius:2px}.v2 .service-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #1434461a}.v2 .area-section{background:linear-gradient(120deg,#d8eeed,#ecf2fa)}.v2 .materials{background-image:linear-gradient(90deg,#102b3eef,#102b3ecc),url('rooftop-1536.webp')}.v2 .cta-section{background-image:linear-gradient(100deg,#075c60ed,#102b3eed),url('0043-1013.webp')}.v2 .service-enquiry{background-image:linear-gradient(110deg,#e0f0efef,#edf3f8ef),url('office-760.webp')}.v2 .contact-info{background-image:linear-gradient(135deg,#dff0eeed,#fffffff0),url('office-760.webp')}.v2 .filterable-grid.filtered{grid-template-columns:1fr 1fr}.v2 .filterable-grid.filtered .service-card:last-child{display:grid;grid-template-columns:.45fr .55fr}.v2 .filterable-grid.filtered .service-card:last-child img{height:220px}.v3 .service-card{--card-bg:#f0e3d3;--card-accent:#9d522f;border-radius:3px;background:var(--card-bg);border:1px solid #ddc7b1}.v3 .service-card:nth-child(3n+2){--card-bg:#e4ebe4;--card-accent:#46684e}.v3 .service-card:nth-child(3n){--card-bg:#e7e5ef;--card-accent:#68537f}.v3 .card-copy{padding:28px;background:var(--card-bg);border-top:3px solid var(--card-accent)}.v3 .service-card:last-child{gap:0}.v3 .service-card:hover{box-shadow:0 20px 40px #44341e20}.v3 .button,.v3 .service-filters button{border-radius:2px}.v3 .area-section{background:linear-gradient(120deg,#eee0ce,#e4e9df)}.v3 .materials{background-image:linear-gradient(90deg,#262b25ed,#262b25de),url('office-1536.webp')}.v3 .materials .eyebrow{color:#e7be9d}.v3 .cta-section{background-image:linear-gradient(90deg,#442b20ed,#262b25ef),url('kitchen-1536.webp');color:white}.v3 .cta-section p{color:#e5ddd8}.v3 .cta-section .eyebrow{color:#efc6a9}.v3 .service-enquiry{background-image:linear-gradient(110deg,#ede1d3f0,#e8e9e1f0),url('office-760.webp')}.v3 .contact-info{background-image:linear-gradient(135deg,#f0e2d0ed,#fffffff0),url('office-760.webp')}.v3 .faq-list summary{font-family:Arial,sans-serif;font-size:16px}.v3 .filterable-grid.filtered .service-card:last-child .card-copy{padding:28px}.v3 .filterable-grid.filtered .service-card:last-child img{height:340px}
@keyframes rich-reveal{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes faq-open{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-breathe{from{transform:scale(1)}to{transform:scale(1.04)}}
@media(max-width:900px){.faq-section{gap:35px}.v2 .filterable-grid.filtered{grid-template-columns:1fr}.v2 .filterable-grid.filtered .service-card:last-child{grid-template-columns:200px 1fr}.area-section{padding:30px}.scope{padding:24px}.contact-info{padding:24px}.service-filters{gap:8px}.service-filters button{font-size:13px;padding:12px 14px}}
@media(max-width:600px){.service-card{border-radius:10px}.service-card .card-copy{padding:17px 13px}.service-filters{gap:7px;margin-bottom:24px}.service-filters button{padding:10px 12px;min-height:44px;font-size:12px}.photo-banner{min-height:0}.photo-banner:after{background:linear-gradient(90deg,#21182ded,#21182dba)}.area-section{padding:28px 22px;border-radius:12px}.area-box{padding:20px}.materials{margin-top:40px;padding:48px 25px;background-image:linear-gradient(90deg,#21172eee,#21172ece),url('rooftop-760.webp')}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section>div:first-child{position:static}.faq-section h2{font-size:34px}.faq-list summary{font-size:15px;padding:20px 46px 20px 20px}.faq-list details p{padding:0 20px 20px;font-size:14px}.faq-list summary:after{right:18px;top:17px}.scope{padding:24px 20px}.contact-info{padding:25px 20px}.back-top{right:18px;bottom:77px;width:40px;height:40px}.v2 .service-card,.v2 .service-card:last-child{padding:18px 14px;gap:14px;grid-template-columns:35% 1fr}.v2 .card-copy{padding:0}.v2 .service-grid{gap:15px}.v2 .service-card h3{font-size:19px}.v2 .filterable-grid.filtered .service-card:last-child{display:grid;grid-template-columns:35% 1fr}.v2 .filterable-grid.filtered .service-card:last-child img{height:165px}.v2 .materials{background-image:linear-gradient(90deg,#102b3eef,#102b3ecc),url('rooftop-760.webp')}.v3 .card-copy{padding:23px}.v3 .service-card .card-copy{padding:23px}.v3 .materials{background-image:linear-gradient(90deg,#262b25ed,#262b25de),url('office-760.webp')}.v3 .filterable-grid.filtered .service-card:last-child img{height:255px}.filterable-grid.filtered .service-card:last-child img{height:150px}.filterable-grid.filtered .service-card:last-child{grid-column:auto}.v3 .filterable-grid.filtered .service-card:last-child .card-copy{padding:23px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.visible){opacity:1;transform:none}.photo-banner:before{animation:none}.service-card,.button,.back-top,.home-gallery img{transition:none}.reveal{animation:none!important}}