.process-section{padding:80px 20px 100px}.process-inner{max-width:1400px;margin:0 auto}.process-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:56px;display:grid}.process-title{font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:-.035em;max-width:1000px;font-size:64px;font-weight:900;font-stretch:125%;line-height:.95}.process-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:48px 36px;display:grid}.process-item{grid-column:span 2;min-width:0;position:relative}.process-item:nth-child(n+4){grid-column:span 3}.process-card{background:var(--muted);height:100%;min-height:460px;color:var(--foreground);border-radius:32px;flex-direction:column;padding:28px 28px 0;display:flex}.process-number{color:var(--primary);font:700 13px var(--font-mono);align-items:center;gap:12px;margin-bottom:20px;display:flex}.process-number:after{content:"";background:var(--lime);width:32px;height:2px}.process-card-title{font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere;max-width:360px;margin-bottom:16px;font-size:29px;font-weight:900;font-stretch:125%;line-height:1.03}.process-item:nth-child(3) .process-card-title{font-size:26px}.process-description{color:var(--muted-foreground);max-width:440px;font-size:14px;line-height:1.65}.process-art{flex-shrink:0;width:100%;height:215px;margin-top:auto;padding-top:18px;overflow:visible}.process-art text{font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:-.02em;font-weight:900;font-stretch:125%}.process-fill-blue{fill:var(--primary)}.process-fill-lime{fill:var(--lime)}.process-fill-paper{fill:var(--paper)}.process-fill-ink{fill:var(--ink)}.process-fill-muted{fill:var(--muted)}.process-line-blue{stroke:var(--primary)}.process-line-ink{stroke:var(--ink)}.process-line-paper{stroke:var(--paper)}.process-line-lime{stroke:var(--lime)}.process-connector{pointer-events:none;z-index:2;width:72px;height:80px;color:var(--foreground);position:absolute;top:52%;right:-54px}.process-item:nth-child(3) .process-connector{top:auto;bottom:-66px;right:26%;transform:rotate(100deg)}.process-item:nth-child(4) .process-connector{right:-54px}.process-item:nth-child(n+4) .process-art{height:225px}@media(min-width:1280px){.process-title{font-size:80px}.process-card-title{font-size:34px}.process-card{padding:32px 32px 0}}@media(max-width:1023px){.process-grid{gap:44px 24px}.process-card{padding:24px 20px 0}.process-card-title{font-size:25px}.process-item:nth-child(3) .process-card-title{font-size:18px}.process-description{font-size:13px}.process-connector{width:62px;right:-43px}}@media(max-width:767px){.process-section{padding:64px 20px 80px}.process-heading{gap:12px;margin-bottom:36px}.process-title{text-wrap:balance;font-size:clamp(25px,7vw,30px)}.process-grid{grid-template-columns:minmax(0,1fr);gap:48px}.process-item,.process-item:nth-child(n+4){grid-column:auto}.process-card{min-height:430px;padding:28px 26px 0}.process-card-title{font-size:30px}.process-item:nth-child(3) .process-card-title{font-size:25px}.process-description{font-size:14px}.process-connector,.process-item:nth-child(3) .process-connector,.process-item:nth-child(4) .process-connector{width:60px;height:80px;top:auto;bottom:-64px;right:26px;transform:rotate(90deg)}.process-item:nth-child(n+4) .process-art{height:215px}}@media(prefers-reduced-motion:reduce){.process-item{opacity:1!important;transform:none!important}}.process-grid{row-gap:96px}.process-card{text-align:center;background:var(--secondary);align-items:center;min-height:420px;padding-bottom:0;overflow:visible}.process-number{justify-content:center}.process-card-title{letter-spacing:-.02em;margin-left:auto;margin-right:auto;font-size:32px;line-height:.95}.process-description{color:var(--foreground);opacity:.75;margin-left:auto;margin-right:auto}.process-art{filter:drop-shadow(0 24px 30px color-mix(in oklab,var(--primary) 25%,transparent));margin-bottom:-56px}.process-connector{width:84px;height:90px;color:var(--ink)}@media(max-width:767px){.process-grid{row-gap:110px}.process-card-title{font-size:26px}}
