:root{
  --white:#fff;
  --soft:rgba(255,255,255,.78);
  --muted:rgba(255,255,255,.58);
  --glass:rgba(255,255,255,.13);
  --glass-strong:rgba(255,255,255,.19);
  --line:rgba(255,255,255,.32);
  --shadow:0 22px 70px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
body{overflow:hidden;background:#10233d;color:var(--white);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit}
.background{position:fixed;inset:-2%;z-index:-5;background:url("lake-background.png") center 48%/cover no-repeat;transform:scale(1.015);transition:filter 1s ease,transform 1.2s ease}
.atmosphere{position:fixed;inset:0;z-index:-4;background:linear-gradient(180deg,rgba(4,15,31,.28) 0%,rgba(4,15,31,.03) 42%,rgba(4,13,27,.28) 100%),radial-gradient(circle at 74% 40%,rgba(255,193,137,.08),transparent 30%);pointer-events:none}
.grain{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:220px;height:220px;border-radius:50%;left:var(--mx,50%);top:var(--my,45%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.09),transparent 68%);filter:blur(10px);z-index:-1;pointer-events:none;transition:left .25s ease-out,top .25s ease-out}

.nav{height:88px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}
.logo{appearance:none;border:0;background:none;cursor:pointer;font-size:23px;font-weight:300;letter-spacing:-.06em;padding:8px}.logo span{font-size:12px;margin-left:5px;vertical-align:4px}
.nav-pill{display:flex;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.25);border-radius:28px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.22),0 14px 42px rgba(0,0,0,.12);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.nav-pill button{border:0;background:transparent;border-radius:20px;padding:8px 15px;color:rgba(255,255,255,.64);font-size:12px;cursor:pointer;transition:.3s ease}
.nav-pill button:hover,.nav-pill button.active{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.18)}
.time-pill{border:1px solid rgba(255,255,255,.28);border-radius:26px;background:rgba(255,255,255,.09);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px);display:flex;align-items:center;gap:11px;padding:9px 15px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.2),0 12px 35px rgba(0,0,0,.1);transition:.35s ease}
.time-pill:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}
.sun{font:21px Arial;opacity:.9;display:inline-block;transition:transform .7s ease}.time-pill:hover .sun{transform:rotate(35deg)}
.time-pill b,.time-pill small{display:block;font-family:"DM Mono",monospace;font-weight:400}.time-pill b{font-size:12px}.time-pill small{font-size:8px;color:var(--muted);margin-top:2px}

main{width:min(1150px,89vw);height:calc(100svh - 183px);margin:auto;position:relative}
.hero{height:62%;min-height:420px;position:relative;padding-top:7vh}
.copy{margin-left:8vw}.eyebrow{font:10px "DM Mono",monospace;letter-spacing:.34em;color:rgba(255,255,255,.78);margin:0 0 12px 3px}.copy h1{font-size:clamp(82px,10.5vw,142px);line-height:.82;font-weight:300;letter-spacing:-.085em;margin:0;text-shadow:0 5px 32px rgba(0,0,0,.16)}.copy p{font:10px "DM Mono",monospace;letter-spacing:.28em;color:rgba(255,255,255,.8);margin:20px 0}
.info{position:absolute;bottom:20px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.82);display:flex;flex-direction:column}.info.left{left:0}.info.left .line{width:36px;border-top:1px solid rgba(255,255,255,.7);margin-bottom:14px}.info.right{right:0}.info.right small{font:10px "DM Mono",monospace;color:rgba(255,255,255,.58);margin-top:3px}
.scroll{position:absolute;bottom:-3px;left:50%;width:44px;height:44px;transform:translateX(-50%);display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;animation:bob 2.4s ease-in-out infinite;transition:.3s ease}.scroll:hover{background:rgba(255,255,255,.2);transform:translateX(-50%) scale(1.06)}
@keyframes bob{50%{transform:translate(-50%,5px)}}

.glass-row{height:38%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end}
.glass-card{height:145px;border-radius:21px;padding:21px;position:relative;text-align:left;cursor:pointer;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.065));border:1px solid rgba(255,255,255,.38);box-shadow:inset 0 1px rgba(255,255,255,.3),var(--shadow);backdrop-filter:blur(27px) saturate(135%);-webkit-backdrop-filter:blur(27px) saturate(135%);transition:transform .45s cubic-bezier(.2,.75,.25,1),background .35s ease,border-color .35s ease}
.glass-card:before{content:"";position:absolute;inset:1px;border-radius:20px;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 28%,transparent 70%,rgba(255,255,255,.08));opacity:.55;pointer-events:none}.glass-card:hover{transform:translateY(-8px) scale(1.01);background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.09));border-color:rgba(255,255,255,.55)}
.card-icon{font-size:23px;margin-bottom:14px;display:block}.glass-card strong{display:block;font-size:18px;font-weight:400}.glass-card small{display:block;margin-top:6px;font-size:11px;color:rgba(255,255,255,.68)}.glass-card i{position:absolute;right:17px;bottom:16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.2);font-style:normal;transition:.35s ease}.glass-card:hover i{transform:translateX(3px);background:rgba(255,255,255,.18)}

footer{width:min(1150px,89vw);height:95px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.57);font:9px "DM Mono",monospace;letter-spacing:.1em;position:relative;z-index:6}.footer-center{opacity:.75}

.reveal{opacity:0;transform:translateY(16px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}.reveal-1{animation-delay:.08s}.reveal-2{animation-delay:.32s}.reveal-3{animation-delay:.55s}.reveal-card-1{animation-delay:.35s}.reveal-card-2{animation-delay:.44s}.reveal-card-3{animation-delay:.53s}.reveal-card-4{animation-delay:.62s}@keyframes rise{to{opacity:1;transform:translateY(0)}}

.modal-layer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.modal-layer.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(3,12,25,.48);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.modal{position:relative;width:min(680px,92vw);max-height:min(76svh,650px);overflow:auto;border:1px solid rgba(255,255,255,.3);border-radius:28px;background:linear-gradient(135deg,rgba(30,55,82,.58),rgba(13,29,50,.48));box-shadow:0 30px 100px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.22);backdrop-filter:blur(32px) saturate(130%);-webkit-backdrop-filter:blur(32px) saturate(130%);padding:40px}.modal::-webkit-scrollbar{width:5px}.modal::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:10px}.modal-close{position:absolute;right:17px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);font-size:24px;font-weight:300;line-height:1;cursor:pointer}.modal-kicker{font:9px "DM Mono",monospace;letter-spacing:.28em;color:rgba(255,255,255,.55)}.modal h2{font-size:48px;line-height:1;margin:12px 0 22px;font-weight:300;letter-spacing:-.06em}.modal-copy{font-size:16px;line-height:1.8;color:rgba(255,255,255,.75);max-width:570px}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.modal-tile{border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:18px;background:rgba(255,255,255,.07)}.modal-tile b{font-weight:400;display:block;margin-bottom:6px}.modal-tile span{font-size:12px;color:rgba(255,255,255,.55)}.gallery-preview{height:250px;border-radius:20px;background:url("lake-background.png") center 54%/cover no-repeat;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px rgba(255,255,255,.2);margin:18px 0}.bars{height:90px;display:flex;align-items:center;gap:6px;margin:20px 0}.bars span{flex:1;border-radius:99px;background:rgba(255,255,255,.38);animation:pulse 1.2s ease-in-out infinite alternate}.bars span:nth-child(1){height:30%}.bars span:nth-child(2){height:65%;animation-delay:.1s}.bars span:nth-child(3){height:90%;animation-delay:.22s}.bars span:nth-child(4){height:48%;animation-delay:.15s}.bars span:nth-child(5){height:74%;animation-delay:.3s}.bars span:nth-child(6){height:38%;animation-delay:.05s}@keyframes pulse{to{height:100%}}.link-list{display:grid;gap:10px;margin-top:20px}.link-button{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);text-decoration:none;color:#fff;transition:.3s}.link-button:hover{background:rgba(255,255,255,.14);transform:translateX(3px)}

body.ambient .background{filter:saturate(.82) brightness(.72)}body.ambient .atmosphere{background:linear-gradient(180deg,rgba(2,8,20,.46),rgba(2,8,20,.2) 45%,rgba(2,8,20,.5))}

@media(max-width:760px){
 body{overflow:hidden}.nav{height:70px;padding:0 5vw}.nav-pill{display:none}.time-pill{padding:8px 11px}.time-pill small{display:none}
 .background{background-position:38% center}.atmosphere{background:linear-gradient(180deg,rgba(4,13,28,.24),rgba(4,13,28,.02) 45%,rgba(4,13,28,.34))}
 main{width:88vw;height:calc(100svh - 150px)}.hero{height:58%;min-height:360px;padding-top:58px}.copy{margin-left:1vw}.copy h1{font-size:78px}.copy p{font-size:8px;letter-spacing:.2em}.info{bottom:9px;font-size:10px}.info.right{display:none}.scroll{bottom:-11px}
 .glass-row{height:42%;grid-template-columns:repeat(2,1fr);gap:9px}.glass-card{height:124px;padding:17px;border-radius:17px}.glass-card strong{font-size:16px}.glass-card small{font-size:10px}.card-icon{font-size:21px;margin-bottom:11px}.glass-card i{right:13px;bottom:13px;width:34px;height:34px}
 footer{width:88vw;height:80px;font-size:8px}.footer-center{display:none}
 .modal{padding:30px 24px;border-radius:24px}.modal h2{font-size:40px}.modal-copy{font-size:14px;line-height:1.7}.modal-grid{grid-template-columns:1fr}.gallery-preview{height:200px}
}
@media(max-width:430px){.hero{min-height:350px;padding-top:55px}.copy h1{font-size:72px}.copy p{font-size:7.5px}.glass-card{height:119px}.info{font-size:9px}.logo{font-size:21px}.modal-layer{padding:15px}.modal{max-height:82svh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-glow{display:none}}