/* ============================================================
   PAGE ARTICLE — REEDUCATION DU LCA
   Complete styles.css, chargee uniquement par cette page.
   ============================================================ */

.lca_progress {
  position: fixed;
  top: 76px;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(30, 54, 116, 0.08);
  z-index: 90;
}

.lca_progress_bar {
  height: 100%;
  width: 0%;
  background-color: #2a6bb0;
  transition: width 0.12s linear;
}

/* --- bandeau --- */

.lca_hero {
  background-color: #1e3674;
  padding-top: 96px;
  padding-bottom: 88px;
  overflow: hidden;
}

.lca_hero_inner {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 72px;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.lca_hero_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.lca_kicker {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 2.16px;
  text-transform: uppercase;
  color: #8da0ce;
}

.lca_h1 {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 48px;
  line-height: 1.1;
  letter-spacing: -0.96px;
  color: #ffffff;
}

.lca_hero_lead {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.55;
  color: #c3cee6;
  max-width: 52ch;
}

.lca_hero_intro {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: #8da0ce;
  max-width: 56ch;
}

.lca_actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}

.lca_ghost {
  background-color: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.34);
}

.lca_ghost:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(14, 27, 58, 0.34);
}

.lca_meta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-top: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #8da0ce;
}

.lca_meta_dot {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background-color: #4b6199;
}

.lca_hero_media {
  position: relative;
  aspect-ratio: 4 / 5;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.45);
}

.lca_hero_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- chiffres cles --- */

.lca_stats {
  background-color: #ffffff;
  border-bottom: 1px solid #e6e4df;
  padding-top: 56px;
  padding-bottom: 56px;
}

.lca_stats_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.lca_stat {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lca_stat_row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 3px;
}

.lca_stat_num {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.88px;
}

.lca_stat_unit {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}

.lca_stat_txt {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.55;
  color: #7a766d;
}

.is_navy { color: #1e3674; }
.is_teal { color: #17857a; }
.is_rust { color: #c7411d; }

/* --- structure sommaire + corps --- */

.lca_shell {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  gap: 72px;
  align-items: start;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 24px;
}

.lca_toc {
  position: sticky;
  top: 112px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.lca_toc_label {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 1.98px;
  text-transform: uppercase;
  color: #a8a49b;
  padding: 0 0 12px 14px;
}

.lca_toc_link {
  width: 100%;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.45;
  color: #7a766d;
  text-decoration: none;
  padding: 9px 0 9px 14px;
  border-left: 2px solid #e6e4df;
  transition: color 0.2s ease-out, border-color 0.2s ease-out;
}

.lca_toc_link:hover {
  color: #1e3674;
}

.lca_toc_link.is_active {
  color: #1e3674;
  border-left-color: #2a6bb0;
  font-weight: 600;
}

.lca_toc_cta {
  margin-top: 20px;
  margin-left: 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.4;
  color: #1e3674;
  text-decoration: none;
}

.lca_main {
  display: flex;
  flex-direction: column;
  gap: 88px;
  min-width: 0;
}

.lca_sec {
  scroll-margin-top: 112px;
}

.lca_eyebrow {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 2.16px;
  text-transform: uppercase;
  color: #2a6bb0;
}

.lca_h2 {
  margin: 14px 0 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 1.18;
  letter-spacing: -0.34px;
  color: #1e3674;
}

.lca_p {
  margin: 24px 0 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.72;
  color: #57534b;
  max-width: 68ch;
}

.lca_p_tight {
  margin-top: 16px;
}

.lca_strong {
  font-weight: 600;
  color: #0e1b3a;
}

/* --- figures --- */

.lca_fig {
  margin: 36px 0 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.lca_fig_box {
  background-color: #ffffff;
  border: 1px solid #e6e4df;
  border-radius: 10px;
  padding: 32px;
  display: flex;
  justify-content: center;
}

.lca_fig_img {
  width: 100%;
  max-width: 620px;
  height: auto;
}

.lca_photo {
  width: 100%;
  /* sans height:auto, l'attribut height du HTML est traduit en hauteur CSS
     et l'emporte sur aspect-ratio : l'image s'etire. */
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

.lca_photo_wide {
  aspect-ratio: 21 / 9;
}

.lca_photo_tall {
  aspect-ratio: 3 / 5;
}

.lca_fig_cap {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6;
  color: #a8a49b;
  max-width: 70ch;
}

/* --- cartes generiques --- */

.lca_two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 36px;
}

.lca_card {
  background-color: #ffffff;
  border: 1px solid #e6e4df;
  border-radius: 8px;
  padding: 28px;
}

.lca_card_head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.lca_card_icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.lca_card_title {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.35;
  color: #0e1b3a;
}

.lca_list {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lca_list li {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  color: #57534b;
}

/* --- onglets des phases --- */

.lca_phases {
  margin-top: 40px;
  background-color: #ffffff;
  border: 1px solid #e6e4df;
  border-radius: 10px;
  overflow: hidden;
}

.lca_tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid #e6e4df;
}

.lca_tab {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  text-align: left;
  padding: 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: background-color 0.2s ease-out;
}

.lca_tab + .lca_tab {
  border-left: 1px solid #efede8;
}

.lca_tab_num {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 1.54px;
  text-transform: uppercase;
  color: #a8a49b;
  transition: color 0.2s ease-out;
}

.lca_tab_label {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.35;
  color: #57534b;
  transition: color 0.2s ease-out;
}

.lca_tab:hover {
  background-color: #faf9f7;
}

.lca_tab.is_active {
  background-color: #f4f6fb;
  border-bottom-color: #2a6bb0;
}

.lca_tab.is_active .lca_tab_num {
  color: #2a6bb0;
}

.lca_tab.is_active .lca_tab_label {
  color: #1e3674;
}

.lca_panels {
  padding: 36px 32px;
}

.lca_panel {
  display: none;
  flex-direction: column;
  gap: 16px;
}

.lca_panel.is_active {
  display: flex;
}

.lca_panel_h3 {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  color: #1e3674;
}

.lca_panel_p {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #57534b;
  max-width: 70ch;
}

.lca_goal {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  background-color: #eef2f9;
  border-radius: 8px;
  max-width: 70ch;
}

.lca_goal_icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 3px;
}

.lca_goal_p {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  color: #0e1b3a;
}

.lca_crit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  max-width: 70ch;
}

.lca_crit_item {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #0e1b3a;
  background-color: #f4f6fb;
  border: 1px solid #dce3f1;
  border-radius: 6px;
  padding: 12px 14px;
}

/* --- bloc science --- */

.lca_science {
  background-color: #1e3674;
  border-radius: 12px;
  padding: 56px 48px;
}

.lca_science .lca_eyebrow {
  color: #8da0ce;
}

.lca_science .lca_h2 {
  color: #ffffff;
  max-width: 24ch;
}

.lca_science_lead {
  margin: 24px 0 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.72;
  color: #c3cee6;
  max-width: 66ch;
}

.lca_sci_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background-color: #33507f;
  margin-top: 40px;
  border-radius: 8px;
  overflow: hidden;
}

.lca_sci_cell {
  background-color: #1e3674;
  padding: 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.lca_sci_num {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1;
  color: #ffffff;
}

.lca_sci_p {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  color: #c3cee6;
}

.lca_sci_src {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #8da0ce;
  text-decoration: none;
  border-bottom: 1px solid #4b6199;
  transition: color 0.2s ease-out, border-color 0.2s ease-out;
}

.lca_sci_src:hover {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

.lca_science_punch {
  margin: 36px 0 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.72;
  color: #ffffff;
  max-width: 66ch;
}

.lca_science_p {
  margin: 16px 0 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #c3cee6;
  max-width: 66ch;
}

.lca_science_p .lca_strong {
  color: #ffffff;
}

/* --- part mentale --- */

.lca_mental {
  display: grid;
  grid-template-columns: 0.82fr 1fr;
  gap: 32px;
  align-items: start;
  margin-top: 36px;
}

.lca_quote_card {
  background-color: #ffffff;
  border: 1px solid #e6e4df;
  border-left: 3px solid #1e3674;
  border-radius: 8px;
  padding: 32px;
}

.lca_quote_lead {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.65;
  color: #0e1b3a;
}

.lca_quote_p {
  margin: 14px 0 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #57534b;
}

/* --- infos cabinet --- */

.lca_info {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  gap: 32px;
  align-items: start;
  margin-top: 36px;
}

.lca_info_card {
  background-color: #ffffff;
  border: 1px solid #e6e4df;
  border-radius: 8px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
}

.lca_info_title {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.35;
  color: #0e1b3a;
}

.lca_info_block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lca_info_label {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 1.68px;
  text-transform: uppercase;
  color: #a8a49b;
}

.lca_info_txt {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #57534b;
}

.lca_info_link {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #1e3674;
  text-decoration: none;
}

.lca_feats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 32px;
}

.lca_feat {
  background-color: #ffffff;
  border: 1px solid #e6e4df;
  border-radius: 8px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.lca_feat_icon {
  width: 22px;
  height: 22px;
}

.lca_feat_title {
  margin: 2px 0 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.35;
  color: #0e1b3a;
}

.lca_feat_p {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.65;
  color: #57534b;
}

.lca_gameready {
  margin-top: 24px;
  background-color: #eef2f9;
  border: 1px solid #dce3f1;
  border-radius: 8px;
  padding: 32px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: center;
}

.lca_gr_text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lca_gr_head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

/* --- FAQ --- */

.lca_faq {
  margin-top: 32px;
  background-color: #ffffff;
  border: 1px solid #e6e4df;
  border-radius: 10px;
  overflow: hidden;
}

.lca_faq_item + .lca_faq_item {
  border-top: 1px solid #efede8;
}

.lca_faq_btn {
  appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  width: 100%;
  text-align: left;
  padding: 24px 28px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.2s ease-out;
}

.lca_faq_btn:hover {
  background-color: #faf9f7;
}

.lca_faq_q {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.45;
  color: #0e1b3a;
}

.lca_faq_chevron {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: #2a6bb0;
  flex-shrink: 0;
  transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.lca_faq_btn[aria-expanded="true"] .lca_faq_chevron {
  transform: rotate(45deg);
}

.lca_faq_a {
  display: none;
}

.lca_faq_a.is_open {
  display: block;
}

.lca_faq_a p {
  margin: 0;
  padding: 0 28px 26px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #57534b;
  max-width: 74ch;
}

/* --- rendez-vous + sources --- */

.lca_cta {
  background-color: #ffffff;
  border: 1px solid #e6e4df;
  border-radius: 12px;
  padding: 48px;
}

.lca_cta_h2 {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.3px;
  color: #1e3674;
}

.lca_cta_p {
  margin: 18px 0 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.7;
  color: #57534b;
  max-width: 62ch;
}

.lca_cta_actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.lca_cta_tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #e6e4df;
}

.lca_sources {
  margin-top: 32px;
}

.lca_sources summary {
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.4;
  color: #7a766d;
}

.lca_sources ol {
  margin: 16px 0 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 80ch;
}

.lca_sources li {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6;
  color: #a8a49b;
}

.lca_sources a {
  color: #2a6bb0;
  text-decoration: none;
  font-weight: 500;
}

.lca_disclaimer {
  margin: 12px 0 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.7;
  color: #a8a49b;
  max-width: 80ch;
}

/* --- apparition au defilement --- */

.lca_reveal {
  transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.lca_reveal[data-hidden] {
  opacity: 0;
  transform: translateY(14px);
}

/* --- lien actif dans l'en-tete --- */

.hdr_link.is_current .hdr_link_label {
  color: #1e3674;
}

/* ============================================================
   LCA — TABLETTE
   ============================================================ */

@media (max-width: 1199px) {
  .lca_shell {
    grid-template-columns: 1fr;
    gap: 0;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .lca_toc {
    display: none;
  }

  .lca_hero_inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .lca_hero_media {
    aspect-ratio: 16 / 10;
  }

  .lca_stats_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .lca_mental,
  .lca_info {
    grid-template-columns: 1fr;
  }

  .lca_photo_tall {
    aspect-ratio: 4 / 3;
  }

  .lca_science {
    padding: 48px 32px;
  }

  .lca_gameready {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* ============================================================
   LCA — MOBILE
   ============================================================ */

@media (max-width: 810px) {
  .lca_hero {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .lca_h1 {
    font-size: 32px;
    letter-spacing: -0.64px;
  }

  .lca_hero_lead {
    font-size: 18px;
  }

  .lca_h2 {
    font-size: 26px;
  }

  .lca_main {
    gap: 64px;
  }

  .lca_stats_grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .lca_two,
  .lca_sci_grid,
  .lca_crit,
  .lca_feats {
    grid-template-columns: 1fr;
  }

  .lca_tabs {
    grid-template-columns: 1fr;
  }

  .lca_tab + .lca_tab {
    border-left: 0;
    border-top: 1px solid #efede8;
  }

  .lca_panels {
    padding: 28px 20px;
  }

  .lca_science {
    padding: 36px 22px;
    border-radius: 10px;
  }

  .lca_cta {
    padding: 32px 24px;
  }

  .lca_cta_h2 {
    font-size: 24px;
  }

  .lca_card,
  .lca_quote_card,
  .lca_info_card {
    padding: 24px;
  }

  .lca_fig_box {
    padding: 20px;
  }

  .lca_faq_btn {
    padding: 20px;
  }

  .lca_faq_q {
    font-size: 16px;
  }

  .lca_faq_a p {
    padding: 0 20px 22px;
  }
}

/* --- formats reduits pour les visuels secondaires --- */

.lca_fig_small {
  max-width: 300px;
}

.lca_fig_medium {
  max-width: 560px;
}

/* ratio natif de la photo : aucun recadrage */
.lca_photo_portrait {
  aspect-ratio: 745 / 1200;
}

.lca_photo_43 {
  aspect-ratio: 4 / 3;
}

.lca_photo_169 {
  aspect-ratio: 16 / 9;
}

.lca_mental {
  grid-template-columns: 300px 1fr;
}

@media (max-width: 1199px) {
  .lca_mental {
    grid-template-columns: 1fr;
  }

  .lca_fig_small,
  .lca_fig_medium {
    max-width: 420px;
  }

  .lca_photo_portrait {
    aspect-ratio: 745 / 1200;
  }
}

@media (max-width: 810px) {
  .lca_fig_small {
    max-width: 240px;
  }

  .lca_fig_medium {
    max-width: 100%;
  }
}