.main-history{--his-spine-w: 2px;--his-spine-fade: 150px;--his-dot: 14px;--his-gutter: 20px;--his-year-font: clamp(96px, 14.8vw, 480px);--his-col-gap: clamp(48px, 7vw, 120px);--his-spine-x: 50%}.main-history .history-inner{position:relative;z-index:0;max-width:1360px;margin:0 auto;padding:0 var(--his-gutter)}.main-history .history-inner::before{content:"";position:absolute;top:0;bottom:0;left:var(--his-spine-x);width:var(--his-spine-w);margin-left:calc(var(--his-spine-w)/-2);background-color:var(--color-ink);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--his-spine-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--his-spine-fade)), transparent)}.main-history .history-year__head{position:relative;display:grid;grid-template-columns:calc(50% - var(--his-col-gap)/2) calc(50% - var(--his-col-gap)/2);-moz-column-gap:var(--his-col-gap);column-gap:var(--his-col-gap);align-items:center;margin-top:clamp(40px,5vw,88px);margin-bottom:clamp(16px,2vw,40px)}.main-history .history-year:first-child .history-year__head{margin-top:clamp(8px,2vw,24px)}.main-history .history-year__num{grid-column:1;justify-self:end;margin:0;font-family:var(--font-primary);font-weight:800;font-size:var(--his-year-font);line-height:1;letter-spacing:-0.02em;font-feature-settings:normal;font-variant-numeric:normal;color:var(--color-ink);white-space:nowrap}.main-history .history-year:nth-of-type(even) .history-year__num{grid-column:2;justify-self:start}.main-history .history-event{position:relative;display:grid;grid-template-columns:calc(50% - var(--his-col-gap)/2) calc(50% - var(--his-col-gap)/2);-moz-column-gap:var(--his-col-gap);column-gap:var(--his-col-gap);align-items:center;padding:clamp(24px,3.2vw,44px) 0}.main-history .history-event__dot{position:absolute;top:50%;left:var(--his-spine-x);width:var(--his-dot);height:var(--his-dot);margin-top:calc(var(--his-dot)/-2);margin-left:calc(var(--his-dot)/-2);clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);background-color:var(--color-ink);z-index:2}.main-history .history-event__body{position:relative;z-index:1}.main-history .history-event__media{position:relative;z-index:1}.main-history .history-event.is-left .history-event__body{grid-column:1;grid-row:1;justify-self:end}.main-history .history-event.is-left .history-event__media{grid-column:2;grid-row:1;justify-self:stretch}.main-history .history-event.is-right .history-event__body{grid-column:2;grid-row:1;justify-self:start}.main-history .history-event.is-right .history-event__media{grid-column:1;grid-row:1;justify-self:stretch}.main-history .history-event__body{max-width:520px;width:100%}.main-history .history-event__date{display:block;margin-bottom:12px;font-family:var(--font-primary);font-weight:700;font-size:13px;line-height:1.2;letter-spacing:2px;text-transform:uppercase;color:var(--color-primary)}.main-history .history-event__text{font-size:18px}.main-history .history-event__text p{margin:0 0 14px}.main-history .history-event__text p:last-child{margin-bottom:0}.main-history .history-media{--hm-card-h: clamp(240px, 26vw, 400px);--hm-slide-w: clamp(220px, 17vw, 340px);--hm-notch-w: 130px;--hm-notch-sh: 88px;--hm-notch-h: 72px;--hm-hex-w: 76px;--hm-hex-h: 67px;--hm-hex-right: 50px;--hm-hex-bottom: 38px;--hm-hex-icon: 26px;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:100%;min-width:0}.main-history .history-mcard{position:relative;display:block;width:100%;height:var(--hm-card-h);overflow:hidden;text-decoration:none}.main-history .history-mcard__media{position:absolute;inset:0;display:block;background-color:var(--color-ink);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--hm-notch-h)), calc(100% - var(--hm-notch-sh)) calc(100% - var(--hm-notch-h)), calc(100% - var(--hm-notch-w)) 100%, 0 100%)}.main-history .history-mcard__media picture,.main-history .history-mcard__media img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.main-history .history-mcard:hover .history-mcard__media img{transform:scale(1.04)}.main-history .video-play{position:absolute;right:var(--hm-hex-right);bottom:var(--hm-hex-bottom);z-index:2;width:var(--hm-hex-w);height:var(--hm-hex-h);display:flex;align-items:center;justify-content:center;pointer-events:none}.main-history .video-play__hex{position:absolute;inset:0;background-color:var(--color-primary);clip-path:polygon(25% 100%, 0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%);transform:rotate(var(--play-rot, 0deg));transition:transform .55s ease,background-color .25s ease}.main-history .video-play__icon{position:relative;z-index:1;color:var(--color-white)}.main-history .history-mcard:not(.is-video) .video-play__icon{fill:none;width:var(--hm-hex-icon);height:var(--hm-hex-icon)}.main-history .history-mcard.is-video .video-play__icon{fill:var(--color-white);width:calc(var(--hm-hex-icon)*.6);height:calc(var(--hm-hex-icon)*.74);margin-left:3px}.main-history .history-mcard:hover .video-play__hex,.main-history .history-mcard:focus-visible .video-play__hex{background-color:#00d684}.main-history .history-mslider{--hm-card-h: clamp(190px, 19vw, 290px);--hm-escape: 0px;--hm-notch-w: 96px;--hm-notch-sh: 65px;--hm-notch-h: 53px;--hm-hex-w: 58px;--hm-hex-h: 51px;--hm-hex-right: 36px;--hm-hex-bottom: 27px;--hm-hex-icon: 20px;margin-left:0;margin-right:0;width:100%;min-width:0;overscroll-behavior-x:contain}.main-history .history-event.is-left .history-mslider{width:calc(100% + var(--hm-escape))}.main-history .history-event.is-right .history-mslider{width:calc(100% + var(--hm-escape));margin-left:calc(-1*var(--hm-escape))}.main-history .history-event.is-right .history-mslider{transform:scaleX(-1)}.main-history .history-event.is-right .history-mslider .history-mcard{transform:scaleX(-1)}.main-history .history-mslide{width:var(--hm-slide-w);height:auto;transition-property:opacity;transition-duration:0ms}.main-history .history-mnav{display:flex;align-items:center;gap:14px}.main-history .history-marrow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:none;border-radius:0;background:var(--color-ink);color:var(--color-white);cursor:pointer;transition:background-color .25s}.main-history .history-marrow__svg{display:block;width:22px;height:22px}.main-history .history-marrow:hover{background:var(--color-primary)}.main-history .history-marrow.swiper-button-disabled{opacity:.35;pointer-events:none}@media(max-width: 768px){.main-history .history-marrow{width:44px;height:44px}.main-history .history-marrow__svg{width:20px;height:20px}}.main-history .history-mprev .history-marrow__svg{transform:rotate(180deg)}.main-history .history-event.is-right .history-mprev .history-marrow__svg{transform:rotate(0deg)}.main-history .history-event.is-right .history-mnext .history-marrow__svg{transform:rotate(180deg)}.main-history .history-mcount{font-family:var(--font-primary);font-size:14px;font-weight:600;line-height:1;color:var(--color-gray);font-variant-numeric:tabular-nums}.main-history .history-mcount b{font-weight:800;color:var(--color-ink)}.main-history .history-media__caption{font-family:var(--font-primary);font-size:13px;line-height:1.4;color:var(--color-gray)}@media(max-width: 768px){.main-history{--his-spine-x: 16px}.main-history .history-inner::before{left:calc(var(--his-gutter) + var(--his-spine-x))}.main-history{--his-year-font: clamp(52px, 19vw, 88px)}.main-history .history-year__head{display:block;padding-left:calc(var(--his-spine-x) + 28px);margin-top:40px;margin-bottom:16px}.main-history .history-year:first-child .history-year__head{margin-top:8px}.main-history .history-year__num,.main-history .history-year:nth-of-type(even) .history-year__num{justify-self:start}.main-history .history-event{display:block;padding:18px 0 18px calc(var(--his-spine-x) + 28px)}.main-history .history-event__dot{top:24px;margin-top:0}.main-history .history-event__body{max-width:none}.main-history .history-event__media{margin-top:16px}.main-history .history-media{--hm-card-h: clamp(200px, 52vw, 300px);--hm-slide-w: clamp(190px, 66vw, 300px);--hm-notch-w: 104px;--hm-notch-sh: 70px;--hm-notch-h: 58px;--hm-hex-w: 62px;--hm-hex-h: 54px;--hm-hex-right: 36px;--hm-hex-bottom: 28px;--hm-hex-icon: 22px}.main-history .history-event.is-left .history-mslider,.main-history .history-event.is-right .history-mslider{width:calc(100% + var(--hm-escape));margin-left:0;margin-right:0;transform:none}.main-history .history-event.is-right .history-mslider .history-mcard{transform:none}.main-history .history-event.is-right .history-mprev .history-marrow__svg{transform:rotate(180deg)}.main-history .history-event.is-right .history-mnext .history-marrow__svg{transform:rotate(0deg)}.main-history .history-mslider{--hm-card-h: clamp(180px, 46vw, 260px);--hm-notch-w: 88px;--hm-notch-sh: 59px;--hm-notch-h: 49px;--hm-hex-w: 54px;--hm-hex-h: 47px;--hm-hex-right: 30px;--hm-hex-bottom: 23px;--hm-hex-icon: 19px}}.history-scroller{position:fixed;left:0;top:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:center;width:72px;background-color:#fff;opacity:0;visibility:hidden;transform:translateX(-14px);transition:opacity .4s ease,transform .4s ease,visibility .4s;pointer-events:none}.history-scroller::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background-color:rgba(23,3,18,.12);z-index:0}.history-scroller.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}.history-scroller__track{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:min(74vh,660px);padding:10px 0}.history-scroller__year{position:relative;z-index:2;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background-color:#fff;padding:3px 7px;font-family:var(--font-primary);font-size:12px;font-weight:600;line-height:1;letter-spacing:.3px;color:var(--color-gray);cursor:pointer;transition:color .2s ease,transform .2s ease,font-size .2s ease}.history-scroller__year:hover{color:var(--color-ink)}.history-scroller__year.is-active{color:var(--color-primary);font-weight:800;font-size:15px;transform:scale(1.02)}@media(min-width: 1200px){.history-scroller{display:flex}}