.hero[data-astro-cid-rhgt6igm]{--color-highlight:#007373;inline-size:100%;display:block;container-type:inline-size}.hero-text[data-astro-cid-rhgt6igm]{--box-shadow-size:4cqi;--pattern-size:12px;--border:solid 2px currentColor;padding-block:calc(var(--box-shadow-size) * 4);background-image:url("data:image/svg+xml;utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"60\" height=\"60\" fill=\"%23d4d4d4\"><polygon points=\"1 59 1 0 0 0 0 59 0 60 1 60 60 60 60 59 1 59\"/></svg>");background-position:50%;background-size:var(--pattern-size) auto;color:#fff;background-blend-mode:overlay;background-color:#9094aa;grid-template-columns:repeat(3,auto);justify-content:center;padding-inline:40px;display:grid}.hero-key[data-astro-cid-rhgt6igm]{z-index:1;text-align:center;user-select:none;inline-size:20cqi;margin:auto;display:block;position:relative}@supports not (max-inline-size:20cqi){.hero-text[data-astro-cid-rhgt6igm]{--box-shadow-size:4vw}.hero-key[data-astro-cid-rhgt6igm]{max-inline-size:20vw}}.hero-key[data-astro-cid-rhgt6igm]:not(:first-child){margin-inline-start:-2px}.hero-key-bg[data-astro-cid-rhgt6igm]{border-inline-end:var(--border);background-color:var(--color-dark-bg);block-size:100%;inline-size:100%;display:block;position:absolute;inset-block-end:0}.hero-key[data-astro-cid-rhgt6igm]:before,.hero-key[data-astro-cid-rhgt6igm]:after{content:"";background-color:var(--color-dark-bg);transform-origin:0 100%;block-size:100%;inline-size:100%;transition:transform .2s;display:block;position:absolute;transform:skew(45deg)}.hero-key[data-astro-cid-rhgt6igm]:before{z-index:200;block-size:var(--box-shadow-size);border-block-end:var(--border);border-inline-start:var(--border);inset-block-end:0;inset-inline-start:0}.hero-key[data-astro-cid-rhgt6igm]:after{z-index:20;block-size:var(--box-shadow-size);border-inline-end:var(--border);inset-block-start:calc(-1 * var(--box-shadow-size));inset-inline-end:0}.hero-key-front[data-astro-cid-rhgt6igm]{z-index:100;aspect-ratio:1;border:var(--border);background-color:var(--color-dark-bg);block-size:100%;inline-size:100%;transform:translate(calc(-1 * var(--box-shadow-size)), calc(-1 * var(--box-shadow-size)));place-items:center;transition:transform .2s;display:grid;position:relative}.hero-key-space[data-astro-cid-rhgt6igm]:before,.hero-key-space[data-astro-cid-rhgt6igm]:after{content:"";z-index:200;display:none;position:absolute}.hero-key-space[data-astro-cid-rhgt6igm]:before{inline-size:100%;block-size:var(--box-shadow-size);inset-block-start:calc(-1 * var(--box-shadow-size))}.hero-key-space[data-astro-cid-rhgt6igm]:after{inline-size:var(--box-shadow-size);block-size:calc(100% + var(--box-shadow-size));inset-block-end:0;inset-inline-start:calc(-1 * var(--box-shadow-size))}.hero-key[data-astro-cid-rhgt6igm] svg{inline-size:50%}.hero-desc[data-astro-cid-rhgt6igm]{padding:var(--space-m);font-size:var(--font-size-p-l);line-height:var(--line-height-l)}@media (prefers-reduced-motion:no-preference){.hero-key[data-astro-cid-rhgt6igm]:hover .hero-key-front[data-astro-cid-rhgt6igm]{transform:translate(0)}.hero-key[data-astro-cid-rhgt6igm]:hover:before,.hero-key[data-astro-cid-rhgt6igm]:hover:after{transform:skew(45deg)scaleY(0)}.hero-key[data-astro-cid-rhgt6igm]:hover .hero-key-space[data-astro-cid-rhgt6igm]:before,.hero-key[data-astro-cid-rhgt6igm]:hover .hero-key-space[data-astro-cid-rhgt6igm]:after{display:block}}.hero-key[data-astro-cid-rhgt6igm]:before{translate:0 calc(.04cqb * var(--hero-distance))}.hero-key[data-astro-cid-rhgt6igm]:after{translate:0 calc(-.04cqb * var(--hero-distance))}.hero-key-bg[data-astro-cid-rhgt6igm]{translate:calc(.2cqi * var(--hero-distance)) calc(.02cqb * var(--hero-distance))}.hero-distance[data-astro-cid-rhgt6igm]{gap:var(--space-s);padding:var(--space-m);justify-content:center;align-items:center;display:flex}.hero-distance-input[data-astro-cid-rhgt6igm]{inline-size:100%;max-inline-size:20em}@media (prefers-reduced-motion:no-preference){[data-astro-cid-rhgt6igm][data-hero-highlight]{background-image:linear-gradient(var(--color-highlight) 0, var(--color-highlight) 100%);background-position:0 100%;background-repeat:no-repeat;background-size:100% 0%;transition:background-size .2s}.hero[data-astro-cid-rhgt6igm]:has([data-hero-key=coding]:hover) [data-astro-cid-rhgt6igm][data-hero-highlight=coding],.hero[data-astro-cid-rhgt6igm]:has([data-hero-key=a11y]:hover) [data-astro-cid-rhgt6igm][data-hero-highlight=a11y],.hero[data-astro-cid-rhgt6igm]:has([data-hero-key=perf]:hover) [data-astro-cid-rhgt6igm][data-hero-highlight=perf]{background-size:100% 100%}}