.gallery-page{min-height:100vh;background:var(--bg,#050505);color:var(--text-main,#E0E0E0)}.gallery-main{padding-top:80px}.gallery-hero{padding:clamp(100px,18vh,180px) var(--container,24px) clamp(60px,10vh,100px);text-align:center;position:relative;overflow:hidden}.gallery-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(255,255,255,.03) 0,transparent 60%);pointer-events:none}.gallery-hero-label{font-size:.7rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--text-muted,#888);margin-bottom:20px;display:block}.gallery-hero-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.5rem,8vw,5rem);line-height:.95;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:16px}.gallery-hero-desc{font-size:1rem;font-weight:300;color:var(--text-muted,#888);max-width:480px;margin:0 auto;line-height:1.7}.gallery-toolbar{padding:0 var(--container,24px) 32px;max-width:1600px;margin:0 auto;position:sticky;top:0;z-index:100;background:linear-gradient(180deg,var(--bg,#050505) 0,var(--bg,#050505) 70%,transparent 100%)}.gallery-toolbar-inner{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--border,#222)}.gallery-search-wrap{flex:1;min-width:200px;max-width:360px;position:relative}.gallery-search-wrap input{width:100%;background:var(--bg-elevated,#111);border:1px solid var(--border,#222);padding:14px 20px 14px 44px;color:var(--white,#fff);font-family:Inter,sans-serif;font-size:.9rem;outline:none;transition:border-color .3s}.gallery-search-wrap input::placeholder{color:var(--text-muted,#888)}.gallery-search-wrap input:focus{border-color:var(--white,#fff)}.gallery-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:1.5px solid var(--text-muted,#888);border-radius:50%;pointer-events:none}.gallery-search-icon:after{content:"";position:absolute;bottom:2px;left:10px;width:6px;height:1px;background:var(--text-muted,#888);transform:rotate(45deg)}.gallery-categories{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gallery-cat-btn{font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:10px 18px;border:1px solid var(--border-light,#333);background:transparent;color:var(--text-muted,#888);cursor:pointer;transition:border-color .3s,color .3s,background .3s;white-space:nowrap}.gallery-cat-btn:hover{border-color:var(--white,#fff);color:var(--white,#fff)}.gallery-cat-btn.active{border-color:var(--white,#fff);background:var(--white,#fff);color:var(--bg,#050505)}.gallery-copy-link{display:inline-flex;align-items:center;gap:10px;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:10px 18px;border:1px solid var(--border-light,#333);background:transparent;color:var(--text-muted,#888);cursor:pointer;transition:border-color .3s,color .3s;margin-left:auto}.gallery-copy-link:hover{border-color:var(--white,#fff);color:var(--white,#fff)}.gallery-copy-link.copied{border-color:#22c55e;color:#22c55e}.gallery-grid-wrap{padding:24px var(--container,24px) 120px;max-width:1600px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.gallery-card{position:relative;background:var(--bg-card,#0a0a0a);border:1px solid var(--border,#222);cursor:pointer;text-align:left;overflow:hidden;transition:border-color .35s ease,transform .35s cubic-bezier(.19,1,.22,1),box-shadow .35s ease}.gallery-card:hover{border-color:rgba(255,255,255,.2);transform:translateY(-6px);box-shadow:0 24px 48px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06)}.gallery-card:focus{outline:none;border-color:var(--white,#fff);box-shadow:0 0 0 2px var(--bg,#050505),0 0 0 3px var(--white,#fff)}.gallery-card-media{position:relative;aspect-ratio:16/10;overflow:hidden}.gallery-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.35));pointer-events:none}.gallery-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.19,1,.22,1),filter .5s ease;filter:brightness(.9)}.gallery-card-img--placeholder{background:linear-gradient(135deg,var(--bg-elevated,#111) 0,var(--border,#222) 100%)}.gallery-card:hover .gallery-card-img{transform:scale(1.05);filter:brightness(.75)}.gallery-card-duration{position:absolute;top:14px;right:14px;z-index:1;font-size:.68rem;font-weight:600;letter-spacing:.1em;padding:6px 11px;background:rgba(0,0,0,.8);color:var(--white,#fff);border:1px solid rgba(255,255,255,.12)}.gallery-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);z-index:1;width:76px;height:76px;background:rgba(255,255,255,.92);color:var(--bg,#050505);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,transform .3s ease,background .3s ease}.gallery-card:hover .gallery-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.gallery-card-play:hover{background:var(--white,#fff)}.gallery-card-play-icon{width:0;height:0;border-color:transparent transparent transparent currentcolor;border-style:solid;border-width:11px 0 11px 20px;margin-left:8px}.gallery-card-body{padding:24px 22px 26px;border-top:1px solid var(--border,#222)}.gallery-card-cat{display:block;font-size:.65rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted,#888);margin-bottom:10px}.gallery-card-title{font-family:Syne,sans-serif;font-size:1.08rem;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;line-height:1.28;margin:0 0 8px;color:var(--white,#fff)}.gallery-card-meta{font-size:.8rem;color:var(--text-muted,#888);margin:0;letter-spacing:.02em}.gallery-empty{text-align:center;padding:80px 24px}.gallery-empty-title{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px}.gallery-empty-desc{font-size:.95rem;max-width:400px}.gallery-empty-desc,.gallery-results{color:var(--text-muted,#888);margin:0 auto}.gallery-results{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:0 var(--container,24px) 16px;max-width:1600px}.gallery-modal{position:fixed;inset:0;background:#000;z-index:100001;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.gallery-modal.active{opacity:1;visibility:visible}.gallery-modal-close{position:absolute;top:24px;right:24px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.4);color:var(--white,#fff);font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease}.gallery-modal-close:hover{background:var(--white,#fff);color:var(--bg,#050505);border-color:var(--white,#fff)}.gallery-modal-close-x{font-size:1.4rem;font-weight:300;line-height:1}.gallery-modal-close-text{letter-spacing:.15em}.gallery-modal-frame{width:100%;max-width:1120px;background:var(--bg-card,#0a0a0a);border:1px solid var(--border,#222);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 32px 64px rgba(0,0,0,.6);display:flex;flex-direction:column;position:relative;z-index:1}.gallery-modal-video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000}.gallery-modal-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.gallery-modal-unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 24px;text-align:center;color:var(--text-muted,#888)}.gallery-modal-unsupported a{margin-top:8px}.gallery-modal-info{padding:24px 28px 28px;border-top:1px solid var(--border,#222)}.gallery-modal-title{font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:1.3;margin:0 0 6px;color:var(--white,#fff)}.gallery-modal-meta{font-size:.8rem;color:var(--text-muted,#888);margin:0;letter-spacing:.02em}@media (max-width:768px){.gallery-toolbar-inner{flex-direction:column;align-items:stretch}.gallery-search-wrap{max-width:none}.gallery-copy-link{margin-left:0}.gallery-grid{grid-template-columns:1fr;gap:24px}.gallery-modal{padding:16px}.gallery-modal-close{top:16px;right:16px;padding:10px 16px;font-size:.7rem}.gallery-modal-close-text{display:none}.gallery-modal-info{padding:20px 20px 24px}.gallery-modal-title{font-size:1rem}}