*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color:#f9f9f9;--text-color:#333;--accent-color:#8a7b72;--nav-height:80px;--indexpage-content-height:20px;--page-content-height:80px}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}nav{position:fixed;top:0;width:100%;height:var(--nav-height);display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:#f9f9f9e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}.logo{font-size:1.5rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.nav-links a{text-decoration:none;color:var(--text-color);margin-left:30px;font-size:.9rem;letter-spacing:1px;transition:color .3s}.nav-links a.router-link-exact-active,.nav-links a:hover{color:var(--accent-color)}.indexpage-content{margin-top:var(--indexpage-content-height);padding:30px 5%}.page-content{margin-top:var(--page-content-height);padding:30px 5%}.hero{height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;background:url(../images/hero-bg.jpeg) 50%/cover no-repeat;color:#fff}.hero h1{font-size:3rem;font-weight:200;letter-spacing:5px;margin-bottom:20px}.hero p{font-size:1.2rem;font-weight:300;opacity:.9}.masonry-wrapper{-moz-column-count:4;column-count:4;-moz-column-gap:20px;column-gap:20px;width:100%;max-width:100%}.masonry-wrapper .gallery-item{-moz-column-break-inside:avoid;break-inside:avoid;display:inline-block;margin-bottom:20px;position:relative;overflow:hidden;border-radius:4px;cursor:pointer}.masonry-wrapper .gallery-item img{width:100%;display:block;transition:transform .5s ease;min-height:100px;background-color:#eee}.masonry-wrapper .gallery-item:hover img{transform:scale(1.05)}.masonry-wrapper .gallery-item .overlay{position:absolute;bottom:0;left:0;right:0;background:#0006;color:#fff;padding:20px;transform:translateY(100%);transition:transform .3s ease}.masonry-wrapper .gallery-item:hover .overlay{transform:translateY(0)}@media(max-width:1200px){.masonry-wrapper{-moz-column-count:3;column-count:3}}@media(max-width:992px){.masonry-wrapper{-moz-column-count:2;column-count:2}}@media(max-width:768px){.masonry-wrapper{-moz-column-count:1;column-count:1}}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger span{display:block;width:25px;height:2px;background-color:var(--text-color);margin:5px 0;transition:all .3s ease}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.video-item{position:relative;aspect-ratio:16/10;overflow:hidden}.video-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ffffffd9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--accent-color);padding-left:4px;transition:all .3s ease;z-index:2}.video-item:hover .video-play-icon{background:var(--accent-color);color:#fff;transform:translate(-50%,-50%) scale(1.1)}.gallery-page,.videos-page{margin-top:90px}@media(max-width:768px){.hamburger{display:block}.nav-links{position:fixed;top:var(--nav-height);left:0;width:100%;height:calc(100vh - var(--nav-height));background:#f9f9f9fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;opacity:0;visibility:hidden;transition:all .3s ease}.nav-links a{margin-left:0;font-size:1.2rem}.nav-links.active{opacity:1;visibility:visible}.hamburger.active span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.video-item{aspect-ratio:16/10}.video-play-icon{width:45px;height:45px;font-size:1rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;margin-bottom:2rem;padding:1.5rem 0}.page-btn{padding:.6rem 1.5rem;background-color:transparent;color:var(--text-color);border:1px solid rgba(0,0,0,.15);border-radius:30px;cursor:pointer;font-weight:400;font-size:.9rem;letter-spacing:1px;transition:all .3s ease;text-decoration:none;display:inline-block}.page-btn:hover:not(:disabled){background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.page-btn:disabled{background-color:transparent;color:#ccc;border-color:#0000000d;cursor:not-allowed}.page-info{color:var(--text-color);opacity:.6;font-size:.85rem;font-weight:300;letter-spacing:1px;min-width:120px;text-align:center}