*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d0c0b;--bg-card: #1a1918;--text: #fff;--text-dim: rgba(255, 255, 255, .5);--header-h: 50px}html{scroll-behavior:smooth}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100vh}.header-wrapper{position:relative;z-index:100;background:var(--bg)}.header-iframe{width:100%;min-height:50px;height:70px;border:none;display:block}.gallery-main{max-width:1400px;margin:0 auto;padding:0 16px 80px}.gallery-hero{display:flex;align-items:baseline;gap:16px;padding:32px 0 24px}.gallery-hero h1{font-family:Geist,Inter,sans-serif;font-size:32px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.gallery-count{font-family:Geist,Inter,sans-serif;font-size:14px;color:var(--text-dim);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:6px;grid-auto-flow:dense}.masonry-item{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;background:var(--bg-card)}.masonry-item img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease,transform .4s ease}.masonry-item img.loaded{opacity:1}.masonry-item:hover img{transform:scale(1.05)}.masonry-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.15));opacity:0;transition:opacity .3s;pointer-events:none}.masonry-item:hover .masonry-overlay{opacity:1}.span-1x1{grid-column:span 1;grid-row:span 1}.span-1x2{grid-column:span 1;grid-row:span 2}.span-2x1{grid-column:span 2;grid-row:span 1}.span-2x2{grid-column:span 2;grid-row:span 2}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .2s}.masonry-item:hover .play-icon{transform:translate(-50%,-50%) scale(1.1)}.modal{position:fixed;inset:0;z-index:1000;background:#000000eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;touch-action:none;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-close{position:absolute;top:16px;right:16px;z-index:10;background:#ffffff1a;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.modal-close:hover{background:#fff3}.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff14;border:none;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.modal-arrow:hover{background:#ffffff2e}.modal-arrow-left{left:16px}.modal-arrow-right{right:16px}.modal-media-wrapper{max-width:90vw;max-height:85vh;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.modal-media{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:4px}video.modal-media{outline:none}.modal-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:.85rem;color:#ffffff80;font-variant-numeric:tabular-nums}.swipe-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.home-fab{position:fixed;bottom:28px;right:28px;z-index:90;width:52px;height:52px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s,transform .2s}.home-fab:hover{background:#fff3;transform:scale(1.08)}@media(max-width:1024px){.masonry{grid-template-columns:repeat(3,1fr);grid-auto-rows:180px}}@media(max-width:768px){:root{--header-h: 64px}.masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;gap:4px}.gallery-hero h1{font-size:1.8rem}.modal-arrow{width:40px;height:40px}.modal-arrow-left{left:8px}.modal-arrow-right{right:8px}.span-2x1,.span-2x2{grid-column:span 2}}@media(max-width:480px){.masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}}