.sobre-clube-page {
  overflow: hidden;
}

.sobre-clube-page a:not(.button) {
  text-decoration-thickness: 0.1em;
}

.sobre-hero,
.sobre-comunidade {
  position: relative;
  isolation: isolate;
  min-height: clamp(37.5rem, 63vh, 45rem);
  color: var(--color-white);
  overflow: hidden;
}

.sobre-hero__image,
.sobre-comunidade__image {
  position: absolute;
  z-index: -3;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 72% center;
}

.sobre-hero__overlay {
  position: absolute;
  z-index: -2;
  inset: 0;
  background: linear-gradient(90deg, rgb(16 19 18 / 88%) 0%, rgb(16 19 18 / 64%) 46%, rgb(16 19 18 / 22%) 78%, rgb(16 19 18 / 35%) 100%);
}

.sobre-hero__field-lines,
.sobre-comunidade::after {
  position: absolute;
  z-index: -1;
  inset: auto -12% 12% 53%;
  height: 56%;
  border: 1px solid rgb(24 184 90 / 54%);
  border-radius: 50%;
  content: "";
  transform: rotate(-17deg);
}

.sobre-hero__grid,
.sobre-comunidade__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  min-height: inherit;
  align-items: end;
}

.sobre-hero__content {
  grid-column: 2 / span 5;
  min-width: 0;
  width: 100%;
  padding-block: clamp(var(--space-8), 10vh, var(--space-10));
}

.sobre-hero__content > :last-child,
.sobre-comunidade__content > :last-child,
.sobre-video__heading > :last-child,
.sobre-encerramento__heading > :last-child {
  margin-bottom: 0;
}

.sobre-hero h1 {
  max-width: 10ch;
  margin-bottom: var(--space-4);
  font-size: clamp(3.5rem, 6vw, 4rem);
  text-transform: uppercase;
}

.sobre-hero__lead {
  max-width: 40rem;
  margin-bottom: var(--space-5);
  font-size: var(--text-lead);
  line-height: 1.4;
}

.sobre-hero__actions,
.sobre-comunidade__actions,
.sobre-share__controls {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.sobre-hero__actions > *,
.sobre-comunidade__actions > *,
.sobre-share__controls > * {
  min-width: 0;
}

.sobre-hero .button--secondary {
  color: var(--color-white);
}

.sobre-hero__number {
  position: absolute;
  right: max(4vw, var(--container-padding));
  bottom: 2rem;
  z-index: -1;
  color: rgb(255 255 255 / 15%);
  font-family: var(--font-heading);
  font-size: clamp(12rem, 25vw, 24rem);
  font-weight: var(--weight-black);
  letter-spacing: var(--tracking-tight);
  line-height: 0.72;
}

.sobre-identidade__grid,
.sobre-mvv__grid,
.sobre-origem__grid,
.sobre-trajetoria__grid,
.sobre-galeria__grid,
.sobre-video__grid,
.sobre-encerramento__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.sobre-identidade__heading {
  grid-column: 1 / span 4;
  min-width: 0;
}

.sobre-identidade__content {
  display: flex;
  grid-column: 5 / span 7;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
}

.sobre-identidade__intro {
  max-width: 46rem;
  border-inline-start: 4px solid var(--color-field);
  padding-inline-start: var(--space-4);
}

.sobre-identidade__item {
  position: relative;
  max-width: 34rem;
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-line);
}

.sobre-identidade__index {
  position: absolute;
  top: var(--space-4);
  right: 0;
  color: rgb(24 184 90 / 38%);
  font-family: var(--font-heading);
  font-size: 4rem;
  font-weight: var(--weight-black);
  line-height: 0.8;
}

.sobre-identidade__item h3 {
  max-width: 16rem;
}

.sobre-identidade__notice {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-4);
  padding: var(--space-5);
  background: var(--color-signal);
  color: var(--color-ink);
}

.sobre-identidade__notice > * {
  min-width: 0;
}

.sobre-identidade__notice-mark {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  background: var(--color-ink);
  color: var(--color-signal);
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: var(--weight-black);
}

.sobre-identidade__notice h3,
.sobre-identidade__notice p {
  margin: 0;
}

.sobre-identidade__notice div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
}

.sobre-filosofia {
  position: relative;
  overflow: hidden;
}

.sobre-filosofia::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgb(255 255 255 / 8%) 1px, transparent 1px);
  background-size: 14px 14px;
  content: "";
}

.sobre-filosofia__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6) var(--space-5);
}

.sobre-filosofia__heading {
  grid-column: 1 / span 6;
  min-width: 0;
}

.sobre-filosofia__lead {
  max-width: 38rem;
  margin-bottom: 0;
  font-size: var(--text-lead);
  line-height: 1.4;
}

.sobre-filosofia__principles {
  display: grid;
  grid-column: 1 / -1;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.sobre-principio {
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 1px solid rgb(255 255 255 / 34%);
  transition: border-color var(--transition-control);
}

.sobre-principio:hover {
  border-color: var(--color-field);
}

.sobre-principio__number {
  display: block;
  margin-bottom: var(--space-3);
  color: var(--color-signal);
  font-family: var(--font-heading);
  font-size: 4rem;
  font-weight: var(--weight-black);
  line-height: 0.8;
}

.sobre-principio h3 {
  max-width: 17rem;
}

.sobre-principio p {
  max-width: 31rem;
  margin-bottom: 0;
}

.sobre-filosofia__quote {
  grid-column: 1 / span 8;
  max-width: 44rem;
  margin: 0;
  border-color: var(--color-field);
  color: var(--color-white);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.sobre-mvv__heading {
  grid-column: 1 / span 6;
  min-width: 0;
}

.sobre-mvv__heading p {
  max-width: 38rem;
}

.sobre-mvv__statements {
  display: grid;
  grid-column: 1 / -1;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.sobre-statement {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6);
}

.sobre-statement > * {
  min-width: 0;
  margin: 0;
}

.sobre-statement--mission {
  background: var(--color-ink);
  color: var(--color-white);
}

.sobre-statement--vision {
  background: var(--color-field);
  color: var(--color-ink);
}

.sobre-statement h3 {
  max-width: 30rem;
}

.sobre-statement p:not(.eyebrow) {
  max-width: 30rem;
}

.sobre-editable {
  display: inline;
  border-bottom: 2px dashed currentColor;
  font-style: italic;
}

.sobre-values {
  display: grid;
  grid-column: 1 / -1;
  min-width: 0;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-4);
}

.sobre-value {
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-line);
}

.sobre-value__number {
  display: block;
  margin-bottom: var(--space-3);
  color: var(--color-signal);
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: var(--weight-black);
  line-height: 0.8;
}

.sobre-value h3 {
  margin-bottom: var(--space-2);
  font-size: 1.75rem;
}

.sobre-value p {
  margin-bottom: 0;
}

.sobre-value small {
  display: block;
  margin-top: var(--space-2);
  color: var(--color-muted-ink);
}

.sobre-origem__heading {
  grid-column: 1 / span 7;
  min-width: 0;
}

.sobre-origem__heading p {
  max-width: 42rem;
}

.sobre-facts {
  grid-column: 1 / span 5;
  min-width: 0;
  align-self: start;
  padding: var(--space-6);
  background: var(--color-ink);
  color: var(--color-white);
}

.sobre-facts dl {
  gap: 0;
  margin: var(--space-4) 0 0;
}

.sobre-facts dl > div {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-1);
  padding-block: var(--space-3);
  border-top: 1px solid rgb(255 255 255 / 20%);
}

.sobre-facts dt {
  color: var(--color-field);
  font-size: var(--text-sm);
}

.sobre-facts dd {
  color: var(--color-white);
}

.sobre-origem__body {
  display: flex;
  grid-column: 7 / span 6;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
}

.sobre-origin-story {
  max-width: 42rem;
}

.sobre-origin-story .tag {
  margin-bottom: var(--space-4);
}

.sobre-memory-callout {
  display: flex;
  min-width: 0;
  max-width: 28rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border-inline-start: 4px solid var(--color-field);
  padding: var(--space-5);
  background: var(--color-paper);
}

.sobre-memory-callout > * {
  min-width: 0;
  margin: 0;
}

.sobre-trajetoria__heading {
  grid-column: 1 / span 6;
  min-width: 0;
}

.sobre-trajetoria__heading p {
  max-width: 42rem;
}

.sobre-timeline {
  position: relative;
  display: grid;
  grid-column: 1 / -1;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.sobre-timeline::before {
  position: absolute;
  top: 1rem;
  right: 8%;
  left: 8%;
  height: 1px;
  background: var(--color-field);
  content: "";
}

.sobre-timeline__item {
  position: relative;
  min-width: 0;
  padding-top: var(--space-7);
}

.sobre-timeline__point {
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  border: 3px solid var(--color-paper);
  background: var(--color-field);
}

.sobre-timeline__item h3 {
  margin-bottom: var(--space-3);
  font-size: 1.75rem;
}

.sobre-timeline__item p:last-child {
  max-width: 22rem;
  margin-bottom: 0;
}

.sobre-achievements {
  display: flex;
  grid-column: 8 / span 5;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  background: var(--color-signal);
  color: var(--color-ink);
}

.sobre-achievements > * {
  min-width: 0;
  margin: 0;
}

.sobre-achievements p {
  max-width: 31rem;
}

.sobre-trajetoria__note {
  grid-column: 1 / span 6;
  max-width: 42rem;
  margin-bottom: 0;
  color: var(--color-muted-ink);
}

.sobre-comunidade {
  min-height: 31rem;
}

.sobre-comunidade__overlay {
  position: absolute;
  z-index: -2;
  inset: 0;
  background: linear-gradient(90deg, rgb(16 19 18 / 88%) 0%, rgb(16 19 18 / 67%) 45%, rgb(16 19 18 / 22%) 78%);
}

.sobre-comunidade__content {
  grid-column: 2 / span 5;
  min-width: 0;
  width: 100%;
  padding-block: var(--space-8);
}

.sobre-comunidade h2 {
  max-width: 14ch;
}

.sobre-comunidade__content > p:not(.eyebrow) {
  max-width: 38rem;
}

.sobre-comunidade__actions {
  flex-direction: column;
  align-items: flex-start;
}

.sobre-comunidade__actions small {
  max-width: 25rem;
  color: rgb(255 255 255 / 84%);
}

.sobre-galeria__heading {
  grid-column: 1 / span 5;
  min-width: 0;
}

.sobre-galeria__heading p {
  max-width: 34rem;
}

.sobre-galeria__cta {
  display: flex;
  grid-column: 9 / span 4;
  min-width: 0;
  align-items: end;
  justify-content: flex-end;
  padding-bottom: var(--space-4);
}

.sobre-galeria__cta a {
  min-height: 2.75rem;
  font-weight: var(--weight-bold);
}

.sobre-gallery-items {
  display: grid;
  grid-column: 1 / -1;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.sobre-gallery-item {
  min-width: 0;
  margin: 0;
}

.sobre-gallery-item__trigger {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--radius-md);
  aspect-ratio: 3 / 2;
  background: var(--color-ink);
  color: var(--color-white);
}

.sobre-gallery-item__trigger img {
  width: 100%;
  height: 100%;
  transition: transform var(--transition-media);
}

.sobre-gallery-item__trigger:hover img {
  transform: scale(1.03);
}

.sobre-gallery-item__trigger .tag {
  position: absolute;
  top: var(--space-3);
  left: var(--space-3);
}

.sobre-gallery-item__zoom {
  position: absolute;
  right: var(--space-3);
  bottom: var(--space-3);
  padding: var(--space-2) var(--space-3);
  background: rgb(16 19 18 / 84%);
  font-size: var(--text-sm);
}

.sobre-gallery-item figcaption {
  max-width: 24rem;
}

.sobre-video__heading {
  grid-column: 1 / span 4;
  min-width: 0;
}

.sobre-video__heading p {
  max-width: 30rem;
}

.sobre-video__media {
  display: flex;
  grid-column: 5 / span 8;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.sobre-video-placeholder {
  display: flex;
  width: 100%;
  min-width: 0;
  aspect-ratio: 16 / 9;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid rgb(255 255 255 / 24%);
  background: var(--color-field-deep);
  text-align: center;
}

.sobre-video-placeholder p {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-card-title);
  font-weight: var(--weight-heading);
}

.sobre-video-placeholder button {
  padding: var(--space-2) var(--space-3);
  border: 1px solid rgb(255 255 255 / 50%);
  color: var(--color-white);
}

.sobre-video-placeholder__play {
  display: grid;
  width: 4rem;
  height: 4rem;
  place-items: center;
  border: 2px solid var(--color-signal);
  border-radius: 50%;
  color: var(--color-signal);
  font-size: 1.75rem;
}

.sobre-video__metadata {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0;
}

.sobre-video__metadata > div {
  min-width: 0;
  padding-top: var(--space-3);
  border-top: 1px solid rgb(255 255 255 / 25%);
}

.sobre-video__metadata dt {
  color: rgb(255 255 255 / 72%);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.sobre-video__metadata dd {
  margin-top: var(--space-1);
}

.sobre-video__aside {
  display: flex;
  grid-column: 1 / span 4;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.sobre-video__aside > * {
  min-width: 0;
  margin: 0;
}

.sobre-video__aside p {
  max-width: 30rem;
}

.sobre-encerramento__grid {
  position: relative;
}

.sobre-encerramento__word {
  position: absolute;
  right: -0.06em;
  bottom: -0.2em;
  z-index: 0;
  color: transparent;
  font-family: var(--font-heading);
  font-size: clamp(7rem, 19vw, 16rem);
  font-weight: var(--weight-black);
  letter-spacing: var(--tracking-tight);
  line-height: 0.75;
  -webkit-text-stroke: 1px rgb(24 184 90 / 30%);
  pointer-events: none;
}

.sobre-encerramento__heading,
.sobre-next-actions,
.sobre-share {
  position: relative;
  z-index: 1;
}

.sobre-encerramento__heading {
  grid-column: 1 / span 6;
  min-width: 0;
  border-inline-start: 4px solid var(--color-field);
  padding-inline-start: var(--space-4);
}

.sobre-encerramento__heading p {
  max-width: 42rem;
}

.sobre-next-actions {
  display: grid;
  grid-column: 1 / -1;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.sobre-next-action {
  display: flex;
  min-width: 0;
  min-height: 14rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  background: rgb(255 255 255 / 58%);
  text-decoration: none;
  transition: background-color var(--transition-control), color var(--transition-control), transform var(--transition-control);
}

.sobre-next-action > * {
  min-width: 0;
  margin: 0;
}

.sobre-next-action > span:last-child {
  margin-top: auto;
  font-size: 1.5rem;
  font-weight: var(--weight-bold);
}

.sobre-next-action h3 {
  max-width: 20rem;
}

.sobre-next-action p {
  max-width: 24rem;
}

.sobre-next-action:hover {
  background: var(--color-ink);
  color: var(--color-white);
  transform: translateY(-2px);
}

.sobre-next-action--featured {
  border-color: var(--color-field);
  background: var(--color-field);
}

.sobre-next-action--featured:hover {
  background: var(--color-field-hover);
  color: var(--color-ink);
}

.sobre-next-action:hover .eyebrow {
  color: rgb(255 255 255 / 74%);
}

.sobre-next-action--featured:hover .eyebrow {
  color: var(--color-muted-ink);
}

.sobre-share {
  display: flex;
  grid-column: 1 / span 5;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding-top: var(--space-5);
}

.sobre-share > * {
  min-width: 0;
  margin: 0;
}

.sobre-share p:not(.sobre-share__status) {
  max-width: 26rem;
}

.sobre-share__status {
  min-height: 1.5rem;
  color: var(--color-field-deep);
  font-weight: var(--weight-bold);
}

.sobre-lightbox[hidden] {
  display: none;
}

.sobre-lightbox {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: var(--space-4);
}

.sobre-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(16 19 18 / 88%);
}

.sobre-lightbox__dialog {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(100%, 68rem);
  max-height: calc(100vh - 2rem);
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  overflow: auto;
  background: var(--color-paper);
  box-shadow: var(--shadow-float);
}

.sobre-lightbox__dialog img {
  width: 100%;
  max-height: 70vh;
  object-fit: contain;
  background: var(--color-ink);
}

.sobre-lightbox__close {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  z-index: 2;
  display: grid;
  width: 2.75rem;
  min-height: 2.75rem;
  place-items: center;
  background: var(--color-white);
  color: var(--color-ink);
  font-size: 2rem;
  line-height: 1;
}

.sobre-lightbox__caption {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-5);
}

.sobre-lightbox__caption > * {
  min-width: 0;
  margin: 0;
}

@media (max-width: 67.49rem) {
  .sobre-values {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sobre-value:nth-child(4) {
    grid-column: 1 / span 1;
  }
}

@media (max-width: 61.24rem) {
  .sobre-hero {
    min-height: 56vh;
  }

  .sobre-hero__content {
    grid-column: 1 / span 7;
  }

  .sobre-hero__number {
    font-size: 15rem;
  }

  .sobre-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: var(--space-6);
  }

  .sobre-timeline::before {
    display: none;
  }
}

@media (max-width: 56.24rem) {
  .sobre-filosofia__principles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sobre-principio:nth-child(3) {
    grid-column: 1 / span 2;
  }

  .sobre-mvv__statements,
  .sobre-video__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sobre-statement--mission,
  .sobre-statement--vision {
    grid-column: 1 / -1;
  }

  .sobre-origem__body {
    grid-column: 6 / span 7;
  }

  .sobre-facts {
    grid-column: 1 / span 5;
  }

  .sobre-video__heading {
    grid-column: 1 / span 5;
  }

  .sobre-video__media {
    grid-column: 6 / span 7;
  }

  .sobre-video__aside {
    grid-column: 1 / span 5;
  }
}

@media (max-width: 56.24rem) {
  .sobre-identidade__grid,
  .sobre-mvv__grid,
  .sobre-origem__grid,
  .sobre-trajetoria__grid,
  .sobre-galeria__grid,
  .sobre-video__grid,
  .sobre-encerramento__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-5) var(--space-3);
  }

  .sobre-identidade__heading,
  .sobre-identidade__content,
  .sobre-mvv__heading,
  .sobre-origem__heading,
  .sobre-facts,
  .sobre-origem__body,
  .sobre-trajetoria__heading,
  .sobre-timeline,
  .sobre-achievements,
  .sobre-trajetoria__note,
  .sobre-galeria__heading,
  .sobre-galeria__cta,
  .sobre-gallery-items,
  .sobre-video__heading,
  .sobre-video__media,
  .sobre-video__aside,
  .sobre-encerramento__heading,
  .sobre-next-actions,
  .sobre-share {
    grid-column: 1 / -1;
  }

  .sobre-identidade__content {
    gap: var(--space-5);
  }

  .sobre-origem__body {
    gap: var(--space-5);
  }

  .sobre-galeria__cta {
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .sobre-video__aside {
    padding-top: 0;
  }
}

@media (max-width: 51.24rem) {
  .sobre-identidade__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sobre-identidade__heading,
  .sobre-identidade__content {
    grid-column: 1 / -1;
  }

  .sobre-identidade__item {
    max-width: none;
  }

  .sobre-comunidade {
    min-height: 31.25rem;
  }

  .sobre-comunidade__content {
    grid-column: 1 / span 7;
  }
}

@media (max-width: 47.49rem) {
  .sobre-hero {
    min-height: clamp(32rem, 56vh, 37rem);
  }

  .sobre-hero__overlay {
    background: linear-gradient(0deg, rgb(16 19 18 / 92%) 0%, rgb(16 19 18 / 72%) 54%, rgb(16 19 18 / 24%) 100%);
  }

  .sobre-hero__grid,
  .sobre-comunidade__grid,
  .sobre-filosofia__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-4) var(--space-3);
  }

  .sobre-hero__content,
  .sobre-comunidade__content,
  .sobre-filosofia__heading,
  .sobre-filosofia__principles,
  .sobre-filosofia__quote {
    grid-column: 1 / -1;
  }

  .sobre-hero__content {
    padding-block: var(--space-7) var(--space-5);
  }

  .sobre-hero h1 {
    max-width: 11ch;
    font-size: clamp(2.125rem, 10vw, 2.625rem);
  }

  .sobre-hero__lead {
    max-width: 32rem;
    font-size: var(--text-base);
    line-height: var(--leading-body);
  }

  .sobre-hero__number {
    display: none;
  }

  .sobre-hero__actions {
    align-items: stretch;
  }

  .sobre-hero__actions .button {
    flex: 1 1 15rem;
  }

  .sobre-filosofia__principles {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .sobre-principio,
  .sobre-principio:nth-child(3) {
    grid-column: 1;
  }

  .sobre-principio__number {
    font-size: 3rem;
  }

  .sobre-values {
    grid-template-columns: minmax(0, 1fr);
  }

  .sobre-statement {
    padding: var(--space-5);
  }

  .sobre-timeline {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    border-inline-start: 2px solid var(--color-field);
    padding-inline-start: var(--space-5);
  }

  .sobre-timeline__item {
    padding-top: 0;
    padding-bottom: var(--space-6);
  }

  .sobre-timeline__item:last-child {
    padding-bottom: 0;
  }

  .sobre-timeline__point {
    top: 0.25rem;
    left: calc(var(--space-5) * -1 - 0.55rem);
  }

  .sobre-comunidade__overlay {
    background: linear-gradient(0deg, rgb(16 19 18 / 93%) 0%, rgb(16 19 18 / 70%) 58%, rgb(16 19 18 / 25%) 100%);
  }

  .sobre-comunidade__content {
    padding-block: var(--space-8) var(--space-5);
  }

  .sobre-comunidade h2 {
    font-size: clamp(2.125rem, 9vw, 2.5rem);
  }

  .sobre-gallery-items,
  .sobre-next-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .sobre-video__metadata {
    grid-template-columns: minmax(0, 1fr);
  }

  .sobre-next-action {
    min-height: auto;
  }

  .sobre-next-action > span:last-child {
    margin-top: var(--space-3);
  }

  .sobre-encerramento__word {
    right: -0.18em;
    bottom: -0.06em;
    font-size: 7rem;
  }
}

@media (max-width: 39.99rem) {
  .sobre-hero__actions,
  .sobre-share__controls {
    flex-direction: column;
    align-items: stretch;
  }

  .sobre-hero__actions .button,
  .sobre-share__controls .button,
  .sobre-comunidade__actions .button {
    width: 100%;
  }

  .sobre-identidade__notice {
    grid-template-columns: minmax(0, 1fr);
  }

  .sobre-identidade__notice-mark {
    width: 2.25rem;
    height: 2.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sobre-gallery-item__trigger img,
  .sobre-next-action,
  .sobre-principio {
    transition: none;
  }

  .sobre-gallery-item__trigger:hover img,
  .sobre-next-action:hover {
    transform: none;
  }
}