.section-timeline{--shell-gutter:4rem;--shell-max-width:100.4rem;--headings-color:currentColor;--section-bg:rgba(25,62,92,.641);--section-decoration-width:44.9rem;background-color:var(--section-bg);color:var(--white);isolation:isolate;position:relative;@media (max-width:1023px){&{--shell-gutter:2.4rem;--section-decoration-width:35rem}}@media (max-width:767px){&{--shell-gutter:1.6rem;--section-decoration-width:26rem}}&:after{aspect-ratio:447/303;background-color:currentColor;content:"";height:auto;left:60%;mask-image:var(--shape-chevron-up-special);mask-position:center;mask-repeat:no-repeat;mask-size:contain;max-height:80%;max-width:38%;opacity:.63;pointer-events:none;position:absolute;top:60%;transform:translateY(-50%);width:var(--section-decoration-width);z-index:-1}& .section__head{margin-bottom:6.7rem;@media (max-width:1023px){&{margin-bottom:5.2rem}}@media (max-width:767px){&{margin-bottom:4rem}}& .block-content{& h3{& strong{color:inherit}}& .title-small:before{background-color:var(--white)}}&:last-child{margin-bottom:0}}& .section__background{inset:0;position:absolute;z-index:-1;&:before{background-color:var(--section-bg);content:"";inset:0;position:absolute}& figure{height:100%;width:100%;& img{height:100%;object-fit:cover;width:100%}}}.timeline{& .timeline__pagination{--pagination-gap:1.8rem;align-items:center;display:flex;gap:var(--pagination-gap);margin-bottom:5.1rem;@media (max-width:1023px){&{--pagination-gap:1.4rem;margin-bottom:4.2rem}}@media (max-width:767px){&{--pagination-gap:0.8rem;max-width:100%}}& .timeline__bullet{--bullet-line-width:6.7rem;align-items:center;background:none;display:flex;display:none;font-size:1.6rem;font-weight:600;gap:var(--pagination-gap);height:auto;letter-spacing:-.02em;line-height:2rem;margin:0;opacity:1;padding:0;text-decoration:underline;text-decoration-color:transparent;transition-duration:.2s;transition-property:font-weight,font-size,text-decoration-color;transition-timing-function:linear;width:auto;@media (max-width:1023px){&{--bullet-line-width:5.2rem;font-size:1.4rem;line-height:1.8rem}}@media (max-width:767px){&{--bullet-line-width:2.4rem;font-size:1.2rem;line-height:1.4rem}}&:hover{text-decoration-color:currentColor}&:before{background-color:currentColor;content:"";display:block;height:1px;width:var(--bullet-line-width)}&:first-child{&:before{content:none}}&.swiper-pagination-bullet-active{display:flex;font-size:2rem;font-weight:900;text-decoration-color:currentColor;@media (max-width:1023px){&{font-size:1.8rem}}@media (max-width:767px){&{font-size:1.4rem}}&+.timeline__bullet{&{display:flex;&+.timeline__bullet{&{display:flex}}@media (min-width:1023px){&+.timeline__bullet+.timeline__bullet,&+.timeline__bullet+.timeline__bullet+.timeline__bullet{&{display:flex}}}}}}&:has(+.swiper-pagination-bullet-active){&{display:flex;&:before{content:none}}}}}&:last-child{margin-bottom:0}}& .swiper{margin:0 0 5.3rem;max-width:56.6rem;@media (max-width:1023px){&{margin-bottom:4.2rem}}&:last-child{margin-bottom:0}}& .swiper-slide{--slide-label-fz:6rem;font-size:2.2rem;line-height:1.4545;@media (max-width:1023px){&{--slide-label-fz:4.8rem;font-size:2rem}}@media (max-width:767px){&{--slide-label-fz:3.8rem;font-size:1.6rem}}&:before{content:attr(data-timeline-label);font-family:var(--ff-third);font-size:var(--slide-label-fz);font-weight:700;letter-spacing:-.02em;line-height:1.5}}& .timeline__nav{display:flex;gap:1.3rem;@media (max-width:1023px){&{gap:1rem}}@media (max-width:767px){&{gap:.8rem}}& .timeline__button{--timeline-button-size:4.1rem;background-color:transparent;border:2px solid var(--white);border-radius:50%;color:var(--white);display:flex;font-size:0;height:var(--timeline-button-size);line-height:0;place-content:center;place-items:center;transition-duration:.2s;transition-property:border-color,background-color,color;transition-timing-function:linear;width:var(--timeline-button-size);@media (max-width:1023px){&{--timeline-button-size:3.6rem}}&:hover{background-color:var(--white);border-color:var(--white);color:var(--black)}& .icon-chevron-down{--icon-size:1.5rem;@media (max-width:1023px){&{--icon-size:1.4rem}}}&.timeline__prev{& .icon-chevron-down{transform:translateY(-5%) rotate(90deg) translateY(20%)}}&.timeline__next{& .icon-chevron-down{transform:translateY(-5%) rotate(-90deg) translateY(20%)}}}}}