:root{--bone: #efe9e0;--ink: #14100e;--signal: #d6522b;--paper: #fbf7f0}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bone);color:var(--ink);font-family:Schibsted Grotesk,system-ui,sans-serif;font-size:clamp(1rem,1.05vw,1.125rem);line-height:1.5;overflow-x:hidden}section{position:relative;overflow-x:clip}.before,.after{min-height:70svh;display:flex;align-items:center;padding:6rem clamp(1.5rem,6vw,6rem)}.wrap{max-width:48ch}.kicker{font-family:Fragment Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-bottom:1.25rem}.lead{font-size:clamp(1.05rem,1.5vw,1.35rem);opacity:.82}.process{background:var(--signal);color:var(--bone);padding:0}.track{min-height:300svh;position:relative}.stage{position:sticky;top:0;height:100svh;display:grid;place-items:center}.label{position:absolute;top:clamp(1.5rem,5vh,3rem);left:clamp(1.5rem,6vw,6rem);font-family:Fragment Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.step{position:absolute;width:min(320px,74vw);background:var(--paper);color:var(--ink);border-radius:10px;overflow:hidden;transform-origin:50% 50%;box-shadow:0 22px 50px #14100e38;-webkit-mask:radial-gradient(circle 11px at 0 58%,transparent 98%,#000 100%),radial-gradient(circle 11px at 100% 58%,transparent 98%,#000 100%);-webkit-mask-composite:source-in;mask:radial-gradient(circle 11px at 0 58%,transparent 98%,#000 100%),radial-gradient(circle 11px at 100% 58%,transparent 98%,#000 100%);mask-composite:intersect}.step img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover}.step .body{padding:1.2rem 1.4rem 1.1rem}.step .n{font-family:Fragment Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.14em;color:var(--signal)}.step h3{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:.35rem 0 .45rem}.step p{font-size:.92rem;line-height:1.45;opacity:.78}.step .foot{display:block;margin-top:1rem;padding-top:.75rem;border-top:1px dashed rgba(20,16,14,.28);font-family:Fragment Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.progress{position:absolute;bottom:clamp(1.5rem,5vh,3rem);left:50%;transform:translate(-50%);width:min(280px,60vw);height:2px;background:#efe9e047}.progress i{display:block;height:100%;width:0;background:var(--bone)}@media(prefers-reduced-motion:reduce){.track{min-height:0}.stage{position:static;height:auto;display:block;padding:7rem clamp(1.5rem,6vw,6rem) 5rem}.step{position:relative;margin:0 auto 1.5rem;transform:none!important;opacity:1!important}.progress{display:none}}