.brew-stage { position:relative; display:flex; align-items:center; min-height:clamp(600px,44vw,690px); isolation:isolate; }
.process-photo { position:absolute; z-index:-1; inset:0 auto 0 -4%; width:62%; height:100%; margin:0; overflow:hidden; background:#050505; -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 69%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 9%,#000 97%,transparent 100%); -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg,#000 0%,#000 69%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 9%,#000 97%,transparent 100%); mask-composite:intersect; }
.process-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 75%; }
.process-photo figcaption { display:none; }
.brew-stage .stage-copy { position:relative; z-index:1; width:42%; margin-left:auto; padding:0 0 0 6%; }
@media (max-width:700px) {
  .brew-stage { display:block; min-height:640px; margin:22px 0 8px; }
  .process-photo { inset:116px -8% auto -8%; width:116%; height:500px; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 86%,transparent 100%); mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 86%,transparent 100%); }
  .process-photo img { object-position:center 87%; }
  .brew-stage .stage-copy { width:100%; margin:0; padding:0; }
}