html, body {
  background-color: #050313;
}
.section-header {
  max-width: 52rem;
  margin: 0 auto;
}
.section-header p.lead {
  margin-top: var(--space-2);
}
.section-header.text-center {
  text-align: center;
}
.section-header.text-center p.lead {
  margin-left: auto;
  margin-right: auto;
}
.stredobod-layout {
  display: grid;
  gap: var(--space-6);
  align-items: center;
}
.stredobod-image-wrap {
  padding: var(--space-2);
}
.stredobod-image {
  border-radius: var(--radius-xl);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stredobod-list {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.stredobod-list li {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.stredobod-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.showcase-main {
  align-self: stretch;
}
.showcase-side-stack {
  display: grid;
  gap: var(--space-4);
}
.showcase-item h3 {
  font-size: var(--font-size-lg);
}
.showcase-item p {
  margin-bottom: var(--space-3);
}
.format-list {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.format-list li {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.prep-image {
  padding: var(--space-2);
}
.prep-photo {
  border-radius: var(--radius-xl);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.prep-steps ol {
  list-style: none !important;
  padding-left: 0;
  display: grid;
  gap: var(--space-4);
}
.prep-steps li h3 {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-1);
}
.prep-steps li p {
  color: var(--color-text-muted);
}
.feature-item p {
  color: var(--color-text-muted);
}
.gallery-copy h3 {
  margin-bottom: var(--space-2);
}
.gallery-copy p {
  color: var(--color-text-muted);
}
.editorial-section {
  align-items: stretch;
}
.editorial-main,
.editorial-side {
  height: 100%;
}
.editorial-list {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.editorial-list li {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.team-list {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.team-list li {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.community-section {
  align-items: stretch;
}
.community-main,
.community-side {
  height: 100%;
}
.community-form,
.updates-form,
.contact-form {
  margin-top: var(--space-4);
}
.community-form .form-field:last-of-type,
.updates-form .form-field:last-of-type,
.contact-form .form-field:last-of-type {
  margin-bottom: var(--space-5);
}
.contact-section {
  display: grid;
  gap: var(--space-6);
}
.contact-copy p.lead {
  margin-top: var(--space-2);
}
.contact-points {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-4);
}
.contact-points li {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.contact-points span {
  display: inline-block;
  min-width: 9rem;
  font-weight: 500;
}
.contact-form-wrap {
  align-self: center;
}
@media (min-width: 768px) {
  .stredobod-layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.3fr);
  }
}
@media (min-width: 960px) {
  .contact-section {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
    align-items: flex-start;
  }
}
@media (max-width: 767.98px) {
  .hero-title {
    word-break: normal;
  }
  .stredobod-ctas,
  .hero-cta-group {
    width: 100%;
  }
  .hero-cta-group .btn,
  .stredobod-ctas .btn {
    flex: 1 1 100%;
  }
  .contact-points span {
    min-width: 0;
    margin-right: var(--space-1);
  }
}