.glass{background:linear-gradient(155deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.025) 64%);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 26px 56px -38px rgba(0,0,0,.7)}
.glass--blur{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(155deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.035) 64%)}
.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.glow{position:absolute;z-index:0;border-radius:50%;pointer-events:none}
.glow--br{width:76vw;height:76vw;right:-26vw;bottom:-32vw;background:radial-gradient(circle closest-side,rgba(229,9,20,.24),rgba(229,9,20,.09) 44%,transparent 72%)}
.glow--tl{width:60vw;height:60vw;left:-20vw;top:-24vw;background:radial-gradient(circle closest-side,rgba(86,3,3,.42),rgba(86,3,3,.14) 46%,transparent 74%)}
.reveal-ease{transition-timing-function:cubic-bezier(.16,1,.3,1)}