@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(fredoka-latin.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(instrument-latin.woff2) format("woff2")}@font-face{font-family:Fredoka-fallback;src:local("Trebuchet MS");size-adjust:102%;ascent-override:96%}@font-face{font-family:Instrument-fallback;src:local("Arial");size-adjust:99%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}img,svg{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}ul[role=list],ol[role=list]{list-style:none}body{font-family:var(--font-body),"Instrument-fallback",sans-serif;font-weight:var(--fw-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--col-encre);background:var(--col-creme);-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,.display{font-family:var(--font-display),"Fredoka-fallback",sans-serif;font-weight:var(--fw-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);text-wrap:balance}h1{font-size:var(--fs-hero);font-weight:var(--fw-display-max)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{max-width:65ch}a{color:var(--accent-deep);text-underline-offset:3px}strong{font-weight:var(--fw-body-strong)}::selection{background:var(--accent-soft)}:focus-visible{outline:var(--focus-ring);outline-offset:3px;border-radius:var(--r-sm)}.wrap{width:min(100% - 2 * var(--wrap-pad),var(--wrap-max));margin-inline:auto}.wrap--text{max-width:var(--wrap-text-max)}.section{padding-block:var(--section-pad);position:relative}.section--creme2{background:var(--col-creme-2)}.section--feuille{background:var(--col-feuille);color:var(--col-encre-inv)}.section--feuille h2,.section--feuille h3{color:var(--col-encre-inv)}.center{text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display),sans-serif;font-weight:var(--fw-display);font-size:var(--fs-small);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}.section--feuille .eyebrow{color:var(--col-herbe-soft)}.eyebrow:before{content:"";width:26px;height:3px;border-radius:var(--r-pill);background:currentColor}.lede{font-size:var(--fs-lede);color:var(--col-encre-2);max-width:56ch}.section--feuille .lede{color:var(--col-encre-inv);opacity:.85}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:1em 1.9em;border:0;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-ink);font-family:var(--font-display),sans-serif;font-weight:var(--fw-display);font-size:1.06rem;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-lift);transition:transform calc(var(--dur-quick) * var(--motion)) var(--ease-spring),background calc(var(--dur-quick) * var(--motion)) var(--ease-out),box-shadow calc(var(--dur-quick) * var(--motion)) var(--ease-out)}.btn:hover{background:var(--btn-bg-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-pop)}.btn:active{transform:translateY(1px) scale(.99);box-shadow:none}.btn--ghost{background:transparent;color:var(--col-encre);box-shadow:inset 0 0 0 2px var(--col-ligne)}.btn--ghost:hover{background:var(--col-blanc);color:var(--col-encre)}.btn--block{width:100%}.link-arrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-body-strong);color:var(--accent-deep)}.link-arrow:after{content:"\2192";transition:transform calc(var(--dur-quick) * var(--motion)) var(--ease-spring)}.link-arrow:hover:after{transform:translate(5px)}.trio{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.tag{display:inline-flex;align-items:center;gap:6px;padding:.42em .95em;border-radius:var(--r-pill);background:var(--col-blanc);box-shadow:inset 0 0 0 1.5px var(--col-ligne);font-size:var(--fs-small);font-weight:var(--fw-body-strong);white-space:nowrap}.tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.trio-note{flex-basis:100%;font-size:var(--fs-tiny);color:var(--col-encre-2)}.section--feuille .tag{background:transparent;box-shadow:inset 0 0 0 1.5px var(--col-ligne-inv);color:var(--col-encre-inv)}.section--feuille .trio-note{color:var(--col-encre-inv);opacity:.7}.ph{display:grid;place-content:center;gap:var(--sp-2);padding:var(--sp-5);text-align:center;background:repeating-linear-gradient(-45deg,transparent 0 14px,rgba(51,40,27,.035) 14px 28px),var(--col-creme-2);border:2px dashed var(--col-ligne);border-radius:var(--r-md);color:var(--col-encre-2);font-size:var(--fs-small);min-height:180px}.ph:before{content:"\1f4f7";font-size:1.5rem}.ph strong{display:block;color:var(--col-encre)}.js [data-reveal]{opacity:calc(1 - var(--motion));translate:0 calc(var(--reveal-distance) * var(--motion));transition:opacity var(--dur-base) var(--ease-out),translate var(--dur-base) var(--ease-spring);transition-delay:calc(var(--reveal-index, 0) * var(--stagger))}.js [data-reveal=fade]{translate:0 0}.js [data-reveal=left]{translate:calc(-1 * var(--reveal-distance) * var(--motion)) 0}.js [data-reveal=right]{translate:calc(var(--reveal-distance) * var(--motion)) 0}.js [data-reveal=pop]{translate:0 0;scale:calc(1 - .12 * var(--motion));transition:opacity var(--dur-base) var(--ease-out),scale var(--dur-base) var(--ease-spring);transition-delay:calc(var(--reveal-index, 0) * var(--stagger))}.js [data-reveal].is-in{opacity:1;translate:0 0;scale:1}.skip-link{position:absolute;left:var(--sp-3);top:var(--sp-3);z-index:100;padding:var(--sp-2) var(--sp-4);background:var(--col-encre);color:var(--col-encre-inv);border-radius:var(--r-pill);text-decoration:none;translate:0 -300%}.skip-link:focus-visible{translate:0 0}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[id]{scroll-margin-top:calc(var(--header-h) + 56px)}.js [data-reveal=img]{translate:0 0;opacity:calc(1 - var(--motion));clip-path:inset(calc(9% * var(--motion)) round var(--r-lg));scale:calc(1 + .045 * var(--motion));transition:opacity var(--dur-base) var(--ease-out),clip-path var(--dur-slow) var(--ease-out),scale var(--dur-slow) var(--ease-out);transition-delay:calc(var(--reveal-index, 0) * var(--stagger))}.js [data-reveal=img].is-in{opacity:1;clip-path:inset(0 round 0);scale:1}.divider{position:absolute;left:0;right:0;width:100%;height:clamp(30px,5.5vw,64px);display:block;pointer-events:none}.divider--haut{top:-1px}.divider--bas{bottom:-1px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/v3-base.css.map */