.hs{isolation:isolate;justify-self:center;width:100%;max-width:560px;height:clamp(360px,40vw,440px);position:relative}.hs-glow{pointer-events:none;background:radial-gradient(closest-side at 55% 52%,#03959a14,#03959a00);position:absolute;inset:-12% -10%}.hs-floor{pointer-events:none;height:48%;position:absolute;bottom:-4%;left:-8%;right:-8%;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 35% 55%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 35% 55%,#0000 100%)}.hs-floor-grid{transform-origin:50% 0;background-image:linear-gradient(#212c3f1a 1px,#0000 1px),linear-gradient(90deg,#212c3f1a 1px,#0000 1px);background-size:46px 46px;height:180%;position:absolute;top:0;left:-60%;right:-60%;transform:perspective(300px)rotateX(60deg)}.hs-sky{pointer-events:none;height:44%;position:absolute;top:21%;left:-18%;right:-18%}.hs-sky--video{height:74%;top:6%}.hs-sky video{object-fit:contain;mix-blend-mode:multiply;-webkit-mask-composite:source-in;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%),linear-gradient(#0000 0%,#000 16% 84%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%),linear-gradient(#0000 0%,#000 16% 84%,#0000 100%);mask-composite:intersect}.hs-fade{-webkit-mask-composite:source-in;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 26% 74%,#0000 100%),linear-gradient(#0000 0%,#000 22% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 26% 74%,#0000 100%),linear-gradient(#0000 0%,#000 22% 92%,#0000 100%);mask-composite:intersect}.hs-tiles{mix-blend-mode:multiply}.hs-row{will-change:transform;width:max-content;height:100%;display:flex;position:absolute;top:0;left:0}.hs-row--back{opacity:.55;filter:blur(.6px);height:80%;top:6%}.hs-row img{flex:none;width:auto;max-width:none;height:100%;display:block}.hs-boat{width:40px;height:38px;position:absolute;top:calc(86% - 36px);left:-6%}.hs-wake{transform-origin:100%;background:linear-gradient(90deg,#fff0,#ffffffe6);border-radius:2px;width:34px;height:3px;position:absolute;bottom:2px;right:30px}.hs-bob{transform-origin:50% 88%;filter:drop-shadow(0 2px 3px #212c3f2e);position:absolute;inset:0}.hs-bob span{position:absolute}.b-mast{background:#212c3f;border-radius:1px;width:1.5px;height:27px;bottom:10px;left:19px}.b-main{clip-path:polygon(0 0,100% 100%,0 100%);background:#fff;width:15px;height:23px;bottom:12px;left:20.5px}.b-jib{clip-path:polygon(100% 0,100% 100%,0 100%);background:#5fd3d6;width:10.5px;height:18px;bottom:12px;left:8px}.b-flag{clip-path:polygon(0 0,100% 50%,0 100%);background:#03959a;width:7px;height:4px;top:1px;left:20.5px}.b-hull{clip-path:polygon(0 0,100% 0,84% 100%,12% 100%);background:#212c3f;width:34px;height:8px;bottom:3px;left:4px}.b-stripe{background:#03959a;width:34px;height:1.5px;bottom:9px;left:4px}.hs-card{position:absolute}.hs-card--1{z-index:3;width:66%;top:12%;right:4%}.hs-card--2{z-index:2;width:72%;top:62%;left:4%}@media (width<=1079px){.hs-card--1{width:80%}.hs-card--2{width:86%}}.hs-shadow{pointer-events:none;background:radial-gradient(closest-side,#212c3f47,#212c3f00);border-radius:50%;height:20px;position:absolute;bottom:-30px;left:12%;right:12%}.hs-btn{color:#fff;text-align:left;width:100%;transition:transform .7s var(--ease), box-shadow .7s var(--ease);background:linear-gradient(135deg,#2b3952 0%,#1b2536 100%);border-radius:12px;align-items:center;gap:12px;padding:10px 10px 10px 18px;text-decoration:none;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 26px 40px -20px #212c3f99,0 10px 18px -10px #212c3f59}.hs-btn:hover,.hs-btn:focus-visible{color:#fff;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff1a,0 36px 54px -20px #026e7299,0 0 0 1px #5fd3d666}.hs-btn:focus-visible{outline-offset:3px;outline:3px solid #f2b705}.hs-line{pointer-events:none;background:linear-gradient(90deg,#5fd3d600,#5fd3d6d9,#5fd3d600);height:1px;position:absolute;top:0;left:18px;right:18px}.hs-label{flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.4}.hs-arr{color:#fff;width:32px;height:32px;transition:transform .5s var(--ease);background:#03959a;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 4px #03959a33,0 0 18px #03959a80}.hs-arr svg{width:14px;height:14px}.hs-btn:hover .hs-arr,.hs-btn:focus-visible .hs-arr{transform:translate(3px)}.hs-btn:hover .hs-arr.ext,.hs-btn:focus-visible .hs-arr.ext{transform:translate(2px,-2px)}@media (width<=479px){.hs-btn{gap:10px;padding:9px 9px 9px 16px}.hs-label{font-size:12.5px}.hs-arr{width:30px;height:30px}}.hs-wheel-box{pointer-events:none;width:46px;height:112px;position:absolute;bottom:100%;left:44%}.hs-wshadow{background:radial-gradient(closest-side,#212c3f73,#212c3f00);border-radius:50%;height:10px;position:absolute;bottom:-5px;left:3px;right:3px}.hs-wheel{transform-origin:50% 100%;width:46px;height:46px;position:absolute;bottom:0;left:0}.hs-spin{background:#1e2838;border-radius:50%;position:absolute;inset:0;box-shadow:0 6px 14px #212c3f59}.w-spokes{background:repeating-conic-gradient(#8e9db3 0deg 10deg,#dce3ec 10deg 72deg);border-radius:50%;position:absolute;inset:8px}.w-hub{background:#1e2838;border-radius:50%;position:absolute;inset:18px;box-shadow:0 0 0 2px #dce3ec}.hs-pbox{z-index:6;pointer-events:none;position:absolute;inset:-4% -12%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%)}.hs-pbox svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hs-trail{stroke:#212c3f;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:0 100000}.hs-trail[data-ptrail="1"]{stroke-opacity:.5}.hs-trail[data-ptrail="2"]{stroke-opacity:.32}.hs-trail[data-ptrail="3"]{stroke-opacity:.16}.hs-plane{opacity:0;will-change:transform;filter:drop-shadow(0 3px 4px #212c3f38);width:28px;height:18px;margin:-9px 0 0 -14px;position:absolute;top:0;left:0}.hs-plane span{position:absolute;inset:0}.p-top{clip-path:polygon(0 0,100% 50%,0 62%,22% 50%);background:#fff}.p-mid{clip-path:polygon(22% 50%,100% 50%,0 62%);background:#c9d6e6}.p-low{clip-path:polygon(30% 56%,100% 50%,18% 100%);background:#8fa3bd}@media (prefers-reduced-motion:reduce){.hs-pbox{display:none}.hs-boat{left:58%}}
