.project-gallery{max-width:1200px;margin:0 auto;padding:0 15px}.project-header{text-align:center;padding:60px 20px 40px}.project-header h1{font-size:36px;font-weight:300;letter-spacing:8px;text-transform:uppercase;margin-bottom:30px;color:#004}.project-info{display:block;text-align:center;font-size:14px;color:#555;line-height:1.8}.project-info p{margin:0 0 2px}.auto-grid{column-count:2;column-gap:8px}.auto-grid a{display:block;overflow:hidden;margin-bottom:8px;break-inside:avoid}.auto-grid img{width:100%;height:auto;display:block;transition:transform 0.4s ease}.auto-grid a:hover img{transform:scale(1.03)}.grid-group{display:grid;gap:8px;margin-bottom:8px}.grid-group a{display:block;overflow:hidden}.grid-group img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.grid-group a:hover img{transform:scale(1.03)}.landscape-group{grid-template-columns:1fr 1fr;aspect-ratio:2.4 / 1}.portrait-group{grid-template-columns:6fr 4fr;grid-template-rows:1fr 1fr}.portrait-group .grid-left{grid-row:1 / -1}.portrait-group .grid-left a{height:100%}.grid-group.single{aspect-ratio:16 / 9}.project-footer{text-align:center;padding:60px 20px;margin-top:40px;border-top:1px solid #e0e0e0}.project-footer ul{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between;flex-wrap:wrap}.project-footer a{color:#004;text-decoration:none;font-size:14px;transition:color 0.3s}.project-footer a:hover{color:#c6a561}@media (max-width:992px){.project-header h1{font-size:28px;letter-spacing:5px}.project-info{font-size:13px}.portrait-group{grid-template-columns:1fr 1fr}}@media (max-width:768px){.project-gallery{padding:0 10px}.project-header{padding:40px 15px 25px}.project-header h1{font-size:22px;letter-spacing:4px;margin-bottom:20px}.auto-grid{column-count:1}.grid-group{gap:6px;margin-bottom:6px}.landscape-group{grid-template-columns:1fr;aspect-ratio:auto}.landscape-group img{aspect-ratio:16 / 10}.portrait-group{grid-template-columns:1fr;grid-template-rows:auto}.portrait-group .grid-left{grid-row:auto}.portrait-group .grid-left img{aspect-ratio:3 / 4}.portrait-group img{aspect-ratio:16 / 10}.project-footer{padding:30px 15px}.project-footer ul{flex-direction:column;align-items:center;gap:12px}}@media (max-width:480px){.project-header h1{font-size:18px;letter-spacing:3px}.grid-group{gap:4px;margin-bottom:4px}}