/* Temply Studio homepage alignment layer. Keep this scoped to the active v8 home. */
#pixio-react-home-root .ts-home--reference-v8 .ts-home-shell,
#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes > .ts-home-shell,
#pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__inner,
#pixio-react-home-root .ts-home--reference-v8 .ts-home-final-cta__inner,
#pixio-react-home-root .ts-home--reference-v8 .ts-studio-hero__inner,
#pixio-react-home-root .ts-home--reference-v8 .ts-studio-products > .ts-home-shell {
  width: min(calc(100% - 48px), 1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

#pixio-react-home-root .ts-home--reference-v8 .ts-studio-hero,
#pixio-react-home-root .ts-home--reference-v8 .ts-studio-products {
  padding-inline: 0 !important;
}

#pixio-react-home-root .ts-home--reference-v8 .ts-studio-hero {
  padding-block: 30px 34px !important;
}

#pixio-react-home-root .ts-home--reference-v8 .ts-studio-hero__inner {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr) !important;
  gap: 32px !important;
  align-items: start !important;
}

#pixio-react-home-root .ts-home--reference-v8 .ts-studio-hero__previews {
  gap: 12px !important;
  align-items: stretch !important;
}

#pixio-react-home-root .ts-home--reference-v8 a.ts-studio-preview {
  min-width: 0 !important;
  height: 100% !important;
  padding: 12px !important;
  gap: 8px !important;
}

#pixio-react-home-root .ts-home--reference-v8 a.ts-studio-preview--resume {
  margin-top: 0 !important;
}

#pixio-react-home-root .ts-home--reference-v8 .ts-studio-preview img {
  width: 100% !important;
  height: 200px !important;
  max-height: 200px !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

#pixio-react-home-root .ts-home--reference-v8 .ts-studio-preview__link {
  margin-top: auto !important;
}

#pixio-react-home-root .ts-home--reference-v8 a.ts-studio-preview--creative {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: 140px minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr auto !important;
  align-items: center !important;
  column-gap: 16px !important;
}

#pixio-react-home-root .ts-home--reference-v8 a.ts-studio-preview--creative img {
  grid-column: 1 !important;
  grid-row: 1 / 4 !important;
  width: 140px !important;
  height: 140px !important;
  max-height: 140px !important;
}

#pixio-react-home-root .ts-home--reference-v8 a.ts-studio-preview--creative .ts-studio-preview__type,
#pixio-react-home-root .ts-home--reference-v8 a.ts-studio-preview--creative .ts-studio-preview__name,
#pixio-react-home-root .ts-home--reference-v8 a.ts-studio-preview--creative .ts-studio-preview__link {
  grid-column: 2 !important;
}

#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__item {
  justify-content: flex-start !important;
}

@media (min-width: 768px) {
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__item {
    align-items: start !important;
  }

  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__item > span:last-child {
    align-content: start !important;
  }

  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__item strong {
    min-height: 3.2em !important;
    white-space: normal !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__item strong {
    min-height: 4.8em !important;
  }

  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__heading {
    align-items: flex-start !important;
    text-align: left !important;
  }

  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__heading h2,
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__heading p {
    margin-inline: 0 !important;
    text-align: left !important;
  }
}

@media (max-width: 900px) {
  #pixio-react-home-root .ts-home--reference-v8 .ts-studio-hero__inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 26px !important;
  }
}

@media (max-width: 767px) {
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-shell,
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes > .ts-home-shell,
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__inner,
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-final-cta__inner,
  #pixio-react-home-root .ts-home--reference-v8 .ts-studio-hero__inner,
  #pixio-react-home-root .ts-home--reference-v8 .ts-studio-products > .ts-home-shell {
    width: calc(100% - 32px) !important;
  }

  #pixio-react-home-root .ts-home--reference-v8 .ts-studio-hero {
    padding-block: 28px 32px !important;
  }

  #pixio-react-home-root .ts-home--reference-v8 .ts-studio-preview img {
    height: 132px !important;
    max-height: 132px !important;
  }

  #pixio-react-home-root .ts-home--reference-v8 a.ts-studio-preview--creative {
    display: none !important;
  }
}

/* Homepage geometry repair — 2026-10-02.
 * Extends the existing alignment layer only. No shared storefront/data changes.
 * Keep 8 featured products in complete rows and preserve readable full titles.
 */
#pixio-react-home-root .ts-home--reference-v8 .ts-studio-hero__inner {
  align-items: center !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-proof {
  margin-top: 0 !important;
  padding-block: 16px 0 !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__inner {
  padding: 18px !important;
  grid-template-columns: 180px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: center !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__item {
  align-items: start !important;
  padding: 8px !important;
  min-height: 0 !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__item strong {
  min-height: 1.5em !important;
  white-space: normal !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__item > span:last-child {
  align-content: start !important;
  gap: 6px !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-studio-products {
  padding-block: 48px !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr;
  align-items: stretch;
  gap: 24px 20px !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-product-card__body {
  min-width: 0;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-product-card__title {
  min-height: 4.5em;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-product-card__meta {
  align-content: start;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-product-card__actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch;
  min-height: 48px;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-product-card__actions .ts-ui-button {
  min-height: 48px;
  line-height: 1.4;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-secondary {
  padding-block: 40px 48px !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes,
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal {
  padding-block: 0 48px !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes > .ts-home-shell {
  grid-template-columns: minmax(240px, .9fr) minmax(0, 2.2fr) !important;
  gap: 16px !important;
  padding: 20px !important;
  min-height: 0 !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__heading {
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 0 !important;
  padding: 24px !important;
  text-align: left !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__heading h2,
#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__heading p {
  margin-inline: 0 !important;
  text-align: left !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__items {
  gap: 12px !important;
  align-items: stretch !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__item {
  justify-content: flex-start !important;
  padding: 20px 16px !important;
  min-height: 0 !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__icon {
  flex-shrink: 0 !important;
  margin-bottom: 18px !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__item h3 {
  min-height: 2.8em !important;
  line-height: 1.4 !important;
  margin-bottom: 10px !important;
}
/* Keep the editorial artwork intact instead of cropping words from the covers. */
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: stretch !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-feature {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  min-height: 340px !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-item {
  min-height: 150px !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-list {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-feature__media,
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-item__media {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-feature__media img,
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-item__media img {
  object-fit: contain !important;
  object-position: center !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-feature__body,
#pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-item__body {
  min-width: 0 !important;
}
/* The footer content uses the same rail as the homepage, not a second gutter. */
#pixio-react-home-root .ts-home--reference-v8 .ts-unified-footer {
  padding-inline: 0 !important;
}
#pixio-react-home-root .ts-home--reference-v8 .ts-unified-footer__inner,
#pixio-react-home-root .ts-home--reference-v8 .ts-unified-footer__bottom {
  width: min(calc(100% - 48px), 1240px) !important;
  margin-inline: auto !important;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #pixio-react-home-root .ts-home--reference-v8 .ts-product-grid {
    gap: 20px 16px !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-product-card__body {
    padding: 14px;
  }
}
@media (max-width: 1199px) {
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes > .ts-home-shell {
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.7fr) !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1023px) {
  #pixio-react-home-root .ts-home--reference-v8 .ts-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__inner,
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes > .ts-home-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof h2 {
    padding: 0 8px !important;
    max-width: none !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  /* Cap the artwork slot, not the image: contain preserves the complete cover. */
  #pixio-react-home-root .ts-home--reference-v8 .ts-product-card__image {
    height: 250px;
    aspect-ratio: auto;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__heading h2 {
    max-width: none !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__items {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-item {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-item__media {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 0 !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-item__body {
    padding: 20px !important;
  }
}
@media (max-width: 767px) {
  #pixio-react-home-root .ts-home--reference-v8 .ts-product-grid {
    gap: 20px 12px !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-product-card__title {
    min-height: 6em;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-product-card__actions {
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start;
    min-height: 104px;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof {
    padding-top: 0 !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__inner,
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes > .ts-home-shell {
    padding: 16px !important;
    gap: 16px !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-proof__items {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__heading {
    padding: 16px !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes__item {
    padding: 16px 12px !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-notes,
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-journal {
    padding-bottom: 36px !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-feature,
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-list {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-home-journal-feature__media {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
  #pixio-react-home-root .ts-home--reference-v8 .ts-unified-footer__inner,
  #pixio-react-home-root .ts-home--reference-v8 .ts-unified-footer__bottom {
    width: calc(100% - 32px) !important;
  }
}