/* Open, alternating visual stories for the areas under exploration. */
.work-exploring .work-exploring-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.work-exploring article.explore-story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,88px);padding:32px 0 48px;border:0;min-width:0}
.explore-art{position:relative;isolation:isolate;min-width:0;padding:38px 0;color:#355f49;text-align:center}
.explore-art::before{content:"";position:absolute;z-index:-1;inset:0 9%;border-radius:48% 52% 58% 42% / 52% 43% 57% 48%;background:#e5edde;transform:rotate(-9deg)}
.explore-art::after{content:"";position:absolute;z-index:-1;inset:12px 6%;border:1px solid #c2d5c4;border-radius:50%;transform:rotate(12deg)}
.explore-art--community{color:#786047}
.explore-art--community::before{background:#eee5d9;transform:rotate(12deg);border-radius:55% 45% 43% 57% / 45% 56% 44% 55%}
.explore-art--community::after{border-color:#d9c9b6;transform:rotate(-12deg)}
.explore-art svg{display:block;width:100%;height:auto;overflow:visible}
.explore-label text{font-family:'Outfit',sans-serif;font-size:13px;fill:currentColor}
.explore-art-caption{display:block;max-width:70%;margin:16px auto 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;line-height:1.6}
.explore-story-copy{padding:16px 0;min-width:0}
.explore-eyebrow{display:block;margin-bottom:22px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#537d70}
.work-exploring .explore-story h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3.1vw,49px);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin:0 0 24px}
.explore-story h3 em{font-weight:400;color:#387f70}
.work-exploring .explore-story p{font-size:17px;line-height:1.75;color:#616b74;max-width:480px}
.explore-focus{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:22px 0 0;margin:24px 0 0;border-top:1px solid #d5dfdc}
.explore-focus li{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;color:#527264}
.explore-focus li::before{content:"";width:5px;height:5px;border-radius:50%;background:#6a9480;flex-shrink:0}
.explore-story:nth-child(even) .explore-art{grid-column:2;grid-row:1}
.explore-story:nth-child(even) .explore-story-copy{grid-column:1;grid-row:1}
.explore-story:nth-child(even) .explore-eyebrow,.explore-story:nth-child(even) h3 em,.explore-story:nth-child(even) .explore-focus li{color:#927454}
.explore-story:nth-child(even) .explore-focus li::before{background:#a78c6c}
.explore-orbit{transform-origin:300px 150px;animation:explore-orbit 35s linear infinite}
.explore-ripple{transform-origin:300px 150px;animation:explore-breathe 5s ease-in-out infinite}
@keyframes explore-orbit{to{transform:rotate(360deg)}}
@keyframes explore-breathe{50%{transform:scale(1.12);opacity:.45}}
@media(max-width:800px){
 .work-exploring article.explore-story{grid-template-columns:minmax(0,1fr);gap:24px;padding:16px 0 40px}
 .explore-art{width:100%;max-width:560px;justify-self:center;padding:28px 0}
 .explore-story:nth-child(even) .explore-art,.explore-story:nth-child(even) .explore-story-copy{grid-column:auto;grid-row:auto}
 .explore-story-copy{padding:0}
 .explore-eyebrow{margin-bottom:16px}
 .work-exploring .explore-story h3{font-size:clamp(30px,6vw,44px)}
 .work-exploring .explore-story p{font-size:16px;max-width:none}
 .explore-art-caption{font-size:10px}
 .explore-focus{margin-top:20px;padding-top:18px}
}
@media(prefers-reduced-motion:reduce){.explore-orbit,.explore-ripple{animation:none}}
/* An image-led, connected journey through Viaana's focus areas. */
.work-themes .work-themes-intro{max-width:850px;margin-bottom:64px}
.work-journey{position:relative;isolation:isolate}
.work-journey-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:center;gap:24px;padding:48px 0 96px}
.work-journey-image{grid-column:1;grid-row:1;aspect-ratio:1/1.08;max-height:520px;overflow:hidden;border-radius:48% 48% 8px 8px;background:#dce9e4;transform:rotate(-3deg)}
.work-journey-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.07) rotate(3deg)}
.work-journey-step:nth-of-type(even) .work-journey-image{grid-column:3;border-radius:8px 8px 48% 48%;transform:rotate(3deg)}
.work-journey-step:nth-of-type(even) .work-journey-image img{transform:scale(1.07) rotate(-3deg)}
.work-journey-copy{grid-column:3;grid-row:1;position:relative}
.work-journey-step:nth-of-type(even) .work-journey-copy{grid-column:1}
.work-journey-copy h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3.5vw,54px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:0 0 24px;color:#1e3a5f}
.work-journey-copy p{font-size:18px;line-height:1.7;color:#56616c;margin:0;max-width:440px}
.work-journey-copy .work-theme-note{margin-top:24px;font-size:15px;color:#267d71;padding-left:18px;border-left:2px solid #2f9d8f}
.work-journey-number{grid-column:2;grid-row:1;justify-self:center;display:grid;place-items:center;width:58px;height:58px;border:1px solid #b1c9c3;border-radius:50%;background:#f6f7fa;color:#267d71;font-size:17px;letter-spacing:.04em;z-index:1;transition:background .5s,color .5s,box-shadow .5s}
.work-journey-step.is-reached .work-journey-number{background:#267d71;color:white;box-shadow:0 0 0 9px #f6f7fa}
.work-journey-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none;fill:none;stroke-width:2}
.work-journey-track{stroke:#d5e1dd;stroke-dasharray:4 7}
.work-journey-progress{stroke:#2f9d8f;stroke-linecap:round}
.work-journey.is-animated .work-journey-image,.work-journey.is-animated .work-journey-copy{transition:opacity .75s ease,translate .85s cubic-bezier(.2,.65,.3,1)}
.work-journey.is-animated .work-journey-step:not(.is-reached) .work-journey-copy{opacity:.25;translate:0 25px}
.work-journey.is-animated .work-journey-step:not(.is-reached) .work-journey-image{opacity:.45;translate:0 35px}
@media(max-width:800px){
 .work-themes .work-themes-intro{margin-bottom:32px}
 .work-journey-step{grid-template-columns:44px minmax(0,1fr);gap:22px;padding:22px 0 52px}
 .work-journey-image,.work-journey-step:nth-of-type(even) .work-journey-image{grid-column:2;grid-row:1;max-height:410px;width:100%;aspect-ratio:1.1;transform:none;border-radius:120px 120px 8px 8px}
 .work-journey-image img,.work-journey-step:nth-of-type(even) .work-journey-image img{transform:none}
 .work-journey-copy,.work-journey-step:nth-of-type(even) .work-journey-copy{grid-column:2;grid-row:2}
 .work-journey-copy h3{font-size:clamp(28px,6vw,40px);margin-bottom:16px}
 .work-journey-copy p{font-size:16px}
 .work-journey-number{grid-column:1;grid-row:1;align-self:start;width:40px;height:40px;font-size:13px}
 .work-journey-step.is-reached .work-journey-number{box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
 .work-journey *{transition:none!important;translate:none!important}
 .work-journey.is-animated .work-journey-step .work-journey-copy,.work-journey.is-animated .work-journey-step .work-journey-image{opacity:1}
}
