/* Digital Drips agency pages – extends the existing Kensington styles. */
:root{--ink:#07070C;--paper:#F6EFE8;--soft:#C3B5C1;--panel:#17131d;--line:#423447;--coral:#EF762B;--rose:#f58aac}
body.agency-page{background:var(--ink);color:var(--paper)}
.agency-page .masthead{align-items:center}.agency-page .masthead nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 24px}
.agency-page .masthead nav a:not(.button){font-size:14px}
.agency-page .intro{padding-bottom:12px}.agency-page .intro-grid{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:52px}
.agency-page .intro h1{max-width:16ch}.agency-page .intro-copy .lede{max-width:52ch}
.agency-page .agency-proof{border:1px solid #6c4a62;border-radius:16px;padding:32px;background:linear-gradient(135deg,#251727,var(--panel));min-width:0}
.agency-page .agency-proof .eyebrow{margin-bottom:18px}.agency-page .agency-proof h2{font-size:clamp(23px,2.6vw,33px);margin-bottom:18px}
.agency-page .agency-proof p{font-size:16px}.agency-page .agency-proof a{display:inline-flex;margin-top:22px;min-height:44px;align-items:center;font-weight:700}
.agency-page .scope-list article p{max-width:58ch}
.agency-page .agency-section{padding-block:84px;border-bottom:1px solid var(--line)}
.agency-page .agency-section>.eyebrow{margin-bottom:18px}
.agency-page .agency-section>h2{font-size:clamp(28px,3vw,42px);margin-bottom:26px;max-width:24ch}
.agency-page .agency-section>p{max-width:66ch;margin-bottom:20px}
.agency-page .agency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:28px}
.agency-page .agency-grid article{padding:28px;border:1px solid var(--line);background:#16111b;border-radius:10px}
.agency-page .agency-grid h3{margin-bottom:12px}.agency-page .agency-grid p{font-size:16px}
.agency-page .agency-grid a{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font-weight:700}
.agency-page .agency-stack article{padding:24px 0;border-bottom:1px solid var(--line)}
.agency-page .agency-stack article h3{margin-bottom:10px}.agency-page .agency-stack article p{max-width:68ch}
.agency-page .contact-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:60px;align-items:start}
.agency-page .brief-form{display:grid;grid-template-columns:1fr 1fr;gap:22px;border:1px solid #6c4a62;border-radius:12px;background:#17121d;padding:30px}
.agency-page .brief-form label{font-size:15px;display:grid;gap:7px;font-weight:650}
.agency-page .brief-form label.wide,.agency-page .brief-form .form-foot{grid-column:1/-1}
.agency-page .brief-form input,.agency-page .brief-form select,.agency-page .brief-form textarea{width:100%;font:inherit;color:var(--paper);background:#0c0a11;border:1px solid #73627a;border-radius:6px;min-height:48px;padding:12px;min-width:0}
.agency-page .brief-form textarea{min-height:144px;resize:vertical}
.agency-page .brief-form input:focus-visible,.agency-page .brief-form textarea:focus-visible,.agency-page .brief-form select:focus-visible{outline:3px solid var(--coral);outline-offset:2px}
.agency-page .brief-form .trap{position:absolute;left:-9999px;max-width:1px;max-height:1px;overflow:hidden}
.agency-page .form-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:22px}
.agency-page .form-foot p{font-size:15px;max-width:45ch}
.agency-page button.button{font-family:var(--body);cursor:pointer}
.agency-page .brief-fallback{display:inline-block;min-height:44px;margin-top:10px}
.agency-page .contact-aside{border-top:1px solid var(--line);padding-top:26px}
.agency-page .contact-aside h2{font-size:25px;margin-bottom:18px}
.agency-page .contact-aside p{margin-bottom:18px}
.agency-page .contact-aside a{overflow-wrap:anywhere}
.agency-page .editorial{max-width:75ch}.agency-page .editorial article{padding-block:30px;border-bottom:1px solid var(--line)}
.agency-page .editorial h3{margin-bottom:16px}.agency-page .editorial p+p{margin-top:16px}
.agency-page .labelled-example{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--rose)}
@media(max-width:1050px){.agency-page .intro-grid{gap:32px}.agency-page .contact-layout{gap:32px}}
@media(max-width:760px){.agency-page .masthead{align-items:flex-start}.agency-page .masthead nav{width:100%;justify-content:flex-start;gap:10px 20px}.agency-page .intro-grid,.agency-page .contact-layout,.agency-page .agency-grid{grid-template-columns:1fr}.agency-page .intro h1{max-width:20ch}.agency-page .agency-section{padding-block:55px}.agency-page .agency-proof{padding:24px}.agency-page .brief-form{grid-template-columns:1fr;padding:22px;gap:18px}.agency-page .brief-form label{grid-column:1/-1}.agency-page .form-foot{align-items:flex-start;flex-direction:column}.agency-page .form-foot button{width:100%}.agency-page .contact-aside{margin-top:8px}}
.agency-page .related-services{display:flex;flex-wrap:wrap;gap:12px 26px;padding-block:24px 54px}
.agency-page .related-services a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.agency-page .related-services a:hover{color:var(--coral)}
@media(prefers-reduced-motion:reduce){.agency-page *, .agency-page *::before, .agency-page *::after{animation:none!important;transition:none!important}}