/* A short invitation to the full brand story; the photo is atmospheric, not a card. */
.home-page #proof.home-history {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:0;
  background:#321506;
  color:#fff8ef;
  padding:88px var(--brand-gutter) 74px;
}
.home-history-photo {
  position:absolute;
  inset:-8px clamp(-520px,-30vw,-240px) -8px auto;
  width:min(120%,2100px);
  z-index:-2;
  pointer-events:none;
  mask-image:linear-gradient(90deg,transparent,#000 24%);
}
.home-history-photo img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% top;
  filter:blur(2px) saturate(.72);
}
.home-page #proof.home-history::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,transparent 45%,rgba(37,16,8,.75)),linear-gradient(90deg,rgba(37,16,8,.80),rgba(37,16,8,.72) 55%,rgba(37,16,8,.48));
}
.home-page #proof.home-history>.home-history-content {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  max-width:1000px;
  padding:0;
  text-align:center;
}
.home-history-heading { width:100%; margin:0 auto; }
.home-page #proofKicker { margin:0 0 22px; color:#ff9457; font-size:12px; line-height:1.5; letter-spacing:.08em; }
.home-page #proof.home-history #proofTitle {
  margin:0 auto;
  max-width:850px;
  color:#fff8ef;
  font-size:clamp(2.1rem,4.1vw,3.6rem)!important;
  line-height:1.16!important;
  letter-spacing:-.035em;
  text-transform:none;
  white-space:pre-line;
  text-wrap:balance;
}
.home-page #proof.home-history #storyBody {
  display:block;
  max-width:600px;
  margin:24px auto 0;
  padding:0;
  color:#ecd6c2;
  font-size:16px;
  font-weight:400;
  line-height:1.75;
  text-align:center;
  text-wrap:pretty;
  word-break:keep-all;
}
.home-history-milestones {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin:58px 0 42px;
  padding:0;
  list-style:none;
}
.home-history-milestones li {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding:0 20px;
}
.home-history-milestones li+li { border-left:1px solid rgba(248,223,196,.28); }
.home-history-year { color:#ff9457; font-family:"Archivo Black",sans-serif; font-size:40px; line-height:1.15; letter-spacing:-.04em; }
.home-history-event { max-width:240px; color:#ecd6c2; font-size:14px; line-height:1.65; word-break:keep-all; text-wrap:balance; }
.home-page #proof.home-history #proofHistoryCta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:12px 24px;
  margin:0;
  border:1px solid #ef5f18;
  border-radius:var(--mokda-button-radius,999px);
  background:#ef5f18;
  color:#321506;
  box-shadow:none;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.01em;
  text-transform:none;
  text-align:center;
  transition:background .2s,color .2s;
}
.home-page #proof.home-history #proofHistoryCta:hover { background:#ff7a32; border-color:#ff7a32; }
.home-page #proof.home-history #proofHistoryCta:focus-visible { outline:3px solid #f8dfc4; outline-offset:5px; }
@media(max-width:767px) {
  .home-page #proof.home-history { padding:64px 20px 56px; }
  .home-history-photo { inset:-8px -8px; width:auto; mask-image:none; }
  .home-page #proof.home-history::before { background:linear-gradient(180deg,rgba(37,16,8,.73),rgba(37,16,8,.76) 50%,rgba(37,16,8,.92)); }
  .home-history-photo img { object-position:53% top; }
  .home-page #proof.home-history #proofTitle { font-size:clamp(1.8rem,7.5vw,2.6rem)!important; }
  .home-page #proof.home-history #storyBody { max-width:400px; margin-top:22px; }
  .home-history-milestones { margin:40px 0 32px; }
  .home-history-milestones li { gap:8px; padding:0 9px; }
  .home-history-year { font-size:clamp(23px,7vw,32px); }
  .home-history-event { font-size:13px; line-height:1.6; }
}
@media(prefers-reduced-motion:reduce) {
  .home-page #proof.home-history #proofHistoryCta { transition:none; }
}