.gallery-hero{padding-top:12rem}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:1rem}.bento-2x2{grid-column:span 2;grid-row:span 2}.bento-2x1{grid-column:span 2;grid-row:span 1}.bento-1x2{grid-column:span 1;grid-row:span 2}.bento-1x1{grid-column:span 1;grid-row:span 1}.bento-item{position:relative;border-radius:24px;overflow:hidden;cursor:pointer;box-shadow:0 10px 30px rgb(0 0 0 / .08);transition:transform 0.5s var(--ease-premium),box-shadow 0.5s var(--ease-premium)}.bento-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgb(0 0 0 / .15);z-index:2}.bento-item img,.bento-item video{width:100%;height:100%;object-fit:cover;transition:transform 0.8s var(--ease-premium)}.bento-item:hover img,.bento-item:hover video{transform:scale(1.06)}.bento-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(31 31 27 / .8) 0%,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:background 0.4s ease}.bento-item:hover .bento-overlay{background:linear-gradient(to top,rgb(44 74 47 / .9) 0%,rgb(44 74 47 / .2) 60%,transparent 100%)}.bento-title{color:var(--color-white);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.bento-hint{color:var(--color-sunlight);font-size:.85rem;font-weight:600;opacity:0;transform:translateY(10px);transition:all 0.3s var(--ease-premium);display:flex;align-items:center;gap:.5rem}.bento-item:hover .bento-hint{opacity:1;transform:translateY(0)}.video-badge{position:absolute;top:1.5rem;left:1.5rem;background:rgb(255 255 255 / .15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .2);padding:.4rem .8rem;border-radius:50px;color:var(--color-white);font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.gallery-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .3);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);z-index:9998;display:flex;justify-content:center;align-items:center;padding:2rem;opacity:0;visibility:hidden;transition:all 0.4s var(--ease-premium)}.gallery-overlay.active{opacity:1;visibility:visible}.overlay-card{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;max-width:900px;width:100%;max-height:90vh;background:rgb(255 255 255 / .12);backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border:1px solid rgb(255 255 255 / .4);border-radius:32px;overflow:hidden;transform:scale(.95) translateY(20px);transition:transform 0.5s var(--ease-premium);box-shadow:0 30px 60px rgb(0 0 0 / .3)}.gallery-overlay.active .overlay-card{transform:scale(1) translateY(0)}.overlay-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;background:rgb(255 255 255 / .2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .3);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--color-white);cursor:pointer;transition:background var(--transition-fast);z-index:10}.overlay-close:hover{background:rgb(255 255 255 / .4)}.overlay-main-display{background:#fff0;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 1rem 2rem;min-height:40vh;max-height:60vh}.overlay-media-wrap{width:100%;height:100%;background:rgb(255 255 255 / .15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .4);border-radius:20px;padding:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgb(0 0 0 / .1)}#overlay-main-img,#overlay-main-video{width:100%;height:100%;object-fit:contain;border-radius:14px;box-shadow:none}#overlay-main-video{max-width:100%;max-height:100%}.overlay-sidebar{padding:1.5rem 2rem 2rem 2rem;display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar-header{margin-bottom:1.5rem;text-align:left}.overlay-title{color:var(--color-white);font-size:1.75rem;text-shadow:0 2px 10px rgb(0 0 0 / .2)}.overlay-subgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));column-gap:.75rem;row-gap:5rem;overflow-y:auto;flex:1;padding-bottom:1rem;scrollbar-width:none;-ms-overflow-style:none}.overlay-subgrid::-webkit-scrollbar{display:none}.subgrid-item{position:relative;aspect-ratio:1/1;width:100%;border-radius:12px;overflow:hidden;cursor:pointer;background:rgb(255 255 255 / .05);border:2px solid rgb(255 255 255 / .15);transition:all 0.3s var(--ease-premium);display:block}.subgrid-item img,.subgrid-item video{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}.subgrid-item:hover{background:rgb(255 255 255 / .2);transform:scale(.95);border-color:rgb(255 255 255 / .5)}.subgrid-item.active{border-color:rgb(255 255 255 / .8);box-shadow:0 0 20px rgb(255 255 255 / .3);background:rgb(255 255 255 / .1)}.subgrid-video-badge{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:rgb(0 0 0 / .2);backdrop-filter:blur(4px);color:#fff;font-size:1.2rem;pointer-events:none;border-radius:10px}