:root{
    --ink:#0a1c2e;
    --accent:#c39b4e;
    --accent2:#7f5a1f;
    --paper:#f7f3ea;
}
 body{
    background:var(--paper);
    color:var(--ink);
    font-family:ui-sans-serif,system-ui,Roboto,Helvetica,Arial;
}

 h1{
    margin:.3rem 0;
    font-weight:700;
}
 a{
    color:var(--ink);
    text-decoration:none;
}

 .card{
    background:#fff;
    border-radius:1rem;
    box-shadow:0 6px 20px rgba(10,28,46,.06);
}
 .hero{
    padding:3rem 0;
}
 .grid{
    display:grid;
    gap:12px;
}
 #galleryGrid{
    grid-template-columns:repeat(12,minmax(0,1fr));
}
 @media(max-width:900px){
    #galleryGrid{
        grid-template-columns:repeat(6,minmax(0,1fr));
    }
}
 figure{
    margin:0;
}

 #lightbox{
    position:fixed;
    inset:0;
    display:grid;
    place-items:center;
    background:rgba(10,28,46,.6);
    z-index:60;
}
 #lightbox[hidden]{
    display:none;
}
 #lightbox figure{
    background:#fff;
    border-radius:1rem;
    max-width:min(1200px,92vw);
    max-height:88vh;
    overflow:hidden;
    display:grid;
    grid-template-rows:auto 1fr auto;
}
 #lightbox img{
    max-width:100%;
    max-height:70vh;
    object-fit:contain;
}