.real-life-gallery{margin:2rem 0;width:100%}.gallery-wrapper{max-width:900px;margin:0 auto}.gallery-wrapper h3{text-align:center}.main-slider-controls-wrapper{position:relative;width:100%}.slider-relative-container{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#000}.gallery-container.ratio-4-3 .slide-item{aspect-ratio:4/3}.main-display-slider{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.main-display-slider::-webkit-scrollbar{display:none}.main-display-slider.is-animating{pointer-events:none}.slide-item{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;aspect-ratio:16/9;overflow:hidden;background:#111;position:relative;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.frame-inset-photo,.gallery-img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(10px);transform:scale(1.05);transition:filter .6s ease,transform .6s ease;will-change:filter,transform}.frame-inset-photo.is-loaded,.gallery-img.is-loaded{filter:blur(0);transform:scale(1)}.thumb-nav-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;width:100%;box-sizing:border-box}.thumb-rail{flex:1;display:flex;gap:8px;overflow-x:auto;padding:8px 4px 10px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.3) transparent;-webkit-overflow-scrolling:touch}.nav-btn{flex:0 0 36px;height:36px;margin-bottom:8px;background:rgba(255,255,255,.9);outline:2px solid #eee;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:all .2s ease;color:#333;border:none;font-size:18px;padding:0;user-select:none}.nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}@media (min-width:768px){.thumb-nav-row{gap:12px}.thumb-rail{gap:10px;padding:10px 4px}.nav-btn{flex:0 0 44px;height:44px;font-size:22px}}.thumb-rail::-webkit-scrollbar{height:6px}.thumb-rail::-webkit-scrollbar-track{background:0 0}.thumb-rail::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;border:1px solid transparent;background-clip:content-box}.thumb-rail::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}.thumb-item{flex:0 0 70px;aspect-ratio:16/9;cursor:pointer;border-radius:2px;scroll-margin-bottom:5px;overflow:hidden;filter:brightness(.75) saturate(.8);transition:filter .4s cubic-bezier(.4, 0, .2, 1)}@media (min-width:768px){.thumb-item{flex:0 0 100px;border-radius:4px}}.thumb-item.active{outline:3px solid var(--theme-accent,#e2be00);filter:brightness(1) saturate(1)}.thumb-item img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.image-counter{position:absolute;bottom:15px;left:15px;right:auto;background:rgba(0,0,0,.6);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;z-index:10;user-select:none;-webkit-user-select:none}.high-res-spinner{position:absolute;bottom:12px;left:85px;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);padding:10px;border-radius:50%;width:28px;height:28px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.high-res-spinner.is-loading{opacity:1;visibility:visible;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:768px){.image-counter{font-size:1rem;padding:.4em 1em;border-radius:99px;bottom:20px;left:20px}.high-res-spinner{bottom:17px;left:110px;width:40px;height:40px;border-width:5px}}@media (prefers-color-scheme:dark){.nav-btn{background:rgba(44,44,44,.9);outline:2px solid #555;color:#ccc;box-shadow:0 2px 6px rgba(0,0,0,.35)}.nav-btn:hover{background:#555;outline-color:#777;color:#fff}.thumb-rail{scrollbar-color:rgba(255,255,255,0.3) transparent}.thumb-rail::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2)}}html:not(.js-enabled) .image-counter,html:not(.js-enabled) .js-only-img,html:not(.js-enabled) .thumb-nav-row{display:none}html:not(.js-enabled) .main-display-slider{scrollbar-width:auto}html:not(.js-enabled) .main-display-slider::-webkit-scrollbar{display:block;height:8px}@keyframes interactive-hint{0%{transform:rotate(0) scale(1)}2%{transform:rotate(2.5deg) scale(1.05)}4%{transform:rotate(-2.5deg) scale(1.05)}6%{transform:rotate(1.5deg) scale(1.02)}8%{transform:rotate(0) scale(1)}100%{transform:rotate(0) scale(1)}}.frame-match-slider-variant .frame-inset-overlay{position:absolute;aspect-ratio:16/9;border:2px solid #fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.5);overflow:hidden;z-index:3;pointer-events:auto;font-size:10px;width:32%;bottom:4%;right:3%;transform-origin:center center;transition:all .5s ease-in-out}.frame-match-slider-variant .frame-inset-overlay:has(.frame-inset-photo.is-loaded){animation:interactive-hint 10s ease-in-out 2s infinite}.frame-match-slider-variant .frame-inset-overlay img{width:100%;height:100%;display:block;object-fit:cover}@media (hover:hover){.frame-match-slider-variant .slide-item.frame-match-item:hover .gallery-img{filter:brightness(.65)}.frame-match-slider-variant .slide-item.frame-match-item:hover .gallery-img.is-loaded{transform:scale(1.03)}.frame-match-slider-variant .slide-item.frame-match-item:hover .frame-inset-overlay{animation:none!important;width:66.66%;border-color:var(--theme-accent,#e2be00);transition:all .25s cubic-bezier(.215, .61, .355, 1);font-size:13px;right:16.66%;bottom:21.875%}}@media (max-width:767px){.frame-match-slider-variant .slide-item.frame-match-item:active .gallery-img,.frame-match-slider-variant .slide-item.frame-match-item:focus .gallery-img{filter:brightness(1) blur(0)!important;transform:scale(1)!important}.frame-match-slider-variant .slide-item.frame-match-item:active .frame-inset-overlay,.frame-match-slider-variant .slide-item.frame-match-item:focus .frame-inset-overlay{animation:none!important;border-color:#fff!important}}@media (orientation:landscape) and (max-device-height:500px){.gallery-container{--img-h:min(
      calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 110px), 
      350px
    );--btn-width:32px;--gap-space:20px;--btn-space:calc((var(--btn-width) * 2) + var(--gap-space));max-width:calc((var(--img-h) * 1.77) + var(--btn-space));margin:0 auto;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}.gallery-container.ratio-4-3{max-width:calc((var(--img-h) * 1.33) + var(--btn-space))}.thumb-nav-row{width:100%;margin-top:2px;display:flex;justify-content:center;align-items:center;gap:10px}.thumb-item{flex:0 0 60px;aspect-ratio:16/9}.thumb-rail{flex:0 1 auto;padding:3px 4px 10px}.nav-btn{flex:0 0 var(--btn-width);height:var(--btn-width);margin-bottom:5px;font-size:16px}.image-counter{bottom:8px;left:8px;font-size:.7rem;padding:2px 8px}.high-res-spinner{bottom:6px;left:65px;width:22px;height:22px}}