.journey{padding-top:85px;padding-bottom:75px}.journey-heading>div:last-child{max-width:370px}.cycle-board{position:relative;max-width:1050px;margin:35px auto 25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:235px 100px 235px;column-gap:6%;padding:0 5%;isolation:isolate}.cycle-node{border:0;background:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;cursor:pointer;position:relative;z-index:2}.cycle-node[data-step='0']{grid-area:1/1}.cycle-node[data-step='1']{grid-area:1/2}.cycle-node[data-step='2']{grid-area:1/3}.cycle-node[data-step='3']{grid-area:3/3}.cycle-node[data-step='4']{grid-area:3/2}.cycle-node[data-step='5']{grid-area:3/1}.cycle-art{display:block;width:180px;height:180px;max-width:100%;border-radius:50%;position:relative;background:#edf1e3;transition:box-shadow .25s,transform .25s;overflow:hidden}.cycle-node:hover .cycle-art{transform:translateY(-5px)}.cycle-node[aria-pressed=true] .cycle-art{box-shadow:0 0 0 5px #f9faf2,0 0 0 7px #8ba76c}.cycle-node:focus-visible{outline:2px solid #526d40;outline-offset:12px;border-radius:18px}.cycle-material{background-image:url('assets/cycle-materials.webp');background-size:200% 200%;mix-blend-mode:multiply}.cycle-seeds{background-position:0 0}.cycle-resin{background-position:100% 0}.cycle-compost{background-position:0 100%}.cycle-growth{background-position:100% 100%}.cycle-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.cycle-stick img{width:80%;height:96%;position:absolute;left:10%;top:2%;transform:rotate(32deg);object-fit:contain}.cycle-after img{padding:6px}.cycle-label{display:flex;gap:8px;align-items:baseline;margin-top:17px;font-size:17px;font-weight:600;letter-spacing:-.4px}.cycle-label small{font-size:9px;font-weight:400;letter-spacing:0;color:#7a8b65}.cycle-node>small{font-size:10px;color:#738067;line-height:1.45;margin-top:5px}.cycle-center{position:static;left:auto;right:auto;top:auto;color:var(--ink);grid-area:2/1/3/4;text-align:center;align-self:center;z-index:1;pointer-events:none}.cycle-center p{font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:0 0 9px}.cycle-center em{font-style:normal;color:#789153}.cycle-center span{font-size:8px;letter-spacing:1.3px;color:#788666}.cycle-arrows{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}.cycle-arrows path{fill:none;stroke:#9aa98a;stroke-width:1.2;vector-effect:non-scaling-stroke;marker-end:url(#cycle-arrow-tip)}.cycle-arrows .cycle-return{stroke-dasharray:4 5;opacity:.7}.cycle-arrows marker path{fill:#9aa98a;stroke:none}.cycle-hint{text-align:center;font-size:10px;color:#718264;margin:0 0 25px}.cycle-detail{background:#123d2c;color:#f9faf2;border-radius:24px;padding:32px 38px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:25px}.cycle-big-number{font-size:76px;color:#d5f37d;font-weight:500;letter-spacing:-6px;line-height:1}.cycle-detail .eyebrow{color:#c2d3a8;font-size:9px;margin:0 0 12px}.cycle-detail h3{font-size:30px;line-height:1.2;letter-spacing:-1px;color:#f9faf2;margin:0 0 13px}.cycle-detail p{font-size:13px;color:#d3dfc9;max-width:720px;line-height:1.65;margin:0}.cycle-navigation{display:flex;flex-direction:column;align-items:center;gap:12px}.cycle-navigation>span{font-size:9px;letter-spacing:1px;color:#c7d8b5}.cycle-navigation>div{display:flex;gap:7px}.cycle-navigation button{width:36px;height:36px;background:none;border:1px solid #b4c69d66;border-radius:50%;color:#e7f5d5;font-size:20px;display:grid;place-items:center}.cycle-navigation button:hover{background:#d5f37d;color:#123d2c}.cycle-track{height:3px;background:#dce3d1;max-width:calc(100% - 50px);margin:15px auto 0;border-radius:4px;overflow:hidden}.cycle-track i{height:100%;width:16.666%;display:block;background:#6e8c4f;transition:width .25s}.journey-disclaimer{max-width:100%;font-size:10px;text-align:center}.motion-off .cycle-art{transition:none!important}
@media(max-width:1000px){.cycle-board{grid-template-rows:215px 90px 215px;padding:0 4%;column-gap:5%}.cycle-art{width:160px;height:160px}.cycle-detail{grid-template-columns:65px 1fr auto;padding:28px;gap:20px}.cycle-big-number{font-size:62px}.cycle-detail h3{font-size:27px}.cycle-detail p{font-size:12px}.cycle-center p{font-size:24px}}
@media(max-width:760px){.journey{padding-top:60px}.cycle-board{grid-template-rows:170px 80px 170px;column-gap:3%;padding:0 3%;margin:30px auto 15px}.cycle-art{width:122px;height:122px}.cycle-label{font-size:13px;gap:5px;letter-spacing:-.2px;margin-top:13px}.cycle-label small{font-size:8px}.cycle-node>small{font-size:9px;max-width:110px}.cycle-center p{font-size:23px;letter-spacing:-.6px}.cycle-center span{font-size:6px;letter-spacing:.9px}.cycle-hint{font-size:9px;margin-bottom:18px}.cycle-detail{grid-template-columns:45px 1fr;padding:24px 22px;gap:16px;border-radius:19px}.cycle-big-number{font-size:46px;letter-spacing:-3px;align-self:start}.cycle-detail h3{font-size:23px}.cycle-detail p{font-size:12px}.cycle-detail .eyebrow{font-size:8px}.cycle-navigation{grid-column:1/-1;flex-direction:row;justify-content:space-between;border-top:1px solid #ffffff22;padding-top:15px}.cycle-navigation button{width:36px;height:36px}.journey-disclaimer{text-align:left;font-size:9px}.cycle-track{max-width:calc(100% - 30px)}}
@media(max-width:460px){.cycle-board{grid-template-rows:145px 75px 145px;padding:0;column-gap:3%}.cycle-art{width:88px;height:88px}.cycle-label{font-size:11px;gap:4px;margin-top:12px}.cycle-label small{font-size:7px}.cycle-node>small{font-size:8px;max-width:94px}.cycle-center p{font-size:21px}.cycle-center span{font-size:5.8px;letter-spacing:.5px}.cycle-node[aria-pressed=true] .cycle-art{box-shadow:0 0 0 3px #f9faf2,0 0 0 5px #8ba76c}.cycle-detail{grid-template-columns:34px 1fr;padding:22px 18px;gap:13px}.cycle-big-number{font-size:38px}.cycle-detail h3{font-size:21px}.cycle-detail p{font-size:11px}.cycle-arrows path{stroke-width:.8}}
