.hero-copy .eyebrow{font-size:clamp(16px,1.45vw,22px);line-height:1.5;letter-spacing:.055em;font-weight:650;color:#e8efdf;max-width:100%;flex-wrap:wrap}
.viewport-blur{position:fixed;inset:auto 0 0;height:110px;z-index:15;pointer-events:none;user-select:none}
.viewport-blur span{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,black);mask-image:linear-gradient(to bottom,transparent,black)}
.viewport-blur span:nth-child(1){backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
.viewport-blur span:nth-child(2){top:30%;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.viewport-blur span:nth-child(3){top:65%;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.viewport-blur[hidden],body:has(:focus-visible) .viewport-blur,body:has(dialog[open]) .viewport-blur{display:none}
@media(max-width:800px){.viewport-blur{height:75px}.hero-copy .eyebrow{font-size:16px;letter-spacing:.025em}}
@media(prefers-reduced-transparency:reduce){.viewport-blur{display:none}}
@media print{.viewport-blur{display:none}}

body.arcade-active .viewport-blur{display:none}