/* Glass pool-party cards: semantic links, original illustrated icons. */
.activities{padding:24px 5% 40px;background:radial-gradient(ellipse at 12% 30%,#ffe7fa88,transparent 40%),radial-gradient(ellipse at 90% 75%,#c4b9ff55,transparent 45%),linear-gradient(#d4faff,#ecfaff 65%,#fff0fa)}
.section-title{color:#426b9a;font-size:clamp(24px,3vw,36px);letter-spacing:-.8px;text-shadow:0 2px white;margin:6px 0 28px}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1180px;margin:auto}
.card{--glow:#f884c9;--ink:#973674;isolation:isolate;display:block;min-height:0;padding:0;border:4px solid #fff;border-radius:36px;background:#d6faff;box-shadow:0 0 0 2px #b2e9ff,0 5px 0 #8eb8de80,0 12px 24px #4f8eb52b,inset 0 0 0 3px #ffffffa8;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;text-align:left}
.card.blue{--glow:#5acffa;--ink:#176287}.card.purple{--glow:#b896ff;--ink:#653ba5}.card.mint{--glow:#69dbc6;--ink:#246f66}.card.gold{--glow:#ffc76b;--ink:#805325}
.card::before{content:'';position:absolute;inset:5px;border:2px solid #ffffffbb;border-radius:28px;pointer-events:none;z-index:4;box-shadow:inset 0 2px 3px white}
.card::after{content:'';position:absolute;top:6px;left:8%;width:68%;height:11px;border-radius:100%;background:#fff;filter:blur(2px);opacity:.8;pointer-events:none;z-index:4}
.card:hover{transform:translateY(-5px);box-shadow:0 0 0 2px white,0 7px 0 #8eb8de80,0 18px 30px #458fba40}.card:active{transform:translateY(1px)}.card:focus-visible{outline:4px solid #603f9f;outline-offset:5px}
.card-scene{height:172px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f4ffffaa,transparent 65%),linear-gradient(155deg,#b7f5ff70,#26bce88c),url('decorate/assets/pool.webp') center 74%/175% auto}
.card-scene::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 45px,#ffffff27 47px 57px,transparent 72px 130px);mask-image:linear-gradient(white,transparent)}
.card-scene::after{content:'';position:absolute;width:150px;height:24px;left:calc(50% - 75px);bottom:8px;background:radial-gradient(ellipse,#fff9,transparent 70%);border-radius:50%;border-top:2px solid #fff7}
.card .icon{height:146px;z-index:1;filter:drop-shadow(0 9px 5px #1687ab44);transform:rotate(-5deg);transition:transform .25s ease}.card:nth-child(even) .icon{transform:rotate(5deg)}.card .icon img{width:140px;height:140px;object-fit:contain}.card:hover .icon{transform:translateY(-3px) rotate(0) scale(1.04)}
.card-label{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:89px;padding:14px 64px 15px 20px;border-top:3px solid white;border-radius:25px 25px 27px 27px;margin-top:-10px;background:linear-gradient(180deg,#fffffff0 0%,#ffffff8c 15%,transparent 52%),linear-gradient(110deg,#fff0 40%,#fff9),var(--card);box-shadow:inset 0 3px 2px white,inset 0 -4px 4px #ffffff91}
.card strong{max-width:none;font-size:clamp(18px,1.7vw,24px);line-height:1.12;color:var(--ink);text-shadow:0 2px #ffffffc9;letter-spacing:-.5px}.card small{align-self:flex-start;background:transparent;padding:0;margin-top:7px;color:var(--ink);font-size:9px;font-weight:800;letter-spacing:1px;line-height:1.4}
.card-arrow{position:absolute;right:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:48px;border-radius:50%;border:3px solid white;background:linear-gradient(135deg,#ffffffb0,transparent 48%),var(--glow);box-shadow:inset 0 -4px 4px #6a458c33,0 2px 0 #fff9,0 3px 6px #6a458c40;font:900 44px/1 'Trebuchet MS',sans-serif;color:white;text-shadow:0 2px 1px #77579466;padding-bottom:5px}
.bubble{position:absolute;display:block;border-radius:50%;border:1px solid #fff;box-shadow:inset 2px 3px 4px #fff,inset -3px -4px 6px #fd9cdbb0,0 1px 5px #6bcedc77;background:radial-gradient(circle at 28% 23%,white 0 5%,#fff9 6% 12%,transparent 23%),radial-gradient(circle at 70% 80%,#f4c2ffb0,transparent 55%);z-index:1;pointer-events:none}.bubble-one{width:32px;height:32px;left:10%;top:25px}.bubble-two{width:48px;height:48px;right:8%;bottom:27px}.bubble-three{width:15px;height:15px;right:21%;top:24px}.sparkle{position:absolute;color:white;font-style:normal;text-shadow:0 0 6px white,0 0 12px #faf2b4;z-index:1}.sparkle-one{left:19%;bottom:34px;font-size:24px}.sparkle-two{right:12%;top:37px;font-size:19px}
.primary{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff9 0%,#fff5 16%,transparent 48%),linear-gradient(#ff9bd6,#f66abd 55%,#e944a4);box-shadow:inset 0 3px 2px #fff, inset 0 -4px 4px #ad2a7d44,0 5px 0 #ba3981,0 10px 25px #68409b40}.primary::before{content:'';position:absolute;top:5px;left:14%;right:14%;height:9px;background:#fff9;border-radius:50%;filter:blur(1px);pointer-events:none}
.quiet .bubble,.quiet .sparkle,.quiet .card::after{display:none}.quiet .card-scene{background:#def5fb}.quiet .card .icon{opacity:1;filter:none}.quiet .card,.quiet .card-label{box-shadow:none}.quiet .card:hover,.quiet .card:hover .icon{transform:none}
@media(max-width:950px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card strong{font-size:22px}}
@media(max-width:560px){.activities{padding:18px 15px 30px}.cards{gap:15px}.card{border-width:3px;border-radius:27px}.card::before{border-radius:20px;inset:4px}.card-scene{height:135px}.card .icon{height:115px}.card .icon img{width:110px;height:110px}.card-label{padding:12px 9px 14px;min-height:94px;text-align:center;align-items:center;border-radius:19px}.card strong{font-size:17px;letter-spacing:-.4px}.card small{align-self:center;font-size:8px;letter-spacing:.4px}.card-arrow{display:none}.bubble-one{width:23px;height:23px;left:6%}.bubble-two{width:29px;height:29px;right:5%;bottom:17px}.sparkle-one{left:8%;bottom:25px}.sparkle-two{right:7%;top:25px}}
@media(prefers-reduced-motion:reduce){.card,.card .icon{transition:none}.card:hover,.card:hover .icon{transform:none}}
/* Pearl glass garden continues the pool scene behind the menu. */
.activities{background-color:#a4e6ef;background-image:linear-gradient(180deg,#d4faff 0%,#d4faffb3 7%,#d4faff08 23%,#bcebf01a 77%,#dff5f4 100%),url('assets/pearl-glass-garden.webp');background-size:100% 100%,cover;background-position:center,center 48%;background-repeat:no-repeat;padding-top:35px;padding-bottom:44px}
.section-title{display:table;margin:0 auto 27px;padding:11px 25px;border-radius:40px;background:#f0ffffd9;border:2px solid #ffffffc9;box-shadow:0 4px 16px #63a7bf26;color:#325f82;text-shadow:0 2px white}
.bottom{padding:19px 25px;border:2px solid #fff9;border-radius:30px;background:#f5ffffe8;box-shadow:0 5px 20px #77aeb824}.bottom p{color:#405c70}.bottom a{color:#65407e}
footer{background:#dff5f4}
.quiet .activities{background-image:none;background-color:#e7f7fa}.quiet .section-title,.quiet .bottom{box-shadow:none;background:#f7fcfd}
@media(max-width:560px){.activities{background-position:center,42% center;padding-top:25px}.section-title{font-size:22px;padding:10px 16px}.bottom{padding:16px}}