.worlds-index .intro { margin-bottom:34px; }
.worlds-index .intro h1 { margin-bottom:10px; }
.worlds-index .intro p { color:var(--muted); }
.worlds-gallery-block { display:block; }
.worlds-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 24px; }
.world-card { display:grid; gap:7px; color:var(--ink); text-decoration:none; scroll-margin-top:35px; }
.world-card img { display:block; width:100%; aspect-ratio:8 / 5; object-fit:cover; background:var(--line); }
.world-card.portrait-card img { object-position:center 42%; }
.world-title { color:var(--accent); font-weight:500; }
.world-card small { display:block; color:var(--muted); font-size:13px; }
.world-card:hover .world-title,.world-card:focus-visible .world-title { text-decoration:underline; }
.worlds-index .foot { margin-top:52px; }

.studies-page .intro { margin-bottom:46px; }
.studies-page .intro h1 { margin-bottom:13px; }
.studies-page .intro p { color:var(--muted); font-size:15px; }
.studies-page .study { margin-bottom:72px; }
.study-video { display:block; width:100%; height:auto; aspect-ratio:var(--video-ratio); background:#131516; object-fit:contain; }
.study.portrait .study-video { max-width:300px; }
.personal-site .study-caption { margin-top:15px; font:inherit; }
.personal-site .study-title { margin:0 0 5px; font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--ink); }
.personal-site .study-caption a { float:none; }
.study-meta { display:flex; justify-content:space-between; gap:16px; color:var(--muted); font:12px/1.7 var(--mono); }
.study .note { align-self:end; padding:0 0 2px; }
.study .note p + p { display:block; margin-top:12px; }
.study-error { margin-top:12px; font-size:14px; color:var(--muted); }
.study-error[hidden] { display:none; }
.study-error a { color:var(--accent); }
.study-video:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.study-detail .detail-nav { margin-bottom:26px; }
.study-detail .detail-nav a { color:var(--muted); font-size:14px; text-decoration:none; }
.study-detail .detail-nav a:hover { color:var(--accent); text-decoration:underline; }

.book-cover { display:block; }
.book-cover img { display:block; width:100%; height:auto; background:var(--line); }
.book-cover:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.book-links { display:flex; flex-wrap:wrap; gap:6px 22px; margin-top:12px; font-size:15px; }
.book-links a { color:var(--accent); }
.book-links span { color:var(--muted); font-size:13px; }

@media(max-width:760px) {
  .worlds-index .intro { margin-bottom:30px; }
  .worlds-gallery { grid-template-columns:1fr; gap:34px; }
  .world-card small { font-size:12px; }
  .studies-page .intro { margin-bottom:34px; }
  .studies-page .study { margin-bottom:48px; }
  .study .note { padding:0 0 0 14px; }
  .study-meta { flex-wrap:wrap; gap:4px 16px; }
}
