.process-experience{isolation:isolate;padding-top:65px;position:relative}.process-intro{padding-bottom:65px}.process-intro h1{font-family:var(--font-display);letter-spacing:-.065em;text-transform:uppercase;margin:20px 0 32px;font-size:clamp(48px,8.5vw,128px);font-weight:250;line-height:1}.process-intro h1>span{letter-spacing:-.04em;color:var(--link);margin-bottom:10px;font-size:.48em;display:block}.process-intro-bottom{justify-content:space-between;align-items:end;gap:30px;display:flex}.process-intro-bottom>p{max-width:55ch;color:var(--muted);font-size:18px;line-height:1.65}.process-scroll{text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;align-items:center;gap:20px;font-size:10px;display:flex}.process-scroll span{border:1px solid var(--border);width:44px;height:44px;color:var(--link);border-radius:50%;place-items:center;font-size:20px;display:grid}.process-stack{flex-direction:column;gap:32px;padding:0;scroll-margin-top:40px;list-style:none;display:flex}.process-step{top:calc(88px + var(--step)*12px);position:sticky}.process-card{--covered:0;--card-bg:var(--page);--card-ink:var(--ink);--card-muted:var(--muted);--card-accent:var(--action);--card-line:var(--border);isolation:isolate;border:1px solid var(--card-line);background:var(--card-bg);min-height:480px;color:var(--card-ink);box-shadow:0 40px 90px -50px var(--shadow);transform-origin:top;transform:scale(calc(1 - var(--covered)*.035));filter:brightness(calc(1 - var(--covered)*.12));border-radius:28px;grid-template-columns:1fr 2fr;gap:40px;padding:clamp(40px,5.5vw,85px) 48px;display:grid;position:relative;overflow:hidden}.process-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,var(--glow),transparent 60%);position:absolute;inset:0}.process-step:nth-child(2n) .process-card:before{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--blue) 12%,transparent),transparent 62%)}.process-card-featured{--card-bg:var(--action);--card-ink:var(--action-ink);--card-muted:var(--action-ink);--card-line:color-mix(in srgb,var(--action-ink) 25%,transparent);--card-accent:var(--action-ink)}.process-glow{pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(circle 350px at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--purple) 18%,transparent),transparent 70%);transition:opacity .6s;position:absolute;inset:0}.process-hover .process-glow{opacity:1}.process-index{flex-direction:column;align-items:start;gap:24px;display:flex}.process-kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--card-muted);font-size:10px;font-weight:500}.process-number{font-family:var(--font-display);letter-spacing:-.07em;color:var(--card-accent);font-variant-numeric:tabular-nums;text-shadow:0 0 40px color-mix(in srgb,var(--card-accent) 15%,transparent);font-size:clamp(100px,13vw,200px);font-weight:250;line-height:1}.process-principle{letter-spacing:.14em;text-transform:uppercase;color:var(--card-muted);max-width:27ch;font-size:11px;line-height:1.7}.process-body{flex-direction:column;gap:24px;min-width:0;display:flex}.process-title{font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(30px,4.2vw,68px);font-weight:250;line-height:1.08}.process-description{color:var(--card-muted);max-width:60ch;font-size:17px;line-height:1.7}.process-delivery{border-top:1px solid var(--card-line);margin-top:6px;padding-top:22px}.process-delivery ul{flex-wrap:wrap;gap:18px 25px;margin-top:16px;display:flex}.process-delivery li{letter-spacing:.09em;text-transform:uppercase;flex:130px;gap:10px;font-size:11px;line-height:1.7;display:flex}.process-delivery li:before{content:"";background:var(--card-accent);flex-shrink:0;width:6px;height:6px;margin-top:6px}.process-duration{color:var(--card-muted);align-items:baseline;gap:20px;font-size:11px;display:flex}.process-duration strong{color:var(--card-ink);font-weight:500}.process-entered .process-number{animation:.75s both process-number-enter}.process-entered .process-delivery li{animation:.7s both process-item-enter}.process-entered .process-delivery li:nth-child(2){animation-delay:.1s}.process-entered .process-delivery li:nth-child(3){animation-delay:.2s}.process-tail{height:30vh}.process-differences{grid-template-columns:repeat(2,1fr);gap:48px 64px;display:grid}.process-differences article{border-top:1px solid var(--border);padding-top:22px}.process-differences h3{margin:18px 0 12px;font-size:23px;font-weight:450}.process-differences p{color:var(--muted);max-width:55ch;font-size:15px;line-height:1.75}.process-closer{border-top:1px solid var(--border);flex-direction:column;align-items:start;gap:25px;display:flex}.process-closer h2{letter-spacing:-.05em;font-size:clamp(38px,5.5vw,78px);font-weight:300;line-height:1.1}.process-closer>p:not(.eyebrow){max-width:55ch;color:var(--muted);line-height:1.7}@keyframes process-number-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes process-item-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.process-card{gap:25px;padding:48px 30px}.process-title{font-size:4.5vw}}@media (width<=800px),(height<=649px){.process-step{position:relative;top:auto}.process-tail{height:40px}.process-card{filter:none;transform:none}}@media (width<=800px){.process-experience{padding-top:40px}.process-intro h1{font-size:clamp(34px,8.6vw,64px)}.process-intro-bottom{flex-direction:column;align-items:start;gap:24px}.process-intro-bottom>p{font-size:16px}.process-card{border-radius:22px;grid-template-columns:1fr;gap:30px;min-height:0;padding:30px 24px}.process-index{grid-template-columns:1fr 1fr;gap:16px;display:grid}.process-number{text-align:right;grid-area:1/2/3;font-size:92px}.process-principle{align-self:end}.process-title{font-size:clamp(25px,6.5vw,48px)}.process-body{gap:20px}.process-description{font-size:15px}.process-differences{grid-template-columns:1fr;gap:30px}.process-intro{padding-bottom:40px}.process-stack{gap:22px}}@media (prefers-reduced-motion:reduce){.process-step{position:relative;top:auto}.process-card{filter:none;transform:none}.process-glow{display:none}.process-tail{height:40px}.process-entered .process-number,.process-entered .process-delivery li{animation:none}}
