/* Clickable project gallery upgrade */
.page-hero.projects-hero{min-height:45vh;display:flex;align-items:center;justify-content:center;padding:150px 24px 80px;background:radial-gradient(circle at top,#123b2d 0%,#031b16 55%,#010f0c 100%);text-align:center;}
.page-hero-inner{max-width:950px;margin:auto;}
.page-hero h1{font-family:Oswald,Inter,sans-serif;font-size:clamp(2.6rem,7vw,5.5rem);line-height:.95;margin:12px 0 20px;color:#f5f1e8;}
.page-hero p{font-size:1.1rem;line-height:1.8;color:#d9d1bd;}
.compact{align-items:start;}
.strong-list span{font-weight:800;}
.clickable-project-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.project-photo-card{position:relative;border:1px solid rgba(244,197,66,.25);background:#041f1a;border-radius:22px;overflow:hidden;min-height:260px;padding:0;cursor:pointer;box-shadow:0 18px 45px rgba(0,0,0,.35);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.project-photo-card:hover{transform:translateY(-6px);border-color:#f3c742;box-shadow:0 22px 70px rgba(0,0,0,.5);}
.project-photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease;}
.project-photo-card:hover img{transform:scale(1.04);filter:brightness(.78);}
.project-photo-card span{position:absolute;left:18px;right:18px;bottom:18px;display:inline-flex;width:max-content;max-width:calc(100% - 36px);padding:10px 15px;border-radius:999px;background:rgba(4,31,26,.88);color:#f3c742;font-weight:900;backdrop-filter:blur(8px);}
.project-photo-card.wide{grid-column:span 1;min-height:300px;}
.project-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;}
.project-modal.is-open{display:flex;}
.project-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px);}
.project-modal-content{position:relative;z-index:1;width:min(980px,95vw);max-height:90vh;overflow:auto;background:#041f1a;border:1px solid rgba(244,197,66,.35);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.65);}
.project-modal-content img{width:100%;max-height:58vh;object-fit:contain;background:#000;display:block;border-radius:28px 28px 0 0;}
.modal-text{padding:28px;}
.modal-text h2{font-family:Oswald,Inter,sans-serif;font-size:clamp(1.8rem,4vw,3rem);margin:0 0 12px;color:#f3c742;}
.modal-text p{font-size:1.08rem;line-height:1.8;color:#f5f1e8;margin:0;}
.modal-close{position:absolute;top:14px;right:14px;z-index:2;width:44px;height:44px;border:none;border-radius:50%;background:rgba(4,31,26,.92);color:#f3c742;font-size:30px;line-height:1;cursor:pointer;}
@media(max-width:980px){.clickable-project-grid{grid-template-columns:1fr 1fr}.project-photo-card{min-height:230px}}
@media(max-width:640px){.clickable-project-grid{grid-template-columns:1fr}.project-photo-card,.project-photo-card.wide{min-height:260px}.page-hero.projects-hero{padding-top:130px}.modal-text{padding:22px}}