/* One full-width referral pattern. Page copy and destinations remain local. */
body main>section.costello-referral,
.costello-referral#referring,
.costello-referral#referring-counsel{
 display:block!important;box-sizing:border-box;background:#EFE9DE!important;color:#17283B!important;
 padding:clamp(56px,6vw,88px) 0!important;margin:0!important;
 border:0!important;border-top:1px solid rgb(23 40 59 / 18%)!important;
}
.costello-referral .referral-wrap{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.costello-referral .referral-wrap>*{min-width:0}
.costello-referral .referral-eyebrow{font:500 12px/1.5 'Costello Mono',monospace!important;letter-spacing:.14em;text-transform:uppercase;color:#17283B!important;margin:0 0 24px!important}
.costello-referral .referral-title{font:500 clamp(34px,2.4vw + 18px,48px)/1.12 'Cormorant Garamond',serif!important;letter-spacing:-.015em;max-width:23ch;margin:0!important;text-wrap:balance;overflow-wrap:anywhere;color:#17283B!important}
.costello-referral .referral-copy{padding-top:42px}
.costello-referral .referral-copy p{font:400 17px/1.7 'Costello Sans',sans-serif!important;max-width:58ch;margin:0 0 16px!important;color:#485460!important;overflow-wrap:anywhere}
.costello-referral .referral-link{display:inline-flex!important;align-items:center;gap:12px;min-width:44px;min-height:44px;padding:8px 0!important;margin:8px 0 0!important;font:500 15px/1.5 'Costello Sans',sans-serif!important;color:#17283B!important;text-decoration:underline!important;text-underline-offset:7px;text-decoration-thickness:1px;border:0!important;overflow-wrap:anywhere}
.costello-referral .referral-link:hover{text-decoration-color:#C66736!important}
.costello-referral .referral-link:focus-visible{outline:3px solid #C66736;outline-offset:4px}
@media(max-width:800px){.costello-referral .referral-wrap{grid-template-columns:1fr;padding-inline:24px;gap:24px}.costello-referral .referral-copy{padding-top:0}.costello-referral .referral-eyebrow{margin-bottom:20px!important}}
@media(max-width:399px){.costello-referral .referral-wrap{padding-inline:20px}}
/* Bridge the canonical Home export's outer-padding rule; the component owns its gutters. */
#dc-root section.costello-referral#referring{padding-inline:0!important}