.lab-strip{padding-block:var(--section-y);color:var(--color-text)}.lab-strip-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);padding-inline:var(--mx);margin-bottom:var(--space-24)}.lab-strip-title{color:var(--color-text)}.lab-strip-controls{display:flex;align-items:center;gap:var(--space-12)}.lab-strip-all{text-decoration:none}.lab-strip-arrow{width:var(--space-16);height:var(--space-16);padding:0;border:none;background:none;color:var(--color-text);cursor:pointer;transition:opacity var(--dur-fade) ease}.lab-strip-arrow svg{display:block;width:100%;height:100%}.lab-strip-arrow--prev svg{scale:-1 1}.lab-strip-arrow:disabled{opacity:.3;cursor:default}.lab-strip-track{display:flex;align-items:flex-start;gap:var(--gap-media);padding-inline:var(--mx);scroll-padding-inline:var(--mx);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}.lab-strip-track::-webkit-scrollbar{display:none}.lab-strip-track:focus-visible{outline:2px solid var(--color-accent);outline-offset:var(--space-4)}.lab-strip-track{user-select:none}.lab-strip-track.is-dragging,.lab-strip-track.is-settling{scroll-snap-type:none}.lab-strip-track.is-dragging{cursor:grabbing}.lab-strip-track.is-dragging .lab-strip-item{pointer-events:none}.lab-strip-track.is-dragging .selection-item-overlay,.lab-strip-track.is-dragging .media{transition:none}.lab-strip-item{flex:none;width:calc((100% - var(--gap-media) * 2) / 3);scroll-snap-align:start}@media(max-width:768px){.lab-strip-item{width:80vw}}.lab-strip-item .media{-webkit-user-drag:none}html,body{overscroll-behavior:none}.hero-track{position:relative;margin-top:calc(-1 * var(--nav-h, 0px))}.hero-stage{position:sticky;top:0;height:100svh;padding-top:var(--nav-h, 0px);display:grid;place-items:center;overflow:hidden;pointer-events:none}.hero-stage>*{grid-area:1/1}.hero-ring-area{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center}.hero-ring-wrap{position:relative;height:100%;aspect-ratio:1;flex:none;opacity:0;transform:scale(var(--ring-scale, .5)) translate(var(--ring-shift, 0px))}.hero-ring{position:absolute;inset:0;display:grid;place-items:center}.hero-ring>*{grid-area:1/1}.hero-sphere{--size: calc(clamp(120px, 25vw, 300px) * var(--sphere-size, .6));--morph: 0;position:relative;width:var(--size);height:calc(var(--size) * (1 - .375 * var(--morph)));border-radius:calc(50% * (1 - var(--morph)) + var(--radius) / var(--scale, 1) * var(--morph));overflow:hidden;backface-visibility:hidden;pointer-events:auto;cursor:pointer;will-change:transform}.hero-sphere img{position:absolute;top:50%;left:50%;width:110%;height:110%;object-fit:cover;transform:translate(-50%,-50%)}.hero-copy{position:relative;z-index:1;max-width:var(--measure-intro);padding-inline:var(--mx);text-align:center;color:var(--color-text)}.hero-word{display:inline-block;opacity:0}.hero-focus{position:relative;z-index:2;width:100%;height:100%;opacity:0;visibility:hidden}.hero-ring-area,.hero-titles,.hero-arrows,.hero-dots{transition:opacity var(--dur-fade) ease}.hero-stage.is-past .hero-ring-area,.hero-stage.is-past .hero-titles,.hero-stage.is-past .hero-arrows,.hero-stage.is-past .hero-dots{opacity:0;pointer-events:none}.hero-arrows{position:fixed;right:var(--space-24);bottom:calc(var(--space-24) + 45px + var(--space-12));width:45px;display:flex;flex-direction:column;align-items:center;gap:var(--space-12)}.hero-arrow{width:16px;height:16px;padding:0;border:none;background:none;color:var(--color-text);cursor:pointer;pointer-events:auto;transition:opacity var(--dur-fade) ease}.hero-arrow svg{display:block;width:100%;height:100%}.hero-arrow:hover{opacity:.7}.hero-arrow--prev{transform:rotate(-90deg)}.hero-arrow--next{transform:rotate(90deg)}.hero-arrow.is-hidden{opacity:0;pointer-events:none}.hero-titles{position:absolute;left:0;right:0;bottom:var(--space-24);display:grid;place-items:center;padding-block:var(--space-12);overflow:hidden}.hero-titles>*{grid-area:1/1}@media(max-width:768px){.hero-titles{top:calc(50% + clamp(120px,25vw,300px) * 2 * .625 / 2 + var(--space-12));bottom:auto}}.hero-title{opacity:0}@media(min-width:769px){.hero-title{padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}}.hero-dots{position:fixed;right:var(--space-24);bottom:var(--space-24);width:45px;height:45px;display:grid;place-items:center}.hero-dots>*{grid-area:1/1}.hero-counter{color:var(--color-text);opacity:0;visibility:hidden}.hero-dot{width:4px;height:4px;border-radius:50%;background:var(--color-text);opacity:.35;transition:opacity var(--dur-fade) ease}.hero-dot.is-active{opacity:1}
