/* Language selector */
.language-switcher{
  display:flex;
  align-items:center;
  gap:3px;
  padding:4px;
  border:1px solid #c8bcae;
  border-radius:999px;
  flex:none;
}
.language-switcher button{
  appearance:none;
  border:0;
  border-radius:999px;
  min-width:29px;
  padding:6px 5px;
  background:transparent;
  color:#66574c;
  cursor:pointer;
  font:10px/1 Arial,sans-serif;
  letter-spacing:.08em;
  transition:background .2s,color .2s;
}
.language-switcher button:hover{background:#e8e1d8}
.language-switcher button[aria-pressed="true"]{background:#66574c;color:#f3efe8}
.language-switcher button:focus-visible{outline:2px solid #66574c;outline-offset:2px}
@media (min-width:901px){
  .header nav{gap:clamp(16px,2vw,34px)}
}
@media (max-width:900px){
  .header{gap:14px}
  .language-switcher{margin-left:auto}
}
@media (max-width:420px){
  .header{gap:8px}
  .language-switcher{gap:1px;padding:3px}
  .language-switcher button{min-width:26px;padding:5px 3px;font-size:9px}
}

/* Ambient music */
.music-toggle{
  position:fixed;
  right:clamp(16px,2.2vw,32px);
  bottom:clamp(16px,2.2vw,32px);
  z-index:40;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(102,87,76,.42);
  border-radius:50%;
  background:rgba(243,239,232,.88);
  color:#66574c;
  box-shadow:0 5px 18px rgba(48,35,25,.12);
  backdrop-filter:blur(8px);
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
.music-toggle:hover{background:#66574c;color:#f3efe8;transform:translateY(-2px);box-shadow:0 8px 20px rgba(48,35,25,.18)}
.music-toggle:focus-visible{outline:2px solid #66574c;outline-offset:3px}
.music-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}
.music-icon--off{display:none}
.music-toggle[aria-pressed="true"] .music-icon--on{display:block}
.music-toggle[aria-pressed="true"] .music-icon--off{display:none}
.music-toggle[aria-pressed="false"] .music-icon--on{display:none}
.music-toggle[aria-pressed="false"] .music-icon--off{display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.music-toggle{width:41px;height:41px;right:15px;bottom:15px}.music-icon{width:18px;height:18px}}

/* Contact details */
.contact-details{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 42px;max-width:820px;margin:42px auto 0}
.contact-details a{display:inline-flex;flex-direction:column;gap:7px;color:#f3efe8;text-decoration:none;font-size:10px;letter-spacing:.13em;line-height:1.35;text-align:center}
.contact-details a:not(.contact-instagram) span{color:#e2d7c9;text-transform:uppercase;font-size:8px}
.contact-details strong{font:400 13px/1.35 Arial,sans-serif;letter-spacing:.03em;overflow-wrap:anywhere}
.contact-details .contact-instagram{align-self:end;padding-bottom:2px;border-bottom:1px solid rgba(243,239,232,.7);font-size:11px;text-transform:uppercase;transition:opacity .2s ease,border-color .2s ease}
.contact-details .contact-instagram:hover{opacity:.7;border-color:transparent}
.contact-details a:focus-visible{outline:2px solid #f3efe8;outline-offset:5px}
@media(max-width:700px){.contact-details{flex-direction:column;gap:24px;margin-top:35px}.contact-details .contact-instagram{align-self:center}.contact-details strong{font-size:12px}}
