/* Home: a short masthead, then three equal parts: art, music, writing.
   Frames match the art tiles (art.css): arched tops, a thin gold edge. */
.rd73-home-head{position:relative;text-align:center;padding:4.5rem 1.5rem 3.5rem;margin:0 0 2.5rem;border-bottom:1px solid rgba(212,160,23,.25);background:linear-gradient(180deg,rgba(10,10,10,.6),rgba(10,10,10,.93)),url(/wp-content/uploads/2026/03/houses-of-the-holy-hero.png) center 30%/cover no-repeat}
.rd73-home-head h1{font-family:var(--rd-head,Cinzel,serif)!important;font-size:clamp(2rem,5vw,3.2rem)!important;line-height:1.15;letter-spacing:.04em;color:var(--rd-text,#e8e8e8)!important;margin:0 0 .7rem!important}
.rd73-home-head .rd73-home-tag{color:var(--rd-muted,#999);font-size:1.15rem;line-height:1.6;margin:0 0 1rem}
.rd73-home-head .rd73-home-gold{color:var(--rd-gold,#d4a017);font-family:var(--rd-head,Cinzel,serif);font-size:1.02rem;letter-spacing:.03em;line-height:1.7;margin:0}

/* The user's welcome ("Where Chaos Meets Creation"), under the masthead. */
.rd73-home-intro{max-width:760px;margin:0 auto;text-align:center}
.rd73-home-intro h2{font-family:var(--rd-head,Cinzel,serif)!important;color:var(--rd-gold,#d4a017)!important;font-size:clamp(1.3rem,3vw,1.8rem)!important;letter-spacing:.08em;margin:0 0 .5rem!important}
.rd73-home-intro .rd73-home-welcome{font-family:var(--rd-head,Cinzel,serif);color:#cbbd9c;font-size:.95rem;letter-spacing:.04em;line-height:1.5;margin:0 0 1.3rem}
.rd73-home-intro p{font-size:1.05rem;line-height:1.75;margin:0 0 1rem}

.rd73-home{max-width:1200px;margin:0 auto}
.rd73-home-part{padding:.5rem 0 1rem}
.rd73-home .rd73-home-blurb{max-width:720px;margin:-.6rem auto 1.8rem;text-align:center;color:var(--rd-muted,#999);font-size:1.02rem;line-height:1.6}
.rd73-home .rd73-home-links{display:flex;flex-wrap:wrap;gap:.8rem 1rem;justify-content:center;margin:1.8rem 0 0}

.rd73-home-grid{display:grid;gap:14px}
.rd73-home-albums{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Six albums: three across in three quarters of the width, so each cover is an art tile's size. */
.rd73-home-albums.is-three{grid-template-columns:repeat(3,minmax(0,1fr));width:75%;margin:0 auto}
/* Six 2:3 books across stand as tall as four squares, so the parts match. */
.rd73-home-books{grid-template-columns:repeat(6,minmax(0,1fr))}
.rd73-home-card{display:block;position:relative;min-width:0;text-decoration:none!important;color:inherit}
.rd73-home-frame{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-home-books .rd73-home-frame{aspect-ratio:2/3;border-radius:46% 46% 3px 3px/8% 8% 3px 3px}
.rd73-home-cover{display:block;width:100%;height:100%}
.rd73-home-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) brightness(.92);transition:transform .5s ease,filter .5s ease}
.rd73-home-card:hover .rd73-home-frame,.rd73-home-card:focus-within .rd73-home-frame{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)}
.rd73-home-card:hover img,.rd73-home-card:focus-within img{transform:scale(1.04);filter:none}
.rd73-home-cover:focus-visible,a.rd73-home-card:focus-visible{outline:none}
.rd73-home-noart{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--rd-head,Cinzel,serif);font-size:2rem;color:var(--rd-gold,#d4a017)}
.rd73-home-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.5rem;text-align:center;font-family:var(--rd-head,Cinzel,serif);font-size:.8rem;letter-spacing:.04em;line-height:1.3;color:#cbbd9c}

/* Play: the album here, in the site player. */
.rd73-home-play{position:absolute;right:8px;bottom:8px;z-index:2;width:40px;height:40px;min-height:0!important;padding:0!important;margin:0!important;display:flex;align-items:center;justify-content:center;border-radius:50%!important;background:rgba(10,8,7,.84)!important;border:1px solid rgba(212,160,23,.6)!important;color:var(--rd-gold,#d4a017)!important;box-shadow:0 2px 8px rgba(0,0,0,.6)!important;cursor:pointer;transition:transform .15s,background-color .15s,color .15s}
.rd73-home-play svg{width:20px;height:20px;fill:currentColor;margin-left:2px;display:block}
.rd73-home-play:hover,.rd73-home-play:focus-visible{background:var(--rd-gold,#d4a017)!important;color:#0a0a0a!important;transform:scale(1.08);outline:none}
.rd73-home-play.is-loading{opacity:.55;pointer-events:none}

.rd73-home-past{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1rem;margin:1.6rem 0 0;font-family:var(--rd-mono,"Courier Prime",monospace);font-size:.85rem;color:var(--rd-dim,#666)}
.rd73-home-past .rd73-home-track{position:static;width:auto;height:auto;gap:.45rem;padding:.45rem .95rem!important;border-radius:2px!important;background:transparent!important;border:1px solid rgba(212,160,23,.4)!important;color:#cbbd9c!important;box-shadow:none!important;font-family:var(--rd-mono,"Courier Prime",monospace);font-size:.85rem;letter-spacing:0;text-transform:none}
.rd73-home-past .rd73-home-track svg{width:14px;height:14px;margin:0}
.rd73-home-past .rd73-home-track:hover,.rd73-home-past .rd73-home-track:focus-visible{color:#0a0a0a!important;background:var(--rd-gold,#d4a017)!important;transform:none}

.rd73-home-staff{text-align:center;color:var(--rd-dim,#666);font-family:var(--rd-mono,"Courier Prime",monospace);font-size:.85rem;line-height:1.6;padding:2.5rem 0 2rem;margin:0}
body.rd73-dark .rd73-home-staff{color:var(--rd-dim,#666)}

@media (max-width:767px){
  .rd73-home-head{padding:3rem 1rem 2.5rem;margin-bottom:1.8rem}
  .rd73-home-head .rd73-home-tag{font-size:1rem}
  .rd73-home-head .rd73-home-gold{font-size:.92rem}
  .rd73-home-intro p{font-size:1rem;line-height:1.7}
  .rd73-home-grid{gap:8px}
  /* Three squares across and four books across: close in height again. */
  .rd73-home-albums,.rd73-home-albums.is-three{grid-template-columns:repeat(3,minmax(0,1fr));width:auto}
  .rd73-home-books{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rd73-home-albums .rd73-home-card:nth-child(n+7){display:none}
  .rd73-home-books .rd73-home-card:nth-child(n+9){display:none}
  .rd73-home-play{width:32px;height:32px;right:5px;bottom:5px}
  .rd73-home-play svg{width:16px;height:16px}
  .rd73-home-name{font-size:.68rem}
}
@media (prefers-reduced-motion:reduce){.rd73-home-frame img,.rd73-home-play{transition:none}}