.workflow-story{position:relative;height:340svh;margin-block:70px 0;scroll-margin-top:-36px}.workflow-story:before{content:"";position:absolute;z-index:-1;top:-220px;right:-20%;bottom:-220px;left:-20%;pointer-events:none;background:radial-gradient(ellipse at 80% 30%,var(--section-glow),transparent 55%),radial-gradient(ellipse at 15% 75%,var(--section-glow),transparent 55%);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.workflow-sticky{position:sticky;top:0;height:100svh}.workflow-shell{height:100%;display:flex;flex-direction:column;padding-block:clamp(32px,6svh,72px) 32px}.workflow-heading{flex:0 0 auto;display:grid;grid-template-columns:1.6fr 1fr;gap:0 70px;align-items:end}.workflow-heading h2{font-size:clamp(26px,2.7vw,40px);font-weight:400;max-width:820px}.workflow-intro{font-size:12px;font-weight:350;line-height:1.9;color:var(--body);max-width:365px;padding-bottom:5px}.workflow-stage{position:relative;flex:1 1 auto;min-height:0;overflow:clip}.workflow-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:.9fr 1.4fr;align-items:center;gap:65px;opacity:var(--slide-opacity, 0);transform:translate3d(0,var(--slide-y, 100%),0) scale(var(--slide-scale, .88));transform-origin:50% 50%;pointer-events:none}.workflow-slide[data-active=true]{--slide-opacity: 1;--slide-y: 0%;--slide-scale: 1}.workflow-number{display:flex;gap:.035em;font-size:clamp(180px,22vw,310px);font-weight:400;line-height:1;letter-spacing:0;color:transparent;-webkit-text-stroke:1px var(--muted);opacity:.65;padding:8px 20px 12px 0}.workflow-copy{min-width:0;padding-block:24px}.workflow-copy h3{font-size:clamp(26px,3.2vw,46px);font-weight:450;letter-spacing:-.06em;line-height:1.35}.workflow-copy p{font-size:clamp(13px,1.16vw,17px);font-weight:350;line-height:1.9;color:var(--body);max-width:620px;margin-top:24px}.workflow-footer{display:flex;align-items:end;justify-content:space-between;gap:25px;flex:0 0 auto;padding-top:12px}.workflow-progress{display:flex;gap:20px}.workflow-progress button{background:transparent;border:0;padding:8px 0;width:82px;min-height:44px;color:var(--muted);font-size:12px;text-align:left}.workflow-progress button span{display:block;height:2px;background:var(--line);margin-bottom:13px;transition:background-color .3s}.workflow-progress button[aria-current=step]{color:var(--ink)}.workflow-progress button[aria-current=step] span,.workflow-progress button:hover span{background:var(--ink)}.workflow-next{display:inline-flex;align-items:center;gap:12px;padding:12px 0;min-height:44px;background:none;border:0;font-size:11px;line-height:1.8;color:var(--body);text-align:right}.workflow-next svg{width:24px;height:24px;transition:transform .2s}.workflow-next:hover svg{transform:translateY(4px)}.workflow-story[data-static=true]{height:auto}.workflow-story[data-static=true] .workflow-sticky{position:relative;height:auto}.workflow-story[data-static=true] .workflow-stage{overflow:visible;flex:none}.workflow-story[data-static=true] .workflow-slide{position:relative;min-height:72svh;padding-block:40px;transform:none;opacity:1;scroll-margin-top:32px}.workflow-story[data-static=true] .workflow-footer{display:none}@media(max-width:900px){.workflow-heading{grid-template-columns:1fr}.workflow-intro{margin-top:16px;max-width:600px}.workflow-slide{grid-template-columns:.8fr 1.4fr;gap:30px}.workflow-number{font-size:clamp(145px,23vw,230px)}.workflow-copy h3{font-size:30px}.workflow-copy p{font-size:13px}}@media(max-width:600px){.workflow-story{margin-top:40px}.workflow-shell{padding-block:28px 22px}.workflow-heading h2{font-size:24px;line-height:1.4}.workflow-intro{font-size:10px;line-height:1.9;margin-top:12px}.workflow-slide{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}.workflow-number{font-size:clamp(112px,31vw,170px);line-height:.95;padding:4px 12px 4px 0}.workflow-copy{padding:0}.workflow-copy h3{font-size:25px;line-height:1.4}.workflow-copy p{font-size:12px;margin-top:16px;line-height:1.85}.workflow-footer{gap:12px;align-items:center}.workflow-progress{gap:12px}.workflow-progress button{width:40px;font-size:10px}.workflow-next{gap:8px;font-size:9px}.workflow-next svg{width:18px;height:18px}}@media(max-width:360px){.workflow-heading h2{font-size:21px}.workflow-copy h3{font-size:22px}.workflow-copy p{font-size:11px}.workflow-number{font-size:108px}.workflow-slide{gap:18px}.workflow-progress{gap:10px}.workflow-progress button{width:34px}}
