/* Detail pages: one introduction, then one idea per scroll chapter. */
.detail-intro,.packages-intro{
  min-height:calc(100vh - 92px);min-height:calc(100svh - 92px);
  max-width:850px;padding:64px 0;margin:0;
}
.system-detail,.values-detail{padding:0;gap:clamp(40px,6vw,88px);align-items:start}
.detail-list{border-top:0}
.detail-list article{min-height:100vh;min-height:100svh;padding:80px 0;align-content:center}
.detail-list h2{font-size:clamp(36px,4vw,60px);line-height:1.08}
.detail-list p{font-size:clamp(18px,1.6vw,23px);line-height:1.65;max-width:520px}
.detail-list article>span{padding-top:10px}
.detail-photo,.values-photos{position:sticky;top:12svh;margin-top:12svh;max-height:76svh}
.detail-photo{height:76svh;object-fit:cover}
.values-photos{grid-template-rows:48svh 26svh;gap:2svh}
.values-photos img,.values-photos img:first-child{height:100%;min-height:0;object-fit:cover}
.package-grid{display:block;padding:0;margin:0}
.package-chapter{min-height:100vh;min-height:100svh;padding:72px 0;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(101,73,54,.2)}
.package-panel{width:100%;max-width:800px;min-height:0;padding:clamp(28px,5vw,64px)}
.package-panel h2{font-size:clamp(36px,5vw,64px)}
.package-panel li{padding-top:14px;padding-bottom:14px}
.package-cta{margin-top:12px}
.back-home{margin-top:64px}
@media(max-width:700px){
 .detail-intro,.packages-intro{min-height:calc(100svh - 92px);padding:48px 0}
 .system-detail,.values-detail{display:flex;flex-direction:column;gap:0}
 .detail-list{width:100%}
 .detail-list article{min-height:85svh;padding:64px 0}
 .detail-list h2{font-size:38px}
 .detail-photo,.values-photos{position:static;margin:56px 0;height:auto;max-height:none;width:100%}
 .detail-photo{height:60svh;order:2}
 .values-photos{grid-template-rows:48svh 26svh}
 .package-chapter{padding:56px 0;min-height:100svh}
 .package-panel{padding:32px 24px}
}
@media(max-width:620px){.detail-intro,.packages-intro{min-height:calc(100svh - 76px)}}
@media print{
 .detail-intro,.packages-intro,.detail-list article,.package-chapter{min-height:0;padding:24px 0}
 .detail-photo,.values-photos{position:static}
}

/* Each value and process step has its own image and text. */
.illustrated-sections{display:block;border:0}
.illustrated-sections .detail-list article{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;align-content:center;min-height:100svh;padding:80px 0;border-top:1px solid rgba(101,73,54,.2);border-bottom:0}
.chapter-copy{min-width:0}
.chapter-copy .eyebrow{display:block;margin-bottom:24px}
.chapter-photo{width:100%;height:clamp(340px,65svh,680px);object-fit:cover}
.illustrated-chapter:nth-child(even) .chapter-photo{grid-column:1;grid-row:1}
.illustrated-chapter:nth-child(even) .chapter-copy{grid-column:2;grid-row:1}
@media(max-width:700px){
 .illustrated-sections .detail-list article{grid-template-columns:1fr;gap:32px;padding:64px 0;min-height:100svh}
 .illustrated-chapter .chapter-copy,.illustrated-chapter:nth-child(even) .chapter-copy{grid-column:1;grid-row:1}
 .illustrated-chapter .chapter-photo,.illustrated-chapter:nth-child(even) .chapter-photo{grid-column:1;grid-row:2;height:48svh;max-height:480px}
}