.portfolio-browser{overflow:hidden;border:1px solid rgba(81,70,199,.2);border-radius:16px;background:#fff;box-shadow:0 20px 45px rgba(23,24,42,.12)}.browser-bar{display:flex;align-items:center;gap:13px;height:40px;padding:0 13px;border-bottom:1px solid var(--line);color:#858aa5;font:600 .63rem/1 "SFMono-Regular",Consolas,monospace}.browser-dots{display:flex;gap:5px}.browser-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#dfe1eb}.browser-dots i:first-child{background:var(--primary)}.browser-address{flex:1;max-width:250px;padding:6px 11px;border:1px solid #ececf3;border-radius:999px;background:#f8f8fb;text-align:center}.browser-lock{color:var(--primary);font-size:.55rem}.portfolio-slideshow{position:relative;height:390px;overflow:hidden;background:#17182a}.portfolio-slide{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;object-fit:cover;object-position:top center;transition:opacity .6s ease}.portfolio-slide.active{opacity:1}.portfolio-caption{position:absolute;right:16px;bottom:15px;z-index:2;padding:7px 10px;border-radius:999px;background:rgba(23,24,42,.82);color:#fff;font-size:.7rem;font-weight:750}.portfolio-dots{position:absolute;left:16px;bottom:18px;z-index:2;display:flex;gap:6px}.portfolio-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45)}.portfolio-dot.active{background:var(--primary-light);box-shadow:0 0 0 3px rgba(139,130,246,.2)}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-card{padding:27px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.case-card:nth-child(2n){background:var(--sand)}.case-card-top{display:flex;justify-content:space-between;gap:20px}.case-type{color:var(--primary);font:700 .7rem/1.2 "SFMono-Regular",Consolas,monospace}.case-card h3{margin:30px 0 18px;font-size:1.8rem;letter-spacing:-.05em}.case-card p{margin:11px 0 0;color:var(--muted);font-size:.9rem}.case-card p strong{color:var(--ink)}.case-card .case-question{margin-top:0}@media(max-width:800px){.portfolio-slideshow{height:330px}.case-grid{grid-template-columns:1fr}}@media(max-width:520px){.portfolio-slideshow{height:270px}}