.portfolio{background:#f4f7f8}.portfolio-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;margin-top:40px;align-items:start}.portfolio-card{border:0;background:transparent;text-align:left;padding:0;min-width:0}.portfolio-card:first-child{grid-column:1/-1;width:85%}.portfolio-card:nth-child(3){margin-top:100px}.portfolio-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.portfolio-card:first-child img{aspect-ratio:2/1}.project-category{display:block;margin:20px 0 8px;font-size:12px;letter-spacing:1px;color:var(--muted)}.portfolio-card h3{font-size:32px}.portfolio-card .text-link{margin-top:12px}.reveal-ready{opacity:0;transform:translateY(40px);transition:opacity .8s var(--reveal-delay),transform .8s var(--reveal-delay)}.reveal-ready.revealed,.reveal-ready:focus-visible{opacity:1;transform:none}.project-dialog{max-width:1000px;width:92vw;max-height:90svh;overflow:auto;border:0;padding:0;color:var(--ink);border-radius:8px;background:white}.project-dialog::backdrop{background:#112330cc}.project-dialog>.outline{position:sticky;float:right;top:15px;margin:15px;background:white;z-index:1}.project-dialog>img{display:block;width:100%;max-height:500px;object-fit:cover}.project-content{padding:35px 5vw}.project-content h3{font-size:18px;margin-top:25px}.project-content .button{margin-top:25px}.project-content p{max-width:700px}@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr;gap:35px}.portfolio-card:first-child{width:100%}.portfolio-card:nth-child(3){margin-top:0}.portfolio-card h3{font-size:27px}.portfolio-card:first-child img{aspect-ratio:3/2}}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}}