/* Utility classes generated from the design handoff (M360-4723).
 *
 * The handoff inlined every value per element. The site's CSP forbids inline
 * style attributes outright (style-src self + nonce; nonces do not cover style
 * attributes), so each distinct declaration became one class. Machine-derived
 * names — u-<property>-<value> — chosen so a declaration maps to exactly one
 * class and duplicates collapse.
 *
 * Prefer a semantic class in site.css or mockups.css for anything reused; this
 * file is for the one-off values a pixel-exact mockup genuinely needs.
 */

.u-ai-center { align-items: center; }
.u-ai-flex-start { align-items: flex-start; }
.u-ai-start { align-items: start; }
.u-ai-stretch { align-items: stretch; }
.u-as-center { align-self: center; }
.u-as-flex-start { align-self: flex-start; }
.u-bc-demo-coral { border-color: var(--c-demo-coral); }
.u-bd-1_5px-solid-demo-coral { border: 1.5px solid var(--c-demo-coral); }
.u-bd-1px-solid-border { border: 1px solid var(--c-border); }
.u-bd-1px-solid-rgba1235662 { border: 1px solid rgba(12,35,66,.2); }
.u-bd-1px-solid-rgba23211574 { border: 1px solid rgba(232,115,74,.4); }
.u-bg-demo-coral { background: var(--c-demo-coral); }
.u-bg-rgba12356607 { background: rgba(12,35,66,.07); }
.u-bg-rgba12356612 { background: rgba(12,35,66,.12); }
.u-bg-rgba23211574 { background: rgba(232,115,74,.06); }
.u-bg-transparent { background: transparent; }
.u-bg-white { background: var(--c-white); }
.u-bl-2px-solid-cyan { border-left: 2px solid var(--c-cyan); }
.u-br-50pct { border-radius: 50%; }
.u-br-8px { border-radius: 8px; }
.u-bt-1px-solid-rgba1235661 { border-top: 1px solid rgba(12,35,66,.1); }
.u-c-b3261e { color: #B3261E; }
.u-c-demo-coral { color: var(--c-demo-coral); }
.u-c-fff { color: #fff; }
.u-c-label { color: var(--c-label); }
.u-c-navy { color: var(--c-navy); }
.u-c-rgba1235662 { color: rgba(12,35,66,.2); }
.u-c-text-muted { color: var(--c-text-muted); }
.u-d-block { display: block; }
.u-d-flex { display: flex; }
.u-d-inline-block { display: inline-block; }
.u-fd-column { flex-direction: column; }
.u-fd-row { flex-direction: row; }
.u-fs-10_5px { font-size: 10.5px; }
.u-fs-10px { font-size: 10px; }
.u-fs-11_5px { font-size: 11.5px; }
.u-fs-11px { font-size: 11px; }
.u-fs-12_5px { font-size: 12.5px; }
.u-fs-12px { font-size: 12px; }
.u-fs-13px { font-size: 13px; }
.u-fs-14px { font-size: 14px; }
.u-fs-15px { font-size: 15px; }
.u-fs-16px { font-size: 16px; }
.u-fs-17px { font-size: 17px; }
.u-fs-18px { font-size: 18px; }
.u-fs-19px { font-size: 19px; }
.u-fs-20px { font-size: 20px; }
.u-fs-28px { font-size: 28px; }
.u-fs-7_5px { font-size: 7.5px; }
.u-fs-8_5px { font-size: 8.5px; }
.u-fs-8px { font-size: 8px; }
.u-fs-9_5px { font-size: 9.5px; }
.u-fs-9px { font-size: 9px; }
.u-fs-fluid { font-size: clamp(34px, 4vw, 48px); }
.u-fst-italic { font-style: italic; }
.u-fw-600 { font-weight: 600; }
.u-fw-700 { font-weight: 700; }
.u-fw-800 { font-weight: 800; }
.u-fwr-wrap { flex-wrap: wrap; }
.u-fx-0-0-auto { flex: 0 0 auto; }
.u-fx-1 { flex: 1; }
.u-g-10px { gap: 10px; }
.u-g-11px { gap: 11px; }
.u-g-13px { gap: 13px; }
.u-g-18px { gap: 18px; }
.u-g-2px { gap: 2px; }
.u-g-3px { gap: 3px; }
.u-g-4px { gap: 4px; }
.u-g-5px { gap: 5px; }
.u-g-6px { gap: 6px; }
.u-g-7px { gap: 7px; }
.u-g-8px { gap: 8px; }
.u-g-9px { gap: 9px; }
.u-g-sp2 { gap: var(--sp-2); }
.u-gtc-repeatauto-fit-minmax180px-1fr { grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); }
.u-h-100pct { height: 100%; }
.u-h-124px { height: 124px; }
.u-h-132px { height: 132px; }
.u-h-14px { height: 14px; }
.u-h-17px { height: 17px; }
.u-h-20px { height: 20px; }
.u-h-30px { height: 30px; }
.u-h-34px { height: 34px; }
.u-h-40px { height: 40px; }
.u-h-452px { height: 452px; }
.u-h-56px { height: 56px; }
.u-h-5px { height: 5px; }
.u-h-64px { height: 64px; }
.u-h-6px { height: 6px; }
.u-h-74px { height: 74px; }
.u-h-96px { height: 96px; }
.u-jc-center { justify-content: center; }
.u-jc-space-between { justify-content: space-between; }
.u-l-auto { left: auto; }
.u-lh-1_12 { line-height: 1.12; }
.u-lh-1_45 { line-height: 1.45; }
.u-lh-1_5 { line-height: 1.5; }
.u-ls--_025em { letter-spacing: -.025em; }
.u-ls--_02em { letter-spacing: -.02em; }
.u-ls--_03em { letter-spacing: -.03em; }
.u-ls-_06em { letter-spacing: .06em; }
.u-ls-_12em { letter-spacing: .12em; }
.u-ls-_14em { letter-spacing: .14em; }
.u-ls-_16em { letter-spacing: .16em; }
.u-m-0 { margin: 0; }
.u-mb-0 { margin-bottom: 0; }
.u-mb-fluid { margin-bottom: clamp(32px, 4vw, 48px); }
.u-mh-320px { min-height: 320px; }
.u-ml-auto { margin-left: auto; }
.u-mnw-52px { min-width: 52px; }
.u-mt-16px { margin-top: 16px; }
.u-mt-6px { margin-top: 6px; }
.u-mt-auto { margin-top: auto; }
.u-mt-fluid { margin-top: clamp(32px, 4vw, 48px); }
.u-mw-268px { max-width: 268px; }
.u-mw-26em { max-width: 26em; }
.u-of-contain { object-fit: contain; }
.u-of-cover { object-fit: cover; }
.u-op-1 { opacity: 1; }
.u-op-_5 { opacity: .5; }
.u-op2-center-42pct { object-position: center 42%; }
.u-ov-hidden { overflow: hidden; }
.u-p-12px { padding: 12px; }
.u-p-13px-14px { padding: 13px 14px; }
.u-p-14px { padding: 14px; }
.u-p-5px-9px { padding: 5px 9px; }
.u-p-8px-14px { padding: 8px 14px; }
.u-p-9px { padding: 9px; }
.u-p-9px-11px { padding: 9px 11px; }
.u-p-9px-12px { padding: 9px 12px; }
.u-pl-16px { padding-left: 16px; }
.u-pos-absolute { position: absolute; }
.u-pos-relative { position: relative; }
.u-pt-10px { padding-top: 10px; }
.u-pt-fluid { padding-top: clamp(48px, 6vw, 88px); }
.u-r-0 { right: 0; }
.u-t-0 { top: 0; }
.u-tf-none { transform: none; }
.u-tt-uppercase { text-transform: uppercase; }
.u-w-100pct { width: 100%; }
.u-w-17px { width: 17px; }
.u-w-20px { width: 20px; }
.u-w-48pct { width: 48%; }
.u-w-54pct { width: 54%; }
.u-w-56px { width: 56px; }
.u-w-66pct { width: 66%; }
.u-w-70pct { width: 70%; }
.u-w-78pct { width: 78%; }
.u-w-96px { width: 96px; }
.u-w-fit-content { width: fit-content; }
.u-z-20 { z-index: 20; }
.u-c-B3261E { color: #B3261E; }
.u-mt-16px { margin-top: 16px; }
.u-mt-fluid-lg { margin-top: clamp(64px, 8vw, 110px); }
.u-mb-fluid-sm { margin-bottom: clamp(32px, 4vw, 48px); }