.splux-history{--splux-history-panel-w: 1180px;--splux-history-panel-gap: 120px;--splux-history-panel-h: 780px;background:var(--splux-color-primary-white);color:var(--splux-color-text-title)}.splux-history,.splux-history *,.splux-history *:before,.splux-history *:after{box-sizing:border-box}.splux-history__rail-wrap{position:relative}.splux-history__rail-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.splux-history__viewport{position:relative;overflow:hidden;width:100%}.splux-history__rail{display:flex;gap:var(--splux-history-panel-gap);overflow-x:hidden;overflow-y:hidden;scrollbar-width:none;padding-top:var(--splux-space-3);padding-bottom:var(--splux-space-6)}.splux-history__rail::-webkit-scrollbar{display:none}.splux-history__decade{position:relative;flex:0 0 var(--splux-history-panel-w);width:var(--splux-history-panel-w);height:var(--splux-history-panel-h);scroll-snap-align:start;border-top:var(--splux-divider-width) solid var(--splux-divider-color-light)}.splux-history__decade:before{content:"";position:absolute;left:0;top:-1px;width:74px;height:2px;background:var(--splux-color-primary-red)}.splux-history__decade-count{position:absolute;top:0;right:0;z-index:6;transform:translateY(-50%);font-family:var(--splux-font-family-en-body);font-size:var(--splux-font-size-micro);line-height:1;letter-spacing:var(--splux-letter-spacing-caps);text-transform:uppercase;color:var(--splux-color-text-description)}.splux-history__decade-head{position:absolute;left:0;top:22px;z-index:5;display:flex;align-items:flex-end;gap:22px}.splux-history__decade-title{margin:0;font-family:var(--splux-font-family-en-body);font-size:var(--splux-font-size-display);line-height:var(--splux-line-height-h1);font-weight:var(--splux-font-weight-h1);letter-spacing:-.045em;text-transform:uppercase;color:var(--splux-color-secondary-gray)}.splux-history__decade-info{padding-bottom:9px}.splux-history__decade-info strong{display:block;font-family:var(--splux-font-family-en-body);font-size:var(--splux-font-size-caption);line-height:1;letter-spacing:var(--splux-letter-spacing-caps);text-transform:uppercase;color:var(--splux-color-text-title)}.splux-history__decade-info span{display:block;margin-top:7px;font-family:var(--splux-font-family-en-body);font-size:var(--splux-font-size-micro);line-height:1;letter-spacing:var(--splux-letter-spacing-caps);text-transform:uppercase;color:var(--splux-color-text-description)}.splux-history__project{position:absolute;z-index:2}.splux-history__project-meta{margin-bottom:9px;display:flex;align-items:flex-end;gap:var(--splux-space-3);min-height:32px}.splux-history__project-index{color:var(--splux-color-primary-red);font-family:var(--splux-font-family-en-body);font-size:var(--splux-font-size-micro);line-height:1;letter-spacing:var(--splux-letter-spacing-caps)}.splux-history__project-copy{min-width:0}.splux-history__project-brand{display:block;margin-bottom:4px;color:var(--splux-color-text-description);font-family:var(--splux-font-family-en-body);font-size:var(--splux-font-size-micro);line-height:1;letter-spacing:var(--splux-letter-spacing-caps);text-transform:uppercase}.splux-history__project-name{display:block;color:var(--splux-color-text-title);font-family:var(--splux-font-family-en-body);font-size:var(--splux-font-size-caption);font-weight:700;line-height:1.05;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.splux-history__project-figure{position:relative;display:block;overflow:hidden;background:var(--splux-color-secondary-gray);color:inherit;text-decoration:none}.splux-history__project-figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--splux-duration-slow) var(--splux-ease-in-out)}.splux-history__project:hover .splux-history__project-figure img{transform:scale(1.025)}.splux-history__project-parallax{position:absolute;top:0;right:0;bottom:0;left:0}.splux-history__project-figure:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--splux-divider-width) solid var(--splux-divider-color-light);pointer-events:none}.splux-history__project-tag{position:absolute;left:11px;top:11px;padding:6px 8px;background:var(--splux-color-text-title);color:var(--splux-color-text-white);font-family:var(--splux-font-family-en-body);font-size:var(--splux-font-size-micro);line-height:1;letter-spacing:var(--splux-letter-spacing-caps);text-transform:uppercase}.splux-history__project-link{position:absolute;right:10px;bottom:9px;width:28px;height:28px;display:grid;place-items:center;background:var(--splux-color-primary-red);color:var(--splux-color-text-white);font-size:var(--splux-font-size-caption)}.splux-history__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--splux-color-secondary-gray)}.splux-history__placeholder-svg{width:30%;opacity:.1}.splux-history__project--p1{left:0;top:calc(var(--splux-history-panel-h) * .327);width:430px}.splux-history__project--p1 .splux-history__project-figure{height:292px}.splux-history__project--p2{left:472px;top:calc(var(--splux-history-panel-h) * .228);width:300px}.splux-history__project--p2 .splux-history__project-figure{height:224px}.splux-history__project--p3{left:815px;top:calc(var(--splux-history-panel-h) * .479);width:365px}.splux-history__project--p3 .splux-history__project-figure{height:252px}@media(min-width:1024px){.splux-history{--splux-history-panel-h: calc(100vh - 91px) }.splux-history__decade[data-count="1"]{--splux-history-panel-w: 620px}.splux-history__decade[data-count="1"] .splux-history__decade-note{left:0;top:calc(var(--splux-history-panel-h) * .782);width:430px}.splux-history__decade[data-count="2"]{--splux-history-panel-w: 820px}.splux-history__decade[data-count=null]{--splux-history-panel-w: 620px}.splux-history__decade[data-count=null] .splux-history__decade-note{left:0;top:calc(var(--splux-history-panel-h) * .782);width:430px}}@media(min-width:1024px){.splux-history__project-parallax{will-change:transform}.splux-history__project-figure img{transform:scale(1.1)}.splux-history__project:hover .splux-history__project-figure img{transform:scale(1.12)}}.splux-history__decade-note{position:absolute;left:474px;top:calc(var(--splux-history-panel-h) * .613);width:260px;color:var(--splux-color-text-body);font-size:var(--splux-font-size-caption);line-height:var(--splux-line-height-body)}.splux-history__decade-note:before{content:"+";display:block;margin-bottom:10px;color:var(--splux-color-primary-red);font-family:var(--splux-font-family-en-body);font-size:var(--splux-font-size-h4);line-height:1}.splux-history__decade-note>p{margin:0}.splux-history__decade-note>p+p{margin-top:var(--splux-space-2)}.splux-history__decade-footer{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:flex-start;align-items:center;font-family:var(--splux-font-family-en-body);font-size:var(--splux-font-size-micro);line-height:1;letter-spacing:var(--splux-letter-spacing-caps);text-transform:uppercase;color:var(--splux-color-text-description)}.splux-history__decade-footer a{color:var(--splux-color-text-title);text-decoration:none}.splux-history__decade-footer a:after{content:" \2192";color:var(--splux-color-primary-red)}.splux-history__progress-shell{padding-top:var(--splux-space-2);padding-bottom:var(--splux-space-4)}.splux-history__progress{height:3px;background:var(--splux-color-secondary-gray);overflow:hidden}.splux-history__progress span{display:block;width:100%;height:100%;background:var(--splux-color-primary-red);transform:scaleX(.08);transform-origin:left center;transition:transform var(--splux-duration-fast) linear}@media(max-width:1023px){.splux-history{--splux-history-panel-w: min(84vw, 620px);--splux-history-panel-gap: 24px}.splux-history__rail-wrap{height:auto!important}.splux-history__rail-sticky{position:relative;top:auto;height:auto;min-height:0;display:block;overflow:visible}.splux-history__viewport{overflow:visible}.splux-history__rail{gap:var(--splux-history-panel-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-top:var(--splux-space-2);padding-bottom:var(--splux-space-4)}.splux-history__decade{position:relative;flex:0 0 var(--splux-history-panel-w);width:var(--splux-history-panel-w);height:auto;min-height:0;padding:18px 0 54px;scroll-snap-align:start;border-top:var(--splux-divider-width) solid var(--splux-divider-color-light);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:18px;row-gap:18px;align-content:start}.splux-history__decade:before{width:54px}.splux-history__decade-head{position:relative;left:auto;top:auto;grid-column:1 / -1;display:block}.splux-history__decade-info{padding:14px 0 0;display:flex;align-items:center;gap:14px}.splux-history__decade-info span{margin-top:0}.splux-history__project{position:relative;left:auto;top:auto;margin:0;width:auto;min-width:0;align-self:start}.splux-history__project-meta{margin-bottom:7px;min-height:26px;gap:7px}.splux-history__project--p1{grid-column:1 / -1;width:72%;justify-self:start;margin-top:24px}.splux-history__project--p1 .splux-history__project-figure{height:auto;aspect-ratio:var(--splux-media-ratio-landscape)}.splux-history__project--p2{grid-column:1 / -1;width:72%;justify-self:start}.splux-history__project--p2 .splux-history__project-figure{height:auto;aspect-ratio:var(--splux-media-ratio-landscape)}.splux-history__project--p3{grid-column:1 / -1;width:72%;justify-self:start}.splux-history__project--p3 .splux-history__project-figure{height:auto;aspect-ratio:var(--splux-media-ratio-landscape)}.splux-history__decade-note{display:none}.splux-history__decade-footer{position:absolute;left:0;right:0;bottom:0;margin:0}}@media(max-width:619px){.splux-history{--splux-history-panel-w: 86vw;--splux-history-panel-gap: 18px}.splux-history__decade{padding-top:16px;padding-bottom:50px;column-gap:12px;row-gap:14px}.splux-history__decade-info{display:block;padding-top:12px}.splux-history__decade-info span{display:block;margin-top:6px}.splux-history__project--p1,.splux-history__project--p2,.splux-history__project--p3{width:82%}.splux-history__project-meta{min-height:24px}}@media(prefers-reduced-motion:reduce){.splux-history__rail{scroll-behavior:auto}.splux-history__project-figure img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/splux-history.css.map */