:root{--navy:#122a38;--ink:#142d3b;--muted:#596971;--orange:#fa7849;--paper:#f3f6f6;--line:#dbe2e4;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;background:#fff}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #cc4d20;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.6vw,3.2rem);font-weight:600}h3{font-size:1.45rem;font-weight:600}p{color:var(--muted)}em{font-style:normal;color:var(--orange)}.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.topbar{background:var(--navy);color:#e3e9ed;font-size:.75rem;letter-spacing:.06em;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between}.topbar span:first-child{font-weight:700}.topbar a{font-size:.85rem}header{position:sticky;top:0;background:rgba(255,255,255,.97);z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{display:flex;align-items:center;gap:28px;min-height:94px}.logo{font-size:2rem;line-height:1;font-weight:900;letter-spacing:-.09em;white-space:nowrap}.logo>span{color:var(--orange);font-weight:500;margin:0 3px}.logo small{display:block;font-size:.6rem;letter-spacing:.15em;margin-top:10px}.nav nav{display:flex;gap:26px;margin-left:auto}.nav nav a{font-size:.9rem;font-weight:600;position:relative}.nav nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:2px;background:var(--orange);transition:width .2s}.nav nav a:hover:after{width:100%}.nav-phone{font-size:.9rem;font-weight:700}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--orange);background:var(--orange);color:var(--navy);padding:15px 24px;border-radius:4px;font-size:.95rem;font-weight:700;line-height:1.4;transition:background .2s,transform .2s;min-height:48px}.button:hover{background:#ff936d;transform:translateY(-2px)}.button.compact{padding:12px 17px}.button.outline{border-color:#a0afb7;background:transparent;color:var(--ink)}.button.outline:hover{background:#e9eff1}.text-link{font-weight:700;font-size:.95rem;background:none;border:0;padding:0;display:inline-flex;align-items:center;gap:14px;text-decoration:underline;text-decoration-color:#9eaeb5;text-underline-offset:5px}.small-circle{border:1px solid #c5cfd4;border-radius:50%;width:29px;height:29px;display:inline-grid;place-items:center;text-decoration:none}.menu-toggle{display:none}.hero{background:#f3f6f6;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;min-height:620px}.hero-copy{padding:77px 28px 48px 0;align-self:center}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;color:#60737b;line-height:1.5;margin-bottom:24px}.eyebrow .line{display:inline-block;background:var(--orange);width:25px;height:2px;vertical-align:middle;margin-right:8px}h1{font-size:clamp(3rem,4.75vw,4.75rem);font-weight:600;line-height:1.08;letter-spacing:-.055em}h1 em{color:#da5428}.lead{font-size:1.08rem;max-width:440px;margin-top:28px;line-height:1.75}.actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.hero-proof{display:flex;gap:35px;margin-top:50px}.hero-proof>span{font-size:.8rem;color:var(--muted);display:flex;flex-direction:column;border-left:1px solid #b6c4cb;padding-left:18px}.hero-proof b{font-size:1.4rem;color:var(--ink);font-weight:500;line-height:1.4}.hero-visual{position:relative;margin:28px -48px 28px 0;overflow:hidden;border-radius:3px}.hero-visual>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(10,25,29,.66));pointer-events:none}.visual-label{position:absolute;bottom:45px;left:35px;color:white;z-index:1;display:flex;flex-direction:column}.visual-label>span{font-size:.7rem;letter-spacing:.16em}.visual-label strong{font-size:2.1rem;font-weight:500;letter-spacing:-.04em}.visual-label a{font-size:.85rem;text-decoration:underline;text-underline-offset:5px;margin-top:8px}.image-note{position:absolute;right:16px;top:16px;background:#122a38b3;color:white;padding:3px 8px;font-size:.75rem;border-radius:3px}.hero-bottom{border-top:1px solid #d3dde0;display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);padding-top:18px;padding-bottom:18px}.brands{display:flex;align-items:center;justify-content:space-between;padding-top:36px;padding-bottom:36px;border-bottom:1px solid var(--line);gap:20px}.brands p{font-size:.8rem;width:130px;line-height:1.4}.brands>div{font-size:1.45rem;font-weight:700;letter-spacing:-.03em;color:#6a7a82}.brands div span{display:block;font-size:.6rem;text-align:center;letter-spacing:.15em}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:42px}.section-heading>p{max-width:350px;flex-shrink:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{border:1px solid var(--line);padding:30px;border-radius:5px;position:relative;display:flex;flex-direction:column}.service.featured{background:var(--navy);color:white;border-color:var(--navy)}.service-icon{font-size:2.5rem;line-height:1;color:#ca542d;margin-bottom:36px}.featured .service-icon{color:var(--orange)}.service-number{position:absolute;top:28px;right:28px;color:#7d919b;font-size:.8rem}.service h3{font-size:1.8rem;margin-bottom:20px}.service p{font-size:.95rem;line-height:1.65}.featured p{color:#c7d3d9}.service ul{list-style:none;padding:0;font-size:.85rem;line-height:1.65;margin:24px 0 30px}.service li{padding:6px 0;border-bottom:1px solid #e2e8e9}.featured li{border-color:#ffffff26}.service-cta{border:0;border-top:1px solid var(--line);padding:21px 0 0;background:none;color:inherit;text-align:left;font-size:.85rem;font-weight:700;display:flex;justify-content:space-between;gap:12px;margin-top:auto;min-height:50px}.featured .service-cta{border-color:#ffffff30}.service-cta span{font-size:1.1rem;color:var(--orange)}.trade-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px 30px;background:var(--paper);margin-top:24px;border-radius:4px}.trade-strip b{display:block;font-size:1rem}.trade-strip span{font-size:.9rem;color:var(--muted)}.trade-strip button{flex-shrink:0}.projects-section{background:var(--paper)}.gallery-toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px;align-items:center}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #c4cfd3;border-radius:30px;padding:10px 17px;font-size:.85rem;color:var(--ink);min-height:44px}.filters .active{color:white;background:var(--navy);border-color:var(--navy)}#project-count{font-size:.8rem;white-space:nowrap;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-card{background:transparent;border:0;text-align:left;padding:0;color:var(--ink)}.project-photo{overflow:hidden;position:relative;aspect-ratio:4/3;background:#dbe2e4;border-radius:4px}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.04)}.project-photo span{position:absolute;bottom:14px;right:14px;background:white;padding:5px 11px;font-size:.75rem;border-radius:3px}.project-card .meta{font-size:.7rem;letter-spacing:.12em;color:var(--muted);display:block;margin-top:19px}.project-card h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.025em;margin-top:5px}.gallery-more{text-align:center;margin-top:40px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-mark{background:var(--navy);padding:44px;color:white;border-radius:5px;min-height:480px;display:flex;flex-direction:column;position:relative;overflow:hidden}.about-mark .eyebrow{color:#a9c0cc}.about-mark>b{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.13;letter-spacing:-.045em;font-weight:500}.since{display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff30;margin-top:auto;padding-top:25px}.since span{font-size:.75rem;letter-spacing:.15em}.since strong{font-size:3rem;line-height:1;font-weight:500}.about-copy>p:not(.eyebrow){margin-top:25px}.signature{display:flex;gap:15px;align-items:center;margin:28px 0}.initials{width:48px;height:48px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);border-radius:50%;font-weight:600}.signature span{display:block;font-size:.85rem;color:var(--muted)}.process{background:var(--navy);color:white}.process .eyebrow{color:#adc1cc}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:48px}.steps article{border-top:1px solid #ffffff38;padding-top:20px}.steps article>span{color:var(--orange);font-size:.85rem}.steps h3{margin:26px 0 14px;font-size:1.25rem;letter-spacing:-.02em}.steps p{color:#bacbd4;font-size:.9rem}.prices{display:grid;grid-template-columns:1fr 1fr;gap:90px}.prices>div>p:not(.eyebrow){margin:25px 0}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:32px}.faq summary:after{content:'+';position:absolute;right:0;font-size:1.3rem}.faq details[open] summary:after{content:'−'}.faq p{font-size:.9rem;padding-top:16px}.faq a{display:inline-block;text-decoration:underline;font-size:.9rem;margin-top:12px}.enquiry-section{background:var(--paper)}.enquiry-grid{display:grid;grid-template-columns:.85fr 1fr;gap:100px}.enquiry-grid>div>p:not(.eyebrow){max-width:340px;margin-top:25px}.big-phone{display:block;font-size:2rem;letter-spacing:-.04em;font-weight:600;margin-top:35px}.muted{color:var(--muted);font-size:.85rem}.enquiry-grid form{background:white;padding:32px;border:1px solid var(--line);border-radius:5px}label{display:block;font-size:.8rem;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #b5c3ca;border-radius:3px;background:white;padding:12px;color:var(--ink);font-size:1rem;min-height:48px}textarea{resize:vertical}select{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.form-note{font-size:.75rem;line-height:1.6;margin:14px 0 20px}.enquiry-grid form>.button{width:100%}#enquiry-result{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}#enquiry-result p{font-size:.9rem;margin-bottom:12px}#enquiry-result .actions{gap:12px;margin-top:16px}.contact{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.contact h3{font-size:1rem;letter-spacing:-.02em;margin-bottom:17px}.contact p{font-size:.95rem;margin-bottom:14px}.contact-phone{display:block;font-size:1.6rem;font-weight:600;letter-spacing:-.03em;line-height:1.3;margin-bottom:13px}.contact .muted{margin-top:20px;font-size:.8rem}footer{background:var(--navy);color:white;padding:35px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}footer .wrap>span,footer .wrap>a:not(.logo){font-size:.75rem;color:#c4d1d7}.mobile-bar{display:none}.skip{position:absolute;top:-100px;left:20px;background:var(--navy);color:white;padding:10px 20px;z-index:100}.skip:focus{top:10px}dialog{max-width:940px;width:calc(100% - 40px);border:0;border-radius:6px;padding:24px;color:var(--ink);max-height:95dvh;overflow:auto}dialog::backdrop{background:#06131fe6;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head .eyebrow{margin:0 0 7px}.dialog-head h2{font-size:1.5rem}.close-dialog{background:var(--paper);border:0;width:44px;height:44px;font-size:2rem;flex-shrink:0}#gallery-image{width:100%;height:min(58vh,580px);object-fit:contain;background:#f0f3f4}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.gallery-controls button{border:1px solid var(--line);background:white;padding:10px 16px;min-height:44px}.reveal{animation:rise .72s ease both}@keyframes appear{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{from{opacity:.62;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:.55}to{opacity:1}}@keyframes drift{from{transform:scale(1.045)}to{transform:none}}@keyframes pop{from{opacity:.55;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}[hidden]{display:none!important}.archive-list{display:grid;gap:16px;margin:30px 0}.archive-list a{border:1px solid var(--line);padding:20px;display:block;text-decoration:underline}.archive-intro{max-width:760px}.archive-intro p{margin-top:24px}
@media(min-width:1450px){.hero-visual{margin-right:-60px}}@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.nav{gap:18px}.nav nav{gap:18px}.nav-phone{display:none}.hero-grid{min-height:580px}.hero-visual{margin-right:-24px}.hero-copy{padding-top:55px}h1{font-size:3.5rem}.about,.prices{gap:50px}.enquiry-grid{gap:45px}.service{padding:24px}.service h3{font-size:1.6rem}.section-heading{gap:40px}.section-heading>p{max-width:310px}.hero .actions{gap:16px}.brands>div{font-size:1.2rem}}
@media(max-width:780px){.topbar .wrap>span:nth-child(2){display:none}.nav{min-height:80px;flex-wrap:wrap;gap:20px}.logo{font-size:1.8rem}.nav>.button{display:none}.menu-toggle{display:flex;gap:16px;align-items:center;margin-left:auto;background:white;border:1px solid var(--line);padding:8px 13px;min-height:44px;font-size:.85rem;color:var(--ink)}.nav nav{display:none;order:3;width:100%;padding-bottom:22px;flex-direction:column;margin:0;gap:0}.nav nav.open{display:flex}.nav nav a{padding:10px 0}.nav nav a:after{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:48px 0 32px}.hero-copy h1{font-size:clamp(2.75rem,8.7vw,4.5rem)}.lead{max-width:500px}.hero-proof{margin-top:30px}.hero-visual{height:420px;margin:0 0 22px}.hero-bottom span:nth-child(2){display:none}.brands{flex-wrap:wrap;justify-content:flex-start;gap:24px 32px;padding:28px 0}.brands p{width:100%;font-size:.8rem}.brands>div{font-size:1.25rem}.section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:560px;margin-top:24px}.eyebrow{margin-bottom:18px}.service-grid{grid-template-columns:1fr}.service{padding:28px}.service h3 br{display:none}.service-icon{margin-bottom:24px}.service ul{margin:16px 0 24px}.trade-strip{align-items:flex-start;flex-direction:column;gap:18px;padding:24px}.project-grid{grid-template-columns:repeat(2,1fr);gap:28px 18px}.gallery-toolbar{display:block}.gallery-toolbar>span{display:block;margin-top:14px}.about,.prices,.enquiry-grid{grid-template-columns:1fr;gap:40px}.about-mark{min-height:390px}.about-mark>b{font-size:2.6rem}.steps{grid-template-columns:repeat(2,1fr);gap:28px}.enquiry-grid>div>p:not(.eyebrow){max-width:100%}.enquiry-grid form{padding:24px}.contact{grid-template-columns:1fr 1fr}.contact>div:first-child{grid-column:1/-1}footer .wrap{flex-wrap:wrap}footer .logo{width:100%;margin-bottom:10px}footer{padding-bottom:100px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:19;display:flex;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);gap:10px}.mobile-bar a{width:50%;text-align:center;border:1px solid var(--navy);border-radius:3px;min-height:44px;padding:9px;font-size:.9rem;font-weight:700}.mobile-bar a:last-child{background:var(--orange);border-color:var(--orange)}html{scroll-padding-top:96px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.topbar{font-size:.65rem}.topbar a{font-size:.75rem}.hero-visual{height:350px}.hero-copy{padding-top:36px}.hero .actions{align-items:flex-start;flex-direction:column}.hero .actions .button{width:100%}.hero-bottom{font-size:.65rem}.visual-label{left:24px;bottom:32px}.visual-label strong{font-size:1.9rem}.project-grid{grid-template-columns:1fr}.filters{gap:7px}.filters button{padding:9px 12px;font-size:.78rem}.form-row{grid-template-columns:1fr;gap:18px}.enquiry-grid form{padding:20px}.contact{grid-template-columns:1fr}.contact>div:first-child{grid-column:auto}.steps{gap:24px 20px}.steps h3{font-size:1.1rem;line-height:1.3}.steps p{font-size:.85rem}.about-mark{padding:28px}.big-phone{font-size:1.8rem}.gallery-controls button{font-size:.8rem;padding:10px}.gallery-controls span{font-size:.8rem}}
.hero-copy>*{animation:rise .78s ease both}.hero-copy>*:nth-child(2){animation-delay:.07s}.hero-copy>*:nth-child(3){animation-delay:.13s}.hero-copy>*:nth-child(4){animation-delay:.19s}.hero-copy>*:nth-child(5){animation-delay:.25s}.eyebrow .line{transform-origin:left center;animation:grow .55s ease both}.hero-visual{animation:rise .95s ease .08s both}.hero-visual img{animation:drift 1.5s ease both}.hero-bottom,.archive-intro{animation:fade .7s ease .2s both}.brands>div{animation:fade .65s ease both}.brands>div:nth-child(3){animation-delay:.06s}.brands>div:nth-child(4){animation-delay:.12s}.brands>div:nth-child(5){animation-delay:.18s}.brands>div:nth-child(6){animation-delay:.24s}.service.reveal:nth-child(2){animation-delay:.08s}.service.reveal:nth-child(3){animation-delay:.16s}.steps article.reveal:nth-child(2){animation-delay:.07s}.steps article.reveal:nth-child(3){animation-delay:.14s}.steps article.reveal:nth-child(4){animation-delay:.21s}.service,.filters button,.archive-list a,.faq summary:after,.text-link .small-circle,.service-cta span{transition:transform .28s ease,background .2s,color .2s,border-color .2s}.filters button:hover{border-color:var(--navy)}.brands>div{transition:color .25s}.brands>div:hover{color:var(--navy)}@media(hover:hover){.service:hover{transform:translateY(-5px)}.text-link:hover .small-circle{transform:rotate(90deg)}.service:hover .service-cta span{transform:translateX(4px)}.archive-list a:hover{transform:translateX(4px);border-color:var(--navy)}}.faq details[open] p{animation:rise .35s ease}#enquiry-result:not([hidden]){animation:rise .4s ease}dialog[open]{animation:pop .28s ease}dialog[open]::backdrop{animation:fade .28s ease}#gallery-image.swap{animation:fade .22s ease}@media(max-width:780px){.nav nav.open a{animation:rise .4s ease both}.nav nav.open a:nth-child(2){animation-delay:.04s}.nav nav.open a:nth-child(3){animation-delay:.08s}.nav nav.open a:nth-child(4){animation-delay:.12s}.nav nav.open a:nth-child(5){animation-delay:.16s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
