[data-sig="brewery-process"]{padding:96px 0;background:var(--dark);color:var(--foam);--progress:0}[data-sig="brewery-process"] .wrap>p{margin:20px 0 48px;color:var(--steel)}[data-sig="brewery-process"] .process-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;position:relative}[data-sig="brewery-process"] .pipe{position:absolute;top:26px;height:6px;left:0;right:0;background:var(--steel);overflow:hidden}[data-sig="brewery-process"] .pipe i{display:block;height:100%;background:var(--lager);transform-origin:left;transform:scaleX(var(--progress))}[data-sig="brewery-process"] article{position:relative}[data-sig="brewery-process"] .step-mark{position:relative;z-index:1;width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--lager);background:var(--dark);font-family:var(--display);font-size:24px;margin-bottom:24px}[data-sig="brewery-process"] img{height:220px;aspect-ratio:1;object-fit:cover}[data-sig="brewery-process"] h3{margin:24px 0 12px;font-size:32px}[data-sig="brewery-process"] article p{font-size:15px;color:var(--steel)}@supports(animation-timeline:view()){[data-sig="brewery-process"] .pipe i{animation:pipe-fill linear both;animation-timeline:view();animation-range:entry 10% cover 70%;transform:scaleX(1)}@keyframes pipe-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:900px){[data-sig="brewery-process"] .process-track{grid-template-columns:1fr;gap:32px;padding-left:60px}[data-sig="brewery-process"] .pipe{left:25px;top:0;bottom:0;width:6px;height:auto;right:auto}[data-sig="brewery-process"] .pipe i{transform-origin:top;transform:scaleY(var(--progress))}[data-sig="brewery-process"] article{display:grid;grid-template-columns:140px 1fr;gap:24px}[data-sig="brewery-process"] .step-mark{position:absolute;left:-60px;top:0}[data-sig="brewery-process"] img{height:160px}[data-sig="brewery-process"] h3{margin:0 0 12px}[data-sig="brewery-process"] .pipe i{animation:none}}@media(max-width:600px){[data-sig="brewery-process"]{padding:64px 0}[data-sig="brewery-process"] article{grid-template-columns:1fr;gap:16px}[data-sig="brewery-process"] img{height:180px}}@media(prefers-reduced-motion:reduce){[data-sig="brewery-process"] .pipe i{animation:none;transform:none}}