@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/gloock-latin-400.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/manrope-latin-var.woff2)format("woff2")}:root{--paper:#f6f2ea;--ink:#1f1b16;--muted:#6e655a;--surface:#fffdf9;--soft:#efe4d4;--saucer:#e7dccb;--line:#d8cdbd;--line-dashed:#cfc3b1;--layer-1:#96643a;--layer-2:#b47b4b;--layer-3:#cd9760;--layer-4:#e0b27c;--overflow:#c93c24;--overflow-text:#b8361f;--overflow-tint:#fbede8;--brand-red:#e0482f;--font-display:"Gloock", Georgia, "Times New Roman", serif;--font-ui:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:2rem;--text-2xl:2.75rem;--text-3xl:clamp(2.75rem, 2rem + 3vw, 4.5rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.05;--leading-snug:1.3;--leading-normal:1.5;--tracking-label:1.5px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-pill:999px;--radius-card:12px;--radius-layer:6px;--stroke-cup:2.5px;--stroke-icon:1.8px;--tap-min:44px;--layer-min-height:28px;--dur-instant:.12s;--dur-fast:.2s;--dur-base:.35s;--dur-pour:.5s;--dur-slow:.6s;--stagger:60ms;--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-in:cubic-bezier(.11, 0, .5, 0);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--ease-pour:cubic-bezier(.34, 1.15, .64, 1);--gutter:var(--space-5);--content-max:1200px}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--paper);--color-text:var(--ink);--color-text-muted:var(--muted);--color-surface:var(--surface);--color-soft:var(--soft);--color-saucer:var(--saucer);--color-line:var(--line);--color-line-dashed:var(--line-dashed);--color-stroke:var(--ink);--color-cup-body:var(--surface);--color-primary:var(--ink);--color-on-primary:var(--surface);--color-on-primary-muted:var(--line);--color-layer-1:var(--layer-1);--color-layer-2:var(--layer-2);--color-layer-3:var(--layer-3);--color-layer-4:var(--layer-4);--color-on-layer:var(--ink);--color-layer-done:var(--soft);--color-overflow:var(--overflow);--color-on-overflow:#fff;--color-overflow-text:var(--overflow-text);--color-overflow-tint:var(--overflow-tint);--color-focus:var(--ink);--color-sheet-edge:var(--line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#161310;--color-text:#f2ece2;--color-text-muted:#a89d8f;--color-surface:#1f1b17;--color-soft:#2b251f;--color-saucer:#2e2720;--color-line:#3b332b;--color-line-dashed:#4a4037;--color-stroke:#f2ece2;--color-cup-body:#2a241e;--color-primary:#f2ece2;--color-on-primary:#161310;--color-on-primary-muted:#5e554b;--color-layer-1:#80552f;--color-layer-2:#a57447;--color-layer-3:#c49563;--color-layer-4:#dfbb89;--color-on-layer:#1f1b16;--color-layer-done:#4a3f33;--color-overflow:#c93c24;--color-on-overflow:#fff;--color-overflow-text:#f0765d;--color-overflow-tint:#2e1a14;--color-focus:#f2ece2;--color-sheet-edge:#4a4037}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#161310;--color-text:#f2ece2;--color-text-muted:#a89d8f;--color-surface:#1f1b17;--color-soft:#2b251f;--color-saucer:#2e2720;--color-line:#3b332b;--color-line-dashed:#4a4037;--color-stroke:#f2ece2;--color-cup-body:#2a241e;--color-primary:#f2ece2;--color-on-primary:#161310;--color-on-primary-muted:#5e554b;--color-layer-1:#80552f;--color-layer-2:#a57447;--color-layer-3:#c49563;--color-layer-4:#dfbb89;--color-on-layer:#1f1b16;--color-layer-done:#4a3f33;--color-overflow:#c93c24;--color-on-overflow:#fff;--color-overflow-text:#f0765d;--color-overflow-tint:#2e1a14;--color-focus:#f2ece2;--color-sheet-edge:#4a4037}@media (min-width:768px){:root{--gutter:var(--space-10)}}@media (min-width:1280px){:root{--gutter:clamp(40px, 4vw, 80px)}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}[hidden]{display:none!important}.display{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);letter-spacing:-.01em}.label{font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.tnum{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.js [data-reveal],.js [data-lines]{opacity:0}.hero__title{animation:title-in var(--dur-slow) var(--ease-out) both;-webkit-mask-image:linear-gradient(#000 45%,#0000 55%);mask-image:linear-gradient(#000 45%,#0000 55%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes title-in{0%{transform:translateY(.18em);-webkit-mask-position:0 100%;mask-position:0 100%}}.hero-in{animation:fade-up var(--dur-slow) var(--ease-out) both;animation-delay:calc(.25s + var(--i) * 2 * var(--stagger))}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.hero__title{animation:none}.hero-in{animation:fade var(--dur-fast) linear both;animation-delay:0s}}.line{padding-bottom:.08em}.skip-link{top:var(--space-2);left:var(--space-2);z-index:20;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--gutter);display:flex}.logo{min-height:var(--tap-min);border-radius:var(--radius-card);align-items:center;text-decoration:none;display:inline-flex}.logo__img{width:auto;max-width:none;height:44px;display:block}@media (min-width:768px){.logo__img{height:56px}}.logo__img--dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo__img--light{display:none}:root:not([data-theme=light]) .logo__img--dark{display:block}}:root[data-theme=dark] .logo__img--light{display:none}:root[data-theme=dark] .logo__img--dark{display:block}@media (max-width:419px){.logo{width:44px;overflow:hidden}}.site-header__actions{align-items:center;gap:var(--space-2);display:flex}.icon-btn{border:1.5px solid var(--color-line);width:48px;height:48px;color:var(--color-text);cursor:pointer;transition:background-color var(--dur-instant), border-color var(--dur-instant);background:0 0;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--color-surface);border-color:var(--color-line-dashed)}.lang-btn{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.5px;text-decoration:none}.button{min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-semibold);white-space:nowrap;transition:background-color var(--dur-instant), border-color var(--dur-instant);border:1.5px solid #0000;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.button--secondary{min-height:48px;padding:0 var(--space-5);border-color:var(--color-line);color:var(--color-text);background:0 0}.button--secondary:hover{background:var(--color-surface);border-color:var(--color-line-dashed)}.text-link{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--color-text);font-weight:var(--weight-semibold);text-underline-offset:4px;display:inline-flex}@media (max-width:419px){.site-header__open{padding:0 var(--space-4);font-size:var(--text-sm)}}.story{--cup-h:clamp(170px, 26svh, 230px);--cup-r:40px;--cup-pad:8px;--stroke:var(--stroke-cup);--saucer-rest:.5625;max-width:var(--content-max);padding:0 var(--gutter);margin:0 auto;display:grid}.story__cup{z-index:2;justify-items:center;gap:var(--space-3);margin:0 calc(-1 * var(--gutter));padding:var(--space-3) var(--gutter) var(--space-4);background:var(--color-bg);pointer-events:none;display:grid;position:sticky;top:0}.story__cup:after{content:"";height:var(--space-8);background:linear-gradient(var(--color-bg), transparent);position:absolute;top:100%;left:0;right:0}.story__stage{width:100%;min-height:calc(var(--cup-h) * 1.12);align-content:end;display:grid}.story__text{z-index:1;position:relative}.hero{padding:var(--space-6) 0 var(--space-16)}.hero__title{font-size:clamp(3rem,1.6rem + 6vw,6.5rem)}.hero__sub{max-width:30rem;margin-top:var(--space-5);font-size:var(--text-md);color:var(--color-text-muted)}.hero__actions{align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.steps>.label{padding-top:var(--space-6)}.step{align-content:center;gap:var(--space-4);min-height:62svh;padding:var(--space-12) 0;display:grid}.step__title{font-size:clamp(2.25rem,1.5rem + 3.2vw,4rem)}.step__text{max-width:32rem;font-size:var(--text-md);color:var(--color-text-muted)}.step__result{font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem)}.step__result--over{color:var(--color-overflow-text)}.cup-caption{min-height:1.5em;line-height:1.5}@media (min-width:900px){.story{--cup-h:clamp(320px, min(100svh - 280px, 34vw), 520px);--cup-r:80px;--cup-pad:10px;column-gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.story__cup{top:max(var(--space-6), calc(50svh - var(--cup-h) * .62));background:0 0;grid-area:1/2;align-self:start;margin:0;padding:0}.story__cup:after{content:none}.story__text{grid-area:1/1}.hero{min-height:calc(100svh - 120px);padding:0 0 var(--space-12);align-content:center;display:grid}.step{min-height:80svh}}.rows{gap:var(--space-2);max-width:28rem;padding:0;list-style:none;display:grid}.row{align-items:center;column-gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);transition:background-color var(--dur-base), border-color var(--dur-base), color var(--dur-base);grid-template-columns:4px minmax(0,1fr) auto;display:grid}.row:before{content:"";background:var(--tone);border-radius:2px;align-self:stretch;min-height:24px}.row__title{font-weight:var(--weight-medium)}.row__time{color:var(--color-text-muted)}.row.is-done .row__title{color:var(--color-text-muted);text-decoration:line-through}.row.is-done:before{background:var(--color-layer-done)}.row.is-waiting,.row.is-moved{border-style:dashed;border-color:var(--color-line-dashed);background:0 0}.row.is-waiting:before,.row.is-moved:before{background:var(--color-line)}.row.is-waiting .row__title,.row.is-moved .row__title{color:var(--color-text-muted)}.row--over{border-color:var(--color-overflow-text);background:var(--color-overflow-tint)}.row--over:before{background:var(--color-overflow)}.row--over .row__title,.row--over .row__time{color:var(--color-overflow-text)}.row__note{font-size:var(--text-sm);color:var(--color-overflow-text);grid-column:2/-1}.chip{padding:var(--space-2) var(--space-4);border:1.5px dashed var(--color-line-dashed);border-radius:var(--radius-pill);background:var(--color-soft);font-weight:var(--weight-medium);justify-self:start}.chip__label{margin-right:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted)}.section{max-width:var(--content-max);padding:var(--space-16) var(--gutter);margin:0 auto}.section__title{max-width:16ch;font-size:clamp(2.25rem,1.5rem + 3.2vw,4rem)}.section__text{max-width:32rem;margin-top:var(--space-4);font-size:var(--text-md);color:var(--color-text-muted)}.card{align-content:start;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-line);background:var(--color-surface);border-radius:24px;display:grid}.card__title{font-size:var(--text-xl)}.card__text{color:var(--color-text-muted)}.functions__grid,.install__grid{gap:var(--space-5);margin-top:var(--space-10);display:grid}@media (min-width:768px){.functions__grid,.install__grid{grid-template-columns:1fr 1fr}}.card__cup{--cup-h:150px;--cup-r:30px;--cup-pad:6px;--stroke:var(--stroke-cup);--saucer-rest:.5625;min-height:calc(var(--cup-h) * 1.12);align-content:end;display:grid}.rows--small .row{min-height:44px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.card__closed{gap:var(--space-1);opacity:0;transition:opacity var(--dur-base);display:grid}.card__closed.is-shown{opacity:1}.card__note{font-size:var(--text-lg)}html:not(.js) .card__closed{opacity:1}.local{padding-top:var(--space-12);padding-bottom:var(--space-12)}.local__line{max-width:22ch;font-size:clamp(1.75rem,1.2rem + 2.4vw,3rem)}.install .button{margin-top:var(--space-8)}.install__steps{gap:var(--space-2);padding-left:1.25em;display:grid}.finale{justify-items:center;gap:var(--space-6);padding-top:var(--space-12);padding-bottom:var(--space-16);text-align:center;display:grid}.finale__cup{--cup-h:clamp(200px, 30svh, 300px);--cup-r:50px;--cup-pad:8px;--stroke:var(--stroke-cup);--saucer-rest:.5625;width:100%;min-height:calc(var(--cup-h) * 1.12);align-content:end;display:grid}.finale__title{font-size:clamp(2.5rem,1.6rem + 4vw,5rem)}.site-footer{padding:var(--space-8) var(--gutter) var(--space-10);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.site-footer p+p{margin-top:var(--space-2)}.site-footer__link{min-height:var(--tap-min);color:var(--color-text-muted);text-underline-offset:3px;align-items:center;display:inline-flex}.site-footer__link:hover{color:var(--color-text)}