:root{
  --bg:#ffffff;--fg:#111;--muted:#666;--line:#e8e8e8;--shadow:0 8px 24px rgba(0,0,0,.06);--radius:18px;--accent:#111;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.6}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
header.site-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}
.navbar{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:700}
.nav{display:flex;gap:18px;align-items:center}
.nav a{padding:8px 10px;border-radius:10px}
.nav a.active, .nav a:hover{background:#f6f6f6}
.logo-hero{display:flex;align-items:center;justify-content:center;padding:28px 0 6px}
.logo-hero img{max-width:460px;width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow)}
.main-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:22px;margin:24px 0 40px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.main-grid .card img{display:block;width:100%;height:360px;object-fit:cover}
.footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);text-align:center}
.content{max-width:900px;margin:0 auto;padding:28px 20px}
h1{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:6px 0 8px}
h2{font-size:clamp(20px,2.4vw,28px);margin:20px 0 10px}
p{font-size:17px}
ul{padding-left:18px}
.note{color:var(--muted);font-size:14px}
/* Two rows of photos only on home */
.home-grid .card:nth-child(n+7){display:none}
.flags{display:flex;gap:10px;align-items:center}
.flags img{width:22px;height:auto;display:inline-block}
.bio p{margin:14px 0}

/* Galleries grid — masonry without cropping */
.gallery-grid{column-count:3; column-gap:18px; margin:24px 0 60px}
.gallery-grid img{width:100%; height:auto; display:block; margin:0 0 18px 0; border-radius:12px; border:1px solid var(--line); box-shadow:var(--shadow); break-inside: avoid}
@media (max-width:768px){
  .main-grid,.gallery-grid{column-count:2}
  .main-grid .card img{height:220px}
}

  }



/* Instagram page */
.instagram-page{padding-top:32px;padding-bottom:48px;}
.instagram-hero{margin-top:24px;}
.instagram-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding:24px 24px 28px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fafafa;}
.instagram-text{flex:1 1 260px;}
.instagram-handle{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;}
.instagram-text p{margin:8px 0;}
.instagram-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.instagram-cta:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.16);text-decoration:none;background:#000;}
.instagram-qr{flex:0 0 260px;text-align:center;}
.instagram-qr picture{display:block;max-width:220px;margin:0 auto;}
.instagram-qr img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line);}
.instagram-hint{font-size:13px;color:var(--muted);margin-top:10px;}
@media(max-width:700px){
  .instagram-card{padding:20px 18px;}
  .instagram-qr{order:-1;}
}


.instagram-portrait{
  margin-top:40px;
  text-align:center;
}
.instagram-portrait figure{
  margin:0;
}
.instagram-portrait picture{
  display:block;
  max-width:420px;
  margin:0 auto;
}
.instagram-portrait img{
  width:100%;
  height:auto;
  border-radius:18px;
  box-shadow:var(--shadow);
}
.instagram-portrait figcaption{
  margin-top:12px;
  font-size:14px;
  color:var(--muted);
}
/* Contact form */
.contact-form{margin-top:24px;max-width:720px;}
.contact-form .form-row{display:flex;flex-wrap:wrap;gap:18px;}
.contact-form .form-field{flex:1 1 220px;display:flex;flex-direction:column;}
.contact-form label{font-size:14px;font-weight:600;margin-bottom:6px;}
.contact-form input,
.contact-form textarea{border-radius:10px;border:1px solid var(--line);padding:10px 12px;font:inherit;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
.contact-form input:focus,
.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow);}
.contact-form textarea{resize:vertical;min-height:140px;}
.contact-form button[type=submit]{margin-top:16px;}
@media(max-width:600px){
  .contact-form .form-row{flex-direction:column;}
}