.section-timeline{position:relative}.section-timeline__header{margin-bottom:3em;width:100%;max-width:40em}@media (max-width:1024px){.section-timeline__header{margin-bottom:2em}}.section-timeline__header p.subtitle{text-transform:uppercase;font-size:.875em;margin:0}.section-timeline__header .text P{font-size:1.25em;font-weight:300;margin:0}@media (max-width:1024px){.section-timeline__header .text P{font-size:1.125em}}.section-timeline__inner{display:grid;grid-template-columns:1fr auto;gap:2em}@media (max-width:1024px){.section-timeline__inner{grid-template-columns:100%;gap:0}}.section-timeline .timeline-steps{position:sticky;top:2em;align-self:start}@media (max-width:1024px){.section-timeline .timeline-steps{display:none}}.section-timeline .timeline-counter{margin-bottom:3em}.section-timeline .timeline-counter span{display:block;font:8em "Cormorant Garamond",serif;font-weight:700;font-variant-numeric:lining-nums proportional-nums;line-height:1}.section-timeline .steps-list{display:flex;flex-direction:column;gap:3em}.section-timeline .steps-list .step{display:flex;flex-wrap:nowrap;align-items:center;gap:1em}.section-timeline .steps-list .step .step-device{width:4em;min-width:4em;height:auto;display:flex;align-items:center;justify-content:flex-start;position:relative}.section-timeline .steps-list .step .step-device .marker{border:1px solid #555e45;display:block;width:1.5em;height:1.5em;border-radius:50%;background-color:transparent;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.section-timeline .steps-list .step .step-device .icon{display:none;width:2.5em;height:2.5em;border-radius:50%;background-color:rgba(0,0,0,.05);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.section-timeline .steps-list .step .step-device.active .marker{border:1px solid transparent;background-color:#8cb277}.section-timeline .steps-list .step .step-device.active .icon{display:block}.section-timeline .steps-list .step .step-content{width:100%;height:100%;display:flex;flex-direction:column;color:#555e45}.section-timeline .steps-list .step .step-content .label span{text-transform:uppercase;font-weight:700}.section-timeline .timeline-content{display:flex;flex-direction:column;gap:3em;padding-top:1em}@media (max-width:1024px){.section-timeline .timeline-content{padding-top:0}}.section-timeline .timeline-content .step{width:100%;max-width:640px;display:flex;flex-direction:column;position:relative}@media (max-width:1024px){.section-timeline .timeline-content .step{max-width:100%}}.section-timeline .timeline-content .step img{width:100%;border-radius:.5em;margin-bottom:1.25em;position:relative;z-index:1}.section-timeline .timeline-content .counter{display:block;position:absolute;left:.5em;top:.5em;z-index:2;background-color:rgba(255,255,255,.25);padding:.375em;border-radius:100%;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-timeline .timeline-content .counter .value{display:flex;background-color:#8cb277;color:#fff;border-radius:100%;width:2em;height:2em;align-items:center;justify-content:center;line-height:1}.section-timeline .timeline-content .counter .value span{font-size:1.125em}.section-timeline .timeline-content .label{margin-bottom:.5em}.section-timeline .timeline-content .label span{text-transform:uppercase;font-size:.875em}.section-timeline .timeline-content .title{margin-bottom:.5em}.section-timeline .timeline-content .title span{font:2em "Cormorant Garamond",serif;font-weight:700}.section-timeline .timeline-content .text span{font-size:.875em}