*{box-sizing:border-box}
.hidden{display:none !important}
html{scroll-behavior:smooth}
body{margin:0;background:#0e0c0a;font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#d8a94a}
a:hover{color:#e8c06f}
input::placeholder,textarea::placeholder{color:rgba(245,239,230,.4)}
select option{color:#241b0f}

@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes glowdot{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

/* ---- image placeholders (swap for real <img> tags once photos are ready) ---- */
.ph{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:rgba(246,239,228,.05);
  border:1.5px dashed rgba(246,239,228,.28);
  color:rgba(246,239,228,.55);
  text-align:center;
  font:500 12px/1.35 'Poppins',sans-serif;
  padding:10px;
  overflow:hidden;
}
.ph-ic{font-size:22px;line-height:1;opacity:.85}
.ph-tx{max-width:92%}

/* ---- responsive nav: replaces the design-canvas isDesktop/isMobile sc-if switches ---- */
.only-desktop{display:flex}
.only-mobile{display:none}
@media (max-width:999px){
  .only-desktop{display:none}
  .only-mobile{display:flex}
}
#mobileMenu.only-mobile{display:none}
#mobileMenu.only-mobile.open{display:flex}

/* ---- portfolio nav dropdown ---- */
.nav-drop{position:relative}
.nav-drop-menu{
  position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);
  min-width:190px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.7);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s,transform .18s,visibility .18s;z-index:60;
}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);
}
.nav-drop-menu a{
  display:block;text-decoration:none;color:var(--ink);font:500 12px 'Poppins',sans-serif;letter-spacing:.03em;
  padding:9px 12px;border-radius:8px;white-space:nowrap;transition:background .15s,color .15s;
}
.nav-drop-menu a:hover{background:rgba(216,169,74,.12);color:var(--gold)}

/* ---- language switcher ---- */
.lang-switch{display:flex;align-items:center;gap:4px;padding:3px;background:rgba(246,239,228,.05);border:1px solid var(--line);border-radius:8px;}
.lang-btn{background:transparent;border:none;color:var(--muted);font:600 10.5px 'Poppins',sans-serif;letter-spacing:.03em;padding:6px 9px;border-radius:6px;cursor:pointer;transition:background .2s,color .2s;}
.lang-btn:hover{color:var(--ink);}
.lang-btn.active{background:var(--gold);color:#241b0f;}