.hero{isolation:isolate;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:clamp(1.5rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.hero__backdrop{z-index:-1;image-rendering:pixelated;background-image:url(/images/bg-image.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero__audio{z-index:2;aspect-ratio:1;filter:drop-shadow(4px 6px #0b225c61);clip-path:polygon(9px 0,calc(100% - 9px) 0,calc(100% - 9px) 9px,100% 9px,100% calc(100% - 9px),calc(100% - 9px) calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,9px calc(100% - 9px),0 calc(100% - 9px),0 9px,9px 9px);background:#1b3a8f;width:clamp(3.25rem,5.6vw,5.375rem);padding:5px;position:absolute;top:clamp(1rem,2.6vw,2.5rem);right:clamp(1rem,3vw,3rem)}.hero__audio-face{clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px),0 5px,5px 5px);background:#fff;place-items:center;width:100%;height:100%;display:grid}.hero__audio-icon{color:#1b3a8f;width:55%;height:55%}.hero__audio:hover .hero__audio-face{background:#eef4ff}.hero__audio:active{filter:drop-shadow(1px 2px #0b225c61);transform:translate(3px,4px)}.hero__content{flex-direction:column;align-items:center;gap:clamp(1.5rem,4.4vw,4.25rem);width:100%;max-width:66rem;display:flex}.hero__logo{font-family:var(--font-pixel),monospace;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:clamp(.25rem,.9vw,.85rem);font-weight:400;line-height:1;display:flex}.hero__word{letter-spacing:.075em;align-items:flex-start;display:flex}.hero__word--top{--logo-fill:#fff;--logo-shade:transparent;font-size:clamp(2.25rem,5.9vw,5.5rem)}.hero__word--bottom{--logo-fill:#ffc93c;--logo-shade:#e3a41c;font-size:clamp(2.6rem,6.5vw,6.25rem)}.hero__letter{color:#1b3a8f;-webkit-text-stroke:.17em #1b3a8f;paint-order:stroke fill;text-shadow:0 .03em #1b3a8f,0 .06em #1b3a8f,0 .09em #1b3a8f,0 .17em .03em #09205847;line-height:1;display:inline-block;position:relative}.hero__letter:before{content:attr(data-char);color:var(--logo-fill);-webkit-text-stroke:.08em var(--logo-fill);paint-order:stroke fill;text-shadow:0 .035em 0 var(--logo-shade);line-height:1;display:block;position:absolute;inset:0}.hero__tagline{filter:drop-shadow(4px 5px #0b225c4d);clip-path:polygon(7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px),0 7px,7px 7px);background:#1b3a8f;margin-top:clamp(-2.75rem,-2.9vw,-1rem);padding:clamp(.55rem,1vw,.85rem) clamp(1.1rem,2.4vw,2.25rem)}.hero__tagline-text{font-family:var(--font-pixel),monospace;letter-spacing:.075em;text-transform:uppercase;color:#fff;white-space:nowrap;font-size:clamp(.55rem,1.1vw,1rem);line-height:1;display:block}.hero__menu{flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,2.5vw,2.5rem);width:100%;display:flex}.hero__card{filter:drop-shadow(5px 7px #0b225c61);clip-path:polygon(10px 0,calc(100% - 10px) 0,calc(100% - 10px) 10px,100% 10px,100% calc(100% - 10px),calc(100% - 10px) calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,10px calc(100% - 10px),0 calc(100% - 10px),0 10px,10px 10px);background:#1b3a8f;flex:0 clamp(17rem,31vw,30rem);padding:5px;transition:transform 80ms steps(2,end),filter 80ms steps(2,end);display:block}.hero__card:nth-child(3){flex-basis:clamp(17rem,34vw,33rem)}.hero__card-face{clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px),0 6px,6px 6px);background:#fff;align-items:center;gap:clamp(.7rem,1.6vw,1.5rem);padding:clamp(.6rem,1vw,1rem) clamp(.75rem,1.3vw,1.25rem);display:flex}.hero__card-badge{aspect-ratio:1;clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px),0 6px,6px 6px);flex:none;place-items:center;width:clamp(2.4rem,4.3vw,4.125rem);display:grid}.hero__card-badge-icon{color:#fff;width:62%;height:62%}.hero__card-copy{flex-direction:column;gap:clamp(.25rem,.55vw,.5rem);min-width:0;display:flex}.hero__card-title{font-family:var(--font-pixel),monospace;letter-spacing:.03em;text-transform:uppercase;color:#1b3a8f;font-size:clamp(.58rem,1vw,.9375rem);line-height:1.1}.hero__card-description{font-family:var(--font-pixel-body),monospace;letter-spacing:.01em;font-size:clamp(.8rem,1.15vw,1.0625rem);font-weight:500;line-height:1.15}.hero__card-chevron{flex:none;width:clamp(1rem,1.5vw,1.5rem);height:clamp(1rem,1.5vw,1.5rem);margin-left:auto}.hero__card:hover{filter:drop-shadow(3px 5px #0b225c61)}.hero__card:active{filter:drop-shadow(0 0 #0b225c61);transform:translate(5px,7px)}.hero__card:focus-visible{outline-offset:4px;outline:4px solid #ffc93c}.hero__card--blue .hero__card-badge{background:#2b5ce6}.hero__card--blue .hero__card-description,.hero__card--blue .hero__card-chevron{color:#2b5ce6}.hero__card--green .hero__card-badge{background:#2e9e4f}.hero__card--green .hero__card-description,.hero__card--green .hero__card-chevron{color:#2e9e4f}.hero__card--purple .hero__card-badge{background:#7c3aed}.hero__card--purple .hero__card-description,.hero__card--purple .hero__card-chevron{color:#7c3aed}@media (max-width:640px){.hero__card,.hero__card:nth-child(3){flex-basis:100%}.hero__tagline-text{white-space:normal;text-align:center;line-height:1.5}}@media (prefers-reduced-motion:reduce){.hero__card,.hero__audio{transition:none}}