/* Accepted O nama layout; only this Page can load it. */
.wp-site-blocks .breganja-about-page {
  --about-layout-gutter: clamp(24px, 4vw, 64px);
  --about-layout-history-column: 150px;
  --about-layout-column-gap: 48px;
}
.wp-site-blocks .breganja-about-page .about-shell {
  width: min(calc(100% - 2 * var(--about-layout-gutter)), 1200px);
  max-width: none;
  margin-inline: auto;
}
.wp-site-blocks .breganja-about-page .about-section {
  padding-block: clamp(56px, 5.2vw, 76px);
}
.wp-site-blocks .breganja-about-page :is(.about-areas, .about-people) {
  background: var(--wp--preset--color--off-white);
}
.wp-site-blocks .breganja-about-page .about-hero {
  padding-block: clamp(64px, 6.7vw, 96px) clamp(56px, 5.2vw, 76px);
}
.wp-site-blocks .breganja-about-page .about-hero .about-shell {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  column-gap: 72px;
  row-gap: 18px;
  align-items: start;
}
.wp-site-blocks .breganja-about-page .about-hero .about-eyebrow {
  grid-column: 1 / -1;
  margin: 0;
}
.wp-site-blocks .breganja-about-page .about-hero h1 {
  margin: 0;
}
.wp-site-blocks .breganja-about-page .about-hero__lead {
  margin: 0;
  max-width: 660px;
}
.wp-site-blocks .breganja-about-page .about-areas .about-shell {
  border-top: 1px solid rgb(23 25 24 / 18%);
  padding-top: clamp(40px, 4vw, 60px);
}
.wp-site-blocks .breganja-about-page .about-areas {
  padding-top: 0;
}
.wp-site-blocks .breganja-about-page .about-areas__grid {
  column-gap: 56px;
  margin-top: 40px;
}
.wp-site-blocks .breganja-about-page .about-card {
  padding: 0;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.wp-site-blocks .breganja-about-page .about-card + .about-card {
  border-left: 1px solid rgb(23 25 24 / 18%);
  padding-left: 56px;
}
.wp-site-blocks .breganja-about-page .about-card h3 {
  margin-top: 0;
}
.wp-site-blocks .breganja-about-page .about-card__cta {
  padding-top: 20px;
}
.wp-site-blocks .breganja-about-page .about-history {
  padding-top: 0;
  padding-bottom: 0;
}
.wp-site-blocks .breganja-about-page .about-history .about-shell {
  border-top: 1px solid rgb(23 25 24 / 18%);
  padding-top: clamp(40px, 4vw, 60px);
}
.wp-site-blocks .breganja-about-page .about-history__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin-top: 40px;
}
.wp-site-blocks .breganja-about-page .about-milestone {
  display: grid;
  grid-template-columns: var(--about-layout-history-column) minmax(0, 1fr);
  column-gap: var(--about-layout-column-gap);
  row-gap: 16px;
  padding: 28px 0;
  border-top: 1px solid rgb(23 25 24 / 18%);
}
.wp-site-blocks .breganja-about-page .about-milestone h3 {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: var(--about-layout-history-column) minmax(0, 1fr);
  column-gap: var(--about-layout-column-gap);
  margin: 0;
}
.wp-site-blocks .breganja-about-page .about-layout-year {
  color: var(--wp--preset--color--breganja-red);
}
.wp-site-blocks .breganja-about-page .about-milestone > p {
  grid-column: 2;
  max-width: 760px;
  margin: 0;
}
.wp-site-blocks .breganja-about-page .about-people {
  padding-block: 36px 64px;
}
.wp-site-blocks .breganja-about-page .about-people .about-shell {
  padding-left: calc(var(--about-layout-history-column) + var(--about-layout-column-gap));
}
.wp-site-blocks .breganja-about-page .about-people h2 {
  font-size: var(--wp--preset--font-size--h-3);
  letter-spacing: -0.025em;
  max-width: none;
}
.wp-site-blocks .breganja-about-page .about-stickers {
  padding-top: 0;
}
.wp-site-blocks .breganja-about-page .about-stickers .about-shell {
  border-top: 1px solid rgb(23 25 24 / 18%);
  padding-top: clamp(40px, 4vw, 60px);
}
.wp-site-blocks .breganja-about-page .about-stickers__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 32px;
  gap: 24px;
}
.wp-site-blocks .breganja-about-page .about-sticker {
  min-height: 130px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.wp-site-blocks .breganja-about-page .about-sticker img {
  max-height: 110px;
  max-width: 100%;
  width: auto;
  height: auto;
}
@media (max-width: 900px) {
  .wp-site-blocks .breganja-about-page {
    --about-layout-history-column: 110px;
    --about-layout-column-gap: 32px;
  }
  .wp-site-blocks .breganja-about-page .about-hero .about-shell {
    grid-template-columns: 0.8fr 1.2fr;
    column-gap: 36px;
  }
  .wp-site-blocks .breganja-about-page .about-hero__lead {
    font-size: 20px;
  }
  .wp-site-blocks .breganja-about-page .about-areas__grid { gap: 32px; }
  .wp-site-blocks .breganja-about-page .about-card + .about-card { padding-left: 32px; }
}
@media (max-width: 640px) {
  .wp-site-blocks .breganja-about-page .about-section { padding-block: 48px; }
  .wp-site-blocks .breganja-about-page .about-hero { padding-block: 48px; }
  .wp-site-blocks .breganja-about-page .about-hero .about-shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  .wp-site-blocks .breganja-about-page .about-hero__lead {
    font-size: var(--wp--preset--font-size--lead);
  }
  .wp-site-blocks .breganja-about-page .about-areas { padding-top: 0; }
  .wp-site-blocks .breganja-about-page .about-areas__grid {
    margin-top: 32px;
    gap: 28px;
  }
  .wp-site-blocks .breganja-about-page .about-card + .about-card {
    padding: 28px 0 0;
    border-left: 0;
    border-top: 1px solid rgb(23 25 24 / 18%);
  }
  .wp-site-blocks .breganja-about-page .about-history { padding-top: 0; padding-bottom: 0; }
  .wp-site-blocks .breganja-about-page .about-history__grid { margin-top: 28px; }
  .wp-site-blocks .breganja-about-page .about-milestone {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding-block: 24px;
  }
  .wp-site-blocks .breganja-about-page .about-milestone h3 {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .wp-site-blocks .breganja-about-page .about-milestone > p { grid-column: 1; }
  .wp-site-blocks .breganja-about-page .about-people { padding-block: 24px 48px; }
  .wp-site-blocks .breganja-about-page .about-people .about-shell { padding-left: 0; }
  .wp-site-blocks .breganja-about-page .about-stickers { padding-top: 0; }
  .wp-site-blocks .breganja-about-page .about-stickers__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  .wp-site-blocks .breganja-about-page .about-sticker:last-child {
    grid-column: 1 / -1;
  }
}