/*
Theme Name: Midatlantic Recovery
Description: Rebuild of the recovered Midatlantic Construction & Design site.
Version: 1.0
*/
.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:38px 0}.project-gallery a{display:block;background:#edf1f3;overflow:hidden}.project-gallery img{display:block;width:100%;height:330px;object-fit:cover;transition:transform .2s ease}.project-gallery a:hover img{transform:scale(1.02)}@media(max-width:760px){.project-gallery{grid-template-columns:1fr}.project-gallery img{height:auto}}
:root{--blue:#1868a9;--navy:#123d61;--ink:#20252b;--light:#f4f6f7}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.topbar{background:#123d61;color:#fff;font-size:.85rem}.wrap{max-width:1180px;margin:auto;padding:0 24px}.topbar .wrap{padding-block:8px;text-align:right}.mast{background:#fff;border-bottom:1px solid #e4e4e4}.mast .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:20px}.brand{font-size:1.4rem;font-weight:700;color:var(--navy)}.brand small{display:block;font-weight:400;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.nav{display:flex;gap:22px;font-weight:700;text-transform:uppercase;font-size:.78rem;color:#44515c}.nav a:hover{color:var(--blue)}.hero-tabs{background:#123d61}.tabs{display:flex;justify-content:center;gap:2px}.tab{border:0;background:#265675;color:#fff;padding:16px 28px;font-size:1rem;cursor:pointer}.tab.active,.tab:hover{background:var(--blue)}.slide{min-height:470px;background-position:center;background-size:cover;display:none;align-items:center}.slide.active{display:flex}.slide .wrap{width:100%}.slide-copy{max-width:510px;padding:36px;background:rgb(0 0 0 / .66);color:#fff}.slide-copy h1{font-size:2.55rem;line-height:1.08;margin:0 0 14px}.button{display:inline-block;background:var(--blue);color:#fff;font-weight:700;text-transform:uppercase;padding:12px 20px;font-size:.82rem}.section{padding:72px 0}.section.alt{background:var(--light)}h2{text-align:center;text-transform:uppercase;color:var(--navy);letter-spacing:.05em;font-size:2rem;margin:0 0 28px}.intro{max-width:950px;margin:auto;text-align:center;font-size:1.08rem}.building{width:100%;margin:45px 0 10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:24px;background:#fff;border:1px solid #e1e4e6;box-shadow:0 3px 10px #0000000c}.card img{max-width:100%;height:72px;object-fit:contain;display:block;margin:0 auto 18px}.card h3{color:var(--navy);font-size:1.1rem}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{display:block;overflow:hidden;background:#fff;border:1px solid #dfe4e8;border-top:4px solid var(--blue);box-shadow:0 4px 15px #00000012;transition:transform .15s ease,box-shadow .15s ease}.project:hover{transform:translateY(-3px);box-shadow:0 9px 24px #00000020}.featured-thumb{display:block;width:100%;height:220px;object-fit:cover}.project div{padding:18px}.project span{display:block;color:var(--blue);font-size:.78rem;text-transform:uppercase;font-weight:700}.portfolio-cta{text-align:center;margin:30px 0 0}.footer{background:#123d61;color:#fff;padding:42px 0;text-align:center}.footer p{margin:3px}.page-content{max-width:1050px;margin:auto}.page-content h1{color:var(--navy);text-transform:uppercase;text-align:center;font-size:2.2rem}.page-content h2{font-size:1.45rem;text-align:left;margin-top:38px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-member{background:var(--light);padding:20px;border-top:4px solid var(--blue)}.team-member h3{margin:0;color:var(--navy)}.team-member p{margin:.3rem 0}.contact-box{background:var(--light);padding:28px;border-left:5px solid var(--blue)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.portfolio-card{display:block;overflow:hidden;background:#fff;border:1px solid #dfe4e8;border-radius:3px;box-shadow:0 4px 15px #00000012;transition:transform .15s ease,box-shadow .15s ease}.portfolio-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #00000020}.portfolio-thumb{display:block;width:100%;height:190px;object-fit:cover;background:#dce4ea}.portfolio-card span{display:block;min-height:78px;padding:18px;font-weight:700;color:var(--navy)}.project-hero{display:block;width:100%;max-height:620px;object-fit:cover;margin:28px 0;border-radius:3px}.project-detail>h6,.project-detail>p>strong{color:var(--navy);font-size:1rem;text-transform:uppercase;letter-spacing:.04em;margin:28px 0 6px}.project-detail>p{max-width:850px}.back-link{display:inline-block;color:var(--blue);font-weight:700;margin-bottom:15px}.division-list{display:grid;gap:24px;margin-top:42px}.division-row{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center;border:1px solid #e1e5e8;padding:28px;background:#fff;box-shadow:0 4px 14px #0000000d}.division-row:hover{border-color:var(--blue)}.division-row img{width:100%;max-height:105px;object-fit:contain}.division-row h2{margin:0 0 8px}.division-row p{margin:0}.about-building{display:block;width:100%;margin:32px 0;box-shadow:0 7px 22px #0000001c}.about-copy{font-size:1.07rem}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.value-grid div{background:var(--navy);color:#fff;padding:24px;text-align:center}.value-grid strong,.value-grid span{display:block}.value-grid strong{text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.value-grid span{font-size:1.55rem;font-weight:700}.division-hero{height:440px;margin:30px 0;background-position:center;background-size:cover;display:flex;align-items:flex-end;padding:30px}.division-hero img{width:360px;max-width:80%;background:#fff;padding:18px;box-shadow:0 5px 20px #00000030}.capabilities{background:var(--light);padding:25px 30px;margin:30px 0}.capabilities h2{margin:0 0 12px}.capabilities ul{columns:2;margin:0;padding-left:20px}@media(max-width:760px){.mast .wrap{display:block}.nav{flex-wrap:wrap;gap:12px;margin-top:16px}.tabs{display:block}.tab{width:100%;text-align:left}.slide{min-height:430px}.cards,.projects,.team-grid,.portfolio-grid,.value-grid{grid-template-columns:1fr}.division-row{grid-template-columns:1fr}.division-hero{height:300px}.capabilities ul{columns:1}.slide-copy h1{font-size:2rem}}
