.mermaid-hero{isolation:isolate;background:#0b1f33;border-radius:4px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #9fe2d51f,0 24px 60px -30px #0b1f33b3}.mermaid-hero__scene{aspect-ratio:3;width:100%;min-height:240px;max-height:440px;display:block}.mermaid-hero__copy{color:#f6f3ee;text-shadow:0 2px 18px #0b1f338c,0 1px 2px #0b1f3399;pointer-events:none;flex-direction:column;justify-content:center;gap:.75rem;width:min(46%,34rem);padding:clamp(1.25rem,4vw,3rem);display:flex;position:absolute;inset:0 auto 0 0}.mermaid-hero__copy>*{pointer-events:auto}.mermaid-hero__title{font-family:var(--font-display,system-ui, sans-serif);letter-spacing:-.03em;margin:0;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;line-height:1}.mermaid-hero__subtitle{font-family:var(--font-sans,system-ui, sans-serif);opacity:.94;max-width:30ch;margin:0;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:500;line-height:1.4}.mermaid-hero__actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}@media (max-width:640px){.mermaid-hero__scene{aspect-ratio:4/3;max-height:none}.mermaid-hero__copy{width:auto;text-shadow:none;background:linear-gradient(#0b1f33,#123a5c);padding:1.1rem 1.25rem 1.4rem;position:static}}.mh-wave{animation:7s linear infinite mh-wave-drift}.mh-wave--back{animation-duration:11s;animation-direction:reverse}@keyframes mh-wave-drift{0%{transform:translate(0)}to{transform:translate(-600px)}}.mh-ray{transform-box:fill-box;transform-origin:50% 0;animation:6s ease-in-out infinite alternate mh-ray-shimmer}.mh-ray:nth-child(2){animation-delay:-2s}.mh-ray:nth-child(3){animation-delay:-4s}@keyframes mh-ray-shimmer{0%{opacity:.18;transform:skew(-6deg)}to{opacity:.42;transform:skew(-2deg)}}.mh-weed{transform-box:fill-box;transform-origin:50% 100%;animation:4.5s ease-in-out infinite alternate mh-sway}.mh-weed:nth-child(2){animation-duration:5.3s;animation-delay:-1.5s}.mh-weed:nth-child(3){animation-duration:3.9s;animation-delay:-2.7s}.mh-weed:nth-child(4){animation-duration:6.1s;animation-delay:-.8s}@keyframes mh-sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.mh-bubble{animation:9s linear infinite mh-rise}.mh-bubble:nth-child(2){animation-duration:12s;animation-delay:-3s}.mh-bubble:nth-child(3){animation-duration:10s;animation-delay:-6s}.mh-bubble:nth-child(4){animation-duration:14s;animation-delay:-9s}.mh-bubble:nth-child(5){animation-duration:11s;animation-delay:-1s}.mh-bubble:nth-child(6){animation-duration:8s;animation-delay:-5s}@keyframes mh-rise{0%{opacity:0;transform:translate(0)}10%{opacity:.8}50%{transform:translate(8px,-140px)}90%{opacity:.6}to{opacity:0;transform:translate(-4px,-260px)}}.mh-fish{animation:34s linear infinite mh-fish-cross}.mh-fish--2{animation-duration:46s;animation-delay:-21s}.mh-fish__tail{transform-box:fill-box;transform-origin:0;animation:.5s ease-in-out infinite alternate mh-fish-tail}@keyframes mh-fish-cross{0%{transform:translate(-140px)}to{transform:translate(1400px)}}@keyframes mh-fish-tail{0%{transform:rotate(-16deg)}to{transform:rotate(16deg)}}.mh-sun{transform-box:fill-box;transform-origin:50%;animation:8s ease-in-out infinite alternate mh-sun-breathe}@keyframes mh-sun-breathe{0%{opacity:.55;transform:scale(1)}to{opacity:.8;transform:scale(1.12)}}.mh-swimmer{animation:9s linear forwards mh-swim}@keyframes mh-swim{0%{transform:translate(-200px,300px)}5%{transform:translate(-188.2px,298.2px)}10%{transform:translate(-166px,295.2px)}15%{transform:translate(-132.6px,291.4px)}20%{transform:translate(-86.9px,287.7px)}25%{transform:translate(-28.1px,285.8px)}30%{transform:translate(44px,287.6px)}35%{transform:translate(128.7px,294.9px)}40%{transform:translate(224.5px,306.5px)}45%{transform:translate(329.3px,315px)}50%{transform:translate(438.9px,308.1px)}55%{transform:translate(546.3px,284.3px)}60%{transform:translate(648.9px,261.2px)}65%{transform:translate(744.1px,245.9px)}70%{transform:translate(829px,245.4px)}75%{transform:translate(900.6px,253.6px)}80%{transform:translate(956.1px,237.4px)}85%{transform:translate(984.2px,201.7px)}90%{transform:translate(994.8px,169.9px)}95%{transform:translate(998.7px,147.9px)}to{transform:translate(1000px,136px)}}.mh-swimmer-inner{animation:9s cubic-bezier(.45,.05,.55,.95) forwards mh-tilt}@keyframes mh-tilt{0%{transform:rotate(6deg)}18%{transform:rotate(-7deg)}40%{transform:rotate(7deg)}62%{transform:rotate(-6deg)}80%{transform:rotate(-20deg)}92%{transform:rotate(-58deg)}to{transform:rotate(-74deg)}}.mh-tail{transform-box:fill-box;transform-origin:100%;animation:1.05s ease-in-out infinite alternate mh-undulate}.mh-fluke{transform-box:fill-box;transform-origin:100%;animation:1.05s ease-in-out -.18s infinite alternate mh-undulate}@keyframes mh-undulate{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.mh-hair--swim{transform-box:fill-box;transform-origin:100% 60%;animation:.9s ease-in-out infinite alternate mh-hair-trail}@keyframes mh-hair-trail{0%{transform:rotate(-4deg)scaleX(1)}to{transform:rotate(5deg)scaleX(1.06)}}.mh-trail-bubble{animation:1.6s ease-out infinite mh-trail}.mh-trail-bubble:nth-child(2){animation-delay:-.5s}.mh-trail-bubble:nth-child(3){animation-delay:-1.1s}@keyframes mh-trail{0%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translate(-70px,-34px)}}.mh-pose-swim{animation:.45s ease-in 8.7s forwards mh-fade-out}.mh-pose-sit{opacity:0;animation:.45s ease-out 8.75s forwards mh-fade-in}@keyframes mh-fade-out{to{opacity:0}}@keyframes mh-fade-in{to{opacity:1}}.mh-sit-fluke{transform-box:fill-box;transform-origin:100% 0;animation:2.6s ease-in-out infinite alternate mh-sit-sway}@keyframes mh-sit-sway{0%{transform:rotate(-5deg)}to{transform:rotate(6deg)}}.mh-hair--sit{transform-box:fill-box;transform-origin:50% 0;animation:3.2s ease-in-out infinite alternate mh-hair-flutter}@keyframes mh-hair-flutter{0%{transform:rotate(-2deg)scaleX(1)}to{transform:rotate(3deg)scaleX(1.05)}}.mh-eyes{transform-box:fill-box;transform-origin:50%;animation:4.8s ease-in-out infinite mh-blink}@keyframes mh-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.mh-sit-arm{transform-box:fill-box;transform-origin:20% 10%;animation:5s ease-in-out infinite alternate mh-arm}@keyframes mh-arm{0%{transform:rotate(0)}to{transform:rotate(-3deg)}}.mh-sit-body{transform-box:fill-box;transform-origin:50% 100%;animation:4s ease-in-out infinite alternate mh-breathe}@keyframes mh-breathe{0%{transform:translateY(0)}to{transform:translateY(-1.5px)}}@media (prefers-reduced-motion:reduce){.mermaid-hero *{animation:none!important}.mh-swimmer{display:none}.mh-pose-sit{opacity:1}}