:root{--ink:#38231a;--muted:#5f493a;--white:#fff6e4;--line:#bfa589;--blue:#ebc785;--title:'Playfair Display',Georgia,serif}
body{background:#38231a}
.welcome-screen{background:#302017;color:#fff3da}
.welcome-content h2 span{color:#f4d392}
.welcome-screen::before{background:radial-gradient(ellipse at 48% 35%,#80523588,transparent 64%)}

.welcome-logo,.opening-brand img{filter:brightness(0) invert(1);opacity:1}
.opening-veil{background:radial-gradient(ellipse at 50% 45%,#62402e 0%,#39251d 57%,#251712 100%)}
.opening-brand span{color:#f4d9ab}
.opening-veil::before,.opening-veil::after{border-color:#f4d9ab48}
.opening-veil::after{box-shadow:0 0 82px #d4984730,inset 0 0 58px #d4984728}
.welcome-open{background:#f1ce8e;color:#35231b;border-color:#f1ce8e}
.welcome-open:hover{background:#ffe0a5;color:#35231b}
.journey-next{background:#4a2e21;color:#fff2d9}
.side-chapters a[aria-current=true]{background:#a15b37}

.site-header,.journey{background:#fff3dfed;color:#38231a}
.reading-progress span{background:#a15b37}
.capela{color:#38231a}
.capela .inner{max-width:1240px;margin:auto}
.capela .section-heading h2{font-size:clamp(2.2rem,5.1vw,4.9rem);letter-spacing:-.035em;line-height:1.03;max-width:20ch}
.capela .section-heading .eyebrow{color:#7b3e29}
.capela h3{font-size:clamp(1.4rem,2.5vw,2.1rem);line-height:1.16;margin:0 0 8px}
.capela p{font-size:clamp(14px,1.35vw,17px);line-height:1.52;margin:0 0 12px}
.capela figure{margin:0}
.capela .text-link{color:#753c28;text-underline-offset:3px}
.capela .button-dark{background:#44291d;color:#fff4e0;border-color:#44291d}
.capela .button-dark:hover{background:#67402e}
.cacao-hero .hero-content{max-width:720px}
.capela.cacao-scope{background:#eedec4}
.diagnosis-grid,.journeys,.split-chapter,.cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(17px,3vw,44px);margin-top:clamp(16px,4vh,40px)}
.journeys article{border:1px solid #c8ae8e;border-radius:14px;background:#fff6e5;overflow:hidden}
.chapter-photo img{width:100%;height:clamp(80px,16vh,160px);object-fit:cover}
.card-copy{padding:clamp(13px,2vw,24px)}
.card-copy ol{display:flex;flex-wrap:wrap;gap:5px 21px;margin:10px 0 14px;padding-left:17px;font-size:13px;font-weight:700}
.split-chapter article{margin-bottom:16px}
.cacao-closing .split-chapter{align-items:center;margin-top:clamp(12px,10vh,90px)}
.cacao-closing .split-chapter p{max-width:42ch;margin:20px 0}
.cost-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
.cost-grid table{border-collapse:collapse;text-align:left;width:100%;font-size:clamp(13px,1.4vw,16px)}
.cost-grid th,.cost-grid td{padding:10px 8px;border-bottom:1px solid #c8ac8b}
.cost-grid th:last-child,.cost-grid td{text-align:right;white-space:nowrap}
.cost-grid small{display:block;color:#654c3e;font-weight:500}
.cost-grid .investment-summary{padding:clamp(18px,2.7vw,33px);background:#44291d;color:#fff3df;border-radius:16px}
.cost-grid .investment-summary strong{display:block;color:#f3ce89;font:500 clamp(2.1rem,4vw,4.8rem)/1.2 var(--title);white-space:nowrap;margin-bottom:13px}
.cost-grid .investment-summary .eyebrow{color:#f3ce89}
.cost-grid .button-dark{background:#f3ce89;color:#44291d}
.cost-grid .button-dark:hover{background:#ffe0a5}
@media(max-width:700px){
 .diagnosis-grid,.journeys,.split-chapter,.cost-grid{grid-template-columns:1fr}
}

/* The source illustrations share the paper field with the editorial layout. */
.capela.cacao-hero {
  display:grid;
  grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);
  align-items:center;
  gap:clamp(20px,4vw,72px);
  background:#f7ebd1;
  color:#38231a;
  isolation:isolate;
}
.cacao-hero .hero-content { grid-column:1; grid-row:1; max-width:640px; min-width:0; }
.cacao-hero h1 {
  font-family:var(--title);
  font-size:clamp(3rem,5.25vw,6.7rem);
  line-height:.98;
  letter-spacing:-.045em;
}
.cacao-hero h1 em { color:#88442d; }
.cacao-hero .eyebrow { color:#793e2b; }
.cacao-hero .hero-description { max-width:36ch; color:#5f493a; margin:22px 0 25px; }
.cacao-hero .hero-recipient { color:#5f493a; gap:12px; }
.cacao-hero .hero-recipient strong { color:#38231a; }
.cacao-hero .hero-recipient img { width:70px; height:auto; border-radius:4px; }
.cover-illustration {
  grid-column:2;
  grid-row:1;
  justify-self:stretch;
  min-width:0;
}
.cover-illustration img {
  display:block;
  width:100%;
  height:auto;
  clip-path:inset(8% 6% 8% 6% round 11% 8% 12% 7% / 15% 10% 16% 12%);
  transform:scale(1.1);
}
.capela.cacao-diagnosis,.capela.cacao-investment { background:#f8ecd7; }
.diagnosis-grid article { border-top:1px solid #bfa98e; padding-top:14px; min-width:0; }

.diagnosis-illustration img {
  display:block;
  width:100%;
  height:auto;
  max-height:clamp(120px,28vh,235px);
  object-fit:contain;
  object-position:left center;
  margin-bottom:16px;
  clip-path:inset(8% 5% 8% 5% round 8% / 13%);
}
.diagnosis-grid p { max-width:52ch; }
.chapter-photo img { display:block; object-position:center 45%; }
.capela.cacao-distribution { background:#f2e8ce; isolation:isolate; }
.cacao-distribution .split-chapter { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; }
.editorial-art {
  position:relative;
  min-height:clamp(240px,31vw,385px);
  width:min(100%,510px);
  justify-self:center;
}
.illustrated-motif {
  position:absolute;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  pointer-events:none;
}
.motif-cacao { aspect-ratio:203/232; background-image:url('assets/motif-cacao.webp'); }
.motif-palm { aspect-ratio:211/277; background-image:url('assets/motif-palm.webp'); }
.motif-bird { aspect-ratio:227/267; background-image:url('assets/motif-bird.webp'); }
.motif-house { aspect-ratio:475/227; background-image:url('assets/motif-house.webp'); }
.editorial-art .motif-cacao { width:53%; top:20%; left:21%; transform:rotate(-7deg); }
.editorial-art .motif-palm { width:31%; top:0; right:0; transform:rotate(9deg); }
.editorial-art .motif-bird { width:26%; left:0; bottom:5%; }
.capela.cacao-closing { background:#f5e7ce; isolation:isolate; }
.cacao-closing .closing-art {
  position:relative;
  min-width:0;
  min-height:clamp(210px,33vw,385px);
  display:grid;
  place-items:center;
}
.closing-art img {
  z-index:1;
  width:min(60%,300px);
  height:auto;
  transform:rotate(-5deg);
  box-shadow:0 14px 30px #4a2c2033;
  border-radius:3px;
}

.closing-art .motif-house { width:38%; bottom:0; left:0; }
.closing-art .motif-cacao { width:26%; top:0; right:0; }
@media(max-width:700px) {
  .capela.cacao-hero,.cacao-distribution .split-chapter { grid-template-columns:1fr; }
  .capela.cacao-hero { align-content:start; gap:20px; }
  .cacao-hero .hero-content { grid-row:2; margin:0; }
  .cacao-hero h1 { font-size:clamp(2.75rem,10.8vw,4.6rem); }
  .cacao-hero .hero-description { margin:15px 0 18px; }
  .cacao-hero .hero-recipient { margin-top:16px; }
  .cover-illustration { grid-column:1; grid-row:1; width:min(100%,480px); justify-self:start; }
  .cover-illustration img { max-height:clamp(130px,26dvh,240px); object-fit:contain; object-position:left center; }
  .diagnosis-illustration img { max-height:180px; }
  .editorial-art { width:min(76%,355px); min-height:220px; margin:10px auto; }
}