.work-fronts{padding-block:64px;border-top:1px solid var(--line);font-family:Satoshi,Arial,sans-serif}
.work-fronts .work-fronts-intro{max-width:650px;margin-bottom:30px}
.work-fronts .work-front-label{font-size:9px;font-weight:700;line-height:1.6;letter-spacing:1.4px;color:var(--accent);margin:0 0 14px}
.work-fronts h2{font-family:Ranade,Satoshi,sans-serif;font-weight:500;line-height:1.2;font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;margin:0 0 17px}
.work-fronts-intro>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.work-fronts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.work-fronts .work-front{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--accent) 3%,transparent)}
.work-fronts .work-front h3{font-family:Ranade,Satoshi,sans-serif;font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.03em;margin:0 0 12px;color:var(--ink);text-wrap:balance}
.work-fronts .work-front-description{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 25px;max-width:480px}
.work-fronts .work-front a{display:inline-flex;gap:16px;align-items:center;margin-top:auto;padding-block:8px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;line-height:1.5;color:var(--accent);text-decoration:none}
.work-fronts .work-front a:hover{border-color:var(--accent)}
.work-fronts .work-front a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:600px){.work-fronts{padding-block:45px}.work-fronts-grid{grid-template-columns:1fr;gap:15px}.work-fronts .work-front{padding:24px}.work-fronts .work-front h3{font-size:21px}}