.history{text-align:center;max-width:1600px;margin:0 auto;padding:40px 0;overflow-x:hidden}.history .history-title{margin-bottom:40px;font-size:44px}.history__timeline{justify-content:center;align-items:center;gap:20px;margin:0 auto;padding:24px 12px;display:flex;overflow:hidden}.history .history__item{cursor:pointer;--img-dim:.85;z-index:0;scroll-snap-align:center;background-position:50%;background-size:cover;border-radius:30px;flex-direction:column;justify-content:flex-start;width:200px;height:460px;padding:28px 20px 20px;transition:width 1.5s,filter .5s;display:flex;position:relative}.history .history__item:hover{filter:grayscale(0%)brightness();width:500px}.history .history__item:before{content:"";opacity:0;z-index:2;background:linear-gradient(#0000,#0009);border-radius:30px;transition:opacity .2s;position:absolute;inset:0}.history .history__item:after{content:"";background:rgba(255, 255, 255, var(--img-dim));z-index:1;pointer-events:none;opacity:1;border-radius:30px;transition:opacity .2s,background .2s;position:absolute;inset:0}.history .history__item:hover:before{opacity:1}.history .history__item:hover:after{opacity:0}.history .history__item .history__year{text-align:center;color:#141414;z-index:3;width:max-content;font-size:22px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.history .history__item .history__content{color:#fff;opacity:1;z-index:3;text-align:start;flex-direction:column;align-items:flex-start;display:flex;position:relative;transform:translateY(0)}.history .history__item .history__content>*{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(40px)}.history .history__item .history__content-year{margin-bottom:8px;font-size:36px;font-weight:500}.history .history__item .history__content-title{margin-bottom:8px;font-size:16px;font-weight:600}.history .history__item .history__content-description{font-size:16px;font-weight:400;line-height:1.4}.history .history__item:hover .history__year{opacity:0;transform:translate(-50%,-60%)}.history .history__item.is-locked{filter:grayscale(0%)brightness();width:500px}.history .history__item.is-locked:before{opacity:1}.history .history__item.is-locked:after{opacity:0}.history .history__item.is-locked .history__year{opacity:0;transform:translate(-50%,-60%)}.history .history__item.is-opened .history__content>.history__content-year,.history .history__item:hover .history__content>.history__content-year{animation:.8s cubic-bezier(.16,1,.3,1) 1.2s forwards slideUpFadeIn}.history .history__item.is-opened .history__content>.history__content-title,.history .history__item:hover .history__content>.history__content-title{animation:.8s cubic-bezier(.16,1,.3,1) 1.4s forwards slideUpFadeIn}.history .history__item.is-opened .history__content>.history__content-description,.history .history__item:hover .history__content>.history__content-description{animation:.8s cubic-bezier(.16,1,.3,1) 1.6s forwards slideUpFadeIn}.history .history__item.is-closing .history__content>.history__content-year{animation:.5s cubic-bezier(.4,0,1,1) forwards slideDownFadeOut}.history .history__item.is-closing .history__content>.history__content-title{animation:.5s cubic-bezier(.4,0,1,1) 50ms forwards slideDownFadeOut}.history .history__item.is-closing .history__content>.history__content-description{animation:.5s cubic-bezier(.4,0,1,1) .1s forwards slideDownFadeOut}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}
@media (max-width:768px){.history{text-align:center;overflow-x:hidden}.history .history-title{margin-bottom:16px;font-size:24px}.history__timeline{white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;padding:20px 12px;display:flex;overflow:auto hidden}.history .history__item{box-sizing:border-box;cursor:pointer;z-index:0;scroll-snap-align:center;background-position:50%;background-size:cover;border-radius:30px;flex-direction:column;flex:none;justify-content:flex-start;width:150px;min-width:150px;height:330px;padding:24px 18px 18px;display:flex;position:relative;overflow:hidden}.history .history__item .history__content{z-index:3;color:#fff;box-sizing:border-box;flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.history .history__item .history__content>*{opacity:0;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;max-width:100%;transition:opacity .45s,transform .45s;display:block;transform:translateY(20px)}.history .history__item .history__content-year{font-size:24px;font-weight:600}.history .history__item .history__content-title{width:100%;font-size:12px;font-weight:600}.history .history__item .history__content-description{box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal;width:100%;max-width:100%;font-size:12px;display:block}.history .history__item:hover{filter:grayscale(0%)brightness();width:150px!important}.history .history__item:before,.history .history__item:after{transition:opacity .4s;position:absolute;inset:0}.history .history__item:before{content:"";opacity:0;z-index:2;background:linear-gradient(#0000,#0009)}.history .history__item:after{content:"";opacity:1;z-index:1;background:#ffffffd9}.history .history__item:hover:before{opacity:1}.history .history__item:hover:after{opacity:0}.history .history__item .history__year{z-index:3;color:#111;font-size:24px;font-weight:600;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.history .history__item:hover .history__year{opacity:0}.history .history__item.is-locked{width:300px!important}.history .history__item.is-locked:before{opacity:1}.history .history__item.is-locked:after,.history .history__item.is-locked .history__year{opacity:0}.history .history__item.is-locked .history__content{box-sizing:border-box;width:100%;overflow:hidden}.history .history__item.is-opened .history__content-year{opacity:1;transition-delay:.15s;transform:translateY(0)}.history .history__item.is-opened .history__content-title{opacity:1;transition-delay:.25s;transform:translateY(0)}.history .history__item.is-opened .history__content-description{opacity:1;transition-delay:.35s;transform:translateY(0)}}