*{margin:0;padding:0;box-sizing:border-box}body{font-family:NobelUno,sans-serif;background-color:#212121;color:#e9e9ea}header{text-align:center;padding:.7rem 1rem 1rem}.logo{width:15%;height:auto;margin-bottom:1rem}nav{text-align:center;margin-bottom:2rem;position:relative}nav ul{list-style:none;display:inline-flex;flex-wrap:wrap;gap:1.5rem;position:relative}nav li{font-size:.95rem;color:#bbb;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition:color .2s ease}nav li:hover{color:#9851dd}nav li .dropdown-toggle{display:inline-flex;align-items:center;gap:5px}.nav-li{font-size:.95rem;color:#bbb;cursor:pointer;position:relative;text-decoration:none;transition:color .2s ease}.nav-li:hover{color:#9851dd}.dropdown{position:absolute;top:130%;left:0;background:#333;padding:1rem;border-radius:6px;display:none;flex-direction:column;gap:.6rem;min-width:220px;box-shadow:0 4px 8px #0000004d;z-index:10}.dropdown a{color:#ddd;text-decoration:none;font-size:.9rem;transition:color .2s ease}.dropdown a:hover{color:#9851dd}.dropdown.show{display:flex}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1400px;margin:0 auto;padding:0 2rem 2rem}.gallery-item{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;border-radius:6px;text-decoration:none;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.gallery-item.is-visible{opacity:1;transform:translateY(0)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease;filter:brightness(.75)}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.04);filter:brightness(.55)}.gallery-item:focus-visible{outline:2px solid #9851dd;outline-offset:3px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;color:#fff;opacity:0;transition:opacity .4s ease;background:linear-gradient(to top,#0000008c,#00000026)}.gallery-item:hover .overlay,.gallery-item:focus-visible .overlay{opacity:1}.overlay h2{font-size:2rem;font-weight:700;padding:0 1rem;text-shadow:1px 1px 6px rgba(0,0,0,.5)}.overlay-btn{padding:.6rem 1.4rem;background-color:#fff;color:#111;font-weight:500;border-radius:4px;font-family:Agatha,sans-serif}@media (hover: none){.overlay{opacity:1;justify-content:flex-end;padding-bottom:1.25rem;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 45%)}.overlay-btn{display:none}.overlay h2{font-size:1.5rem}.gallery-item img{filter:brightness(.9)}}@media (prefers-reduced-motion: reduce){.gallery-item{opacity:1;transform:none;transition:none}.gallery-item img{transition:none}}footer{text-align:center;padding:2rem 1rem 1rem;font-size:.8rem;color:#aaa}.social-footer{display:flex;justify-content:center;gap:1rem;margin-bottom:.7rem}.social-footer a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;opacity:.6;transition:opacity .3s ease}.social-footer a:hover{opacity:1}.social-footer img{width:20px;height:20px}footer a{color:#9851dd;text-decoration:underline;transition:color .2s ease}footer a:hover{color:#9f63db}@font-face{font-family:Agatha;src:url(/build/assets/Agatha-DzDQVqat.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NobelUno;src:url(/build/assets/NobelUno-Regular-D1c6zcjE.ttf) format("truetype");font-weight:400;font-style:normal}body,p,li,a,nav,span{font-family:NobelUno,sans-serif}.overlay h2,.overlay button,.hero-text,.about-text h1,button{font-family:Agatha,sans-serif}@media (max-width: 1024px){.gallery{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1.5rem 1.5rem}}@media (max-width: 768px){.gallery{grid-template-columns:1fr;padding:0 1rem 1rem}.logo{width:60%}}