.lab-entry{position:absolute;right:calc(var(--margin) + 10px);bottom:clamp(142px,19vh,220px);width:108px;height:108px;display:block;color:var(--ink);text-align:center}.lab-entry svg{display:block;width:100%;height:100%;fill:currentColor;font:9px var(--font-sans);font-weight:500;letter-spacing:1.7px;animation:lab-turn 30s linear infinite}.lab-entry__symbol{position:absolute;inset:0;display:grid;place-items:center;font:48px var(--font-sans);transition:color .3s,transform .4s}.lab-entry__caption{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px}.lab-entry:hover .lab-entry__symbol{color:var(--klein);transform:rotate(45deg)}.lab-entry:hover svg,.lab-entry:focus-visible svg{animation-play-state:paused}.lab-entry:focus-visible{outline:2px solid var(--klein);outline-offset:8px;border-radius:50%}
.lab-feature{padding-top:clamp(35px,6vw,88px);padding-bottom:clamp(60px,9vw,135px);row-gap:38px;align-items:center}.lab-feature__copy{grid-column:1/span 4}.lab-feature__copy>p.label{color:var(--grey)}.lab-feature h3{font-family:var(--font-sans);font-size:clamp(90px,12vw,190px);font-stretch:62%;font-weight:600;line-height:.8;letter-spacing:-.015em;margin:35px 0 22px}.lab-feature h3 span{color:var(--klein)}.lab-feature__tagline{font-size:clamp(23px,2.7vw,40px);line-height:1.08}.lab-feature__description{font-size:var(--fs-small);line-height:1.6;margin:24px 0;max-width:39ch;color:var(--ink-2)}.lab-feature__link{display:flex;justify-content:space-between;gap:25px;max-width:310px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:color .3s}.lab-feature__link:hover{color:var(--klein)}.lab-feature__windows{grid-column:6/span 7;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--gutter);align-items:start}.lab-window{min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px;aspect-ratio:3/4;background:var(--paper-2);transition:transform .5s var(--ease-out)}.lab-window:hover{transform:translateY(-6px)}.lab-window--motion{background:var(--klein);color:var(--paper)}.lab-window--layout{margin-top:60px;background:var(--paper-2)}.lab-window__meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.04em;line-height:1.5}.lab-window__foot{font-size:9px;letter-spacing:.04em;line-height:1.5}.lab-window__ribbon{position:absolute;left:50%;top:49%;display:flex;transform:translate(-50%,-50%) rotate(-28deg);gap:3px}.lab-window__ribbon i{display:block;width:25px;height:130px;flex-shrink:0;border:1px solid currentColor;border-radius:50%;opacity:.75;animation:lab-wave 5s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.2s)}.lab-window__layout{display:grid;grid-template-columns:1.4fr 1fr;gap:5px;width:100%;padding:12px 0;transition:gap .4s;transform:rotate(-5deg)}.lab-window__layout b{display:grid;place-items:center;background:var(--paper);aspect-ratio:1;font:600 clamp(25px,4vw,55px)/1 var(--font-sans);font-stretch:62%}.lab-window__layout b:first-child{background:var(--klein);color:var(--paper)}.lab-window__layout b:last-child{background:var(--ink);color:var(--paper)}.lab-window--layout:hover .lab-window__layout{gap:12px}
@keyframes lab-turn{to{transform:rotate(360deg)}}@keyframes lab-wave{to{transform:rotate(18deg) translateY(10px)}}
@media(max-width:900px){.lab-feature__copy{grid-column:1/span 5}.lab-feature__windows{grid-column:7/span 6;grid-template-columns:1fr}.lab-window{aspect-ratio:1.5}.lab-window--layout{margin-top:0}.lab-window__layout{width:65%;align-self:center;grid-template-columns:repeat(4,1fr)}.lab-window__ribbon i{height:105px}.lab-entry{width:90px;height:90px;right:var(--margin)}}
@media(max-width:600px){.lab-entry{width:80px;height:80px;bottom:clamp(150px,21vh,200px)}.lab-entry__symbol{font-size:38px}.lab-entry__caption{font-size:8px}.lab-feature__copy{grid-column:1/-1}.lab-feature__windows{grid-column:1/-1;grid-template-columns:1.1fr 1fr;gap:12px}.lab-window{aspect-ratio:3/4;padding:14px}.lab-window--layout{margin-top:35px}.lab-window__layout{width:100%;grid-template-columns:1.4fr 1fr}.lab-window__meta,.lab-window__foot{font-size:8px}.lab-window__ribbon{gap:1px}.lab-window__ribbon i{width:17px;height:95px}.lab-feature__description{max-width:45ch}.lab-feature h3{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.lab-entry svg,.lab-window__ribbon i{animation:none}.lab-entry__symbol,.lab-window,.lab-window__layout{transition:none}.lab-window:hover{transform:none}}