:root{--carton:#fff;--plateau:#ebebe8;--plateau-2:#e2e2de;--alu:#c4c7ca;--inox:#7b7f85;--encre:#161616;--encre-2:#4a4d52;--lit:#fff;--point-cafe:#9a6a44;--point-matcha:#6f8f42;--ground:var(--carton);--ink:var(--encre);--ink-soft:var(--encre-2);--tray:var(--plateau);--action:var(--encre);--action-ink:var(--lit);--m:8px;--gutter:16px;--gap:12px;--radius:4px;--max:1440px;--header-h:64px;--font-display:var(--f-display), var(--f-arabic), system-ui, sans-serif;--font-text:var(--f-display), var(--f-arabic), system-ui, sans-serif;--font-mono:var(--f-mono), var(--f-arabic), ui-monospace, monospace;--step-hero:clamp(2.75rem, 7vw, 6rem);--step-1:clamp(2.25rem, 4.8vw, 4.5rem);--step-2:clamp(1.625rem, 2.6vw, 2.25rem);--step-figure:clamp(3rem, 7vw, 6rem);--step-body:1.0625rem;--step-small:.9375rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:768px){:root{--gutter:32px;--gap:16px;--header-h:72px}}[dir=rtl]{--font-display:var(--f-arabic), var(--f-display), sans-serif;--font-text:var(--f-arabic), var(--f-display), sans-serif;--font-mono:var(--f-arabic), var(--f-mono), monospace;--step-hero:clamp(2.25rem, 5vw, 4.75rem);--step-1:clamp(1.875rem, 3.8vw, 3.5rem)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh;line-height:1.55}img,svg,video{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1.5px}::selection{background:var(--ink);color:var(--ground)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}[dir=rtl] body{font-size:1.0625rem;line-height:1.75}.tnum{font-variant-numeric:tabular-nums}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.display{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-weight:800;line-height:.95}[dir=rtl] .display{letter-spacing:0;font-weight:600;line-height:1.3}.mono{font-family:var(--font-mono);letter-spacing:.02em;font-weight:600}[dir=rtl] .mono{letter-spacing:0}.label{align-items:center;gap:var(--m);background:var(--encre);color:var(--lit);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:2px;padding:6px 12px;font-size:.8125rem;font-weight:600;display:inline-flex}[dir=rtl] .label{letter-spacing:0}.dot{background:var(--dot,var(--lit));border-radius:50%;flex:none;width:10px;height:10px}.dot[data-flavour=cafe]{--dot:var(--point-cafe)}.dot[data-flavour=matcha]{--dot:var(--point-matcha)}.tray{background:var(--tray);border-radius:var(--radius)}.btn{justify-content:center;align-items:center;gap:var(--m);min-height:56px;padding-inline:calc(var(--m) * 3.5);background:var(--action);color:var(--action-ink);transition:transform .16s var(--ease-out), opacity .16s var(--ease-out);border-radius:999px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.btn:hover{opacity:.88}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{inset-inline-start:var(--gutter);z-index:100;background:var(--encre);color:var(--lit);padding:var(--m) calc(var(--m) * 2);position:absolute;top:-100px}.skip:focus{top:var(--m)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){main section:not(:first-child)>:not(.wrap),main section:not(:first-child)>.wrap>*{animation:linear both rise;animation-timeline:view();animation-range:entry entry 55%}}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.btn:active{transform:none}}