.gallery-hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}.gallery-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b26 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.gallery-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.gallery-hero-content{text-align:center;z-index:1;max-width:720px;margin:0 auto;position:relative}.gallery-hero .hero-badge{letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.gallery-hero .hero-badge i{width:16px;height:16px;color:var(--accent)}.gallery-hero h1{font-family:var(--font-heading);letter-spacing:-.5px;color:#fff;margin-bottom:20px;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.15}.gallery-hero h1 span{color:var(--accent)}.gallery-hero p{color:#ffffffd9;max-width:560px;margin:0 auto;font-size:16px;line-height:1.7}.gallery-section{background:var(--bg);padding:80px 0;position:relative}.gallery-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#1e3a8a08 0%,#0000 40%),radial-gradient(circle at 80% 70%,#f59e0b08 0%,#0000 40%);position:absolute;inset:0}.gallery-section .container{z-index:1;position:relative}.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px;display:grid}.gallery-item:first-child,.gallery-item:nth-child(6){grid-area:span 2/span 2}.gallery-item{background:var(--surface);cursor:pointer;width:100%;height:100%;box-shadow:var(--shadow-sm);border:none;border:1px solid var(--border);border-radius:16px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.gallery-item:hover{border-color:var(--primary);transform:translateY(-4px)scale(1.02);box-shadow:0 20px 40px #1e3a8a26}.gallery-item:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.gallery-placeholder{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 50%, var(--primary) 100%);color:#fff;background-size:200% 200%;place-items:center;width:100%;height:100%;animation:8s infinite gradientShift;display:grid;position:relative}.gallery-placeholder:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#f59e0b33 0%,#0000 60%);position:absolute;inset:0}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.gallery-placeholder i{z-index:1;filter:drop-shadow(0 4px 8px #0003);width:48px;height:48px;position:relative}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{opacity:0;color:#fff;text-align:center;background:linear-gradient(#0f172a33 0%,#0f172a80 50%,#0f172ad9 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay i{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;width:32px;height:32px;padding:8px;transition:transform .3s;transform:translateY(10px)}.gallery-item:hover .gallery-overlay i{transform:translateY(0)}.gallery-overlay span{letter-spacing:.3px;font-size:13px;font-weight:600;transition:transform .3s 50ms;transform:translateY(10px)}.gallery-item:hover .gallery-overlay span{transform:translateY(0)}.lightbox{z-index:9999;justify-content:center;align-items:center;padding:40px 20px;display:none;position:fixed;inset:0}.lightbox.open{animation:.3s lightboxFadeIn;display:flex}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-overlay{-webkit-backdrop-filter:blur(20px);background:#0f172aeb;position:absolute;inset:0}.lightbox-content{z-index:1;flex-direction:column;gap:16px;width:100%;max-width:900px;max-height:90vh;animation:.4s cubic-bezier(.34,1.56,.64,1) lightboxScaleIn;display:flex;position:relative}@keyframes lightboxScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;place-items:center;width:44px;height:44px;transition:all .2s;display:grid;position:absolute;top:-50px;right:0}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-close i{width:20px;height:20px}.lightbox-image{background:var(--surface);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-height:75vh;overflow:hidden;box-shadow:0 30px 80px #00000080}.lightbox-image img{object-fit:contain;width:100%;height:auto;max-height:75vh;display:block}.lightbox-image .gallery-placeholder{border-radius:20px;height:500px}.lightbox-caption{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;width:fit-content;max-width:100%;margin:0 auto;padding:16px 24px;font-size:14px;font-weight:600;overflow:hidden}.gallery-cta-section{background:var(--bg);padding:0 0 80px}.gallery-cta-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:40px;display:grid;position:relative;overflow:hidden}.gallery-cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b26 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.cta-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff1f;border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.cta-icon i{width:28px;height:28px;color:var(--accent)}.cta-content{z-index:1;position:relative}.cta-content .section-label{letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.cta-content h2{font-family:var(--font-heading);color:#fff;margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.3}.cta-content p{color:#ffffffd9;max-width:480px;margin:0;font-size:15px;line-height:1.6}.cta-actions{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}@media (width<=1050px){.gallery-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:180px}.gallery-item:first-child,.gallery-item:nth-child(6){grid-area:span 2/span 2}}@media (width<=800px){.gallery-hero{padding:60px 0 40px}.gallery-hero h1{font-size:30px}.gallery-section{padding:60px 0}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;gap:12px}.gallery-item:first-child,.gallery-item:nth-child(6){grid-area:span 1/span 2}.gallery-cta-card{text-align:left;grid-template-columns:1fr;gap:24px;padding:32px}.cta-actions{width:100%}.cta-actions .btn{flex:1}.lightbox{padding:20px 12px}.lightbox-close{top:-46px}.lightbox-image .gallery-placeholder{height:320px}}@media (width<=520px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:220px}.gallery-item:first-child,.gallery-item:nth-child(6){grid-area:span 1/span 1}.gallery-cta-card{padding:24px}.cta-content h2{font-size:20px}.cta-actions{flex-direction:column}.cta-actions .btn{justify-content:center;width:100%}.lightbox-caption{padding:12px 18px;font-size:12px}}[data-theme=dark] .gallery-item{border-color:#ffffff14}[data-theme=dark] .gallery-item:hover{box-shadow:0 20px 40px #00000080}[data-theme=dark] .gallery-placeholder{background:linear-gradient(135deg,#1e3a8a 0%,#3b5db3 50%,#1e3a8a 100%)}