:root { color-scheme: light; background: #e4d2c7; color: #30241e; font-family: Arial, sans-serif; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { min-height: 100svh; }
.languages { position: absolute; z-index: 2; top: 20px; right: clamp(20px, 4vw, 64px); display: flex; gap: 9px; align-items: center; padding: 8px 12px; background: #e4d2c7e8; border-radius: 4px; font-size: 14px; letter-spacing: .08em; }
.languages a { color: inherit; text-decoration: none; padding: 4px; }
.languages a:hover, .languages a:focus-visible { text-decoration: underline; }
.languages a[aria-current] { font-weight: 700; }
main { min-height: 100svh; display: flex; align-items: center; }
.art { width: 100%; }
.art img { display: block; width: 100%; height: auto; }
.art-mobile { display: none; }
@media (max-width: 700px) {
  .languages { left: 20px; right: auto; }
  main { display: block; }
  .art-desktop { display: none; }
  .art-mobile { display: block; }
  .art-mobile img { min-height: 100svh; object-fit: contain; object-position: top center; }
}