:root{--bento-gap: 24px;--bento-radius: 28px;--glass-blur: 30px;--glass-saturate: 200%;--glass-bg: rgba(255, 255, 255, .03);--glass-border-color: rgba(255, 255, 255, .15);--glass-border: 1px solid var(--glass-border-color);--highlight-color: rgba(255, 255, 255, .4)}h1,h2{transition:font-variation-settings .3s ease;font-variation-settings:"wght" calc(400 + var(--scroll-velocity, 0) * 2)}h1:hover,h2:hover{font-variation-settings:"wght" 600}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--bento-gap)}.glass{position:relative;isolation:isolate}.glass:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:var(--glass-border);border-radius:var(--bento-radius);background-clip:padding-box;box-shadow:0 4px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.glass-edge:before{filter:url(#warp-filter)}.specular-button,button.glass{position:relative;overflow:hidden}.specular-button:after,button.glass:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.3),transparent 40%) fixed;opacity:0;transition:opacity .3s;pointer-events:none;z-index:10}.specular-button:hover:after,button.glass:hover:after{opacity:1}body.eco-mode .glass:before{backdrop-filter:none;-webkit-backdrop-filter:none;background:#14141ef2;box-shadow:none}body.eco-mode .glass-edge:before{filter:none}body.eco-mode *{animation:none!important;transition:none!important}