/* One shared title component for every public subpage. Loaded after page styles. */
main#main .subpage-hero[data-page-title]{display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:#173a2c;color:#f0f3ec;min-height:310px;height:auto;padding:56px 0 62px}
main#main .subpage-hero[data-page-title]::after{content:none}
main#main .subpage-hero[data-page-title] .subpage-hero-inner{display:block;width:calc(100% - 2 * var(--gutter));max-width:1320px;min-width:0;margin-inline:auto;padding:0}
main#main .subpage-hero[data-page-title] .side-label,main#main .subpage-hero[data-page-title] .eyebrow{display:block;color:#e0be7e;font-family:var(--sans);font-size:12px;font-weight:700;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;max-width:none}
main#main .subpage-hero[data-page-title] h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.7vw,64px);line-height:1.18;letter-spacing:-.025em;color:#fff;max-width:1000px;margin:0 0 20px;text-wrap:balance;overflow-wrap:break-word}
main#main .subpage-hero[data-page-title] p:not(.side-label):not(.eyebrow){font-family:var(--sans);font-weight:400;font-size:20px;line-height:1.7;color:#f0f3ec;max-width:780px;margin:0;text-wrap:pretty}
main#main .subpage-hero[data-page-title] .btn,main#main .subpage-hero[data-page-title] .hero-actions{margin-top:26px}
main#main .subpage-hero[data-page-title] .hero-actions .btn{margin-top:0}
@media(max-width:700px){main#main .subpage-hero[data-page-title]{min-height:290px;padding-block:42px}main#main .subpage-hero[data-page-title] h1{font-size:clamp(36px,8vw,48px)}main#main .subpage-hero[data-page-title] p:not(.side-label):not(.eyebrow){font-size:18px}}