.portfolio{background:var(--bg);color:var(--text);padding:clamp(24px,4vw,60px)}.portfolio header span{font-size:var(--eyebrow,18px);font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--primary)}.portfolio h2{font:clamp(38px,5vw,64px)/1 Georgia;margin:12px 0 5px;color:var(--primary)}.portfolio header h3{font-size:clamp(22px,2.4vw,32px);margin:0 0 10px}.portfolio header p{font-size:18px}.search{display:block;margin:20px 0 16px auto;border:1px solid #ccd5e0;border-radius:99px;padding:12px 18px;min-width:250px}.grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:18px}.card{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #102a4c1a;transition:.28s;content-visibility:auto;contain-intrinsic-size:430px}.card:hover{transform:translateY(-5px)}.visual{height:250px;padding:22px;position:relative;background:linear-gradient(135deg,#eef2f5,#d5dfe7)}.laptop{width:88%;height:82%;margin:auto;border:7px solid #111;border-bottom-width:13px;border-radius:8px}.laptop i,.phone i{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--primary),#6ea7ca);background-size:cover;background-position:top}.phone{position:absolute;right:7%;bottom:10px;width:23%;height:68%;padding:6px;background:#111;border-radius:17px}.phone i{border-radius:11px}.body{padding:18px 20px}.body h3{font:700 22px Georgia;color:var(--primary);margin:0}.body b{color:#69778a}.body p{line-height:1.5}.body a{text-transform:uppercase;text-decoration:none;color:var(--primary);font-size:12px;font-weight:800;margin-right:15px}.body a.visit{background:var(--accent);padding:11px 14px;border-radius:7px}.sentinel{height:1px}.status{text-align:center}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid{grid-template-columns:1fr}.portfolio{padding:22px 13px}.portfolio header span{letter-spacing:.15em}.visual{height:235px}}