.tp,.tp *{box-sizing:border-box}.tp{--tp-bg: #f7f6f3;--tp-card: #ffffff;--tp-ink: #0a0a0a;--tp-muted: #6b6b66;--tp-line: #e6e3dc;--tp-line2: #d8d4ca;--tp-radius: 1.6rem;background:var(--tp-bg);color:var(--tp-ink);font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, sans-serif);-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}.tp-progress{position:sticky;top:0;z-index:50;height:2px;background:#0f0f0f0f}.tp-progress__bar{height:100%;background:var(--tp-ink);width:0;transition:width .15s linear}.tp-hero{text-align:center;padding:clamp(6rem,9vw,13rem) 2rem clamp(5rem,7vw,9rem);max-width:96rem;margin:0 auto}.tp-hero__eyebrow{font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tp-muted);margin-bottom:2.4rem}.tp-hero__title{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(3.8rem,6.2vw,8.8rem);font-weight:var(--font-heading-weight, 400);letter-spacing:-.03em;line-height:.98;margin:0 0 2.4rem}.tp-hero__lead{font-size:clamp(1.55rem,1.7vw,1.9rem);line-height:1.55;color:var(--tp-muted);max-width:56rem;margin:0 auto 3.8rem}.tp-hero__scroll{display:inline-flex;align-items:center;gap:1rem;color:var(--tp-ink);text-decoration:none;font-size:1.25rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;padding:1rem 0;position:relative;min-height:44px}.tp-hero__scroll:after{content:"";position:absolute;bottom:.4rem;left:0;right:0;height:1px;background:#0f0f0f1f;transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}.tp-hero__scroll:hover:after{transform:scaleX(1.04)}.tp-hero__scroll svg{animation:tp-bounce 2.4s cubic-bezier(.45,0,.55,1) infinite}@keyframes tp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.tp-layout{display:grid;grid-template-columns:1fr;max-width:138rem;margin:0 auto;padding:0 2rem clamp(6rem,8vw,11rem)}.tp-sidebar{display:none}.tp-main{min-width:0;width:100%}@media(min-width:1024px){.tp-layout{grid-template-columns:24rem 1fr;gap:6rem;padding:0 3.6rem clamp(8rem,10vw,13rem)}.tp-sidebar{display:block;position:sticky;top:10rem;align-self:start;height:max-content;min-width:0}}.tp-sidebar__inner{padding:2.4rem 0 0}.tp-sidebar__label{font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tp-muted);margin-bottom:1.8rem;padding-left:1.8rem;font-weight:600}.tp-toc{display:flex;flex-direction:column}.tp-toc__item{display:grid;grid-template-columns:4rem 1fr;gap:1.2rem;align-items:baseline;padding:1.05rem 1.8rem;color:var(--tp-muted);text-decoration:none;position:relative;transition:color .4s cubic-bezier(.16,1,.3,1),background .4s cubic-bezier(.16,1,.3,1);border-left:1px solid var(--tp-line);min-height:44px}.tp-toc__item:before{content:"";position:absolute;left:-1px;top:50%;width:2px;height:0;background:var(--tp-ink);transform:translateY(-50%);transition:height .5s cubic-bezier(.16,1,.3,1)}.tp-toc__item:hover,.tp-toc__item.is-active{color:var(--tp-ink)}.tp-toc__item.is-active:before{height:56%}.tp-toc__num{font-family:var(--font-heading-family, Georgia, serif);font-size:1.35rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tp-toc__label{font-size:1.3rem;line-height:1.3;letter-spacing:.005em}.tp-step{position:relative;padding:clamp(4rem,6vw,7rem) 0}.tp-step+.tp-step{border-top:1px solid var(--tp-line)}.tp-step__num{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(7rem,14vw,14rem);font-weight:var(--font-heading-weight, 400);letter-spacing:-.055em;line-height:.82;color:#0f0f0f0f;margin:0 0 2rem;font-variant-numeric:tabular-nums;transition:color .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.tp-step.is-active .tp-step__num{color:var(--tp-ink)}.tp-step__content{max-width:58rem;margin-bottom:3rem;min-width:0}.tp-step__eyebrow{font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tp-muted);margin-bottom:1.6rem;font-weight:600;font-variant-numeric:tabular-nums}.tp-step__title{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(2.6rem,3.5vw,4.4rem);font-weight:var(--font-heading-weight, 400);letter-spacing:-.025em;line-height:1.08;margin:0 0 2.4rem}.tp-step__body{font-size:clamp(1.45rem,1.55vw,1.7rem);line-height:1.65;color:var(--tp-ink)}.tp-step__body>*+*{margin-top:1.4rem}.tp-step__body p{margin:0}.tp-step__body strong{color:var(--tp-ink);font-weight:600}.tp-step__body em{color:var(--tp-muted);font-style:normal;display:inline-block;padding:.4rem .8rem;background:#0f0f0f0a;border-radius:.4rem;font-size:.95em;margin:.4rem 0}.tp-step__body ul,.tp-step__body ol{list-style:none;padding:0;margin:1.6rem 0}.tp-step__body li{padding-left:2.4rem;position:relative;margin:.7rem 0;line-height:1.55}.tp-step__body li:before{content:"";position:absolute;left:0;top:1.05rem;width:1.4rem;height:1px;background:var(--tp-muted)}.tp-step__media{margin-bottom:1.2rem;padding:2px;background:#0f0f0f06;border:1px solid rgba(15,15,15,.06);border-radius:calc(var(--tp-radius) + 2px);transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s cubic-bezier(.16,1,.3,1)}.tp-step__media:hover{transform:translateY(-4px);box-shadow:0 28px 60px -22px #0000002e}.tp-step__media-core{background:var(--tp-card);border-radius:var(--tp-radius);overflow:hidden;box-shadow:inset 0 1px #ffffffe6;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;padding:clamp(1.6rem,2vw,2.8rem)}.tp-step__media-core img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.tp-step--noimg .tp-step__media{display:none}@media(min-width:1024px){.tp-step{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:5rem;row-gap:1.2rem;padding:clamp(7rem,11vw,13rem) 0}.tp-step__num{grid-column:1;grid-row:1;margin:0;align-self:end;line-height:.85;pointer-events:none}.tp-step__content{grid-column:1;grid-row:2;margin:0;padding-left:.4rem;max-width:52rem;align-self:start}.tp-step__media{grid-column:2;grid-row:1 / 3;margin:0;align-self:center}.tp-step--rev .tp-step__num,.tp-step--rev .tp-step__content{grid-column:2}.tp-step--rev .tp-step__media{grid-column:1}.tp-step--noimg{grid-template-columns:1fr;grid-template-rows:auto auto;max-width:80rem;margin:0 auto}.tp-step--noimg .tp-step__num,.tp-step--noimg .tp-step__content{grid-column:1}.tp-step--noimg .tp-step__num{grid-row:1}.tp-step--noimg .tp-step__content{grid-row:2;padding-left:.4rem}}@media(prefers-reduced-motion:reduce){.tp-step__media,.tp-step__num,.tp-toc__item,.tp-toc__item:before,.tp-hero__scroll svg,.tp-hero__scroll:after,.tp-progress__bar{transition:none!important;animation:none!important}.tp-step__media:hover{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tutorial-perso.css.map */