.lab-container{max-width:1100px;margin:0 auto;padding:0 3rem;position:relative;z-index:2}.lab-header{display:flex;align-items:baseline;justify-content:space-between;padding:6vh 0 2rem}.lab-header-title{font-family:Audiowide,sans-serif;font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:400;color:#fff;letter-spacing:.12em;line-height:1}.lab-header-count{font-family:IBM Plex Mono,monospace;font-size:.62rem;color:#ffffff73;letter-spacing:.3em;text-transform:uppercase}.lab-rule{width:100%;height:1px;background:#ffffff24}.lab-index{display:flex;flex-direction:column;min-height:calc(100vh - 14rem)}.lab-row{flex:1;display:grid;grid-template-columns:3.5rem 1fr auto 2.5rem;align-items:center;gap:2rem;padding:0;text-decoration:none;position:relative;overflow:hidden;cursor:pointer}.lab-row:before{content:attr(data-num);position:absolute;left:3rem;top:50%;transform:translateY(-52%);font-family:Audiowide,sans-serif;font-size:clamp(5rem,11vw,9rem);font-weight:400;line-height:1;letter-spacing:-.02em;pointer-events:none;z-index:0;transition:opacity .4s ease}.lab-row:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;transition:width .5s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.lab-row:hover:after{width:100%}.lab-row:nth-child(2):before{color:#00fff70a}.lab-row:nth-child(2):after{background:#00fff780}.lab-row:nth-child(2):hover .lab-row-name{color:#00fff7f2}.lab-row:nth-child(2):hover .lab-row-num{color:#00fff78c}.lab-row:nth-child(2):hover .lab-row-tech{color:#00fff7a6}.lab-row:nth-child(2):hover .lab-row-arrow{color:#00fff7d9}.lab-row:nth-child(2):hover:before{color:#00fff712}.lab-row:nth-child(4):before{color:#a050ff0a}.lab-row:nth-child(4):after{background:#a050ff8c}.lab-row:nth-child(4):hover .lab-row-name{color:#c896fff2}.lab-row:nth-child(4):hover .lab-row-num{color:#a050ff8c}.lab-row:nth-child(4):hover .lab-row-tech{color:#b478ffa6}.lab-row:nth-child(4):hover .lab-row-arrow{color:#c896ffd9}.lab-row:nth-child(4):hover:before{color:#a050ff12}.lab-row:nth-child(6):before{color:#ff508c0a}.lab-row:nth-child(6):after{background:#ff508c80}.lab-row:nth-child(6):hover .lab-row-name{color:#ff8cb4f2}.lab-row:nth-child(6):hover .lab-row-num{color:#ff508c8c}.lab-row:nth-child(6):hover .lab-row-tech{color:#ff78a0a6}.lab-row:nth-child(6):hover .lab-row-arrow{color:#ff8cb4d9}.lab-row:nth-child(6):hover:before{color:#ff508c12}.lab-row-num{font-family:IBM Plex Mono,monospace;font-size:.58rem;color:#ffffff4d;letter-spacing:.12em;align-self:center;position:relative;z-index:2;transition:color .35s ease}.lab-row-body{display:flex;flex-direction:column;gap:.4rem;position:relative;z-index:2}.lab-row-name{font-family:Audiowide,sans-serif;font-size:clamp(1.7rem,3.2vw,2.9rem);font-weight:400;color:#ffffffeb;letter-spacing:.04em;line-height:1;transition:color .35s ease}.lab-row-desc{font-family:IBM Plex Mono,monospace;font-size:.62rem;color:#ffffff80;letter-spacing:.07em;line-height:1.5;transition:color .35s ease}.lab-row:hover .lab-row-desc{color:#ffffffa6}.lab-row-tech{font-family:IBM Plex Mono,monospace;font-size:.6rem;color:#ffffff6b;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;position:relative;z-index:2;transition:color .35s ease}.lab-row-arrow{font-size:1.1rem;color:#ffffff4d;text-align:right;position:relative;z-index:2;transition:transform .35s cubic-bezier(.25,.46,.45,.94),color .35s ease}.lab-row:hover .lab-row-arrow{transform:translate(8px)}.lab-row-preview{position:absolute;top:0;right:0;bottom:0;width:60%;background-size:cover;background-position:center;opacity:0;transform:translate(24px);transition:opacity .55s cubic-bezier(.25,.46,.45,.94),transform .55s cubic-bezier(.25,.46,.45,.94);pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.1) 28%,black 58%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.1) 28%,black 58%)}.lab-row:hover .lab-row-preview{opacity:.28;transform:translate(0)}@media (max-width: 900px){.lab-container{padding:0 2rem}.lab-row{grid-template-columns:3rem 1fr 2rem;gap:1.5rem}.lab-row-tech{display:none}.lab-row-preview{width:50%}.lab-row:before{font-size:clamp(4rem,10vw,7rem)}}@media (max-width: 600px){.lab-container{padding:0 1.25rem}.lab-header{padding:5vh 0 1.5rem}.lab-index{min-height:calc(100vh - 10rem)}.lab-row{grid-template-columns:2.5rem 1fr 2rem;gap:1rem}.lab-row:before{font-size:clamp(3.5rem,18vw,6rem);left:2rem}.lab-row-preview{opacity:.18;transform:translate(0);width:55%}.lab-row-name{font-size:clamp(1.3rem,7vw,1.8rem)}}