.intro-overlay{pointer-events:none;z-index:100;justify-content:center;align-items:flex-start;padding-top:80px;display:flex;position:fixed;inset:0}.intro-text{letter-spacing:.15em;text-transform:uppercase;color:#000;mix-blend-mode:difference;opacity:0;font-size:1.25rem;animation:4s forwards introFade}@keyframes introFade{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}50%{opacity:1}to{opacity:0}}.slider-container{width:100%;height:100vh;margin:0;padding:0;position:relative;overflow:hidden}.slider{width:100%;height:100vh;position:relative;overflow:hidden}.slider:after{content:"";z-index:1;pointer-events:none;background:#00000040;position:absolute;inset:0}.background-wrapper{z-index:0;position:absolute;inset:0;overflow:hidden}.background{opacity:0;background-position:50%;background-size:cover;animation:.5s forwards dissolveIn;position:absolute;inset:0}@keyframes dissolveIn{0%{opacity:0;filter:blur(5px);transform:scale(1)}60%{opacity:.6;filter:blur(1.5px)}to{opacity:1;filter:blur();transform:scale(1)}}.window{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border-radius:12px;width:80%;max-width:700px;padding:20px;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.slide-texts{color:#fff;text-align:center;z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:1px solid #fff;border-radius:12px;width:fit-content;max-width:90%;padding:1.5rem 2rem;transition:opacity .6s;position:absolute;top:5%;left:50%;transform:translate(-50%);box-shadow:0 0 15px #0006}.slide-texts h1{margin-bottom:.75rem;font-size:1.8rem;font-weight:700}.slide-texts p{opacity:.9;font-size:1rem;line-height:1.5}.slide-texts a{color:#fff;background:#fff3;border:1px solid #fff;border-radius:5px;padding:10px 25px;text-decoration:none;transition:all .3s;display:inline-block}.slide-texts a:hover{color:#000;background:#fff}#prev,#next{color:#fff;cursor:pointer;z-index:2;opacity:.6;background:#0006;border:none;border-radius:10px;padding:10px 15px;font-size:3rem;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}#prev:hover,#next:hover{opacity:1;background:#080808bf;transform:translateY(-50%)scale(1.1)}#prev{left:2%}#next{right:2%}.gallery-title{text-align:center;letter-spacing:4px;text-transform:uppercase;color:#fff;opacity:.9;text-shadow:0 2px 10px #00000080;margin-top:-8px;margin-bottom:4px;padding:4px;font-size:1.3rem;font-weight:500}.gallery-grid{will-change:opacity, transform;grid-template-columns:repeat(3,1fr);gap:10px;transition:opacity .4s,transform .4s;display:grid}.img-wrap{border-radius:8px;transition:transform .35s cubic-bezier(.22,1,.36,1);overflow:hidden}@media (hover:hover) and (pointer:fine){.img-wrap:hover{transform:scale(1.05)}.img-wrap:hover img{filter:brightness(1.1)}}.img-wrap:active{transform:scale(.98)}.img-wrap:active img{filter:brightness(1.1)}.gallery-grid.in{opacity:1;transform:translateY(0)scale(1)}.gallery-grid.out{opacity:0;transform:translateY(10px)scale(.98)}.gallery-grid img{object-fit:cover;cursor:pointer;opacity:0;filter:blur(4px);will-change:transform, filter;border-radius:8px;width:100%;height:120px;transition:transform .35s cubic-bezier(.22,1,.36,1),filter .35s cubic-bezier(.22,1,.36,1),opacity .25s;animation:.5s forwards thumbIn;display:block}@keyframes thumbIn{0%{opacity:0;filter:blur(4px);transform:translateY(12px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.thumbnails{z-index:6;gap:1em;display:flex;position:absolute;transform:translate(-50%)}.thumbnails img{object-fit:cover;opacity:.5;cursor:pointer;border-radius:8px;width:80px;height:40px;transition:all .3s}.thumbnails img.active,.thumbnails img:hover{opacity:1;border:2px solid #fff;transform:scale(1.15)rotate(-1deg);box-shadow:0 4px 15px #fff6}.modal{z-index:999;cursor:pointer;opacity:0;background:radial-gradient(circle,#000000bf,#000000f2);justify-content:center;align-items:center;animation:.25s forwards fadeIn;display:flex;position:fixed;inset:0}.modal.closing{opacity:0}.modal-img{object-fit:contain;cursor:zoom-out;border-radius:12px;max-width:90vw;max-height:90vh;transition:transform .3s,opacity .3s;transform:scale(1)}.modal.closing .modal-img{opacity:0;transform:scale(.9)}@keyframes fadeIn{to{opacity:1}}.modal-nav{color:#fff;cursor:pointer;z-index:1000;background:#0006;border:none;border-radius:10px;padding:10px 15px;font-size:3rem;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav:hover{background:#ffffff4d}.modal-nav.left{left:2%}.modal-nav.right{right:2%}.modal-header{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;text-transform:uppercase;z-index:1000;background:#00000059;border-radius:999px;padding:10px 18px;font-size:18px;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%)}.modal-slider{position:relative;overflow:hidden}.modal-img.slide{transition:transform .4s,opacity .4s}.modal-img.slide-left{opacity:0;transform:translate(-40px)}.modal-img.slide-right{opacity:0;transform:translate(40px)}@media (max-width:600px){.slide-texts{max-width:90%;padding:1rem}.slide-texts h1{visibility:hidden;position:relative}.slide-texts p{text-shadow:2px 2px 4px #000c,0 0 6px #000000d9;font-size:20px}.gallery-grid img{height:80px}}.arrow{color:#fff;cursor:pointer;font-size:3rem;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (min-width:2000px){.intro-text{color:#fff;mix-blend-mode:normal;letter-spacing:.05em;text-shadow:0 2px 20px #0000004d}}
