:root{
  --bg:#0b0b0b;
  --text:#f5f5f5;
  --muted:#c9c9c9;
  --card:#141414;
  --accent:#1a1a1a;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
a{color:inherit;text-decoration:none}
.wrapper{max-width:900px;margin:0 auto;padding:24px}
header.site{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:20px}
nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:6px 0 8px}
nav a{padding:8px 12px;border-radius:9999px;background:var(--accent);border:1px solid #202020}
.title{font-size:clamp(28px,5vw,44px);font-weight:800;text-align:center;letter-spacing:.2px}
.subtitle{font-size:clamp(16px,3.2vw,22px);text-align:center;color:var(--muted);margin-top:-6px}
.card{background:var(--card);border:1px solid #1f1f1f;border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.stack{display:grid;gap:14px}
.bullets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:8px}
.pill{background:var(--accent);border:1px solid #202020;border-radius:9999px;padding:10px 14px}
footer.site{margin:28px 0 12px;color:#bdbdbd;text-align:center;font-size:14px}
.heart{display:inline-flex;gap:6px;align-items:center;justify-content:center;margin-top:6px}
.cta{display:inline-block;padding:12px 16px;border-radius:12px;background:#1f9d55;border:0;color:white;font-weight:700}
.cta:hover{filter:brightness(1.05)}
small.hint{color:var(--muted)}
.flag-wrap{width:100%;max-width:960px;aspect-ratio:2/1;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.flag-link{display:block;width:100%;height:100%}
.flag-img{width:100%;height:100%;object-fit:contain;display:block}
@media (prefers-color-scheme: light){
  :root{--bg:#ffffff;--text:#111;--muted:#444;--card:#f6f6f6;--accent:#efefef}
  .card{border-color:#e5e5e5;box-shadow:0 6px 18px rgba(0,0,0,.08)}
}

/* Gallery grid & lightbox */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.gallery figure{margin:0;background:var(--card);border:1px solid #1f1f1f;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.gallery img{width:100%;height:160px;object-fit:cover;display:block}
.gallery figcaption{padding:10px 12px;color:var(--muted);font-size:14px}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:9999}
.lb.open{display:flex}
.lb-img{max-width:95vw;max-height:85vh;display:block;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.lb-close{position:absolute;top:16px;right:16px;background:#000;border:1px sol


/* === Header redesign: flag left, text + nav right === */
.header-horizontal {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.small-flag {
  width: 140px;
  min-width: 120px;
  aspect-ratio: 3/2;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,.25);
}

.small-flag img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.header-text {
  flex: 1;
  min-width: 240px;
}

.header-text .title {
  text-align: left;
  margin: 0;
}

.header-text .subtitle {
  text-align: left;
  margin: 4px 0 10px;
}

/* Adjust nav alignment */
.header-text nav {
  justify-content: flex-start;
  margin-top: 4px;
}

/* Mobile layout: stack vertically */
@media (max-width: 700px) {
  .header-horizontal {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .header-text .title,
  .header-text .subtitle {
    text-align: center;
  }
  .header-text nav {
    justify-content: center;
  }
}