.website .hero.tifh-ready{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 82% 38%,#123d5b 0,#061c32 42%,#031326 76%)}
.website .hero.tifh-ready .hero-art{display:none}
.tifh-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:layout paint}
.tifh-object{position:absolute;will-change:transform;pointer-events:none}
.tifh-object img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 20px 24px #000b)}
.tifh-main{width:49%;aspect-ratio:1;left:49%;top:17%}
.tifh-back{width:23%;aspect-ratio:1;left:49%;top:-9%;opacity:.48;filter:blur(1.3px)}
.tifh-front{width:27%;aspect-ratio:1;left:83%;top:70%;opacity:.8}
.tifh-chip{width:var(--size);height:var(--size);left:var(--x);top:var(--y);opacity:var(--alpha);filter:drop-shadow(0 0 7px #82dfff38)}
.tifh-chip img{object-fit:cover;clip-path:polygon(18% 0,80% 12%,100% 66%,49% 100%,0 56%);filter:none}
.tifh-spark{border:1px solid #bef2ff8c;background:linear-gradient(135deg,#f6ffffbb,#77cdeb22 50%,#e8ffffaa);clip-path:polygon(20% 0,90% 15%,100% 70%,35% 100%,0 40%)}
.website .hero.tifh-ready .hero-shade{z-index:1;background:linear-gradient(90deg,#031326ee 0%,#031326ba 30%,#03132640 58%,transparent 77%),linear-gradient(0deg,#031326 0%,transparent 18%);pointer-events:none}
.website .hero.tifh-ready .hero-content,.website .hero.tifh-ready .hero-foot{z-index:2}
@media(max-width:620px){.tifh-main{width:92%;left:32%;top:12%;opacity:.7}.tifh-back{width:48%;left:54%;top:-5%}.tifh-front{width:54%;left:72%;top:74%}.tifh-chip:nth-child(n+14){display:none}.website .hero.tifh-ready .hero-shade{background:linear-gradient(90deg,#031326e6,#03132695 65%,#03132635),linear-gradient(0deg,#031326 0%,transparent 28%)}}
@media(prefers-reduced-motion:reduce){.tifh-object{will-change:auto}}

/* Water beads: glass edges, refracted blue light and white specular highlights. */
.tifh-water{left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:var(--alpha);border-radius:50%;border:1px solid #a4eaff85;background:radial-gradient(ellipse at 28% 22%,#fff 0 5%,#d9faffcf 8%,transparent 22%),radial-gradient(ellipse at 72% 79%,#b4f7ffcc,transparent 30%),radial-gradient(circle at 48% 46%,#04182e08 36%,#51caff55 65%,#e6fdffba 85%,#3899c944);box-shadow:inset -2px -2px 4px #b9f4ff77,inset 2px 2px 4px #00152999,0 0 10px #4ccaff42,0 0 24px #4ccaff18}
.tifh-water:after{content:'';position:absolute;left:19%;top:13%;width:28%;height:15%;border-radius:50%;background:#f3fdffcc;transform:rotate(-35deg);filter:blur(.35px)}
.tifh-drop{height:calc(var(--size)*1.38);border-radius:52% 48% 49% 51% / 66% 65% 35% 34%}
.tifh-distant{filter:blur(2px);box-shadow:0 0 15px #65d2ff88}
@media(max-width:620px){.tifh-water{opacity:calc(var(--alpha)*.8)}.tifh-water:nth-child(2n){display:none}}

/* 1.3: selective highlights and three depth planes. */
.tifh-scene{animation:tifh-arrive 1.15s cubic-bezier(.2,.7,.2,1) backwards}
@keyframes tifh-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
.tifh-back{opacity:.3;filter:blur(3px)}
.tifh-front{opacity:.52;filter:blur(1.4px)}
.tifh-water{border-color:#a4eaff40;box-shadow:inset -1px -2px 3px #b9f4ff55,inset 2px 2px 4px #00152988,0 0 8px #4ccaff18}
.tifh-water:after{opacity:.65}
.tifh-bright{box-shadow:inset -2px -2px 4px #b9f4ff88,0 0 12px #6edcff66}
.tifh-bright:after{opacity:1}
.tifh-near{filter:blur(1.2px);scale:1.35}
.tifh-distant{filter:blur(2.8px)}
.tifh-shine{position:absolute;inset:0;pointer-events:none;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;background:radial-gradient(ellipse at var(--light-x,40%) 35%,#e3faff 0,transparent 42%);mix-blend-mode:screen}
@media(max-width:620px){.tifh-shine{display:none}.tifh-near{scale:1}.tifh-front{filter:none}}
@media(prefers-reduced-motion:reduce){.tifh-scene{animation:none}.tifh-shine{display:none}}