:root {--pxb-h: clamp(200px, 17vw, 340px); --pxb-scan: 2.2; --pxb-amp: 1;} .pxband {position: relative; min-height: var(--pxb-h); display: flex; align-items: center; overflow: hidden; contain: paint; background: var(--color-bg-dark);} .pxband__media {position: absolute; inset: 0; z-index: 0; display: block; pointer-events: none;} .pxband__img {position: absolute; left: 0; right: 0; top: 50%; width: 100%; height: auto; min-height: calc(var(--pxb-scan) * 100%); object-fit: cover; object-position: var(--img-focus, center); display: block; transform: translate3d(0, calc(-50% + var(--pxb-p, 0) * var(--pxb-amp, 1) * var(--pxb-travel, 0px)), 0); will-change: transform; backface-visibility: hidden;} .pxband::before {content: ""; position: absolute; inset: 0; z-index: 1; background: var(--media-hero-scrim);} .pxband__inner {position: relative; z-index: 2; width: 100%;} .pxband__label {display: block; margin: 0 0 0.4rem; color: var(--color-accent-text, var(--on-dark-text-soft));} .pxband__claim {margin: 0; color: var(--on-dark-text); font-size: clamp(1.15rem, 2.2vw, 1.75rem); font-weight: var(--font-weight-semibold); line-height: var(--leading-tight); text-wrap: balance; max-width: 34ch; text-shadow: 0 1px 2px rgb(var(--c-black) / 0.35);} .pxband__link {display: inline-flex; align-items: center; gap: 0.45rem; margin-top: 0.85rem; color: var(--on-dark-text); font-weight: var(--font-weight-semibold); text-decoration: none; border-bottom: 2px solid rgb(var(--c-red)); padding-bottom: 2px;} .pxband__link:hover, .pxband__link:focus-visible {border-bottom-color: var(--on-dark-text);} @media (prefers-reduced-motion: reduce) {.pxband__img {transform: translate3d(0, -50%, 0); will-change: auto;}}
.u-mt-2 {margin-top: var(--space-2);} .u-mt-4 {margin-top: var(--space-4);} .u-mt-6 {margin-top: var(--space-6);} .u-mt-8 {margin-top: var(--space-8);} .u-mt-10 {margin-top: var(--space-10);} .u-mt-12 {margin-top: var(--space-12);} .u-mb-4 {margin-bottom: var(--space-4);} .u-mb-10 {margin-bottom: var(--space-10);} .u-mb-12 {margin-bottom: var(--space-12);} .u-measure {max-width: var(--measure); margin-inline: auto;} .u-measure-text {max-width: var(--measure-text);} .u-text-accent {color: var(--color-accent-text);} .u-text-inverse {color: var(--color-text-inverse);} .u-text-muted {color: var(--color-text-muted);} .u-text-sm {font-size: var(--text-sm);} .u-text-5xl {font-size: var(--text-5xl);} .u-link-inherit {color: inherit; text-decoration: underline;} .u-w-full {width: 100%;} .u-inline-flex {display: inline-flex;} .u-justify-start {justify-content: flex-start;} .error-stage {min-height: 60vh; display: flex; align-items: center;} .rubric {display: flex; align-items: center; gap: var(--space-5); padding-block: var(--space-3); border-bottom: 2px solid var(--color-gray-200); animation: fadeInUp 0.5s ease-out;} .rubric__text {flex: 0 0 auto; min-width: 0;} .rubric__title {font-size: var(--text-2xl); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-tight); color: var(--color-text); margin: 0 0 var(--space-1) 0;} .rubric__meta {font-size: 13px; font-weight: var(--font-weight-medium); color: var(--color-text-muted); margin: 0; text-transform: uppercase; letter-spacing: var(--tracking-snug);} .rubric__rule {flex: 1 1 auto; height: 1px; background: linear-gradient(90deg, var(--color-gray-200) 0%, var(--color-accent-light) 50%, var(--color-gray-200) 100%); opacity: 0.6; animation: shimmer 2s ease-in-out infinite;} @keyframes shimmer {0%, 100% {opacity: 0.6;} 50% {opacity: 1;}} @keyframes fadeInUp {from {opacity: 0; transform: translateY(12px);} to {opacity: 1; transform: translateY(0);}}