.portfolio-page .internal-hero{background:linear-gradient(135deg,#061f36 0%,#083e57 55%,#087d92 100%)}.portfolio-showcase{background:linear-gradient(145deg,#a7cbd6,#c2dce3)}.case-list{display:grid;gap:26px}.case-card{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;background:#d1e5e9;border:1px solid rgba(5,72,96,.14);border-radius:26px;overflow:hidden;box-shadow:0 20px 46px rgba(4,42,61,.15);transition:.24s ease}.case-card:hover{transform:translateY(-5px);box-shadow:0 28px 58px rgba(4,42,61,.22)}.case-preview{background:#082f46;padding:20px 20px 0;min-height:420px;overflow:hidden}.case-browser{height:30px;background:#d7e4e7;border-radius:11px 11px 0 0;display:flex;align-items:center;gap:5px;padding:0 10px}.case-browser i{display:block;width:6px;height:6px;border-radius:50%;background:#7b9ba5}.case-browser span{margin-left:8px;color:#43616b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-snapshot{height:390px;overflow:hidden;background:#fff}.case-snapshot img{display:block;width:100%;height:auto}.case-copy{padding:38px;display:flex;flex-direction:column;justify-content:center}.case-type{font:800 11px 'Manrope',sans-serif;letter-spacing:.13em;color:#087f9a}.case-copy h2{font-size:clamp(30px,3vw,45px);margin:13px 0 14px}.case-copy>p{color:#3d5b67;line-height:1.7;margin:0 0 23px}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}.case-facts div{background:#bad7df;border-radius:14px;padding:14px}.case-facts b{display:block;color:#0a3c52;font-size:12px;margin-bottom:5px}.case-facts span{font-size:13px;color:#45616b}.case-link{align-self:flex-start;background:#082d45;color:#fff;text-decoration:none;padding:14px 18px;border-radius:12px;font-weight:800;font-size:13px;box-shadow:0 5px 0 #087d99;transition:.2s}.case-link:hover{transform:translateY(-3px);background:#09506a;box-shadow:0 8px 0 #087d99}.portfolio-principles{background:linear-gradient(135deg,#082a43,#07536a);color:#fff}.portfolio-principles .section-kicker{color:#5dddec}.portfolio-principles .lead{color:#bad8df}.portfolio-principles .compact-card{background:rgba(149,218,229,.12);border-color:rgba(124,220,234,.18);box-shadow:none}.portfolio-principles .compact-card span{background:#18c7de;color:#05293b}.portfolio-principles .compact-card h3{color:#fff}.portfolio-principles .compact-card p{color:#c6dde2}@media(max-width:900px){.case-card{grid-template-columns:1fr}.case-preview{min-height:390px}.case-snapshot{height:360px}.case-facts{grid-template-columns:1fr 1fr}}@media(max-width:560px){.case-preview{padding:13px 13px 0;min-height:335px}.case-snapshot{height:310px}.case-copy{padding:28px 22px}.case-facts{grid-template-columns:1fr}.case-card{border-radius:20px}}