.hero-scroll{background:#061f2a;height:235svh;position:relative}.hero{color:#f6f4e6;isolation:isolate;background:#061f2a url(/assets/firefly-hero-frame.jpg) 50%/cover no-repeat;height:100svh;min-height:100svh;position:sticky;top:0;overflow:hidden}.hero-film{z-index:0;object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}#water{z-index:0;opacity:0;touch-action:none;width:100%;height:100%;transition:opacity .28s;position:absolute;inset:0}#water.is-ready{opacity:1}#fishFx{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#swimFx{z-index:2;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.water-light{z-index:1;pointer-events:none;opacity:.46;mix-blend-mode:soft-light;filter:blur(3px)saturate(1.15);background:radial-gradient(at 68% -10%,#2dc5cd7a 0 1%,#1999ac33 14%,#0000 32%),repeating-radial-gradient(at 67% -31%,#0000 0 34px,#2ab7c321 39px 42px,#0000 48px 79px);animation:9s ease-in-out infinite alternate caustics;position:absolute;inset:-14%}.depth-volume{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.68;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 58%,#0000 96%);mask-image:linear-gradient(#000 0 58%,#0000 96%)}.depth-volume:before{content:"";background:radial-gradient(at 73% 26%,#4ae1db21,#0000 30%),radial-gradient(at 43% 65%,#1b849314,#0000 40%);animation:8s ease-in-out infinite alternate depthBreathe;position:absolute;inset:0}.depth-volume i{top:-8%;left:var(--beam-x);width:var(--beam-w);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(13px);transform-origin:50% 0;height:88%;animation:beamDrift var(--beam-time) ease-in-out infinite alternate;background:linear-gradient(#c4fffa33,#55ddda12 42%,#0000 92%);position:absolute}.depth-volume i:first-child{--beam-x:47%;--beam-w:13%;--beam-time:7s;transform:rotate(5deg)}.depth-volume i:nth-child(2){--beam-x:63%;--beam-w:9%;--beam-time:10s;opacity:.72;transform:rotate(-7deg)}.depth-volume i:nth-child(3){--beam-x:76%;--beam-w:15%;--beam-time:12s;opacity:.52;transform:rotate(9deg)}.depth-volume i:nth-child(4){--beam-x:31%;--beam-w:7%;--beam-time:9s;opacity:.34;transform:rotate(-4deg)}.surface-wave{z-index:2;pointer-events:none;opacity:.5;transform-origin:50% 0;mix-blend-mode:soft-light;width:74%;height:31%;position:absolute;top:7%;left:32%;overflow:hidden;transform:perspective(650px)rotateX(64deg)rotate(-4deg);-webkit-mask-image:radial-gradient(at 55% 20%,#000 0 38%,#0000008c 60%,#0000 83%);mask-image:radial-gradient(at 55% 20%,#000 0 38%,#0000008c 60%,#0000 83%)}.surface-wave:before{content:"";filter:blur(2px);background:repeating-linear-gradient(104deg,#0000 0 22px,#21adbc2e 25px 27px,#0000 30px 55px),repeating-linear-gradient(9deg,#0000 0 31px,#1d90a826 34px 36px,#0000 39px 70px);animation:10s linear infinite surfaceMesh;position:absolute;inset:-30% -15%}.surface-wave i{filter:blur(1.4px)drop-shadow(0 0 12px #148b9e33);background:radial-gradient(at 50% 112%,#0000 0 64%,#1c9db038 66%,#31bec41a 68%,#0000 71%);border-radius:50%;width:120%;height:44%;animation:6.5s ease-in-out infinite alternate waveSheet;position:absolute;left:-10%}.surface-wave i:first-child{top:12%}.surface-wave i:nth-child(2){opacity:.68;animation-delay:-2.1s;top:35%}.surface-wave i:nth-child(3){opacity:.42;animation-delay:-4.2s;top:59%}.hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#021e1d8c 0,#021e1d2e 48%,#021e1d08 75%),linear-gradient(#0000 54%,#021b1a6b);position:absolute;inset:0}.agent-rig{z-index:3;pointer-events:none;will-change:transform, opacity;filter:drop-shadow(0 28px 45px #00192557);width:clamp(430px,36vw,690px);position:absolute;top:38%;right:-3vw}.hero-agent{-webkit-user-select:none;user-select:none;width:100%;height:auto;animation:4.8s ease-in-out infinite agentFloat;display:block}.agent-wake{opacity:.88;width:52%;height:39%;transition:opacity .2s,filter .2s;position:absolute;top:39%;right:-15%}.hero.is-swimming .agent-wake{opacity:1;filter:saturate(1.25)brightness(1.12)}.agent-wake i{width:var(--bubble-size,10px);aspect-ratio:1;background:radial-gradient(circle at 31% 28%,#7eeae875,#1891a812 40%,#0000 72%);border:1px solid #48d0d5e0;border-radius:50%;animation:2.55s ease-in infinite wakeBubble;position:absolute;bottom:18%;right:0;box-shadow:inset 1px 1px 3px #69e5e259,0 0 12px #169faf40}.agent-wake i:nth-child(2){--bubble-size:7px;animation-delay:-.45s;right:13%}.agent-wake i:nth-child(3){--bubble-size:14px;animation-delay:-.9s;right:26%}.agent-wake i:nth-child(4){--bubble-size:8px;animation-delay:-1.35s;right:39%}.agent-wake i:nth-child(5){--bubble-size:5px;animation-delay:-1.8s;right:52%}.agent-wake i:nth-child(6){--bubble-size:11px;animation-delay:-.72s;right:64%}.agent-wake i:nth-child(7){--bubble-size:6px;animation-delay:-1.6s;right:76%}.agent-wake i:nth-child(8){--bubble-size:9px;animation-delay:-2.2s;right:88%}.hand-wake{z-index:-1;opacity:.72;width:27%;height:31%;transition:opacity .2s,transform .2s;position:absolute;top:34%;left:-8%}.hero.is-swimming .hand-wake{opacity:1;transform:translate(-7px)}.hand-wake b{aspect-ratio:2.7;border:1px solid #33c2cc70;border-radius:50%;width:36%;animation:2.15s ease-out infinite handRipple;position:absolute;top:43%;right:8%}.hand-wake b:nth-child(2){animation-delay:-1.08s}.hand-wake i{width:var(--hand-size,6px);aspect-ratio:1;background:#22a5b714;border:1px solid #4ad3d8d1;border-radius:50%;animation:2.35s ease-out infinite handBubble;position:absolute;top:48%;right:5%;box-shadow:0 0 9px #1eadb940}.hand-wake i:nth-of-type(2){--hand-size:9px;animation-delay:-.4s}.hand-wake i:nth-of-type(3){--hand-size:4px;animation-delay:-.8s}.hand-wake i:nth-of-type(4){--hand-size:7px;animation-delay:-1.2s}.hand-wake i:nth-of-type(5){--hand-size:5px;animation-delay:-1.6s}.hand-wake i:nth-of-type(6){--hand-size:10px;animation-delay:-2s}.bubble-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pointer-bubble{width:var(--size);height:var(--size);background:radial-gradient(circle at 34% 28%,#79ece980,#1b9db41a 36%,#0000 72%);border:1px solid #44d3d8eb;border-radius:50%;animation:2.25s ease-out forwards pointerBubble;position:absolute;box-shadow:inset 1px 1px 3px #67e2e03d,0 0 14px #14a0b347}.pointer-ripple{border:1px solid #29b8c5a6;border-radius:50%;width:30px;height:13px;animation:1.35s ease-out forwards pointerRipple;position:absolute;box-shadow:0 0 16px #179eb133}.hero-content{z-index:4;will-change:transform, opacity;flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(130px,18vh,190px) clamp(24px,7.5vw,120px) 70px;display:flex;position:relative}.kicker,.section-index{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px}.hero h1{letter-spacing:-.066em;max-width:960px;margin:30px 0 0;font-size:clamp(64px,8.1vw,132px);font-weight:400;line-height:.83}.hero h1 em,.contact h2 em,.manifesto-copy em{font-family:var(--serif);font-weight:400}.hero-bottom{grid-template-columns:1fr auto;align-items:end;gap:50px;width:min(650px,75%);margin-top:clamp(42px,8vh,90px);display:grid}.hero-bottom p{color:#ffffffc7;max-width:420px;margin:0;font-size:15px;line-height:1.55}.hero-actions{flex-direction:column;align-items:flex-start;gap:21px;display:flex}.button{border-radius:3px;align-items:center;gap:45px;padding:14px 17px;font-size:12px;display:inline-flex}.button-light{color:var(--forest);background:#f4f3e6}.text-link{border-bottom:1px solid;align-items:center;gap:32px;padding-bottom:5px;font-size:12px;display:inline-flex}.availability{z-index:3;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:9px;font-size:10px;display:flex;position:absolute;bottom:35px;right:clamp(24px,4vw,64px)}.availability i{background:var(--acid);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #cfff551f}.interaction-hint{z-index:3;color:#ffffffa6;align-items:center;gap:10px;font-size:10px;transition:opacity .4s;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.interaction-hint.is-hidden{opacity:0}.interaction-hint span{border:1px solid;border-radius:50%;width:8px;height:8px}.scroll-cue{z-index:5;letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e;flex-direction:column;align-items:center;gap:8px;font-size:9px;transition:opacity .3s;display:flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.scroll-cue span{background:linear-gradient(#fff3,#ffffffe6);width:1px;height:28px;animation:1.8s ease-in-out infinite scrollCue}.hero.runtime-paused *,.commerce-reveal:not(.is-present) .commerce-surface i,.commerce-reveal:not(.is-present) .phone-rings i,.commerce-reveal:not(.is-present) .water-crown i{animation-play-state:paused!important}@keyframes caustics{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(2%,1.5%)scale(1.04)}}@keyframes surfaceMesh{to{transform:translate(55px,18px)}}@keyframes waveSheet{0%{transform:translate(-2%)scaleX(.96)}to{transform:translate(3%,10px)scaleX(1.05)}}@keyframes beamDrift{0%{translate:-10px;scale:.92 1}to{translate:18px;scale:1.08 1}}@keyframes depthBreathe{0%{opacity:.66;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}@keyframes agentFloat{0%,to{transform:translateY(-5px)rotate(-1deg)}50%{transform:translateY(7px)rotate(1deg)}}@keyframes wakeBubble{0%{opacity:0;transform:translateY(12px)scale(.45)}25%{opacity:.85}to{opacity:0;transform:translate(80px,-55px)scale(1.1)}}@keyframes handRipple{0%{opacity:0;transform:translateY(-50%)scale(.35)}24%{opacity:.78}to{opacity:0;transform:translate(-95px,-50%)scale(2.7)}}@keyframes handBubble{0%{opacity:0;transform:translate(0)scale(.35)}22%{opacity:.85}to{opacity:0;transform:translate(-85px,-42px)scale(1.15)}}@keyframes pointerBubble{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}15%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--drift)), calc(-50% - 125px)) scale(1.18)}}@keyframes pointerRipple{0%{opacity:.82;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,-50%)scale(4.8)}}@keyframes scrollCue{0%,to{transform-origin:top;opacity:.35;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}.hero.film-ready .hero-film{opacity:0}.hero.film-ready #water{opacity:1}.hero,.hero>*{touch-action:pan-y}@media (max-width:760px){.hero-scroll{height:200svh}.hero-content{padding:calc(76px + env(safe-area-inset-top)) 20px 90px;justify-content:flex-start;min-height:100svh}.kicker{display:none}.hero h1{letter-spacing:-.03em;max-width:100%;margin:6px 0 0;font-size:clamp(37px,12.2vw,58px);line-height:.96}.hero-bottom{grid-template-columns:1fr;gap:18px;width:100%;margin-top:clamp(22px,5vh,38px)}.hero-bottom p{max-width:100%;font-size:14px}.hero-actions{flex-wrap:wrap;gap:14px}.agent-rig{filter:drop-shadow(0 16px 28px #0019254d);width:clamp(210px,60vw,320px);top:auto;bottom:15%;right:-7vw}.interaction-hint{display:none}.availability{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));font-size:9px}.scroll-cue{bottom:calc(32px + env(safe-area-inset-bottom))}}