:root{--apple-bg:#0b0b0d;--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.1);--text-main:#fff;--text-dim:hsla(0,0%,100%,.7)}.bento-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:15px;width:100%}.bento-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,400px);max-width:1400px;width:100%}.energy{grid-column:span 3}.history{grid-row:span 2}.history,.impact{grid-column:span 1}.wellness{grid-column:span 2}.glass{backdrop-filter:blur(20px) saturate(100%);-webkit-backdrop-filter:blur(20px) saturate(100%);background-color:var(--glass-bg);border-radius:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.energy:before,.history:before,.impact:before,.wellness:before{content:"";height:100%;left:0;opacity:.9;position:absolute;top:0;width:100%;z-index:-1}.glass:hover{transform:scale(1.015)}.card-inner{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1.5px solid hsla(0,0%,100%,.4);border-radius:0;box-shadow:-10px 10px 30px rgba(0,0,0,.05),inset 0 0 15px hsla(0,0%,100%,.2);display:flex;flex-direction:column;height:100%;justify-content:space-between;z-index:1}.bento-card{background-position:bottom;background-size:cover}.bento-card .card-inner .card-text{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:rgba(0,0,0,.6);background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.5) 60%,transparent);border-bottom-left-radius:6px;border-bottom-right-radius:6px;color:#222;margin-top:auto;padding:100px 0 50px}.bento-card .card-inner .card-text h3{color:#fff;font-size:32px;font-weight:400;letter-spacing:.0625rem;margin:0 0 10px}.bento-card .card-inner .card-text p{color:#fff;font-size:18px;line-height:1.5;margin:0;opacity:.8}.bento-card .card-inner .card-badge{color:#fff;font-size:14px;font-weight:400;opacity:.6;text-transform:uppercase}.bento-card .card-inner .card-badge,.bento-card .card-inner .card-text h3,.bento-card .card-inner .card-text p{padding:0 50px 0 25px}@media (max-width:1100px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.energy,.history,.impact,.wellness{grid-column:span 2;min-height:350px}.bento-container{display:block;min-height:auto;padding:0}.bento-grid{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;grid-template-columns:none;grid-template-rows:none;padding:20px}.bento-card{flex:0 0 85%;grid-column:auto!important;grid-row:auto!important;min-height:450px;scroll-snap-align:center}}@media (max-width:1100px){.bento-grid::-webkit-scrollbar{display:none}.bento-grid{-ms-overflow-style:none;scrollbar-width:none}.bento-card .card-inner .card-text{padding:60px 0 30px}.bento-card .card-inner .card-text h3{font-size:24px}.bento-card .card-inner .card-badge,.bento-card .card-inner .card-text h3,.bento-card .card-inner .card-text p{padding:0 20px}}