.page-portfolio .pf-stage{padding:var(--section-spacing) 0;background:var(--bg-light)}.page-portfolio .pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;max-width:var(--container-width);margin:0 auto}.page-portfolio .pf-card{display:flex;flex-direction:column;background:var(--bg-white);border:1px solid var(--border-light);border-radius:20px;padding:36px 32px;text-decoration:none;box-shadow:var(--shadow-md);transition:transform .35s,border-color .35s,box-shadow .35s}.page-portfolio .pf-card:hover{transform:translateY(-8px);border-color:var(--primary-1);box-shadow:var(--shadow-lg)}.page-portfolio .pf-meta{font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-1);margin-bottom:16px}.page-portfolio .pf-title{font-family:Onest,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text-dark);margin:0 0 12px}.page-portfolio .pf-desc{font-family:Onest,sans-serif;font-size:.98rem;line-height:1.6;color:var(--text-dark-muted);margin:0 0 24px;flex:1}.page-portfolio .pf-link{font-family:'Space Mono',monospace;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-1);display:inline-flex;align-items:center;gap:8px;margin-top:auto}.page-portfolio .pf-link i{transition:transform .3s}.page-portfolio .pf-card:hover .pf-link i{transform:translateX(4px)}@media (max-width:600px){.page-portfolio .pf-grid{grid-template-columns:1fr}.page-portfolio .pf-card{padding:28px 24px}}@media (prefers-reduced-motion:reduce){.page-portfolio .pf-card,.page-portfolio .pf-card:hover,.page-portfolio .pf-link i{transition:none;transform:none}}.page-portfolio .about-hero-aw{height:65vh;background:var(--bg-darker);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.page-portfolio .ah-visual{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.6;filter:brightness(.8) contrast(1.1);transform:scale(1.1);z-index:1}.page-portfolio .ah-visual--portfolio{background-image:url('images/hero-architects-pro.webp')}.page-portfolio .ah-ui-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(27,20,69,.7) 0,rgba(27,20,69,.2) 60%,transparent 100%);z-index:2}.page-portfolio .ah-title-wrap{position:relative;z-index:10;text-align:center}.page-portfolio .ah-monumental{font-family:Duepuntozero-Bold-Trial,sans-serif!important;font-size:clamp(2.2rem, 5vw, 4rem);letter-spacing:.02em;color:#fff;line-height:1.1;margin:0}.page-portfolio .ah-monumental span.thin{color:rgba(255,255,255,.4)}.page-portfolio .ah-title-wrap>p{max-width:560px;margin:22px auto 0;color:rgba(255,255,255,.7);font-size:1.05rem;line-height:1.6}@media (max-width:768px){.page-portfolio .about-hero-aw{height:60vh}.page-portfolio .ah-monumental{font-size:2.6rem}}