:root{--sand-soft:#efe5d3;--sand:#d9c7a3;--night:#0b0f0d;--forest:#1f2a1f;--forest-2:#2a3b2a;--gold:#b08d57;--olive:#b0bd57;--carton:var(--sand-soft);--plateau:#e6d9bf;--plateau-2:var(--sand);--alu:#cdbb94;--inox:#6e6450;--encre:var(--night);--encre-2:#4d483d;--lit:var(--sand-soft);--or:var(--gold);--point-cafe:var(--gold);--point-matcha:var(--olive);--m:8px;--gutter:16px;--gap:12px;--radius:4px;--max:1440px;--header-h:64px;--section:clamp(72px, 11vw, 160px);--font-display:var(--f-display), var(--f-arabic), Georgia, serif;--font-text:var(--f-text), var(--f-arabic), system-ui, sans-serif;--font-mono:var(--f-mono), var(--f-arabic), ui-monospace, monospace;--step-hero:clamp(3rem, 7.4vw, 6rem);--step-1:clamp(2.5rem, 5.2vw, 4.75rem);--step-2:clamp(1.875rem, 3vw, 2.75rem);--step-3:clamp(1.375rem, 1.9vw, 1.75rem);--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}.night,.forest{--carton:var(--night);--plateau:var(--forest);--plateau-2:var(--forest-2);--alu:#3e5a3f;--inox:#a99f86;--encre:var(--sand);--encre-2:#b3a98f;--lit:var(--night);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.forest{--carton:var(--forest);--plateau:var(--forest-2);--plateau-2:#34483a}:root,.night,.forest{--ground:var(--carton);--ink:var(--encre);--ink-soft:var(--encre-2);--tray:var(--plateau);--action:var(--encre);--action-ink:var(--lit)}.night,.forest{--action:var(--gold);--action-ink:var(--night);background:var(--ground);color:var(--ink)}@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-text), 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.6}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(--gold);color:var(--night)}html{scrollbar-color:var(--alu) transparent}: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);font-synthesis:none;letter-spacing:-.012em;text-wrap:balance;font-weight:400;line-height:1.02}.display em,em.display{letter-spacing:-.02em;font-style:italic}[dir=rtl] .display em{font-style:normal}[dir=rtl] .display{letter-spacing:0;font-weight:600;line-height:1.3}.mono{font-family:var(--font-mono);font-synthesis-weight:none;letter-spacing:.02em;font-weight:500}[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:500;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){.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry 10% entry 70%}.unveil{animation:linear both unveil;animation-timeline:view();animation-range:entry entry 80%}}}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes unveil{0%{clip-path:inset(14% 0 0 0 round var(--radius));filter:saturate(.6)}to{clip-path:inset(0 0 0 0 round var(--radius));filter:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.btn:active{transform:none}}