.worldwide-work { scroll-margin-top: 120px; }
.worldwide-work .h2 { margin-bottom: 40px; }
.worldwide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.worldwide-photo { display: block; min-width: 0; background: #111b16; }
.worldwide-photo:first-child { grid-column: 1 / -1; }
.worldwide-photo img { display: block; width: 100%; height: auto; }
.worldwide-photo:focus-visible { outline: 2px solid #c7a65b; outline-offset: 6px; }
.worldwide-viewer { position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 72px 72px 28px; border: 0; background: #0b100ff7; color: #fff; box-sizing: border-box; }
.worldwide-viewer::backdrop { background: #0b100f; }
.worldwide-viewer[open] { display: grid; place-items: center; }
.worldwide-viewer img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.worldwide-viewer button { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid #ffffff55; background: #101a15; color: #fff; font: 28px/1 sans-serif; cursor: pointer; border-radius: 0; }
.worldwide-viewer button:hover { border-color: #c7a65b; }
.worldwide-viewer button:focus-visible { outline: 2px solid #c7a65b; outline-offset: 3px; }
.worldwide-close { top: 16px; right: 20px; }
.worldwide-prev { left: 12px; top: calc(50% - 24px); }
.worldwide-next { right: 12px; top: calc(50% - 24px); }
html.worldwide-viewer-open { overflow: hidden; }
@media (max-width: 640px) {
  .worldwide-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .worldwide-work .h2 { margin-bottom: 28px; }
  .worldwide-viewer { padding: 76px 12px 84px; }
  .worldwide-prev { top: auto; bottom: 20px; left: calc(50% - 60px); }
  .worldwide-next { top: auto; bottom: 20px; right: calc(50% - 60px); }
}