*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff}
body{font-family:Arial,Helvetica,sans-serif}
.site{width:100%;max-width:2560px;margin:0 auto;background:#fff}
.art-page{position:relative;width:100%;overflow:hidden;background:#fff}
.art-page>img{display:block;width:100%;height:auto;margin:0}
.hotspot{position:absolute;z-index:30;display:block;background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hotspot:focus-visible{outline:2px solid #111;outline-offset:2px}
.language-switch{position:absolute;right:.55%;top:.45%;z-index:50;display:flex;gap:7px;align-items:center;padding:2px 4px;background:rgba(255,255,255,.92);border-radius:12px}
.language-switch a{font-size:16px;line-height:1;text-decoration:none;filter:none}
.language-switch a[aria-current="page"]{opacity:.45}
.art-page.cropped{aspect-ratio:2.025/1}
.art-page.cropped>img{position:absolute;left:0;top:0;width:100%;height:auto;transform:translateY(-12.15%)}
.mobile-header{display:none}

@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .site{width:100%;max-width:100%;margin:0;overflow:hidden}
  .art-page{width:100%;max-width:100%;height:auto;overflow:hidden}
  .art-page>img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center top}
  .art-page.cropped{width:100%;max-width:100%;height:auto;aspect-ratio:auto;overflow:hidden}
  .art-page.cropped>img{position:relative;left:auto;top:auto;width:100%;max-width:100%;height:auto;transform:none;object-fit:contain;object-position:center top}

  /* Real mobile navigation: independent from the image hotspots. */
  .mobile-header{display:block;position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid rgba(0,0,0,.10)}
  .mobile-header__top{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:7px 12px 5px}
  .mobile-brand{color:#111;text-decoration:none;font-size:18px;line-height:1;font-weight:700;letter-spacing:.02em;padding:8px 4px}
  .mobile-langs{display:flex;align-items:center;gap:3px}
  .mobile-langs a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;text-decoration:none;font-size:18px;border-radius:6px;-webkit-tap-highlight-color:transparent}
  .mobile-langs a[aria-current="page"]{background:#f2f2f2}
  .mobile-header__nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.07)}
  .mobile-header__nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 3px;color:#111;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.02em;-webkit-tap-highlight-color:transparent}
  .mobile-header__nav a+a{border-left:1px solid rgba(0,0,0,.06)}

  /* Hide only the old overlay menu/flags on mobile; category/PDF/contact hotspots remain active. */
  .language-switch{display:none!important}
  .hotspot[aria-label="Home"],
  .hotspot[aria-label="Work"],
  .hotspot[aria-label="About"],
  .hotspot[aria-label="CV"],
  .hotspot[aria-label="Contact"]{display:none!important}
  .hotspot{pointer-events:auto;touch-action:manipulation;min-height:34px}
}

@media(max-width:430px){
  .mobile-header__top{padding-left:10px;padding-right:10px}
  .mobile-header__nav a{font-size:11px;min-height:42px}
  .mobile-langs a{width:32px;height:32px;font-size:17px}
  .hotspot{min-height:32px}
}