/*
 * Language homepages (/, /en, /de). Only the sections the theme has no
 * component for: service cards, latest listings, ratings and client quotes,
 * the company video and the closing call to action. Colours, radius, type
 * sizes and breakpoints are the theme's own (main-*.css).
 */

.home-section {
  max-width: 77.5rem;
  margin-right: auto;
  margin-left: auto;
  padding: 3rem 1.25rem;
}

.home-center {
  justify-content: center;
  margin-top: 2.5rem;
}

.home-note {
  max-width: 43rem;
  margin: 2rem auto 0;
  font-size: 1rem;
  text-align: center;
  color: #696c76;
}

.home-note a,
.home-section > .subtitle a {
  color: #252e56;
}

/* Service cards */

.home-cards {
  display: grid;
  gap: 1.5rem;
  margin-top: 2.5rem;
  padding-left: 0;
  list-style: none;
}

.home-card {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #ededef;
  border-radius: .5rem;
  background-color: #fff;
}

.home-card-img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
}

.home-card-img.is-top {
  object-position: center 15%;
}

.home-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.5rem;
}

.home-card-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #23272f;
}

.home-card-link {
  text-decoration: none;
  color: inherit;
}

.home-card-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: .5rem;
}

.home-card-link:focus-visible {
  outline: none;
}

.home-card:focus-within {
  outline: 2px solid #252e56;
  outline-offset: 2px;
}

.home-card-text {
  margin-top: .75rem;
  color: #3c3f4c;
}

.home-card-more {
  margin-top: auto;
  padding-top: 1.25rem;
  font-weight: 600;
  color: #81702d;
}

.home-card-more::after {
  content: " \2192";
}

.home-card:hover .home-card-title,
.home-card:focus-within .home-card-title {
  text-decoration: underline;
}

/* About block: the theme sizes the beige block for page heroes. */

.home-about .info-block-img img {
  width: 100%;
  height: auto;
  border-radius: .5rem;
}

.home-about .button-group {
  margin-top: .5rem;
}

/* Latest listings */

.home-estates {
  display: grid;
  gap: 1.5rem;
  margin-top: 2.5rem;
  padding-left: 0;
  list-style: none;
}

.home-estate {
  position: relative;
  overflow: hidden;
  border: 1px solid #ededef;
  border-radius: .5rem;
  background-color: #fff;
}

.home-estate-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.home-estate-img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background-color: #f8f6ec;
}

.home-estate-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: .5rem;
  padding: 1.25rem 1.5rem 1.5rem;
}

.home-estate-meta {
  font-size: .875rem;
  font-weight: 600;
  color: #696c76;
}

.home-estate-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: #23272f;
}

.home-estate-price {
  margin-top: auto;
  padding-top: .5rem;
  font-weight: 700;
  color: #252e56;
}

.home-estate-link:hover .home-estate-title,
.home-estate-link:focus-visible .home-estate-title {
  text-decoration: underline;
}

/* Ratings and client quotes */

.home-reviews .home-section {
  padding-top: 0;
  padding-bottom: 0;
}

.home-ratings {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2.5rem;
  padding-left: 0;
  list-style: none;
}

.home-rating {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  flex: 1 1 15rem;
  gap: .125rem .75rem;
  max-width: 20rem;
  padding: 1.25rem 1.5rem;
  border-radius: .5rem;
  background-color: #fff;
}

.home-rating-star {
  grid-row: 1 / 3;
  width: 2rem;
  height: 2rem;
  fill: #c7b361;
}

.home-rating-score {
  font-size: 1.125rem;
  color: #696c76;
}

.home-rating-score strong {
  font-size: 1.75rem;
  line-height: 1.2;
  color: #23272f;
}

.home-rating-place {
  font-size: .875rem;
  font-weight: 600;
  color: #696c76;
}

.home-reviews .home-note {
  margin-top: 1rem;
  font-size: .875rem;
}

.home-quotes {
  display: grid;
  gap: 1.5rem;
  margin-top: 3rem;
  padding-left: 0;
  list-style: none;
}

.home-quote figure {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 2rem 1.5rem 1.5rem;
  border-radius: .5rem;
  background-color: #fff;
}

.home-quote-text {
  position: relative;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  color: #23272f;
}

.home-quote-author {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: auto;
  padding-top: 1.5rem;
}

.home-quote-img {
  flex-shrink: 0;
  width: 4rem;
  height: auto;
  border-radius: .5rem;
}

.home-quote-author strong {
  display: block;
  color: #23272f;
}

.home-quote-position {
  display: block;
  margin-top: .125rem;
  font-size: .875rem;
  font-weight: 600;
  color: #696c76;
}

/* Company video: the poster is a button, the player loads on click. */

.home-video {
  position: relative;
  max-width: 54rem;
  margin: 2.5rem auto 0;
  overflow: hidden;
  border-radius: .5rem;
  background-color: #23272f;
  aspect-ratio: 16 / 9;
}

.home-video-play {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.home-video-poster {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-color: #252e56;
  transform: translate(-50%, -50%);
  transition: transform .2s ease;
}

.home-video-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  border-top: .75rem solid transparent;
  border-bottom: .75rem solid transparent;
  border-left: 1.25rem solid #fff;
  transform: translate(-50%, -50%);
}

.home-video-label {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  padding: .375rem .875rem;
  border-radius: .5rem;
  background-color: rgba(35, 39, 47, .8);
  font-weight: 600;
  white-space: nowrap;
  color: #fff;
  transform: translateX(-50%);
}

.home-video-play:hover .home-video-icon,
.home-video-play:focus-visible .home-video-icon {
  transform: translate(-50%, -50%) scale(1.08);
}

.home-video-play:focus-visible {
  outline: 3px solid #c7b361;
  outline-offset: -3px;
}

.home-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  .home-video-icon {
    transition: none;
  }
}

/* Call to action */

.home-cta {
  padding: 2.5rem 1.25rem;
  border-radius: .5rem;
  background-color: #f8f6ec;
}

.home-cta .subtitle {
  max-width: 36em;
  margin-right: auto;
  margin-left: auto;
}

.home-cta .home-center {
  margin-top: 2rem;
}

.home-cta .home-note {
  margin-top: 1.5rem;
}

@media (min-width: 40em) {
  .home-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Three listings stack as wide rows until they fit side by side. */
  .home-estate-link {
    flex-direction: row;
  }

  .home-estate-img {
    flex: 0 0 40%;
    width: 40%;
    aspect-ratio: auto;
    min-height: 11rem;
  }

  .home-cta {
    padding: 3.5rem 2.5rem;
  }
}

@media (min-width: 58em) {
  .home-section {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  /* The theme's 9rem paddings on these blocks read as empty bands between sections. */
  .home-about.info-block-bg {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .faq-full-width-wrapper .faq {
    padding-top: 4.5rem;
  }

  .home-cards,
  .home-estates,
  .home-quotes {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4rem;
  }

  .home-estate-link {
    flex-direction: column;
  }

  .home-estate-img {
    flex: none;
    width: 100%;
    aspect-ratio: 16 / 10;
    min-height: 0;
  }

  .home-quotes {
    margin-top: 3.5rem;
  }

  .home-cta {
    padding: 4.5rem 3rem;
  }
}

/* Single-column layouts: the theme's hero padding of the beige block leaves an empty band. */
@media (max-width: 57.99em) {
  .home-about .info-block {
    padding-top: 0;
  }
}

/* The longer hero headline is set smaller than the theme's default title. */
.info-block.feature-link .title.home-hero-title {
  font-size: clamp(1.875rem, 1.25rem + 2vw, 2.75rem);
  line-height: 1.2;
}

/* ------------------------------------------------------------------ */
/* Hero: the honeycomb is built from separate tiles so it can move.    */
/* ------------------------------------------------------------------ */

.home-hero-art .info-block-illustration {
  display: block;
}

.home-hive {
  position: relative;
  width: 100%;
  aspect-ratio: 842 / 799;
}

.home-hive-tile {
  position: absolute;
  height: auto;
  animation:
    home-hive-in .8s cubic-bezier(.2, .8, .2, 1) both,
    home-hive-float 7s ease-in-out infinite;
}

.home-hive-tile.is-1 { left: 0;       top: 30.288%; width: 39.905%; animation-delay: .05s, 1s; }
.home-hive-tile.is-2 { left: 34.679%; top: 16.145%; width: 34.917%; animation-delay: .15s, 2.4s; animation-duration: .8s, 8s; }
.home-hive-tile.is-3 { left: 27.553%; top: 51.064%; width: 42.399%; animation-delay: .25s, 1.7s; animation-duration: .8s, 9s; }
.home-hive-tile.is-4 { left: 65.083%; top: 0;       width: 34.917%; animation-delay: .35s, 3.1s; animation-duration: .8s, 7.5s; }
.home-hive-tile.is-5 { left: 64.252%; top: 34.043%; width: 34.917%; animation-delay: .45s, .6s; animation-duration: .8s, 8.5s; }
.home-hive-tile.is-6 { left: 63.895%; top: 68.336%; width: 34.917%; animation-delay: .55s, 2s; animation-duration: .8s, 10s; }

/* An empty cell completes the comb's bottom row, left of the church tile. */
.home-hero-art .home-hive::after {
  content: "";
  position: absolute;
  left: 1.5%;
  top: 68.336%;
  width: 34.917%;
  aspect-ratio: 294 / 251;
  background: url(/application/files/editorial/home/hive/hero-hex-2.webp) center / contain no-repeat;
  transform: scaleX(-1);
  animation:
    home-hive-in .8s cubic-bezier(.2, .8, .2, 1) .65s both,
    home-hive-float 9.5s ease-in-out 1.3s infinite;
}


@keyframes home-hive-in {
  from { opacity: 0; scale: .7; }
  to   { opacity: 1; scale: 1; }
}

@keyframes home-hive-float {
  0%, 100% { translate: 0 0; }
  50%      { translate: 0 -2.5%; }
}

.home-bohem {
  line-height: 0;
}

.home-bohem-img,
.home-bohem svg {
  display: block;
  width: 100%;
  height: auto;
}

/*
 * A white silhouette under each drawing (poster and animation alike) keeps the
 * cells behind Pan Bohém from showing through the sofa and his body: he sits in
 * front of the honeycomb, not inside it.
 */
.home-bohem > img,
.home-bohem > div {
  background: url(/application/files/editorial/home/pan-bohem-bez-starosti-podklad.webp) center / 100% 100% no-repeat;
}

.home-bohem.is-story > img,
.home-bohem.is-story > div {
  background-image: url(/application/files/editorial/home/pan-bohem-se-starostmi-podklad.webp);
}

/*
 * Depth: Pan Bohém sits large in the foreground on his own beige cell, the
 * honeycomb is smaller and further back, top right. He never overlaps the tiles.
 */
.home-hero-art .home-hive {
  width: 66%;
  margin-left: auto;
}

.home-bohem.is-hero {
  position: relative;
  isolation: isolate;
  width: 96%;
  margin-top: -11%;
  margin-bottom: 1.5rem;
  animation: home-bohem-in .9s cubic-bezier(.2, .8, .2, 1) .5s both;
}

.home-bohem.is-story::before {
  content: "";
  position: absolute;
  z-index: -1;
  aspect-ratio: 294 / 251;
  background: url(/application/files/editorial/home/hive/hero-hex-2.webp) center / contain no-repeat;
}

/*
 * Two empty cells continue the honeycomb down behind Pan Bohém; he sits in
 * front of the comb on his white base, with no large cell of his own.
 */
.home-bohem-hexes {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.home-bohem-hexes::before,
.home-bohem-hexes::after {
  content: "";
  position: absolute;
  aspect-ratio: 294 / 251;
  background: url(/application/files/editorial/home/hive/hero-hex-2.webp) center / contain no-repeat;
}

/* Left of the honeycomb, the thought bubble rests on its lower edge. */
.home-bohem-hexes::before {
  top: -19%;
  left: 3%;
  width: 28%;
  transform: scaleX(-1);
}

/* Under the last honeycomb cell, behind the wine glass. */
.home-bohem-hexes::after {
  top: 19%;
  left: 73.5%;
  width: 30%;
}

@keyframes home-bohem-in {
  from { opacity: 0; translate: -8% 6%; }
  to   { opacity: 1; translate: none; }
}

/* Sections */

.home-section > .subtitle,
.home-section > .home-section > .subtitle {
  max-width: 46rem;
  margin-right: auto;
  margin-left: auto;
}

.home-prose .title {
  text-align: left;
}

.home-prose p {
  margin-top: 1rem;
  color: #3c3f4c;
}

.home-prose .title + p {
  margin-top: 1.5rem;
}

.home-prose .button-group,
.home-panel-body .button-group,
.home-story-card .button-group {
  margin-top: 2rem;
}

.home-split {
  display: grid;
  gap: 2.5rem;
  align-items: center;
}

/* Check and cross lists */

.home-marks {
  display: flex;
  flex-direction: column;
  gap: .875rem;
  margin-top: 1.5rem;
  padding-left: 0;
  list-style: none;
}

.home-marks li {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  color: #3c3f4c;
}

.home-mark {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  padding: .2rem;
  border-radius: 50%;
}

.home-marks.is-check .home-mark {
  color: #fff;
  background-color: #219655;
}

.home-marks.is-cross .home-mark {
  color: #fff;
  background-color: #c0533f;
}

.home-marks.is-compact {
  gap: .625rem;
  margin-top: 1rem;
  font-size: .9375rem;
}

.home-marks.is-compact .home-mark {
  width: 1.25rem;
  height: 1.25rem;
}

/* Story: Pan Bohém without and with us */

.home-story .home-section {
  padding-top: 0;
  padding-bottom: 0;
}

.home-story-grid {
  display: grid;
  gap: 1.5rem;
  margin-top: 2.5rem;
}

.home-story-card {
  position: relative;
  padding: 1.75rem 1.5rem;
  border-radius: .75rem;
  background-color: #fff;
}

.home-story-card.is-without {
  border: 1px dashed #cfc7a4;
}

.home-story-card.is-with {
  border: 2px solid #252e56;
  box-shadow: 0 1.5rem 3rem -1.5rem rgba(53, 70, 145, .35);
}

.home-story-title {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.3;
  color: #23272f;
}

.home-story-card.is-with .home-story-title {
  padding-right: 4.5rem;
}

.home-bohem.is-story {
  position: relative;
  isolation: isolate;
  width: min(100%, 24rem);
  margin: 0 auto 1.25rem;
}

/* The same beige cell as in the hero, under the sofa. */
.home-bohem.is-story::before {
  bottom: 2%;
  left: 4%;
  width: 52%;
  aspect-ratio: 294 / 251;
  background: url(/application/files/editorial/home/hive/hero-hex-2.webp) center / contain no-repeat;
}

.home-story-badge {
  position: absolute;
  top: -1.75rem;
  right: 1.25rem;
  width: 5rem;
  aspect-ratio: 272 / 239;
  background: url(/application/themes/bohemianestates/assets/img/decor/maskot.png) center / contain no-repeat;
  transform: scaleX(-1) rotate(-8deg);
  animation: home-bee-hover 4s ease-in-out infinite;
}

@keyframes home-bee-hover {
  0%, 100% { translate: 0 0; }
  50%      { translate: 0 -.5rem; }
}

/* Guaranteed rent variants */

.home-variants {
  display: grid;
  gap: 1rem;
  padding-left: 0;
  list-style: none;
}

.home-variant {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: 1.5rem;
  border: 1px solid #ededef;
  border-radius: .75rem;
  background-color: #fff;
  text-align: center;
}

.home-variant:last-child {
  border-color: #252e56;
  background-color: #252e56;
  color: #fff;
}

.home-variant-name {
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #81702d;
}

.home-variant:last-child .home-variant-name {
  color: #e3d48f;
}

.home-variant-value {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  color: #252e56;
}

.home-variant:last-child .home-variant-value {
  color: #fff;
}

.home-variant-label {
  font-size: .9375rem;
}

.home-variant-extra {
  margin-top: .75rem;
  padding-top: .75rem;
  border-top: 1px solid rgba(105, 108, 118, .25);
  font-size: .875rem;
  font-weight: 600;
}

.home-variant-place {
  font-size: .875rem;
  opacity: .8;
}

.home-guaranteed .home-note {
  margin-top: 1.25rem;
  font-size: .875rem;
}

/* Management columns, audiences and tools */

.home-columns,
.home-audiences,
.home-tools {
  display: grid;
  gap: 1.25rem;
  margin-top: 2.5rem;
  padding-left: 0;
  list-style: none;
}

.home-column {
  padding: 1.75rem 1.5rem;
  border-radius: .75rem;
  background-color: #fcfbf7;
  border: 1px solid #f0ecdc;
}

.home-column-icon,
.home-tool-icon {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  padding: .625rem;
  border-radius: .625rem;
  background-color: #f1ecd5;
}

.home-column-title,
.home-tool-title {
  margin-top: 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: #23272f;
}

.home-tool-text {
  margin-top: .5rem;
  font-size: .9375rem;
  color: #3c3f4c;
}

.home-audience,
.home-tool {
  position: relative;
  padding: 1.5rem;
  border: 1px solid #ededef;
  border-radius: .75rem;
  background-color: #fff;
  transition: border-color .2s, box-shadow .2s;
}

.home-audience .home-tool-text a {
  color: #252e56;
}

.home-tool:hover,
.home-tool:focus-within {
  border-color: #c7b361;
  box-shadow: 0 1rem 2rem -1.25rem rgba(129, 112, 45, .45);
}

.home-tool:hover .home-tool-title,
.home-tool:focus-within .home-tool-title {
  text-decoration: underline;
}

.home-tool:focus-within {
  outline: 2px solid #252e56;
  outline-offset: 2px;
}

/* Process on the brand blue */

.home-process {
  background-color: #252e56;
  background-image: radial-gradient(circle at 85% 0, rgba(199, 179, 97, .22), transparent 45%);
  color: #fff;
}

.home-process .title {
  color: #fff;
}

.home-process .subtitle {
  color: rgba(255, 255, 255, .8);
}

.home-steps {
  display: grid;
  gap: 1.25rem;
  margin-top: 2.5rem;
  padding-left: 0;
  list-style: none;
}

.home-step {
  position: relative;
  padding: 1.75rem 1.5rem 1.5rem;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: .75rem;
  background-color: rgba(255, 255, 255, .06);
}

.home-step-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
  font-size: 1.125rem;
  font-weight: 700;
  color: #23272f;
  background-color: #e3d48f;
}

.home-step-title {
  margin-top: 1rem;
  font-size: 1.1875rem;
  font-weight: 700;
  color: #fff;
}

.home-step-text {
  margin-top: .5rem;
  font-size: .9375rem;
  color: rgba(255, 255, 255, .85);
}

.home-process .btn {
  border-color: #e3d48f;
  background-color: #e3d48f;
  color: #23272f;
}

/* Image panels (short-term rentals, sales and purchases) */

.home-panels {
  display: grid;
  gap: 3.5rem;
}

.home-panel {
  display: grid;
  gap: 2rem;
  align-items: center;
}

.home-panel-img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: .75rem;
}

.home-panel-title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
  color: #23272f;
}

.home-panel-body > p {
  margin-top: 1rem;
  color: #3c3f4c;
}

.home-panel-body > p a {
  color: #252e56;
}

/* Cities */

.home-city-groups {
  display: grid;
  gap: 2rem;
  margin-top: 2.5rem;
}

.home-city-title {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #81702d;
}

.home-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .625rem;
  margin-top: 1rem;
  padding-left: 0;
  list-style: none;
}

.home-chip {
  display: inline-block;
  padding: .5rem 1.125rem;
  border: 1px solid #d9cf9f;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  color: #252e56;
  background-color: #fff;
  transition: background-color .2s, color .2s, border-color .2s;
}

a.home-chip:hover,
a.home-chip:focus-visible {
  border-color: #252e56;
  color: #fff;
  background-color: #252e56;
}

.home-chip.is-plain {
  color: #23272f;
}

/* Checklist */

.home-checklist-card {
  padding: 1.75rem 1.5rem;
  border-radius: .75rem;
  background-color: #f8f6ec;
}

.home-checklist-card .home-marks {
  margin-top: 0;
}

/* Scroll reveal (only once home-page.js is running) */

.home-js [data-reveal] {
  opacity: 0;
  translate: 0 1.5rem;
  transition: opacity .7s ease, translate .7s cubic-bezier(.2, .8, .2, 1);
}

.home-js [data-reveal].is-revealed {
  opacity: 1;
  translate: none;
}

@media (min-width: 40em) {
  .home-variants {
    grid-template-columns: repeat(3, 1fr);
  }

  .home-columns,
  .home-audiences,
  .home-tools,
  .home-steps {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-story-card {
    padding: 2.25rem 2rem;
  }
}

@media (min-width: 58em) {
  .home-split {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }

  .home-story-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-top: 4rem;
    align-items: stretch;
  }

  .home-columns,
  .home-audiences {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 4rem;
  }

  .home-tools,
  .home-steps {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4rem;
  }

  .home-tools:has(> :nth-child(8)) {
    grid-template-columns: repeat(4, 1fr);
  }

  .home-panels {
    gap: 6rem;
  }

  .home-panel {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }

  .home-panel:nth-child(even) .home-panel-img {
    order: 2;
  }

  .home-panel-title {
    font-size: 2.25rem;
  }

  .home-city-groups {
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
  }

  .home-checklist-card {
    padding: 2.5rem;
  }
}

@media (min-width: 65.5em) {
  .info-block.feature-link .home-hero-art .info-block-illustration {
    width: 52.625rem;
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hive-tile,
  .home-bohem.is-hero,
  .home-story-badge {
    animation: none;
  }

  .home-js [data-reveal] {
    opacity: 1;
    translate: none;
    transition: none;
  }

  .home-tool,
  .home-chip {
    transition: none;
  }
}

/* Hero bullets: the theme caps .bullet-list at 35em, which wrapped the first
   bullet although the hero column has room for it on one line. */
#uvod .bullet-list {
  max-width: none;
}