/* s-dossier.css: section styles, owned by the dossier agent */


/* redaction: bar is a background that wipes away with a ragged (displaced) edge.
   Text is already black, so it is invisible on the bar and appears as the bar leaves. */
html.js .redact {
  --p: 0;
  background: linear-gradient(#000, #000) right center / calc((1 - var(--p)) * 100%) 0.9em no-repeat;
  color: #000;
  transition: none;
}
html.js .redact:hover,
html.js .redact:focus-visible,
html.js .redact.is-revealed {
  background: linear-gradient(#000, #000) right center / calc((1 - var(--p)) * 100%) 0.9em no-repeat;
  color: inherit;
}
html.js .redact:focus-visible { outline: 2px solid var(--blue, #1a3cff); outline-offset: 3px; }
html.js .redact.is-dissolving { filter: url(#dossier-ragged); }
.dossier-fx { position: absolute; width: 0; height: 0; overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  html.js .redact,
  html.js .redact:hover,
  html.js .redact:focus-visible,
  html.js .redact.is-revealed { background-size: calc((1 - var(--p)) * 100%) 0.9em; }
  html.js .redact.is-revealed { --p: 1; }
}

/* the white sheet is the section's first screen: black runway under the fixed bar, then the sheet.
   One composition at every size: title + rule, tabs left, 3-column grid right, portrait under the grid, statement. */
.home-dossier { padding-top: var(--header-h, 56px); scroll-margin-top: 0; }
.home-dossier .home-dossier__sheet {
  --gap: clamp(14px, 3vw, 48px);
  margin-inline: auto; width: calc(100% - 2 * var(--rg)); box-sizing: border-box; overflow: hidden;
  padding: clamp(18px, 4vw, 40px) var(--rg) clamp(22px, 5vw, 48px);
  display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  grid-template-rows: auto auto auto auto auto; column-gap: var(--gap); align-items: start;
}
.home-dossier .home-dossier__title { grid-column: 1 / -1; grid-row: 1; margin: 0; max-width: none; line-height: 1; font-size: clamp(24px, 6.2vw, 44px); }
.home-dossier .home-dossier__rule { grid-column: 1 / -1; grid-row: 2; margin: clamp(10px, 2vw, 16px) 0 0; }
.home-dossier .home-legend { display: contents; }
.home-dossier .home-legend__list { grid-column: 1; grid-row: 3; width: 100%; min-width: 0; margin: clamp(10px, 2vw, 16px) 0 0; align-self: start; }
.home-dossier .home-legend__row { grid-template-columns: 1fr; gap: 2px; min-height: 44px; padding: 8px 0; align-content: center; }
.home-dossier .home-legend__row.is-active::after { right: -9px; }
.home-dossier .home-legend__name { overflow-wrap: anywhere; }
.home-dossier .home-legend__grid {
  grid-column: 2; grid-row: 3; align-self: start; margin: clamp(10px, 2vw, 16px) 0 0;
  grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: clamp(56px, 9vw, 72px);
}
.home-dossier .home-legend__cell { padding: 3px 4px 4px; font-size: 10px; line-height: 1.12; }
.home-dossier .home-legend__c, .home-dossier .home-legend__n { font-size: inherit; }
@media (max-width: 599px) { .home-dossier .home-dossier__sheet { grid-template-columns: 34fr 66fr; column-gap: 12px; } .home-dossier .home-legend__grid { grid-auto-rows: 66px; } .home-dossier .home-legend__cell { font-size: 9px; padding: 3px; } .home-dossier .home-legend__n { overflow-wrap: break-word; hyphens: auto; } }
.home-dossier .home-legend__c, .home-dossier .home-legend__n { overflow-wrap: anywhere; }
.home-dossier .home-legend__grid.is-swapping { pointer-events: none; }
.home-dossier .sheet-photo { grid-column: 2; grid-row: 4; justify-self: end; margin: clamp(10px, 2vw, 16px) 0 0; width: clamp(96px, 28vw, 230px); aspect-ratio: 1; position: relative; overflow: hidden; }
.home-dossier .sheet-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 38% 22%; }
.home-dossier .home-statement {
  grid-column: 1 / -1; grid-row: 5; align-self: end; margin: clamp(16px, 4vw, 28px) 0 0; max-width: 46ch;
  color: #000; font-size: clamp(20px, 6vw, 34px); line-height: 1.08; padding: 0; border: 0;
}
@media (min-width: 600px) and (max-width: 1023px) {
  .home-dossier .home-legend__grid { grid-auto-rows: 72px; }
  .home-dossier .home-legend__cell { font-size: 12px; padding: 4px 6px 5px; }
  .home-dossier .home-legend__row { grid-template-columns: 45% 1fr; }
  .home-dossier .home-dossier__sheet { grid-template-columns: 40fr 60fr; }
}

@media (min-width: 1024px) {
  .home-dossier .home-dossier__sheet {
    --sh: calc(100svh - var(--header-h, 64px));
    height: var(--sh); width: 85%;
    padding: clamp(14px, 2.4vh, 28px) var(--rg);
    column-gap: clamp(24px, 3vw, 48px);
    grid-template-columns: 0.9fr 1.1fr; grid-template-rows: auto auto 1fr auto;
  }
  .home-dossier .home-dossier__title { font-size: clamp(24px, 4.6vh, 44px); }
  .home-dossier .home-dossier__rule { margin-top: clamp(8px, 1.4vh, 16px); }
  .home-dossier .home-legend__list { margin-top: clamp(8px, 1.4vh, 16px); }
  .home-dossier .home-legend__row { min-height: 0; padding: clamp(4px, 0.9vh, 8px) 0; grid-template-columns: 45% 1fr; }
  .home-dossier .home-legend__grid { margin-top: clamp(8px, 1.4vh, 16px); grid-auto-rows: clamp(40px, 8.4vh, 78px); }
  .home-dossier .home-legend__cell { font-size: 12px; padding: 4px 6px 5px; }
  .home-dossier .sheet-photo { grid-row: 3; align-self: end; margin: 0; width: auto; height: clamp(120px, 21vh, 230px); }
  .home-dossier .home-statement { grid-row: 4; font-size: clamp(18px, 3.4vh, 32px); margin-top: clamp(10px, 1.8vh, 20px); }
}