/* Circular explanation of the four existing client steps. */
.artdeco-site .filora-journey{padding-top:80px;scroll-margin-top:115px}
.filora-journey .journey-heading{text-align:center;max-width:680px;margin:0 auto}
.artdeco-site .journey-heading h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.03em;text-wrap:balance}
.artdeco-site .journey-heading p{margin:18px auto 0;font-size:18px;line-height:1.65;color:#52665a;text-wrap:balance}
.journey-stage{position:relative;width:min(900px,100%);margin:36px auto 0;isolation:isolate}
.journey-orbit{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none;color:#a78b54}
.journey-orbit .orbit-guide{fill:none;stroke:#d7d0bb;stroke-width:1;stroke-dasharray:3 9}
.journey-orbit .orbit-arrow{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;marker-end:url(#journey-arrow)}
.journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:1;list-style:none;margin:0;padding:0;position:relative}
.journey-step{position:relative;align-self:center;justify-self:center;width:90%;max-width:266px;aspect-ratio:1;border-radius:50%;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#e8ecdf;color:#153c31;box-shadow:0 12px 28px #153c310d}
.journey-step:nth-child(1){grid-area:1/2;background:#153c31;color:#f8f4e9}
.journey-step:nth-child(2){grid-area:2/3;background:#e8ecdf}
.journey-step:nth-child(3){grid-area:3/2;background:#f0e6cf}
.journey-step:nth-child(4){grid-area:2/1;background:#e2e9e1}
.journey-number{position:absolute;left:8%;top:5%;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#dec490;color:#153c31;font-weight:650;font-size:18px;font-variant-numeric:tabular-nums;box-shadow:0 0 0 5px #f8f4e9}
.journey-icon{width:36px;height:36px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
.journey-step:first-child .journey-icon{color:#dec490}
.artdeco-site .journey-step h3{font-size:23px;line-height:1.18;letter-spacing:-.025em;max-width:210px;text-wrap:balance}
.artdeco-site .journey-step p{font-size:15px;line-height:1.5;margin-top:10px;max-width:210px;color:#3f5a4b;text-wrap:pretty}
.artdeco-site .journey-step:first-child p{color:#e0e6d7}
.journey-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #c7b47c;border-radius:50%;background:#f8f4e9}
.journey-core:before{content:'';position:absolute;inset:8px;border:1px solid #d7d0bb;border-radius:inherit;pointer-events:none}
.journey-core svg{width:27px;height:27px;fill:none;stroke:#8b6f35;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
.artdeco-site .journey-core p{font:400 clamp(20px,2.5vw,28px)/1.25 Georgia,'Times New Roman',serif;color:#153c31;letter-spacing:-.025em;margin:0}
.artdeco-site .journey-core em{color:#80602b}
.journey-start{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:12px 0 30px}
.artdeco-site .journey-start p{color:#52665a;font-size:17px}
.journey-start .button{gap:16px;font-size:16px;min-height:50px;padding:14px 26px}
.journey-start .button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.journey-start .button:focus-visible{outline:3px solid #80602b;outline-offset:5px}
.filora-journey ::selection{background:#dec490;color:#153c31}
@media(min-width:901px){
 .journey-stage{width:min(960px,100%)}
 .journey-step{max-width:300px}
 .artdeco-site .journey-step h3{font-size:26px}
 .artdeco-site .journey-step p{font-size:18px;line-height:1.45;max-width:225px}
}
@media(min-width:801px) and (max-width:1050px){
 .journey-step{padding:20px;width:96%}
 .artdeco-site .journey-step h3{font-size:21px}
 .artdeco-site .journey-step p{font-size:14px;line-height:1.45}
 .journey-icon{width:30px;height:30px;margin-bottom:9px}
 .journey-number{width:38px;height:38px;font-size:16px}
}
@media(max-width:800px){
 .artdeco-site .filora-journey{padding-top:52px;scroll-margin-top:160px}
 .artdeco-site .journey-heading h2{font-size:36px}
 .artdeco-site .journey-heading p{font-size:17px;margin-top:16px}
 .journey-stage{margin-top:30px;max-width:540px}
 .journey-orbit,.journey-core{display:none}
 .journey-steps{display:flex;flex-direction:column;align-items:center;gap:38px;aspect-ratio:auto}
 .journey-step{width:280px;max-width:100%;padding:28px;flex:none;align-self:auto}
 .journey-step:nth-child(n){grid-area:auto}
 .journey-step:not(:last-child):after{content:'';position:absolute;top:calc(100% + 6px);left:calc(50% - 1px);height:23px;width:2px;background:#a78b54}
 .journey-step:not(:last-child):before{content:'';position:absolute;top:calc(100% + 22px);left:calc(50% - 5px);width:10px;height:10px;border-bottom:2px solid #a78b54;border-right:2px solid #a78b54;transform:rotate(45deg)}
 .artdeco-site .journey-step h3{font-size:24px}
 .artdeco-site .journey-step p{font-size:16px;line-height:1.5}
 .journey-start{flex-direction:column;gap:14px;margin-top:30px;text-align:center}
 .journey-start .button{width:auto;max-width:none}
}
