/* Agency V3: the original brand palette, in a more editorial composition. */
:root{--ink:#303137;--copper:#a66f4b;--accent:#865337;--paper:#f7f6f2;--line:#d8d3cb;--muted:#625e59;--serif:Georgia,'Times New Roman',serif}
html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;letter-spacing:-.025em}*{box-sizing:border-box}::selection{background:#e0bfa5;color:#24252a}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.02;letter-spacing:-.065em}h1{font-size:clamp(52px,6.9vw,102px);max-width:1100px}h2{font-size:clamp(37px,4.2vw,64px)}h3{font-size:30px}em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}p{max-width:65ch}p+p{margin-top:20px}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #926043;outline-offset:5px}button{font:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.section{padding-block:108px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.7;color:var(--accent);text-transform:uppercase;margin-bottom:26px}.fine,.small-note{font-size:12px;color:var(--muted);letter-spacing:0}.lead{font-size:23px;line-height:1.45;letter-spacing:-.04em}.text-link{font-size:14px;font-weight:600;line-height:1.5;display:inline-flex;align-items:center;gap:24px;text-decoration:none;border-bottom:1px solid currentColor;padding-block:10px;min-height:44px}.text-link span{font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;margin-top:28px}.button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:16px 26px;min-height:54px;font-size:14px;display:inline-flex;gap:32px;align-items:center;text-decoration:none;font-weight:600;transition:background .2s,color .2s;white-space:normal}.button:hover{background:var(--accent);border-color:var(--accent);color:white}.review-bar{font-size:10px;letter-spacing:.1em;text-align:center;padding:7px 20px;background:#e7ded3;color:#443930}.review-bar span{margin-left:20px}.site-header{padding-block:26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.site-header .brand-logo{width:214px;height:auto}.site-header nav{display:flex;gap:25px;align-items:center}.site-header nav a{font-size:13px;padding:10px 0;text-decoration:none;white-space:nowrap}.site-header nav a[aria-current]{border-bottom:1px solid var(--accent)}.site-header nav .nav-cta{border:1px solid var(--ink);padding:9px 19px}.menu-toggle{display:none}.agency-hero{padding-top:42px;padding-bottom:32px}.hero-label{display:flex;justify-content:space-between;gap:20px}.hero-label .eyebrow{margin-bottom:42px}.agency-hero h1{font-size:clamp(74px,9.5vw,145px);line-height:.94;letter-spacing:-.075em;max-width:1160px}.agency-hero h1 em{color:var(--accent)}.hero-tail{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:45px}.hero-tail .lead{max-width:450px}.hero-tail .actions{margin:0 0 15px}.hero-index{border-top:1px solid var(--line);margin-top:50px;display:flex;justify-content:space-between;padding-top:20px;font-size:10px;letter-spacing:.13em;color:var(--muted)}
.showcase{background:var(--ink);color:var(--paper);margin-top:54px;padding:90px 0}.showcase .eyebrow{color:#d4ac8e}.showcase-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-bottom:50px}.showcase-heading>p{max-width:410px;color:#d4d0ca;font-size:16px}.scenario-tabs{display:flex;border-bottom:1px solid #77716b}.scenario-tabs button{cursor:pointer;border:0;border-bottom:3px solid transparent;background:transparent;color:#d4d0ca;padding:16px 28px;font-size:13px}.scenario-tabs button[aria-pressed=true]{border-color:#d6a37d;color:white;background:#3d3e43}.friction{padding:28px 0;display:grid;grid-template-columns:1fr 3fr;gap:20px}.friction .eyebrow{margin:0}.friction p{font-size:18px}.workflow-stage{background:#f0ece5;color:var(--ink);padding:32px}.workflow-stage .eyebrow{color:var(--accent);font-size:10px}.workflow-stage ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:28px 0 38px;gap:0}.workflow-stage li{position:relative;padding:27px 22px 24px 0;border-top:1px solid var(--copper)}.workflow-stage li:before{content:'';position:absolute;top:-5px;width:9px;height:9px;border:1px solid var(--accent);background:var(--paper);border-radius:50%}.workflow-stage li>span{font-size:9px;letter-spacing:.1em;color:var(--accent);display:block}.workflow-stage strong{font-size:21px;line-height:1.15;letter-spacing:-.05em;display:block;margin:14px 0}.workflow-stage li p{font-size:13px;line-height:1.6;max-width:24ch}.workflow-stage li.human-step{background:#e3d5c6;padding-left:20px;border-top:2px solid var(--accent);margin-top:-1px}.human-step:before{left:20px}.workflow-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:20px}.human-marker{font-size:12px;color:var(--accent)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px 80px;margin-bottom:56px}.section-heading>.eyebrow{grid-column:1/-1;margin-bottom:0}.section-heading>p:not(.eyebrow){align-self:end;max-width:430px;color:var(--muted)}.section-heading.horizontal{align-items:end}.section-heading.horizontal>a{justify-self:end}.service-row{display:grid;grid-template-columns:55px 1.2fr 1fr 40px;gap:35px;border-top:1px solid var(--line);padding:38px 0;text-decoration:none;align-items:start}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row h3{font-size:34px;max-width:280px}.service-row p{font-size:15px;max-width:400px;color:var(--muted)}.service-row .eyebrow{margin:0}.row-arrow{font-size:28px;transition:transform .2s}.service-row:hover .row-arrow,.industry-row:hover .row-arrow{transform:translate(4px,-4px)}.web-feature{background:#e9e3d9;padding:100px 0;overflow:hidden}.web-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center}.web-grid>div>p:not(.eyebrow){margin:28px 0;max-width:420px}.browser-concept{background:var(--paper);border:1px solid #bca48e;box-shadow:22px 22px 0 #d9cebe;transform:rotate(-2deg)}.browser-bar{display:flex;align-items:center;gap:5px;padding:14px 16px;border-bottom:1px solid var(--line)}.browser-bar i{width:5px;height:5px;border:1px solid var(--accent);border-radius:50%}.browser-bar span{font-size:8px;letter-spacing:.08em;margin-left:auto;color:var(--muted)}.browser-body{padding:40px 34px;background:linear-gradient(90deg,transparent 74%,#e1d4c4 74%)}.browser-body>strong{font-size:clamp(35px,4.8vw,68px);line-height:.97;letter-spacing:-.07em;display:block;font-weight:500}.browser-body>strong em{color:var(--accent)}.browser-body .eyebrow{font-size:8px;max-width:80%}.mock-action{margin:35px 0 40px;padding:13px 20px;background:var(--ink);color:var(--paper);width:fit-content;font-size:11px}.mock-action span{margin-left:40px}.browser-lines{display:flex;gap:30px;font-size:10px;border-top:1px solid var(--line);padding-top:15px}.industry-row{display:grid;grid-template-columns:55px 1fr 1fr 40px;gap:35px;padding:32px 0;border-top:1px solid var(--line);align-items:center;text-decoration:none}.industry-row h2,.industry-row h3{font-size:32px}.industry-row .eyebrow{margin:0}.industry-row p{font-size:15px;color:var(--muted)}.split-note{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:32px}.split-note p{font-size:13px}.split-note a{display:flex;width:fit-content}.founder-feature{padding:100px 0;background:#ebe8e1}.founder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.founder-grid figure{margin:0}.founder-grid figure img{width:100%;max-height:600px;object-fit:cover;object-position:50% 25%;filter:none}.founder-grid figcaption{font-size:11px;margin-top:13px;letter-spacing:.03em}.founder-grid h2{margin-bottom:28px}.founder-grid p{font-size:16px;max-width:580px}.founder-grid .text-link{margin-top:22px}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.article-card{text-decoration:none}.article-card h3{font-size:34px;line-height:1.1;max-width:550px;margin-bottom:18px}.article-card>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-bottom:20px}.article-card .eyebrow{font-size:10px;margin:25px 0 14px}.article-art{height:235px;background:#ded2c2;display:flex;align-items:center;justify-content:center;padding:35px;overflow:hidden;position:relative}.article-art span{font-size:38px;letter-spacing:-.07em;white-space:pre-line;line-height:1.05;z-index:1}.art-0{background:repeating-linear-gradient(90deg,#eee9e0 0px,#eee9e0 80px,#dbd1c4 81px,#eee9e0 82px)}.art-0 span{border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);padding-block:20px;color:var(--accent)}.art-1{background:var(--ink);color:var(--paper)}.art-1 span{font-family:var(--serif);font-style:italic;font-size:55px}.art-1:after{content:'';width:140px;height:140px;position:absolute;border:1px solid var(--copper);border-radius:50%;right:-25px;bottom:-40px}.agency-cta{padding:100px 0;background:#e7d8c8}.agency-cta h2{max-width:900px;font-size:clamp(42px,5.5vw,82px)}.cta-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:35px}.cta-bottom p{max-width:550px}.agency-footer{display:block;width:100%;max-width:none;padding:70px 0 25px;border:0;background:var(--paper)}.agency-footer .brand-logo{width:300px;height:auto}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer-top>div>p{font-size:25px;line-height:1.25;letter-spacing:-.05em;margin:30px 0 20px}.footer-top>div>a:not(:first-child){font-size:14px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.footer-top nav a{display:flex;padding:9px 0;font-size:14px;text-decoration:none;min-height:44px}.footer-bottom{border-top:1px solid var(--line);padding-top:28px;margin-top:60px;display:flex;justify-content:space-between;gap:40px}.footer-bottom p{font-size:10px;color:var(--muted);margin:0 0 5px;letter-spacing:0}.footer-bottom nav{display:flex;gap:20px;align-items:start}.footer-bottom nav a{font-size:12px;padding:10px 0;min-height:44px;white-space:nowrap}
.agency-intro{padding:90px 0 70px}.agency-intro h1{margin-bottom:40px}.agency-intro .lead{max-width:680px}.section-jump{display:flex;gap:36px;border-top:1px solid var(--line);padding-block:25px}.section-jump a{font-size:13px;text-decoration:none;padding:8px 0}.service-detail{padding:100px 0;border-top:1px solid var(--line)}.service-detail:nth-of-type(even){background:#eeebe5}.service-detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px}.service-number{font-family:var(--serif);font-style:italic;font-size:150px;line-height:1;color:#a66f4b}.service-detail .lead{margin-top:32px}.check-list{list-style:none;padding:0;margin:35px 0}.check-list li{border-top:1px solid var(--line);padding:16px 0;font-size:16px}.check-list li:before{content:'↗';margin-right:18px;color:var(--accent)}.boundary{border-left:2px solid var(--copper);padding:5px 0 5px 24px;margin:35px 0}.boundary strong{font-size:13px;color:var(--accent)}.boundary p{font-size:14px;margin-top:10px}.process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:0;list-style:none;margin:50px 0 0}.process-strip li{border-top:1px solid var(--accent);padding-top:20px}.process-strip span{font-size:9px;letter-spacing:.1em}.process-strip h3{font-size:25px;margin:25px 0 20px}.process-strip p{font-size:14px}.faq details{border-bottom:1px solid var(--line);padding:22px 0;max-width:900px}.faq h2{margin-bottom:30px}.faq summary{cursor:pointer;font-size:19px;font-weight:500;padding:5px 0}.faq details p{font-size:16px;margin-top:20px;max-width:750px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.example-grid h2,.example-grid h3{font-size:32px;margin-bottom:25px}.example-grid p{font-size:16px}.construction-products{background:var(--ink);color:var(--paper)}.construction-products .eyebrow{color:#d4ac8e}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px}.product-pair h3{margin:25px 0}.product-pair p{color:#d9d5cf;font-size:16px}.product-pair .status{color:#e0b99c;border-color:#a98266;font-size:10px;padding:6px 10px;white-space:normal}.product-pair a{margin-top:20px}.startup-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.startup-grid h2{margin-bottom:28px}.startup-grid .text-link{margin-top:25px}.number-list{counter-reset:step;list-style:none;padding:0;margin:0}.number-list li{counter-increment:step;border-top:1px solid var(--line);padding:25px 0 25px 50px;position:relative}.number-list li:before{content:'0' counter(step);position:absolute;left:0;color:var(--accent);font-size:12px}.number-list strong{font-size:20px}.number-list p{font-size:14px;margin-top:10px}.building-note{border-top:1px solid var(--line)}.building-note p:not(.eyebrow){max-width:740px;margin-top:25px}.building-note .text-link{margin-top:25px}.article-header{padding:65px 0}.article-header>.text-link{margin-bottom:45px}.article-header h1{font-size:clamp(48px,6.7vw,94px);max-width:1050px}.article-byline{font-size:13px;color:var(--muted);margin-top:30px}.article-body{max-width:760px;width:calc(100% - 48px);margin:0 auto 100px;font-size:18px;line-height:1.85}.article-body h2{font-size:34px;margin:55px 0 25px}.article-lead{font-size:25px;line-height:1.55}.article-body blockquote{border-left:2px solid var(--accent);margin:40px 0;padding:12px 0 12px 30px;font-family:var(--serif);font-size:28px;line-height:1.4}.resource-box{padding:35px;background:#ebe3d8;margin:50px 0}.resource-box h2{margin-top:0}.resource-box li{margin-block:12px}.article-body hr{border:0;border-top:1px solid var(--line);margin:50px 0}.enquiry{padding-top:85px;align-items:start}.enquiry h1{font-size:clamp(44px,5.6vw,78px)}.enquiry .lead{margin-top:30px}.form-panel{background:#eae5dc;border:0;padding:35px}.form-panel h2{font-size:32px}.form-panel label{font-size:14px;margin-top:22px}.form-panel input,.form-panel select,.form-panel textarea{font:inherit;font-size:16px;width:100%;background:var(--paper);border:1px solid #8e877d;border-radius:0;padding:12px;color:var(--ink)}.form-panel .button{margin-top:24px}.notice{font-size:14px}.prose h1{margin-bottom:25px}.prose h2{font-size:30px;margin-top:40px}.prose p{max-width:800px}.commercial .intro h1{font-size:clamp(48px,6vw,85px)}.commercial .scope-heading h2{font-size:36px}.commercial .scope-grid h3{font-size:24px}.commercial .concept-gallery h2{font-size:40px}.commercial-next h2{font-size:48px}.faq-section h2{font-size:38px}.handover h2{font-size:30px}.split h1{font-size:clamp(45px,6vw,84px)}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:16px}.site-header .brand-logo{width:180px}.showcase-heading,.founder-grid,.web-grid{gap:45px}.service-row,.industry-row{gap:20px;grid-template-columns:30px 1fr 1fr 24px}.hero-tail{gap:35px}.workflow-stage{padding:25px}.workflow-stage strong{font-size:19px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:65px}.review-bar span{display:block;margin:0}.site-header{padding-block:20px;position:relative;flex-wrap:wrap}.site-header .brand-logo{width:180px}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;padding:10px 14px;min-height:44px;font-size:13px}.site-header nav{display:flex;flex-basis:100%;flex-wrap:wrap;gap:10px 25px}.js .site-header nav{display:none}.js .site-header nav.open{display:flex}.site-header nav a{min-height:44px}.hero-label .small-note{display:none}.hero-label .eyebrow{font-size:9px;margin-bottom:35px}.agency-hero{padding-top:30px}.agency-hero h1{font-size:clamp(57px,12vw,90px);line-height:.97}.hero-tail{grid-template-columns:1fr;gap:28px;margin-top:32px}.lead{font-size:21px}.hero-tail .fine{font-size:11px}.hero-index{font-size:8px;letter-spacing:.04em;gap:12px;margin-top:35px}.actions{gap:18px}.showcase{padding:60px 0;margin-top:30px}.showcase-heading{grid-template-columns:1fr;gap:28px;margin-bottom:30px}.showcase-heading h2{font-size:40px}.scenario-tabs button{padding:15px 12px;font-size:11px;flex:1}.friction{grid-template-columns:1fr;gap:8px;padding:25px 0}.friction p{font-size:16px}.workflow-stage{padding:24px}.workflow-stage ol{grid-template-columns:1fr;margin:25px 0}.workflow-stage li{padding:0 0 26px 24px;border-top:0;border-left:1px solid var(--copper)}.workflow-stage li:before{left:-5px;top:2px}.workflow-stage li strong{margin:8px 0;font-size:23px}.workflow-stage li p{max-width:none;font-size:14px}.workflow-stage li.human-step{padding:18px 18px 22px 24px;border-top:0;border-left:2px solid var(--accent);margin:0 0 22px}.human-step:before{top:22px}.workflow-bottom{align-items:start;flex-direction:column;gap:12px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.section-heading.horizontal>a{justify-self:start}.service-row{grid-template-columns:26px 1fr 22px;gap:18px;padding:28px 0}.service-row h3{font-size:30px;max-width:none}.service-row p{grid-column:2;grid-row:2}.service-row .row-arrow{grid-column:3;grid-row:1}.web-feature{padding:65px 0}.web-grid{grid-template-columns:1fr;gap:45px}.browser-concept{margin:0 12px 12px 2px;box-shadow:12px 12px 0 #d9cebe}.browser-body{padding:28px}.browser-body>strong{font-size:50px}.browser-bar span{font-size:6px}.industry-row{grid-template-columns:24px 1fr 22px;gap:15px}.industry-row h3,.industry-row h2{font-size:29px}.industry-row p{grid-column:2;grid-row:2}.industry-row .row-arrow{grid-column:3;grid-row:1}.split-note{flex-direction:column;gap:24px}.founder-feature{padding:65px 0}.founder-grid{grid-template-columns:1fr;gap:42px}.founder-grid figure img{max-height:480px;width:100%;object-position:50% 25%}.founder-grid h2{font-size:38px}.article-grid{grid-template-columns:1fr;gap:45px}.article-card h3{font-size:32px}.article-art{height:215px}.agency-cta{padding:65px 0}.agency-cta h2{font-size:44px}.cta-bottom{flex-direction:column;align-items:start;gap:28px}.agency-footer{padding:50px 0 20px}.footer-top{grid-template-columns:1fr;gap:40px}.agency-footer .brand-logo{width:280px;max-width:100%}.footer-bottom{margin-top:40px;gap:20px}.footer-top nav{gap:5px 25px}.agency-intro{padding:55px 0 45px}.agency-intro h1{font-size:50px;overflow-wrap:normal}.agency-intro .lead{font-size:20px}.section-jump{flex-direction:column;gap:3px;padding-block:15px}.section-jump a{min-height:44px}.service-detail{padding:60px 0}.service-detail-grid{grid-template-columns:1fr;gap:20px}.service-number{font-size:65px}.service-detail h2{font-size:38px}.service-detail .lead{font-size:20px}.process-strip{grid-template-columns:1fr 1fr;gap:30px 20px}.process-strip h3{font-size:24px}.example-grid{grid-template-columns:1fr;gap:35px}.example-grid article{border-top:1px solid var(--line);padding-top:25px}.product-pair{grid-template-columns:1fr;gap:45px}.startup-grid{grid-template-columns:1fr;gap:45px}.article-header{padding:45px 0}.article-header h1{font-size:47px}.article-body{font-size:17px}.article-body h2{font-size:29px}.article-lead{font-size:22px}.resource-box{padding:24px}.resource-box ul{padding-left:20px}.enquiry{padding-top:55px}.enquiry h1{font-size:46px}.form-panel{padding:24px}.commercial-next h2{font-size:38px}.faq-section h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.agency-footer,.review-bar,.agency-cta,.menu-toggle{display:none}.article-body{max-width:none;width:100%}.article-header{padding:10px 0}.article-header h1{font-size:36px}.resource-box{break-inside:avoid}}
.agency-footer .footer-top nav{grid-area:auto;grid-column:auto;grid-row:auto;padding-top:0}.agency-footer .footer-top>div{grid-area:auto}.agency-footer .footer-bottom nav{grid-area:auto;grid-column:auto;grid-row:auto}

html:not(.js) .menu-toggle{display:none}
.review-bar span{color:#443930}.workflow-stage li.human-step>span{color:#75452d}

/* Larger labelled social destinations, with restrained copper marks. */
.footer-bottom nav[aria-label="Social media"]{gap:12px;flex-wrap:wrap}
.footer-bottom nav[aria-label="Social media"] a{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;min-height:48px;padding:10px 14px;border:1px solid #b8a38e;text-decoration:none;color:#68432b}
.footer-bottom nav[aria-label="Social media"] svg{width:22px;height:22px;flex:none;color:#865333}
.footer-bottom nav[aria-label="Social media"] a:hover{background:#e7d8c8}
.footer-bottom nav[aria-label="Social media"] a:focus-visible{outline:2px solid #865333;outline-offset:4px}
@media(max-width:760px){.footer-bottom{flex-direction:column}.footer-bottom nav[aria-label="Social media"]{align-self:flex-start}}