:root{--bg:#171a1a;--ink:#f2f0e8;--muted:#b4b9ac;--accent:#e6f38e;--line:#454b45;--surface:#242a26;--veil:#e6f38e;--veil-ink:#171a1a;--ease:cubic-bezier(.22,1,.36,1);--exit-animation:lab-cover-in;--arrival-animation:lab-cover-out;--sans:'Segoe UI',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif;--mono:Consolas,'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,select{font:inherit}button{cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1;letter-spacing:-.055em}p{margin-bottom:1.2em}h1{font-size:clamp(64px,8vw,120px)}h2{font-size:clamp(40px,5vw,72px);font-weight:400}h3{font-size:32px;font-weight:400}em{font-weight:400}button{border-radius:0}button[hidden],[hidden]{display:none!important}.lab-wrap{width:calc(100% - 112px);max-width:1400px;margin-inline:auto}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:1.8px;margin-bottom:28px}.small{font-size:12px;color:var(--muted)}.lab-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px;padding:17px 56px;background:var(--bg);border-bottom:1px solid var(--line)}.lab-brand{font-size:11px;font-weight:700;letter-spacing:1.6px;line-height:1.5;flex-shrink:0}.lab-brand span{display:block;font:8px var(--mono);letter-spacing:2px;color:var(--muted);margin-top:5px}.lab-header-actions{display:flex;gap:20px;align-items:center}.lab-back{font-size:11px;border-bottom:1px solid var(--line);padding:8px 0}.motion-switch{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);color:var(--ink);background:transparent;padding:10px 12px;min-height:44px;font-size:10px}.motion-switch[aria-checked=true]{border-color:var(--accent)}.motion-indicator{width:12px;height:12px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}.motion-switch[aria-checked=true] .motion-indicator{background:var(--accent);border-color:var(--accent)}.lab-menu-toggle{display:none;align-items:center;justify-content:space-between;gap:22px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:10px 15px;min-height:44px;font-size:12px}.lab-js .lab-menu-toggle{display:inline-flex}.lab-menu-toggle span{font-size:19px;line-height:1}.lab-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:30px 56px;font-size:10px;color:var(--muted)}.lab-footer a{color:var(--ink);padding:8px 0}.skip-link{position:fixed;top:-100px;left:20px;z-index:120;padding:12px 20px;background:var(--ink);color:var(--bg)}.skip-link:focus{top:12px}.lab-progress{position:fixed;inset:0 auto auto 0;height:3px;background:var(--accent);width:100%;transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}
.lab-menu{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;margin:0;border:0;padding:35px 56px;background:var(--ink);color:var(--bg);overflow:auto}.lab-menu[open]{display:flex;flex-direction:column}.lab-menu::backdrop{background:#0007}.lab-menu-head{display:flex;justify-content:space-between;align-items:center;gap:20px;font:10px var(--mono);letter-spacing:1px}.lab-menu-close{border:1px solid currentColor;background:transparent;color:inherit;padding:10px 16px;display:flex;gap:20px;align-items:center;min-height:44px;font:12px var(--sans)}.lab-menu-close span{font-size:25px;line-height:1}.lab-menu nav{display:flex;flex-direction:column;margin:auto 0;padding:40px 0;gap:0}.lab-menu nav a{display:flex;align-items:baseline;gap:25px;padding:19px 0;border-top:1px solid currentColor;font-size:clamp(32px,5vw,72px);line-height:1.1;letter-spacing:-.05em}.lab-menu nav a:last-child{border-bottom:1px solid currentColor}.lab-menu nav a span{font:10px var(--mono);letter-spacing:0}.lab-menu-foot{display:flex;justify-content:space-between;gap:30px;font-size:11px}.lab-menu-foot p{max-width:300px;margin:0}.lab-menu-foot a{align-self:end;text-decoration:underline;text-underline-offset:4px}.lab-menu a:focus-visible,.lab-menu button:focus-visible{outline-color:currentColor}.lab-menu.menu-departing{opacity:0;transition:opacity 230ms}.lab-dialog-open{overflow:hidden;padding-right:var(--scrollbar-gap,0px)}
.retention{padding-block:95px;border-top:1px solid var(--line)}.retention h2{margin-bottom:25px}.retention>p:not(.eyebrow){max-width:700px;color:var(--muted)}.retention-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.retention-options button{display:flex;align-items:center;gap:15px;text-align:left;border:1px solid var(--line);min-height:64px;background:transparent;color:var(--ink);padding:17px 20px;font-size:13px}.retention-options button>span{font-size:23px}.retention-options button:hover{border-color:var(--accent)}.retention-options button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.save-status{min-height:30px;padding-top:15px;font-size:12px}.retention-links{display:flex;justify-content:space-between;gap:25px;padding-top:20px;border-top:1px solid var(--line);font-size:13px}.retention-links a{border-bottom:1px solid;padding-bottom:5px}.experiment-note{display:grid;grid-template-columns:160px 1fr;gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-top:55px}.experiment-note>span{font:10px var(--mono);letter-spacing:1px}.experiment-note p{max-width:620px;color:var(--muted);font-size:14px}
.lab-js [data-reveal]{transition:opacity 850ms var(--ease),transform 950ms var(--ease),clip-path 1100ms var(--ease)}.lab-js .reveal-wait:not(.revealed){opacity:0;transform:translateY(35px)}.lab-js [data-reveal=wipe].reveal-wait:not(.revealed){clip-path:none;transform:none;opacity:1}.lab-js [data-reveal=wipe]>img{clip-path:inset(0);transition:clip-path 1100ms var(--ease)}.lab-js [data-reveal=wipe].reveal-wait:not(.revealed)>img{clip-path:inset(0 100% 0 0)}.lab-veil{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:var(--veil);color:var(--veil-ink);transform:translateY(101%);pointer-events:none;font:32px/1 var(--sans);font-weight:600;letter-spacing:-1px}.lab-veil>span:last-child{font:10px var(--mono);letter-spacing:2px}.lab-arriving .lab-veil{animation:var(--arrival-animation) 580ms var(--ease) both}.is-leaving .lab-veil{animation:var(--exit-animation) 240ms var(--ease) both;pointer-events:auto}
@keyframes lab-cover-in{from{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes lab-cover-out{from{transform:none;opacity:1}to{transform:none;opacity:0}}
@media(max-width:1100px){.lab-wrap{width:calc(100% - 64px)}.lab-header,.lab-footer{padding-inline:32px}.lab-header-actions{gap:14px}.motion-label{display:none}.motion-switch{width:44px;padding:10px}.lab-menu{padding-inline:32px}}
@media(max-width:700px){.lab-wrap{width:calc(100% - 40px)}.lab-header{padding:15px 20px;gap:12px;min-height:76px}.lab-header-actions{gap:9px}.lab-brand{font-size:9px;letter-spacing:1px}.lab-brand span{font-size:7px;letter-spacing:1.3px}.lab-back{display:none}.lab-menu-toggle{gap:13px;padding-inline:11px;font-size:11px}.lab-footer{padding:25px 20px;display:grid;gap:10px;font-size:10px}.retention{padding-block:55px}.retention h2{font-size:43px}.retention>p:not(.eyebrow){font-size:14px}.retention-options{grid-template-columns:1fr;gap:10px}.retention-options button{font-size:12px;min-height:60px;padding:14px}.retention-links{flex-direction:column;align-items:start;gap:20px}.lab-menu{padding:24px 20px}.lab-menu-head{font-size:8px;letter-spacing:.5px}.lab-menu-close{font-size:11px;gap:12px;padding-inline:10px}.lab-menu nav a{font-size:35px;padding-block:21px;gap:18px}.lab-menu-foot{flex-direction:column;align-items:start;gap:25px}.lab-menu-foot a{align-self:start}.experiment-note{grid-template-columns:1fr;gap:15px;margin-top:35px}.lab-veil{font-size:28px}.eyebrow{font-size:9px;letter-spacing:1.3px}}
html[data-motion=reduce]{scroll-behavior:auto}html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=reduce] [data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}html[data-motion=reduce] .lab-veil,html[data-motion=reduce] .lab-progress{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lab-js [data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}.lab-veil,.lab-progress{display:none!important}}