/* HERO C: Island water + floating logo + glass countdown */
.v-hero-c{position:relative;min-height:100svh;overflow:hidden;display:grid;place-items:center;text-align:center;padding:110px 20px 70px;background:#e9d77a;isolation:isolate}
.v-hero-c .hc-bg{position:absolute;inset:-2%;background:url(../../images/water.jpg) center 38%/cover no-repeat;z-index:-3;animation:hc-drift 18s ease-in-out infinite alternate}
.v-hero-c .hc-caustic{position:absolute;inset:-20%;z-index:-2;mix-blend-mode:soft-light;opacity:.85;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,255,255,.9),transparent) 10% 70%/34% 22% no-repeat,radial-gradient(closest-side,rgba(255,255,255,.7),transparent) 70% 80%/40% 26% no-repeat,radial-gradient(closest-side,rgba(255,250,200,.8),transparent) 45% 60%/28% 18% no-repeat,radial-gradient(closest-side,rgba(255,255,255,.6),transparent) 85% 55%/30% 20% no-repeat;
  animation:hc-caustic 9s ease-in-out infinite alternate}
.v-hero-c::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent 30%,transparent 60%,rgba(14,70,40,.45));pointer-events:none}
.v-hero-c .hc-ripples{position:absolute;inset:0;z-index:0;pointer-events:none}
.v-hero-c .hc-ripples i{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2px solid rgba(255,255,255,.75);animation:hc-ring 1.6s ease-out forwards}
.v-hero-c .hc-ripples i.big{border-width:3px;animation-duration:1.8s}
.v-hero-c .hc-bubbles i{position:absolute;bottom:-20px;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);animation:hc-bub 9s linear infinite;z-index:0}
.v-hero-c .hc-bubbles i:nth-child(1){left:8%;animation-delay:-1s}.v-hero-c .hc-bubbles i:nth-child(2){left:18%;width:6px;height:6px;animation-delay:-4s;animation-duration:11s}
.v-hero-c .hc-bubbles i:nth-child(3){left:30%;width:14px;height:14px;animation-delay:-7s}.v-hero-c .hc-bubbles i:nth-child(4){left:52%;animation-delay:-2.5s;animation-duration:12s}
.v-hero-c .hc-bubbles i:nth-child(5){left:66%;width:7px;height:7px;animation-delay:-6s}.v-hero-c .hc-bubbles i:nth-child(6){left:78%;width:12px;height:12px;animation-delay:-3s;animation-duration:10s}
.v-hero-c .hc-bubbles i:nth-child(7){left:88%;animation-delay:-8s}.v-hero-c .hc-bubbles i:nth-child(8){left:94%;width:5px;height:5px;animation-delay:-5s}
.v-hero-c .hc-in{position:relative;z-index:2;max-width:900px;width:100%}
.v-hero-c .hc-float{transform-style:preserve-3d}
.v-hero-c .hc-bobber{animation:hc-bob 5.5s ease-in-out infinite}
.v-hero-c .hc-logo{width:min(600px,84vw,60vh*2.5);height:auto;margin:0 auto;filter:drop-shadow(0 26px 22px rgba(10,60,30,.35))}
.v-hero-c .hc-h1{font-size:clamp(1.9rem,5.4vw,4.2rem);margin-top:-6px;color:var(--ink);text-shadow:0 2px 0 rgba(255,255,255,.4)}
.v-hero-c .hc-h1 span{color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink)}
.v-hero-c .hc-glass{margin:26px auto 0;max-width:620px;padding:18px clamp(14px,3vw,26px) 16px;border-radius:24px;background:linear-gradient(140deg,rgba(255,255,255,.42),rgba(255,255,255,.12));border:1.5px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 20px 50px rgba(10,60,30,.25),inset 0 1px 0 rgba(255,255,255,.8)}
.v-hero-c .hc-glass-t{font-family:var(--fb);text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;color:var(--ink)}
.v-hero-c .hc-glass-t b{font-weight:400;color:#0f4a2c}
.v-hero-c .hc-units{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0 8px}
.v-hero-c .hc-units>div{padding:4px 0}
.v-hero-c .hc-units>div+div{border-left:1.5px solid rgba(30,30,30,.18)}
.v-hero-c .hc-units b{display:block;font-family:var(--fb);font-weight:400;font-size:clamp(2rem,6vw,3.8rem);line-height:1;color:var(--ink)}
.v-hero-c .hc-units span{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}
.v-hero-c .hc-glass-f{font-size:.92rem;font-weight:700;color:#103b25}
.v-hero-c .hc-ctas{margin-top:24px}
.v-hero-c .hc-note{font-family:var(--fb);text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;margin-top:14px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}
@keyframes hc-drift{to{transform:scale(1.08) translate(-1.5%,-1%)}}
@keyframes hc-caustic{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(3%,-2%) rotate(2deg)}100%{transform:translate(-3%,2%) rotate(-2deg)}}
@keyframes hc-ring{from{transform:scale(1);opacity:1}to{transform:scale(9);opacity:0}}
@keyframes hc-bub{from{transform:translateY(0)}to{transform:translateY(-110vh)}}
@keyframes hc-bob{50%{transform:translateY(-14px) rotate(-1deg)}}