:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edeef0;background:#08090b;color-scheme:dark;font-synthesis:none;--small:12px;--body:16px;--heading:24px}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #c9ced5;outline-offset:5px}[hidden]{display:none!important}::selection{background:#51565d}
.site-header{display:flex;flex-direction:column;align-items:center;padding:16px 16px 14px}.brand{font-size:var(--heading);font-weight:600;line-height:1;letter-spacing:-.065em}.byline{font-size:var(--small);color:#89929c;margin-top:5px;padding:2px 8px}.byline:hover{color:#fff}.language-switch{display:flex;margin-top:10px;padding:3px;border:1px solid #ffffff16;background:#ffffff06;border-radius:22px;gap:2px}.language-switch button{font-size:var(--small);font-weight:500;border-radius:18px;min-width:38px;min-height:24px;padding:3px 9px;color:#8f959e;transition:background .18s,color .18s}.language-switch button[aria-pressed="true"]{color:#151619;background:#e6e8eb}.language-switch button[aria-pressed="false"]:hover{background:#ffffff0d;color:#fff}
main{width:100%;max-width:960px;margin:0 auto;padding:0 20px}.experience{display:flex;flex-direction:column;align-items:center}.readout{text-align:center;position:relative;z-index:2;width:100%}h1{font-size:var(--body);letter-spacing:-.025em;font-weight:400;line-height:1.4;margin:0 0 15px;color:#a5aeb8}.counter{font-size:clamp(42px,12vw,64px);font-weight:350;line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.units{margin:7px auto 7px;font-size:var(--body);line-height:1.4;letter-spacing:-.02em;color:#a5aeb8}.breakdown{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:420px;margin:18px auto 0}.metric{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--small);color:#adb5bf}.metric+ .metric{border-left:1px solid #ffffff12}.metric strong{font-size:var(--heading);font-weight:450;line-height:1.15;letter-spacing:-.04em;color:#e1e4e8;font-variant-numeric:tabular-nums}.metric-date{color:#7e8a99;font-size:var(--small);line-height:1.5;margin-top:2px}
.primary-cta{display:flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:15px 26px;border:1px solid #fff;background:#f4f5f6;color:#101114;border-radius:30px;font-size:var(--body);font-weight:550;letter-spacing:-.015em;box-shadow:0 4px 26px #ffffff0c;transition:transform .18s,box-shadow .18s,background .18s;margin:18px 0 2px}.primary-cta:hover{background:#fff;box-shadow:0 6px 30px #ffffff18;transform:translateY(-2px)}.primary-cta:active{transform:translateY(0)}.primary-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sculpture-figure{position:relative;isolation:isolate;margin:0;width:100%;max-width:760px;height:clamp(270px,calc(100svh - 410px),370px)}#scene{position:absolute;inset:0 0 35px;cursor:grab;touch-action:pan-y pinch-zoom;outline:none;user-select:none;-webkit-user-select:none}#scene:active{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%}.sculpture-figure figcaption{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:var(--small);line-height:1.5;color:#7e8a99;pointer-events:none}#scene:focus-visible~figcaption{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#d7dde5}.graphics-status{position:absolute;top:40%;left:15%;right:15%;text-align:center;font-size:var(--body);line-height:1.7;color:#a6aab2}
footer{padding:10px 16px 16px;text-align:center}footer p{margin:0;color:#747f8c;font-size:var(--small);line-height:1.5}.noscript{max-width:640px;padding:20px;margin:auto;color:#aeb3bd;line-height:1.6}.noscript a{text-decoration:underline}
dialog{padding:34px 38px;border:1px solid #ffffff18;border-radius:25px;max-width:680px;width:calc(100% - 28px);max-height:88dvh;background:#15171bf5;box-shadow:0 25px 100px #00000070;color:#e1e4ea;backdrop-filter:blur(25px);scrollbar-color:#535964 transparent}dialog::backdrop{background:#00000080;backdrop-filter:blur(12px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:24px;letter-spacing:-.04em;font-weight:550;margin:0}.close-button{font-size:27px;line-height:1;flex-shrink:0;border-radius:50%;width:35px;height:35px;color:#a9b0ba;background:#ffffff08}dialog .intro{font-size:20px;line-height:1.6;letter-spacing:-.02em;color:#bac1ca;margin:22px 0 30px}dialog section{border-top:1px solid #ffffff0f;padding-top:24px;margin-top:26px}h3{font-size:17px;letter-spacing:-.02em;font-weight:600;margin:0 0 13px}dialog p{font-size:16px;line-height:1.7;color:#b4bac4}dialog strong{font-weight:550;color:#ecedf0}dialog a{font-size:14px;line-height:1.7;color:#e0e3e9;text-decoration:underline;text-decoration-color:#626a76;text-underline-offset:4px;display:block}.formula{font-size:16px;line-height:1.7;padding:16px;border-radius:10px;background:#ffffff06;color:#d1d7df}.credit{font-size:12px!important;color:#8f979f!important;margin-top:30px}.credit a{font-size:12px}
.inline-link{display:inline;font:inherit}dialog .inline-link{display:inline;font:inherit}
@media(max-width:600px){main{padding:0 16px}.counter{font-size:clamp(42px,12vw,58px)}.breakdown{max-width:340px}.sculpture-figure{height:clamp(250px,38svh,330px)}.primary-cta{padding-inline:23px}.units{margin-bottom:7px}dialog{padding:25px 23px;border-radius:21px}dialog .intro{font-size:18px}h1{font-size:16px}.site-header{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.flow{font-size:var(--small);color:#8a96a5;line-height:1.5;margin:0}.bottle-note small{display:block;font-size:inherit;color:#737f8f;margin-top:3px}.total-metric strong{color:#fff}.total-metric>span:not(.metric-date){color:#e0e4e9}
@media(max-width:390px){.primary-cta{min-height:50px;padding:13px 22px}}