.portfolio-page{background:#fef8f6;min-height:60vh;padding:3rem 4rem 5rem}.portfolio-page__header{text-align:center;max-width:640px;margin:0 auto 3rem}.portfolio-page__heading{color:#1f1f1f;letter-spacing:-.02em;margin:0 0 .75rem;font-family:Inter,sans-serif;font-size:2.75rem;font-weight:800;line-height:1.2}.portfolio-page__subheading{color:#7e7e7e;margin:0;font-family:Inter,sans-serif;font-size:1.15rem;line-height:1.6}.portfolio-page__list{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}.portfolio-page__card{color:inherit;background:#fff;border-radius:16px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block;overflow:hidden;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}.portfolio-page__card:hover{transform:translateY(-3px);box-shadow:0 2px 8px #00000014,0 8px 24px #0000000f}.portfolio-page__card-body{padding:1.75rem 2rem 2rem}.portfolio-page__card-top{justify-content:space-between;align-items:baseline;margin-bottom:.6rem;display:flex}.portfolio-page__card-title{color:#1f1f1f;margin:0;font-family:Inter,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.3}.portfolio-page__card-year{color:#7e7e7e;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500}.portfolio-page__card-desc{color:#7e7e7e;margin:0 0 1.25rem;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6}.portfolio-page__tags{flex-wrap:wrap;gap:.5rem;display:flex}.portfolio-page__tag{border-radius:50px;padding:.3rem .75rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;line-height:1.4}.portfolio-page__tag--coral{color:#f16b5c;background:#f16b5c1f}.portfolio-page__tag--green{color:#2f9e5a;background:#48bb781f}.portfolio-page__tag--blue{color:#3b78db;background:#4285f41f}.portfolio-page__tag--amber{color:#d4940a;background:#eaaa3c1f}.portfolio-page__mockup{border-radius:16px 16px 0 0;padding:.85rem .85rem 0}.portfolio-page__mockup-bar{background:#ffffffb3;border-radius:8px 8px 0 0;align-items:center;gap:.35rem;padding:.55rem .65rem;display:flex}.portfolio-page__dot{background:#d1d1d1;border-radius:50%;width:8px;height:8px}.portfolio-page__url-bar{background:#0000000d;border-radius:4px;flex:1;height:16px;margin-left:.5rem}.portfolio-page__mockup-body{background:#fff;flex-direction:column;gap:.55rem;min-height:160px;padding:.85rem;display:flex}.portfolio-page__mockup-body--image{min-height:0;padding:0;overflow:hidden}.portfolio-page__mockup-img{width:100%;height:auto;display:block}.portfolio-page__mockup-nav{border-radius:4px;width:100%;height:10px}.portfolio-page__mockup-hero{border-radius:6px;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.15rem .85rem;display:flex}.portfolio-page__mockup-heading{border-radius:3px;width:60%;height:12px}.portfolio-page__mockup-text{border-radius:3px;width:80%;height:7px}.portfolio-page__mockup-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.portfolio-page__mockup-block{border-radius:4px;height:34px}@media (max-width:900px){.portfolio-page{padding:2.5rem 2rem 3.5rem}.portfolio-page__heading{font-size:2.1rem}.portfolio-page__list{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:600px){.portfolio-page{padding:2rem 1.25rem 2.5rem}.portfolio-page__heading{font-size:1.75rem}.portfolio-page__list{grid-template-columns:1fr;gap:1.25rem}.portfolio-page__card-body{padding:1.25rem 1.25rem 1.5rem}}