/* Supplied 5000 × 1882 blank artwork; existing copy, translations and controls
   stay native. One coordinate plane keeps the photographs and labels aligned. */
html body.hla-page #cascade.hla-cascade-oct27 {
  --hla-cascade-art:url('../images/human-longevity-aging-20260916/cascade-background-20261027.jpg');
}
@media (min-width:1200px) {
  html body.hla-page #cascade.hla-cascade-oct27 {
    position:relative;container-type:inline-size;isolation:isolate;
    width:100%;aspect-ratio:5000 / 1882;min-height:0;padding:0;
    background:#fff var(--hla-cascade-art) center top / 100% 100% no-repeat;
  }
  html body.hla-page #cascade.hla-cascade-oct27 :is(.hla-banner,.hla-framework-inner,.hla-journey) {
    position:static;display:contents;min-height:0;margin:0;padding:0;transform:none;
  }
  #cascade.hla-cascade-oct27 .hla-banner::before,
  #cascade.hla-cascade-oct27 .hla-banner > img,
  #cascade.hla-cascade-oct27 .hla-cascade-burden-shape,
  #cascade.hla-cascade-oct27 .hla-flow-arrow,
  #cascade.hla-cascade-oct27 .hla-burden-steps .ph { display:none !important; }
  html body.hla-page #cascade.hla-cascade-oct27 .hla-banner-copy {
    position:absolute;left:18.6%;top:6.65%;width:25.5%;margin:0;padding:0;
    --site-type-h2:2.08cqw;--site-line-h2:1.02;--site-letter-h2:-.025em;
    --arotec-body-size:.95cqw;--arotec-body-line-height:1.3;
  }
  html body.hla-page #cascade.hla-cascade-oct27 #framework-title {
    font-size:2.08cqw !important;line-height:1.02 !important;letter-spacing:-.025em !important;
    margin:0 0 .45cqw !important;font-weight:700 !important;text-wrap:initial;
  }
  #cascade.hla-cascade-oct27 .hla-banner-copy p { max-width:24cqw; }
  html body.hla-page #cascade.hla-cascade-oct27 .hla-card {
    position:absolute;display:block;min-height:0;margin:0;padding:0;
    border:0 !important;border-radius:0;background:transparent;box-shadow:none !important;
    --site-type-h3:1.05cqw;--site-line-h3:1.12;--site-letter-h3:-.035em;
    --site-type-h4:.75cqw;--site-line-h4:1.16;--site-letter-h4:-.025em;
    --arotec-body-size:.77cqw;--arotec-body-line-height:1.3;
  }
  html body.hla-page #cascade.hla-cascade-oct27 .hla-card :is(h3,h4) {
    margin:0 0 .25cqw !important;overflow-wrap:normal;word-break:normal;
  }
  html body.hla-page #cascade.hla-cascade-oct27 .hla-card .hla-acronym {
    --site-type-h3:1.7cqw;--site-line-h3:1;--site-letter-h3:-.04em;
  }
  #cascade.hla-cascade-oct27 .hla-card p { margin:0; }
  #cascade.hla-cascade-oct27 .hla-card-copy { padding:0; }
  #cascade.hla-cascade-oct27 .hla-emii { left:17.85%;top:37.6%;width:9.6%;height:50.3%; }
  #cascade.hla-cascade-oct27 .hla-exposure-photo { margin:0;padding:0; }
  #cascade.hla-cascade-oct27 .hla-exposure-photo img { visibility:hidden;width:100%;height:auto;aspect-ratio:480 / 440; }
  #cascade.hla-cascade-oct27 .hla-exposure-photo figcaption { padding:.3cqw 0 0;text-align:center; }
  #cascade.hla-cascade-oct27 .hla-exposure-photo strong { font-size:.68cqw;line-height:1.15; }
  #cascade.hla-cascade-oct27 .hla-exposure-photo span { margin-top:.15cqw;font-size:.51cqw;line-height:1.2;white-space:nowrap; }
  #cascade.hla-cascade-oct27 .hla-emii .hla-card-copy { padding:.35cqw .7cqw 0; }
  #cascade.hla-cascade-oct27 .hla-emii h4 { max-width:8.4cqw; }
  #cascade.hla-cascade-oct27 .hla-emii p { margin-top:.25cqw; }
  #cascade.hla-cascade-oct27 .hla-burden { position:absolute;left:27.55%;top:53.1%;width:15.5%;height:22%;margin:0;padding:0; }
  #cascade.hla-cascade-oct27 .hla-burden-steps {
    display:grid;grid-template-columns:18% 9% 28% 8% 37%;align-items:center;
    width:100%;height:4.7cqw;min-height:0;aspect-ratio:auto;margin:0;padding:0;
  }
  #cascade.hla-cascade-oct27 .hla-burden-steps li { --arotec-body-size:.89cqw;--arotec-body-line-height:1.2;margin:0;padding:0;transform:none;font-size:.89cqw;line-height:1.2; }
  #cascade.hla-cascade-oct27 .hla-burden-steps li:nth-child(1) { grid-column:1; }
  #cascade.hla-cascade-oct27 .hla-burden-steps li:nth-child(2) { grid-column:3; }
  #cascade.hla-cascade-oct27 .hla-burden-steps li:nth-child(3) { grid-column:5; }
  #cascade.hla-cascade-oct27 .hla-burden-steps li:nth-child(3) strong { width:auto;max-width:none; }
  #cascade.hla-cascade-oct27 .hla-burden > p { --arotec-body-size:.74cqw;--arotec-body-line-height:1.28;max-width:15.5cqw;margin:1.55cqw 0 0; }
  #cascade.hla-cascade-oct27 .hla-metastatic { left:43.65%;top:39.85%;width:17.25%;height:47.5%;text-align:center; }
  html body.hla-page #cascade.hla-cascade-oct27 .hla-metastatic > h3 { --site-type-h3:1.6cqw;--site-line-h3:1.1;margin:0 !important;white-space:nowrap; }
  #cascade.hla-cascade-oct27 .hla-cascade-branch { position:absolute;left:0;top:17.2%;width:100%;height:12%;margin:0; }
  #cascade.hla-cascade-oct27 .hla-levels { position:absolute;left:0;top:32%;display:grid;grid-template-columns:1fr 1fr;gap:.5cqw;width:100%;margin:0;text-align:left; }
  #cascade.hla-cascade-oct27 .hla-levels img { visibility:hidden;width:100%;height:auto;aspect-ratio:425 / 353;margin:0 0 .35cqw; }
  #cascade.hla-cascade-oct27 .hla-levels h4 { --site-type-h4:.56cqw;--site-line-h4:1.18; }
  #cascade.hla-cascade-oct27 .hla-levels p { --arotec-body-size:.51cqw;--arotec-body-line-height:1.38; }
  #cascade.hla-cascade-oct27 .hla-metastatic .hla-propagation { position:absolute;left:0;bottom:0;width:100%;--arotec-body-size:.59cqw;--arotec-body-line-height:1.2;padding:0;margin:0; }
  #cascade.hla-cascade-oct27 .hla-human { left:61.85%;top:39.4%;width:6.8%;height:47.2%; }
  #cascade.hla-cascade-oct27 .hla-brain-stages { position:relative;width:100%;max-width:none;margin:0;background:transparent;border-radius:0;overflow:visible; }
  #cascade.hla-cascade-oct27 .hla-brain-stages > img { visibility:visible;width:100%;height:auto;aspect-ratio:340 / 455; }
  #cascade.hla-cascade-oct27 .hla-age { font-size:.68cqw;line-height:1; }
  #cascade.hla-cascade-oct27 .hla-age--30 { top:11%;right:23%; }
  #cascade.hla-cascade-oct27 .hla-age--50 { visibility:visible;top:49%;right:auto;left:4%; }
  #cascade.hla-cascade-oct27 .hla-age--70 { top:79%;right:19%; }
  #cascade.hla-cascade-oct27 .hla-human .hla-card-copy { padding:.7cqw .12cqw 0; }
  #cascade.hla-cascade-oct27 .hla-human h3 { --site-type-h3:.96cqw;white-space:nowrap; }
  #cascade.hla-cascade-oct27 .hla-human p { --arotec-body-size:.68cqw;margin-top:.55cqw; }
  #cascade.hla-cascade-oct27 .hla-adi { left:73.35%;top:39.4%;width:8.6%;height:47.2%; }
  #cascade.hla-cascade-oct27 .hla-adi-photo { visibility:hidden;width:100%;height:auto;aspect-ratio:430 / 420;margin:0; }
  #cascade.hla-cascade-oct27 .hla-adi .hla-card-copy { padding:.62cqw .5cqw 0; }
  #cascade.hla-cascade-oct27 .hla-adi h4 { --site-type-h4:.76cqw;white-space:nowrap; }
  #cascade.hla-cascade-oct27 .hla-adi p { --arotec-body-size:.61cqw;--arotec-body-line-height:1.22;margin-top:.15cqw; }
  html body.hla-page #cascade.hla-cascade-oct27 .hla-explore {
    position:absolute;bottom:0;left:.12cqw;width:calc(100% - .24cqw);min-width:0;min-height:0;height:2cqw;
    padding:.2cqw .3cqw;margin:0;font-size:.82cqw;line-height:1.1;font-weight:400;gap:.45cqw;
  }
  html body.hla-page #cascade.hla-cascade-oct27 .hla-adi .hla-explore { left:.5cqw;width:calc(100% - 1cqw); }
  #cascade.hla-cascade-oct27 .hla-explore .ph { font-size:1cqw; }
  html:not(:lang(en)) #cascade.hla-cascade-oct27 .hla-card { --arotec-body-size:.65cqw;--site-type-h4:.67cqw; }
  html:not(:lang(en)) #cascade.hla-cascade-oct27 .hla-card :is(h3,h4) { white-space:normal; }
  html:not(:lang(en)) #cascade.hla-cascade-oct27 .hla-exposure-photo span { white-space:normal; }
  html:not(:lang(en)) body.hla-page #cascade.hla-cascade-oct27 .hla-metastatic > h3 { --site-type-h3:1.2cqw;white-space:normal; }
  html:not(:lang(en)) #cascade.hla-cascade-oct27 .hla-human p { margin-top:.3cqw; }
  html:not(:lang(en)) #cascade.hla-cascade-oct27 .hla-adi h4 { --site-type-h4:.66cqw; }
  html:not(:lang(en)) #cascade.hla-cascade-oct27 .hla-adi p { --arotec-body-size:.57cqw;--arotec-body-line-height:1.18; }
  html:not(:lang(en)) body.hla-page #cascade.hla-cascade-oct27 .hla-explore {
    font-size:.67cqw;white-space:nowrap;gap:.3cqw;min-height:28px;
  }
  html:not(:lang(en)) #cascade.hla-cascade-oct27 .hla-brain-stages .hla-age {
    right:4%;font-size:.53cqw;white-space:nowrap;
  }
  html:not(:lang(en)) #cascade.hla-cascade-oct27 .hla-brain-stages > img { visibility:visible; }
  html:not(:lang(en)) #cascade.hla-cascade-oct27 .hla-brain-stages .hla-age--50 {
    visibility:visible;top:49%;right:auto;left:4%;
  }
}
/* Reading layout below poster width: retain the same content and original
   individual photographs so the text and Explore controls stay readable. */
@media (max-width:1199px) {
  html body.hla-page #cascade.hla-cascade-oct27 .hla-banner {
    min-height:300px;background:#123754 var(--hla-cascade-art) 60% top / auto 295% no-repeat;
  }
  #cascade.hla-cascade-oct27 .hla-banner > img { display:none; }
  #cascade.hla-cascade-oct27 .hla-banner-copy { position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;width:64%;padding:36px var(--hla-gutter);margin:0;background:linear-gradient(90deg,#123754ee 75%,#12375400); }
  html body.hla-page #cascade.hla-cascade-oct27 #framework-title { font-size:clamp(26px,3.3vw,42px) !important;line-height:1.1 !important; }
  #cascade.hla-cascade-oct27 .hla-journey { grid-template-columns:1fr 1fr;gap:28px; }
  #cascade.hla-cascade-oct27 .hla-emii { grid-column:1; }
  #cascade.hla-cascade-oct27 .hla-burden { grid-column:2;align-self:center;margin:0;padding:28px 24px;border-radius:14px;background:linear-gradient(135deg,#e1f3ff,#fff2d3);--arotec-body-size:20px; }
  #cascade.hla-cascade-oct27 .hla-cascade-burden-shape { display:none; }
  #cascade.hla-cascade-oct27 .hla-burden-steps { display:flex;flex-direction:column;gap:32px;width:100%;min-height:0;aspect-ratio:auto;padding:0;margin:0; }
  #cascade.hla-cascade-oct27 .hla-burden-steps li { width:100%;margin:0;padding:0;transform:none;--arotec-body-size:22px;font-size:22px;line-height:1.3; }
  #cascade.hla-cascade-oct27 .hla-burden-steps li strong { width:auto;max-width:none; }
  #cascade.hla-cascade-oct27 .hla-burden-steps .ph { display:block;visibility:visible;top:auto;bottom:-27px;right:auto;left:50%;transform:translateX(-50%) rotate(90deg);font-size:23px; }
  #cascade.hla-cascade-oct27 .hla-burden > p { margin-top:28px; }
  #cascade.hla-cascade-oct27 .hla-metastatic { grid-column:1 / -1; }
  #cascade.hla-cascade-oct27 .hla-human { grid-column:1; }
  #cascade.hla-cascade-oct27 .hla-adi { grid-column:2; }
  html body.hla-page #cascade.hla-cascade-oct27 .hla-card { --site-type-h3:30px;--site-type-h4:22px;--arotec-body-size:20px;--arotec-body-line-height:1.4; }
  html body.hla-page #cascade.hla-cascade-oct27 .hla-metastatic > h3 { --site-type-h3:30px; }
  #cascade.hla-cascade-oct27 .hla-metastatic { padding:24px; }
  #cascade.hla-cascade-oct27 .hla-card-copy,
  #cascade.hla-cascade-oct27 :is(.hla-human,.hla-adi) .hla-card-copy { padding:24px; }
  #cascade.hla-cascade-oct27 .hla-levels p { --arotec-body-size:18px; }
  #cascade.hla-cascade-oct27 .hla-metastatic .hla-propagation { --arotec-body-size:20px; }
  #cascade.hla-cascade-oct27 .hla-exposure-photo img { max-height:360px;object-fit:cover; }
  #cascade.hla-cascade-oct27 .hla-exposure-photo strong { font-size:20px; }
  #cascade.hla-cascade-oct27 .hla-exposure-photo span { font-size:16px; }
  #cascade.hla-cascade-oct27 .hla-brain-stages { width:218px;max-width:calc(100% - 18px);margin-inline:auto; }
  #cascade.hla-cascade-oct27 .hla-adi-photo { max-height:300px;object-fit:cover; }
  html body.hla-page #cascade.hla-cascade-oct27 .hla-explore { min-height:44px;font-size:18px; }
  #cascade.hla-cascade-oct27 :is(.hla-human,.hla-adi) { display:flex;flex-direction:column; }
  #cascade.hla-cascade-oct27 .hla-flow-arrow { display:none !important; }
}
@media (max-width:799px) {
  html body.hla-page #cascade.hla-cascade-oct27 .hla-banner { display:flex;align-items:flex-end;min-height:460px;background-position:58% top; }
  #cascade.hla-cascade-oct27 .hla-banner-copy { align-self:flex-end;width:100%;padding:80px 24px 28px;background:linear-gradient(0deg,#123754 0%,#123754ed 70%,#12375400 100%); }
  #cascade.hla-cascade-oct27 .hla-journey { grid-template-columns:1fr; }
  #cascade.hla-cascade-oct27 :is(.hla-emii,.hla-burden,.hla-metastatic,.hla-human,.hla-adi) { grid-column:1; }
}
/* Preserve the supplied composition and its text scale. All labels, including
   English, use the site's locale-aware font rather than baked image lettering. */
html body.hla-page #cascade.hla-cascade-oct27 :is(h2,h3,h4,p,strong,span,button) {
  font-family:var(--site-font) !important;
}
html body.hla-page #cascade.hla-cascade-oct27 .hla-explore { font-weight:700; }
@media (min-width:1200px) {
  #cascade.hla-cascade-oct27 .hla-card :is(h3,h4) { white-space:normal; }
  #cascade.hla-cascade-oct27 .hla-adi h4 { --site-type-h4:.66cqw; }
  #cascade.hla-cascade-oct27 .hla-age--30,
  #cascade.hla-cascade-oct27 .hla-age--70 { right:4%; }
}
