.portfolio{background:var(--teal);padding-block:clamp(64px,8vw,112px)}.portfolio-heading{font-family:var(--font-sans);font-weight:400;font-size:clamp(38px,4.6vw,64px);line-height:1.04;letter-spacing:-.04em;margin-bottom:24px}.portfolio-heading .accent{font-size:1.12em}.portfolio-lead{font-family:var(--font-hel);font-size:16px;line-height:1.62;color:rgba(255,255,255,.78);max-width:470px}.portfolio-lead strong{font-weight:700;color:var(--white)}.portfolio-sub{font-family:var(--font-sans);font-weight:400;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.02em;margin-top:clamp(48px,6vw,88px);margin-bottom:clamp(28px,3vw,40px)}.portfolio-sub .accent{font-size:1.1em}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(24px,3vw,48px) 40px;gap:clamp(24px,3vw,48px) 40px;margin-top:clamp(48px,6vw,80px)}.pf-card{display:block}.pf-media{position:relative;aspect-ratio:3/2;border-radius:4px;overflow:hidden;background:#0e1414}.pf-media img{width:100%;height:100%;object-fit:cover;transition:transform .85s var(--ease-out)}.pf-card:hover .pf-media img{transform:scale(1.05)}.pf-brand{position:absolute;top:20px;left:22px;z-index:2;font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:.02em;color:var(--white);text-shadow:0 2px 12px rgba(0,0,0,.5)}.pf-brand.wide{letter-spacing:.18em;font-weight:600}.pf-badge{position:absolute;top:18px;right:18px;z-index:2;background:var(--white);color:var(--ink);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:2px}.pf-badge,.pf-title{font-family:var(--font-sans)}.pf-title{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-top:22px;font-weight:400;font-size:clamp(20px,1.9vw,26px);line-height:1.18;letter-spacing:-.02em;color:var(--white)}.pf-title svg{flex-shrink:0;margin-top:6px;opacity:0;transform:translateX(-6px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out);color:var(--green)}.pf-card:hover .pf-title svg{opacity:1;transform:none}.pf-card:hover .pf-title{color:var(--green)}.portfolio-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:clamp(48px,6vw,80px)}@media (max-width:760px){.portfolio-grid{grid-template-columns:1fr}}