.portfolio-page{color:#202127;background:#fafaf7}.pf-hero{background:linear-gradient(#f7fbf8,#fafaf7);border-bottom:1px solid #e3e4df;padding:86px 0 70px}.pf-hero-grid{grid-template-columns:1.05fr .95fr;align-items:end;gap:60px;display:grid}.pf-kicker{letter-spacing:.15em;text-transform:uppercase;color:#0b7f40;font-size:10px;font-weight:850}.pf-hero h1{letter-spacing:-.055em;max-width:850px;margin:12px 0 20px;font-size:clamp(48px,6vw,80px);line-height:.98}.pf-lead{color:#6e6e78;font-size:17px;line-height:1.7}.pf-section{padding:88px 0}.pf-routes{background:#fff;border:1px solid #e3e4df;border-radius:20px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.pf-route{border-right:1px solid #e3e4df;flex-direction:column;justify-content:space-between;min-height:170px;padding:24px;display:flex}.pf-route:last-child{border-right:0}.pf-route small{letter-spacing:.12em;text-transform:uppercase;color:#0b7f40;font-size:9px;font-weight:850}.pf-route strong{font-size:19px}.pf-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.pf-card{background:#fff;border:1px solid #e3e4df;border-radius:22px;grid-column:span 4;transition:all .18s;overflow:hidden}.pf-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px #20212714}.pf-art{background:linear-gradient(145deg,#eff8f2,#fff9db);place-items:center;min-height:240px;padding:28px;display:grid}.pf-art strong{letter-spacing:-.04em;font-size:34px}.pf-art.has-media{background:#eef1ed;min-height:250px;padding:0;display:block;position:relative;overflow:hidden}.pf-art.has-media picture{width:100%;height:250px;display:block}.pf-art.has-media img{object-fit:cover;width:100%;height:250px;transition:transform .55s cubic-bezier(.2,.7,.2,1);display:block}.pf-card:hover .pf-art.has-media img{transform:scale(1.025)}.pf-art-context{color:#fff;letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#202127c7;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;position:absolute;bottom:13px;left:14px}.pf-copy{padding:24px}.pf-copy small{text-transform:uppercase;letter-spacing:.12em;color:#0b7f40;font-size:9px;font-weight:850}.pf-copy h2,.pf-copy h3{letter-spacing:-.035em;margin:10px 0 12px}.pf-copy p{color:#6e6e78;font-size:12px;line-height:1.65}.pf-tags{flex-wrap:wrap;gap:6px;display:flex}.pf-tag{background:#f2f3ef;border-radius:999px;padding:6px 8px;font-size:9px}.case-hero{background:linear-gradient(145deg,#f0faf4,#fffbe3);padding:74px 0 64px}.case-grid{grid-template-columns:1fr 1fr;align-items:end;gap:60px;display:grid}.case-hero h1{letter-spacing:-.055em;margin:12px 0 18px;font-size:clamp(46px,6vw,78px);line-height:.99}.case-meta{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.case-section{border-bottom:1px solid #e3e4df;padding:82px 0}.case-two{grid-template-columns:.72fr 1.28fr;gap:70px;display:grid}.case-two h2{letter-spacing:-.045em;font-size:clamp(34px,4vw,52px)}.case-body{color:#55565e;white-space:pre-line;font-size:15px;line-height:1.8}.case-tech{color:#fff;background:#202127}.case-tech .case-body{color:#c9cad0}.case-results{background:#f5f7f2}.result-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.result{background:#fff;border:1px solid #dfe1db;border-radius:16px;padding:22px}.result strong{letter-spacing:-.04em;font-size:28px;display:block}.case-gallery{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.case-media{background:#fff;border:1px solid #e3e4df;border-radius:18px;overflow:hidden}.case-media img{width:100%;height:auto;display:block}.proof-note{color:#17623c;background:#eef9f2;border:1px solid #cce8d7;border-radius:12px;padding:15px;font-size:11px}@media (width<=900px){.pf-hero-grid,.case-grid,.case-two{grid-template-columns:1fr}.pf-routes{grid-template-columns:1fr 1fr}.pf-route{border-bottom:1px solid #e3e4df}.pf-grid .pf-card{grid-column:span 6}.result-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.pf-routes,.case-gallery,.result-grid{grid-template-columns:1fr}.pf-grid .pf-card{grid-column:1/-1}.pf-section,.case-section{padding:60px 0}}
