.container[data-astro-cid-kh7btl4r]{display:flex;flex-direction:column;align-items:center;padding:0 var(--space-s);width:100%}.wrapper[data-astro-cid-kh7btl4r]{display:flex;gap:var(--space-2xl);max-width:90rem;width:100%;margin-top:var(--space-xl);padding-bottom:var(--space-3xl)}.pc-column[data-astro-cid-kh7btl4r]{width:400px;flex:none;position:sticky;top:var(--space-xl);align-self:flex-start;display:flex;flex-direction:column;align-items:center;gap:var(--space-s);@media screen and (max-width:1024px){display:none}}.stop .pc-column[data-astro-cid-kh7btl4r]{display:none}.monitor[data-astro-cid-kh7btl4r]{width:360px;height:225px;background-color:var(--color-surface);border-radius:var(--radius-xl);border:8px solid var(--color-surface);position:relative;box-sizing:content-box}.screen-image[data-astro-cid-kh7btl4r]{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);background-color:var(--color-surface)}.screen-image[data-astro-cid-kh7btl4r].is-active{display:block}.keyboard[data-astro-cid-kh7btl4r]{width:180px;border-bottom:30px solid var(--color-surface);border-left:8px solid transparent;border-right:8px solid transparent}.content[data-astro-cid-kh7btl4r]{min-width:0;max-width:var(--text-max-width);display:flex;flex-direction:column}.name[data-astro-cid-kh7btl4r]{font-size:var(--step-3);font-weight:900}.description[data-astro-cid-kh7btl4r]{display:flex;flex-direction:column;gap:var(--space-2xs);margin-top:var(--space-s)}.h2[data-astro-cid-kh7btl4r]{margin-top:var(--space-2xl);font-size:var(--step-2);font-weight:900}.h3[data-astro-cid-kh7btl4r]{font-size:var(--step-1);font-weight:900}.history[data-astro-cid-kh7btl4r]{position:relative;padding-left:56px;margin-top:var(--space-xl);padding-bottom:var(--space-l);&:not(:last-child):before{content:"";position:absolute;left:9px;top:14px;bottom:calc(var(--space-xl) * -1);width:2px;background:var(--color-border)}&:after{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:var(--radius-infinity);background:var(--color-accent);border:var(--border-width-lg) solid var(--color-border);box-sizing:border-box}@media screen and (max-width:1024px){padding-left:40px}}.title-flex[data-astro-cid-kh7btl4r]{display:flex;gap:var(--space-2xs);align-items:end;flex-wrap:wrap}.section-image[data-astro-cid-kh7btl4r]{width:340px;max-width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:var(--radius-md);border:var(--border-width-sm) solid var(--color-border);margin-top:var(--space-s)}.intro-figure[data-astro-cid-kh7btl4r]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);margin-top:var(--space-s)}.intro-monitor[data-astro-cid-kh7btl4r]{width:340px;max-width:100%;aspect-ratio:8/5;background-color:var(--color-surface);border-radius:var(--radius-xl);border:8px solid var(--color-surface);position:relative}.intro-monitor[data-astro-cid-kh7btl4r] .section-image[data-astro-cid-kh7btl4r]{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0}.intro-keyboard[data-astro-cid-kh7btl4r]{width:160px;border-bottom:26px solid var(--color-surface);border-left:8px solid transparent;border-right:8px solid transparent}@media screen and (min-width:64.0625rem){html:not(.stop) .intro-figure[data-astro-cid-kh7btl4r],html:not(.stop) .intro-monitor[data-astro-cid-kh7btl4r]{display:contents}html:not(.stop) .intro-keyboard[data-astro-cid-kh7btl4r]{display:none}html:not(.stop) .section-image[data-astro-cid-kh7btl4r]{position:absolute;width:1px;height:1px;margin:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.stop .wrapper[data-astro-cid-kh7btl4r]{justify-content:center}.stop .content[data-astro-cid-kh7btl4r]{max-width:calc(var(--text-max-width) + 340px + var(--space-l))}.stop .intro[data-astro-cid-kh7btl4r],.stop .history[data-astro-cid-kh7btl4r]{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-areas:"image title" "image description";align-items:start;column-gap:var(--space-l)}.stop .intro[data-astro-cid-kh7btl4r] .intro-figure[data-astro-cid-kh7btl4r]{align-self:center}.stop .name[data-astro-cid-kh7btl4r],.stop .title-flex[data-astro-cid-kh7btl4r]{grid-area:title}.stop .description[data-astro-cid-kh7btl4r]{grid-area:description}.stop .intro-figure[data-astro-cid-kh7btl4r],.stop .history[data-astro-cid-kh7btl4r] .section-image[data-astro-cid-kh7btl4r]{grid-area:image;margin-top:0}}