:root{--wrapper-outside-space:3.125rem}@media (max-width:60em){:root{--wrapper-outside-space:2rem}}@media (max-width:35em){:root{--wrapper-outside-space:1.25rem}}.timeline{--decoration-arrow-height:27px;--decoration-arrow-width:38px;--decoration-line-height:0.625em;--decoration-pip-height:2em;--decoration-point-size:22px;--viewport-block-start-inset:var(--decoration-point-size);--viewport-block-end-inset:var(--decoration-arrow-width);--viewport-inline-offset:2em}.timeline__viewport{--mask-width:8rem;--mask-offset:1.5rem;-webkit-mask-image:linear-gradient(90deg,transparent var(--mask-offset),#000 var(--mask-width),#000 calc(100% - var(--mask-width)),transparent calc(100% - var(--mask-offset)));margin-left:var(--decoration-point-size);margin-right:var(--decoration-arrow-width);margin-top:calc(var(--viewport-inline-offset)*-1);mask-image:linear-gradient(90deg,transparent var(--mask-offset),#000 var(--mask-width),#000 calc(100% - var(--mask-width)),transparent calc(100% - var(--mask-offset)));overflow:hidden}@media (max-width:60em){.timeline__viewport{--mask-width:2rem;--mask-offset:0.25rem}}@media (max-width:35em){.timeline__viewport{--mask-width:1.25rem;--mask-offset:0rem}}.timeline__track{padding-top:calc(var(--viewport-inline-offset) - .3125em);width:-webkit-max-content;width:-moz-max-content;width:max-content}.timeline__points{display:grid;gap:4rem;grid-auto-columns:20rem;grid-auto-flow:column}@media (max-width:35em){.timeline__points{gap:2rem;grid-auto-columns:15rem}}.timeline__pagination{margin-left:auto;margin-right:auto;max-width:960px}.timeline__pagination:not(:first-child){margin-top:1.25rem}.timeline-point{padding-top:.75em;position:relative}.timeline-point__body{margin-left:1.5em}.timeline-point-text{font-size:.875rem}.timeline-point-headline{-webkit-text-stroke:#dedd21 .0333333333em;color:currentColor;color:transparent;font-family:Kanit,sans-serif;font-size:2.1875rem;font-size:3.75rem;font-weight:700;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}@media (max-width:35em){.timeline-point-headline{font-size:2.5rem}}.timeline-point:after{background-color:#007a42;border-radius:3px;content:"";display:block;height:var(--decoration-pip-height);left:1.5em;position:absolute;top:calc(var(--decoration-pip-height)/-2);transform:scaleY(0);transform-origin:center;transition:transform .5s;width:6px}.timeline-point[data-intersecting=true]:after{transform:scaleY(1)}.timeline-scrubber{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;align-items:center;border:2px dotted rgba(0,0,0,.3);border-radius:20px;display:flex;gap:.8em;height:40px;padding-left:1em;padding-right:1em;transition:border-color .24s;user-select:none}@media (hover:hover){.timeline-scrubber:hover{border-color:#007a42}}.timeline-scrubber>*+*{margin-top:0}.timeline-scrubber-label{color:currentColor;color:#007a42;font-family:Kanit,sans-serif;font-size:1.375rem;font-weight:400;line-height:1.2;text-transform:uppercase}@media (max-width:35em){.timeline-scrubber-label{font-size:.75em}}.timeline-scrubber-button-touch-area{-webkit-appearance:none;-moz-appearance:none;align-items:center;appearance:none;background-color:transparent;border:0;cursor:pointer;display:flex;height:40px;width:max(40px,var(--range-in-view,100px))}@media (hover:hover){.timeline-scrubber-button-touch-area:hover .timeline-scrubber-button{--show-drop-shadow:1;background-color:#e5e44d;transform:scale(1.06)}}@media (hover:hover) and (max-width:35em){.timeline-scrubber-button-touch-area:hover .timeline-scrubber-button{transform:scale(1.1)}}.timeline-scrubber-button-touch-area[data-focus=true] .timeline-scrubber-button{--show-drop-shadow:1;background-color:#e5e44d;transform:scale(1.06)}@media (max-width:35em){.timeline-scrubber-button-touch-area[data-focus=true] .timeline-scrubber-button{transform:scale(1.1)}}.timeline-scrubber-button{--show-drop-shadow:0;background-color:#dedd21;border-radius:12px;display:block;height:24px;position:relative;transition:background-color .24s,transform .24s;width:100%}.timeline-scrubber-button:after{border-radius:inherit;bottom:0;box-shadow:0 .15em .75em rgba(0,0,0,.2);content:"";left:0;opacity:calc(var(--show-drop-shadow)*1);position:absolute;right:0;top:0;transition:opacity .24s}.timeline-scrubber-track{background-image:linear-gradient(180deg,transparent,transparent 42%,#007a42 0,#007a42 58%,transparent 0);display:flex;position:relative}.timeline-scrubber-track:after,.timeline-scrubber-track:before{background-color:#007a42;border-radius:50%;content:"";height:14px;position:absolute;top:50%;transform:translateY(-50%);width:14px;z-index:1}.timeline-scrubber-track:before{left:-7px}.timeline-scrubber-track:after{right:-7px}.timeline-scrubber__track{flex-grow:1;margin:4px 7px}.timeline-scrubber__track .timeline-scrubber-button-touch-area{position:relative;z-index:2}.timeline-decoration{background-color:#007a42;border-radius:calc(var(--decoration-line-height)/2);height:var(--decoration-line-height);margin-left:4px;margin-right:var(--decoration-arrow-width);position:relative;z-index:1}.timeline-decoration:after,.timeline-decoration:before{content:"";display:block;position:absolute}.timeline-decoration:before{background-color:#dedd21;border-radius:50%;height:var(--decoration-point-size);left:-4px;top:calc(var(--decoration-line-height)/2 - var(--decoration-point-size)/2);width:var(--decoration-point-size)}.timeline-decoration:after{background-image:url(../images/svg/timeline-arrow-double-filled.svg);background-size:38px 27px;height:27px;right:calc(var(--decoration-arrow-width)*-1);top:calc(var(--decoration-line-height)/2 - var(--decoration-arrow-height)/2);width:var(--decoration-arrow-width)}@media (max-width:35em){.c-timeline{margin-left:1.25rem,-2;margin-right:1.25rem,-2}}