.hero[data-astro-cid-lcdefpme]{--box-shadow-size:clamp(8px, 2vw ,16px);--pattern-size:24px;--border:solid 2px currentColor;--color-highlight:#007373;--globe-size:200%;z-index:10;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;background-color:var(--color-dark-bg);color:#fff;background-blend-mode:overlay;margin-inline:calc(50% - 50vw);position:relative;overflow:hidden}.hero[data-astro-cid-lcdefpme]:after{content:"";pointer-events:none;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.hero[data-astro-cid-lcdefpme]:before{content:"";z-index:-1;inline-size:var(--globe-size);aspect-ratio:1;mix-blend-mode:color-dodge;pointer-events:none;background-color:#066;border:4px solid teal;border-radius:50%;position:absolute;inset-block-start:80.4%;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 0 20px teal}.hero-inner[data-astro-cid-lcdefpme]{z-index:10;padding-inline:var(--gutter);position:relative;container-type:inline-size}.hero-text[data-astro-cid-lcdefpme]{min-block-size:61.8026cqi;padding-block:calc(var(--space-xl) + var(--box-shadow-size)) var(--space-xl);align-content:center;display:grid}.hero-hdg-ja[data-astro-cid-lcdefpme]{grid-template-columns:repeat(8,1fr);margin-inline-start:2px;display:grid}.hero-key[data-astro-cid-lcdefpme]{z-index:1;font-size:clamp(var(--font-size-h-m), 5vw ,var(--font-size-h-l));text-align:center;user-select:none;margin-block-start:-2px;margin-inline-start:-2px;display:block;position:relative}.hero-key-bg[data-astro-cid-lcdefpme]{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-lcdefpme]:before,.hero-key[data-astro-cid-lcdefpme]: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-lcdefpme]: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-lcdefpme]: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-lcdefpme]{z-index:100;aspect-ratio:1;border:var(--border);background-color:var(--color-dark-bg);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-lcdefpme]:before,.hero-key-space[data-astro-cid-lcdefpme]:after{content:"";z-index:200;display:none;position:absolute}.hero-key-space[data-astro-cid-lcdefpme]: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-lcdefpme]: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-hdg-en[data-astro-cid-lcdefpme]{padding:var(--space-s);border:var(--border);background-color:var(--color-dark-bg);font-family:var(--font-family-en);font-size:var(--font-size-p-s);letter-spacing:.1em;text-transform:uppercase;text-wrap:balance;margin-block-start:-2px}.hero-desc[data-astro-cid-lcdefpme]{padding:var(--space-s);border-block-end:var(--border);border-inline-start:var(--border);border-inline-end:var(--border);background-color:var(--color-dark-bg);line-height:var(--line-height-l)}.hero-key[data-astro-cid-lcdefpme] svg{inline-size:50%}@media (prefers-reduced-motion:no-preference){[data-astro-cid-lcdefpme][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-lcdefpme]:has([data-hero-key=coding]:hover) [data-astro-cid-lcdefpme][data-hero-highlight=coding],.hero[data-astro-cid-lcdefpme]:has([data-hero-key=a11y]:hover) [data-astro-cid-lcdefpme][data-hero-highlight=a11y],.hero[data-astro-cid-lcdefpme]:has([data-hero-key=perf]:hover) [data-astro-cid-lcdefpme][data-hero-highlight=perf]{background-size:100% 100%}.hero-key[data-astro-cid-lcdefpme]:hover .hero-key-front[data-astro-cid-lcdefpme]{transform:translate(0)}.hero-key[data-astro-cid-lcdefpme]:hover:before,.hero-key[data-astro-cid-lcdefpme]:hover:after{transform:skew(45deg)scaleY(0)}.hero-key[data-astro-cid-lcdefpme]:hover .hero-key-space[data-astro-cid-lcdefpme]:before,.hero-key[data-astro-cid-lcdefpme]:hover .hero-key-space[data-astro-cid-lcdefpme]:after{display:block}}@media (width>=1024px){.hero[data-astro-cid-lcdefpme]{--box-shadow-size:16px}.hero-inner[data-astro-cid-lcdefpme]{--inner-width:var(--content-width-and-gutters);max-inline-size:var(--inner-width);margin-inline:auto}.hero-text[data-astro-cid-lcdefpme]{padding-block:calc(var(--space-xl) + var(--box-shadow-size)) var(--space-xl)}.hero-hdg-ja[data-astro-cid-lcdefpme]{grid-template-columns:repeat(14,1fr)}}.intro[data-astro-cid-lcdefpme]{min-block-size:var(--space-l)}.more[data-astro-cid-lcdefpme]{--spacing:var(--space-m);padding-block-start:calc(var(--spacing) + 4px);padding-block-end:var(--spacing);padding-inline:var(--spacing);border-block-start:solid 1px var(--color-accent);border-block-end:solid 1px var(--color-accent);margin-block-end:-1px}@media (width>=768px){.more[data-astro-cid-lcdefpme]{--spacing:var(--space-l)}}:root[style*="--color-mode: dark"] .hero[data-astro-cid-lcdefpme]{--color-highlight:#045152}