/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 31 2026 | 18:30:08 */
/* AMEN PRINTING — ABOUT design | about
   Expects (Enfold, About page 44): .amen-page-hero and .amen-cta (shared, SITE design); .amen-story-sec (.amen-head-col, .amen-copy-col,
   .amen-story, .amen-figure; v3: values as one Text Block .amen-values-inline under the heading in .amen-story-head,
   columns not equal-height so both start at the top); .amen-gallery (.amen-video-col > .amen-video-block > video.amen-video,
   .amen-photo-col > .amen-about-storefront). v3.0 — 2026-10-31 */

/* ---------- Studio gallery: two vertical clips + storefront ---------- */
#top .avia-section.amen-gallery .flex_column_table:has(.amen-video-col) { margin-top: var(--amen-gap-l); }
#top .amen-video-block { margin: 0; }
#top .amen-video-block video.amen-video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; border-radius: var(--amen-radius); background: var(--amen-ink); }
#top .amen-about-storefront img.avia_image { aspect-ratio: 1.29 / 1; }

@media (max-width: 989px) {
  #top .avia-section.amen-sec.amen-gallery .flex_column_table:has(.amen-video-col) { display: flex !important; flex-wrap: wrap; justify-content: space-between; row-gap: var(--amen-gap-m); }
  #top .avia-section.amen-sec.amen-gallery .flex_column_table:has(.amen-video-col) > .flex_column.amen-video-col { width: calc(50% - 10px) !important; }
  #top .avia-section.amen-sec.amen-gallery .flex_column_table:has(.amen-video-col) > .flex_column.amen-photo-col { width: 100% !important; }
  #top .amen-about-storefront img.avia_image { aspect-ratio: 4 / 3; }
}

/* ---------- v3 — Our story: heading and values on the left, story on the right, both from the top (owner: no empty gap) ---------- */
#top .amen-story-sec .flex_column.amen-story-head, #top .amen-story-sec .flex_column.amen-story-copy { margin-top: 0; }
#top .amen-values-inline { margin-top: var(--amen-gap-m); }
#top .amen-values-inline p { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--amen-line); border-bottom: 1px solid var(--amen-line); }
#top .amen-values-inline p > span { display: flex; align-items: baseline; gap: 14px; padding: 24px 0 24px 22px; border-left: 1px solid var(--amen-line); }
#top .amen-values-inline p > span:first-child { padding-left: 0; border-left: 0; }
#top .amen-values-inline .amen-vnum { font-size: 10px; color: var(--amen-red); }
#top .amen-values-inline strong { font-size: clamp(20px, 2vw, 32px); font-weight: 400; line-height: 1.1; text-transform: uppercase; color: var(--amen-ink); }
@media (max-width: 989px) {
  #top .amen-story-sec .flex_column.amen-story-head, #top .amen-story-sec .flex_column.amen-story-copy { float: none; width: 100% !important; margin-left: 0 !important; }
  #top .amen-story-sec .flex_column.amen-story-copy { margin-top: var(--amen-gap-m) !important; }
}
@media (max-width: 767px) {
  #top .amen-values-inline p { grid-template-columns: 1fr; border-bottom: 0; }
  #top .amen-values-inline p > span { padding: 20px 0; border-left: 0; border-bottom: 1px solid var(--amen-line); }
}