@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/barlowcondensed-600.woff2") format("woff2"),url("assets/fonts/barlowcondensed-600.ttf") format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 600;font-display:swap;src:url("assets/fonts/manrope-variable.woff2") format("woff2"),url("assets/fonts/manrope-variable.ttf") format("truetype")}
:root{--ivory:#f6f3ed;--ink:#1d211f;--orange:#b94700;--stone:#e6e0d6;--muted:#5e625d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}h1,h2{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-weight:600;line-height:1.03;letter-spacing:-.02em}h1{font-size:clamp(52px,5.3vw,78px)}h2{font-size:clamp(42px,4vw,62px)}h3{font-size:26px;line-height:1.25;font-weight:600}h4{font-size:17px;line-height:1.45;font-weight:600}p{margin:20px 0;color:var(--muted)}.wrap{width:min(1328px,calc(100% - 112px));margin-inline:auto}.section{padding-block:88px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:600;line-height:1.5;margin:0 0 20px}.header{display:flex;align-items:center;gap:34px;height:98px;border-bottom:1px solid #d7d3cc}.brand{margin-right:auto;flex-shrink:0}.brand img,.footer-brand img{width:225px;height:auto;mix-blend-mode:multiply}.header nav{display:flex;gap:25px;font-size:15px;font-weight:600}.header nav a{padding:15px 0}.header nav a[aria-current]{border-bottom:2px solid var(--orange)}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:var(--orange);color:white;border:1px solid var(--orange);border-radius:3px;padding:13px 23px;font-size:14px;font-weight:600;cursor:pointer;min-height:50px}.button:hover{background:#913800;border-color:#913800}.text-link{font-size:14px;font-weight:600;padding:12px 0;min-height:44px;border-bottom:1px solid currentColor;display:inline-block}.text-link:hover{color:var(--orange)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:47% 1fr;gap:34px;align-items:center;padding-block:32px}.hero h1 span{display:block}.hero-copy>p{max-width:475px;font-size:18px;line-height:1.65;margin:30px 0}.hero-copy{padding-bottom:25px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.mosaic-shell{position:relative;min-width:0}.mosaic{height:650px;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;mask-image:linear-gradient(transparent,#000 3%,#000 97%,transparent)}.mosaic-column{overflow:hidden;min-width:0}.mosaic-track{display:flex;flex-direction:column;width:100%;animation:column-travel 30s linear infinite;animation-play-state:paused;will-change:transform}.track-group{display:flex;flex-direction:column;gap:14px;padding-bottom:14px;flex-shrink:0}.track-group img{width:100%;height:282px;object-fit:cover;border-radius:5px}.column-1 .mosaic-track{animation-direction:reverse;animation-duration:32s}.column-2 .mosaic-track{animation-duration:28s}.mosaic-shell.moving .mosaic-track{animation-play-state:running}.motion-control{position:absolute;bottom:16px;right:16px;background:var(--ivory);color:var(--ink);border:1px solid #c8c4bb;border-radius:3px;padding:10px 15px;min-height:44px;font-size:12px;cursor:pointer;z-index:2}@keyframes column-travel{from{transform:translateY(0)}to{transform:translateY(-50%)}}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:42px}.section-title>p,.section-title>div:last-child>p{max-width:390px;margin:0;font-size:16px}.section-title .text-link{margin-top:10px}.selected{border-top:1px solid #d7d3cc}.selected-grid{display:grid;grid-template-columns:1.12fr .9fr 1fr;gap:32px;align-items:start}.selected-grid img{width:100%;height:390px;object-fit:cover}.selected-grid .selected-large img{height:480px}.selected-grid figure:nth-child(2){padding-top:80px}.selected-grid figure:nth-child(3){padding-top:25px}.selected-grid figcaption{padding-top:18px}.selected-grid figcaption span{font-size:11px;letter-spacing:.1em;color:var(--muted)}.selected-grid h3{font-size:21px;margin-top:7px}.finish-feature{background:var(--ink);color:var(--ivory);padding-block:88px}.finish-feature p{color:#c9cdc5}.finish-layout{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.reveal{height:500px;position:relative;background:#363c36;overflow:hidden}.reveal img{width:100%;height:100%;object-fit:cover;clip-path:inset(0 var(--reveal,0%) 0 0)}.reveal figcaption{position:absolute;left:20px;bottom:16px;font-size:12px;background:var(--ink);color:var(--ivory);padding:6px 12px}.finish-controls{display:flex;flex-direction:column;border-top:1px solid #656960;margin-bottom:32px}.finish-controls button{color:#c9cdc5;background:none;border:0;border-bottom:1px solid #656960;text-align:left;padding:17px 24px 17px 0;font-size:16px;cursor:pointer;position:relative;min-height:54px}.finish-controls button[aria-pressed=true]{color:#fff}.finish-controls button[aria-pressed=true]:after{content:'↗';position:absolute;right:0;color:#e8894c}.finish-panel h3{font-size:28px}.finish-panel .eyebrow{font-size:11px;color:#d99564}.finish-panel p{margin:18px 0 24px}.finish-panel .text-link:hover{color:#efb28a}.finish-panel+.finish-panel{margin-top:35px}.service-group{display:grid;grid-template-columns:.86fr 1.25fr;gap:74px;border-top:1px solid #c9c6bf;padding-block:34px}.service-intro{position:relative;padding-left:46px}.number{color:var(--orange);font-size:13px}.service-intro>.number{position:absolute;left:0;top:5px}.service-intro h3{max-width:380px}.service-intro p{font-size:14px;margin:14px 0}.service-intro .text-link{font-size:13px}.service-items{display:grid;grid-template-columns:1fr;gap:20px}.service-items article{border-bottom:1px solid #dedbd4;padding-bottom:20px}.service-items article:last-child{border:0;padding-bottom:0}.service-items p{font-size:15px;line-height:1.65;margin:7px 0 0}.service-items .text-link{font-size:12px;margin-top:8px}.reel-panel{background:var(--stone);padding-block:60px}.reel-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.reel-inner .eyebrow{font-size:11px}.reel-inner p{margin-bottom:0}.reel-link{border:1px solid #b7b2a8;padding:35px;display:grid;grid-template-columns:64px 1fr;gap:12px 24px;align-items:center}.reel-link:hover{border-color:var(--orange)}.play-icon{font-size:33px;border:1px solid #777b72;display:grid;place-items:center;width:64px;height:64px;grid-row:1/3;border-radius:50%;padding-left:4px}.reel-link>span:nth-child(2){font-size:19px;font-weight:600}.reel-handle{font-size:12px;color:var(--muted)}.founder{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.founder figure{max-width:460px}.founder img{width:100%;height:auto}.founder h2{font-size:clamp(40px,4vw,60px)}.founder .role{color:var(--orange);font-size:15px;font-weight:600;margin:12px 0 26px}.founder p:not(.eyebrow):not(.role){font-size:16px;line-height:1.75}.founder>div{max-width:630px}.van{padding-top:15px}.van-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:22px}.van-heading h2{font-size:36px}.van-heading p{font-size:14px;margin:0}.van img{width:100%;max-width:1100px;height:auto;margin:auto;object-fit:contain}.cta{background:var(--ink);padding-block:68px;color:var(--ivory)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:60px}.cta h2{font-size:clamp(42px,4vw,62px)}.cta p{color:#ccd0c8;max-width:570px;font-size:16px;margin-bottom:0}.cta .actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.cta .text-link:hover{color:#e99c6c}footer{background:var(--ivory);color:var(--ink);padding:58px 0 88px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:50px}.footer-brand{display:inline-block}.footer-grid>div:first-child p{font-size:14px;margin:25px 0 18px}.footer-phone{font-size:18px}.footer-links{display:flex;flex-direction:column;gap:2px;font-size:14px}.footer-links a{padding:9px 0;min-height:44px;display:flex;align-items:center;gap:12px}.footer-links svg{width:18px;height:18px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #c9c6bf;padding-top:22px;margin-top:35px;font-size:12px;color:var(--muted)}.whatsapp{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));background:#126b3e;color:white;display:flex;gap:9px;align-items:center;padding:13px 17px;border-radius:30px;font-size:12px;box-shadow:0 3px 16px #0002;z-index:20}.whatsapp svg{width:24px;height:24px}.page-head{padding-block:65px 60px;max-width:1328px}.page-head h1{font-size:clamp(52px,5.7vw,82px)}.intro{max-width:710px;font-size:18px;line-height:1.75;margin-top:28px}.company-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;background:var(--stone);padding:50px}.lockup img{width:280px;max-height:320px;object-fit:contain;mix-blend-mode:multiply;margin:auto}.company-intro p{font-size:16px}.service-navigation{display:flex;flex-wrap:wrap;gap:16px 30px;border-top:1px solid #c9c6bf;padding-block:20px 35px;font-size:13px}.service-navigation a{padding-block:10px;min-height:44px}.services-picture{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;background:var(--stone)}.services-picture img{width:100%;height:390px;object-fit:cover;object-position:center 55%}.services-picture>div{padding:30px 50px 30px 0}.services-picture h2{font-size:62px}.scope-note{max-width:760px;font-size:14px;margin-top:35px}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:65px 45px;padding-bottom:85px}.project-gallery figure:nth-child(even){padding-top:95px}.project-gallery img{width:100%;height:520px;object-fit:cover}.project-gallery figure:nth-child(odd) img{height:440px}.project-gallery figcaption{position:relative;padding:22px 0 0 42px}.project-gallery .number{position:absolute;left:0;top:26px}.project-gallery h2{font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:600;letter-spacing:0}.project-gallery .text-link{font-size:13px}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;padding-bottom:85px}.contact-layout aside{max-width:370px}.phone{font-size:25px;white-space:nowrap}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:16px}.faq{margin-top:48px}.faq h2{font-family:Manrope,Arial,sans-serif;font-size:21px;letter-spacing:0;line-height:1.4;margin-bottom:20px}.faq details{border-top:1px solid #c9c6bf;padding-block:15px;font-size:14px}.faq summary{cursor:pointer;min-height:30px;font-weight:600}.faq p{font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:600;margin-bottom:9px}input,select,textarea{width:100%;padding:13px;background:transparent;border:1px solid #999d92;border-radius:2px;color:var(--ink);min-height:50px}textarea{resize:vertical}.form-note,.privacy-note{font-size:13px}.privacy-note a{text-decoration:underline}.error{font-size:12px;color:#a52914;margin-top:4px}.error-summary{background:#f7e3dc;padding:15px;margin-bottom:25px;font-size:14px}[aria-invalid=true]{border-color:#a52914}.policy{max-width:820px;padding-bottom:85px}.policy h2{font-size:34px;margin-top:40px}.policy a{text-decoration:underline}.skip{position:absolute;top:-100px;left:15px;background:var(--ink);color:white;padding:14px;z-index:50}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.finish-feature :focus-visible,.cta :focus-visible{outline-color:#efa56f}[hidden]{display:none!important}
.hero h1{font-size:clamp(52px,4.8vw,70px)}
@media(min-width:1550px){.hero{grid-template-columns:48% 1fr}.hero h1{font-size:70px}.mosaic{height:680px}.track-group img{height:300px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.header{gap:24px}.brand img{width:205px}.header nav{gap:18px;font-size:14px}.header-cta{padding-inline:16px;font-size:13px}.hero{gap:28px}.hero h1{font-size:62px}.hero-copy>p{font-size:17px}.mosaic{height:570px;gap:12px}.track-group{gap:12px;padding-bottom:12px}.track-group img{height:246px}.finish-layout,.founder,.reel-inner,.company-intro,.service-group,.contact-layout{gap:45px}.cta-inner{gap:40px}.selected-grid{gap:24px}.selected-grid img{height:320px}.selected-grid .selected-large img{height:400px}.project-gallery img{height:450px}.project-gallery figure:nth-child(odd) img{height:400px}}
@media(max-width:940px){.header nav{gap:14px;font-size:13px}.header-cta{display:none}.hero h1{font-size:56px}.hero-copy>p{font-size:16px}.hero .actions{gap:15px}.hero .text-link{font-size:12px}.hero .button{font-size:13px;padding-inline:15px}.mosaic{height:530px;grid-template-columns:1fr 1fr}.mosaic .column-2{display:none}.track-group img{height:250px}.section-title{gap:35px}.service-group{grid-template-columns:.9fr 1.2fr}.service-intro{padding-left:30px}.service-intro h3{font-size:23px}.founder{grid-template-columns:.8fr 1.2fr}.founder p:not(.eyebrow):not(.role){font-size:15px}.contact-layout{grid-template-columns:1fr 1.3fr;gap:35px}.form-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start}.reel-link{padding:25px;gap:12px}.reel-link>span:nth-child(2){font-size:16px}.company-intro{padding:35px}.services-picture{gap:35px}.services-picture>div{padding-right:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:88px;position:relative;gap:0}.brand img{width:176px}.menu-toggle{display:block;background:none;border:1px solid #a3a79b;border-radius:3px;padding:10px 15px;min-height:44px;font-size:13px;cursor:pointer}.header nav{display:none;position:absolute;top:88px;left:-20px;right:-20px;background:var(--ivory);z-index:30;padding:20px;box-shadow:0 8px 10px #0001;flex-direction:column;gap:0;font-size:16px}.header nav.open{display:flex}.header nav a{padding:12px}.hero{display:block;padding-block:40px 30px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(44px,11.2vw,60px);line-height:1.02;max-width:600px}.hero h1 span{margin-bottom:7px}.hero-copy>p{font-size:16px;line-height:1.75;margin-block:24px;max-width:580px}.hero .actions{gap:18px}.hero .button{font-size:13px;padding:13px 17px}.hero .text-link{font-size:13px}.mosaic-shell{margin-top:32px}.mosaic{height:350px;gap:12px;mask-image:none;grid-template-columns:1fr 1fr}.mosaic-column{overflow:hidden}.track-group img{height:260px}.motion-control{bottom:12px;right:12px}.section{padding-block:58px}.section-title{display:block;margin-bottom:30px}.section-title>p,.section-title>div:last-child>p{margin-top:20px;font-size:16px}.selected-grid{grid-template-columns:1fr 1fr;gap:24px 18px}.selected-grid .selected-large{grid-column:1/-1}.selected-grid .selected-large img{height:390px;object-position:center 48%}.selected-grid figure:nth-child(n){padding:0}.selected-grid figure:nth-child(3){padding-top:36px}.selected-grid img{height:245px}.selected-grid h3{font-size:16px}.selected-grid figcaption span{font-size:10px}.finish-feature{padding-block:58px}.finish-layout,.founder,.reel-inner,.company-intro,.contact-layout,.services-picture{grid-template-columns:1fr;gap:32px}.reveal{height:340px}.finish-controls{margin-bottom:25px}.finish-panel h3{font-size:25px}.service-group{grid-template-columns:1fr;gap:25px;padding-block:28px}.service-intro{padding-left:37px}.service-intro h3{font-size:24px;max-width:none}.service-items{padding-left:37px}.service-items p{font-size:15px}.reel-panel{padding-block:45px}.reel-inner{gap:28px}.reel-link{padding:24px;grid-template-columns:55px 1fr}.play-icon{width:55px;height:55px}.founder figure{max-width:390px}.founder h2{font-size:42px}.founder p:not(.eyebrow):not(.role){font-size:16px}.van{padding-top:0}.van-heading{display:block;margin-bottom:20px}.van-heading h2{font-size:30px}.van-heading p{margin-top:6px}.van img{width:100%}.cta{padding-block:48px}.cta-inner{display:block}.cta .actions{margin-top:28px;flex-direction:row;gap:22px}.cta h2{font-size:48px}.cta p{font-size:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-brand img{width:220px}.footer-bottom{gap:15px;flex-wrap:wrap;font-size:11px}.whatsapp{padding:13px;border-radius:50%}.whatsapp span{display:none}.page-head{padding-block:42px 40px}.page-head h1{font-size:clamp(48px,12vw,60px)}.intro{font-size:16px;margin-top:24px}.company-intro{padding:30px}.lockup img{width:240px}.service-navigation{gap:8px 18px;font-size:12px}.services-picture img{height:340px}.services-picture>div{padding:0 25px 30px}.services-picture h2{font-size:46px}.project-gallery{gap:42px 20px;padding-bottom:58px}.project-gallery figure:nth-child(even){padding-top:45px}.project-gallery img,.project-gallery figure:nth-child(odd) img{height:290px}.project-gallery figcaption{padding-left:0;padding-top:15px}.project-gallery .number{display:block;position:static;margin-bottom:8px}.project-gallery h2{font-size:18px;line-height:1.4}.project-gallery .text-link{font-size:12px}.contact-layout{padding-bottom:58px}.contact-layout aside{max-width:none}.phone{font-size:24px}.faq{margin-top:32px}.faq summary{min-height:44px;display:list-item}.policy h2{font-size:30px}body.form-focused .whatsapp{display:none}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand img{width:155px}.hero .actions{gap:12px}.hero h1{font-size:44px}.hero .text-link{font-size:12px}.project-gallery{grid-template-columns:1fr}.project-gallery figure:nth-child(even){padding-top:0}.project-gallery img,.project-gallery figure:nth-child(odd) img{height:390px}.service-items{padding-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.mosaic-track{transform:translateY(0)!important;will-change:auto}.column-1 .mosaic-track{transform:translateY(-100px)!important}.motion-control{display:none!important}.reveal img{clip-path:none!important}}

/* Recognisable social colours and clear link controls. */
.footer-links .social-link{width:fit-content;min-width:165px;gap:12px;padding:10px 14px;margin-bottom:7px;min-height:48px;border:1px solid #cbc6bc;border-radius:4px;background:#fffaf2;box-shadow:0 2px 0 #ded8cd;transition:background .15s,border-color .15s,transform .15s}
.footer-links .social-link .social-icon{width:25px;height:25px;flex-shrink:0}
.footer-links .social-link span{font-weight:600;font-size:14px}
.footer-links .social-link:hover{background:#fff;border-color:#7e8176;transform:translateY(-2px);box-shadow:0 4px 0 #ded8cd}
.footer-links .social-link:active{transform:translateY(0);box-shadow:none}
.footer-links .whatsapp-icon{color:#168b48}
.whatsapp{background:#087e42;border:2px solid #25d366}
.whatsapp:hover{background:#066535;box-shadow:0 4px 18px #0003}
@media(max-width:760px){.footer-links .social-link{min-width:0;width:100%;padding:10px;gap:8px}.footer-links .social-link span{font-size:12px}}

.local-video{position:relative;width:min(100%,340px);margin-inline:auto}.local-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#1d211f;border-radius:4px}.video-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f6f3ed;color:#1d211f;border:1px solid #c9c6bf;border-radius:4px;padding:13px 21px;min-height:50px;display:flex;align-items:center;gap:12px;white-space:nowrap;cursor:pointer;font-weight:600;font-size:14px;box-shadow:0 3px 18px #0002}.video-start span{font-size:26px;line-height:1}.video-start:hover{background:white;border-color:#b94700}.video-status{font-size:13px}.local-video .video-status:empty{display:none}.work-video .reel-inner{align-items:center}@media(max-width:760px){.local-video{width:min(100%,320px)}}
.footer-email{display:block;margin-top:12px;font-size:14px;overflow-wrap:anywhere}.contact-email{margin-top:24px;overflow-wrap:anywhere}.project-walkthrough+.project-walkthrough{border-top:1px solid #ffffff26}.project-walkthrough .local-video video{aspect-ratio:var(--video-ratio,9/16)}
.reel-panel :focus-visible{outline-color:#efa56f}.project-gallery .text-link{min-height:44px;display:inline-flex;align-items:center}
.gmail-link{display:inline-flex;align-items:center;gap:9px;min-height:44px}.gmail-link .gmail-logo{width:24px;height:18px;flex:0 0 24px;object-fit:contain}.gmail-link span{min-width:0;overflow-wrap:anywhere}.footer-email.gmail-link{display:flex;width:fit-content;max-width:100%}.gmail-link:hover span{text-decoration:underline;text-underline-offset:4px}

@media(max-width:760px) and (prefers-reduced-motion:no-preference){.mosaic-track{animation-duration:70s}.column-1 .mosaic-track{animation-duration:74s}}
