/*
 * Gegenereerd uit src/_data/compositions.json — niet met de hand aanpassen.
 *
 * Per pagina de opgemeten geometrie van het compositieblok. Het staat los van
 * main.css zodat de maten bij de content blijven en niet in de stylesheet
 * hoeven te worden bijgehouden; een inline style-attribuut kan niet, want de
 * Content-Security-Policy staat alleen eigen stylesheets toe.
 */
/* home — 1440 én 1920 identiek — container 1280, alles vast. tekst x=143 b=704 · citaat x=893 y=500 410x300 · beeld x=1047 y=690 326x460 */
.composition--home {
  --comp-max: 1280px;
  --section-top: 34px;
  --text-x: -569.5px;
  --text-w: 704px;
  --quote-x: 180.5px;
  --quote-w: 410px;
  --quote-h: 300px;
  --quote-fs: 70px;
  --quote-ls: -6px;
  --quote-pad-x: 20px;
  --quote-pad-top: -10px;
  --fly-x: 375px;
  --quote-rise: 100px;
  --fig-x: 334.5px;
  --fig-w: 326px;
  --fig-ratio: 326 / 460;
  --fig-drop: 90px;

  /* gestapeld — 390 breed: citaat 10,570 370x300 met tekst 60/60 ls -6 op y=620 · beeld 290x410 op y=840 */
  --st-quote-h: 300px;
  --st-quote-fs: 60px;
  --st-quote-ls: -6px;
  --st-quote-pad-top: 50px;
  --st-fig-w: 290px;
  --st-fig-overlap: 30px;
}
/* corina — Afwijkend: container 1534 die meegroeit, waardoor het citaat breder wordt (463 op 1440, 537 op 1920). Linkerrand en rechtermarge liggen wel vast. tekst x=143 b=629 · citaat x=893 y=539 · beeld x=981 y=769 401x624 */
.composition--corina {
  --comp-max: 1534px;
  --section-top: 59px;
  --text-x: -569.5px;
  --text-w: 629px;
  --quote-x: 180.5px;
  --quote-w: calc(50% - 230px);
  --quote-h: 300px;
  --quote-fs: 65px;
  --quote-ls: -6px;
  --quote-pad-x: 20px;
  --quote-pad-top: 20px;
  --fly-x: 375px;
  --quote-rise: 75px;
  --fig-x: 268.5px;
  --fig-w: 401px;
  --fig-ratio: 401 / 624;
  --fig-drop: 155px;

  /* gestapeld — 390 breed: citaat 10,570 370x300 met tekst 55/55 ls -6 op y=590 · beeld 300x467 op y=820 */
  --st-quote-h: 300px;
  --st-quote-fs: 55px;
  --st-quote-ls: -6px;
  --st-quote-pad-top: 20px;
  --st-fig-w: 300px;
  --st-fig-overlap: 50px;
}
/* coaching — 1440 én 1920 identiek — container 1280, alles vast. tekst x=592 b=741 · citaat x=23 y=500 440x250 · beeld x=93 y=730 299x449 */
.composition--coaching {
  --comp-max: 1280px;
  --section-top: 74px;
  --text-x: -120.5px;
  --text-w: 741px;
  --quote-x: -689.5px;
  --quote-w: 440px;
  --quote-h: 250px;
  --quote-fs: 60px;
  --quote-ls: -3px;
  --quote-pad-x: 50px;
  --quote-pad-top: 20px;
  --fly-x: -375px;
  --quote-rise: 100px;
  --fig-x: -619.5px;
  --fig-w: 299px;
  --fig-ratio: 299 / 449;
  --fig-drop: 130px;

  /* gestapeld — 390 breed: citaat 10,570 370x215 met tekst 55/55 ls -3 op y=570 · beeld 350x525 op y=755 */
  --st-quote-h: 215px;
  --st-quote-fs: 55px;
  --st-quote-ls: -3px;
  --st-quote-pad-top: 0px;
  --st-fig-w: 350px;
  --st-fig-overlap: 30px;
}
/* coaching-culemborg — Eigen pagina, niet overgenomen van de bestaande site. Geometrie gelijk aan coaching, want daar staat het citaat ook links; alleen het beeld is staand 3:4 in plaats van 2:3. */
.composition--coaching-culemborg {
  --comp-max: 1280px;
  --section-top: 74px;
  --text-x: -120.5px;
  --text-w: 741px;
  --quote-x: -689.5px;
  --quote-w: 440px;
  --quote-h: 250px;
  --quote-fs: 60px;
  --quote-ls: -3px;
  --quote-pad-x: 50px;
  --quote-pad-top: 20px;
  --fly-x: -375px;
  --quote-rise: 100px;
  --fig-x: -619.5px;
  --fig-w: 299px;
  --fig-ratio: 3 / 4;
  --fig-drop: 130px;

  /* gestapeld — Zelfde verhoudingen als coaching gestapeld */
  --st-quote-h: 215px;
  --st-quote-fs: 55px;
  --st-quote-ls: -3px;
  --st-quote-pad-top: 0px;
  --st-fig-w: 350px;
  --st-fig-overlap: 30px;
}
/* stilteretraite — container 1280, alles vast. tekst x=585 b=698 · citaat x=23 y=500 412x310 · geen beeld */
.composition--stilteretraite {
  --comp-max: 1280px;
  --section-top: 90px;
  --text-x: -127.5px;
  --text-w: 698px;
  --quote-x: -689.5px;
  --quote-w: 412px;
  --quote-h: 310px;
  --quote-fs: 60px;
  --quote-ls: -3px;
  --quote-pad-x: 50px;
  --quote-pad-top: 70px;
  --fly-x: -375px;
  --quote-rise: 100px;

  /* gestapeld — 390 breed: citaat 10,570 370x280 met tekst 55/55 ls -3 op y=620 · geen beeld */
  --st-quote-h: 280px;
  --st-quote-fs: 55px;
  --st-quote-ls: -3px;
  --st-quote-pad-top: 50px;
}