section.soda-reference-video{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;align-items:start;background:#343436;color:#fff;padding:32px;border-radius:20px;margin:0 0 40px}
.soda-reference-player{min-width:0}
.soda-reference-player video.project-video{display:block;width:100%;height:auto;max-height:450px;object-fit:contain;margin:0;background:#18181a;border-radius:8px}
.soda-reference-video-copy h2{font-size:27px;font-weight:600;line-height:1.25;letter-spacing:-.02em;margin:0 0 22px;color:#fff}
.soda-reference-video-copy .soda-video-stages{list-style:none;counter-reset:soda-stage;display:grid;gap:16px;margin:0;padding:0}
.soda-video-stages>li{position:relative;counter-increment:soda-stage;padding-left:38px}
.soda-video-stages>li:before{content:counter(soda-stage,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:26px;height:26px;background:#48484c;color:#fff;border-radius:50%;font-size:12px;font-weight:600;line-height:1}
.soda-video-stages h3{font-size:16px;font-weight:600;line-height:1.3;margin:0 0 5px;color:#fff}
.soda-video-stages p{font-size:14px;line-height:1.5;margin:0;color:#eeeef1}
#video-process{scroll-margin-top:100px}
@media(max-width:850px){section.soda-reference-video{padding:24px;gap:24px}}
@media(max-width:620px){section.soda-reference-video{grid-template-columns:1fr;padding:20px 16px;margin-bottom:32px}.soda-reference-video-copy h2{font-size:24px}}