.about{width:100%;max-width:62rem;margin:0 auto;padding-inline:1.5rem}.sec{color:var(--accent);letter-spacing:-.02em;margin:2.5rem 0 .75rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.text{color:#ddd3e1;max-width:42rem;margin:0 0 1.25rem}.trans,.poly,.fae{cursor:help;color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;font-weight:600;position:relative}.trans{background-image:linear-gradient(90deg,#5bcefa 0 20%,#f5a9b8 20% 40%,#fff 40% 60%,#f5a9b8 60% 80%,#5bcefa 80% 100%)}.poly{background-image:linear-gradient(90deg,#009fe3 0 33.33%,#e50051 33.33% 66.66%,#a15ccf 66.66% 100%)}.fae{background-image:linear-gradient(90deg,#97c3a5 0 14.29%,#c3deae 14.29% 28.57%,#f9facd 28.57% 42.86%,#fff 42.86% 57.14%,#fca2c4 57.14% 71.43%,#db8ae4 71.43% 85.71%,#a97edd 85.71% 100%)}.trans[data-tooltip]:after,.poly[data-tooltip]:after,.fae[data-tooltip]:after{content:attr(data-tooltip);z-index:10;border:1px solid var(--line);width:max-content;max-width:min(24rem,100vw - 2rem);color:var(--text);pointer-events:none;opacity:0;background:#17151b;border-radius:.4rem;padding:.4rem .65rem;font-size:.85rem;font-weight:400;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%,.25rem)}.trans[data-tooltip]:hover:after,.poly[data-tooltip]:hover:after,.fae[data-tooltip]:hover:after,.trans[data-tooltip]:focus-visible:after,.poly[data-tooltip]:focus-visible:after,.fae[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.trans[data-tooltip]:after,.poly[data-tooltip]:after,.fae[data-tooltip]:after{transition:none}}@media (hover:none),(width<=48rem){.trans[data-tooltip]:after,.poly[data-tooltip]:after,.fae[data-tooltip]:after{display:none}.trans,.poly,.fae{cursor:auto}}.projects{max-width:42rem;margin:0 0 1.25rem;padding:0;list-style:none}.projects li{border:1px solid var(--line);background:var(--raised);color:var(--muted);border-radius:.5rem;margin-bottom:.75rem;padding:.75rem 1rem}.project-name{color:var(--text);font-weight:600;display:block}