/* One shared contact panel for every Dev-2 landing, service and project. */
.dev2-contact.dev2-editorial{
 --contact-panel:#f3efe7;--contact-ink:#191714;--contact-muted:#625d55;
 --contact-field:#faf7f1;--contact-border:#827b70;--contact-button-bg:#191714;--contact-button-ink:#f3efe7;
 display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,6vw,96px);align-items:start;
 width:min(1440px,calc(100% - clamp(28px,7vw,96px)));margin:clamp(70px,8vw,130px) auto;
 padding:clamp(28px,5vw,80px);border:1px solid color-mix(in srgb,var(--contact-ink) 15%,transparent);border-radius:clamp(24px,3vw,48px);
 background:var(--contact-panel);color:var(--contact-ink);scroll-margin-top:100px;
}
.dev2-service-page .dev2-contact{
 --contact-panel:#191714;--contact-ink:#f3efe7;--contact-muted:#c9c2b7;
 --contact-field:#25221e;--contact-border:#827b70;--contact-button-bg:#f3efe7;--contact-button-ink:#191714;
}
.dev2-contact .dev2-contact-intro,.dev2-contact .dev2-contact-form-wrap{min-width:0}
.dev2-contact .dev2-eyebrow{margin:0 0 28px;color:var(--contact-muted)}
.dev2-contact h2{max-width:100%;margin:0 0 30px;font-size:clamp(42px,5.4vw,82px);line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.dev2-contact .dev2-contact-description{max-width:30ch;margin:0 0 20px;font-size:clamp(21px,2vw,28px);line-height:1.2;letter-spacing:-.025em}
.dev2-contact .dev2-contact-note{max-width:45ch;margin:0;color:var(--contact-muted);font-size:17px;line-height:1.5;opacity:1}
.dev2-contact .dev2-contact-methods{gap:16px;margin:32px 0 0;padding:0;font-style:normal;font-size:clamp(16px,1.6vw,21px);line-height:1.3}
.dev2-contact .dev2-contact-methods a{max-width:100%;overflow-wrap:anywhere;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.dev2-contact .dev2-contact-methods a:first-child{font-weight:600}
.dev2-contact .dev2-contact-methods a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.dev2-contact .dev2-contact-form-wrap{margin:0;padding:0;border:0;scroll-margin-top:105px}
.dev2-contact .dev2-contact-form-wrap h3{margin:0 0 14px;font-size:clamp(26px,2.4vw,36px);line-height:1.05;letter-spacing:-.03em}
.dev2-contact .dev2-contact-form-intro{margin:0 0 28px;color:var(--contact-muted);font-size:16px;line-height:1.45}
.dev2-contact .dev2-contact-fields{grid-template-columns:1fr;gap:0}
.dev2-contact .dev2-contact-form label{display:flex;gap:9px;margin:0 0 22px;font-size:15px;line-height:1.3}
.dev2-contact .dev2-contact-form input,.dev2-contact .dev2-contact-form textarea{
 padding:13px 15px;border:1px solid var(--contact-border);border-radius:11px;background:var(--contact-field);color:var(--contact-ink);font-size:18px;line-height:1.4;
}
.dev2-contact .dev2-contact-form input{min-height:52px}
.dev2-contact .dev2-contact-form textarea{min-height:155px}
.dev2-contact .dev2-contact-form input::placeholder,.dev2-contact .dev2-contact-form textarea::placeholder{color:var(--contact-muted);opacity:1}
.dev2-contact .dev2-contact-form input:focus,.dev2-contact .dev2-contact-form textarea:focus{outline:2px solid var(--contact-ink);outline-offset:3px}
.dev2-contact .dev2-contact-field-hint{margin:-10px 0 24px;color:var(--contact-muted);font-size:13px;line-height:1.45}
.dev2-contact .dev2-field-optional{color:var(--contact-muted);font-size:13px}
.dev2-contact .dev2-contact-form-note{margin:4px 0 24px;color:var(--contact-muted);font-size:13px;line-height:1.45}
.dev2-contact .dev2-primary-link{min-height:52px;padding:16px 24px;background:var(--contact-button-bg);color:var(--contact-button-ink);font-size:17px}
.dev2-contact .dev2-primary-link:focus-visible{outline:2px solid var(--contact-ink);outline-offset:5px}
.dev2-contact .dev2-contact-form-status{margin:18px 0 0;color:var(--contact-ink);font-size:16px;line-height:1.45}
.dev2-contact .dev2-contact-form-status:empty{display:none}
@media(max-width:860px){
 .dev2-contact.dev2-editorial{grid-template-columns:1fr;gap:44px;padding:clamp(24px,5vw,42px)}
 .dev2-contact h2{max-width:15ch;font-size:clamp(42px,7.5vw,64px)}
 .dev2-contact .dev2-contact-intro{padding-bottom:36px;border-bottom:1px solid var(--contact-border)}
 .dev2-contact .dev2-contact-note{max-width:55ch}
 .dev2-contact .dev2-contact-methods{gap:15px;margin-top:26px}
}
@media(max-width:480px){
 .dev2-contact.dev2-editorial{margin-block:64px;gap:32px;padding:26px 22px;border-radius:26px}
 .dev2-contact .dev2-eyebrow{margin-bottom:22px}
 .dev2-contact h2{margin-bottom:24px;font-size:clamp(37px,10.5vw,48px)}
 .dev2-contact .dev2-contact-description{font-size:22px}
 .dev2-contact .dev2-contact-note{font-size:16px}
 .dev2-contact .dev2-contact-form-wrap h3{font-size:27px}
 .dev2-contact .dev2-contact-form-intro{font-size:15px}
}