body:not(.home) .os-history{background:var(--secondary-color);color:#1c1917;overflow:hidden;padding-block:120px}
.os-history h2{color:#1c1917;text-align:left;max-width:100%;font-size:52px;line-height:1.2}
.os-history .os-history__tabs{margin-top:64px}
.kmf-history-rail{display:flex;gap:48px;overflow-x:auto;scrollbar-width:none;width:100vw;margin-left:calc((100% - 100vw)/2);padding-inline:max(var(--os-gutter),calc((100vw - 1312px)/2));scroll-padding-left:max(var(--os-gutter),calc((100vw - 1312px)/2));scroll-snap-type:x mandatory;touch-action:pan-y;cursor:grab;position:relative}
.kmf-history-rail::-webkit-scrollbar{display:none}
.kmf-history-slide{display:grid;grid-template-columns:1fr 1fr;flex:0 0 min(80vw,1090px);min-height:480px;border-radius:16px;overflow:hidden;background:#faf4ea;color:#1c1917;scroll-snap-align:start}
.kmf-history-slide:nth-child(even){background:#1c1e26;color:white}
.kmf-history-slide>img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover;user-select:none;-webkit-user-drag:none}
.kmf-history-copy{padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:48px}
.kmf-history-copy .os-history__date{font-size:clamp(36px,4.5vw,72px)!important;line-height:1.1;color:inherit;margin:0}
.kmf-history-copy h3{font-size:32px!important;line-height:1.2;margin:0 0 24px!important;color:inherit}
.kmf-history-copy p{font-size:16px;line-height:1.5;color:inherit}
.kmf-history-copy .os-history__signoff{font-size:18px!important;line-height:1.4;margin-top:20px!important;color:inherit}
.os-history .kmf-history-years{display:flex;justify-content:space-between;gap:16px;margin-top:40px;position:relative}
.kmf-history-years::before{content:'';position:absolute;left:4%;right:4%;bottom:5px;height:1px;background:#1c191733}
.kmf-history-years button{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--secondary-color);border:0;padding:0 8px;font:inherit;font-size:18px;color:#8b8b86;cursor:pointer;white-space:nowrap;transition:color .3s ease!important}
.kmf-history-years button::after{content:'';width:10px;height:10px;border-radius:3px;background:#8b8b86}
.kmf-history-years button[aria-selected=true]{color:#1c1917}
.kmf-history-years button[aria-selected=true]::after{background:var(--primary-color)}
.kmf-history-years button:focus-visible{outline:2px solid var(--primary-color);outline-offset:5px}
.kmf-history-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.kmf-history-drag-label{position:fixed;z-index:30;pointer-events:none;width:64px;height:64px;border-radius:50%;background:#2249c1e6;color:white;display:grid;place-items:center;font-size:13px;opacity:0;transition:opacity .2s ease!important;transform:translate(-50%,-50%)}
@media(max-width:1100px){.kmf-history-rail{gap:24px}.kmf-history-slide{flex-basis:86vw}.kmf-history-copy{padding:24px;gap:32px}.kmf-history-copy h3{font-size:28px!important}.kmf-history-years button{font-size:14px}}
@media(max-width:700px){body:not(.home) .os-history{padding-block:72px}.os-history h2{font-size:36px}.os-history .os-history__tabs{margin-top:40px}.kmf-history-slide{grid-template-columns:1fr;flex-basis:calc(100vw - 40px)}.kmf-history-slide>img{height:240px;min-height:0}.kmf-history-copy{min-height:360px;gap:24px}.os-history .kmf-history-years{overflow-x:auto;justify-content:start;gap:24px;padding:4px 0 12px}.kmf-history-years button{flex-shrink:0}.kmf-history-drag-label{display:none}}
@media(prefers-reduced-motion:reduce){.kmf-history-rail{scroll-behavior:auto}.kmf-history-years button,.kmf-history-drag-label{transition:none!important}}
/* Keep poster dimensions fixed instead of allowing source-image height to stretch the rail. */
.kmf-history-slide{height:560px;min-height:0}
.kmf-history-slide>img{min-height:0}
.kmf-history-copy{min-height:0;gap:24px}
.kmf-history-copy .os-history__date{font-size:clamp(36px,4vw,64px)!important}
body:not(.home) main .kmf-history-years [role=tab]:hover{background:var(--secondary-color)!important}
@media(max-width:700px){.kmf-history-slide{height:auto;min-height:600px}.kmf-history-slide>img{height:240px}.kmf-history-copy{min-height:360px}}
/* Figma 926:683 — preserve the design; only motion follows Yucca. */
body:not(.home) .os-history{background:#020715;color:#fff;padding-block:200px}
.os-history h2{color:#fff;text-align:center;width:914px;max-width:100%;font-size:72px;line-height:86px;margin-inline:auto}
.os-history .os-history__tabs{margin-top:96px}
.kmf-history-rail{gap:32px;scroll-snap-type:none}
.kmf-history-slide,.kmf-history-slide:nth-child(even){flex-basis:1185px;grid-template-columns:520px minmax(0,1fr);gap:64px;padding-right:64px;height:480px;min-height:0;border-radius:32px;background:#ffffff1a;color:white;scroll-snap-align:none}
.kmf-history-slide>img{height:480px;width:520px;min-height:0}
.kmf-history-copy{padding:48px 0;gap:0;justify-content:space-between}
.kmf-history-copy .os-history__date{font-size:24px!important;line-height:normal;color:#dedede}
.kmf-history-copy h3{font-size:52px!important;line-height:1.3;margin-bottom:32px!important;color:white}
.kmf-history-copy p{font-size:16px;line-height:normal;color:#dedede}
.kmf-history-copy .os-history__signoff{font-size:32px!important;line-height:1.25;margin-top:48px!important;color:white}
.os-history .kmf-history-years{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:96px}
.kmf-history-years::before{left:0;right:0;bottom:5px;background:#ffffff33}
.kmf-history-years button{font-size:18px;background:#020715;color:#ffffff4d;gap:12px;padding:0}
.kmf-history-years button::after{width:12px;height:12px;border-radius:50%;background:#ffffff4d}
.kmf-history-years button[aria-selected=true]{color:white}
.kmf-history-years button[aria-selected=true]::after{background:white}
body:not(.home) main .kmf-history-years [role=tab]:hover{background:#020715!important;color:white}
@media(max-width:1399px){.kmf-history-slide,.kmf-history-slide:nth-child(even){flex-basis:calc(100vw - 100px);grid-template-columns:40% minmax(0,1fr);gap:4vw;padding-right:4vw}.kmf-history-slide>img{width:100%}.kmf-history-copy h3{font-size:40px!important}.kmf-history-copy .os-history__signoff{font-size:26px!important;margin-top:32px!important}}
@media(max-width:1100px){body:not(.home) .os-history{padding-block:120px}.os-history h2{font-size:56px;line-height:1.18}.kmf-history-years button{font-size:14px}.os-history .os-history__tabs{margin-top:64px}}
@media(max-width:700px){body:not(.home) .os-history{padding-block:72px}.os-history h2{font-size:42px;line-height:1.15}.os-history .os-history__tabs{margin-top:40px}.kmf-history-slide,.kmf-history-slide:nth-child(even){grid-template-columns:1fr;flex-basis:calc(100vw - 40px);height:auto;min-height:600px;gap:0;padding:0;border-radius:20px}.kmf-history-slide>img{height:240px;width:100%}.kmf-history-copy{padding:24px;min-height:360px;gap:24px}.kmf-history-copy h3{font-size:32px!important;margin-bottom:24px!important}.kmf-history-copy .os-history__signoff{font-size:24px!important;margin-top:24px!important}.os-history .kmf-history-years{display:flex;overflow-x:auto;gap:24px;margin-top:40px;padding-bottom:12px}.kmf-history-years button{padding:0 8px;flex-shrink:0}}

.kmf-history-years::before{display:none}
.kmf-history-years button:not(:last-child)::before{content:'';position:absolute;left:calc(50% + 20px);width:calc(100% - 24px);bottom:5px;height:1px;background:#ffffff33;pointer-events:none}
@media(max-width:700px){.kmf-history-years button::before{display:none}}
.kmf-history-years button{overflow:visible!important}

/* Connect each marker to the next across the full timeline interval. */
body:not(.home) .os-history .kmf-history-years button{overflow:visible!important}
body:not(.home) .os-history .kmf-history-years button:not(:last-child)::before{left:calc(50% + 20px);width:calc(100% - 24px);right:auto;clip-path:none}
body:not(.home) .os-history .kmf-history-years{overflow:visible}
@media(max-width:700px){body:not(.home) .os-history .kmf-history-years{overflow-x:auto}}
body:not(.home) main .kmf-history-years [role=tab],body:not(.home) main .kmf-history-years [role=tab]:hover{background:transparent!important}

/* Timeline copy spacing from Figma 1467:804. */
@media(min-width:1400px){.os-history .kmf-history-copy h3{line-height:56px;margin-bottom:24px!important}.os-history .kmf-history-copy .os-history__signoff{line-height:normal;margin-top:32px!important}}