/* Coffee's visual journey. Scoped to the history article. */
article.ae-history.ae-history-visual {
  --hx-ink: #49301f;
  --hx-paper: #faf7f0;
  --hx-linen: #eee7d9;
  --hx-gold: #c9a66c;
  --hx-muted: #776757;
  color: var(--hx-ink);
  background: var(--hx-paper);
  overflow: clip;
}
article.ae-history.ae-history-visual *,
article.ae-history.ae-history-visual *::before,
article.ae-history.ae-history-visual *::after { box-sizing: border-box; }
article.ae-history.ae-history-visual a:focus-visible,
article.ae-history.ae-history-visual summary:focus-visible {
  outline: 3px solid #b28041;
  outline-offset: 5px;
}
article.ae-history.ae-history-visual .ae-history-hero {
  position: relative;
  display: grid;
  grid-template-columns: 1.04fr 0.96fr;
  align-items: center;
  gap: 4%;
  min-height: 560px;
  padding: 66px 6.5%;
  overflow: hidden;
  background: radial-gradient(ellipse at 88% 15%, #67472e 0%, #342318 58%, #251a14 100%);
  color: #fcf5e8;
  text-align: left;
}
article.ae-history.ae-history-visual .hx-hero-copy { position: relative; z-index: 2; min-width: 0; }
article.ae-history.ae-history-visual .ae-history-hero .ae-eyebrow {
  max-width: none;
  margin: 0 0 24px;
  color: #d8bb88;
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: 0.19em;
}
article.ae-history.ae-history-visual .ae-history-hero h1 {
  max-width: 660px;
  margin: 0 0 25px;
  color: #fff7e9;
  font-family: var(--ae-serif, Georgia, serif);
  font-size: clamp(48px, 4.6vw, 76px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.035em;
  text-wrap: balance;
}
article.ae-history.ae-history-visual .ae-history-hero .ae-history-intro {
  max-width: 590px;
  margin: 0;
  color: #e3d7c5;
  font-size: 15px;
  line-height: 1.85;
}
article.ae-history.ae-history-visual .hx-start { display: inline-flex; align-items: center; gap: 23px; margin-top: 28px; padding-bottom: 8px; border-bottom: 1px solid #b59769; color: #e4c38a; font-size: 11px; letter-spacing: 0.08em; text-decoration: none; }
article.ae-history.ae-history-visual .hx-start span { font-size: 20px; line-height: 1; }
article.ae-history.ae-history-visual .hx-hero-art { position: relative; min-width: 0; height: 425px; }
article.ae-history.ae-history-visual .hx-hero-archive {
  position: absolute;
  width: 95%;
  height: 72%;
  left: 0;
  top: 9%;
  object-fit: cover;
  border: 7px solid #dfcdad;
  transform: rotate(-5deg);
  box-shadow: 0 25px 40px #130d0a70;
}
article.ae-history.ae-history-visual .hx-hero-botanical {
  position: absolute;
  z-index: 1;
  width: 45%;
  height: 77%;
  right: -5%;
  bottom: -3%;
  padding: 8px;
  object-fit: contain;
  background: #eae0c8;
  border: 1px solid #c1ac87;
  transform: rotate(8deg);
  box-shadow: 0 17px 30px #160e0970;
}
article.ae-history.ae-history-visual .hx-hero-seal {
  position: absolute;
  z-index: 2;
  top: -3%;
  right: -3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 113px;
  height: 113px;
  padding: 18px;
  border: 1px solid #d7b578;
  outline: 1px solid #d7b57870;
  outline-offset: -7px;
  border-radius: 50%;
  background: #38261dee;
  color: #e5c897;
  font-family: var(--ae-serif, Georgia, serif);
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: 0.075em;
  text-align: center;
  transform: rotate(10deg);
}
article.ae-history.ae-history-visual .ae-history-jump {
  position: relative;
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  align-items: start;
  gap: 0;
  padding: 34px 5% 31px;
  background: #eee7d9;
  border: 0;
  border-bottom: 1px solid #d8cab4;
}
article.ae-history.ae-history-visual .ae-history-jump a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 0 5px;
  color: #695039;
  font-size: 11px;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
}
article.ae-history.ae-history-visual .ae-history-jump a::after {
  content: "";
  position: absolute;
  left: calc(50% + 16px);
  width: calc(100% - 32px);
  top: 15px;
  height: 1px;
  background: #cbb592;
}
article.ae-history.ae-history-visual .ae-history-jump a:last-child::after { display: none; }
article.ae-history.ae-history-visual .hx-nav-number {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border: 1px solid #bca177;
  border-radius: 50%;
  background: #eee7d9;
  color: #6e4c2d;
  font-size: 11px;
  line-height: 1;
  transition: background-color 160ms ease, color 160ms ease;
}
article.ae-history.ae-history-visual .hx-nav-label { max-width: 100%; overflow-wrap: anywhere; }
article.ae-history.ae-history-visual .ae-history-jump a:hover .hx-nav-number,
article.ae-history.ae-history-visual .ae-history-jump a:focus-visible .hx-nav-number { color: #fff6e7; background: #624127; }
article.ae-history.ae-history-visual .ae-history-chapter {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 6%;
  margin: 0;
  padding: 76px 6.5%;
  background: var(--hx-paper);
  border-bottom: 1px solid #e4d9c7;
  scroll-margin-top: 24px;
}
article.ae-history.ae-history-visual .hx-media { min-width: 0; margin: 0; padding: 0; }
article.ae-history.ae-history-visual .hx-media img {
  display: block;
  width: 100%;
  height: 490px;
  max-width: 100%;
  object-fit: cover;
}
article.ae-history.ae-history-visual .hx-media figcaption {
  margin: 0;
  padding: 13px 0 0;
  color: #85735f;
  font-size: 11px;
  line-height: 1.65;
}
article.ae-history.ae-history-visual .hx-media figcaption a { color: inherit; text-underline-offset: 3px; }
article.ae-history.ae-history-visual .hx-media figcaption > span { display: block; color: #78624a; font-size: 12px; }
article.ae-history.ae-history-visual .hx-media figcaption small { display: block; padding-top: 3px; font-size: 10px; }
article.ae-history.ae-history-visual .hx-copy { min-width: 0; }
article.ae-history.ae-history-visual .hx-heading {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  column-gap: 17px;
  row-gap: 10px;
  margin: 0 0 26px;
}
article.ae-history.ae-history-visual .hx-number {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: start;
  color: #d9c9ab;
  font-family: var(--ae-serif, Georgia, serif);
  font-size: 82px;
  line-height: 0.9;
  font-weight: 400;
  letter-spacing: -0.06em;
}
article.ae-history.ae-history-visual .ae-history-date {
  grid-column: 2;
  align-self: end;
  margin: 0;
  padding: 0;
  color: #997645;
  font-family: inherit;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
article.ae-history.ae-history-visual .ae-history-chapter h2 {
  grid-column: 2;
  margin: 0;
  color: var(--hx-ink);
  font-family: var(--ae-serif, Georgia, serif);
  font-size: clamp(36px, 3.1vw, 48px);
  font-weight: 500;
  line-height: 1.07;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
article.ae-history.ae-history-visual .hx-body { padding-left: 93px; }
article.ae-history.ae-history-visual .ae-history-chapter p {
  max-width: none;
  margin: 0 0 19px;
  color: #736251;
  font-size: 15px;
  line-height: 1.85;
}
article.ae-history.ae-history-visual .ae-history-chapter p:last-child { margin-bottom: 0; }
article.ae-history.ae-history-visual .hx-chapter-2,
article.ae-history.ae-history-visual .hx-chapter-4,
article.ae-history.ae-history-visual .hx-chapter-6,
article.ae-history.ae-history-visual .hx-chapter-8 { background: #f0eadd; }
article.ae-history.ae-history-visual .hx-chapter-2 .hx-media,
article.ae-history.ae-history-visual .hx-chapter-4 .hx-media,
article.ae-history.ae-history-visual .hx-chapter-6 .hx-media,
article.ae-history.ae-history-visual .hx-chapter-8 .hx-media { grid-column: 2; grid-row: 1; }
article.ae-history.ae-history-visual .hx-chapter-2 .hx-copy,
article.ae-history.ae-history-visual .hx-chapter-4 .hx-copy,
article.ae-history.ae-history-visual .hx-chapter-6 .hx-copy,
article.ae-history.ae-history-visual .hx-chapter-8 .hx-copy { grid-column: 1; grid-row: 1; }
article.ae-history.ae-history-visual .hx-archive img {
  padding: 26px;
  object-fit: contain;
  background: #e5dac4;
  border: 1px solid #d0bfa1;
}
article.ae-history.ae-history-visual .hx-chapter-3 {
  display: block;
  padding: 70px 8% 76px;
  background: #39281c;
  border: 0;
}
article.ae-history.ae-history-visual .hx-chapter-3 .hx-media { margin-bottom: 38px; }
article.ae-history.ae-history-visual .hx-chapter-3 .hx-media img {
  height: auto;
  max-height: 570px;
  padding: 0;
  background: transparent;
  border: 1px solid #786346;
  object-fit: contain;
}
article.ae-history.ae-history-visual .hx-chapter-3 .hx-copy { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 8%; align-items: start; }
article.ae-history.ae-history-visual .hx-chapter-3 .hx-heading { margin: 0; }
article.ae-history.ae-history-visual .hx-chapter-3 .hx-body { padding-left: 0; }
article.ae-history.ae-history-visual .hx-chapter-3 h2 { color: #fff4e2; font-size: clamp(39px, 3.6vw, 54px); }
article.ae-history.ae-history-visual .hx-chapter-3 p { color: #e0d3be; }
article.ae-history.ae-history-visual .hx-chapter-3 .hx-number { color: #97794c; }
article.ae-history.ae-history-visual .hx-chapter-3 .ae-history-date,
article.ae-history.ae-history-visual .hx-chapter-3 figcaption { color: #c5ac83; }
article.ae-history.ae-history-visual .hx-chapter-3 figcaption > span { color: #d7c3a1; }
article.ae-history.ae-history-visual .hx-chapter-5 .hx-media img { height: 550px; padding: 30px; }
article.ae-history.ae-history-visual .hx-chapter-6 .hx-media img { object-position: 50% 50%; }
article.ae-history.ae-history-visual .hx-milestones {
  position: relative;
  padding: 64px 6.5% 68px;
  background: #45301f;
  color: #fff1d9;
}
article.ae-history.ae-history-visual .hx-milestones > .ae-eyebrow { margin: 0 0 13px; color: #d1b47e; font-size: 11px; letter-spacing: 0.16em; }
article.ae-history.ae-history-visual .hx-milestones h2 {
  margin: 0 0 42px;
  color: #fff3e0;
  font-family: var(--ae-serif, Georgia, serif);
  font-size: 46px;
  font-weight: 500;
  line-height: 1.1;
}
article.ae-history.ae-history-visual .hx-milestones ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; }
article.ae-history.ae-history-visual .hx-milestones li { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 28px 22px 0 0; border-top: 1px solid #9f8157; }
article.ae-history.ae-history-visual .hx-milestones li::before { content: ""; position: absolute; width: 9px; height: 9px; left: 0; top: -5px; border-radius: 50%; background: #d4b780; box-shadow: 0 0 0 5px #45301f; }
article.ae-history.ae-history-visual .hx-milestones time { margin: 0 0 16px; color: #e3c793; font-family: var(--ae-serif, Georgia, serif); font-size: 49px; font-weight: 400; line-height: 1; letter-spacing: -0.025em; }
article.ae-history.ae-history-visual .hx-milestones strong { margin: 0 0 7px; font-size: 14px; font-weight: 500; line-height: 1.5; }
article.ae-history.ae-history-visual .hx-milestones li > span { color: #d2c0a6; font-size: 12px; line-height: 1.7; }
article.ae-history.ae-history-visual .ae-history-sources { padding: 30px 6.5%; background: #ece4d5; border-top: 1px solid #d7c8ae; }
article.ae-history.ae-history-visual .ae-history-sources summary { width: fit-content; max-width: 100%; padding: 9px 0; color: #60452e; font-size: 14px; font-weight: 500; cursor: pointer; line-height: 1.7; }
article.ae-history.ae-history-visual .ae-history-sources h2 { margin: 20px 0 13px; font-size: 28px; }
article.ae-history.ae-history-visual .ae-history-sources ul { margin-top: 15px; padding-left: 22px; }
article.ae-history.ae-history-visual .ae-history-sources li,
article.ae-history.ae-history-visual .ae-history-sources p { margin-bottom: 8px; color: #705c47; font-size: 12px; line-height: 1.8; }
article.ae-history.ae-history-visual .ae-history-sources a { color: #70502c; overflow-wrap: anywhere; text-underline-offset: 3px; }
article.ae-history.ae-history-visual .ae-history-cta { padding: 65px 8% 72px; text-align: center; background: #fbf7ed; }
article.ae-history.ae-history-visual .ae-history-cta h2 { max-width: 800px; margin: 0 auto 16px; font-family: var(--ae-serif, Georgia, serif); font-size: 45px; font-weight: 500; line-height: 1.1; color: var(--hx-ink); text-wrap: balance; }
article.ae-history.ae-history-visual .ae-history-cta p { max-width: 680px; margin: 0 auto 20px; font-size: 15px; line-height: 1.8; color: #78614a; }
article.ae-history.ae-history-visual .ae-history-cta .ae-button { min-height: 48px; padding: 17px 26px; font-size: 11px; }

@media (max-width: 1150px) {
  article.ae-history.ae-history-visual .ae-history-hero { padding: 58px 5%; }
  article.ae-history.ae-history-visual .hx-hero-art { height: 390px; }
  article.ae-history.ae-history-visual .ae-history-hero h1 { font-size: 57px; }
  article.ae-history.ae-history-visual .ae-history-chapter { gap: 5%; padding: 60px 5%; }
  article.ae-history.ae-history-visual .hx-body { padding-left: 0; }
  article.ae-history.ae-history-visual .hx-media img { height: 450px; }
  article.ae-history.ae-history-visual .hx-heading { grid-template-columns: 65px minmax(0, 1fr); gap: 8px 15px; }
  article.ae-history.ae-history-visual .hx-number { font-size: 71px; }
  article.ae-history.ae-history-visual .ae-history-chapter h2 { font-size: 39px; }
  article.ae-history.ae-history-visual .hx-chapter-3 .hx-copy { gap: 6%; }
  article.ae-history.ae-history-visual .hx-chapter-3 h2 { font-size: 41px; }
}
@media (max-width: 760px) {
  article.ae-history.ae-history-visual .ae-history-hero { grid-template-columns: 1fr; gap: 0; min-height: 0; padding: 47px 7% 37px; }
  article.ae-history.ae-history-visual .hx-hero-copy { display: contents; }
  article.ae-history.ae-history-visual .hx-hero-copy > .ae-eyebrow { grid-row: 1; }
  article.ae-history.ae-history-visual .hx-hero-copy > h1 { grid-row: 2; }
  article.ae-history.ae-history-visual .hx-hero-copy > .ae-history-intro { grid-row: 4; }
  article.ae-history.ae-history-visual .hx-hero-copy > .hx-start { grid-row: 5; justify-self: start; margin-top: 25px; }
  article.ae-history.ae-history-visual .ae-history-hero .ae-eyebrow { margin-bottom: 20px; font-size: 10px; }
  article.ae-history.ae-history-visual .ae-history-hero h1 { font-size: clamp(43px, 8vw, 61px); max-width: 600px; margin-bottom: 22px; }
  article.ae-history.ae-history-visual .ae-history-hero .ae-history-intro { font-size: 14px; line-height: 1.85; }
  article.ae-history.ae-history-visual .hx-hero-art { grid-row: 3; width: 93%; max-width: 470px; height: 320px; margin: 4px auto 35px; }
  article.ae-history.ae-history-visual .hx-hero-seal { width: 90px; height: 90px; font-size: 15px; }
  article.ae-history.ae-history-visual .hx-hero-botanical { right: -2%; }
  article.ae-history.ae-history-visual .ae-history-jump { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 8px; padding: 29px 6%; }
  article.ae-history.ae-history-visual .ae-history-jump a { gap: 8px; padding: 0 4px; font-size: 11px; }
  article.ae-history.ae-history-visual .ae-history-jump a:nth-child(3n)::after { display: none; }
  article.ae-history.ae-history-visual .ae-history-chapter { grid-template-columns: minmax(0, 1fr); gap: 30px; padding: 42px 7% 48px; }
  article.ae-history.ae-history-visual .ae-history-chapter .hx-media,
  article.ae-history.ae-history-visual .ae-history-chapter .hx-copy { grid-column: 1; grid-row: auto; }
  article.ae-history.ae-history-visual .hx-media img { height: 420px; }
  article.ae-history.ae-history-visual .hx-media figcaption { font-size: 11px; padding-top: 11px; }
  article.ae-history.ae-history-visual .hx-heading { grid-template-columns: 64px minmax(0, 1fr); gap: 8px 14px; margin-bottom: 22px; }
  article.ae-history.ae-history-visual .hx-number { font-size: 70px; }
  article.ae-history.ae-history-visual .ae-history-date { font-size: 10px; letter-spacing: 0.07em; }
  article.ae-history.ae-history-visual .ae-history-chapter h2 { font-size: 38px; line-height: 1.08; }
  article.ae-history.ae-history-visual .ae-history-chapter p { font-size: 14px; line-height: 1.85; margin-bottom: 18px; }
  article.ae-history.ae-history-visual .hx-chapter-3 { padding: 42px 7% 48px; }
  article.ae-history.ae-history-visual .hx-chapter-3 .hx-media { margin-bottom: 29px; }
  article.ae-history.ae-history-visual .hx-chapter-3 .hx-copy { display: block; }
  article.ae-history.ae-history-visual .hx-chapter-3 .hx-heading { margin-bottom: 23px; }
  article.ae-history.ae-history-visual .hx-chapter-3 h2 { font-size: 38px; }
  article.ae-history.ae-history-visual .hx-chapter-4 .hx-media img { height: auto; min-height: 0; padding: 15px; }
  article.ae-history.ae-history-visual .hx-chapter-5 .hx-media img { height: auto; max-height: 540px; padding: 19px; }
  article.ae-history.ae-history-visual .hx-milestones { padding: 44px 8%; }
  article.ae-history.ae-history-visual .hx-milestones h2 { font-size: 39px; margin-bottom: 32px; }
  article.ae-history.ae-history-visual .hx-milestones ol { display: block; padding-left: 4px; }
  article.ae-history.ae-history-visual .hx-milestones li { display: grid; grid-template-columns: 94px minmax(0, 1fr); gap: 4px 16px; padding: 0 0 29px 25px; border-top: 0; border-left: 1px solid #9f8157; }
  article.ae-history.ae-history-visual .hx-milestones li:last-child { padding-bottom: 0; }
  article.ae-history.ae-history-visual .hx-milestones li::before { left: -5px; top: 12px; }
  article.ae-history.ae-history-visual .hx-milestones time { grid-column: 1; grid-row: 1 / 3; font-size: 41px; margin-bottom: 0; }
  article.ae-history.ae-history-visual .hx-milestones strong { grid-column: 2; font-size: 13px; margin-bottom: 0; }
  article.ae-history.ae-history-visual .hx-milestones li > span { grid-column: 2; font-size: 11px; }
  article.ae-history.ae-history-visual .ae-history-sources { padding: 24px 7%; }
  article.ae-history.ae-history-visual .ae-history-cta { padding: 46px 7% 51px; }
  article.ae-history.ae-history-visual .ae-history-cta h2 { font-size: 38px; }
  article.ae-history.ae-history-visual .ae-history-cta p { font-size: 14px; }
}
@media (max-width: 420px) {
  article.ae-history.ae-history-visual .hx-hero-art { height: 260px; }
  article.ae-history.ae-history-visual .hx-hero-seal { width: 77px; height: 77px; font-size: 13px; padding: 11px; top: -6%; }
  article.ae-history.ae-history-visual .hx-media img { height: 355px; }
  article.ae-history.ae-history-visual .hx-heading { grid-template-columns: 53px minmax(0, 1fr); column-gap: 12px; }
  article.ae-history.ae-history-visual .hx-number { font-size: 59px; }
  article.ae-history.ae-history-visual .ae-history-chapter h2,
  article.ae-history.ae-history-visual .hx-chapter-3 h2 { font-size: 34px; }
  article.ae-history.ae-history-visual .hx-milestones li { grid-template-columns: 78px minmax(0, 1fr); gap: 4px 12px; padding-left: 19px; }
  article.ae-history.ae-history-visual .hx-milestones time { font-size: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  article.ae-history.ae-history-visual * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}