/* Portfolio cards: brand icons supplied by organizations' web domains through Google favicon service. */
.portfolio-page{max-width:1720px;margin:auto;padding:55px clamp(22px,4vw,78px) 110px}
.portfolio-hero{background:linear-gradient(120deg,#061d3d,#084b9c);border-radius:26px;color:white;padding:clamp(32px,5vw,80px);margin-bottom:34px}
.portfolio-hero h1{font-size:clamp(36px,4.2vw,68px);margin:12px 0}.portfolio-hero p{max-width:900px;font-size:19px;color:#dcefff;line-height:1.7}
.portfolio-group{margin:48px 0}.portfolio-group h2{font-size:clamp(27px,2.8vw,42px);color:#082650;margin-bottom:10px}.portfolio-group>p{color:#52647e;line-height:1.7}
.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:25px}.work-card{border:1px solid #dce9fb;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 9px 27px #0c355514}.work-mark{height:128px;background:linear-gradient(140deg,#f1f8ff,#fff);display:grid;place-items:center}.brand-img{width:72px;height:72px;object-fit:contain}.work-copy{padding:22px}.work-label{color:#0873d7;letter-spacing:1.3px;font-size:11px;font-weight:800}.work-copy h3{font-size:21px;color:#082954;margin:8px 0}.work-copy p{line-height:1.6;color:#566c86;font-size:14px}.work-disclaimer{border-top:1px solid #d9e5f2;margin-top:45px;padding-top:18px;font-size:13px;color:#516781}
/* apply same authentic brand icons to homepage highlights */
.project-art,.email-art{background:linear-gradient(135deg,#eaf5ff,#fff)!important;color:#103c70!important}
.project-art:before{display:none}.project-art .brand-img{width:94px;height:94px}.email-art .brand-img{width:66px;height:66px}
@media(max-width:1250px){.work-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.work-grid{grid-template-columns:1fr}}