:root { --cyphera-gold: #a7803c; }
html { background: #080a0a; }
body { margin: 0; background: #080a0a; }
.cinematic-natural-artboard { width: min(1140px, 92vw); margin: 0 auto; }
.cinematic-natural-artboard .cinematic-gallery-banner { height: clamp(300px, 35.6vw, 428px); min-height: 0; max-height: 428px; }
.cinematic-natural-artboard .cinematic-gallery-title { left: 7.6%; top: 50%; width: 42%; text-align: center; transform: translateY(-50%); text-shadow: 0 2px 18px #000; }
.cinematic-natural-artboard .cinematic-gallery-title > p { margin: 0 0 16px; color: #e1bb60; font-size: 10px; letter-spacing: .42em; }
.cinematic-natural-artboard .cinematic-gallery-title h1 { margin: 0; font: 400 clamp(30px, 3.5vw, 49px)/1.12 Georgia, serif; letter-spacing: .055em; }
.cinematic-natural-artboard .cinematic-gallery-title > span { width: 88px; height: 1px; margin: 16px auto; background: linear-gradient(90deg, transparent, #e1bb60, transparent); }
.cinematic-natural-artboard .cinematic-gallery-title blockquote { margin: 0; color: #c8c5be; font: italic clamp(12px, 1.4vw, 16px)/1.45 Georgia, serif; letter-spacing: .08em; }

.cinematic-gallery-photo[hidden] { display: none !important; }
.cinematic-gallery-photo > a { display: block; height: 100%; }
.cinematic-gallery-photo > a img { width: 100%; height: 100%; object-fit: cover; }

.pagination { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 42px 5.7% 64px; }
.pagination button { width: 34px; height: 34px; border: 1px solid rgba(188,138,45,.42); background: #050607; color: #aaa69e; font: 11px Arial,sans-serif; cursor: pointer; }
.pagination button:hover, .pagination button:focus-visible, .pagination button.is-current { border-color: rgba(225,187,96,.92); background: rgba(188,138,45,.1); color: #e1bb60; }

.cinematic-footer-banner { position: relative; aspect-ratio: 1900/300; min-height: 150px; overflow: hidden; border-top: 1px solid rgba(167,128,60,.7); border-bottom: 1px solid rgba(167,128,60,.45); }
.cinematic-footer-banner > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 58%; filter: saturate(.76) brightness(.72); }
.cinematic-footer-shade { position: absolute; inset: 0; background: rgba(0,0,0,.48); }
.cinematic-footer-banner p { position: absolute; z-index: 1; inset: 0; display: grid; place-items: center; margin: 0; padding: 24px; color: #d3cec4; text-align: center; text-shadow: 0 2px 10px #000; font: italic clamp(14px,1.4vw,21px)/1.5 Georgia,serif; letter-spacing: .06em; }

.copyright-bar { min-height: 72px; display: flex; align-items: center; justify-content: center; gap: 18px; border-top: 1px solid rgba(183,149,93,.2); background: linear-gradient(#030404f5,#010202); color: #77716a; text-align: center; text-transform: uppercase; letter-spacing: .24em; font-size: 8px; }
.copyright-bar i { width: 1px; height: 18px; background: linear-gradient(transparent,#b7955db8,transparent); }

@media (max-width: 860px) {
  .cinematic-natural-artboard { width: 100%; }
  .cinematic-natural-artboard .cinematic-gallery-banner { height: 340px; }
  .cinematic-natural-artboard .cinematic-gallery-title { left: 4%; width: 46%; }
}
@media (max-width: 640px) {
  .copyright-bar { min-height: 86px; flex-direction: column; gap: 7px; padding: 16px; }
  .copyright-bar i { width: 42px; height: 1px; background: linear-gradient(90deg,transparent,#b7955db8,transparent); }
}
@media (max-width: 560px) {
  .cinematic-natural-artboard .cinematic-gallery-banner { height: 300px; }
  .cinematic-natural-artboard .cinematic-gallery-title { left: 5%; width: 60%; text-align: left; }
  .cinematic-natural-artboard .cinematic-gallery-title h1 { font-size: 27px; }
  .cinematic-natural-artboard .cinematic-gallery-title > span { margin-right: 0; margin-left: 0; }
}