.styles-page main{}
.styles-hero{
  border-bottom:1px solid var(--color-border-subtle);
}
.styles-hero__grid{
  align-items:center;
  gap:var(--space-32);
}
.styles-hero__content p{
  max-width:40rem;
}
.styles-kicker{
  font-size:var(--text-sm);
  color:var(--color-text-soft);
  margin-bottom:var(--space-12);
}
.styles-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-16);
}
.styles-hero__media{
  max-width:32rem;
  margin-left:auto;
}
.styles-hero__image{
  min-height:260px;
}
.styles-nav-strip__inner{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-12);
  padding:var(--space-16) 0;
  border-bottom:1px solid var(--color-border-subtle);
}
.styles-nav-chip{
  padding:0.4rem 0.95rem;
  border-radius:var(--radius-pill);
  border:1px solid var(--color-border-subtle);
  font-size:var(--text-xs);
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--color-text-soft);
}
.styles-nav-chip:hover{
  background-color:var(--color-surface-alt);
  color:var(--color-text);
}
.styles-section{
  padding-top:var(--space-48);
}
.styles-section--alt{
  background-color:var(--color-surface);
}
.styles-section__grid{
  gap:var(--space-40);
  align-items:center;
}
.styles-section__grid--reverse{
  direction:rtl;
}
.styles-section__grid--reverse > *{
  direction:ltr;
}
.styles-section__text p{
  max-width:38rem;
}
.styles-section__links{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-12);
}
.styles-section__media--placeholder{
  align-self:stretch;
}
.styles-card-placeholder{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.styles-gallery__header{
  gap:var(--space-24);
  align-items:flex-end;
}
.styles-gallery__cta{
  flex-shrink:0;
}
.styles-gallery__grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr);
}
.styles-gallery__item{
  max-height:420px;
}
.styles-gallery__footer{
  max-width:46rem;
}
.styles-gallery__links{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-12);
}
.styles-final-cta{
  border-top:1px solid var(--color-border-subtle);
}
.styles-final-cta__inner{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-24);
  align-items:center;
  justify-content:space-between;
}
.styles-final-cta__content{
  max-width:40rem;
}
.styles-final-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-12);
}
@media (max-width:768px){
  .styles-hero{
    padding-top:var(--space-32);
  }
  .styles-hero__media{
    max-width:none;
    margin-left:0;
  }
  .styles-gallery__header{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width:640px){
  .styles-hero__actions,
  .styles-section__links,
  .styles-final-cta__actions{
    flex-direction:column;
    align-items:flex-start;
  }
}