#landscape-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;}
#landscape-grid figure{margin:0;}
#landscape-grid img{width:100%;display:block;border:2px solid #f0e6c8;}
#landscape-grid figcaption{padding:.5rem 0;font-size:.9rem;line-height:1.3;}
#square-grid{display:grid;grid-template-columns:1fr;gap:.75rem;}
#square-grid button{all:unset;cursor:pointer;display:block;}
#square-grid img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover;border:2px solid #f0e6c8;transition:transform .2s ease;}
#square-grid img:focus,#square-grid img:hover{transform:scale(1.03);}
#modal{position:fixed;inset:0;z-index:1000;}
#modal-backdrop{position:absolute;inset:0;backdrop-filter:blur(12px);background:rgba(0,0,0,.75);}
#modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;padding:1.5rem;max-width:90vw;width:640px;border:2px solid #f0e6c8;box-shadow:0 0 0 4px rgba(240,230,200,.15);}
#modal-content img{width:100%;height:auto;display:block;border:2px solid #f0e6c8;margin-bottom:1rem;}
#modal-content p{margin:.25rem 0;}
#modal-close{position:absolute;top:.5rem;right:.75rem;background:#111;color:#f0e6c8;border:1px solid #f0e6c8;border-radius:4px;font-size:1.1rem;line-height:1;padding:.1rem .5rem;cursor:pointer;}
#modal-close:hover{background:#222;}
@media (min-width:700px){
#landscape-grid{grid-template-columns:1fr 1fr;}
#square-grid{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:1100px){
#square-grid{grid-template-columns:repeat(4,1fr);}
}