/* Generated by Art Direction grid editor — do not hand-edit; use Save / Copy */
/* 2026-07-20T06:12:14.325Z */
@media (min-width: 50rem) {
  .tiles {
    --tiles-row-gap-units: 0.84;
    --tiles-row-gap: calc(var(--tiles-row-gap-units) * var(--tiles-col));
    --tiles-col-gap: 8px;
    grid-gap: var(--tiles-row-gap) var(--tiles-col-gap);
    row-gap: var(--tiles-row-gap);
    column-gap: var(--tiles-col-gap);
  }
  /* 1. Mixed Reality Interaction (mixed-reality-interaction) */
  .tiles > .tile:nth-of-type(1) {
    grid-column: 2 / 14 !important;
  }
  /* 2. When Things Collapse (branding-and-editorial-design) */
  .tiles > .tile:nth-of-type(2) {
    grid-column: 1 / 5 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(2) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 3. Holographic Chocolate (holographic-chocolate) */
  .tiles > .tile:nth-of-type(3) {
    grid-column: 5 / 9 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(3) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 4. Bird Tracking (flight-tracker) */
  .tiles > .tile:nth-of-type(4) {
    grid-column: 9 / 11 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(4) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 5. Emotions Over Time (emotions-over-time) */
  .tiles > .tile:nth-of-type(5) {
    grid-column: 11 / 15 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(5) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 6. The Hand Book (handbook) */
  .tiles > .tile:nth-of-type(6) {
    grid-column: 1 / 5 !important;
    --row-h-units: 6;
  }
  .tiles > .tile:nth-of-type(6) .tile-media {
    height: calc(6 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(6 * var(--tiles-col)) !important;
  }
  /* 7. Famicase (famicase) */
  .tiles > .tile:nth-of-type(7) {
    grid-column: 5 / 13 !important;
    --row-h-units: 6;
  }
  .tiles > .tile:nth-of-type(7) .tile-media {
    height: calc(6 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(6 * var(--tiles-col)) !important;
  }
  /* 8. Scythe (snowboard) */
  .tiles > .tile:nth-of-type(8) {
    grid-column: 13 / 15 !important;
    --row-h-units: 6;
  }
  .tiles > .tile:nth-of-type(8) .tile-media {
    height: calc(6 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(6 * var(--tiles-col)) !important;
  }
  /* 9. Vox Media Article System (article-system) */
  .tiles > .tile:nth-of-type(9) {
    grid-column: 2 / 10 !important;
    --row-h-units: 5;
  }
  .tiles > .tile:nth-of-type(9) .tile-media {
    height: calc(5 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(5 * var(--tiles-col)) !important;
  }
  /* 10. Pushbot (pushbot) */
  .tiles > .tile:nth-of-type(10) {
    grid-column: 10 / 14 !important;
    --row-h-units: 5;
  }
  .tiles > .tile:nth-of-type(10) .tile-media {
    height: calc(5 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(5 * var(--tiles-col)) !important;
  }
  /* 11. Variable Fonts (variable-fonts) */
  .tiles > .tile:nth-of-type(11) {
    grid-column: 2 / 5 !important;
    align-self: start !important;
    height: auto !important;
  }
  .tiles > .tile:nth-of-type(11) .tile-media {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }
  /* 12. Phase Separation (phase-separation-particles) */
  .tiles > .tile:nth-of-type(12) {
    grid-column: 5 / 8 !important;
    align-self: start !important;
    height: auto !important;
  }
  .tiles > .tile:nth-of-type(12) .tile-media {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }
  /* 13. Cardume Trio (cardume-trio) */
  .tiles > .tile:nth-of-type(13) {
    grid-column: 8 / 11 !important;
    align-self: start !important;
    height: auto !important;
  }
  .tiles > .tile:nth-of-type(13) .tile-media {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }
  /* 14. National Parks LiDAR Series (national-parks-LiDAR-series) */
  .tiles > .tile:nth-of-type(14) {
    grid-column: 11 / 14 !important;
    align-self: start !important;
    height: auto !important;
  }
  .tiles > .tile:nth-of-type(14) .tile-media {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }
  /* 15. Input Explorations Branding (input-explorations) */
  .tiles > .tile:nth-of-type(15) {
    grid-column: 1 / 5 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(15) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 16. Neuron Action Potentials (neuron-action-potentials) */
  .tiles > .tile:nth-of-type(16) {
    grid-column: 5 / 7 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(16) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 17. Medium App Design (medium-app-design) */
  .tiles > .tile:nth-of-type(17) {
    grid-column: 7 / 9 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(17) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 18. Adaptive Spatial Typography (adaptive-mixed-reality-typography) */
  .tiles > .tile:nth-of-type(18) {
    grid-column: 9 / 15 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(18) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 19. Rowan Sci Branding (rowan-post) */
  .tiles > .tile:nth-of-type(19) {
    grid-column: 2 / 7 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(19) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 20. Saké Classification Charts (sake-classification-charts) */
  .tiles > .tile:nth-of-type(20) {
    grid-column: 7 / 14 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(20) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 21. SR-101 + Projective Display (sr-101-projective-display) */
  .tiles > .tile:nth-of-type(21) {
    grid-column: 2 / 10 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(21) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
  /* 22. LiDAR Exploration Bot (lidar-exploration-bot) */
  .tiles > .tile:nth-of-type(22) {
    grid-column: 10 / 14 !important;
    --row-h-units: 4;
  }
  .tiles > .tile:nth-of-type(22) .tile-media {
    height: calc(4 * var(--tiles-col)) !important;
    aspect-ratio: auto !important;
    flex: 0 0 calc(4 * var(--tiles-col)) !important;
  }
}
@media (min-width: 50rem) {
  .tiles > .tile:nth-of-type(2) .tile-media { --media-object-position: 66% 12%; --media-zoom: 3; }
  .tiles > .tile:nth-of-type(2) .tile-media img,
  .tiles > .tile:nth-of-type(2) .tile-media video,
  .tiles > .tile:nth-of-type(2) .tile-media .vf-ae-sample { object-position: 66% 12% !important; transform: scale(3) !important; transform-origin: 66% 12% !important; }
}
@media (min-width: 50rem) {
  .tiles > .tile:nth-of-type(3) .tile-media { --media-object-position: 54% 84%; --media-zoom: 1; }
  .tiles > .tile:nth-of-type(3) .tile-media img,
  .tiles > .tile:nth-of-type(3) .tile-media video,
  .tiles > .tile:nth-of-type(3) .tile-media .vf-ae-sample { object-position: 54% 84% !important; transform: scale(1) !important; transform-origin: 54% 84% !important; }
}
@media (min-width: 50rem) {
  .tiles > .tile:nth-of-type(5) .tile-media { --media-object-position: 1% 50%; --media-zoom: 1; }
  .tiles > .tile:nth-of-type(5) .tile-media img,
  .tiles > .tile:nth-of-type(5) .tile-media video,
  .tiles > .tile:nth-of-type(5) .tile-media .vf-ae-sample { object-position: 1% 50% !important; transform: scale(1) !important; transform-origin: 1% 50% !important; }
}
@media (min-width: 50rem) {
  .tiles > .tile:nth-of-type(13) .tile-media { --media-object-position: 47% 50%; --media-zoom: 1; }
  .tiles > .tile:nth-of-type(13) .tile-media img,
  .tiles > .tile:nth-of-type(13) .tile-media video,
  .tiles > .tile:nth-of-type(13) .tile-media .vf-ae-sample { object-position: 47% 50% !important; transform: scale(1) !important; transform-origin: 47% 50% !important; }
}
@media (min-width: 50rem) {
  .tiles > .tile:nth-of-type(15) .tile-media { --media-object-position: 50% 51%; --media-zoom: 1.32; }
  .tiles > .tile:nth-of-type(15) .tile-media img,
  .tiles > .tile:nth-of-type(15) .tile-media video,
  .tiles > .tile:nth-of-type(15) .tile-media .vf-ae-sample { object-position: 50% 51% !important; transform: scale(1.32) !important; transform-origin: 50% 51% !important; }
}
@media (min-width: 50rem) {
  .tiles > .tile:nth-of-type(16) .tile-media { --media-object-position: 50% 100%; --media-zoom: 1; }
  .tiles > .tile:nth-of-type(16) .tile-media img,
  .tiles > .tile:nth-of-type(16) .tile-media video,
  .tiles > .tile:nth-of-type(16) .tile-media .vf-ae-sample { object-position: 50% 100% !important; transform: scale(1) !important; transform-origin: 50% 100% !important; }
}
@media (min-width: 50rem) {
  .tiles > .tile:nth-of-type(18) .tile-media { --media-object-position: 50% 50%; --media-zoom: 1.3; }
  .tiles > .tile:nth-of-type(18) .tile-media img,
  .tiles > .tile:nth-of-type(18) .tile-media video,
  .tiles > .tile:nth-of-type(18) .tile-media .vf-ae-sample { object-position: 50% 50% !important; transform: scale(1.3) !important; transform-origin: 50% 50% !important; }
}
@media (min-width: 50rem) {
  .tiles > .tile:nth-of-type(20) .tile-media { --media-object-position: 18% 50%; --media-zoom: 1; }
  .tiles > .tile:nth-of-type(20) .tile-media img,
  .tiles > .tile:nth-of-type(20) .tile-media video,
  .tiles > .tile:nth-of-type(20) .tile-media .vf-ae-sample { object-position: 18% 50% !important; transform: scale(1) !important; transform-origin: 18% 50% !important; }
}
@media (max-width: 49.999rem) {
  .tiles > .tile:nth-of-type(3) .tile-media { --media-object-position-mobile: 54% 19%; --media-zoom-mobile: 1; }
  .tiles > .tile:nth-of-type(3) .tile-media img,
  .tiles > .tile:nth-of-type(3) .tile-media video,
  .tiles > .tile:nth-of-type(3) .tile-media .vf-ae-sample { object-position: 54% 19% !important; transform: scale(1) !important; transform-origin: 54% 19% !important; }
  .tiles > .tile:nth-of-type(15) .tile-media { --media-object-position-mobile: 50% 51%; --media-zoom-mobile: 1; }
  .tiles > .tile:nth-of-type(15) .tile-media img,
  .tiles > .tile:nth-of-type(15) .tile-media video,
  .tiles > .tile:nth-of-type(15) .tile-media .vf-ae-sample { object-position: 50% 51% !important; transform: scale(1) !important; transform-origin: 50% 51% !important; }
  .tiles > .tile:nth-of-type(18) .tile-media { --media-object-position-mobile: 50% 42%; --media-zoom-mobile: 1.3; }
  .tiles > .tile:nth-of-type(18) .tile-media img,
  .tiles > .tile:nth-of-type(18) .tile-media video,
  .tiles > .tile:nth-of-type(18) .tile-media .vf-ae-sample { object-position: 50% 42% !important; transform: scale(1.3) !important; transform-origin: 50% 42% !important; }
  .tiles > .tile:nth-of-type(19) .tile-media { --media-object-position-mobile: 50% 50%; --media-zoom-mobile: 1.47; }
  .tiles > .tile:nth-of-type(19) .tile-media img,
  .tiles > .tile:nth-of-type(19) .tile-media video,
  .tiles > .tile:nth-of-type(19) .tile-media .vf-ae-sample { object-position: 50% 50% !important; transform: scale(1.47) !important; transform-origin: 50% 50% !important; }
  .tiles > .tile:nth-of-type(22) .tile-media { --media-object-position-mobile: 50% 54%; --media-zoom-mobile: 1; }
  .tiles > .tile:nth-of-type(22) .tile-media img,
  .tiles > .tile:nth-of-type(22) .tile-media video,
  .tiles > .tile:nth-of-type(22) .tile-media .vf-ae-sample { object-position: 50% 54% !important; transform: scale(1) !important; transform-origin: 50% 54% !important; }
}