.brand-banner{z-index:0;pointer-events:none;height:min(86vh,820px);animation:brand-banner-in 1.6s var(--ease-out-quint) both;position:absolute;inset:0 0 auto;overflow:hidden}.brand-banner-image{object-fit:cover;object-position:62% 38%;filter:saturate(.92)blur(8px);width:100%;height:100%;animation:brand-banner-settle 2.4s var(--ease-out-quint) both;position:absolute;inset:0;transform:scale(1.1)}.brand-banner-blur{-webkit-backdrop-filter:blur(var(--blur));-webkit-mask-image:linear-gradient(to bottom, transparent var(--from), #000 var(--to));mask-image:linear-gradient(to bottom, transparent var(--from), #000 var(--to));-webkit-mask-image:linear-gradient(to bottom, transparent var(--from), #000 var(--to));position:absolute;inset:0}.brand-banner-shade{background:linear-gradient(90deg,#0000008c,#0000001a 65%),linear-gradient(#00000080 0%,#00000040 22%,#00000059 48%,#000000bf 72%,#000 100%);position:absolute;inset:0}@keyframes brand-banner-in{0%{opacity:0}to{opacity:1}}@keyframes brand-banner-settle{0%{transform:scale(1.18)}to{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.brand-banner,.brand-banner-image{animation:none}}