.lab-page{--lab-ink:#20231e;--lab-muted:#5d6557;--lab-line:#c7ccbd;--lab-accent:#2455dc;max-width:1328px;width:calc(100% - 64px);margin:auto;color:var(--lab-ink);padding-bottom:60px}
.lab-max{--lab-ink:#f2f0e6;--lab-muted:#b6bdb3;--lab-line:#3b483f;--lab-accent:#c6fb78}
.lab-page .lab-kicker{font:11px/1.5 'Courier New',monospace;letter-spacing:.1em;text-transform:uppercase;margin:0}
.lab-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:end;padding:72px 0 55px}
.lab-intro h1{font:700 clamp(58px,7.8vw,108px)/.94 Arial,sans-serif;letter-spacing:-.075em;margin:25px 0 0}
.lab-intro h1 em{font:italic .94em/1 Georgia,serif;letter-spacing:-.065em;color:var(--lab-accent)}
.lab-intro-side{max-width:310px;justify-self:end}.lab-intro-side p{font:17px/1.6 Arial,sans-serif;margin:18px 0}.lab-intro-side>a{font:12px/1.5 'Courier New',monospace;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--lab-line)}
.lab-spark{display:inline-block;color:var(--lab-accent);font:62px/1 Arial,sans-serif;transition:transform .6s}.lab-intro-side:hover .lab-spark{transform:rotate(60deg)}
.lab-experiments{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;scroll-margin-top:24px}
.lab-entry{min-width:0}.lab-entry:nth-child(even){margin-top:80px}.lab-entry-link{display:block;text-decoration:none;color:inherit}.lab-entry-link:focus-visible{outline:3px solid var(--lab-accent);outline-offset:8px}
.lab-art{position:relative;aspect-ratio:1.45;overflow:hidden;background:#142324;color:#f7f6ef}.lab-art>img{width:100%;height:100%;object-fit:cover;object-position:65% center;transition:transform .7s ease}
.lab-entry-ivan .lab-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#120b18cc,transparent 75%);pointer-events:none}
.lab-entry-koh .lab-art:after,.lab-entry-wheelsizer .lab-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080c10c9,transparent 70%);pointer-events:none}.lab-entry-koh .lab-scene-title em{color:#ebce91}.lab-entry-wheelsizer .lab-scene-title em{color:#c6fb78}
.lab-scene-title{position:absolute;z-index:1;left:7%;bottom:14%;font:700 clamp(20px,2.6vw,38px)/1.07 Georgia,serif;letter-spacing:-.03em;max-width:90%;text-shadow:0 2px 8px #000}.lab-scene-title em{font:italic 1em/1.2 Georgia,serif;color:#ffb1bd;letter-spacing:-.03em}
.lab-index{position:absolute;top:18px;left:20px;font:12px 'Courier New',monospace;z-index:2;background:#111a;padding:7px 9px}.lab-art-arrow{position:absolute;z-index:2;right:18px;bottom:18px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #fff7;border-radius:50%;font-size:25px;background:#1116;transition:transform .4s}
.lab-entry-link:hover .lab-art>img{transform:scale(1.045)}.lab-entry-link:hover .lab-art-arrow{transform:rotate(45deg)}
.lab-viewfinder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#173864,#2455dc 55%,#488af1);isolation:isolate}
.lab-viewfinder:before{content:'';position:absolute;inset:12%;border:1px solid #b9d8ff66;border-radius:3px}.lab-viewfinder:after{content:'+';position:absolute;font:26px 'Courier New',monospace;color:#fff9}
.lab-lens{width:47%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#0a1c33 0deg 2deg,#203d62 2deg 4deg);border:8px solid #112643;box-shadow:0 15px 35px #00173677,0 0 0 2px #7fa9ed;display:grid;place-items:center;transition:transform .8s}
.lab-lens i{display:block;width:76%;aspect-ratio:1;border-radius:50%;border:12px solid #162943;background:conic-gradient(from 30deg,#274b79,#429daf,#254781,#5b497b,#234375,#3ca59c,#274b79);box-shadow:inset 0 0 0 5px #061b32,inset 0 0 30px 12px #0b1334;position:relative}
.lab-lens i:after{content:'';position:absolute;inset:26%;background:#071726;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.lab-entry-link:hover .lab-lens,.lab-entry-link:focus-visible .lab-lens{transform:rotate(30deg) scale(1.06)}.lab-lens-label{position:absolute;top:14%;font:9px 'Courier New',monospace;letter-spacing:.14em}.lab-settings{position:absolute;bottom:9%;left:8%;right:8%;display:flex;justify-content:space-between;font:10px 'Courier New',monospace;letter-spacing:.08em}
.lab-entry-body{padding:25px 0 0}.lab-entry-body>.lab-kicker{color:var(--lab-muted)}.lab-entry h2{font:700 clamp(29px,3.4vw,46px)/1.05 Arial,sans-serif;letter-spacing:-.06em;margin:14px 0}.lab-entry h3{font:italic 23px/1.25 Georgia,serif;letter-spacing:-.02em;margin:0 0 16px;font-weight:400}
.lab-description{font:16px/1.65 Arial,sans-serif;margin:0;max-width:49ch;color:var(--lab-muted)}.lab-action{display:flex;justify-content:space-between;align-items:center;gap:16px;font:700 12px/1.5 'Courier New',monospace;min-height:55px;border-bottom:1px solid var(--lab-line);margin-top:20px}.lab-action>span[aria-hidden]{font-size:23px}.lab-note{font:11px/1.65 'Courier New',monospace;color:var(--lab-muted);margin:12px 0 0}.lab-entry-link:hover .lab-action{text-decoration:underline;text-underline-offset:5px}
.lab-signoff{border-top:1px solid var(--lab-line);margin-top:80px;padding-top:30px;display:grid;grid-template-columns:1fr 1.4fr auto;gap:20px;align-items:center}.lab-signoff>p:not(.lab-kicker){font:700 26px/1.2 Arial,sans-serif;letter-spacing:-.03em;margin:0}.lab-signoff em{font:italic 1em Georgia,serif;color:var(--lab-muted)}.lab-signoff>span{font:700 44px Arial,sans-serif;letter-spacing:-.12em;color:#f02518}.lab-signoff>span>span{color:#18cf32}.lab-signoff>span{background:linear-gradient(90deg,#f02518 33%,#18cf32 33% 66%,#2455dc 66%);background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:800px){.lab-page{width:calc(100% - 34px)}.lab-intro{padding:45px 0 35px;grid-template-columns:1fr;gap:22px}.lab-intro-side{max-width:none;justify-self:start}.lab-spark{display:none}.lab-intro-side p{margin:0;font-size:16px}.lab-intro-side p br{display:none}.lab-experiments{gap:22px}.lab-entry:nth-child(even){margin-top:40px}.lab-art{aspect-ratio:1.2}.lab-scene-title{font-size:23px}.lab-signoff{grid-template-columns:1fr auto}.lab-signoff>.lab-kicker{grid-column:1/-1}}
@media(max-width:580px){.lab-experiments{grid-template-columns:1fr;gap:45px}.lab-entry:nth-child(even){margin:0}.lab-art{aspect-ratio:1.4}.lab-entry h2{font-size:36px}.lab-signoff{margin-top:50px}.lab-signoff>p:not(.lab-kicker){font-size:21px}.lab-intro h1{font-size:clamp(49px,12vw,68px)}}
@media(prefers-reduced-motion:reduce){.lab-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.lab-entry-link:hover .lab-art>img,.lab-entry-link:hover .lab-lens,.lab-intro-side:hover .lab-spark{transform:none}}
html[data-motion=reduce] .lab-page *{transition:none!important;animation:none!important}