.project-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.project-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;padding:42px;border-radius:8px;color:white;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.project-card.pine,.project-hero.pine{background:linear-gradient(135deg,#15516d,#07354c)}
.project-card.norlong,.project-hero.norlong{background:linear-gradient(135deg,#e51b26,#971523)}
.project-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #07354c28}
.project-card:focus-visible{outline:4px solid #0b4260;outline-offset:5px}
.project-card h3{font-family:Georgia,serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:400;line-height:1.1;margin:18px 0}
.project-card p{font-size:1.05rem;line-height:1.7;max-width:400px;margin:0 0 30px;color:#fff}
.project-location{text-transform:uppercase;font-size:.85rem;letter-spacing:.12em;font-weight:700}
.project-link{font-size:.95rem;border-top:1px solid #ffffff66;padding-top:20px;font-weight:700}
.project-hero{color:white;padding:95px max(24px,calc((100vw - 1164px)/2));min-height:360px;display:flex;flex-direction:column;justify-content:center}
.project-hero h1{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5rem);font-weight:400;line-height:1.1;margin:20px 0}
.project-hero p{font-size:1.15rem;line-height:1.8;max-width:720px;margin:0}
.project-content{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.project-content h2{font-family:Georgia,serif;font-size:2.4rem;line-height:1.2;font-weight:400;margin:18px 0}
.project-content p{line-height:1.8;color:#54636a}
.notice-empty{padding:28px;background:#e8f0f3;border-left:4px solid #e51b26;margin-top:25px}
.notice-empty h3{font-size:1.1rem;margin:0 0 12px}.notice-empty p{margin:0}
.project-subnav{display:flex;gap:25px;flex-wrap:wrap;padding:20px 24px;justify-content:center;border-bottom:1px solid #d5e0e5;background:white;font-weight:700}
@media(max-width:800px){.project-cards,.project-content{grid-template-columns:1fr}.project-content{gap:40px}.project-card{min-height:370px;padding:30px}.project-hero{padding:65px 24px}.project-subnav{font-size:.9rem;gap:18px}}

.project-card.pine{background:linear-gradient(0deg,rgba(7,53,76,.98),rgba(7,53,76,.68) 40%,rgba(7,53,76,.08) 75%),url('/61-pine-render.jpg') center/cover}
.project-card.norlong{background:linear-gradient(0deg,rgba(110,12,24,.98),rgba(130,15,29,.64) 40%,rgba(130,15,29,.04) 75%),url('/4-norlong-render.png') center/cover}
.project-card{min-height:520px;padding-top:95px}
.project-card .project-status{position:absolute;top:25px;left:30px}
.project-status{display:inline-flex;align-self:flex-start;background:#fff;color:#0b4260;border-radius:4px;padding:10px 16px;font-size:.9rem;font-weight:750;margin-bottom:20px;letter-spacing:.02em}
.norlong .project-status{color:#b11725}
.project-hero.pine{background:linear-gradient(90deg,rgba(7,53,76,.94),rgba(7,53,76,.3)),url('/61-pine-render.jpg') center/cover}
.project-hero.norlong{background:linear-gradient(90deg,rgba(110,12,24,.93),rgba(110,12,24,.24)),url('/4-norlong-render.png') center/cover}
.project-hero{min-height:480px}
.project-render{margin:0 auto;padding-top:55px;padding-bottom:0}.project-render img{display:block;width:100%;height:auto;border-radius:6px}.project-render figcaption{font-size:.9rem;color:#54636a;margin-top:14px}
@media(max-width:800px){.project-card{min-height:480px}.project-card .project-status{left:25px}.project-hero{min-height:420px}}