/* Industrial Projects page - card layout */
.industrial-projects{margin-top:20px}
.industrial-projects .project-card{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:14px;border:1px solid #e6e6e6;border-radius:10px;margin-bottom:14px;background:#fff}
.industrial-projects .project-logo img{max-width:100%;height:auto;display:block}
.industrial-projects .project-body h3{margin:6px 0;font-weight:700;line-height:1.3}
.industrial-projects .project-body h3 a{color:#404040;text-decoration:none}
.industrial-projects .project-body h3 a:hover,.industrial-projects .project-body h3 a:focus{color:#0085a1}
.industrial-projects .project-meta{color:#666;font-size:.95em;margin:0 0 8px 0}
@media only screen and (max-width:600px){.industrial-projects .project-card{grid-template-columns:1fr}.industrial-projects .project-logo{text-align:center}.industrial-projects .project-logo img{max-width:90px}}
.industrial-projects .project-logo{background:#fff;border-radius:6px;padding:6px}

.portfolio-landing{margin:10px 0 35px;padding:24px 0;border-bottom:1px solid #e6e6e6}
.portfolio-landing .eyebrow{margin:0 0 8px 0;color:#666;font-size:.95em;text-transform:uppercase;letter-spacing:1px}
.portfolio-landing h2{margin:0 0 12px 0;font-size:32px;line-height:1.25}
.portfolio-landing p{margin:12px 0}
.portfolio-cta{display:inline-block;margin:8px 8px 8px 0;padding:10px 16px;border:1px solid #0085a1;border-radius:4px;background:#0085a1;color:#fff!important;text-decoration:none}
.portfolio-cta:hover,.portfolio-cta:focus{background:#006f86;border-color:#006f86;text-decoration:none}
.portfolio-cta.secondary{background:#fff;color:#0085a1!important}
.portfolio-cta.secondary:hover,.portfolio-cta.secondary:focus{background:#f4fbfd}

.about-profile{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;margin:10px 0 30px;padding-bottom:24px;border-bottom:1px solid #e6e6e6}
.about-profile img{width:150px;height:150px;object-fit:cover;border-radius:6px}
.about-profile h2{margin:0 0 8px 0}
.about-profile p{margin:8px 0}
.resume-section{margin-top:35px;padding-top:10px;border-top:1px solid #e6e6e6}
.resume-section h3{margin-top:25px}

.portfolio-projects>p{margin-top:0}
.portfolio-project{display:grid;grid-template-columns:180px 1fr;gap:20px;margin:24px 0;padding:18px;border:1px solid #e6e6e6;border-radius:6px;background:#fff}
.portfolio-project img{width:180px;height:135px;object-fit:cover;border-radius:4px;background:#f7f7f7}
.portfolio-project h2{margin:0 0 8px 0;font-size:24px;line-height:1.3}
.portfolio-project p{margin:10px 0}
.portfolio-project .project-meta{color:#666;font-size:.95em}

.contact-page h2{margin-top:30px}
.contact-form{margin:20px 0 30px}
.contact-form label{display:block;margin:14px 0 6px;font-weight:700}
.contact-form input,.contact-form textarea{display:block;width:100%;max-width:680px;padding:10px 12px;border:1px solid #d8d8d8;border-radius:4px;font:inherit}
.contact-form button{margin-top:16px;padding:10px 16px;border:1px solid #0085a1;border-radius:4px;background:#0085a1;color:#fff;font-weight:700}
.contact-form button:hover,.contact-form button:focus{background:#006f86;border-color:#006f86}
.media-page article{margin:18px 0 24px;padding-bottom:18px;border-bottom:1px solid #e6e6e6}
.media-page h3{margin-bottom:8px}
.media-page p{margin:10px 0}
.testimonial{display:grid;grid-template-columns:58px 1fr;gap:16px;margin:22px 0;padding:18px;border:1px solid #e6e6e6;border-radius:6px;background:#fff}
.testimonial-avatar{width:58px;height:58px;border-radius:50%;background:#0085a1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.testimonial h2{margin:0 0 6px 0;font-size:22px}
.testimonial blockquote{margin:12px 0 0 0}

@media only screen and (max-width:600px){
  .about-profile,.portfolio-project{grid-template-columns:1fr}
  .about-profile img,.portfolio-project img{width:100%;height:auto;max-width:240px}
  .portfolio-landing h2{font-size:26px}
}