/*
Abbreviations:
- fd: From Design. (This is an exact value directly measured in the design file provided by the web designer.)
*/
.glide.-bullets {
  --bullet-max-width: 16rem;
}
.glide.-bullets > .glide__bullets {
  --gap: 64px;
}

.std-mosaic-list:not(.-oneperrow) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.std-layout.-sl-rows-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.header-menu {
  flex-direction: row;
}
.header-menu > .item {
  flex: 0 1 auto;
}
.header-menu > .item.-search {
  flex: 1 1 0;
  min-width: 0;
}

.site-header > .std-layout {
  align-items: center;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  gap: calc(var(--gap) * 4);
}
.site-header > .std-layout > .text {
  grid-column: 2;
  grid-row: 1;
}
.site-header > .std-layout > .text > .content {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding-inline: unset;
}
.site-header > .std-layout > .text > .content > .intro {
  display: unset;
  color: #19577a;
}
.site-header > .std-layout > .text > .header-menu {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.site-header > .std-layout > .text > .header-menu > .item {
  flex: 1 1 auto;
}
.site-header > .std-layout > .text > .header-menu > .item.-search {
  flex: 2 1 auto;
}
.site-header > .std-layout.-js > .text {
  width: 100%;
  order: default;
}
.site-header > .std-layout.-js > .text.-open {
  display: initial;
}
.site-header > .std-layout.-js > .text > .intro {
  display: initial;
}

.site-section-beginners > .std-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.site-section-beginners > .std-layout > .std-layout {
  flex: 1 1 0;
  padding-block: var(--gap-l);
}
.site-section-beginners > .std-layout > .std-layout.-intro {
  padding-right: 30%;
  background: no-repeat url("barney-transparent.svg") right/contain;
}
.site-section-beginners > .std-layout > .std-layout.-links {
  background: no-repeat url("munition-transparent.svg") 90% calc(3 * var(--gap)), no-repeat url("grenade-transparent.svg") right var(--gap);
}

.site-social-networks > .std-layout > .button > .text {
  display: block;
  text-align: center;
}
.site-social-networks > .std-layout > .button > .text > .line {
  display: block;
}