@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Libre+Caslon+Display&family=Space+Mono:wght@700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#f5f1e8;background:#06151e;font-synthesis:none}*{box-sizing:border-box}html,body{min-width:100%;min-height:100%;margin:0}body{overflow-x:hidden}.hub{position:relative;min-height:100vh;overflow:hidden;padding:0 6vw 50px;background:radial-gradient(circle at 22% 74%,#087b9b3b,transparent 29%),radial-gradient(circle at 80% 74%,#b8752c30,transparent 31%),linear-gradient(145deg,#0b2733,#06131b 65%)}.hub::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,#000 55%,transparent)}.hub-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:22px 0;border-bottom:1px solid #ffffff16}.hub-header img{display:block;width:96px;padding:7px 9px;border-radius:5px;background:#ffffffe8}.hub-header span{color:#8aa2aa;font:700 8px 'Space Mono';letter-spacing:.18em}.hub-header .exit{padding:9px 13px;border:1px solid #ffffff26;border-radius:4px;color:#bec9c8;text-decoration:none;font-size:8px;font-weight:700;letter-spacing:.1em}.hero{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding-top:55px;text-align:center}.kicker{margin:0 0 12px;color:#72d6e5;font:700 8px 'Space Mono';letter-spacing:.2em}.kicker i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#8de1e9;box-shadow:0 0 14px #62d7e5}.hero>h1{margin:0;color:#f5f0e7;font:400 clamp(44px,6vw,70px)/.94 'Libre Caslon Display',serif;letter-spacing:-.04em}.hero>h1 em{color:#dca758;font-style:italic}.intro{max-width:610px;margin:17px auto 34px;color:#97a8aa;font-size:12px;line-height:1.6}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.experience-card{position:relative;min-height:365px;overflow:hidden;border:1px solid #ffffff1d;border-radius:8px;color:#f4eee2;background:#0a202adc;text-decoration:none;box-shadow:0 25px 70px #0005;transition:transform .28s,border-color .28s,box-shadow .28s}.experience-card:hover{transform:translateY(-6px);box-shadow:0 32px 85px #0008}.experience-card.water:hover{border-color:#55d4e079}.experience-card.history:hover{border-color:#dba75a80}.card-visual{position:absolute;inset:0 52% 0 0;overflow:hidden;background:linear-gradient(145deg,#087f9b,#06384b)}.history .card-visual{background:linear-gradient(145deg,#c3883e,#4a301e)}.card-visual::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 40% 46%,transparent 0 18%,#06182044 19% 20%,transparent 21% 31%,#fff2 32% 32.5%,transparent 33%),linear-gradient(90deg,transparent,#07182099)}.card-visual>i{position:absolute;border-radius:50%;border:1px solid #b8f2f766}.card-visual>i:nth-of-type(1){width:180px;height:180px;left:-40px;top:65px}.card-visual>i:nth-of-type(2){width:105px;height:105px;right:-18px;bottom:35px}.card-visual>i:nth-of-type(3){width:8px;height:8px;right:27px;top:34px;background:#a4edf3;box-shadow:0 0 20px #8ee9f1}.history .card-visual>i{border-color:#f1cf9466}.history .card-visual>i:nth-of-type(3){background:#f1c478;box-shadow:0 0 20px #efae55}.drop,.sun{position:absolute;z-index:2;left:50%;top:47%;transform:translate(-50%,-50%);color:#a8f0f3;font-size:82px;text-shadow:0 0 50px #7ce9ee}.sun{display:grid;place-items:center;width:118px;height:118px;border:1px solid #f0c37c99;border-radius:50%;color:#f1cc8d;background:#e5a54b25;box-shadow:0 0 60px #e5a44b42;font:700 18px 'Space Mono';text-shadow:none}.card-visual>b{position:absolute;z-index:2;left:20px;bottom:19px;color:#d9f9fa;font:700 7px 'Space Mono';letter-spacing:.15em}.history .card-visual>b{color:#f0d7ad}.card-copy{position:relative;margin-left:48%;padding:38px 31px}.card-copy>span{color:#63d8e3;font:700 7px 'Space Mono';letter-spacing:.13em}.history .card-copy>span{color:#dca454}.card-copy h2{margin:14px 0 13px;font:400 35px/.96 'Libre Caslon Display';letter-spacing:-.025em}.card-copy p{min-height:73px;margin:0;color:#91a2a3;font-size:10px;line-height:1.6}.card-copy>strong{display:flex;justify-content:space-between;align-items:center;margin-top:23px;padding-top:17px;border-top:1px solid #ffffff16;color:#d8efee;font-size:8px;letter-spacing:.08em}.card-copy>strong b{color:#65dce8;font-size:16px}.history .card-copy>strong b{color:#dba658}.note{display:block;margin-top:23px;color:#6f8388;font:700 7px 'Space Mono';letter-spacing:.14em}.atmosphere i{position:absolute;border-radius:50%;filter:blur(1px);animation:drift 8s ease-in-out infinite}.atmosphere i:nth-child(1){left:8%;top:22%;width:4px;height:4px;background:#5fdde9;box-shadow:0 0 18px #5fdde9}.atmosphere i:nth-child(2){right:9%;top:32%;width:5px;height:5px;background:#e2a653;box-shadow:0 0 18px #e2a653;animation-delay:-2s}.atmosphere i:nth-child(3){left:42%;bottom:9%;width:3px;height:3px;background:#fff;animation-delay:-5s}.atmosphere i:nth-child(4){right:34%;top:14%;width:3px;height:3px;background:#fff;animation-delay:-3s}@keyframes drift{50%{transform:translateY(-13px)}}
@media(max-width:850px){.hub{padding:0 20px 35px}.hero{padding-top:38px}.experience-grid{grid-template-columns:1fr;max-width:620px;margin:auto}.experience-card{min-height:300px}.intro{margin-bottom:25px}}@media(max-width:540px){.hub-header span{display:none}.hero>h1{font-size:44px}.intro{font-size:10px}.experience-card{min-height:370px}.card-visual{inset:0 0 55%}.card-copy{margin:45% 0 0;padding:25px}.card-copy h2{font-size:29px}.card-copy p{min-height:0}.drop{font-size:55px}.sun{width:85px;height:85px}.card-visual>b{bottom:12px}.note{margin-top:18px}}@media(prefers-reduced-motion:reduce){.experience-card{transition:none}.atmosphere i{animation:none}}