.history-timeline{padding-bottom:var(--ht-pad-bottom, 0);background:var(--color-bg, var(--kb-bg));color:var(--color-text, var(--kb-fg));overflow-x:clip}.ht__inner{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin);box-sizing:border-box}.ht__hero{padding:clamp(48px,7vw,104px) 0 clamp(32px,4vw,56px)}.ht__hero-inner{display:grid;gap:var(--space-6, 32px);align-items:center}@media(min-width:990px){.ht__hero-inner{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(32px,5vw,80px)}}.ht__heading{margin:0;font-family:var(--font-heading--family);font-weight:800;font-size:var(--text-display);line-height:.88;letter-spacing:-.015em;text-transform:uppercase}.ht__lead{max-width:34rem;margin-top:var(--space-5, 24px);font-size:var(--text-md);line-height:1.6;color:var(--color-muted)}.ht__lead>:first-child,.ht__story-text>:first-child,.ht__item-text>:first-child,.ht__cta-text>:first-child{margin-top:0}.ht__lead>:last-child,.ht__story-text>:last-child,.ht__item-text>:last-child,.ht__cta-text>:last-child{margin-bottom:0}.ht__stats{display:flex;flex-wrap:wrap;gap:var(--space-5, 24px) clamp(28px,4vw,56px);margin:var(--space-7, 48px) 0 0}.ht__stat{display:flex;flex-direction:column-reverse;gap:.25rem;padding-left:var(--space-4, 16px);border-left:2px solid var(--color-accent, #d62828)}.ht__stat dd{margin:0;font-family:var(--font-heading--family);font-weight:800;font-size:clamp(2rem,3.6vw,3rem);line-height:1}.ht__stat dt{font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}.ht__hero-media{position:relative;isolation:isolate}.ht__hero-media:before{content:"";position:absolute;top:-10%;right:-5%;bottom:-10%;left:-5%;z-index:-1;background:radial-gradient(50% 50% at 50% 55%,rgb(var(--kb-fg-rgb) / .1),transparent 70%);pointer-events:none}.ht__hero-image{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;filter:drop-shadow(0 30px 40px rgb(0 0 0 / calc(.6 * var(--kb-shadow-k, 1))))}.ht__story{display:grid;gap:var(--space-3, 12px);padding-top:var(--space-6, 32px);padding-bottom:clamp(40px,5vw,72px);border-top:1px solid var(--color-border)}@media(min-width:990px){.ht__story{grid-template-columns:minmax(0,3fr) minmax(0,8fr);column-gap:clamp(32px,5vw,80px)}}.ht__story-label{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent, #d62828)}.ht__story-text{max-width:52rem;font-size:var(--text-md);line-height:1.7;color:var(--color-muted)}.ht__eras{position:sticky;top:var(--header-h, 80px);z-index:20;padding:var(--space-3, 12px) 0;background:rgb(var(--kb-bg-rgb) / .82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.ht__eras-list{display:flex;gap:.5rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.ht__eras-list::-webkit-scrollbar{display:none}.ht__era-link{flex:none;display:inline-flex;align-items:center;min-height:2.5rem;padding:0 1.125rem;border:1px solid var(--color-border-strong);border-radius:999px;color:var(--color-text);font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:.9375rem;letter-spacing:.06em;text-decoration:none;white-space:nowrap;transition:border-color .2s var(--ease),background-color .2s var(--ease)}.ht__era-link:hover{border-color:var(--color-text)}.ht__era-link.is-active{border-color:var(--color-accent, #d62828);background:var(--color-accent, #d62828)}.ht__timeline{padding-top:clamp(32px,4vw,56px)}.ht__era{position:relative;scroll-margin-top:calc(var(--header-h, 80px) + 72px)}.ht__era+.ht__era{margin-top:clamp(48px,6vw,88px)}.ht__decade{margin:0 0 var(--space-5, 24px);font-family:var(--font-heading--family);font-weight:800;font-size:clamp(3.5rem,9vw,7.5rem);line-height:.85;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px rgb(var(--kb-fg-rgb) / .5)}.ht__decade span{-webkit-text-stroke-color:var(--color-accent, #d62828)}.ht__list{position:relative;margin:0;padding:0;list-style:none}.ht__list:before{content:"";position:absolute;top:0;bottom:0;left:7px;width:1px;background:linear-gradient(to bottom,var(--color-border-strong),var(--color-border) 90%,transparent)}.ht__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4, 16px);padding:var(--space-6, 32px) 0 var(--space-6, 32px) 40px;border-top:1px solid var(--color-border);scroll-margin-top:calc(var(--header-h, 80px) + 72px)}.ht__item:first-child{border-top:0;padding-top:var(--space-2, 8px)}.ht__item:before{content:"";position:absolute;left:2px;top:calc(var(--space-6, 32px) + .75rem);width:11px;height:11px;border:2px solid var(--color-bg, var(--kb-bg));border-radius:50%;background:var(--color-border-strong);box-shadow:0 0 0 1px var(--color-border-strong)}.ht__item:first-child:before{top:calc(var(--space-2, 8px) + .75rem)}.ht__item--first:before,.ht__item:target:before{background:var(--color-accent, #d62828);box-shadow:0 0 0 1px var(--color-accent, #d62828),0 0 0 6px #ffffff24}@media(min-width:990px){.ht__item{grid-template-columns:minmax(0,2fr) minmax(0,5fr) minmax(0,4fr);column-gap:clamp(24px,3vw,48px);align-items:center;padding-left:56px}.ht__item--text{grid-template-columns:minmax(0,2fr) minmax(0,9fr)}}.ht__item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}@media(min-width:990px){.ht__item-meta{flex-direction:column;align-items:flex-start;align-self:start}}.ht__year{font-family:var(--font-heading--family);font-weight:800;font-size:clamp(2.25rem,3.6vw,3.25rem);line-height:.9;letter-spacing:-.01em}.ht__tag{display:inline-flex;align-items:center;padding:.25rem .6rem;border:1px solid var(--color-border-strong);border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap}.ht__tag--world_first,.ht__tag--patent{border-color:var(--color-accent, #d62828);background:var(--color-accent, #d62828);color:#fff}.ht__item-body{display:grid;gap:var(--space-3, 12px)}.ht__item-title{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--text-xl);line-height:1.05;text-transform:uppercase}.ht__item-text{max-width:40rem;font-size:var(--text-base);line-height:1.65;color:var(--color-muted)}.ht__item-media{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:transparent}.ht__item-image{display:block;width:100%;height:100%;object-fit:contain;padding:4%;box-sizing:border-box}@media(max-width:989px){.ht__item-media{max-width:360px;order:2}.ht__item-body{order:3}}.ht--reveal [data-ht-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.ht--reveal [data-ht-reveal].is-visible{opacity:1;transform:none}.ht__firsts{margin-top:clamp(64px,8vw,112px);padding:clamp(48px,6vw,88px) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,rgb(var(--kb-fg-rgb) / .04),transparent 60%)}.ht__band-heading{margin:0;font-family:var(--font-heading--family);font-weight:800;font-size:var(--text-2xl);line-height:1;text-transform:uppercase}.ht__firsts-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4, 16px);margin:var(--space-6, 32px) 0 0;padding:0;list-style:none}.ht__first{display:grid;gap:.35rem;height:100%;padding:var(--space-4, 16px);border:1px solid var(--color-border);border-radius:var(--radius-lg, 8px);color:inherit;text-decoration:none;transition:border-color .25s var(--ease),transform .25s var(--ease)}.ht__first:hover{border-color:var(--color-accent, #d62828);transform:translateY(-3px)}.ht__first-media{display:block;aspect-ratio:4 / 3;margin-bottom:var(--space-2, 8px);background:transparent}.ht__first-image{width:100%;height:100%;object-fit:contain}.ht__first-year{font-family:var(--font-heading--family);font-weight:800;font-size:1.75rem;line-height:1;color:var(--color-accent, #d62828)}.ht__first-title{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:1rem;line-height:1.2;text-transform:uppercase}.ht__cta{padding:clamp(56px,7vw,104px) 0}.ht__cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5, 24px)}.ht__cta-text{max-width:36rem;margin-top:var(--space-3, 12px);color:var(--color-muted);line-height:1.6}.ht__cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3, 12px)}@media(max-width:767px){.ht__item{padding-left:32px}.ht__item-title{font-size:var(--text-lg)}.ht__cta-actions .btn{flex:1 1 100%;justify-content:center}}.ht__era+.ht__era{margin-top:clamp(32px,4vw,56px)}.ht__decade{margin-bottom:var(--space-3, 12px);font-size:clamp(2.75rem,6vw,4.5rem)}.ht__item{gap:.625rem var(--space-4, 16px);padding-top:var(--space-5, 24px);padding-bottom:var(--space-5, 24px)}.ht__item:before{top:calc(var(--space-5, 24px) + .75rem)}.ht__item-title{font-size:var(--text-lg)}.ht__item-text{font-size:var(--text-sm);line-height:1.6}.ht__item-media{aspect-ratio:auto}.ht__item-image{width:auto;max-width:100%;height:auto;max-height:150px;padding:0}@media(min-width:990px){.ht__era{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);column-gap:clamp(24px,3vw,48px);align-items:start}.ht__decade{position:sticky;top:calc(var(--header-h, 80px) + 88px);margin:0}.ht__item{grid-template-columns:minmax(0,150px) minmax(0,1fr) minmax(0,220px);padding-left:44px}.ht__item--text{grid-template-columns:minmax(0,150px) minmax(0,1fr)}.ht__year{font-size:clamp(2rem,2.6vw,2.5rem)}.ht__item-media{justify-content:flex-end}}@media(max-width:989px){.ht__item{grid-template-columns:minmax(0,1fr) 112px;align-items:start}.ht__item--text{grid-template-columns:minmax(0,1fr)}.ht__item-meta{grid-column:1 / -1}.ht__item-body{order:0}.ht__item-media{order:0;max-width:none;justify-content:flex-end}.ht__item-image{max-height:96px}.ht__year{font-size:2rem}}@media(max-width:767px){.ht__firsts-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:calc(var(--page-margin) * -1);margin-right:calc(var(--page-margin) * -1);padding:0 var(--page-margin) 4px;scroll-padding:0 var(--page-margin);scrollbar-width:none}.ht__firsts-list::-webkit-scrollbar{display:none}.ht__firsts-list>li{scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.ht__first,.ht__era-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-history-timeline.css.map */