/* ===== 00-image-pair.css ===== */
/* ImagePair (about: gallery-medicine, gallery-spirituality). Markup: sections/about/shared/ImagePair.tsx.
   1440: 570×570 tiles gap 20 (x 140 / 730); 768: 295×295 gap 10; 390: 170×170 gap 10. */
.image-pair{padding:35px 0 50px}
.image-pair__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;
  max-width:1160px;margin-inline:auto;
}
.image-pair__tile{display:block;aspect-ratio:1/1;overflow:hidden;cursor:zoom-in}
.image-pair__img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
@media (max-width:1199px){
  .image-pair{padding:25px 0 40px}
  .image-pair__grid{max-width:960px;padding-inline:20px}
}
@media (max-width:959px){
  .image-pair__grid{gap:10px;max-width:640px}
}
@media (max-width:639px){
  .image-pair__grid{max-width:none}
}

/* ===== 00-section-heading.css ===== */
/* SectionHeading (about: page-title, heading-cacao, heading-medicine, heading-mood, heading-spirituality).
   Markup: sections/about/shared/SectionHeading.tsx. Per-instance metrics (set in NN-<section>.css, per band):
   --sh-h  block min-height      --sh-pt   padding-top        --sh-star  star margin-top (may be negative)
   --sh-tw title max-width       --sh-sub  subtitle margin-top --sh-sw   subtitle max-width
   --sh-logo-mt logo margin-top  --sh-title-mt title margin-top (after the logo) */
.sec-heading{
  display:flex;flex-direction:column;align-items:center;
  min-height:var(--sh-h,100px);
  padding:var(--sh-pt,0) 10px 0;
  text-align:center;
}
.sec-heading__logo{display:block;flex:none;margin-top:var(--sh-logo-mt,15px)}
.sec-heading__logo img{width:220px;height:79px}
.sec-heading__title{
  width:100%;max-width:var(--sh-tw,600px);
  margin-top:var(--sh-title-mt,0);
  font:400 32px/1.55 var(--f-serif);color:var(--c-brown);text-align:center;
}
.sec-heading__star{position:relative;width:40px;height:40px;margin-top:var(--sh-star,0)}
.sec-heading__sub{margin-top:var(--sh-sub,0);max-width:var(--sh-sw,600px)}

@media (max-width:1199px){
  .sec-heading__logo{transform:translateX(-40px)}   /* original keeps it clear of the burger */
}
@media (max-width:479px){
  .sec-heading__title{font-size:24px;line-height:37px}
}

/* ===== 01-page-title.css ===== */
/* page-title (rec288102401): logo + h1 + star. Metrics: docs/pages/about.md §page-title */
.s-about-page-title{--sh-h:280px;--sh-logo-mt:15px;--sh-title-mt:76px;--sh-star:10px;--sh-tw:510px}
@media (max-width:1199px){.s-about-page-title{--sh-logo-mt:35px;--sh-title-mt:71px;--sh-star:2px}}
@media (max-width:959px){.s-about-page-title{--sh-h:290px;--sh-star:10px}}
@media (max-width:479px){.s-about-page-title{--sh-star:13px;--sh-tw:410px}}

/* ===== 02-philosophy.css ===== */
/* philosophy (rec288104076) */
.s-about-philosophy{padding-bottom:60px}
.s-about-philosophy__grid{
  display:grid;grid-template-columns:560px 560px;column-gap:40px;justify-content:center;
}
.s-about-philosophy__media{height:700px;overflow:hidden}
.s-about-philosophy__media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.s-about-philosophy__text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.s-about-philosophy__title{margin-bottom:16px;font:400 32px/1.23 var(--f-serif);color:var(--c-brown)}
.s-about-philosophy__sub{max-width:400px;margin-bottom:28px;font:400 16px/1.55 var(--f-serif);color:var(--c-muted)}
.s-about-philosophy__descr{font:300 18px/1.55 var(--f-serif);color:var(--c-text)}

@media (max-width:1199px){
  .s-about-philosophy__grid{grid-template-columns:460px 460px}
}
@media (max-width:959px){
  .s-about-philosophy__grid{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto;padding-inline:20px}
  .s-about-philosophy__media{height:auto;aspect-ratio:520/700;margin-bottom:30px}
}
@media (max-width:639px){
  .s-about-philosophy__grid{max-width:none}
  .s-about-philosophy__sub,.s-about-philosophy__descr{line-height:1.45}
}

/* ===== 03-heading-cacao.css ===== */
/* heading-cacao (rec288103823): title + star + second line. */
.s-about-heading-cacao{--sh-h:160px;--sh-pt:10px;--sh-star:0px;--sh-sub:-10px;--sh-sw:600px}
@media (max-width:1199px){.s-about-heading-cacao{--sh-h:140px;--sh-pt:0px;--sh-star:-5px}}
@media (max-width:959px){.s-about-heading-cacao{--sh-star:-4px}}
@media (max-width:639px){.s-about-heading-cacao{--sh-h:210px;--sh-star:5px;--sh-sub:-3px;--sh-sw:390px}}
@media (max-width:479px){.s-about-heading-cacao{--sh-h:170px;--sh-star:2px;--sh-sub:0px;--sh-sw:290px}}

/* ===== 04-cacao-history.css ===== */
/* cacao-history (rec288102538): text column 340…810 + quote column 840…1300 at 1440 */
.s-about-cacao-history__inner{
  display:grid;grid-template-columns:470px 460px;grid-template-areas:"text quote";column-gap:30px;
  width:960px;max-width:100%;
  margin-left:calc(50% - 380px);
}
.s-about-cacao-history__quote{grid-area:quote;padding:6px 0 20px}
.s-about-cacao-history__line{display:block;width:240px;max-width:100%;height:1px;margin:0 0 23px;border:0;background:var(--c-brown)}
.s-about-cacao-history__lead{font:400 30px/1.35 var(--f-serif);color:var(--c-brown)}
.s-about-cacao-history__text{grid-area:text;padding-bottom:24.8px;font:300 16px/1.55 var(--f-serif);color:var(--c-text)}
.s-about-cacao-history__text p+p{margin-top:24.8px}

@media (max-width:1199px){
  .s-about-cacao-history__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:auto;max-width:800px;margin-left:auto;margin-right:auto;padding-inline:20px}
}
@media (max-width:959px){
  .s-about-cacao-history__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"quote" "text";max-width:640px}
  .s-about-cacao-history__quote{padding-left:30px}
  .s-about-cacao-history__text{padding-inline:20px;padding-bottom:24.8px}
}
@media (max-width:639px){
  .s-about-cacao-history__inner{max-width:none}
  .s-about-cacao-history__quote{padding-left:0}
  .s-about-cacao-history__text{padding-inline:0;line-height:1.45}
  .s-about-cacao-history__text p+p{margin-top:23.2px}
}
@media (max-width:479px){
  .s-about-cacao-history__lead{font-size:22px}
}

/* ===== 05-cacao-photo.css ===== */
/* cacao-photo (rec288508746): 660×440 at ≥1200, 560 at 960–1199, 540 at 640–959, full-bleed below */
.s-about-cacao-photo{padding:15px 0 75px}
.s-about-cacao-photo__fig{max-width:660px;margin:0 auto}
.s-about-cacao-photo__img{display:block;width:100%;height:auto}
@media (max-width:1199px){.s-about-cacao-photo__fig{max-width:560px}}
@media (max-width:959px){.s-about-cacao-photo__fig{max-width:540px}}
@media (max-width:639px){.s-about-cacao-photo__fig{max-width:none}}

/* ===== 06-heading-medicine.css ===== */
/* heading-medicine (rec288105097) */
.s-about-heading-medicine{--sh-h:100px;--sh-pt:1px;--sh-star:-1px}
@media (max-width:1199px){.s-about-heading-medicine{--sh-pt:0px;--sh-star:-1px}}
@media (max-width:959px){.s-about-heading-medicine{--sh-h:90px;--sh-star:-3px}}
@media (max-width:639px){.s-about-heading-medicine{--sh-h:100px;--sh-star:1px}}
@media (max-width:479px){.s-about-heading-medicine{--sh-h:90px;--sh-star:9px;--sh-tw:410px}}

/* ===== 07-medicine-columns.css ===== */
/* medicine-columns (rec288106969): 3 × 360 (gap 40) → 3 × 300 → stacked */
.s-about-medicine-columns__cols{
  display:grid;grid-template-columns:repeat(3,360px);column-gap:40px;justify-content:center;
  padding:8px 0 6px;
}
.s-about-medicine-columns__col{font:300 16px/1.55 var(--f-sans);color:var(--c-text)}
.s-about-medicine-columns__link{color:inherit;text-decoration:none}
@media (max-width:1199px){
  .s-about-medicine-columns__cols{grid-template-columns:repeat(3,300px)}
}
@media (max-width:959px){
  .s-about-medicine-columns__cols{grid-template-columns:minmax(0,1fr);row-gap:34px;max-width:640px;margin-inline:auto;padding:28px 20px 26px}
}
@media (max-width:639px){
  .s-about-medicine-columns__cols{max-width:none}
  .s-about-medicine-columns__col{line-height:1.45}
}

/* ===== 09-heading-mood.css ===== */
/* heading-mood (rec288105809): wrapping controlled by max-width (650 / 400 / 300) */
.s-about-heading-mood{--sh-h:110px;--sh-pt:10px;--sh-star:2px;--sh-tw:650px}
@media (max-width:1199px){.s-about-heading-mood{--sh-h:100px;--sh-pt:0px;--sh-star:0px}}
@media (max-width:959px){.s-about-heading-mood{--sh-h:150px;--sh-star:6px;--sh-tw:400px}}
@media (max-width:479px){.s-about-heading-mood{--sh-h:120px;--sh-star:4px;--sh-tw:300px}}

/* ===== 10-mood-intro.css ===== */
/* mood-intro (rec288106055): 760 column (x 340…1100 at 1440) */
.s-about-mood-intro__inner{max-width:760px;margin-inline:auto;padding:8px 0 21px}
.s-about-mood-intro__text{font:300 16px/1.55 var(--f-serif);color:var(--c-text)}
@media (max-width:1199px){.s-about-mood-intro__inner{max-width:620px}}
@media (max-width:959px){.s-about-mood-intro__inner{max-width:640px;padding-inline:20px}}
@media (max-width:639px){
  .s-about-mood-intro__inner{max-width:none}
  .s-about-mood-intro__text{line-height:1.45}
}

/* ===== 11-neurotransmitters.css ===== */
/* neurotransmitters (rec288106099): 5 borderless accordion rows in a 760 column (x 340…1100 at 1440) */
.s-about-neurotransmitters{padding-bottom:60px}
.s-about-neurotransmitters__list{max-width:760px;margin-inline:auto}
.s-about-neurotransmitters__item{margin-bottom:2px;background:var(--c-gray-bg)}
.s-about-neurotransmitters__item:last-child{margin-bottom:0}
.s-about-neurotransmitters__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:25px 18px 25px 30px;
  list-style:none;cursor:pointer;
}
.s-about-neurotransmitters__head::-webkit-details-marker{display:none}
.s-about-neurotransmitters__head::marker{content:''}
.s-about-neurotransmitters__title{
  padding-right:30px;
  font:400 24px/1.35 var(--f-serif);color:var(--c-brown);text-transform:uppercase;
}
.s-about-neurotransmitters__title em{font-style:italic}
.s-about-neurotransmitters__icon{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;margin-block:-10px;border-radius:100px; /* circle must not grow the row (title line sets it) */
  color:var(--c-brown);
  transition:background-color .2s ease-in-out,color .2s ease-in-out;
}
.s-about-neurotransmitters__icon svg{width:24px;height:24px;transition:transform .3s ease-in-out}
.s-about-neurotransmitters__item[open] .s-about-neurotransmitters__icon svg{transform:rotate(-45deg)}
.s-about-neurotransmitters__panel{padding:0 30px 20px;font:300 16px/1.55 var(--f-serif);color:var(--c-brown)}
@media (hover:hover) and (min-width:961px){
  .s-about-neurotransmitters__head:hover .s-about-neurotransmitters__icon{background:var(--c-line-light);color:var(--c-ink)}
}

@media (max-width:1199px){
  .s-about-neurotransmitters__title{font-size:22px}
  .s-about-neurotransmitters__panel{font-size:14px}
}
@media (max-width:959px){
  .s-about-neurotransmitters__list{max-width:640px;padding-inline:20px}
}
@media (max-width:639px){
  .s-about-neurotransmitters__list{max-width:none}
  .s-about-neurotransmitters__head{padding:20px 8px 20px 20px}
  .s-about-neurotransmitters__title{padding-right:20px;font-size:20px}
  .s-about-neurotransmitters__panel{padding:0 20px 20px;font-size:12px;line-height:1.45}
}

/* ===== 12-heading-spirituality.css ===== */
/* heading-spirituality (rec288106534) */
.s-about-heading-spirituality{--sh-h:110px;--sh-pt:10px;--sh-star:7px;--sh-tw:650px}
@media (max-width:1199px){.s-about-heading-spirituality{--sh-h:100px;--sh-pt:0px;--sh-star:5px}}
@media (max-width:639px){.s-about-heading-spirituality{--sh-star:1px}}
@media (max-width:479px){.s-about-heading-spirituality{--sh-h:80px;--sh-star:4px;--sh-tw:410px}}

/* ===== 13-spirituality-text.css ===== */
/* spirituality-text (rec288106801): lead 140…640 + text 740…1300 at 1440 */
.s-about-spirituality-text__row{
  display:grid;grid-template-columns:502px 560px;column-gap:98px;justify-content:center;align-items:start;  /* +2px: the 2nd lead line is 500.2px wide in Wremena and would wrap */
}
.s-about-spirituality-text__lead{padding:7px 0;font:400 24px/28px var(--f-serif);color:var(--c-brown)}
.s-about-spirituality-text__text{padding:8px 0 30px;font:400 16px/1.55 var(--f-sans);color:var(--c-text)}
.s-about-spirituality-text__text em{font-style:italic}
@media (max-width:1199px){
  .s-about-spirituality-text__row{grid-template-columns:410px minmax(0,1fr);column-gap:70px;max-width:960px;margin-inline:auto;padding-inline:20px}
}
@media (max-width:959px){
  .s-about-spirituality-text__row{grid-template-columns:minmax(0,1fr);max-width:640px}
  .s-about-spirituality-text__lead{margin-bottom:20px}
}
@media (max-width:639px){
  .s-about-spirituality-text__row{max-width:none}
  .s-about-spirituality-text__text{line-height:1.45}
}