:root{--transition: all .5s cubic-bezier(.4, 0, .2, 1)}.bento-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:280px;gap:20px;grid-auto-flow:dense}.card-work{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;text-decoration:none;color:#fff;border:1px solid #ffffff08;border-radius:16px;animation:fadeIn 1.5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-work-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;transition:var(--transition)}.card-work:hover .card-work-bg{transform:scale(1.1)}.card-work-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;transition:var(--transition)}.card-work:hover .card-work-overlay{opacity:1}.card-work-readability{position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:2;background:linear-gradient(to top,#000000db 0%,transparent 100%);transition:var(--transition)}.card-work:hover .card-work-readability{opacity:0}.card-work-content{position:relative;z-index:3;padding:30px}.card-work h2{margin:0;font-size:1.4rem;font-weight:700}.card-work p{margin:8px 0 0;color:#ffffffd9;font-size:1rem}#sentinel{height:50px;margin-top:20px}.scroll-helper-container{display:relative;justify-content:center;align-items:center;opacity:1;transform:translateY(0);min-height:50px;position:relative;top:-60px;transition:opacity 1s ease,transform 1s ease}.fade-out-helper{opacity:0!important;transform:translateY(20px)!important;pointer-events:none}