:root{--ink:#111;--blue:#111;--coral:#111;--yellow:#ffed3f;--paper:#fffef7;--line:#d8d6c6}
.brand-logo{display:inline-block;background:#fff;border:1.5px solid var(--ink);border-radius:4px;padding:5px 12px;font-weight:500;letter-spacing:.08em}
.brand-image{display:block;width:clamp(160px,18vw,225px);height:auto}
.nav-cta{background:var(--yellow);color:var(--ink);border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.hero h1 em,.intro h2 span,.about h2 span{color:var(--ink);background:linear-gradient(transparent 62%,var(--yellow) 0)}
.hero h1{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.45;letter-spacing:-.065em}
.primary{background:var(--yellow);color:var(--ink);border:1.5px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}
.logo-board{height:auto;aspect-ratio:1/1;background:var(--yellow);border:2px solid var(--ink);box-shadow:16px 16px 0 var(--ink)}
.logo-board img{display:block;width:82%;height:auto;object-fit:contain;position:absolute;left:9%;top:50%;transform:translateY(-58%)}
.logo-caption{position:absolute;left:20px;right:20px;bottom:18px;margin:0;display:flex;justify-content:center;gap:7px}
.logo-caption span{background:#fff;border:1.5px solid var(--ink);padding:6px 10px;font-size:12px;font-weight:700}
.service-card{border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.service-card.coral{background:#fff4af}.service-card.blue{background:#fff}.service-card.yellow{background:var(--yellow)}
.reason-list b{color:var(--yellow)}
.work-list article>span{color:var(--ink);background:var(--yellow);width:max-content;padding:2px 7px}
.work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;border-top:0}
.work-list .work-card{display:block;padding:0;border:1.5px solid var(--ink);background:#fff;box-shadow:6px 6px 0 var(--ink);overflow:hidden}
.work-image{aspect-ratio:4/3;background:#f1f1ea;border-bottom:1.5px solid var(--ink);overflow:hidden}
.work-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.work-card:hover .work-image img{transform:scale(1.025)}
.work-copy{padding:22px 24px 25px}
.work-list .work-copy>span{display:inline-block;color:var(--ink);background:var(--yellow);padding:2px 7px;font-size:12px;font-weight:700}
.work-list .work-copy h3{margin:12px 0 7px;font-size:21px}
.work-list .work-copy p{margin:0;font-size:14px}
.steps b{color:var(--ink);background:var(--yellow);border:1px solid var(--ink);padding:3px 8px}
.contact{background:var(--yellow);color:var(--ink);border-top:2px solid var(--ink)}
.contact .eyebrow{color:var(--ink)}
.white{border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
@media(max-width:850px){.logo-board{height:auto}.work-list{grid-template-columns:1fr}}
@media(max-width:520px){.brand-image{width:165px}.logo-board{height:auto}.logo-board img{width:88%;left:6%}.logo-caption{bottom:10px;left:8px;right:8px}.logo-caption span{font-size:10px;padding:4px 6px}.work-list{gap:22px}.work-copy{padding:18px}}

/* WHY US and updated brand mark */
.brand-image{width:clamp(200px,22vw,280px)}
.about-panel{background:var(--yellow);color:var(--ink)}
.about .light{color:var(--ink);opacity:.7}
.about h2 span{background:none;color:var(--ink)}
.about .reason-list>div{border-top-color:#1115}
.about .reason-list b{color:var(--ink)}
.about .reason-list span{color:var(--ink)}
@media(max-width:520px){.brand-image{width:190px}}
/* Let the logo's white canvas take on each placement's background color. */
.brand-image,.logo-board img{mix-blend-mode:normal}

.contact-options{display:flex;justify-content:center;align-items:stretch;gap:18px;flex-wrap:wrap;margin:25px 0 32px}
.contact-options .button{margin:0;min-width:250px;text-align:left}
.contact-options .button small{font-size:13px;font-weight:500;line-height:1.4}
@media(max-width:520px){.contact-options{flex-direction:column;align-items:stretch}.contact-options .button{width:100%;min-width:0}}

.partners{border-top:1px solid var(--line)}
.partners-inner{max-width:850px;margin:auto;text-align:center}
.partners h2{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.35;margin:20px 0}
.partners p:not(.section-no){font-size:16px;line-height:1.9;margin:0 0 30px}
.partner-link{background:var(--yellow);color:var(--ink);border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
@media(max-width:520px){.partners p br{display:none}}