/* Persecuted.com — site-specific styles. Loaded after base.css. */
@font-face{font-family:"Big Shoulders Display";font-style:normal;font-weight:700 800;font-display:optional;src:url(https://fonts.gstatic.com/s/bigshouldersdisplay/v24/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDu.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400 600;font-display:optional;src:url(https://fonts.gstatic.com/s/sourceserif4/v15/vEFF2_tTDB4M7-auWDN0ahZJW3IX2ih5nk3AucvUHf6kDXr4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body{font-size:clamp(1.03rem,.98rem + .25vw,1.14rem)}
h1,h2,h3{letter-spacing:0}
h1{font-size:clamp(2.9rem,1.9rem + 4.6vw,5.6rem);line-height:.95;font-weight:800}
h2{font-size:clamp(2.1rem,1.6rem + 2.4vw,3.4rem);line-height:1;font-weight:800}
h3{font-size:clamp(1.45rem,1.25rem + .9vw,1.9rem);line-height:1.05;font-weight:700}
.btn{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:.01em;min-height:48px}
.btn-primary{box-shadow:none}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:var(--linen)}

/* header */
.site-header{background:#fff}
.brand img{height:34px;width:auto}
.nav a{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--ink)}
.header-give{display:none}
@media(max-width:860px){
  .header-give{display:inline-flex;margin-left:auto;padding:.55em 1em;font-size:1.05rem;min-height:44px}
  .site-header .container{gap:var(--s-3)}
  .nav .btn{display:none}
}

/* hero: full-bleed field photo */
.hero-field{position:relative;color:#fff;background:var(--ink);min-height:min(82vh,820px);display:grid;align-items:end;overflow:hidden}
.hero-field>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;animation:fieldIn 1.2s var(--ease) both}
.hero-field::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,26,29,.05) 20%,rgba(28,26,29,.55) 55%,rgba(28,26,29,.92) 100%)}
.hero-field .container{position:relative;z-index:1;padding-block:clamp(6rem,22vh,14rem) clamp(2.5rem,6vw,4.5rem)}
.hero-field h1{max-width:13ch;margin-bottom:var(--s-5)}
.hero-field .lede{font-size:clamp(1.1rem,1rem + .5vw,1.35rem);max-width:46ch;color:rgba(255,255,255,.92)}
.hero-field .actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}
.hero-field .fine{margin-top:var(--s-5);font-size:var(--fs-sm);color:rgba(255,255,255,.8)}
@keyframes fieldIn{from{transform:scale(1.05)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-field>img{animation:none}}

/* dispatch: one story */
.dispatch{display:grid;gap:var(--s-6);align-items:center}
.dispatch figure{margin:0}
.dispatch img{width:100%;aspect-ratio:1118/985;object-fit:cover}
.dispatch .when{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--brand);margin-bottom:var(--s-2)}
@media(min-width:860px){.dispatch{grid-template-columns:5fr 6fr;gap:var(--s-8)}}

/* five ways: editorial rows */
.ways{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.ways li{display:grid;grid-template-columns:96px 1fr;gap:var(--s-4) var(--s-5);padding:var(--s-5) 0;border-bottom:1px solid var(--line);align-items:center}
.ways img{width:96px;height:96px;object-fit:cover}
.ways h3{margin:0 0 .2em}
.ways h3 a{color:var(--ink);text-decoration:none}
.ways h3 a:hover{color:var(--brand)}
.ways p{margin:0;color:var(--ink-2)}
.ways .amt{grid-column:2;font-family:var(--font-display);font-weight:700;font-size:1.25rem;white-space:nowrap}
.ways .amt a{text-decoration:none}
@media(min-width:760px){
  .ways li{grid-template-columns:180px 1fr auto;gap:var(--s-6)}
  .ways img{width:180px;height:120px}
  .ways .amt{grid-column:auto;text-align:right}
}

/* how the work happens */
.work{background:var(--linen)}
.work .cols{display:grid;gap:var(--s-6)}
@media(min-width:860px){.work .cols{grid-template-columns:1fr 1fr;gap:var(--s-8)}}
.wide-photo{margin:var(--s-7) 0 0}
.wide-photo img{width:100%;aspect-ratio:16/6.25;object-fit:cover}

/* trust on maroon */
.trust{background:var(--accent);color:#fff}
.trust .pullquote{font-size:clamp(2rem,1.5rem + 2.4vw,3.4rem);line-height:1.02;font-weight:800;max-width:20ch;margin-bottom:var(--s-6)}
.trust p{color:rgba(255,255,255,.9)}
.trust a{color:#fff}
.trust .facts{display:grid;gap:var(--s-5);margin-top:var(--s-7);padding-top:var(--s-6);border-top:1px solid rgba(255,255,255,.25)}
@media(min-width:860px){.trust .facts{grid-template-columns:repeat(3,1fr)}}
.trust .facts h3{font-size:1.4rem;margin-bottom:.3em}

/* simple text list (stories, more ways) */
.textlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.textlist li{padding:var(--s-5) 0;border-bottom:1px solid var(--line)}
.textlist h3{margin:0 0 .25em}
.textlist h3 a{color:var(--ink);text-decoration:none}
.textlist h3 a:hover{color:var(--brand)}
.textlist p{margin:0;color:var(--ink-2)}

.two-col{display:grid;gap:var(--s-7)}
@media(min-width:900px){.two-col{grid-template-columns:1fr 1fr;gap:var(--s-8)}}

.crisis{border-left:4px solid var(--brand);padding-left:var(--s-5)}

/* inner pages */
.page-head{padding-block:clamp(3rem,7vw,5.5rem) var(--s-6);border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(2.6rem,1.8rem + 3.6vw,4.6rem);max-width:18ch}
.page-head .lede{font-size:var(--fs-lg);color:var(--ink-2);max-width:56ch}
.prose{max-width:68ch}
.prose h2{font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);margin-top:var(--s-7)}
.prose h3{margin-top:var(--s-6)}
.prose img{margin:var(--s-6) 0}
.prose blockquote{margin:var(--s-6) 0;padding-left:var(--s-5);border-left:4px solid var(--brand);font-style:italic}
.page-photo{margin:0 0 var(--s-7)}
.page-photo img{width:100%;max-height:560px;object-fit:cover}
.team{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-7);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.team img{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:var(--s-4)}
.team h2{font-size:1.7rem;margin:0}
.team .role{font-weight:600;color:var(--brand);margin:.2em 0 .6em}
.team p{font-size:var(--fs-sm);color:var(--ink-2)}
.tiers{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.tiers li{display:grid;grid-template-columns:1fr auto;gap:var(--s-2) var(--s-5);padding:var(--s-5) 0;border-bottom:1px solid var(--line);align-items:center}
.tiers .amount{font-family:var(--font-display);font-weight:800;font-size:2.2rem;line-height:1}
.tiers .name{font-weight:600}
.tiers p{margin:0;color:var(--ink-2)}
.docs{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--s-3)}
.docs a{display:inline-flex;align-items:center;min-height:44px;padding:.4em 1em;border:2px solid var(--brand);border-radius:var(--radius);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.15rem}

/* footer */
.site-footer{background:var(--ink)}
.site-footer .brand img{height:30px}
.site-footer h4{font-family:var(--font-display);font-size:1.2rem;font-weight:700}
.site-footer address{font-style:normal}

.give-band{margin-top:var(--s-8);padding:var(--s-7) var(--s-6);background:var(--linen);border-left:6px solid var(--brand)}
.give-band h2{margin-bottom:var(--s-3)}
.facts-dl{display:grid;grid-template-columns:1fr;gap:.2em 0;margin:0}
.facts-dl dt{font-weight:600;margin-top:var(--s-4)}
.facts-dl dd{margin:0;color:var(--ink-2)}
.sequence-list{padding-left:1.4em}
.sequence-list li{margin-bottom:var(--s-4)}
.prose blockquote footer{font-style:normal;font-weight:600;margin-top:.4em}
.prose figcaption,.page-photo figcaption{font-size:var(--fs-sm);margin-top:var(--s-2)}
.stories-list img{object-fit:cover}
.prose ul{padding-left:1.2em}
.prose ul li{margin-bottom:.4em}