/* generated by tools/tiles/sync.mjs from tools/tiles/runtime/tiles.css (comments removed) + the shown tiles' fallback CSS + the home grid's order: do not edit */
.cards-section__grid {
  --cols: 3;
  --gap: 12px;
  --inset: 17px;
  --type-k: 1.0389;
  --type-max: 64px;
  --ti: 0.45;
  --ct: 0.45;
  --bb: 0.617;
  --dek-gap: 0.5;
  --fm-asc: 0.984;
  --fm-desc: 0.292;
  --fm-cap: 0.7031;
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
  gap: var(--gap);
  container-type: inline-size;
  overflow-anchor: none;
}
.card {
  --colw: calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols));
  --m: calc((var(--colw) - 2 * var(--inset)) / 8);
  --fs: min(calc(var(--m) * var(--type-k) * var(--fit, 1)), var(--type-max));
  --pad: calc(var(--inset) - 1px + var(--ti) * var(--m));
  --pad-top: calc(var(--inset) - 1px + var(--ct) * var(--m));
  position: relative;
  display: block;
  box-sizing: border-box;
  height: calc(var(--rows, 8) * var(--m) + 2 * var(--inset));
  background: #F7F0E6;
  border: 1px solid rgba(90, 83, 69, 0.50);
  border-radius: 20px;
  overflow: hidden;
  color: #1A1814;
  text-decoration: none;
}
.card[data-span="2"] { grid-column: span 2; }
.card[data-span="3"] { grid-column: span 3; }
.card__text {
  position: absolute;
  z-index: 2;
  left: var(--pad);
  pointer-events: none;
}
.card[data-anchor^="top"] .card__text    { top: var(--pad-top); }
.card[data-anchor^="bottom"] .card__text { bottom: calc(var(--inset) - 1px + var(--bb) * var(--m)); }
.card[data-kind="text"] .card__text      { position: static; padding: var(--pad-top) var(--pad) var(--pad); }
.card__headline {
  margin: calc((var(--fm-cap) - (1 + var(--fm-asc) - var(--fm-desc)) / 2) * var(--fs)) 0
          calc((var(--fm-asc) - var(--fm-desc) - 1) / 2 * var(--fs));
  font-family: var(--font-display, 'Space Grotesk', system-ui, sans-serif);
  font-weight: 300;
  font-size: var(--fs);
  line-height: 1;
  letter-spacing: -0.04em;
  white-space: nowrap;
  color: #1A1814;
}
@supports (text-box: trim-both cap alphabetic) {
  .card__headline { text-box: trim-both cap alphabetic; margin-block: 0; }
}
.card__headline br { display: none; }
.card__headline br.b3 { display: inline; }
@font-face {
  font-family: 'Tiles Inter Fallback';
  src: local('Arial'), local('ArialMT');
  size-adjust: 105.5%;
}
.card__body {
  margin: max(14px, calc(var(--dek-gap) * var(--fs) - 6px)) 0 0;
  max-width: 17.294921875em;
  font-family: 'Inter', 'Tiles Inter Fallback', system-ui, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  white-space: normal;
  color: #1A1814;
}
.card__vh {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.card__image-wrap {
  position: absolute;
  z-index: 1;
  inset: calc(var(--inset) - 1px);
  overflow: hidden;
  pointer-events: none;
  background: #1A1814;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.card__image-wrap picture { display: contents; }
.card__image-base {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}
.card__image {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 900px) {
  .cards-section__grid { --cols: 2; }
  .card[data-span="3"] { grid-column: span 2; }
  .card { order: var(--order-2col, 0); }
  .card__headline br.b3 { display: none; }
  .card__headline br.b2 { display: inline; }
}
@media (max-width: 640px) {
  .cards-section__grid { --cols: 1; }
  .card[data-span] { grid-column: span 1; }
  .card[data-span="2"], .card[data-span="3"] { --rows: 10; }
  .card { order: 0; }
  .card[data-kind="text"] { height: auto; }
  .card__headline br.b2 { display: none; }
  .card__headline br.b1 { display: inline; }
}
/* tiles.generated.css: written by tools/tiles/sync.mjs from content/tiles.json. Do not edit. */
/* Pre-JS fallback masks (one per tile per column count), type steps + tablet order + dek step-downs. */
[data-card-id="card-1"] .card__image-wrap { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500.38 500.38' preserveAspectRatio='none'%3E%3Cpath d='M0 352.8C0 330.46 18.1 312.36 40.44 312.36L157.19 312.36C174.22 312.36 188.02 298.55 188.02 281.53L188.02 281.53C188.02 264.5 201.83 250.7 218.85 250.7L281.02 250.7C298.33 250.7 312.36 236.67 312.36 219.36L312.36 219.36C312.36 202.05 326.39 188.02 343.7 188.02L459.94 188.02C482.28 188.02 500.38 206.13 500.38 228.46L500.38 474.5C500.38 483.56 500.38 488.09 498.62 491.55C497.07 494.59 494.59 497.07 491.55 498.62C488.09 500.38 483.56 500.38 474.5 500.38L25.88 500.38C16.82 500.38 12.29 500.38 8.83 498.62C5.79 497.07 3.31 494.59 1.76 491.55C0 488.09 0 483.56 0 474.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500.38 500.38' preserveAspectRatio='none'%3E%3Cpath d='M0 352.8C0 330.46 18.1 312.36 40.44 312.36L157.19 312.36C174.22 312.36 188.02 298.55 188.02 281.53L188.02 281.53C188.02 264.5 201.83 250.7 218.85 250.7L281.02 250.7C298.33 250.7 312.36 236.67 312.36 219.36L312.36 219.36C312.36 202.05 326.39 188.02 343.7 188.02L459.94 188.02C482.28 188.02 500.38 206.13 500.38 228.46L500.38 474.5C500.38 483.56 500.38 488.09 498.62 491.55C497.07 494.59 494.59 497.07 491.55 498.62C488.09 500.38 483.56 500.38 474.5 500.38L25.88 500.38C16.82 500.38 12.29 500.38 8.83 498.62C5.79 497.07 3.31 494.59 1.76 491.55C0 488.09 0 483.56 0 474.5Z'/%3E%3C/svg%3E"); }
[data-card-id="card-1"] .card__image-wrap img { object-position: 50% 50%; }
[data-card-id="card-2"] .card__image-wrap { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500.38 500.38' preserveAspectRatio='none'%3E%3Cpath d='M0 16.17C0 7.24 7.24 0 16.17 0L484.21 0C493.14 0 500.38 7.24 500.38 16.17L500.38 281.02C500.38 298.33 486.35 312.36 469.04 312.36L468.54 312.36C451.51 312.36 437.71 298.55 437.71 281.53L437.71 281.53C437.71 264.5 423.9 250.7 406.87 250.7L165.78 250.7C143.45 250.7 125.35 232.59 125.35 210.26L125.35 210.26C125.35 202.44 119.01 196.11 111.2 196.11L40.44 196.11C18.1 196.11 0 178 0 155.67Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500.38 500.38' preserveAspectRatio='none'%3E%3Cpath d='M0 16.17C0 7.24 7.24 0 16.17 0L484.21 0C493.14 0 500.38 7.24 500.38 16.17L500.38 281.02C500.38 298.33 486.35 312.36 469.04 312.36L468.54 312.36C451.51 312.36 437.71 298.55 437.71 281.53L437.71 281.53C437.71 264.5 423.9 250.7 406.87 250.7L165.78 250.7C143.45 250.7 125.35 232.59 125.35 210.26L125.35 210.26C125.35 202.44 119.01 196.11 111.2 196.11L40.44 196.11C18.1 196.11 0 178 0 155.67Z'/%3E%3C/svg%3E"); }
[data-card-id="card-2"] .card__image-wrap img { object-position: 83.9% 50.0%; }
[data-card-id="card-7"] .card__image-wrap { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1046.76 500.38' preserveAspectRatio='none'%3E%3Cpath d='M0 352.8C0 330.46 18.1 312.36 40.44 312.36L452.57 312.36C474.91 312.36 493.01 294.25 493.01 271.92L493.01 228.46C493.01 206.13 511.11 188.02 533.45 188.02L575.07 188.02C597.4 188.02 615.5 169.92 615.5 147.58L615.5 40.44C615.5 18.1 633.61 0 655.94 0L1030.59 0C1039.52 0 1046.76 7.24 1046.76 16.17L1046.76 484.21C1046.76 493.14 1039.52 500.38 1030.59 500.38L16.17 500.38C7.24 500.38 0 493.14 0 484.21Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1046.76 500.38' preserveAspectRatio='none'%3E%3Cpath d='M0 352.8C0 330.46 18.1 312.36 40.44 312.36L452.57 312.36C474.91 312.36 493.01 294.25 493.01 271.92L493.01 228.46C493.01 206.13 511.11 188.02 533.45 188.02L575.07 188.02C597.4 188.02 615.5 169.92 615.5 147.58L615.5 40.44C615.5 18.1 633.61 0 655.94 0L1030.59 0C1039.52 0 1046.76 7.24 1046.76 16.17L1046.76 484.21C1046.76 493.14 1039.52 500.38 1030.59 500.38L16.17 500.38C7.24 500.38 0 493.14 0 484.21Z'/%3E%3C/svg%3E"); }
[data-card-id="card-7"] .card__image-wrap img { object-position: 50.0% 100.0%; }
[data-card-id="card-5"] .card__image-wrap { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1046.76 500.38' preserveAspectRatio='none'%3E%3Cpath d='M0 291.13C0 268.8 18.1 250.7 40.44 250.7L366.56 250.7C389.2 250.7 400.53 250.7 409.18 246.29C416.79 242.41 422.97 236.23 426.85 228.62C431.26 219.97 431.26 208.64 431.26 186L431.26 127.37C431.26 104.73 431.26 93.4 435.66 84.75C439.54 77.14 445.73 70.96 453.34 67.08C461.99 62.67 473.31 62.67 495.96 62.67L707.67 62.67C724.98 62.67 739.01 48.64 739.01 31.34L739.01 31.34C739.01 14.03 753.04 0 770.35 0L1030.59 0C1039.52 0 1046.76 7.24 1046.76 16.17L1046.76 484.21C1046.76 493.14 1039.52 500.38 1030.59 500.38L16.17 500.38C7.24 500.38 0 493.14 0 484.21Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1046.76 500.38' preserveAspectRatio='none'%3E%3Cpath d='M0 291.13C0 268.8 18.1 250.7 40.44 250.7L366.56 250.7C389.2 250.7 400.53 250.7 409.18 246.29C416.79 242.41 422.97 236.23 426.85 228.62C431.26 219.97 431.26 208.64 431.26 186L431.26 127.37C431.26 104.73 431.26 93.4 435.66 84.75C439.54 77.14 445.73 70.96 453.34 67.08C461.99 62.67 473.31 62.67 495.96 62.67L707.67 62.67C724.98 62.67 739.01 48.64 739.01 31.34L739.01 31.34C739.01 14.03 753.04 0 770.35 0L1030.59 0C1039.52 0 1046.76 7.24 1046.76 16.17L1046.76 484.21C1046.76 493.14 1039.52 500.38 1030.59 500.38L16.17 500.38C7.24 500.38 0 493.14 0 484.21Z'/%3E%3C/svg%3E"); }
[data-card-id="card-5"] .card__image-wrap img { object-position: 50% 50%; }
@media (max-width: 900px) {
  [data-card-id="card-7"] .card__image-wrap { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 689 321.5' preserveAspectRatio='none'%3E%3Cpath d='M0 226.68C0 212.33 11.63 200.69 25.98 200.69L298.53 200.69C312.88 200.69 324.51 189.06 324.51 174.71L324.51 146.79C324.51 132.44 336.14 120.81 350.49 120.81L379.16 120.81C393.51 120.81 405.14 109.17 405.14 94.82L405.14 25.98C405.14 11.63 416.77 0 431.12 0L678.61 0C684.35 0 689 4.65 689 10.39L689 311.11C689 316.85 684.35 321.5 678.61 321.5L10.39 321.5C4.65 321.5 0 316.85 0 311.11Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 689 321.5' preserveAspectRatio='none'%3E%3Cpath d='M0 226.68C0 212.33 11.63 200.69 25.98 200.69L298.53 200.69C312.88 200.69 324.51 189.06 324.51 174.71L324.51 146.79C324.51 132.44 336.14 120.81 350.49 120.81L379.16 120.81C393.51 120.81 405.14 109.17 405.14 94.82L405.14 25.98C405.14 11.63 416.77 0 431.12 0L678.61 0C684.35 0 689 4.65 689 10.39L689 311.11C689 316.85 684.35 321.5 678.61 321.5L10.39 321.5C4.65 321.5 0 316.85 0 311.11Z'/%3E%3C/svg%3E"); }
  [data-card-id="card-7"] .card__image-wrap img { object-position: 50.0% 100.0%; }
  [data-card-id="card-5"] .card__image-wrap { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 689 321.5' preserveAspectRatio='none'%3E%3Cpath d='M0 187.06C0 172.71 11.63 161.07 25.98 161.07L242.29 161.07C256.84 161.07 264.12 161.07 269.68 158.24C274.57 155.75 278.54 151.78 281.03 146.89C283.86 141.33 283.86 134.06 283.86 119.5L283.86 81.84C283.86 67.29 283.86 60.01 286.69 54.45C289.19 49.57 293.16 45.59 298.05 43.1C303.61 40.27 310.88 40.27 325.43 40.27L466.3 40.27C477.42 40.27 486.43 31.25 486.43 20.13L486.43 20.13C486.43 9.01 495.45 0 506.57 0L678.61 0C684.35 0 689 4.65 689 10.39L689 311.11C689 316.85 684.35 321.5 678.61 321.5L10.39 321.5C4.65 321.5 0 316.85 0 311.11Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 689 321.5' preserveAspectRatio='none'%3E%3Cpath d='M0 187.06C0 172.71 11.63 161.07 25.98 161.07L242.29 161.07C256.84 161.07 264.12 161.07 269.68 158.24C274.57 155.75 278.54 151.78 281.03 146.89C283.86 141.33 283.86 134.06 283.86 119.5L283.86 81.84C283.86 67.29 283.86 60.01 286.69 54.45C289.19 49.57 293.16 45.59 298.05 43.1C303.61 40.27 310.88 40.27 325.43 40.27L466.3 40.27C477.42 40.27 486.43 31.25 486.43 20.13L486.43 20.13C486.43 9.01 495.45 0 506.57 0L678.61 0C684.35 0 689 4.65 689 10.39L689 311.11C689 316.85 684.35 321.5 678.61 321.5L10.39 321.5C4.65 321.5 0 316.85 0 311.11Z'/%3E%3C/svg%3E"); }
  [data-card-id="card-5"] .card__image-wrap img { object-position: 50% 50%; }
}
@media (max-width: 640px) {
  [data-card-id="card-7"] .card__image-wrap { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 398 497.5' preserveAspectRatio='none'%3E%3Cpath d='M0 380.31C0 362.55 14.4 348.15 32.16 348.15L117.39 348.15C135.15 348.15 149.55 333.75 149.55 315.99L149.55 231.57C149.55 213.8 163.95 199.4 181.71 199.4L223.52 199.4C237.29 199.4 248.45 188.24 248.45 174.48L248.45 174.48C248.45 160.71 259.61 149.55 273.37 149.55L365.84 149.55C383.6 149.55 398 163.95 398 181.71L398 484.63C398 491.74 392.24 497.5 385.13 497.5L12.87 497.5C5.76 497.5 0 491.74 0 484.63Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 398 497.5' preserveAspectRatio='none'%3E%3Cpath d='M0 380.31C0 362.55 14.4 348.15 32.16 348.15L117.39 348.15C135.15 348.15 149.55 333.75 149.55 315.99L149.55 231.57C149.55 213.8 163.95 199.4 181.71 199.4L223.52 199.4C237.29 199.4 248.45 188.24 248.45 174.48L248.45 174.48C248.45 160.71 259.61 149.55 273.37 149.55L365.84 149.55C383.6 149.55 398 163.95 398 181.71L398 484.63C398 491.74 392.24 497.5 385.13 497.5L12.87 497.5C5.76 497.5 0 491.74 0 484.63Z'/%3E%3C/svg%3E"); }
  [data-card-id="card-7"] .card__image-wrap img { object-position: 60.0% 50.0%; }
  [data-card-id="card-5"] .card__image-wrap { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 398 497.5' preserveAspectRatio='none'%3E%3Cpath d='M0 330.46C0 312.7 14.4 298.3 32.16 298.3L167.24 298.3C185 298.3 199.4 283.9 199.4 266.14L199.4 181.71C199.4 163.95 213.8 149.55 231.57 149.55L266.14 149.55C283.9 149.55 298.3 135.15 298.3 117.39L298.3 82.01C298.3 64.25 312.7 49.85 330.46 49.85L365.84 49.85C383.6 49.85 398 64.25 398 82.01L398 484.63C398 491.74 392.24 497.5 385.13 497.5L12.87 497.5C5.76 497.5 0 491.74 0 484.63Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 398 497.5' preserveAspectRatio='none'%3E%3Cpath d='M0 330.46C0 312.7 14.4 298.3 32.16 298.3L167.24 298.3C185 298.3 199.4 283.9 199.4 266.14L199.4 181.71C199.4 163.95 213.8 149.55 231.57 149.55L266.14 149.55C283.9 149.55 298.3 135.15 298.3 117.39L298.3 82.01C298.3 64.25 312.7 49.85 330.46 49.85L365.84 49.85C383.6 49.85 398 64.25 398 82.01L398 484.63C398 491.74 392.24 497.5 385.13 497.5L12.87 497.5C5.76 497.5 0 491.74 0 484.63Z'/%3E%3C/svg%3E"); }
  [data-card-id="card-5"] .card__image-wrap img { object-position: 50.0% 50.0%; }
  [data-card-id="card-7"] { --fit: 0.9; }
}
/* tablet order (used inside the 2-column media query in tiles.css) */
[data-card-id="card-1"] { --order-2col: 1; }
[data-card-id="card-2"] { --order-2col: 4; }
[data-card-id="card-3"] { --order-2col: 2; }
[data-card-id="card-8"] { --order-2col: 5; }
[data-card-id="card-7"] { --order-2col: 3; }
[data-card-id="card-5"] { --order-2col: 6; }
[data-card-id="card-4"] { --order-2col: 7; }
@media not all and (max-width: 900px) { @container (max-width: 846px) { [data-card-id="card-4"] .card__body { font-size: 14px; line-height: 20px; } } }
/* home: the list in the feed region sits inside the grid (so main.js's parallax moves it with the tiles), on full rows after them */
.cards-section > .cards-section__grid > :not(.card) { grid-column: 1 / -1; order: 8; }
/* home: the phone order (1 column): card-1 card-2 card-3 card-7 card-8 card-5 card-4 */
@media (max-width: 640px) {
  .cards-section > .cards-section__grid > .card[data-card-id="card-1"] { order: 1; }
  .cards-section > .cards-section__grid > .card[data-card-id="card-2"] { order: 2; }
  .cards-section > .cards-section__grid > .card[data-card-id="card-3"] { order: 3; }
  .cards-section > .cards-section__grid > .card[data-card-id="card-8"] { order: 5; }
  .cards-section > .cards-section__grid > .card[data-card-id="card-7"] { order: 4; }
  .cards-section > .cards-section__grid > .card[data-card-id="card-5"] { order: 6; }
  .cards-section > .cards-section__grid > .card[data-card-id="card-4"] { order: 7; }
}