/* A service is a starting point, with visible proof and a clear next step. */
.service-fit{padding:15px 18px;margin:0 0 23px;background:#e9eedf;border-inline-start:3px solid #799452;border-radius:0 9px 9px 0}
.service-fit p{font-size:13px;color:#61714e;margin:0 0 6px}.service-fit strong{font-size:16px;font-weight:400;line-height:1.65;color:#2d442d;display:block}
.journey-offers-page .journey-offer-proof .work-demo-button{display:flex;width:100%;margin-top:19px;min-height:46px;justify-content:center;border:1px solid #758957;border-radius:25px;padding:12px 17px;color:#344c2b;background:transparent;font-size:14px}
.journey-offers-page .journey-offer-proof .work-demo-button:hover{background:#e6efda}
.service-next{padding:55px 0 0}.service-next header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.service-next .profile-kicker{margin:0}.service-next h2{font:400 37px/1.15 var(--font-display);margin:0}
.service-next ol{list-style:none;margin:0;padding:27px 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;background:#e4eadd;border:1px solid #75935a25;border-radius:15px}
.service-next li{position:relative;min-width:0}.service-next li>span{font:400 13px monospace;color:#657a50}.service-next h3{font:400 27px/1.2 var(--font-display);margin:18px 0 12px;color:#2d422c}.service-next li p{font-size:16px;line-height:1.7;color:#566a4b;max-width:28ch;margin:0}
.page[data-page="contact"] .service-contact-page{background:#f6f6ed}.page[data-page="contact"] .service-contact-page .page-head{padding-bottom:42px}.page[data-page="contact"] .service-contact-page .contact{grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:6%;align-items:start}
.page[data-page="contact"] .service-contact-page .contact-side{gap:25px}.contact-intent{padding:22px;border:1px solid #79936235;background:#e8eddf;border-radius:15px}
.contact-intent .profile-kicker{font-size:12px;margin:0 0 17px}.contact-intent>img{display:block;width:100%;height:auto;max-height:200px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid #839c6b24}
.page[data-page="contact"] .service-contact-page .contact-intent h2{font:400 31px/1.2 var(--font-display);margin:23px 0 12px;color:#2f432e}.contact-intent>p:not(.profile-kicker){font-size:15px;line-height:1.7;margin:0 0 13px;color:#5c6d50}.contact-intent>a{display:inline-flex;min-height:42px;align-items:center;color:#3d562f;font-size:14px;text-underline-offset:5px}
.contact-library-mark{display:flex;justify-content:space-between;align-items:end;min-height:125px;background:#1e3a31;color:#eaf1de;padding:23px;border-radius:8px}.contact-library-mark>span{font:400 clamp(30px,3.2vw,47px)/1.1 var(--font-display)}.contact-library-mark>i{font:400 12px monospace;color:#d5fa66}
.page[data-page="contact"] .service-contact-page .contact-book{padding:22px;border-radius:15px;background:#fcfcf6;border:1px solid #71835330}.page[data-page="contact"] .service-contact-page .contact-side>.contact-book .btn-row{gap:10px}.page[data-page="contact"] .service-contact-page .contact-side .what{font-size:15px;line-height:1.7}.page[data-page="contact"] .service-contact-page .form{padding:32px;border-radius:17px;border:1px solid #6b865030;background:#fffef9}
.page[data-page="contact"] .service-contact-page .form .field label{font-size:14px;color:#374d33}.page[data-page="contact"] .service-contact-page .form input,.page[data-page="contact"] .service-contact-page .form select,.page[data-page="contact"] .service-contact-page .form textarea{border:1px solid #61744d55;background:#fafbf6;border-radius:8px;color:#293c29;font-size:16px}.page[data-page="contact"] .service-contact-page .form input,.page[data-page="contact"] .service-contact-page .form select{min-height:47px}.page[data-page="contact"] .service-contact-page .form textarea{min-height:180px;line-height:1.65}.page[data-page="contact"] .service-contact-page .form :is(input,select,textarea):focus-visible{outline:2px solid #7b9b3d;outline-offset:3px}.page[data-page="contact"] .service-contact-page .form .btn{border-radius:25px}
.contact-draft-preview{padding:24px;background:#edf3e1;border:1px solid #859b6945;border-radius:10px;margin-block:22px}.contact-draft-preview[hidden]{display:none}.contact-draft-preview h3{font:400 29px/1.25 var(--font-display);color:#2d432c;margin:0 0 13px}.contact-draft-preview>p{font-size:15px;line-height:1.65;color:#536447}.contact-draft-subject{padding-block:16px;border-block:1px solid #859b6945;overflow-wrap:anywhere}.contact-draft-subject>span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.contact-draft-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 15px/1.8 var(--font-body);color:#344a2e;margin:20px 0 0}.page[data-page="contact"] .service-contact-page .journey-details{grid-column:1/-1;border:1px solid #627e4140;background:#f5f6ee;border-radius:12px;padding:0 24px}
@media(max-width:900px){.page[data-page="contact"] .service-contact-page .contact{grid-template-columns:1fr;gap:30px}.page[data-page="contact"] .service-contact-page .contact-side{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:22px}.page[data-page="contact"] .service-contact-page .contact-side>div:last-child{grid-column:1/-1}.contact-intent>img{max-height:175px}.service-next header{align-items:start;flex-direction:column;gap:10px}.service-next ol{gap:22px;padding:25px}.service-next h3{font-size:25px}}
@media(max-width:600px){.service-next{padding-top:37px}.service-next h2{font-size:32px}.service-next ol{grid-template-columns:1fr;gap:0;padding:8px 22px}.service-next li{display:grid;grid-template-columns:26px 1fr;gap:0 13px;padding:21px 0;border-bottom:1px solid #75935a30}.service-next li:last-child{border:0}.service-next li>span{padding-top:6px}.service-next h3{margin:0 0 10px}.service-next li p{grid-column:2;max-width:none}.page[data-page="contact"] .service-contact-page .contact-side{grid-template-columns:1fr;gap:20px}.page[data-page="contact"] .service-contact-page .form{padding:23px 19px}.contact-intent{padding:20px}.contact-intent>img{max-height:180px}.page[data-page="contact"] .service-contact-page .contact-intent h2{font-size:29px}.contact-draft-preview{padding:19px}.page[data-page="contact"] .service-contact-page .form .btn-row{gap:12px}.page[data-page="contact"] .service-contact-page .journey-details{padding-inline:18px}.page[data-page="contact"] .service-contact-page .page-head{padding-bottom:25px}}

/* Explicit placement avoids legacy contact-grid rules sharing a column. */
.page[data-page="contact"] .service-contact-page .contact>.contact-side{grid-column:1;grid-row:1;position:static;min-width:0}
.page[data-page="contact"] .service-contact-page .contact>#contact-form{grid-column:2;grid-row:1;min-width:0}
.page[data-page="contact"] .service-contact-page .contact>.journey-details{grid-column:1/-1;grid-row:2}
@media(max-width:900px){
.page[data-page="contact"] .service-contact-page .contact{display:flex;flex-direction:column;gap:30px}
.page[data-page="contact"] .service-contact-page .contact>.contact-side{order:0}
.page[data-page="contact"] .service-contact-page .contact>#contact-form{order:1}
.page[data-page="contact"] .service-contact-page .contact>.journey-details{order:2}
.page[data-page="contact"] .service-contact-page .contact>*{width:100%}
}
@media(max-width:600px){
/* Keep the selected brief next to the form, before secondary booking links. */
.page[data-page="contact"] .service-contact-page .contact>.contact-side{display:contents}
.page[data-page="contact"] .service-contact-page .contact-intent{order:0;width:100%}
.page[data-page="contact"] .service-contact-page .contact-intent>img{display:none}
.page[data-page="contact"] .service-contact-page .contact-intent .profile-kicker{margin-bottom:10px}
.page[data-page="contact"] .service-contact-page .contact-intent h2{margin-top:0;font-size:26px}
.page[data-page="contact"] .service-contact-page .contact-library-mark{min-height:80px;margin-bottom:20px}
.page[data-page="contact"] .service-contact-page .contact-side>.contact-book{order:2;width:100%}
.page[data-page="contact"] .service-contact-page .contact-side>div:last-child{order:3;width:100%}
.page[data-page="contact"] .service-contact-page .contact>.journey-details{order:4}
}