.af-section{padding-top:clamp(2rem,5vw,4rem);padding-bottom:clamp(2rem,5vw,4rem)}
.af-context{max-width:58ch;margin-bottom:2rem}.af-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,2rem)}
.af-work{margin:0;min-width:0}.af-work>a{display:flex;align-items:center;justify-content:center;min-height:240px;padding:1rem;background:#eeebe3}.af-work img{display:block;max-width:100%;height:auto;max-height:300px;object-fit:contain}.af-work h3{font-size:1.05rem;margin:1rem 0 .5rem}.af-work p{font-size:.95rem;line-height:1.6}.af-view{display:inline-block;margin-top:.5rem}
.af-dialog{max-width:94vw;max-height:94vh;padding:1rem;background:#f4f1e9;color:#161616;border:0}.af-dialog::backdrop{background:rgb(0 0 0 / .82)}.af-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.af-dialog-toolbar h2{font-size:1rem;margin:0}.af-close{padding:.65rem 1rem;cursor:pointer}.af-large{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;margin:auto}
@media(max-width:900px){.af-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.af-grid{grid-template-columns:1fr}.af-work>a{min-height:0}.af-dialog{padding:.75rem}.af-large{max-height:75vh}}