.frosted-hero{position:relative;width:100%;height:var(--mask-height, 130px);overflow:visible;background:#0a0a0f00;border-radius:18px;isolation:isolate;filter:blur(14px);opacity:0;transition:filter .6s ease-out .35s,opacity .3s ease-out .2s}.frosted-hero.is-visible{filter:blur(0);opacity:1}.frosted-hero__layers{position:absolute;width:100%;height:var(--hero-height, 300px);top:50%;left:0;transform:translateY(-50%);pointer-events:none}.frosted-hero__background{display:none}.frosted-hero__blur-layer{position:absolute;inset:0;z-index:3;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.frosted-hero__blur-layer--stroke{position:absolute;z-index:1;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-mode:alpha;mask-mode:alpha;inset:-3px}.frosted-hero__blur-layer--fill:before{content:"";position:absolute;inset:-30px;background-image:var(--bg);background-size:130% 220%;filter:blur(40px) saturate(.8) brightness(1.8) contrast(1.2);transform-origin:center;will-change:transform,background-position;animation:none}.frosted-hero__blur-layer--stroke:before{content:"";position:absolute;inset:-30px;background-image:var(--bg);background-size:130% 220%;filter:blur(40px) saturate(.5) brightness(2.8) contrast(1.4);transform-origin:center;will-change:transform,background-position;animation:none}.frosted-hero--anim-rotate .frosted-hero__blur-layer:before{animation:frosted-pan 40s ease-in-out infinite alternate-reverse,frosted-rotate 30s ease-in-out 0s infinite reverse}.frosted-hero--anim-rotate .frosted-hero__blur-layer--stroke:before{animation:frosted-pan 40s ease-in-out .3s infinite alternate-reverse,frosted-rotate 30s ease-in-out 0s infinite reverse}.frosted-hero--anim-pan .frosted-hero__blur-layer:before{animation:frosted-pan 1s ease-in-out 0s infinite reverse,frosted-rotate-slow 4s linear 0s infinite}.frosted-hero--anim-pan .frosted-hero__blur-layer--stroke:before{animation:frosted-pan 0s ease-in-out .6s infinite reverse,frosted-rotate-slow 14s linear .15s infinite}.frosted-hero--anim-random .frosted-hero__blur-layer:before{animation:frosted-pan 3.6s cubic-bezier(.2,.8,.3,.9) 0s infinite,frosted-rotate-slow 22s linear 0s infinite,frosted-jitter 6s steps(6,end) 0s infinite}.frosted-hero--anim-random .frosted-hero__blur-layer--stroke:before{animation:frosted-pan 3.6s cubic-bezier(.2,.8,.3,.9) .12s infinite,frosted-rotate-slow 22s linear .12s infinite,frosted-jitter 6s steps(6,end) .12s infinite}.frosted-hero--anim-off .frosted-hero__blur-layer:before{animation:none}.frosted-hero--anim-off .frosted-hero__blur-layer--stroke:before{animation:none}.frosted-hero__glass-tint{position:absolute;inset:0;background:#ffffff14;z-index:3;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.frosted-hero__stroke-svg{position:absolute;inset:20px;width:100%;height:100%;z-index:4;pointer-events:none}.frosted-hero__text-stroke{fill:none;stroke:#ffffff40;stroke-width:1;font-family:Inter,Segoe UI,system-ui,sans-serif}@keyframes frosted-pan{0%{background-position:10% 10%}to{background-position:500% 200%}}@keyframes frosted-rotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.02)}to{transform:rotate(360deg) scale(1)}}@keyframes frosted-rotate-slow{0%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.015)}to{transform:rotate(-4deg) scale(1)}}@keyframes frosted-jitter{0%{transform:translate(0) rotate(0)}25%{transform:translate(-4px,2px) rotate(-.6deg)}50%{transform:translate(3px,-3px) rotate(.8deg)}75%{transform:translate(-2px,4px) rotate(-.4deg)}to{transform:translate(0) rotate(0)}}