body[data-page=home] #buyer-process.sst-photo-workflow{background:#22211e;color:#dedcd6;padding:3rem 0;scroll-margin-top:8rem}
body[data-page=home] #buyer-process.sst-photo-workflow *{box-sizing:border-box;min-width:0}
body[data-page=home] #buyer-process.sst-photo-workflow .v2-wrap{width:min(calc(100% - 2.25rem),80rem);margin-inline:auto}
body[data-page=home] #buyer-process.sst-photo-workflow :is(h2,h3,p,figure){margin:0}
body[data-page=home] #buyer-process.sst-photo-workflow .v2-heading{margin-bottom:2rem}
body[data-page=home] #buyer-process.sst-photo-workflow .v2-kicker{color:#f6b51b;font-weight:700;font-size:.875rem;margin-bottom:.875rem;line-height:1.7}
body[data-page=home] #buyer-process.sst-photo-workflow h2{font-size:clamp(1.6rem,2.7vw,2.65rem);line-height:1.35;color:#fff}
body[data-page=home] #buyer-process.sst-photo-workflow .v2-workflow{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem;list-style:none;padding:0;margin:0;counter-reset:flow}
body[data-page=home] #buyer-process.sst-photo-workflow .v2-workflow>li{position:relative;padding:0;border:1px solid #e5dfd4;border-radius:.375rem;background:#fff;overflow:visible;display:flex;flex-direction:column}
/* Four connectors belong to the preceding step; the final step has no outgoing arrow. */
body[data-page=home] #buyer-process.sst-photo-workflow .v2-workflow>li:not(:last-child)::after{content:"";position:absolute;pointer-events:none;left:50%;top:calc(100% + .35rem);width:2px;height:2.2rem;background:#f6b51b;transform:translateX(-50%)}
body[data-page=home] #buyer-process.sst-photo-workflow .v2-workflow>li:not(:last-child)::before{content:"";position:absolute;pointer-events:none;left:50%;top:calc(100% + 2.2rem);width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.65rem solid #f6b51b;transform:translateX(-50%)}
body[data-page=home] #buyer-process.sst-photo-workflow .flow-photo{width:100%;background:#eeeae2;aspect-ratio:8/5;overflow:hidden;border-radius:.3rem .3rem 0 0}
body[data-page=home] #buyer-process.sst-photo-workflow .flow-photo img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;aspect-ratio:8/5}
body[data-page=home] #buyer-process.sst-photo-workflow .flow-copy{padding:1.25rem;display:flex;flex-direction:column;flex:1}
body[data-page=home] #buyer-process.sst-photo-workflow .flow-copy>span{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:2.75rem;height:2.75rem;flex:none;border-radius:50%;background:#f6b51b;color:#171717;font-size:1.125rem;font-weight:750;line-height:1;margin-bottom:.8rem}
body[data-page=home] #buyer-process.sst-photo-workflow h3{font-size:1.125rem;line-height:1.5;color:#141414;margin-bottom:.7rem}
body[data-page=home] #buyer-process.sst-photo-workflow .flow-copy>p{font-size:.9375rem;line-height:1.8;color:#53514d;overflow-wrap:break-word;margin-bottom:1.25rem}
body[data-page=home] #buyer-process.sst-photo-workflow .flow-copy>small{display:block;font-size:.8125rem;line-height:1.6;font-weight:650;color:#6b510a;padding-top:.8rem;border-top:1px solid #eee7db;margin-top:auto}
@media(min-width:38rem){
 body[data-page=home] #buyer-process.sst-photo-workflow .v2-wrap{width:min(calc(100% - 4rem),80rem)}
 body[data-page=home] #buyer-process.sst-photo-workflow .v2-workflow>li{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 body[data-page=home] #buyer-process.sst-photo-workflow .flow-photo{height:100%;aspect-ratio:auto;border-radius:.3rem 0 0 .3rem;min-height:15rem}
}
@media(min-width:52rem){body[data-page=home] #buyer-process.sst-photo-workflow{padding:4.5rem 0}}
@media(min-width:76rem){
 body[data-page=home] #buyer-process.sst-photo-workflow .v2-workflow{grid-template-columns:repeat(5,minmax(0,1fr));gap:2.5rem}
 body[data-page=home] #buyer-process.sst-photo-workflow .v2-workflow>li{display:flex;flex-direction:column}
 body[data-page=home] #buyer-process.sst-photo-workflow .flow-photo{height:auto;min-height:0;aspect-ratio:8/5;border-radius:.3rem .3rem 0 0}
 body[data-page=home] #buyer-process.sst-photo-workflow .v2-workflow>li:not(:last-child)::after{left:calc(100% + .3rem);top:50%;width:1.8rem;height:2px;transform:translateY(-50%)}
 body[data-page=home] #buyer-process.sst-photo-workflow .v2-workflow>li:not(:last-child)::before{left:calc(100% + 1.7rem);top:50%;border:0;border-top:.4rem solid transparent;border-bottom:.4rem solid transparent;border-left:.65rem solid #f6b51b;transform:translateY(-50%)}
 body[data-page=home] #buyer-process.sst-photo-workflow .flow-copy{padding:1.1rem}
 body[data-page=home] #buyer-process.sst-photo-workflow h3{font-size:1.0625rem}
}
