._8aEwW_hero{--row:calc(100svh / 10.5);--cell:min(6.25vw, var(--row));--title-top:calc(var(--row) * 1.23);--title-inset:var(--cell);--title-width:calc(var(--cell) * 5);--block-top:calc(var(--title-top) + var(--cell) * 4.27);--block-height:max(calc(var(--cell) * 5), round(up, 100svh - var(--block-top) - var(--cell) - 1px, var(--cell) * 2) + var(--cell));--tracking:.0775em;--name-size:calc(var(--title-width) / (3.998 + 10 * .0775));--design-size:calc(var(--title-width) / (2.204 + 5 * .0775));--engineer-size:calc(var(--title-width) / (2.909 + 7 * .0775));--line-gap:calc(var(--cell) * .3);--title-box:calc(var(--title-width) * .6134 + var(--line-gap) * 3);--title-start:calc(var(--title-top) - var(--line-gap) / 2);--stuck-top:calc(var(--cell) * .3);--stuck-scale:.45;--head-height:calc(var(--stuck-top) * 2 + var(--title-box) * var(--stuck-scale));background:var(--purple);height:100svh;position:relative;overflow:hidden}html:has(._8aEwW_hero){overscroll-behavior-y:none}._8aEwW_character{filter:drop-shadow(calc(var(--cell) * .3) 0 0 var(--yellow));position:absolute;inset:0}._8aEwW_column{--title-scale:calc(1 - (1 - var(--stuck-scale)) * var(--p,0));top:0;bottom:0;left:var(--title-inset);width:var(--title-width);overscroll-behavior:contain;scrollbar-width:none;position:absolute;overflow-y:auto}._8aEwW_column::-webkit-scrollbar{display:none}._8aEwW_head{z-index:3;height:var(--head-height);background:var(--purple);position:sticky;top:0}._8aEwW_title{width:var(--title-width);transform:translateY(max(var(--stuck-top), calc(var(--title-start) - var(--scroll,0) * 1px))) scale(var(--title-scale));transform-origin:0 0;font-family:var(--font-handjet);text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:800;position:absolute;top:0;left:0}._8aEwW_name,._8aEwW_role span{font-weight:inherit;letter-spacing:var(--tracking);margin:0 0 0 -.03em;display:block}._8aEwW_name{font-size:var(--name-size);line-height:calc(.694 * var(--name-size) + var(--line-gap));color:var(--foreground)}._8aEwW_role{margin:0}._8aEwW_role span:first-child{font-size:var(--design-size);line-height:calc(.694 * var(--design-size) + var(--line-gap));color:var(--purple-light)}._8aEwW_role span:last-child{font-size:var(--engineer-size);line-height:calc(.694 * var(--engineer-size) + var(--line-gap));color:var(--purple-dark)}._8aEwW_spacer{height:calc(var(--block-top) - var(--head-height))}._8aEwW_keptRow,._8aEwW_rows{background-image:conic-gradient(transparent 25%, var(--purple-dark) 0 50%, transparent 0 75%, var(--purple-dark) 0);background-size:calc(var(--cell) * 2) calc(var(--cell) * 2)}._8aEwW_rows{height:calc(var(--block-height) - var(--cell))}._8aEwW_keptRow{z-index:2;top:var(--head-height);height:var(--cell);background-color:var(--purple);background-position:0 calc(var(--cell) - var(--block-height));position:sticky}._8aEwW_skills{padding:calc(var(--cell) * .6) 0 calc(100svh - var(--head-height) - var(--cell) * 6);font-family:var(--font-handjet);text-transform:uppercase;letter-spacing:.06em;font-weight:800}._8aEwW_heading{font-size:calc(var(--cell) * .8);color:var(--purple-light);line-height:1}._8aEwW_group{margin-top:calc(var(--cell) * .5)}._8aEwW_groupName{margin-bottom:calc(var(--cell) * .2);font-size:calc(var(--cell) * .35);color:var(--purple-dark);line-height:1}._8aEwW_grid{gap:calc(var(--cell) * .2);padding:0 calc(var(--cell) * .1) 0 0;grid-template-columns:repeat(2,1fr);list-style:none;display:grid}._8aEwW_skill{min-height:calc(var(--cell) * .9);padding:calc(var(--cell) * .15) calc(var(--cell) * .2);font-size:calc(var(--cell) * .33);color:var(--fg);background:var(--bg);box-shadow:calc(var(--cell) * .08) calc(var(--cell) * .08) 0 var(--purple-dark);align-items:flex-end;line-height:1;display:flex}._8aEwW_wide{grid-column:span 2}@media (max-aspect-ratio:1){._8aEwW_hero{--cols:11;--cell:calc(100vw / var(--cols));--title-width:calc(var(--cell) * 9.4);--block-height:calc(var(--cell) * 5);--title-start:calc(var(--cell) - var(--line-gap) / 2);--stuck-scale:.5;--column-height:calc(var(--cell) - var(--line-gap) + var(--title-box) + var(--cell) * 1.1 + var(--block-height))}._8aEwW_spacer{height:calc(100% - var(--head-height) - var(--block-height))}._8aEwW_column{width:100%;height:var(--column-height);bottom:auto;left:0}._8aEwW_title{transform:translate(-50%, max(var(--stuck-top), calc(var(--title-start) - var(--scroll,0) * 1px))) scale(var(--title-scale));transform-origin:top;left:50%}._8aEwW_skills{padding:calc(var(--cell) * .5) calc(var(--cell) * .7) calc(var(--column-height) - var(--head-height) - var(--cell) * 3)}._8aEwW_heading{font-size:calc(var(--cell) * .9)}._8aEwW_groupName{font-size:calc(var(--cell) * .4)}._8aEwW_skill{min-height:calc(var(--cell) * 1.2);font-size:calc(var(--cell) * .45)}}@media (max-aspect-ratio:1) and (min-aspect-ratio:449/1000){._8aEwW_hero{--cols:13}}@media (max-aspect-ratio:1) and (min-aspect-ratio:531/1000){._8aEwW_hero{--cols:15}}@media (max-aspect-ratio:1) and (min-aspect-ratio:612/1000){._8aEwW_hero{--cols:17}}@media (max-aspect-ratio:1) and (min-aspect-ratio:694/1000){._8aEwW_hero{--cols:19}}@media (max-aspect-ratio:1) and (min-aspect-ratio:776/1000){._8aEwW_hero{--cols:21}}@media (max-aspect-ratio:1) and (min-aspect-ratio:857/1000){._8aEwW_hero{--cols:23}}@media (max-aspect-ratio:1) and (min-aspect-ratio:939/1000){._8aEwW_hero{--cols:25}}