body{color:#222;font-family:sans-serif;line-height:1.5;margin:0;overflow-x:hidden}header{margin-bottom:1rem;margin-right:1rem;position:absolute;top:0;left:0;width:100%;z-index:10;background:0 0}footer{border-top:1px solid #222;margin-top:1rem}a{color:#00e;text-decoration:none}h1{font-family:sacramento,cursive;font-size:7.5rem;font-weight:400;font-style:normal}h2{font-family:sacramento,cursive;font-size:4.5rem;font-weight:200;text-align:center;margin-bottom:1rem}.subtitle{font-family:bitcount single,system-ui;font-size:4.5rem;font-weight:400;text-align:center}.site-header{display:flex;justify-content:center}.site-nav-container{margin:2rem auto 0;width:100%;padding:0 1rem;box-sizing:border-box}.site-nav{display:flex;justify-content:flex-end;width:100%}.site-nav ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.site-nav a{color:#fff;font-weight:600;text-decoration:none;font-size:1.5rem;position:relative;padding:.25rem}.site-nav a::after{content:'';display:block;width:0%;height:2px;background:#fff;transition:width .3s;position:absolute;bottom:0;left:0}.site-nav a:hover::after,.site-nav a.active::after{width:100%}.hero{width:100%;height:100vh;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}.hero-text{text-align:center}.scroll-down{display:inline-block;margin-top:20px;font-size:2rem;color:#fff;text-decoration:none;animation:bounce 1.5s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.content{min-height:100vh;padding:2rem;background:#fff;color:#000}.fade-section{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-section.visible{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}.photo-grid{column-count:3;column-gap:50px;max-width:100%;margin:2rem auto}.photo-grid img.fade-in.visible{opacity:1;transform:translateY(0)}.photo{break-inside:avoid;margin-bottom:50px}.photo img{width:100%;height:auto;display:block;border-radius:4px;transition:transform .3s ease,box-shadow .3s ease}.photo img:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,.3)}@media(max-width:900px){.photo-grid{column-count:2}h1{font-size:3.5rem}h2{font-size:2.5rem}.subtitle{font-size:1.5rem}}@media(max-width:600px){.photo-grid{column-count:1}h1{font-size:2.5rem}h2{font-size:2rem}.subtitle{font-size:1rem}}.photo{position:relative}.photo-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);font-family:ibm plex mono,monospace;font-size:.85rem;color:#fff;text-align:center;padding:.3rem 0;opacity:0;transition:opacity .3s ease}.photo:hover .photo-overlay{opacity:1}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999}.lightbox.active{opacity:1;pointer-events:auto}.lightbox img{max-width:90%;max-height:80%;border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,.5);transition:transform .3s ease}.lightbox img.fade-in{transform:scale(1);opacity:1}.lightbox .nav{position:absolute;top:50%;font-size:3rem;color:#fff;cursor:pointer;user-select:none;transform:translateY(-50%);padding:0 15px}.lightbox .prev{left:0}.lightbox .next{right:0}.lightbox .close{position:absolute;top:15px;right:20px;font-size:2rem;cursor:pointer}