/*! crp-page 1.0.1 | /reports redesign, Figma 4393:133365 (1920 frame, content 1312 inside the cfh-frame rails) */

/* ---- hero: "Our Reports", 120px under the navbar rule, 70px above the card row ---- */
.cfh-page .crp-hero{position:relative;width:100%}
.cfh-page .crp-hero-in{position:relative;padding:120px 35px 70px}
.cfh-page .crp-h1{margin:0;font-family:'Artifictrial',var(--cfh-display);font-weight:400;font-size:48px;line-height:1;letter-spacing:-0.02em;color:#1D0A05}
.cfh-page .crp-h1-em{font-weight:600}

/* ---- card row (Reports collection list): 437 / 437 / 436 columns, 1px #EEEDEC rules ---- */
.cfh-page .crp-list{position:relative;width:100%;border-top:1px solid #EEEDEC;border-bottom:1px solid #EEEDEC}
.cfh-page .crp-list-in{position:relative}
.cfh-page .crp-dyn{position:relative}
.cfh-page .crp-grid{display:grid;grid-template-columns:minmax(0,437fr) minmax(0,437fr) minmax(0,436fr)}
.cfh-page .crp-item{min-width:0}
.cfh-page .crp-grid>.crp-item:not(:nth-child(3n+1)){border-left:1px solid #EEEDEC}
.cfh-page .crp-grid>.crp-item:nth-child(n+4){border-top:1px solid #EEEDEC}
/* Figma: thumbnail 36px in from the frame rail / column rule, 36px under the row rule */
.cfh-page .crp-card{display:flex;flex-direction:column;align-items:flex-start;height:100%;box-sizing:border-box;padding:35px 36px 36px;color:#1D0A05;text-decoration:none}
.cfh-page .crp-grid>.crp-item:not(:nth-child(3n+1)) .crp-card{padding-left:35px}
.cfh-page .crp-thumb{display:block;width:100%;height:auto;aspect-ratio:365/234;object-fit:cover;background:#212121}
.cfh-page .crp-eyebrow{margin:28px 0 0;font-family:var(--cfh-sans);font-weight:500;font-size:16px;line-height:1.4;letter-spacing:-0.32px;color:#1D0A05}
/* Figma breaks each description over 2 lines; balance gives the same breaks in Geist */
.cfh-page .crp-desc{margin:8px 0 26px;max-width:280px;font-family:var(--cfh-sans);font-weight:400;font-size:16px;line-height:1.3;letter-spacing:-0.16px;color:#696969;text-wrap:balance}
/* 173 x 36 outline button: Geist Mono 14 / 19.6, text 16px in, arrow 16px, 4px gap */
.cfh-page .crp-btn{display:inline-flex;align-items:center;gap:4px;height:36px;box-sizing:border-box;margin-top:auto;padding:0 10px 0 15px;border:1px solid #FF5400;font-family:var(--cfh-mono);font-weight:400;font-size:14px;line-height:19.6px;color:#FF5400;white-space:nowrap;transition:background-color .18s ease-out,color .18s ease-out}
.cfh-page .crp-btn-text{display:block}
.cfh-page .crp-btn-ico{display:block;flex:none;width:16px;height:16px}
.cfh-page .crp-card:hover .crp-btn,.cfh-page .crp-card:focus-visible .crp-btn{background:#FF5400;color:#FCFBF8}
.cfh-page .crp-card:focus-visible{outline:2px solid #FF5400;outline-offset:-2px}

/* ---- footer: Figma leaves 120px between the card row and the footer ---- */
.cfh-page .crp-list~.cfh-foot{margin-top:120px}

/* ---- small desktop ---- */
@media (max-width:1100px){
  .cfh-page .crp-desc{max-width:none}
}
/* ---- tablet: two columns ---- */
@media (max-width:991px){
  .cfh-page .crp-hero-in{padding:72px 32px 48px}
  .cfh-page .crp-h1{font-size:40px}
  .cfh-page .crp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cfh-page .crp-grid>.crp-item:not(:nth-child(3n+1)){border-left:0}
  /* column rule = right edge of the left card, so it runs on through a row whose right cell is empty (like footer2) */
  .cfh-page .crp-grid>.crp-item:nth-child(2n+1){border-right:1px solid #EEEDEC}
  .cfh-page .crp-grid>.crp-item:nth-child(n+3){border-top:1px solid #EEEDEC}
  .cfh-page .crp-card,.cfh-page .crp-grid>.crp-item:not(:nth-child(3n+1)) .crp-card{padding:32px 32px 36px}
  .cfh-page .crp-eyebrow{margin-top:24px}
  .cfh-page .crp-list~.cfh-foot{margin-top:64px}
}
/* ---- phones: one column ---- */
@media (max-width:767px){
  .cfh-page .crp-hero-in{padding:56px 24px 40px}
  .cfh-page .crp-h1{font-size:34px}
  .cfh-page .crp-grid{grid-template-columns:minmax(0,1fr)}
  .cfh-page .crp-grid>.crp-item:nth-child(2n+1){border-right:0}
  .cfh-page .crp-grid>.crp-item:nth-child(n+2){border-top:1px solid #EEEDEC}
  .cfh-page .crp-card,.cfh-page .crp-grid>.crp-item:not(:nth-child(3n+1)) .crp-card{padding:24px 24px 28px}
  .cfh-page .crp-eyebrow{margin-top:20px}
  .cfh-page .crp-desc{margin-bottom:20px}
  .cfh-page .crp-list~.cfh-foot{margin-top:40px}
}
@media (max-width:479px){
  .cfh-page .crp-hero-in{padding:48px 20px 32px}
  .cfh-page .crp-h1{font-size:30px}
  .cfh-page .crp-card,.cfh-page .crp-grid>.crp-item:not(:nth-child(3n+1)) .crp-card{padding:20px 20px 24px}
}
/* footer copyright at 320 may wrap instead of running into the column rule (same fix as /blog) */
@media (max-width:359px){
  .cfh-page .cfh-foot .cfh-foot-copy{white-space:normal;padding-right:12px}
}