/* Different compositions share one restrained material and colour language. */
.reference-process .process-step{gap:32px;padding:34px;border-radius:28px;border:1px solid #d9e7dd;background:#fbfdfb;box-shadow:0 30px 75px -35px #0008;overflow:hidden}
.reference-process .process-step h3{font-family:var(--serif);font-weight:500;font-size:clamp(32px,3.5vw,50px);letter-spacing:-.03em}.reference-process .process-step-content{position:relative;padding:15px;z-index:1}.reference-process .process-step-top{margin-bottom:28px}.reference-process .process-step-top>span:first-child{font-size:12px;font-weight:600}.reference-process .process-step-tag{background:#e8f0eb;border:0;border-radius:5px;padding:7px 10px;letter-spacing:.12em}.reference-process .process-detail{border-top:1px solid #c5d9cc;padding-top:20px;margin-top:26px}.reference-process .process-detail p{font-size:12px}
.reference-process .process-card-art{aspect-ratio:1.22;border-radius:120px 120px 22px 22px;background:radial-gradient(ellipse at 50% 30%,#fff 8%,#e8f2e8 65%,#c9e5d3);border:1px solid #fff;box-shadow:inset 0 0 60px #fff8,0 18px 45px #0b4e2d0d;overflow:visible;align-self:center}.reference-process .process-card-art img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 8px 10px #15432d05)}.reference-process .process-card-art::after{display:none}.reference-process .process-art-index{width:42px;height:42px;border-radius:50%;top:14px;inset-inline-start:14px;background:#fff;color:#336f50;box-shadow:0 6px 18px #123f3210;border:1px solid #d8e7db}.reference-process .process-art-caption{bottom:16px;inset-inline:24px;color:#275b41;letter-spacing:.1em;font-size:9px}.reference-process .process-art-caption>span:last-child{display:none}
.reference-process .process-composition-2{grid-template-columns:1fr 1.05fr;background:linear-gradient(110deg,#eaf3eb 0 46%,#fff 46%)}.reference-process .process-composition-2 .process-card-art{grid-column:1;grid-row:1;border-radius:24px;background:radial-gradient(ellipse at 60% 35%,#fff,#d7e9de);border:0;box-shadow:none}.reference-process .process-composition-2 .process-step-content{grid-column:2;grid-row:1}.reference-process .process-composition-2 .process-step-top{flex-direction:row-reverse;justify-content:flex-end}.reference-process .process-composition-2 .process-art-caption{inset-inline:20px}
.reference-process .process-composition-3{grid-template-columns:1fr 1fr;background:linear-gradient(140deg,#f7faf7,#fff)}.reference-process .process-composition-3 .process-card-art{border-radius:50%;aspect-ratio:1.1;background:radial-gradient(ellipse,#fff 20%,#e4efe6 68%,#f8fcf9);border:1px solid #dce9df}.reference-process .process-composition-3 .process-detail{background:#edf4ed;border:0;padding:18px;border-radius:12px}.reference-process .process-composition-3 .process-art-index{inset-inline-start:auto;inset-inline-end:5px;top:25px}.reference-process .process-composition-3 .process-art-caption{justify-content:center;bottom:6px}
.reference-process .process-illustration-4 .process-card-art{border-radius:24px 110px 24px 110px;background:radial-gradient(ellipse,#fff,#eceddf)}.reference-process .process-illustration-6 .process-card-art{background:radial-gradient(ellipse,#fff,#f1ead6);border-color:#e6dfcb}.reference-process .process-illustration-7{background:linear-gradient(135deg,#fff,#edf6ec)}.reference-process .process-illustration-7 .process-card-art{border-radius:110px 110px 20px 20px;background:radial-gradient(ellipse at top,#fff,#e4f0dd)}
.reference-process .lx-current .process-card-art img{animation:process-art-arrive .8s cubic-bezier(.2,.7,.2,1) both}@keyframes process-art-arrive{from{opacity:.45;translate:0 12px;scale:.97}to{opacity:1;translate:0;scale:1}}
@media(max-width:850px){.reference-process .process-step,.reference-process .process-composition-2,.reference-process .process-composition-3{padding:24px;gap:18px;grid-template-columns:1fr;background:#fbfdfb}.reference-process .process-step .process-step-content{grid-column:1;grid-row:2;padding:0}.reference-process .process-step .process-card-art{grid-column:1;grid-row:1;max-height:275px;width:100%;max-width:420px;justify-self:center;border-radius:22px;aspect-ratio:1.75}.reference-process .process-step .process-card-art img{object-fit:contain}.reference-process .process-step h3{font-size:34px}.reference-process .process-step-top{margin-bottom:15px}.reference-process .process-step .process-step-top{flex-direction:row;justify-content:flex-start}.reference-process .process-step-content>p{font-size:13px}.reference-process .process-step .process-detail{margin-top:18px;padding-top:15px}.reference-process .process-art-caption{display:none}}
@media(max-width:500px){.reference-process .process-step{padding:20px;gap:18px}.reference-process .process-step .process-card-art{max-height:190px;aspect-ratio:1.6}.reference-process .process-art-index{width:30px;height:30px;font-size:10px;top:8px;inset-inline-start:8px}.reference-process .process-step h3{font-size:31px}.reference-process .process-step-tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){.reference-process .lx-current .process-card-art img{animation:none}}
[dir=rtl] .reference-process .process-step h3{font-family:Vazirmatn,sans-serif;letter-spacing:0;line-height:1.4}