:root{font-family:Trebuchet MS,system-ui,sans-serif;color:#284d59;background:#f8f6eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #268695;outline-offset:6px}.hub{position:relative;min-height:100vh;padding:0 6vw 38px;overflow:hidden;background:radial-gradient(ellipse at 10% 30%,#deeee4,transparent 45%),radial-gradient(ellipse at 95% 75%,#f9e6c9,transparent 45%),#f8f6eb}.hub-header{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:24px 0;border-bottom:1px solid #284d5919}.hub-header img{display:block;width:110px}.hub-header span{color:#607779;font-size:10px;font-weight:700;letter-spacing:.16em}.exit{padding:13px 19px;border:1px solid #ccdcd2;border-radius:16px;text-decoration:none;font-size:11px;font-weight:800}.hero{position:relative;max-width:1180px;margin:auto;padding-top:44px;text-align:center}.kicker{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;margin:0 0 18px;border-radius:30px;color:#3c7c72;background:#e4eee0;font-size:10px;font-weight:800;letter-spacing:.12em}.kicker i{width:7px;height:7px;border-radius:50%;background:#4c9a80}.hero>h1{margin:0;font-size:clamp(34px,4.5vw,59px);line-height:1.08;letter-spacing:-.055em;font-weight:800}.hero>h1 em{color:#348d85;font-style:normal}.intro{margin:20px auto 32px;max-width:640px;color:#5f7478;font-size:15px;line-height:1.65}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;text-align:left}.experience-card{display:flex;flex-direction:column;overflow:hidden;border:2px solid white;border-radius:27px;background:#fffdf6;color:#284d59;text-decoration:none;box-shadow:0 7px #ceddd16b,0 15px 35px #42685e0b;transition:transform .3s ease,box-shadow .3s ease}.experience-card:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 10px #cbdcd0a1,0 20px 40px #42685e18}.experience-card.water:hover{transform:translateY(-7px) rotate(.5deg)}.card-visual{position:relative;height:200px;overflow:hidden;flex-shrink:0;background:#d7eae0}.card-copy{display:flex;flex-direction:column;flex:1;padding:26px}.card-copy>span{color:#43806e;font-size:9px;font-weight:800;letter-spacing:.09em}.water .card-copy>span{color:#367e96}.history .card-copy>span{color:#986b42}.card-copy h2{margin:12px 0;font-size:30px;line-height:1.05;letter-spacing:-.035em}.card-copy p{margin:0 0 23px;color:#5d7276;font-size:13px;line-height:1.65}.card-copy>strong{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:15px 18px;border-radius:14px;color:#326d60;background:#e4efde;font-size:10px;letter-spacing:.035em}.water .card-copy>strong{color:#2c7187;background:#dff1f3}.history .card-copy>strong{color:#8a6040;background:#f6ead8}.card-copy>strong b{font-size:20px}.card-visual>b{position:absolute;z-index:4;left:18px;top:16px;padding:7px 10px;border-radius:20px;background:#fffdf1d9;color:#467366;font-size:8px;letter-spacing:.06em}.note{display:block;margin-top:30px;color:#6c7f7c;font-size:10px;font-weight:700;letter-spacing:.12em}.atmosphere{display:none}@media(max-width:850px){.hub{padding:0 24px 32px}.experience-grid{gap:14px}.card-copy{padding:20px}.card-copy h2{font-size:25px}.card-visual{height:180px}.card-copy>span{font-size:8px}.card-copy>strong{padding:13px 10px;font-size:9px}}@media(max-width:650px){.hub-header span{display:none}.hero{padding-top:32px}.hero>h1{font-size:37px}.intro{font-size:13px}.experience-grid{grid-template-columns:1fr;max-width:390px;margin:auto;gap:25px}.card-visual{height:200px}.card-copy{padding:23px}.card-copy h2{font-size:29px}.note{font-size:8px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.experience-card{transition:none}.card-visual *{animation:none!important}}.card-visual:before,.card-visual:after{content:"";position:absolute;border-radius:50%}.card-visual:before{width:330px;height:180px;bottom:-110px;left:-90px;background:#a4caa4;transform:rotate(15deg)}.card-visual:after{width:310px;height:160px;bottom:-100px;right:-70px;background:#87b89a;transform:rotate(-20deg)}.nano{position:absolute;z-index:3;left:calc(50% - 46px);top:64px;width:92px;height:72px;border:8px solid #fff9e7;border-radius:27px;background:#416675;box-shadow:0 8px #bcd7cc,0 16px 25px #477a5d24;animation:hello 5s ease-in-out infinite}.nano:before{content:"";position:absolute;width:4px;height:18px;top:-24px;left:35px;border-radius:4px;background:#7aaa9e}.nano:after{content:"";position:absolute;width:16px;height:16px;top:-34px;left:29px;border-radius:50%;background:#f7bf79;box-shadow:0 3px #d69d61}.nano i{position:absolute;top:20px;width:13px;height:16px;border-radius:9px;background:#a5e3c6}.nano i:first-child{left:15px}.nano i:last-child{right:15px}.water .card-visual{background:#cfeaf0}.water .card-visual:before{background:#7ecbdb}.water .card-visual:after{background:#60b5c8}.drop{position:absolute;z-index:3;width:74px;height:85px;top:62px;left:calc(50% - 37px);border-radius:60% 45% 55% 50%;background:linear-gradient(140deg,#a0eafa,#49b5dc);box-shadow:inset 5px 4px #d5fbff77,0 9px #65bace44;transform:rotate(8deg);animation:bob 5s ease-in-out infinite}.drop:before{content:"";position:absolute;top:-12px;left:38px;width:29px;height:36px;border-radius:2px 80% 30% 30%;background:#73d4ed;transform:rotate(10deg)}.drop:after{content:"";position:absolute;width:16px;height:9px;top:53px;left:29px;border:2px solid #2d647b;border-top:0;border-radius:0 0 20px 20px}.drop i{position:absolute;z-index:1;top:35px;width:6px;height:9px;border-radius:50%;background:#2d647b}.drop i:first-child{left:23px}.drop i:last-child{right:20px}.water .card-visual>i{position:absolute;top:62px;right:17px;width:63px;height:27px;border-radius:30px;background:#fffdf1;box-shadow:-17px 4px #fffdf1}.water .card-visual>i:nth-of-type(2){left:22px;top:112px;width:43px;height:20px;opacity:.8}.water .card-visual>i:nth-of-type(3){top:47px;right:34px;width:30px;height:30px}.history .card-visual{background:#f4dfb8}.history .card-visual:before{background:#c7cb9b}.history .card-visual:after{background:#b4bf8c}.sun{position:absolute;z-index:1;right:35px;top:44px;width:67px;height:67px;display:grid;place-items:center;border-radius:50%;color:#936e40;background:#ffedb4;font-size:13px;font-weight:800;box-shadow:0 0 0 12px #ffe9a74d}.history .card-visual>i:nth-of-type(1){position:absolute;z-index:2;width:138px;height:65px;left:62px;bottom:30px;border:6px solid #ffefcf;border-top:11px solid #d18e77;border-radius:6px;background:repeating-linear-gradient(90deg,#ffedc8 0 20px,#749796 20px 33px,#ffedc8 33px 40px);box-shadow:0 8px #d6b98c}.history .card-visual>i:nth-of-type(2){position:absolute;z-index:3;width:41px;height:114px;left:72px;bottom:28px;border-radius:5px;background:#fff1d3;border-top:14px solid #c7806a;box-shadow:4px 0 #e7c79c}.history .card-visual>i:nth-of-type(3){position:absolute;z-index:4;width:17px;height:27px;left:84px;top:91px;border-radius:10px 10px 0 0;background:#7b9998}@keyframes bob{50%{transform:translateY(-7px) rotate(3deg)}}@keyframes hello{50%{transform:translateY(-6px) rotate(-3deg)}}