.page-header { min-height: 0 !important; display: block !important; }
.page-header-bg { height: clamp(280px, 36vw, 520px) !important; }
.page-header-bg img { object-position: center 44%; }
.page-header h1 { font-family: var(--font-body) !important; }
.eyebrow { color: #fd6712 !important; }
.detail-footer { color: #f2f0e9; }
.card a { color: #fd6712 !important; width: fit-content; min-height: 44px; position: relative; }
.card a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 3px; height: 1px; background: #fd6712; transform: scaleX(0); transform-origin: left; transition: transform 180ms ease; }
.card a:hover::after, .card a:focus-visible::after { transform: scaleX(1); }
.card a span { display: inline-block; transition: transform 180ms ease; }
.card a:hover span { transform: translateX(5px); }
@media (max-width: 600px) { .card { padding: 24px !important; } .page-header .subtitle { font-size: 16px !important; } }
@media (prefers-reduced-motion: reduce) { .card a::after, .card a span { transition: none; } }