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