/* Project summaries complement the large, atmospheric opening photographs. */
.featured-projects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; max-width:1354px; margin-inline:auto; }
.featured-project { display:flex; flex-direction:column; text-decoration:none; min-width:0; max-width:430px; color:var(--page-text); }
.featured-project-photo { position:relative; display:block; aspect-ratio:4/3; overflow:hidden; background:#181818; }
.featured-project-photo img { width:100%; height:100%; display:block; object-fit:cover; }
.featured-project--fiserv img { object-position:50% 40%; }
.featured-project-photo::after { content:"↗"; position:absolute; right:12px; bottom:12px; display:grid; place-items:center; width:36px; height:36px; background:#111111; color:#FFEA6C; font-size:25px; }
.featured-project-copy { display:flex; flex-direction:column; flex:1; padding:24px 0; border-bottom:1px solid var(--rule); }
.featured-project-copy .eyebrow { color:#FFEA6C; font-size:10px; }
.featured-project h3 { font-size:clamp(23px,2vw,30px); line-height:1.2; margin:15px 0 8px; letter-spacing:-.035em; }
.featured-project-subtitle { color:var(--page-muted); font-size:13px; }
.featured-project p { font-size:14px; line-height:1.75; margin:16px 0 24px; max-width:35em; }
.featured-project-action { margin-top:auto; color:#FFEA6C; font-size:12px; }
.featured-project:hover h3 { color:#FFEA6C; }
.featured-project:focus-visible { outline:2px solid #FFEA6C; outline-offset:8px; }
.headwall-actions { display:flex; flex-wrap:wrap; align-items:baseline; gap:0 28px; }
.home-solutions h2 { max-width:11em; }
@media(max-width:1000px) and (min-width:701px) { .featured-projects { gap:20px; } .featured-project h3 { font-size:24px; } }
@media(max-width:700px) { .featured-projects { grid-template-columns:1fr; gap:36px; max-width:430px; } .featured-project h3 { font-size:28px; } .featured-project-copy { padding:22px 8px; } }