@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700;900&family=Space+Grotesk:wght@300;400&display=swap";:root{--paper: #121010;--ink: #f4f2f0;--ink-dim: #f4f2f08c;--line: #f4f2f02e;--display: "Unbounded", sans-serif;--body: "Space Grotesk", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow:hidden}.scroller{z-index:5;overscroll-behavior:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden auto}.overlay{pointer-events:none;z-index:10;position:fixed;top:0;right:0;bottom:0;left:0}.header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:32px;right:32px}.brand{font-family:var(--body);letter-spacing:.06em;align-items:center;gap:12px;font-size:15px;font-weight:300;display:flex}.brand img{display:block}.status{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.progress-track{background:var(--line);width:1px;height:38vh;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.progress-fill{background:var(--ink);transform-origin:top;width:100%;height:0%}.section-nav{pointer-events:auto;position:absolute;bottom:30px;left:32px}.section-label{cursor:pointer;font-family:var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim);background:0 0;border:none;align-items:center;padding:6px 0;font-size:11px;transition:color .25s;display:flex}.section-label:hover{color:var(--ink)}.section-label b{color:var(--ink);margin-left:10px;font-weight:400}.section-label .chev{border-top:1px solid;border-right:1px solid;width:7px;height:7px;margin-left:12px;transition:transform .3s;display:inline-block;transform:rotate(-45deg) translateY(2px)}.section-label .chev.open{transform:rotate(135deg) translateY(2px)}.section-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);background:#121010e0;min-width:240px;padding:8px 0;list-style:none;margin:0;animation:.3s cubic-bezier(.2,.8,.2,1) menu-rise;position:absolute;bottom:calc(100% + 14px);left:0}@keyframes menu-rise{0%{opacity:0;transform:translateY(12px)}}.section-menu button{cursor:pointer;width:100%;font-family:var(--body);letter-spacing:.24em;text-transform:uppercase;text-align:left;color:var(--ink-dim);background:0 0;border:none;align-items:baseline;gap:12px;padding:9px 18px;font-size:11px;transition:background .15s,color .15s;display:flex}.section-menu button span{opacity:.55;font-size:9px}.section-menu button:hover{background:var(--ink);color:var(--paper)}.section-menu button.active{color:var(--ink)}.section-menu button.active:hover{color:var(--paper)}.hint{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);flex-direction:column;align-items:center;gap:10px;font-size:11px;transition:opacity .6s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hint .line{background:var(--line);width:1px;height:42px;position:relative;overflow:hidden}.hint .line:after{content:"";background:var(--ink);animation:1.8s ease-in-out infinite drip;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes drip{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.grain{z-index:9;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.09'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(4,end) infinite grain;position:fixed;top:-100px;right:-100px;bottom:-100px;left:-100px}.vignette{z-index:8;pointer-events:none;background:radial-gradient(#0000 55%,#00000080);position:fixed;top:0;right:0;bottom:0;left:0}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(30px,-45px)}75%{transform:translate(-25px,-30px)}to{transform:translate(0)}}.loader{z-index:40;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s .2s;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.loader.done{opacity:0;pointer-events:none}.loader .word{font-family:var(--display);letter-spacing:.04em;color:#0000;-webkit-text-stroke:1px var(--ink);font-size:clamp(40px,8vw,96px);font-weight:900}.loader .pct{letter-spacing:.3em;color:var(--ink-dim);font-size:11px}@media (prefers-reduced-motion: reduce){.grain,.hint .line:after{animation:none}}@media (max-width: 720px){.header{left:18px;right:18px;top:18px}.progress-track{right:18px;height:28vh}.section-nav{left:18px;bottom:18px}}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0a0aed;justify-content:center;align-items:center;padding:24px;animation:.35s fade-in;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--paper);border:1px solid var(--line);width:min(760px,100%);max-height:86vh;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden;display:flex;flex-direction:column}.modal .close{cursor:pointer;background:none;border:none;color:var(--ink);font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:0}.modal-kicker{display:block;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.case-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.case-switch{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.case-switch-btn,.case-switch-mid{cursor:pointer;background:none;border:none;color:var(--ink-dim);font-family:var(--body);font-size:10px;letter-spacing:.22em;text-transform:uppercase;padding:0}.case-switch-mid{color:var(--ink)}.case-switch-btn:hover:not(:disabled),.case-switch-mid:hover,.modal .close:hover{color:var(--ink)}.case-switch-btn:disabled{opacity:.28;pointer-events:none}.case-toc{display:flex;flex-wrap:wrap;align-items:baseline;gap:0;margin-bottom:28px}.case-toc button{cursor:pointer;background:none;border:none;color:var(--ink-dim);font-family:var(--body);font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:0}.case-toc button.is-active,.case-toc button:hover{color:var(--ink)}.case-toc-sep{color:var(--ink-dim);opacity:.45;margin:0 8px;font-size:10px}.case-study{overflow:auto;min-height:0;padding-right:8px}.case-study h2,.case-study p{animation:fade-in .45s ease both}.case-study h2{animation-delay:.04s}.case-study p:nth-of-type(1){animation-delay:.1s}.case-study p:nth-of-type(2){animation-delay:.16s}.case-study p:nth-of-type(3){animation-delay:.22s}.case-study p:nth-of-type(4){animation-delay:.28s}.case-study p:nth-of-type(5){animation-delay:.34s}.case-study p:nth-of-type(6){animation-delay:.4s}.modal h2{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,4vw,2.6rem);letter-spacing:-.03em;margin:0 0 22px}.modal p{margin:0 0 1.15em;color:var(--ink-dim);line-height:1.75;font-size:1rem}.modal p:last-child{margin-bottom:0}.modal p strong{color:var(--ink);font-weight:400;letter-spacing:.12em;text-transform:uppercase;font-size:.72em;margin-right:.45em}.reduced{min-height:100%;overflow:auto;padding:48px 24px 96px;max-width:720px;margin:0 auto}.reduced-header{display:flex;justify-content:space-between;letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:var(--ink-dim);margin-bottom:64px}.reduced h1{font-family:var(--display);font-size:clamp(2.4rem,8vw,5rem);margin:0 0 24px}.reduced h2{font-family:var(--display);font-weight:400;margin:48px 0 16px}.reduced p,.reduced li{line-height:1.7;color:var(--ink-dim)}.reduced ul{padding-left:1.2rem}.reduced-alias{letter-spacing:.3em;text-transform:uppercase;font-size:12px}.reduced article{margin-bottom:24px;border-top:1px solid var(--line);padding-top:16px}.reduced article span{letter-spacing:.22em;text-transform:uppercase;font-size:11px;color:var(--ink-dim)}
