*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#08344b}.hero{height:100vh;background-image:url(/assets/statue_1.jpg);background-size:cover;background-position:center;background-color:#0b1f2a;position:relative;z-index:1}.hero-overlay{position:absolute;inset:0;background:#0006;z-index:2}.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding:80px;color:#fff;overflow:hidden;z-index:3}.hero h1{font-size:3rem;font-weight:600;animation:fadeSlideIn 1.2s ease forwards;opacity:0}.hero p{font-size:1.3rem;margin-top:12px;animation:fadeSlideIn 1.6s ease forwards;opacity:0}.hero-text h1,.hero-text p{text-shadow:2px 2px 8px rgba(0,0,0,.5)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-scroll{position:absolute;bottom:40px;right:40px;display:flex;flex-direction:column;align-items:flex-end;color:#fff;text-align:right;font-size:.95rem;opacity:1;z-index:5}.hero-scroll .arrow{font-size:2rem;margin-bottom:8px;animation:bounce 1.5s infinite;color:#fff}.hero-scroll p{font-size:.75rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.hero-scroll{opacity:0;animation:fadeIn 1.8s ease forwards 1.2s}@keyframes fadeIn{to{opacity:1}}.scroll-wrapper{position:relative;width:100%}.scroll-background{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity .8s ease-in-out;z-index:0}.scroll-background:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#000000a6,#0006,#000000a6)}.scroll-content{position:relative;z-index:4;padding-left:6vw;padding-top:20vh;width:50%}.scroll-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;color:#fff;transition:opacity .5s ease}.scroll-section h2{font-size:3rem;margin-bottom:1rem}.scroll-section p{font-size:1.2rem;max-width:500px}.map-overlay{position:fixed;top:15vh;right:5vw;bottom:15vh;width:44vw;background:#00000026;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #00000059;z-index:0;opacity:0;pointer-events:none;transition:opacity .8s ease-in-out}.map-overlay.active{opacity:1;pointer-events:auto}.marker-tooltip{position:absolute;bottom:130%;left:50%;transform:translate(-50%);min-width:260px;max-width:340px;background:#000000d9;color:#fff;padding:10px 12px;border-radius:8px;font-size:.85rem;line-height:1.3;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.marker-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(0,0,0,.85) transparent transparent transparent}.custom-marker:hover .marker-tooltip{opacity:1;transform:translate(-50%) translateY(-6px)}.custom-marker{font-size:28px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffe6;box-shadow:0 6px 18px #00000059;transform:translateY(-50%)}.custom-marker.windmill{border:2px solid #4fa3d1}.custom-marker.solar{border:2px solid #f5c542}.custom-marker.hydro{border:2px solid black}.custom-marker.leiki{border:2px solid green}.custom-marker.recycling{border:2px solid red}.navbar{position:fixed;top:0;width:100%;height:50px;background:#ffffffd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000}.navbar-inner{max-width:1450px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box}.navbar-name{color:#000;font-size:1rem;font-weight:600;white-space:nowrap;text-decoration:none}.navbar-links{display:flex;gap:24px}.navbar-links a{color:#000;text-decoration:none;font-size:.95rem;white-space:nowrap}.mapbar{position:fixed;top:50px;width:100%;height:25px;background:#f7ae6bd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.mapbar-content{color:#000;font-size:.8rem;font-weight:500;text-align:center;line-height:25px}.gilman-page{min-height:100vh;background:#f9f9f9;color:#111}.gilman-hero{width:60%;height:30vh;margin-top:5vh;margin-left:auto;margin-right:auto;overflow:hidden;border-radius:5vh}.gilman-image{width:100%;height:100%;object-fit:cover}.gilman-content{max-width:900px;margin:0 auto;padding:60px 24px}.gilman-content h1{font-size:2.4rem;margin-bottom:16px;text-align:center}.gilman-link{display:inline-block;margin-bottom:32px;font-weight:500;color:#1a5fd0;text-decoration:none;margin-left:26vh;margin-right:26vh}.gilman-link:hover{text-decoration:underline}.gilman-content p{font-size:1.1rem;line-height:1.7;margin-bottom:20px;text-align:center}.trips-page{background:#0b0b0b;color:#fff}.trips-hero{position:relative;height:85vh;display:flex;align-items:center;justify-content:center;background:url(../assets/trips/hero.jpg) center/cover no-repeat}.trips-hero-overlay{position:absolute;inset:0;background:#0000008c}.trips-hero h1{position:relative;font-size:clamp(2.5rem,5vw,4rem);letter-spacing:1px;z-index:1}.trips-map{padding:60px 0;background:#0f0f0f;display:flex;justify-content:center}.trips-map img{width:90%;max-width:1100px;border-radius:16px;box-shadow:0 20px 60px #0009}.trips-gallery{columns:3;column-gap:20px;padding:60px 40px}.trip-photo{break-inside:avoid;margin-bottom:20px;position:relative}.trip-photo img{width:100%;border-radius:14px;display:block}.photo-label{position:absolute;bottom:12px;left:12px;background:#0009;padding:6px 10px;border-radius:8px;font-size:.85rem;letter-spacing:.3px}@media(max-width:900px){.trips-gallery{columns:2}}@media(max-width:600px){.trips-gallery{columns:1;padding:40px 20px}}