.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);z-index:2147483647;padding:2rem}.image-modal-content,.image-modal-overlay{display:flex;align-items:center;justify-content:center}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;width:100%;height:100%;flex-direction:column}.image-modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all .3s ease;z-index:2147483647;backdrop-filter:blur(10px)}.image-modal-close:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:scale(1.1)}.image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all .3s ease;z-index:2147483647;backdrop-filter:blur(10px)}.image-modal-prev{left:1rem}.image-modal-next{right:1rem}.image-modal-nav:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}.image-modal-nav:disabled{opacity:.3;cursor:not-allowed}.image-modal-nav:disabled:hover{transform:translateY(-50%);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.image-modal-image-container{position:relative;width:100%;height:100%;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-modal-image{max-width:100%;max-height:100%;object-fit:contain}.image-modal-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:200px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:white;font-size:1rem;backdrop-filter:blur(10px)}.image-modal-counter{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:white;padding:.5rem 1rem;border-radius:1.5rem;font-size:.875rem;font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@media (max-width:768px){.image-modal-overlay{padding:1rem}.image-modal-close{top:.5rem;right:.5rem}.image-modal-close,.image-modal-nav{width:2.5rem;height:2.5rem}.image-modal-prev{left:.5rem}.image-modal-next{right:.5rem}.image-modal-image-container{max-width:95vw;max-height:80vh}.image-modal-counter{bottom:.5rem;font-size:.75rem;padding:.375rem .75rem}}@media (max-width:480px){.image-modal-overlay{padding:.5rem}.image-modal-close{top:.25rem;right:.25rem}.image-modal-close,.image-modal-nav{width:2rem;height:2rem}.image-modal-prev{left:.25rem}.image-modal-next{right:.25rem}.image-modal-image-container{max-width:98vw;max-height:70vh}.image-modal-counter{bottom:.25rem;font-size:.625rem;padding:.25rem .5rem}}.fence-planet-gallery{width:100%;overflow-x:hidden;min-height:100vh;background-color:white;position:relative;z-index:1}.fence-planet-gallery .gallery-container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}@media (min-width:768px){.fence-planet-gallery .gallery-container{padding:0 2rem}}@media (min-width:1024px){.fence-planet-gallery .gallery-container{padding:0 4rem}}.fence-planet-gallery .gallery-hero-section{position:relative;height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.fence-planet-gallery .gallery-hero-background{position:absolute;inset:0}.fence-planet-gallery .gallery-hero-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.5)}.fence-planet-gallery .gallery-hero-content{position:relative;z-index:10;text-align:center;color:white}.fence-planet-gallery .gallery-hero-title{font-size:3.75rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:768px){.fence-planet-gallery .gallery-hero-title{font-size:4.5rem}}@media (min-width:1024px){.fence-planet-gallery .gallery-hero-title{font-size:6rem}}.fence-planet-gallery .gallery-main-section{padding-top:4rem;padding-bottom:4rem;margin-top:2rem;margin-bottom:6rem;width:100%;background-color:white;position:relative;z-index:1}.fence-planet-gallery .gallery-header{text-align:center;margin-bottom:3rem}.fence-planet-gallery .gallery-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem;line-height:1.2}.fence-planet-gallery .gallery-description{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.fence-planet-gallery .gallery-filters{display:flex;justify-content:center;gap:.75rem;margin-bottom:3rem;flex-wrap:wrap}.fence-planet-gallery .gallery-filter-btn{padding:.75rem 1.5rem;border:1px solid #d1d5db;border-radius:2rem;background-color:white;color:#374151;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.fence-planet-gallery .gallery-filter-btn:hover{border-color:rgba(243,122,31,1);color:rgba(243,122,31,1)}.fence-planet-gallery .gallery-filter-btn.active{background-color:rgba(243,122,31,1);border-color:rgba(243,122,31,1);color:white}@media (max-width:768px){.fence-planet-gallery .gallery-filters{gap:.5rem;margin-bottom:2.5rem}.fence-planet-gallery .gallery-filter-btn{padding:.625rem 1.25rem;font-size:.875rem}}.fence-planet-gallery .gallery-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%;position:relative;z-index:2}@media (min-width:768px){.fence-planet-gallery .gallery-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.fence-planet-gallery .gallery-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (min-width:1280px){.fence-planet-gallery .gallery-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.fence-planet-gallery .gallery-item{position:relative;overflow:hidden;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;transform:scale(1);width:100%;height:auto;background-color:white;display:block}.fence-planet-gallery .gallery-item:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:scale(1.02)}.fence-planet-gallery .gallery-image-container{position:relative;aspect-ratio:4/3;overflow:hidden;width:100%;height:auto;min-height:200px;background-color:#f5f5f5;display:block}.fence-planet-gallery .gallery-image{object-fit:cover;transition:transform .5s ease;width:100%;height:100%;display:block}.fence-planet-gallery .gallery-item:hover .gallery-image{transform:scale(1.1)}.fence-planet-gallery .gallery-image-placeholder{position:absolute;inset:0;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#666;font-size:1rem;text-align:center;padding:1rem;font-weight:500}@media (max-width:768px){.fence-planet-gallery .gallery-hero-section{height:40vh}.fence-planet-gallery .gallery-hero-title{font-size:2.5rem;margin-bottom:1rem}.fence-planet-gallery .gallery-main-section{padding-top:2rem;padding-bottom:2rem;margin-top:1rem;margin-bottom:3rem}.fence-planet-gallery .gallery-title{font-size:2rem}.fence-planet-gallery .gallery-description{font-size:1rem;padding:0 1rem}.fence-planet-gallery .gallery-grid{gap:1rem;display:grid;grid-template-columns:1fr}.fence-planet-gallery .gallery-item{border-radius:.5rem;display:block}.fence-planet-gallery .gallery-image-container{position:relative!important;width:100%!important;height:300px!important;aspect-ratio:unset!important;min-height:300px!important;background-color:#f5f5f5!important;display:block!important;overflow:hidden!important}.fence-planet-gallery .gallery-image-container .gallery-image{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.fence-planet-gallery .gallery-image-placeholder{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;font-size:.875rem;padding:.75rem}}@media (max-width:480px){.fence-planet-gallery .gallery-hero-section{height:35vh}.fence-planet-gallery .gallery-hero-title{font-size:2rem}.fence-planet-gallery .gallery-main-section{padding-top:1.5rem;padding-bottom:1.5rem;margin-top:1rem;margin-bottom:2rem}.fence-planet-gallery .gallery-title{font-size:1.75rem}.fence-planet-gallery .gallery-description{font-size:.875rem;padding:0 .5rem}.fence-planet-gallery .gallery-filters{gap:.25rem;margin-bottom:2rem}.fence-planet-gallery .gallery-filter-btn{padding:.5rem 1rem;font-size:.75rem}.fence-planet-gallery .gallery-grid{gap:.75rem;display:grid;grid-template-columns:1fr}.fence-planet-gallery .gallery-image-container{position:relative!important;width:100%!important;height:250px!important;aspect-ratio:unset!important;min-height:250px!important;background-color:#f5f5f5!important;display:block!important;overflow:hidden!important}.fence-planet-gallery .gallery-image-container .gallery-image{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.fence-planet-gallery .gallery-image-placeholder{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;font-size:.75rem;padding:.5rem}}