:root{--brand: #ae3e56;--brand-soft: #f39ca2;--brand-dark: #933449}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Aloevera,sans-serif;font-weight:300;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:var(--brand)}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:var(--brand)}.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:var(--brand)}.dropdown.show{display:flex}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:none;margin:0;padding:0}.gallery-item{position:relative;aspect-ratio:3 / 2;overflow:hidden;opacity:0;transition:opacity .6s ease}.gallery-link{display:block;width:100%;height:100%;text-decoration:none}.gallery-item.is-visible{opacity:1}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease;filter:brightness(.75);transform:scale(var(--crop-zoom, 1))}.gallery-item:hover img,.gallery-link:focus-visible img{transform:scale(calc(var(--crop-zoom, 1) * 1.04));filter:brightness(.55)}.gallery-link:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.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:Aloevera,sans-serif;font-weight:400}@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;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:var(--brand);text-decoration:underline;transition:color .2s ease}footer a:hover{color:var(--brand-soft)}body,p,li,a,nav,span{font-family:Aloevera,sans-serif;font-weight:300}.overlay h2,.overlay button,.hero-text,.about-text h1,button{font-family:Aloevera,sans-serif;font-weight:400}@media (max-width: 1024px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.gallery{grid-template-columns:1fr}}