.yaan-hero-gallery-container{border-radius:16px;flex-direction:column;gap:16px;width:100%;height:400px;margin-top:24px;display:flex;overflow:hidden}@media (min-width:640px){.yaan-hero-gallery-container{height:500px}}@media (min-width:768px){.yaan-hero-gallery-container{flex-direction:row}}@media (min-width:1024px){.yaan-hero-gallery-container{height:600px}}.yaan-hero-gallery-main-item{cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden}@media (min-width:768px){.yaan-hero-gallery-main-item{width:50%}}.yaan-hero-gallery-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:16px;width:100%;height:100%;display:grid}@media (min-width:768px){.yaan-hero-gallery-grid{width:50%}}.yaan-hero-gallery-item{cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.yaan-hero-gallery-media{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.yaan-hero-gallery-item:hover .yaan-hero-gallery-media,.yaan-hero-gallery-main-item:hover .yaan-hero-gallery-media{transform:scale(1.1)}.yaan-hero-gallery-play-btn{pointer-events:none;background-color:#0003;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:absolute;inset:0}.yaan-hero-gallery-item:hover .yaan-hero-gallery-play-btn{background-color:#0000001a}.yaan-hero-gallery-play-icon-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff3;border:1px solid #ffffff4d;border-radius:50%;padding:12px;box-shadow:0 10px 15px -3px #0000001a}.yaan-hero-gallery-more-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:absolute;inset:0}.yaan-hero-gallery-more-overlay:hover{background-color:#000000b3}.yaan-hero-gallery-more-text{color:#fff;font-size:20px;font-weight:700;transition:transform .3s}.yaan-hero-gallery-more-overlay:hover .yaan-hero-gallery-more-text{transform:scale(1.05)}.yaan-hero-gallery-lightbox{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000f2;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.yaan-hero-gallery-lightbox-controls{z-index:50;align-items:center;gap:16px;display:flex;position:absolute;top:24px;right:24px}.yaan-hero-gallery-lightbox-counter{color:#fff9;letter-spacing:.1em;background-color:#0006;border:1px solid #ffffff1a;border-radius:9999px;padding:6px 16px;font-size:14px;font-weight:600}.yaan-hero-gallery-lightbox-close{color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}@media (min-width:1024px){.yaan-hero-gallery-lightbox-close{padding:12px}}.yaan-hero-gallery-lightbox-close:hover{color:#ef4444;background-color:#fff3}.yaan-hero-gallery-lightbox-nav{color:#fff;cursor:pointer;z-index:50;background-color:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;transition:all .2s;display:flex;position:absolute}@media (min-width:1024px){.yaan-hero-gallery-lightbox-nav{padding:16px}}.yaan-hero-gallery-lightbox-nav:hover{color:#facc15;background-color:#fff3}.yaan-hero-gallery-lightbox-nav.prev{left:16px}@media (min-width:768px){.yaan-hero-gallery-lightbox-nav.prev{left:32px}}.yaan-hero-gallery-lightbox-nav.next{right:16px}@media (min-width:768px){.yaan-hero-gallery-lightbox-nav.next{right:32px}}.yaan-hero-gallery-lightbox-content{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;max-width:95vw;max-height:90vh;display:flex;position:relative}@media (min-width:1024px){.yaan-hero-gallery-lightbox-content{max-width:85vw}}.yaan-hero-gallery-lightbox-media{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh;box-shadow:0 25px 50px -12px #00000080}.yaan-hero-gallery-lightbox-media.video{background-color:#000;border:1px solid #ffffff1a}.yaan-hero-gallery-play-icon{color:#fff;width:20px;height:20px;margin-left:4px}