.web-work{background:var(--ink);color:var(--bone);padding:9rem 3.5vw}.web-work-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:4vw;align-items:end;margin-bottom:5rem}.web-work-heading .eyebrow{grid-column:1/-1;color:var(--acid)}.web-work-heading h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:.82;font-size:clamp(4.5rem,8vw,8rem);margin:1rem 0 0}.web-work-heading>p:last-child{font-size:1.3rem;max-width:500px;color:rgba(241,239,233,.72);margin:0 0 .5rem}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem 2.2vw}.site-card{color:inherit;text-decoration:none;min-width:0}.site-card--wide{grid-column:1/-1}.browser-frame{position:relative;background:#e8e7e1;border-radius:9px 9px 2px 2px;padding-top:30px;overflow:hidden}.browser-frame>span{position:absolute;top:11px;width:8px;height:8px;border-radius:50%;background:#9e9e98}.browser-frame>span:nth-child(1){left:13px}.browser-frame>span:nth-child(2){left:27px}.browser-frame>span:nth-child(3){left:41px}.browser-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.site-card:hover .browser-frame img{transform:scale(1.018)}.site-meta{display:flex;justify-content:space-between;gap:2rem;padding-top:1rem;border-top:1px solid rgba(241,239,233,.3);margin-top:1rem}.site-meta h3{font-family:var(--serif);font-size:2rem;font-weight:400;margin:0}.site-meta p{font-size:.82rem;color:rgba(241,239,233,.65);margin:.15rem 0 0}.site-meta>span{font-size:.78rem;color:var(--acid);white-space:nowrap;padding-top:.5rem}@media(max-width:800px){.web-work{padding:6rem 1.25rem}.web-work-heading{grid-template-columns:1fr;margin-bottom:3.5rem}.web-work-heading .eyebrow{grid-column:auto}.web-work-heading h2{font-size:clamp(4.5rem,20vw,7rem)}.web-work-heading>p:last-child{font-size:1.05rem}.site-grid{grid-template-columns:1fr;gap:3.5rem}.site-card--wide{grid-column:auto}.site-meta{gap:1rem}.site-meta h3{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.browser-frame img{transition:none}}