/* ==========================================================================
   The Roll-Up Door: stories section. Builds on site.css, changes nothing there.
   ========================================================================== */
.rud-hero{padding-bottom:clamp(36px,5vw,60px)}
.rud-hero h1{font-size:clamp(32px,5.6vw,58px);margin-bottom:18px}
.rud-crumb{font-size:13.5px;color:var(--muted-light);margin-bottom:18px}
.rud-crumb a{color:var(--muted-light)}
.rud-byline{font-size:14.5px;color:var(--muted-light);margin:0;font-weight:600;letter-spacing:.02em}

.rud-prose{font-size:18px;line-height:1.7}
.rud-prose .rud-dek{font-size:clamp(19px,2.2vw,22px);line-height:1.5;font-weight:500;border-bottom:var(--rule) solid var(--black);padding-bottom:22px;margin-bottom:28px}
.rud-prose h2{font-size:clamp(23px,3vw,32px);margin:42px 0 14px}
.rud-prose p{margin:0 0 1.1em}
.rud-prose ul,.rud-prose ol{margin:0 0 1.3em;padding-left:1.3em}
.rud-prose li{margin-bottom:.45em}
.rud-prose ul li::marker{color:var(--pink)}
.rud-prose ol li::marker{font-weight:800}
.rud-prose a:not(.btn){color:var(--purple);text-decoration-thickness:2px;text-underline-offset:3px}
.rud-prose blockquote{
  margin:28px 0;padding:18px 22px;border:var(--rule) solid var(--black);background:var(--cream-2);
  box-shadow:6px 6px 0 var(--black);font-weight:600;
}
.rud-signoff{font-size:16px;color:var(--muted);margin-top:34px}

.rud-promo{margin:48px 0 10px}
.rud-promo .sticker{margin-bottom:16px}
.rud-promo h2{margin:0 0 12px}
.rud-promo .rud-promo-one{font-weight:800;font-size:18px}
.rud-promo p{font-size:16.5px}
.rud-prose .rud-promo a.btn{color:var(--cream)}

.rud-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}
.rud-all{margin-top:28px}
.rud-card{
  display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-decoration:none;color:var(--ink);
  border:var(--rule) solid var(--black);background:#fff;padding:22px;box-shadow:6px 6px 0 var(--black);
  transition:transform .12s ease,box-shadow .12s ease;
}
.rud-card:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--black)}
.rud-card[hidden]{display:none}
.rud-card h3{font-size:20px;line-height:1.12}
.rud-card p{font-size:15px;color:var(--muted);margin:0}
.rud-meta{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-top:auto}
.rud-filter legend{margin-bottom:4px}
.hero-side a{color:var(--purple);font-weight:600}

/* -------------------------------------------------- authors */
.rud-avatar{
  display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--av,var(--purple));color:var(--cream);
  border:var(--rule) solid var(--black);font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:900;letter-spacing:.02em;
}
.rud-byline{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.rud-byline a{color:var(--lime);text-underline-offset:3px}
.rud-byline .rud-avatar{border-width:2px;margin-right:4px}
.rud-author{display:flex;gap:22px;align-items:flex-start;margin:34px 0 0}
.rud-author h3{font-size:24px;margin:4px 0 2px}
.rud-author h3 a{text-decoration:none;color:var(--ink)}
.rud-author p{font-size:16px}
.rud-author-role{font-weight:700;font-size:13.5px!important;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}
.rud-prose .rud-author a.rud-more{font-weight:700}
@media(max-width:560px){.rud-author{flex-direction:column}}
.rud-profile-head{display:flex;align-items:center;gap:clamp(18px,3vw,32px);flex-wrap:wrap}
.rud-profile-head h1{font-size:clamp(36px,6.5vw,72px);margin-bottom:12px}
.rud-writer p{font-size:15px}
.rud-writer .rud-author-role{margin:0}

.rud-prose h3{font-size:clamp(18px,2.1vw,22px);margin:28px 0 10px}