.client-service-page { --service-ink:#16323b; --service-line:#d4d1c7; }
.service-hero { display:grid; grid-template-columns:1fr 1fr; background:var(--service-ink); color:#faf8f1; }
.service-hero>div { padding:clamp(45px,7vw,108px) 7vw; align-self:center; }
.service-hero h1,.service-intro h1 { font-size:clamp(58px,6.5vw,100px); letter-spacing:-.045em; }
.service-hero h1 em,.service-intro h1 em { color:#d9c8a9; font-weight:400; }
.service-hero p,.service-intro p { max-width:48ch; line-height:1.85; font-size:16px; margin:25px 0 0; }
.service-hero>img { width:100%; height:100%; max-height:685px; min-height:480px; object-fit:cover; }
.service-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:26px; }
.service-actions .button { color:#17313b; background:#eeeade; border-color:#eeeade; }
.service-actions .textlink { color:#f8f6ed; }
.service-guide { padding:clamp(45px,6vw,85px) 7vw; }
.service-guide h2,.service-explainer h2,.service-offices h2,.service-form-wrap h2 { font-size:clamp(35px,3.5vw,55px); }
.service-guide>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(23px,3vw,55px); margin-top:30px; }
.service-guide article { padding:19px 0; border-top:1px solid var(--service-line); }
.service-guide h3,.service-explainer h3 { font-size:30px; margin:0 0 12px; }
.service-guide p,.service-explainer p,.service-offices p { font-size:16px; line-height:1.8; max-width:45ch; }
.service-intro { color:#f7f5ec; background:linear-gradient(108deg,#122a33,#28434a); padding:clamp(42px,5vw,78px) 7vw; }
.service-intro .kicker { color:#dcd1bd; }
.service-inquiry-grid { display:grid; grid-template-columns:1.3fr .8fr; align-items:start; gap:clamp(30px,6vw,94px); padding:clamp(42px,5vw,78px) 7vw; }
.service-form-wrap { min-width:0; }
.service-form-wrap h2,.service-explainer h2 { margin-bottom:22px; }
.service-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; margin-bottom:22px; }
.service-fields label { display:grid; gap:5px; font-size:14px; font-weight:600; }
.service-fields input,.service-fields textarea,.service-fields select { width:100%; min-width:0; font:400 15px/1.5 Manrope,Arial,sans-serif; color:#1e3037; border:1px solid #a9b2af; background:#fffefa; padding:11px; border-radius:0; }
.service-fields textarea { resize:vertical; }
.service-wide { grid-column:1/-1; }
.service-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.service-form-wrap button.button { background:var(--service-ink); color:white; border:none; cursor:pointer; }
.service-form-wrap button:disabled { opacity:.6; cursor:default; }
.inquiry-status { margin:16px 0 0; font-size:16px; line-height:1.65; }
.inquiry-recovery { display:flex; flex-wrap:wrap; gap:18px; margin:12px 0; }
.inquiry-recovery button { border:0; background:none; padding:0; color:var(--service-ink); cursor:pointer; }
.client-service-page [hidden] { display:none!important; }
.service-direct { padding:24px 0; border-top:1px solid var(--service-line); display:grid; gap:8px; overflow-wrap:anywhere; }
.service-direct .kicker { margin:0; }
.service-direct a:not(.textlink) { text-decoration:underline; text-underline-offset:3px; }
.service-direct .textlink { justify-self:start; margin-top:8px; }
.service-explainer h3 { margin-top:26px; }
.service-explainer .service-direct { margin-top:24px; }
.service-offices { margin-top:24px; border-top:1px solid var(--service-line); padding-top:22px; }
.service-offices a { display:grid; margin:16px 0; font-size:15px; }
.service-offices a strong { font-size:16px; }
@media(max-width:760px) {
  .service-hero,.service-inquiry-grid,.service-guide>div { grid-template-columns:1fr; }
  .service-hero>img { min-height:0; max-height:270px; aspect-ratio:1.8; }
  .service-guide>div { gap:0; }
  .service-inquiry-grid { gap:35px; }
}
@media(max-width:465px) { .service-fields { grid-template-columns:1fr; } }

.inquiry-fixture { margin: 0 0 20px; max-width: 56ch; line-height: 1.6; overflow-wrap: anywhere; }
fieldset.service-fields { min-width: 0; border: 0; padding: 0; }
.service-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#inquiry-context:not([hidden]) { margin-bottom: 16px; }