.work-layout-three{padding:160px 48px 80px;background:#fff;scroll-margin-top:72px;color:#2c343c}
.work-layout-three .staggered-inner{display:flex;flex-direction:column;gap:80px;max-width:1440px;margin:0 auto}
.work-layout-three .staggered-row{display:grid;gap:36px;align-items:start;grid-template-columns:minmax(0,568fr) minmax(0,836fr)}
.work-layout-three .staggered-opening{grid-template-columns:minmax(0,456fr) minmax(0,948fr)}
.work-layout-three .staggered-reverse{grid-template-columns:minmax(0,836fr) minmax(0,568fr)}
.work-layout-three .staggered-heading{padding-top:2px;min-width:0}
.work-layout-three h2{margin:0;font:350 clamp(38px,3.5156vw,54px)/1.05 "PS Times Regular","Times New Roman",serif;letter-spacing:-.025em}
.work-layout-three .staggered-card{display:block;min-width:0;color:inherit;text-decoration:none}
.work-layout-three .staggered-cover{position:relative;width:100%;overflow:hidden;background:#e5e9eb;border-radius:9px;aspect-ratio:568/420}
.work-layout-three .staggered-wide .staggered-cover{aspect-ratio:836/510}
.work-layout-three .staggered-lead .staggered-cover{aspect-ratio:948/557.641}
.work-layout-three .staggered-card[data-project="gfvc"] .staggered-cover{aspect-ratio:3760/2342}
.work-layout-three .staggered-card[data-project="venture-os"] img{object-position:center bottom}
.work-layout-three .staggered-cover img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.work-layout-three .staggered-card h3{margin:18px 0 0;font:500 20px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em;overflow-wrap:anywhere}
.work-layout-three .staggered-description{margin:8px 0 0;font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#77716c;text-wrap:pretty;overflow-wrap:break-word}
/* Preserve the crops and layers in Figma node 395:743. */
.work-layout-three .staggered-card[data-project="turboml"] img{height:113.71%;top:auto;bottom:0;object-position:center}
.work-layout-three .staggered-card[data-project="shapeshifter"] .staggered-cover{aspect-ratio:2984/2010}
.work-layout-three .staggered-card[data-project="shapeshifter"] img{inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.work-layout-three .staggered-card[data-project="docus"] img{height:129.17%;top:.06%;bottom:auto}
.work-layout-three .staggered-card:focus-visible{outline:2px solid #fe4116;outline-offset:8px;border-radius:9px}
.work-layout-three .staggered-final{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.work-layout-three .staggered-final .staggered-card{container-type:inline-size}
.work-layout-three .staggered-final .staggered-cover{aspect-ratio:5/3;height:calc(60cqw + 32px)}
.work-layout-three .staggered-final .staggered-cover :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top}
.work-layout-three .staggered-final .staggered-card h3{margin-top:14px}
@media(max-width:760px){.work-layout-three{padding:88px 20px 64px}.work-layout-three .staggered-inner{gap:44px}.work-layout-three .staggered-row{grid-template-columns:minmax(0,1fr);gap:40px}.work-layout-three .staggered-opening{gap:32px}.work-layout-three h2{font-size:40px}.work-layout-three .staggered-card h3{margin-top:14px}.work-layout-three .staggered-description{font-size:13px}.work-layout-three .staggered-cover{border-radius:12px}}
/* Let the final projects breathe at phone widths, matching the full-width cards above. */
@media(max-width:760px){.work-layout-three .staggered-final{grid-template-columns:minmax(0,1fr);gap:32px}.work-layout-three .staggered-final .staggered-card h3{margin-top:14px}}

/* Mobile section titles share the centered hero and About alignment. */
@media(max-width:760px){.work-layout-three h2{text-align:center}}

.work-layout-three .staggered-card[data-project="gfvc"] img{object-position:left center}