/* Written by tools/build_pages.cjs: grid placements and backgrounds for the pages moved from kostic.design. */
.kd-bg0 { background-image: url(/img/kd/experimental__neutron-field-00.jpg); background-size: cover; background-position: center; }
.kd-bg1 { background-image: url(/img/kd/experimental__standify-00.jpg); background-size: cover; background-position: center; }
.kd-bg2 { background-image: url(/img/kd/experimental__woodle-cube-00.png); background-size: cover; background-position: center; }
.kd-bg3 { background-image: url(/img/kd/mobile-apps__bria-00.png); background-size: cover; background-position: center; }
.kd-bg4 { background-image: url(/img/kd/mobile-apps__holofit-00.gif); background-size: cover; background-position: center; }
.kd-bg5 { background-image: url(/img/kd/mobile-apps__kompass-00.png); background-size: cover; background-position: center; }
.kd-bg6 { background-image: url(/img/kd/mobile-apps__purple-patriot-00.jpg); background-size: cover; background-position: center; }
.kd-bg7 { background-image: url(/img/kd/mobile-apps__vivifyscrum-ios-00.gif); background-size: cover; background-position: center; }
.kd-bg8 { background-image: url(/img/kd/mobile-apps__wallz-00.jpg); background-size: cover; background-position: center; }
.kd-bg9 { background-image: url(/img/kd/mobile-apps__zwork-00.jpg); background-size: cover; background-position: center; }
.kd-bg10 { background-image: url(/img/kd/motion__fear-in-ratzenstadt-00.png); background-size: cover; background-position: center; }
.kd-bg11 { background-image: url(/img/kd/motion__neusatz-trailer-00.gif); background-size: cover; background-position: center; }
.kd-bg12 { background-image: url(/img/kd/motion__srdzba-music-video-00.png); background-size: cover; background-position: center; }
.kd-bg13 { background-image: url(/img/kd/motion__the-alma-ka-church-00.jpg); background-size: cover; background-position: center; }
.kd-bg14 { background-image: url(/img/kd/motion__the-battle-of-petrovaradin-00.png); background-size: cover; background-position: center; }
.kd-bg15 { background-image: url(/img/kd/motion__the-house-of-the-einsteins-00.png); background-size: cover; background-position: center; }
.kd-bg16 { background-image: url(/img/kd/motion__the-neutronfield-x-still-bleeding-collaboration-00.png); background-size: cover; background-position: center; }
.kd-bg17 { background-image: url(/img/kd/press__cga-conference-00.jpg); background-size: cover; background-position: center; }
.kd-bg18 { background-image: url(/img/kd/web-apps__demand-inc-bi-tool-00.jpg); background-size: cover; background-position: center; }
.kd-bg19 { background-image: url(/img/kd/web-apps__dib-hotels-00.png); background-size: cover; background-position: center; }
.kd-bg20 { background-image: url(/img/kd/web-apps__neusatz-archive-00.png); background-size: cover; background-position: center; }
.kd-bg21 { background-image: url(/img/kd/web-apps__vivifyscrum-edu-00.jpg); background-size: cover; background-position: center; }
.kd-bg22 { background-image: url(/img/kd/web-apps__vivifyscrum-00.jpg); background-size: cover; background-position: center; }
.kd-ov0::before { background-color: rgb(31, 32, 32); opacity: 0.4; }
.kd-ov1::before { background-color: rgb(31, 32, 32); opacity: 0.7; }
.kd-ov2::before { background-color: rgb(255, 255, 255); opacity: 0.4; }
.kd-ov3::before { background-color: rgb(255, 255, 255); opacity: 0.6; }
.kd-ov4::before { background-color: rgb(31, 32, 32); opacity: 0.5; }
.kd-ov5::before { background-color: rgb(31, 32, 32); opacity: 0.6; }
.kd-tc0 { color: rgb(51, 51, 51); }
.kd-tc1 { color: rgb(187, 187, 187); }
@media (min-width: 900px) {
  .kd-c2-8 { grid-column: 3 / span 8; }
  .kd-c0-12 { grid-column: 1 / span 12; }
  .kd-c2-10 { grid-column: 3 / span 10; }
  .kd-c1-10 { grid-column: 2 / span 10; }
  .kd-c0-6 { grid-column: 1 / span 6; }
  .kd-c6-6 { grid-column: 7 / span 6; }
  .kd-c2-4 { grid-column: 3 / span 4; }
  .kd-c6-4 { grid-column: 7 / span 4; }
  .kd-c4-4 { grid-column: 5 / span 4; }
  .kd-c3-6 { grid-column: 4 / span 6; }
  .kd-c2-7 { grid-column: 3 / span 7; }
  .kd-c2-3 { grid-column: 3 / span 3; }
  .kd-c5-5 { grid-column: 6 / span 5; }
  .kd-c0-4 { grid-column: 1 / span 4; }
  .kd-c8-4 { grid-column: 9 / span 4; }
}