.gallery-container{max-width:1400px;margin:10px auto;padding:0 40px;color:#1a1a1a;overflow:hidden}@media(max-width:768px){.gallery-container{padding:0 20px}}.gallery-hero{height:50vh;position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:80px;border-radius:15px;overflow:hidden;text-align:center}.gallery-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/image/howimg5.avif) no-repeat 50%;background-size:cover;z-index:-2}.gallery-hero .gallery-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:-1}.gallery-hero .gallery-hero-content{color:#fff;max-width:800px;padding:0 20px}.gallery-hero .gallery-hero-content h1{font-size:72px;font-weight:800;margin-bottom:20px;line-height:1.2}.gallery-hero .gallery-hero-content h1 span{color:#ffae02;position:relative}.gallery-hero .gallery-hero-content h1 span:after{content:"";position:absolute;bottom:10px;left:0;width:100%;height:10px;background-color:rgba(255,174,2,.3);z-index:-1}.gallery-hero .gallery-hero-content p{font-size:20px;font-weight:300;letter-spacing:1px;opacity:.9}@media(max-width:768px){.gallery-hero{height:40vh;margin-bottom:60px}.gallery-hero .gallery-hero-content h1{font-size:48px;margin-bottom:15px}.gallery-hero .gallery-hero-content h1 span:after{bottom:5px;height:7px}.gallery-hero .gallery-hero-content p{font-size:18px}}@media(max-width:480px){.gallery-hero{height:30vh;margin-bottom:40px}.gallery-hero .gallery-hero-content h1{font-size:36px}.gallery-hero .gallery-hero-content p{font-size:16px}}.gallery-section{padding:40px 0;margin-bottom:80px;text-align:center}.gallery-section .section-title{font-size:48px;font-weight:700;margin-bottom:20px;color:#1a1a1a}.gallery-section .section-title span{color:#ffae02}@media(max-width:768px){.gallery-section .section-title{font-size:38px;margin-bottom:15px}}@media(max-width:480px){.gallery-section .section-title{font-size:30px;margin-bottom:10px}}.gallery-section .section-description{font-size:18px;color:#555;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}@media(max-width:768px){.gallery-section .section-description{font-size:16px;margin-bottom:40px}}@media(max-width:480px){.gallery-section .section-description{font-size:14px;margin-bottom:30px}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:250px;grid-gap:20px;gap:20px}@media(min-width:1025px){.gallery-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}}.gallery-grid .gallery-card{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.1);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.gallery-grid .gallery-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 10px 25px rgba(0,0,0,.15)}.gallery-grid .gallery-card.landscape{grid-column:span 2}@media(max-width:1024px){.gallery-grid .gallery-card.landscape{grid-column:span 1}}.gallery-grid .gallery-card.portrait{grid-row:span 2}@media(max-width:1024px){.gallery-grid .gallery-card.portrait{grid-row:span 1}}.gallery-grid .gallery-card .gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-grid .gallery-card:hover .gallery-image{transform:scale(1.05)}.gallery-grid .gallery-card .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent 60%);color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transition:opacity .3s ease;padding:20px;text-align:center}.gallery-grid .gallery-card .image-overlay h3{font-size:24px;font-weight:700;margin-bottom:10px;transform:translateY(20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.gallery-grid .gallery-card .image-overlay p{font-size:16px;opacity:0;transform:translateY(20px);transition:transform .3s ease,opacity .3s ease;transition-delay:.1s}.gallery-grid .gallery-card:hover .image-overlay{opacity:1}.gallery-grid .gallery-card:hover .image-overlay h3,.gallery-grid .gallery-card:hover .image-overlay p{transform:translateY(0);opacity:1}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:200px;gap:15px}.gallery-grid .gallery-card .image-overlay h3{font-size:20px}.gallery-grid .gallery-card .image-overlay p{font-size:14px}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:180px;gap:10px}.gallery-grid .gallery-card .image-overlay h3{font-size:18px}.gallery-grid .gallery-card .image-overlay p{font-size:13px}}