/* Art archive: era tabs, arched gallery grid, lightbox. Colors come from the
   site plugin's --rd-* tokens, with fallbacks. */

.rd73-art{width:90%;max-width:1400px;margin:0 auto;padding:2rem 0 4rem}
.rd73-art-title{font-family:var(--rd-head,Cinzel,serif);color:var(--rd-gold,#d4a017);text-align:center;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.06em;margin:0 0 1rem}
.rd73-art-intro{max-width:780px;margin:0 auto;color:#bbb;font-size:1rem;line-height:1.7;text-align:center}

/* The designer gold rule */
.rd73-hr{border:0;height:1px;margin:1.6rem auto 2rem;max-width:520px;overflow:visible;position:relative;background:linear-gradient(90deg,transparent,var(--rd-gold,#d4a017) 22%,var(--rd-gold,#d4a017) 78%,transparent)}
.rd73-hr::after{content:"\2726";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 .8rem;background:var(--rd-bg,#0a0a0a);color:var(--rd-gold,#d4a017);font-size:.9rem;line-height:1}

/* Era tabs */
.rd73-era-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.6rem;margin:0 0 1.8rem}
.rd73-era-tab{background:none!important;border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;box-shadow:none!important;transform:none!important;color:#999!important;font-family:var(--rd-head,Cinzel,serif)!important;font-weight:600;font-size:1rem;letter-spacing:.08em;padding:.4rem .2rem!important;cursor:pointer;transition:color .2s,border-color .2s}
.rd73-era-tab:hover{color:var(--rd-text,#e8e8e8)!important}
.rd73-era-tab.is-active{color:var(--rd-gold,#d4a017)!important;border-bottom-color:var(--rd-gold,#d4a017)!important}
.rd73-era-tab[disabled]{opacity:.45;cursor:default}
.rd73-era-count{font-family:var(--rd-ui,Inter,sans-serif);font-weight:400;font-size:.72rem;color:var(--rd-dim,#666);margin-left:.4rem;letter-spacing:0}

/* Each era's story, with an illuminated drop cap */
.rd73-era-story{max-width:780px;margin:0 auto 2.2rem;color:#bbb;line-height:1.75;font-size:1rem}
.rd73-era-story[hidden]{display:none!important}
.rd73-era-story p:first-child::first-letter{font-family:var(--rd-head,Cinzel,serif);color:var(--rd-gold,#d4a017);float:left;font-size:3.3em;line-height:.85;margin:.06em .14em 0 0}
.rd73-story-more{display:none}

/* Arched gallery grid */
.rd73-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rd73-art-tile{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;background:#111;border:1px solid rgba(212,160,23,.28);border-radius:46% 46% 3px 3px/12% 12% 3px 3px;transition:border-color .25s,box-shadow .25s}
.rd73-art-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) brightness(.92);transition:transform .5s ease,filter .5s ease}
.rd73-art-tile:hover,.rd73-art-tile:focus-visible{border-color:var(--rd-gold,#d4a017);box-shadow:0 0 0 1px rgba(212,160,23,.35),0 10px 30px rgba(0,0,0,.6),0 0 24px rgba(212,160,23,.12);outline:none}
.rd73-art-tile:hover img,.rd73-art-tile:focus-visible img{transform:scale(1.04);filter:none}
.rd73-art-error{grid-column:1/-1;text-align:center;color:#999;font-style:italic}

/* More Artwork */
.rd73-art-more-wrap{text-align:center;margin-top:2.5rem}
.rd73-art-more,.rd73-story-more{background:transparent!important;color:var(--rd-gold,#d4a017)!important;border:1px solid var(--rd-gold,#d4a017)!important;border-radius:2px!important;box-shadow:none!important;font-family:var(--rd-head,Cinzel,serif)!important;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;padding:.8rem 2.2rem!important;cursor:pointer;transition:background .2s,color .2s}
.rd73-art-more:hover,.rd73-story-more:hover{background:var(--rd-gold,#d4a017)!important;color:var(--rd-bg,#0a0a0a)!important}
.rd73-art-more[hidden]{display:none!important}
.rd73-art.is-loading .rd73-art-more{opacity:.5;pointer-events:none}

@media (max-width:767px){
  .rd73-art{width:94%}
  .rd73-art-grid{gap:8px}
  .rd73-era-tabs{gap:.3rem 1rem}
  .rd73-era-tab{font-size:.85rem}
  /* Mobile: first paragraph of a story, then Read more */
  .rd73-era-story:not(.is-expanded) p:not(:first-child){display:none}
  .rd73-era-story:not(.is-expanded) .rd73-story-more{display:inline-block;font-size:.75rem;padding:.5rem 1.4rem!important;margin-top:.4rem}
}

/* Lightbox */
html.rd73-lb-lock{overflow:hidden}
.rd73-lightbox{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;background:rgba(5,5,6,.95)}
.rd73-lightbox.is-open{display:flex}
.rd73-lb-figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:92vw}
.rd73-lb-figure img{max-width:92vw;max-height:82vh;object-fit:contain;border:1px solid rgba(212,160,23,.4);box-shadow:0 20px 60px rgba(0,0,0,.8)}
.rd73-lb-figure figcaption{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;justify-content:center;margin-top:.9rem;font-family:var(--rd-head,Cinzel,serif);color:#999;font-size:.85rem;letter-spacing:.06em}
.rd73-lb-title{color:var(--rd-gold,#d4a017)}
.rd73-lb-nft{color:var(--rd-gold,#d4a017)!important;border:1px solid var(--rd-gold,#d4a017);padding:.25rem .8rem;border-radius:2px}
.rd73-lb-nft[hidden]{display:none!important}
.rd73-lb-close,.rd73-lb-prev,.rd73-lb-next{position:absolute;background:none!important;border:0!important;box-shadow:none!important;color:#bbb!important;font-size:2.6rem;line-height:1;cursor:pointer;padding:.4rem .9rem!important}
.rd73-lb-close:hover,.rd73-lb-prev:hover,.rd73-lb-next:hover{color:var(--rd-gold,#d4a017)!important}
.rd73-lb-close{top:.6rem;right:.8rem;font-size:2.2rem}
.rd73-lb-prev{left:.4rem;top:50%;transform:translateY(-50%)}
.rd73-lb-next{right:.4rem;top:50%;transform:translateY(-50%)}
@media (max-width:767px){.rd73-lb-prev,.rd73-lb-next{top:auto;bottom:1rem;transform:none}}