:root{--navy:#041633;--cyan:#10c8ef;--blue:#1478ef;--orange:#ff8a12}*{box-sizing:border-box}body{margin:0;background:#f2f6fa;color:#071a36;font:14px Arial,sans-serif}.portfolio-hero{padding:88px 6vw;background:radial-gradient(circle at 82% 15%,#0b4877,#041633 60%);color:#fff}.portfolio-hero>div,.portfolio-section{max-width:1200px;margin:auto}.portfolio-hero span,.portfolio-heading span{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.16em}.portfolio-hero h1{font-size:clamp(40px,6vw,66px);margin:15px 0}.portfolio-hero p{max-width:700px;color:#bfd0e4;font-size:18px;line-height:1.6}.portfolio-hero a,.portfolio-empty a{display:inline-block;margin-top:12px;padding:13px 18px;border-radius:9px;background:var(--orange);color:#071a36;text-decoration:none;font-weight:900}.portfolio-section{padding:60px 20px}.portfolio-heading h2{font-size:34px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-grid article{overflow:hidden;border-radius:15px;background:#fff;box-shadow:0 13px 35px #04163312}.portfolio-grid img,.portfolio-placeholder{width:100%;height:250px;object-fit:cover}.portfolio-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#08264c,#0b5b84);color:var(--cyan);font-size:42px}.portfolio-grid article>div{padding:21px}.portfolio-grid small{color:#078cae;font-weight:900;text-transform:uppercase}.portfolio-grid h2{margin:8px 0}.portfolio-grid p{color:#526b81;line-height:1.55}.portfolio-empty{padding:70px 25px;text-align:center;border:1px solid #dce6ef;border-radius:18px;background:#fff}.portfolio-empty>b{display:block;color:var(--cyan);font-size:50px}.portfolio-empty h2{font-size:32px}.portfolio-empty p{color:#5e7488}.portfolio-empty .secondary{margin-left:8px;background:#e8eff6;color:#12304f}.portfolio-pages{margin-top:25px}@media(max-width:850px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}.portfolio-empty .secondary{margin-left:0}.portfolio-empty a{display:block}}