.hero{height:100svh;overflow-x:clip;overflow-y:visible}
.hero-hex-field{grid-column:2;min-width:0;width:100%;height:min(560px,calc(100svh - 170px));min-height:380px;position:relative;display:block;align-self:center;isolation:isolate;overflow:hidden;transform:none!important;perspective:none!important;background:radial-gradient(ellipse at 52% 54%,rgba(92,141,184,.13),rgba(92,141,184,.055) 34%,transparent 70%)}
#consbi-hex-canvas{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible;touch-action:pan-y;background:transparent}
.scroll-hint{transform:translateY(33px)}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;min-height:600px;height:auto}.hero-hex-field{height:500px;min-height:360px}}
@media(max-width:680px){.hero{display:block;min-height:auto;height:auto;padding-top:70px;padding-bottom:88px}.hero-content,.hero-hex-field{top:0}.hero-hex-field{height:340px;min-height:0;margin:-5px -20px -28px;width:calc(100% + 40px)}.scroll-hint{transform:none}}
.hero-content>.eyebrow b{position:relative;isolation:isolate;overflow:visible;animation:eyebrowCorePulse 2.4s ease-in-out infinite}
.hero-content>.eyebrow b::before,.hero-content>.eyebrow b::after{content:"";position:absolute;inset:-1.5px;border:1px solid rgba(217,151,19,.72);border-radius:50%;pointer-events:none;z-index:1;animation:eyebrowWave 2.4s cubic-bezier(.15,.55,.35,1) infinite}
.hero-content>.eyebrow b::after{animation-delay:1.2s}
@keyframes eyebrowWave{0%{transform:scale(.75);opacity:.85}78%,100%{transform:scale(3.2);opacity:0}}
@keyframes eyebrowCorePulse{0%,100%{box-shadow:0 0 0 5px rgba(216,154,20,.12)}50%{box-shadow:0 0 0 7px rgba(216,154,20,.17)}}
@media(prefers-reduced-motion:reduce){.hero-content>.eyebrow b,.hero-content>.eyebrow b::before,.hero-content>.eyebrow b::after{animation:none}}
.tide-fallback{position:absolute;inset:0;z-index:0;opacity:1;transition:opacity .65s ease;pointer-events:none;background:radial-gradient(ellipse 60% 65% at 54% 53%,rgba(53,92,125,.12),rgba(92,141,184,.08) 44%,transparent 78%)}
.tide-fallback::before{content:"";position:absolute;inset:-6% -8%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='31' viewBox='0 0 36 31'%3E%3Cg fill='%233d6b8b' fill-opacity='.62' stroke='%23ffffff' stroke-opacity='.58' stroke-width='.7'%3E%3Cpath d='M9 0 18 5.2v10.4L9 20.8 0 15.6V5.2z'/%3E%3Cpath d='M27 0 36 5.2v10.4L27 20.8 18 15.6V5.2z'/%3E%3Cpath d='M0 15.6 9 20.8v10.4L0 36.4-9 31.2V20.8z' transform='translate(9 -5.2)'/%3E%3Cpath d='M27 15.6 36 20.8v10.4L27 36.4l-9-5.2V20.8z' transform='translate(-9 -5.2)'/%3E%3C/g%3E%3C/svg%3E");background-size:36px 31px;opacity:.55;mask-image:radial-gradient(ellipse 64% 62% at 54% 52%,#000 18%,rgba(0,0,0,.8) 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 64% 62% at 54% 52%,#000 18%,rgba(0,0,0,.8) 60%,transparent 100%);animation:fallbackTide 8s ease-in-out infinite alternate,fallbackFade .45s ease-out both;translate:var(--cursor-x,0px) var(--cursor-y,0px)}
.tide-fallback-logo{position:absolute;left:55%;top:51%;width:min(49%,330px);aspect-ratio:174/162;transform:translate(-50%,-50%) scale(.45);opacity:0;background-color:#416e8d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8.66' viewBox='0 0 10 8.66'%3E%3Cpath d='M2.5 0 7.5 0 10 4.33 7.5 8.66 2.5 8.66 0 4.33z' fill='%23416e8d' stroke='%23ffffff' stroke-opacity='.22' stroke-width='.35'/%3E%3C/svg%3E");background-size:10px 8.66px;mask-image:url("assets/consbi-isotipo.png");mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("assets/consbi-isotipo.png");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;animation:fallbackLogoBuild 1.15s cubic-bezier(.2,.75,.2,1) .5s forwards;transition:translate .2s ease;translate:var(--cursor-x,0px) var(--cursor-y,0px)}
.hero-hex-field.canvas-ready .tide-fallback{opacity:0;visibility:hidden}
@keyframes fallbackTide{from{background-position:0 0}to{background-position:36px 31px}}
@keyframes fallbackFade{from{opacity:0}to{opacity:.55}}
@keyframes fallbackLogoBuild{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}35%{opacity:.45}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(prefers-reduced-motion:reduce){.tide-fallback::before{animation:none;opacity:.55}.tide-fallback-logo{animation:none;opacity:1;transform:translate(-50%,-50%) scale(1)}}

.tide-fallback::before{display:none!important}

@media(min-width:681px){.hero-content{translate:90px 0;z-index:2}.hero-hex-field{width:calc(100% + 120px);margin-left:-120px}.scroll-hint{left:auto;right:0;bottom:112px;transform:none}}