html, body { margin:0; padding:0; }
html { scroll-behavior:smooth; scroll-padding-top:68px; }
body {
  background:#F9F1E9; color:#1A1A1A;
  font-family:"Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight:300; -webkit-font-smoothing:antialiased;
}
*, *::before, *::after { box-sizing:border-box; }
a { color:inherit; text-decoration:none; }
a:hover { color:#1A1A1A; }
button { font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
[hidden] { display:none !important; }

@keyframes in { to { opacity:1; transform:none; } }
@keyframes barIn { to { opacity:1; transform:none; } }

@media (min-width:1160px) {
  [data-mq="burger"] { display:none !important; }
  [data-mq="mainnav"] { display:flex !important; }
  [data-mq="barlang"] { display:flex !important; }
  [data-mq="barlangmobile"] { display:none !important; }
}

/* Full-screen menu */
#menu.is-open {
  opacity:1 !important; visibility:visible !important; transform:none !important;
  transition:opacity .38s ease, transform .38s cubic-bezier(.2,.7,.2,1), visibility 0s !important;
}
#menu [data-mq="menulink"] { transition-delay:0s; }
#menu.is-open [data-mq="menulink"] { opacity:1 !important; transform:none !important; transition-delay:var(--d) !important; }

/* Home header: transparent until the visitor scrolls past the hero */
[data-mq="bar"].is-scrolled {
  background:rgba(247,238,229,.88) !important;
  border-bottom-color:rgba(168,129,71,.18) !important;
  backdrop-filter:saturate(150%) blur(14px) !important;
  -webkit-backdrop-filter:saturate(150%) blur(14px) !important;
}
[data-mq="bar"].is-scrolled [data-mq="barbrand"] { opacity:1 !important; transform:none !important; pointer-events:auto !important; }
[data-mq="barlangmobile"] { transition:opacity .3s ease, visibility 0s linear 0s; }
[data-mq="bar"].is-scrolled [data-mq="barlangmobile"] { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transition:opacity .3s ease, visibility 0s linear .3s; }

/* Language switch */
[data-lang] button[aria-current="true"] { color:#1A1A1A !important; background:rgba(168,129,71,.14) !important; }
[data-lang="home"] button[aria-current="true"] { background:rgba(255,255,255,.6) !important; box-shadow:inset 0 0 0 1px rgba(168,129,71,.35) !important; }

/* Photo placeholder (to be replaced by a real <img> once the photo exists) */
.slot {
  display:grid; place-items:center;
  background-color:#EBDFD2;
  background-image:repeating-linear-gradient(135deg, rgba(168,129,71,.10) 0 10px, rgba(168,129,71,0) 10px 20px);
}
.slot > span {
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:10px; letter-spacing:.14em;
  text-transform:uppercase; color:#8C7A63; text-align:center; padding:0 18px;
}

@media (prefers-reduced-motion:reduce) {
  [data-fade], [data-mq="bar"] { animation:none !important; opacity:1 !important; transform:none !important; }
  #menu, #menu [data-mq="menulink"], [data-mq="barbrand"] { transition:none !important; }
}