:root{color-scheme:dark}*{box-sizing:border-box}html,body{background:#080a12;width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,Arial,sans-serif}.transition-lab{--lab-ink:#f5f4ff;--lab-muted:#a4a5b9;--lab-violet:#8f75ff;--lab-cyan:#7de7e3;--lab-duration:1.15s;--lab-perspective:1600px;background:#080a12;width:100vw;height:100dvh;position:relative;overflow:hidden}.transition-lab__stage{perspective:var(--lab-perspective);position:absolute;inset:0;overflow:hidden}.transition-lab__page{background:0 0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.transition-lab__page--current{z-index:2}.transition-lab__page--next{z-index:1;display:none}.transition-lab__surface{transform-style:preserve-3d;backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.transition-lab__content{z-index:1;text-align:center;justify-items:center;gap:clamp(28px,4vh,54px);display:grid;position:relative}.transition-lab__content--one{color:var(--lab-ink)}.transition-lab__content--two{color:#f5ffff}.transition-lab__eyebrow{color:var(--lab-muted);letter-spacing:.12em;margin:0;font:500 clamp(14px,1.3vw,22px)/1.2 IBM Plex Mono,monospace}.transition-lab__number{letter-spacing:-.1em;margin:0;font-size:clamp(110px,20vw,360px);line-height:.75}.transition-lab__button{color:#fff;cursor:pointer;background:#8f75ff21;border:1px solid #8f75ffcc;border-radius:999px;min-height:58px;padding:0 26px;font:600 15px Inter,Arial,sans-serif;transition:border-color .2s,background .2s,box-shadow .2s}.transition-lab__button:hover,.transition-lab__button:focus-visible{border-color:var(--lab-cyan);background:#7de7e31f;outline:none;box-shadow:0 0 30px #7de7e31f}.transition-lab__surface--one{background:radial-gradient(circle at 50% 42%,#8f75ff33,#0000 32%),linear-gradient(135deg,#0b0d18,#17152e 58%,#0b0d18)}.transition-lab__surface--two{background:radial-gradient(circle at 50% 42%,#7de7e333,#0000 32%),linear-gradient(135deg,#071719,#0d3032 58%,#071719)}.transition-lab__fold-back,.transition-lab__fold-shadow,.transition-lab__fold-edge{pointer-events:none;opacity:0;position:absolute;inset:0}.transition-lab__fold-back{z-index:3;transform-origin:100% 100%;backface-visibility:hidden;background:linear-gradient(135deg,#2a274afa,#0d0f1cfa 58%,#60559bf2)}.transition-lab__fold-shadow{z-index:4;filter:blur(16px);mix-blend-mode:multiply;background:radial-gradient(at 100% 100%,#00000094,#00000038 34%,#0000 68%)}.transition-lab__fold-edge{z-index:5;filter:blur(1px);mix-blend-mode:screen;background:linear-gradient(110deg,#0000 0 44%,#ffffffb8 49%,#8f75ff33 54%,#0000 61%)}.transition-lab__meta{z-index:10;color:#c6c7de8c;letter-spacing:.16em;margin:0;font:10px IBM Plex Mono,monospace;position:absolute;bottom:22px;right:28px}@media (prefers-reduced-motion:reduce){.transition-lab__stage{perspective:none}.transition-lab__surface{transform-style:flat}.transition-lab__button{transition:none}}.transition-lab[data-mode=first-version-reference] .transition-lab__stage{perspective:1800px;background:linear-gradient(135deg,#101521 0%,#1a2531 48%,#10282a 100%)}.transition-lab[data-mode=first-version-reference] .transition-lab__stage:before{content:"";z-index:4;pointer-events:none;filter:blur(12px);opacity:.7;background:linear-gradient(90deg,#0000 calc(50% - 34px),#0000001a calc(50% - 8px),#ffffff09 50%,#0000001a calc(50% + 8px),#0000 calc(50% + 34px));position:absolute;inset:-8%}.transition-lab[data-mode=first-version-reference] .transition-lab__stage:after{content:"";z-index:4;pointer-events:none;opacity:.55;background:radial-gradient(#0000 0 18%,#05080e14 48%,#0000 72%);position:absolute;inset:0}.transition-lab[data-mode=first-version-reference] .transition-lab__meta{display:none}.transition-first__surface{backface-visibility:hidden;transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.transition-first__content{text-align:center;will-change:opacity;justify-items:center;gap:72px;display:grid}.transition-first__surface--one{color:#f7f8ff;background:linear-gradient(135deg,#171b2a,#252146 58%,#111522)}.transition-first__surface--two{color:#f1ffff;background:linear-gradient(135deg,#102728,#174b4d 58%,#0d1f24)}.transition-first__surface h1{letter-spacing:-.08em;margin:0;font-size:260px;font-weight:700;line-height:.8}.transition-first__surface button{color:#fff;cursor:pointer;background:#8f75ff24;border:1px solid #a391ffe6;border-radius:999px;min-height:62px;padding:0 28px;font:600 16px/1 Inter,Arial,sans-serif}.transition-first__surface--two button{background:#7de7e31f;border-color:#7de7e3d9}.transition-first__surface button:focus-visible{outline-offset:4px;outline:3px solid #ffffff47}@media (prefers-reduced-motion:reduce){.transition-lab[data-mode=first-version-reference] .transition-lab__stage{perspective:1800px}}