:root{--bg:#f6fbff;--card:#fff;--accent1:#0b67a6;--accent2:#0ba38a;--muted:#46627a;--maxw:1200px;--radius:12px}
*{box-sizing:border-box}body{font-family:Inter,system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial;margin:0;background:var(--bg);color:#122}
header{background:linear-gradient(90deg,var(--accent1),var(--accent2));padding:14px 20px;color:#fff;display:flex;align-items:center;gap:16px}
header img{height:56px}header h1{margin:0;font-size:18px}
nav{margin-left:auto}nav a{color:#fff;text-decoration:none;margin-left:14px;font-weight:600}
.container{max-width:var(--maxw);margin:28px auto;padding:22px;background:var(--card);border-radius:var(--radius);box-shadow:0 10px 30px rgba(16,40,60,.08)}
.grid{display:grid;grid-template-columns:2fr 360px;gap:22px}
.card{padding:18px;background:linear-gradient(180deg,#fff,#fbfeff);border-radius:10px;border:1px solid #e6f1f7}
h2{color:var(--accent1);margin-top:0}h3{color:var(--accent2)}
ul{padding-left:18px}
.photo{width:100%;border-radius:10px;display:block;margin:12px 0;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery figure{margin:0} .thumb{width:100%;height:160px;object-fit:cover;border-radius:8px;cursor:pointer}
.caption{font-size:13px;color:var(--muted);margin-top:6px}
footer{font-size:13px;color:var(--muted);margin-top:18px;text-align:center}
@media(max-width:980px){.grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}}
/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:20px;z-index:9999}
.lightbox img{max-width:95%;max-height:85%;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.6)}
.lightbox .close{position:absolute;top:18px;right:18px;color:#fff;font-size:22px;background:transparent;border:none;cursor:pointer}
.thumb-small{height:70px;object-fit:cover;border-radius:6px;border:1px solid #eaeef2}
.gallery-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.bib{font-size:14px;line-height:1.45}