.eco-photo-timeline-page{--eco-timeline-bg:var(--base--background-color,#f7f7f5);--eco-timeline-ink:var(--base--text-color,#222f30);--eco-timeline-muted:rgba(var(--color--7-rgb),.62);--eco-timeline-line:rgba(var(--color--7-rgb),.2);--eco-timeline-accent:var(--color--3);background:var(--eco-timeline-bg);color:var(--eco-timeline-ink)}
.eco-photo-timeline-page *{box-sizing:border-box}.eco-photo-timeline-page .label{--background-color:var(--eco-timeline-bg);--color:var(--eco-timeline-ink);--blob-color:var(--color--2)}
.eco-photo-timeline-intro .block_inner{padding-bottom:clamp(80px,10vw,150px);padding-top:clamp(120px,15vw,220px)}.eco-photo-timeline-intro .heading{max-width:980px}.eco-photo-timeline-intro__text{max-width:520px;color:var(--eco-timeline-muted)}.eco-photo-timeline-intro__text p{margin:0}.eco-photo-timeline__eyebrow{margin:0}.eco-photo-timeline__eyebrow>span[aria-hidden="true"]{display:none}
.eco-photo-timeline{height:92vh;position:relative}.eco-photo-timeline__sticky{height:100vh;min-height:620px;left:0;overflow:visible;position:absolute;top:0;width:100%;background:var(--eco-timeline-bg)}.eco-photo-timeline.is-fixed .eco-photo-timeline__sticky{position:fixed;top:0;z-index:20}.eco-photo-timeline.is-complete .eco-photo-timeline__sticky{bottom:0;top:auto}.eco-photo-timeline__topline{align-items:center;display:flex;justify-content:space-between;left:0;position:absolute;right:0;top:32px;z-index:8}.eco-photo-timeline__topline .eco-photo-timeline__eyebrow{margin:0}.eco-photo-timeline__counter{color:var(--eco-timeline-muted);display:flex;font-family:var(--family--2);font-size:.8125rem;gap:8px;letter-spacing:0;margin:0;text-transform:uppercase}.eco-photo-timeline__counter b{color:var(--eco-timeline-ink);font-weight:400}
.eco-photo-timeline__stage{inset:0;clip-path:inset(0);overflow:visible;position:absolute}.eco-photo-timeline__rail{height:100%;inset:0 auto auto 0;position:absolute;width:100%;will-change:transform}.eco-photo-timeline__svg{height:100%;inset:0;overflow:visible;position:absolute;width:100%}.eco-photo-timeline__track{fill:none;stroke:rgba(var(--color--7-rgb),.26);stroke-linecap:round;stroke-width:1.6;vector-effect:non-scaling-stroke}.eco-photo-timeline__track--depth{filter:blur(4px);opacity:.65;stroke:rgba(var(--color--7-rgb),.1);stroke-width:7}.eco-photo-timeline__track--progress{filter:drop-shadow(0 0 3px rgba(var(--color--3-rgb),.35));stroke:var(--eco-timeline-accent);stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-width:2.2}
.eco-photo-timeline__nodes,.eco-photo-timeline__copy-layer{inset:0;position:absolute}.eco-photo-timeline__nodes{z-index:2}.eco-photo-timeline__copy-layer{pointer-events:none;z-index:6}.eco-photo-timeline__node{align-items:center;background:var(--color--4);border:8px solid var(--eco-timeline-bg);border-radius:50%;box-shadow:0 16px 36px rgba(var(--color--7-rgb),.16);cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:0;position:absolute;transform:translate(-50%,-50%);transition:border-color .5s var(--transition-ease--1),box-shadow .5s var(--transition-ease--1);z-index:2}.eco-photo-timeline__node img,.eco-photo-timeline__node video{height:100%;object-fit:cover;width:100%}.eco-photo-timeline__node-placeholder{color:var(--eco-timeline-muted);font-size:3rem}.eco-photo-timeline__node.is-active{border-color:var(--eco-timeline-accent);box-shadow:0 22px 54px rgba(var(--color--7-rgb),.24),0 0 0 8px rgba(var(--color--3-rgb),.1)}
.eco-photo-timeline__caption{left:7%;opacity:.18;position:absolute;transform:translateY(-50%);transition:opacity .55s var(--transition-ease--1);width:min(37vw,520px);z-index:7}.eco-photo-timeline__caption.is-active{opacity:1}.eco-photo-timeline__caption[aria-hidden="true"]{pointer-events:none}.eco-photo-timeline__kicker{color:var(--eco-timeline-muted);font-family:var(--family--2);font-size:.8125rem;letter-spacing:0;line-height:1;text-transform:uppercase}.eco-photo-timeline__caption h2,.eco-photo-timeline__mobile-copy h2{font-size:max(1.625rem,min(calc(1.625rem + .05*(100vw - 27.5rem)),4.75rem));letter-spacing:-.02em;line-height:1.1em;margin:18px 0 0;text-wrap:balance}.eco-photo-timeline__caption-text,.eco-photo-timeline__mobile-copy>div{color:var(--eco-timeline-muted);font-size:max(1rem,min(calc(1rem + .003*(100vw - 27.5rem)),1.1875rem));letter-spacing:-.02em;line-height:1.3em;margin-top:22px;max-width:560px}.eco-photo-timeline__caption-text p,.eco-photo-timeline__mobile-copy p{margin:0}.eco-photo-timeline__more{align-items:center;background:none;border:0;color:var(--eco-timeline-ink);cursor:pointer;display:inline-flex;font-family:var(--family--2);font-size:.8125rem;gap:10px;letter-spacing:0;margin-top:28px;padding:0;text-transform:uppercase}.eco-photo-timeline__more span{color:var(--eco-timeline-accent);font-size:1.35em}.eco-photo-timeline__hint{bottom:26px;color:var(--eco-timeline-muted);font-family:var(--family--2);font-size:.75rem;left:50%;letter-spacing:0;margin:0;position:absolute;text-transform:uppercase;transform:translateX(-50%);z-index:8}.eco-photo-timeline__hint span{color:var(--eco-timeline-accent);margin-right:8px}.eco-photo-timeline__mobile-copy{display:none}.eco-photo-timeline__empty{color:var(--eco-timeline-muted);padding-bottom:100px;padding-top:100px}
.eco-photo-timeline-modal{align-items:center;display:grid;inset:0;justify-items:center;opacity:0;padding:24px;position:fixed;visibility:hidden;z-index:1000;transition:opacity .35s ease,visibility .35s ease}.eco-photo-timeline-modal.is-open{opacity:1;visibility:visible}.eco-photo-timeline-modal__backdrop{background:rgba(var(--color--7-rgb),.76);border:0;cursor:pointer;height:100%;inset:0;position:absolute;width:100%}.eco-photo-timeline-modal__panel{background:var(--eco-timeline-bg);border-radius:8px;box-shadow:0 25px 90px rgba(var(--color--7-rgb),.28);display:grid;max-height:min(740px,calc(100vh - 48px));overflow:auto;position:relative;transform:translateY(18px);transition:transform .45s var(--transition-ease--1);width:min(1100px,100%);z-index:1}.eco-photo-timeline-modal.is-open .eco-photo-timeline-modal__panel{transform:translateY(0)}.eco-photo-timeline-modal__panel.is-text-only .eco-photo-timeline-modal__content{grid-column:1 / -1}.eco-photo-timeline-modal__close{background:var(--eco-timeline-bg);border:0;border-radius:50%;color:var(--eco-timeline-ink);cursor:pointer;font-size:1.7rem;height:42px;position:absolute;right:15px;top:15px;width:42px;z-index:2}.eco-photo-timeline-modal__media{background:var(--color--7);min-height:480px}.eco-photo-timeline-modal__media img,.eco-photo-timeline-modal__media video{display:block;height:100%;min-height:480px;object-fit:cover;width:100%}.eco-photo-timeline-modal__media[hidden],.eco-photo-timeline-modal__media [hidden]{display:none!important}.eco-photo-timeline-modal__content{background:var(--eco-timeline-bg);padding:clamp(30px,5vw,64px)}.eco-photo-timeline-modal__content h2{font-size:max(1.625rem,min(calc(1.625rem + .05*(100vw - 27.5rem)),4.75rem));letter-spacing:-.02em;line-height:1.1em;margin:18px 0 0}.eco-photo-timeline-modal__content [data-timeline-modal-text]{color:var(--eco-timeline-muted);font-size:max(1rem,min(calc(1rem + .003*(100vw - 27.5rem)),1.1875rem));line-height:1.3em;margin-top:22px}.eco-photo-timeline-modal__controls{display:flex;gap:3px;margin-top:38px}.eco-photo-timeline-modal__controls button{background:transparent;border:1px solid rgba(var(--color--7-rgb),.2);border-radius:50%;color:var(--eco-timeline-ink);cursor:pointer;font-family:var(--family--2);font-size:1rem;height:48px;width:48px}
@media(min-width:1025px){.eco-photo-timeline-modal__panel{grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr)}}
@media(max-width:1024px){.eco-photo-timeline-intro .block_inner{padding-bottom:90px;padding-top:110px}.eco-photo-timeline__topline{top:20px}.eco-photo-timeline__topline .eco-photo-timeline__eyebrow{display:none}.eco-photo-timeline__caption{display:none}.eco-photo-timeline__mobile-copy{bottom:24px;display:block;left:22px;padding-top:20px;position:absolute;right:22px;z-index:5}.eco-photo-timeline__mobile-copy h2{font-size:max(1.625rem,min(calc(1.625rem + .05*(100vw - 27.5rem)),3.75rem))}.eco-photo-timeline__mobile-copy>div{font-size:1rem}.eco-photo-timeline__hint{display:none}.eco-photo-timeline-modal__panel{display:block;max-height:calc(100vh - 32px)}.eco-photo-timeline-modal__media,.eco-photo-timeline-modal__media img,.eco-photo-timeline-modal__media video{height:44vh;min-height:260px}.eco-photo-timeline-modal__content{padding:28px 24px 34px}}
.eco-photo-timeline__node.is-active{box-shadow:0 22px 54px rgba(var(--color--7-rgb),.24),0 0 0 8px rgba(var(--color--7-rgb),.1)}
.eco-photo-timeline__kicker{margin:0 0 16px}
@media(max-width:1024px){.eco-photo-timeline__topline{z-index:10}.eco-photo-timeline__mobile-copy{background:var(--eco-timeline-bg);bottom:0;left:0;padding:20px 22px 24px;right:0;z-index:9}}
.eco-photo-timeline-modal__content{background-color:var(--base--background-color,#f7f7f5)!important}
.eco-photo-timeline-modal__content .eco-photo-timeline-modal-title,.eco-photo-timeline-modal__content #eco-photo-timeline-modal-title{font-size:max(1.05625rem,min(calc(1.05625rem + .0325*(100vw - 27.5rem)),3.0875rem))}
.eco-photo-timeline-modal__controls{align-items:center;display:inline-flex;gap:3px;justify-content:flex-start;position:relative}
.eco-photo-timeline-modal__controls button{background:transparent;border:0 none;border-radius:50%;cursor:pointer;height:48px;padding:0;width:48px}
.eco-photo-timeline-modal__controls .swiper-button-prev{transform:scale(-1)}
.eco-photo-timeline-modal__controls .swiper-button-shape{--button-blob-background:var(--color--4);display:inline-flex}
.eco-photo-timeline__caption{display:block}
.eco-photo-timeline__mobile-copy{display:none}
@media(max-width:1024px){.eco-photo-timeline__caption{display:none}.eco-photo-timeline__mobile-copy{bottom:0;display:block;left:0;max-width:none;padding:20px 22px 24px;right:0;top:auto;transform:none}}
.eco-photo-timeline__stage{max-width:1500px;margin:0 auto}
.eco-photo-timeline__svg,.eco-photo-timeline__nodes{left:28%;width:64%}
.eco-photo-timeline__node{background:var(--eco-timeline-bg);border:1px solid rgba(var(--color--7-rgb),.13);filter:grayscale(1);opacity:.24;padding:8px;transition:border-color .28s ease,box-shadow .28s ease,filter .35s ease,opacity .24s ease;width:clamp(88px,11vw,160px);height:clamp(88px,11vw,160px)}
.eco-photo-timeline__node.is-active{border-color:var(--eco-timeline-accent);box-shadow:0 0 0 14px rgba(var(--color--3-rgb),.13),0 28px 70px rgba(var(--color--7-rgb),.2);filter:grayscale(0);opacity:1}.eco-photo-timeline__node img,.eco-photo-timeline__node video{border-radius:50%}
@media(max-width:800px){.eco-photo-timeline__svg,.eco-photo-timeline__nodes{left:0;width:100%}}
@media(max-width:800px){.eco-photo-timeline__sticky{height:100svh;min-height:620px}}
@media(min-width:801px) and (max-width:1024px){.eco-photo-timeline__topline{top:10vh}.eco-photo-timeline__topline .eco-photo-timeline__eyebrow{display:flex}.eco-photo-timeline__caption{display:block}.eco-photo-timeline__mobile-copy{display:none}.eco-photo-timeline__hint{align-items:center;display:flex;gap:10px}}
.eco-photo-timeline__node{height:450px;width:450px;transform:translate(-50%,-50%) scale(var(--timeline-node-scale,.3));transform-origin:center;will-change:transform,opacity,left}