
:root{--teal:#087887;--teal2:#0d6370;--ink:#17252a;--muted:#627176;--paper:#f6f8f8;--white:#fff;--line:#dce5e6;--gold:#c9a66b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}.topbar{background:#102328;color:#dce9eb;font-size:13px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 15px #1023280a}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:1.5px;color:var(--teal);font-size:24px}.brand-mark{width:43px;height:43px;border:2px solid var(--teal);display:grid;place-items:center;transform:rotate(45deg);border-radius:7px}.brand-mark span{transform:rotate(-45deg);font-size:18px}.brand small{display:block;color:#34474b;font-size:10px;letter-spacing:2px;margin-top:-6px}.links{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.links a:hover,.links a.active{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:white;padding:13px 21px;border-radius:3px;font-weight:700;font-size:14px;border:1px solid var(--teal);transition:.2s}.btn:hover{background:var(--teal2)}.btn.outline{background:transparent;color:var(--teal)}.hero{background:linear-gradient(90deg,#071b20e8 0%,#071b20a8 54%,#071b2020 100%),url('assets/cover.webp') center/cover;min-height:570px;display:flex;align-items:center;color:#fff}.hero-content{max-width:680px;padding:80px 0}.eyebrow{color:#79d2dc;text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.06;margin:18px 0}.hero p{font-size:18px;max-width:620px;color:#e4eff0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:78px 0}.section.soft{background:var(--paper)}.section-head{max-width:700px;margin-bottom:34px}.section-head.center{text-align:center;margin:0 auto 38px}.kicker{color:var(--teal);text-transform:uppercase;letter-spacing:2.5px;font-weight:800;font-size:12px}.section h2{font-size:clamp(28px,3vw,42px);line-height:1.18;margin:10px 0 15px}.lead{font-size:17px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #10232812}.card img{width:100%;height:220px;object-fit:cover;display:block;background:#e9eeee}.card-body{padding:22px}.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:14px}.tag{display:inline-block;color:var(--teal);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.service-card{padding:26px;background:#fff;border:1px solid var(--line);min-height:210px}.icon{font-size:26px;color:var(--teal);margin-bottom:16px}.service-card h3{margin:0 0 9px}.service-card p{font-size:14px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.split img{width:100%;display:block;object-fit:cover;max-height:480px}.checks{padding:0;list-style:none}.checks li{padding:9px 0;border-bottom:1px solid var(--line)}.checks li:before{content:'✓';color:var(--teal);font-weight:900;margin-right:12px}.banner{background:var(--teal);color:white;padding:52px 0}.banner .container{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.banner h2{margin:0;font-size:30px}.banner p{margin:7px 0 0;color:#d8eff1}.banner .btn{background:#fff;color:var(--teal);border-color:#fff}.page-hero{padding:68px 0;background:linear-gradient(110deg,#102328,#087887);color:white}.page-hero h1{font-size:clamp(36px,4vw,54px);margin:8px 0}.page-hero p{max-width:720px;color:#d8e9eb;margin:0}.project-meta{font-size:12px;color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-box{padding:28px;background:var(--paper);border:1px solid var(--line)}.contact-box p{margin:9px 0}.form-demo label{display:block;font-weight:700;font-size:13px;margin:13px 0 5px}.form-demo input,.form-demo textarea,.form-demo select{width:100%;padding:12px;border:1px solid #cbd7d9;background:white;font:inherit;border-radius:2px}.form-demo textarea{min-height:120px}.note{font-size:12px;color:var(--muted)}.footer{background:#102328;color:#d8e5e7;padding:45px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer h3{color:white}.footer a{display:block;margin:7px 0;color:#c1d0d2;font-size:14px}.copyright{border-top:1px solid #ffffff20;margin-top:30px;padding-top:18px;color:#a8b8bb;font-size:12px}.crumb{font-size:12px;color:#a9dfe4}.empty-note{background:#fff9e9;border-left:4px solid var(--gold);padding:14px 17px;color:#6d5b3b;font-size:13px;margin-top:22px}
@media(max-width:850px){.links{gap:12px;flex-wrap:wrap;justify-content:flex-end}.grid{grid-template-columns:repeat(2,1fr)}.split,.contact-grid{grid-template-columns:1fr}.hero{min-height:500px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.nav{align-items:flex-start;padding:15px 0;flex-direction:column}.links{justify-content:flex-start;gap:12px 18px}.links .btn{padding:9px 12px}.grid{grid-template-columns:1fr}.section{padding:55px 0}.hero-content{padding:60px 0}.card img{height:240px}.footer-grid{grid-template-columns:1fr}.topbar .container{font-size:11px}}


/* HOMEPAGE IMAGE FIX: enlarge images and show full top-to-bottom content */
.hero { background-position: center center !important; }
.split img, .card img { display:block !important; width:100% !important; height:auto !important; max-height:none !important; aspect-ratio:auto !important; object-fit:contain !important; object-position:center top !important; }
.card { overflow:visible !important; }

/* Profile image presentation: preserve complete photo height without cropping */
.card img,.split img,.service-card img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center top;display:block}
.card{overflow:visible}

/* Darchester palette update: charcoal, olive green and warm white. Layout and content retained. */
:root{--teal:#60704d;--teal2:#4e5d3d;--ink:#f7f6f0;--muted:#d0d0c8;--paper:#303129;--white:#292a23;--line:#77796a;--gold:#a5b18d}
html,body{background:#292a23!important;color:#f7f6f0!important}
body{color:#f7f6f0!important}
.topbar{background:#20211c!important;color:#e9e8df!important}
.header{background:#292a23!important;border-bottom:1px solid #55584a!important;box-shadow:0 3px 15px #00000020!important}
.brand,.brand small{color:#f7f6f0!important}
.brand-mark{border-color:#60704d!important}
.links a:hover,.links a.active,.kicker,.tag,.project-meta,.icon{color:#a9b795!important}
.btn{background:#60704d!important;color:#fff!important;border-color:#60704d!important}
.btn:hover{background:#4e5d3d!important;border-color:#4e5d3d!important}
.btn.outline{background:transparent!important;color:#f7f6f0!important;border-color:#a9b795!important}
.hero{background-image:linear-gradient(90deg,#292a23f2 0%,#292a23b8 54%,#292a2328 100%),url('assets/cover.webp')!important;color:#f7f6f0!important}
.eyebrow{color:#c2cbb3!important}
.hero p,.page-hero p,.banner p{color:#e0dfd7!important}
.section,.section.soft{background:#292a23!important}
.section.soft{background:#303129!important}
.section h2,.card h3,.service-card h3,.page-hero h1,.banner h2,.footer h3{color:#f7f6f0!important}
.lead,.card p,.service-card p,.note{color:#d0d0c8!important}
.card,.service-card,.contact-box{background:#303129!important;color:#f7f6f0!important;border:1px solid #55584a!important}
.card:nth-child(3n+2),.service-card:nth-child(3n+2){background:#60704d!important;border-color:#60704d!important}
.card:nth-child(3n+2) .card-body,.card:nth-child(3n+2) h3,.card:nth-child(3n+2) p,.card:nth-child(3n+2) .tag,.card:nth-child(3n+2) .project-meta,.service-card:nth-child(3n+2) h3,.service-card:nth-child(3n+2) p,.service-card:nth-child(3n+2) .tag{color:#fff!important}
.card:hover{box-shadow:0 15px 35px #00000035!important}
.page-hero{background:linear-gradient(110deg,#20211c,#60704d)!important;color:#f7f6f0!important}
.banner{background:#60704d!important;color:#fff!important}
.banner .btn{background:#f7f6f0!important;color:#292a23!important;border-color:#f7f6f0!important}
.checks li{border-bottom-color:#55584a!important;color:#f7f6f0!important}
.checks li:before{color:#a9b795!important}
.form-demo label{color:#f7f6f0!important}
.form-demo input,.form-demo textarea,.form-demo select{background:#303129!important;color:#f7f6f0!important;border-color:#77796a!important}
.form-demo input::placeholder,.form-demo textarea::placeholder{color:#b9baaf!important}
.footer{background:#20211c!important;color:#e4e3da!important}
.footer a{color:#d0d0c8!important}
.footer a:hover{color:#c2cbb3!important}
.copyright{border-top-color:#ffffff25!important;color:#b9baaf!important}
.crumb{color:#d5dcc9!important}
.empty-note{background:#35382b!important;border-left-color:#a5b18d!important;color:#e8e8df!important}
@media(max-width:580px){.header{background:#292a23!important}}


/* FINAL FIX: remove the white text panel; keep copy directly over olive-tinted image */
.trust-section{position:relative;background:linear-gradient(90deg,rgba(96,112,77,.82) 0%,rgba(96,112,77,.58) 58%,rgba(96,112,77,.42) 100%),url('assets/cover.webp') center/cover no-repeat!important;color:#f7f6f0!important;}
.trust-section .trust-copy{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;border-radius:0!important;max-width:760px;}
.trust-section .trust-copy h2,.trust-section .trust-copy p,.trust-section .trust-copy .kicker{color:#f7f6f0!important;text-shadow:0 1px 3px rgba(0,0,0,.28);}
.trust-section .trust-copy p{background:transparent!important;}

/* Competitive advantage: four columns across, two rows on desktop */
.advantage-section .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.advantage-section .service-card{min-height:150px}
@media(max-width:900px){.advantage-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){.advantage-section .grid{grid-template-columns:1fr!important}}


/* WHY WORK WITH DARCHESTER — centered 4x2 checkerboard */
.advantage-section .advantage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.advantage-section .advantage-grid>.service-card{display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;min-width:0;min-height:180px;padding:22px;background:#292A23;color:#fff;border:1px solid #60704D}
.advantage-section .advantage-grid>.service-card:nth-child(4n+2),.advantage-section .advantage-grid>.service-card:nth-child(4n+3){background:#60704D;color:#fff;border-color:#60704D}
.advantage-section .advantage-grid>.service-card h3{margin:0;text-align:center;line-height:1.35}
@media(max-width:850px){.advantage-section .advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.advantage-section .advantage-grid{grid-template-columns:1fr}.advantage-section .advantage-grid>.service-card{min-height:120px}}


/* FINAL OVERRIDE: true alternating checkerboard colors for Why Work section */
.advantage-section .advantage-grid > .service-card { background-color: #292A23 !important; color: #ffffff !important; border-color: #60704D !important; }
.advantage-section .advantage-grid > .service-card:nth-child(8n+2),
.advantage-section .advantage-grid > .service-card:nth-child(8n+4),
.advantage-section .advantage-grid > .service-card:nth-child(8n+5),
.advantage-section .advantage-grid > .service-card:nth-child(8n+7) { background-color: #60704D !important; color: #ffffff !important; border-color: #60704D !important; }
.advantage-section .advantage-grid > .service-card:nth-child(8n+1),
.advantage-section .advantage-grid > .service-card:nth-child(8n+3),
.advantage-section .advantage-grid > .service-card:nth-child(8n+6),
.advantage-section .advantage-grid > .service-card:nth-child(8n+8) { background-color: #292A23 !important; color: #ffffff !important; border-color: #60704D !important; }
.advantage-section .advantage-grid > .service-card h3 { color: #ffffff !important; text-align: center !important; }
