
:root{
  --bg:#ffffff;
  --text:#161616;
  --muted:#666;
  --line:#e9e9e9;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Playfair Display', Georgia, 'Times New Roman', serif;
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
a:hover{opacity:.9}
.site-header{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:18px 28px;border-bottom:1px solid var(--line); position:sticky; top:0; background:#fff; z-index:10;
}
.brand img{height:80px;width:auto;display:block}
.nav a{margin-left:20px;border-bottom:1px solid transparent;padding-bottom:2px}
.nav a:hover{border-color:#333}
.social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line)}
.site-main{padding:24px}
.site-footer{border-top:1px solid var(--line); padding:18px 28px; color:var(--muted); font-size:14px}
.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.footer-contact span{margin:0 8px;color:#bbb}

.page-header{max-width:1200px;margin:10px auto 20px auto}
.page-header h1{font-weight:500;font-size:40px;margin:0 0 6px}

.gallery{max-width:1200px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:24px}
.tile{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff;cursor:pointer}
.tile img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}

.about-slim{max-width:900px;margin:0 auto}
.about-text h2{font-weight:600;margin:20px 0 8px}
.about-text ul{padding-left:20px;margin:8px 0 16px}
.about-text li{margin:4px 0}

/* Apply Plus Jakarta Sans to About page body text only */
.about-font-jakarta p, .about-font-jakarta li { 
  font-family:'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; 
  letter-spacing:.1px;
}

.contact-grid{display:grid;grid-template-columns:1fr;gap:28px;max-width:700px;margin:0 auto}
.contact-card{border:1px solid var(--line);border-radius:12px;padding:20px 22px}

/* Font hooks for Contact page */
.contact-font-jakarta{font-family:'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; letter-spacing:.1px;}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:24px;z-index:999}
.lightbox.open{display:flex}
.lightbox img{max-width:92vw;max-height:80vh;border-radius:10px;border:1px solid #333}
.lb-close{position:absolute;top:16px;right:20px;font-size:34px;line-height:1;border:0;background:transparent;color:#fff;cursor:pointer}

@media (max-width:900px){
  .brand img{height:68px}
}

.container{max-width:1200px;margin:0 auto;padding:0 24px;}
