body{margin:0}
.site-hero::after{background:rgba(10,17,40,.10)!important}
  a{color:#d4af6a;text-decoration:none}
  a:hover{color:#e8c98a}
  .masonry{column-count:3;column-gap:14px}
  .masonry-item{break-inside:avoid;margin-bottom:14px}
  .royal-gallery-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 40px 38px;direction:rtl}
  .royal-gallery-pagination button{min-width:36px;height:36px;padding:0 12px;border:1px solid #d4af6a;border-radius:9px;background:transparent;color:#f2f0e8;font:700 12px 'Cairo',sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
  .royal-gallery-pagination button:hover,.royal-gallery-pagination button:focus-visible{background:rgba(212,175,106,.16);transform:translateY(-2px);outline:none}
  .royal-gallery-pagination button.is-active{background:#d4af6a;color:#0a1128;box-shadow:0 5px 15px rgba(212,175,106,.25)}
  @media(max-width:560px){.royal-gallery-pagination{gap:5px;padding:0 14px 28px}.royal-gallery-pagination button{min-width:32px;height:34px;padding:0 8px;font-size:10px}.royal-gallery-pagination button:first-child,.royal-gallery-pagination button:last-child{font-size:0}.royal-gallery-pagination button:first-child::before{content:'→';font-size:17px}.royal-gallery-pagination button:last-child::before{content:'←';font-size:17px}}

/* Mobile photo viewer: preserve the complete image in portrait, landscape,
   native fullscreen and the fallback fullscreen layer. */
.royal-photo-lightbox,
.royal-photo-zoom {
  box-sizing:border-box;
  z-index:100000 !important;
  width:100%;
  width:100dvw;
  height:100%;
  height:100dvh;
}

.royal-photo-zoom {
  z-index:100001 !important;
}

.royal-photo-lightbox__content {
  box-sizing:border-box;
  min-width:0;
  max-height:100%;
}

.royal-photo-lightbox__nav {
  z-index:12;
  width:46px;
  height:46px;
  padding:0;
  border:1px solid rgba(212,175,106,.75);
  border-radius:50%;
  background:rgba(10,17,40,.82);
  color:#e8c98a;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 22px rgba(0,0,0,.32);
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.royal-photo-lightbox__nav:hover,
.royal-photo-lightbox__nav:focus-visible {
  background:#d4af6a;
  color:#0a1128;
  outline:none;
  transform:scale(1.06);
}

.royal-photo-lightbox__nav svg {
  pointer-events:none;
}

.royal-photo-lightbox__frame {
  box-sizing:border-box;
  width:100%;
  background-color:#000 !important;
  background-position:center !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
}

.royal-photo-lightbox__frame:fullscreen,
.royal-photo-lightbox__frame:-webkit-full-screen {
  width:100vw !important;
  width:100dvw !important;
  height:100vh !important;
  height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  border:0 !important;
  border-radius:0 !important;
  background-size:contain !important;
}

.royal-photo-zoom {
  padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  background-position:center !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
}

@media (max-width:760px) and (orientation:portrait) {
  .royal-photo-lightbox {
    padding:max(58px,calc(env(safe-area-inset-top) + 42px)) 42px max(18px,env(safe-area-inset-bottom)) !important;
    overflow:hidden;
  }

  .royal-photo-lightbox__content {
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .royal-photo-lightbox__frame {
    height:auto !important;
    max-height:calc(100dvh - 250px);
    aspect-ratio:16 / 10;
    flex:0 1 auto;
  }

  .royal-photo-lightbox__caption {
    max-height:170px;
    overflow:auto;
    overscroll-behavior:contain;
  }

  .royal-photo-lightbox__nav {
    width:40px;
    height:40px;
  }

  .royal-photo-lightbox__nav--prev { right:4px !important; }
  .royal-photo-lightbox__nav--next { left:4px !important; }
}

@media (max-height:520px) and (orientation:landscape) {
  .royal-photo-lightbox {
    padding:max(10px,env(safe-area-inset-top)) 58px max(10px,env(safe-area-inset-bottom)) !important;
    overflow:hidden;
  }

  .royal-photo-lightbox__content {
    width:100% !important;
    max-width:none !important;
    height:100%;
  }

  .royal-photo-lightbox__frame {
    width:100%;
    height:100% !important;
    max-height:100%;
    border-radius:10px !important;
  }

  .royal-photo-lightbox__caption {
    display:none;
  }

  .royal-photo-lightbox > svg[style*="top:24px"] {
    top:max(12px,env(safe-area-inset-top)) !important;
    left:max(14px,env(safe-area-inset-left)) !important;
    z-index:12;
  }
}

/* A single CMS image supplies the card, viewer and fullscreen view. */
.royal-photo-card > img.royal-photo-image { width:100%; height:100%; object-fit:cover; display:block; }
.royal-photo-lightbox__frame[id] { background-image:none!important; }
.royal-photo-full-image { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block; }
.royal-photo-zoom-image { width:100%; height:100%; object-fit:contain; display:block; }