.htm-nwh{--htm-nwh-s1: 8px;--htm-nwh-s2: 16px;--htm-nwh-s3: 24px;--htm-nwh-s4: 40px;--htm-nwh-s5: 64px;--htm-nwh-s6: 96px;--htm-nwh-maxw: 1200px;--htm-nwh-gutter: 40px;--htm-nwh-col: 112px;--htm-nwh-node: 40px;--htm-nwh-pill-radius: var(--style-border-radius-pills, 40px);--htm-nwh-label-font: var(--font-body--family, sans-serif);padding-block:var(--htm-nwh-pt, 0) var(--htm-nwh-pb, 64px)}@media screen and (max-width:749px){.htm-nwh{--htm-nwh-s4: 32px;--htm-nwh-s5: 48px;--htm-nwh-s6: 64px;--htm-nwh-gutter: 20px;--htm-nwh-col: 44px;--htm-nwh-node: 34px}}.htm-nwh__wrap{box-sizing:border-box;width:100%;max-width:calc(var(--htm-nwh-maxw) + 2 * var(--htm-nwh-gutter));margin-inline:auto;padding-inline:var(--htm-nwh-gutter)}.htm-nwh__eyebrow,.htm-nwh__date,.htm-nwh__pill,.htm-nwh__badge,.htm-nwh__link,.htm-nwh__node{font-family:var(--htm-nwh-label-font);font-weight:700;text-transform:uppercase;line-height:1.2}.htm-nwh__hero{background-color:var(--color-background);color:var(--color-foreground)}.htm-nwh__hero-inner{padding-block:var(--htm-nwh-s6) var(--htm-nwh-s5)}.htm-nwh__eyebrow{display:flex;align-items:center;gap:var(--htm-nwh-s2);margin:0 0 var(--htm-nwh-s3);font-size:.75rem;letter-spacing:.2em;opacity:.75}.htm-nwh__eyebrow:before{content:"";flex:none;width:32px;height:1px;background:currentColor}.htm-nwh__h1{margin:0 0 var(--htm-nwh-s3);color:var(--color-foreground);font-size:clamp(1.75rem,1rem + 3.4vw,3.5rem);line-height:1.08;letter-spacing:.01em;text-transform:uppercase}.htm-nwh__intro{max-width:620px;margin:0;font-size:1.125rem;line-height:1.6;opacity:.8}.htm-nwh__timeline{display:block;background-color:var(--color-background);color:var(--color-foreground)}.htm-nwh__frame{position:relative;padding-block:var(--htm-nwh-s5)}.htm-nwh__track{position:absolute;top:0;bottom:var(--htm-nwh-s5);left:50%;width:2px;transform:translate(-50%);background:var(--htm-nwh-line, rgb(var(--color-foreground-rgb) / .15));pointer-events:none}.htm-nwh__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--htm-nwh-fill, var(--color-primary));transform:scaleY(var(--htm-nwh-p, 0));transform-origin:top center;will-change:transform}.htm-nwh__pill{position:relative;z-index:2;box-sizing:border-box;width:max-content;max-width:100%;margin:0 auto var(--htm-nwh-s6);padding:11px 20px;border:1px solid var(--color-foreground);border-radius:var(--htm-nwh-pill-radius);background:var(--color-background);color:var(--color-foreground);font-size:.75rem;letter-spacing:.14em;text-align:center}.htm-nwh__pill--solid{background:var(--color-foreground);color:var(--color-background)}.htm-nwh__end{margin-bottom:0}.htm-nwh__frame--open .htm-nwh__step:last-of-type{margin-bottom:0}.htm-nwh__step{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) var(--htm-nwh-col) minmax(0,1fr);align-items:center;margin-bottom:var(--htm-nwh-s6)}.htm-nwh__node{grid-column:2;grid-row:1;justify-self:center;z-index:2;display:grid;place-items:center;box-sizing:border-box;width:var(--htm-nwh-node);height:var(--htm-nwh-node);border:2px solid rgb(var(--color-foreground-rgb) / .25);border-radius:50%;background:var(--color-background);box-shadow:0 0 0 8px var(--color-background);color:var(--color-foreground);font-size:.75rem;letter-spacing:.04em;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.htm-nwh__step.is-active .htm-nwh__node{border-color:var(--htm-nwh-fill, var(--color-primary));background:var(--htm-nwh-fill, var(--color-primary));color:var(--color-primary-button-text, #fff)}.htm-nwh__media{position:relative;grid-row:1;aspect-ratio:5 / 4;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .06)}.htm-nwh__copy{grid-row:1;display:flex;flex-direction:column;align-items:flex-start}.htm-nwh__step--media-left .htm-nwh__media{grid-column:1}.htm-nwh__step--media-left .htm-nwh__copy,.htm-nwh__step--media-right .htm-nwh__media{grid-column:3}.htm-nwh__step--media-right .htm-nwh__copy{grid-column:1;align-items:flex-end;text-align:right}.htm-nwh__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,opacity .7s ease}.htm-nwh__media:hover .htm-nwh__img{transform:scale(1.02)}.htm-nwh__slide{opacity:0}.htm-nwh__slide.is-active{opacity:1}.htm-nwh__placeholder,.htm-nwh__placeholder svg{width:100%;height:100%}.htm-nwh__placeholder svg{fill:rgb(var(--color-foreground-rgb) / .3)}.htm-nwh__badges{position:absolute;z-index:2;top:var(--htm-nwh-s2);left:var(--htm-nwh-s2);display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 2 * var(--htm-nwh-s2))}.htm-nwh__badge{padding:8px 12px;border-radius:var(--htm-nwh-pill-radius);background:var(--color-background);color:var(--color-foreground);font-size:.6875rem;letter-spacing:.1em}.htm-nwh__dots{position:absolute;z-index:2;right:var(--htm-nwh-s2);bottom:var(--htm-nwh-s2);display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--htm-nwh-pill-radius);background:rgb(var(--color-background-rgb) / .9)}.htm-nwh__gallery--linked .htm-nwh__dots{top:var(--htm-nwh-s2);bottom:auto}.htm-nwh__gallery--linked .htm-nwh__badges{max-width:calc(100% - 2 * var(--htm-nwh-s2) - 110px)}.htm-nwh__dot{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:8px;background:rgb(var(--color-foreground-rgb) / .35);cursor:pointer;transition:width .25s ease,background-color .25s ease}.htm-nwh__dot:after{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.htm-nwh__dot.is-active{width:22px;background:var(--color-foreground)}.htm-nwh__dot:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}.htm-nwh__link{position:absolute;z-index:2;left:var(--htm-nwh-s2);bottom:var(--htm-nwh-s2);display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:var(--htm-nwh-pill-radius);background:var(--color-background);color:var(--color-foreground);font-size:.75rem;letter-spacing:.1em;text-decoration:none;transition:background-color .2s ease,color .2s ease}.htm-nwh__link-icon{display:grid;place-items:center;width:28px;height:28px;padding-left:2px;box-sizing:border-box;border-radius:50%;background:var(--color-primary);color:var(--color-primary-button-text, #fff);transition:background-color .2s ease,color .2s ease}.htm-nwh__link--page .htm-nwh__link-icon{padding-left:0}.htm-nwh__link:hover,.htm-nwh__link:focus-visible{background:var(--color-primary);color:var(--color-primary-button-text, #fff)}.htm-nwh__link:hover .htm-nwh__link-icon,.htm-nwh__link:focus-visible .htm-nwh__link-icon{background:var(--color-primary-button-text, #fff);color:var(--color-primary)}.htm-nwh__date{margin:0 0 var(--htm-nwh-s2);color:var(--htm-nwh-fill, var(--color-primary));font-size:.75rem;letter-spacing:.16em}.htm-nwh__title{max-width:460px;margin:0 0 var(--htm-nwh-s2);color:var(--color-foreground-heading);font-size:clamp(1.25rem,.9rem + 1.1vw,1.875rem);line-height:1.15;letter-spacing:.01em;text-transform:uppercase}.htm-nwh__nowrap{white-space:nowrap;font-family:inherit!important;font-weight:inherit!important}.htm-nwh__text{max-width:460px;color:rgb(var(--color-foreground-rgb) / .75);font-size:1rem;line-height:1.6}.htm-nwh__text>*{margin:0}.htm-nwh__text>*+*{margin-top:.75em}.htm-nwh__timeline.is-animated .htm-nwh__media,.htm-nwh__timeline.is-animated .htm-nwh__copy{opacity:.35;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.htm-nwh__timeline.is-animated .htm-nwh__copy{transition-delay:.08s}.htm-nwh__timeline.is-animated .htm-nwh__step.is-visible .htm-nwh__media,.htm-nwh__timeline.is-animated .htm-nwh__step.is-visible .htm-nwh__copy{opacity:1;transform:none}.htm-nwh__outro{box-sizing:border-box;padding:var(--htm-nwh-s5) clamp(24px,5vw,56px);border-radius:4px;background-color:var(--color-background);color:var(--color-foreground)}.htm-nwh__outro .htm-nwh__eyebrow{margin-bottom:var(--htm-nwh-s2)}.htm-nwh__outro-title{max-width:760px;margin:0 0 var(--htm-nwh-s3);color:var(--color-foreground);font-size:clamp(1.5rem,.9rem + 2.6vw,2.75rem);line-height:1.1;letter-spacing:.01em;text-transform:uppercase}.htm-nwh__outro-text{max-width:640px;font-size:1.0625rem;line-height:1.6;opacity:.8}.htm-nwh__outro-text>*{margin:0}@media screen and (max-width:749px){.htm-nwh__track{left:calc(var(--htm-nwh-gutter) + var(--htm-nwh-col) / 2)}.htm-nwh__pill{margin-left:0;margin-right:auto}.htm-nwh__step{grid-template-columns:var(--htm-nwh-col) minmax(0,1fr);align-items:start}.htm-nwh__step .htm-nwh__node{grid-column:1;grid-row:1;margin-top:12px;box-shadow:0 0 0 6px var(--color-background)}.htm-nwh__step--media-left .htm-nwh__media,.htm-nwh__step--media-right .htm-nwh__media{grid-column:2;grid-row:1}.htm-nwh__step--media-left .htm-nwh__copy,.htm-nwh__step--media-right .htm-nwh__copy{grid-column:2;grid-row:2;align-items:flex-start;padding-top:var(--htm-nwh-s3);text-align:left}.htm-nwh__badges{top:12px;left:12px}.htm-nwh__dots{right:12px;bottom:12px}.htm-nwh__link{left:12px;bottom:12px}.htm-nwh__gallery--linked .htm-nwh__dots{top:12px}.htm-nwh__gallery--linked .htm-nwh__badges{max-width:calc(100% - 134px)}}@media(prefers-reduced-motion:reduce){.htm-nwh *,.htm-nwh *:before,.htm-nwh *:after{transition:none!important}.htm-nwh__media:hover .htm-nwh__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/htm-nw-histoire-timeline.css.map */