.gallery-container{background:var(--surface-default);flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.navigation-bar{background:var(--surface-raised);border-bottom:1px solid var(--border-subtle);z-index:20;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:1rem;width:100%;min-height:72px;padding:1rem 2rem;display:flex;position:sticky;top:0;overflow-x:auto}.navigation-bar::-webkit-scrollbar{display:none}.nav-button{text-align:center;flex:none;min-width:140px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.nav-button:hover{transform:translateY(-1px)}.sections-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:var(--surface-sunken);scrollbar-width:none;-ms-overflow-style:none;flex:1;display:flex;overflow-x:auto}.sections-container::-webkit-scrollbar{display:none}.section-wrapper{scroll-snap-align:start;scrollbar-width:none;-ms-overflow-style:none;flex:0 0 100%;width:100%;height:calc(100vh - 72px);padding:2rem;overflow-y:auto}.section-wrapper::-webkit-scrollbar{display:none}.gallery-section{padding:var(--responsive-space-xl) 0;width:100%}.section-title{text-align:center;margin-bottom:var(--responsive-space-xl);background:linear-gradient(45deg, var(--content-default), var(--content-subtle));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem}.bento-grid{grid-gap:var(--responsive-space-m);gap:var(--responsive-space-m);padding:0 var(--responsive-space-m);grid-template-columns:repeat(12,1fr);max-width:1800px;margin:0 auto;display:grid}@media (max-width:1200px){.bento-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width:768px){.bento-grid{grid-template-columns:repeat(4,1fr)}}.bento-item{border-radius:var(--border-radius-m);background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:all .3s;position:relative;overflow:hidden}.bento-item:before{content:"";padding-top:100%;display:block}.bento-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bento-item:hover .card-content,.bento-item:hover .card-controls{opacity:1}.bento-item:hover .bento-image{transform:scale(1.1)}.bento-item.large{grid-area:span 6/span 6}.bento-item.tall{grid-area:span 6/span 3}.bento-item.tall:before{padding-top:200%}.bento-item.wide{grid-area:span 3/span 6}.bento-item.wide:before{padding-top:56.25%}.bento-item.small{grid-area:span 3/span 3}.bento-item.medium{grid-area:span 4/span 4}.bento-item.medium:before{padding-top:75%}.bento-item.extra-wide{grid-area:span 4/span 8}.bento-item.extra-wide:before{padding-top:56.25%}.card-carousel{background:var(--surface-sunken);width:100%;height:100%;position:absolute;top:0;left:0}.bento-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.card-controls{z-index:2;opacity:0;gap:.5rem;transition:opacity .3s;display:flex;position:absolute;bottom:1rem;right:1rem}.carousel-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-s);color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff1a;padding:.5rem;transition:all .2s}.carousel-button:hover{background:#000000b3}.card-content{color:#fff;opacity:0;background:linear-gradient(#0000 0%,#000000b3 50%,#000000e6 100%);padding:1.5rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.card-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.card-description{opacity:.8;font-size:.875rem}