/* Every Purpose Home: About page (includes/about.php). Core blocks inside .eph-about; mobile first.
   Bands break out to full width; text columns stay readable. */
.eph-about-page{overflow-x:clip}
.eph-about-page .entry-header,.eph-about-page .wpz_breadcrumbs{display:none}
.eph-about-page .entry-content > .eph-about:first-child{margin-top:0}
.eph-about-page .entry-content{padding-bottom:0!important;margin-bottom:0!important}
.eph-about-page .site-main + *,.eph-about-page .page-wrap > .inner-wrap{margin-bottom:0}
.eph-about{
  --sage:#60695D;--sage-light:#AEB0A2;--copper:#8F4F32;--ink:#38413C;--white:#FAF9F7;--linen:#F4EEE7;
  --serif:"Lora",Georgia,serif;--sans:"Source Sans 3",Arial,sans-serif;--script:"Caveat","Segoe Print",cursive;
  font-family:var(--sans);font-size:17px;line-height:1.65;color:var(--ink);margin:0;padding:0;
}
.eph-about,.eph-about *{box-sizing:border-box}

/* Bands */
.eph-about .eph-about-band{width:100vw;max-width:100vw!important;margin:0 calc(50% - 50vw)!important;padding:40px 16px;background:var(--white)}
.eph-about .eph-about-band > *{max-width:1040px;margin-left:auto;margin-right:auto}
.eph-about .eph-about-band.band-linen{background:var(--linen)}
.eph-about .eph-about-band.band-sage{background:var(--sage);color:var(--white)}
.eph-about .eph-about-narrow > *,.eph-about .eph-about-band > ul.wp-block-list{max-width:760px}
.eph-about .eph-about-band > * + *{margin-top:16px}

/* Headings: spaced copper capitals + Caveat accent (the <em> word), centered */
.eph-about :is(h1,h2,h3).wp-block-heading{font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:.11em;text-transform:uppercase;line-height:1.3;color:var(--copper);text-align:center;margin:0 auto 18px;text-wrap:balance}
.eph-about :is(h1,h2,h3).wp-block-heading em{display:inline-block;font-family:var(--script);font-style:normal;font-weight:700;font-size:2.05em;letter-spacing:0;text-transform:none;line-height:1}
.eph-about h3.wp-block-heading{font-size:14px;margin-top:22px}
.eph-about .band-sage :is(h2,h3).wp-block-heading{color:var(--white)}
/* Hero hello: the homepage About heading, two lines */
.eph-about h1.eph-about-hello{font-family:var(--script);font-weight:700;font-size:34px;letter-spacing:0;text-transform:none;line-height:1.1;color:var(--copper)}
.eph-about h1.eph-about-hello em{font-size:1em}

.eph-about p{margin:0 0 14px}
.eph-about p:last-child{margin-bottom:0}
/* !important: Foodica's ".entry-content a" rule is more specific and removed the underline from links in lists. */
.eph-about a:not(.wp-block-button__link),.eph-about a:not(.wp-block-button__link):visited{color:inherit!important;text-decoration:underline!important;text-decoration-color:var(--sage-light)!important;text-decoration-thickness:2px!important;text-underline-offset:3px}
.eph-about a:not(.wp-block-button__link):is(:hover,:focus-visible){text-decoration-color:var(--sage)!important}
.eph-about .band-sage a:not(.wp-block-button__link){color:var(--white)!important}
.eph-about strong{color:var(--ink);font-weight:700}
.eph-about .band-sage strong{color:var(--white)}
.eph-about .eph-about-lead{font-size:18px;text-align:center}
.eph-about .eph-about-caption{text-align:center;font-size:15px;color:var(--sage);margin-top:8px}

/* Lists */
.eph-about ul.wp-block-list{margin:0 auto;padding:0;list-style:none}
.eph-about ul.wp-block-list > li{position:relative;padding-left:22px;margin:0 0 10px;list-style:none}
.eph-about ul.wp-block-list > li::marker{content:none}
.eph-about ul.wp-block-list > li::before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--copper)}

/* Columns stack on phones */
.eph-about .wp-block-columns.eph-about-cols{display:flex;flex-direction:column;gap:24px;margin-bottom:0}
.eph-about .eph-about-cols > .wp-block-column{flex:1 1 auto;min-width:0;margin:0}

/* Kitchen and Faith photo columns: a pair side by side plus one photo across the full column width
   (eph-about-span), at every width. The photo-shoot picture shows uncropped, at its full height. */
.eph-about :is(.eph-about-kitchen-cols > .wp-block-column:first-child,.eph-about-faith-cols > .wp-block-column:last-child){display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;align-items:start}
.eph-about :is(.eph-about-kitchen-cols,.eph-about-faith-cols) figure.eph-about-photo + figure.eph-about-photo{margin-top:0}
.eph-about figure.eph-about-span{grid-column:1/-1}
.eph-about img.wp-image-12960{aspect-ratio:3/4!important}

/* Two halves of the favorites band */
.eph-about .eph-about-favs-cols + .eph-about-things-cols{margin-top:36px}

/* Photos */
.eph-about figure.wp-block-image{margin:0}
.eph-about figure.eph-about-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
.eph-about figure.eph-about-photo + figure.eph-about-photo{margin-top:18px}
/* Captions: plain, small, italic sage (like the farmstand caption). */
.eph-about figure figcaption{margin:8px 0 0;text-align:center;font-family:var(--sans);font-style:italic;font-weight:400;font-size:15px;line-height:1.35;color:var(--sage)}
/* Hero portrait: alternating rounded corners and a copper outline, like the homepage About */
/* Top photo: same plain style as the page's other photos. */
.eph-about figure.eph-about-hero-photo{max-width:330px;margin:0 auto}
.eph-about figure.eph-about-hero-photo img{object-position:38% 40%}
/* Story photos: three across, square */
.eph-about .eph-about-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:720px}
.eph-about .eph-about-trio figure.eph-about-photo img{aspect-ratio:3/4;border-radius:8px}
.eph-about .eph-about-trio figure.eph-about-photo + figure.eph-about-photo{margin-top:0}
/* Landscape photo of Marlene and Patrick */
.eph-about img.wp-image-12957{aspect-ratio:4/3!important;object-position:50% 60%}

/* Wide photo opening the closing band */
.eph-about figure.eph-about-wide{max-width:720px;margin:0 auto 26px!important}
.eph-about figure.eph-about-wide img{aspect-ratio:3/2!important;object-position:50% 45%;border-radius:12px}
/* Buttons and sign-off */
.eph-about .eph-about-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px!important}
.eph-about .eph-about-button .wp-block-button__link{display:inline-flex;align-items:center;min-height:46px;padding:10px 22px;border-radius:999px;background:var(--copper);color:var(--white);font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.eph-about .eph-about-button .wp-block-button__link:hover{background:var(--ink);color:var(--white)}
.eph-about .eph-about-closing{text-align:center}
.eph-about .eph-about-signoff{margin-top:30px!important;font-family:var(--script);font-weight:600;font-size:30px;line-height:1.1;text-align:center}
.eph-about figure.eph-about-signature{display:flex;justify-content:center;margin-top:4px!important;text-align:center}
.eph-about figure.eph-about-signature{width:100%!important;max-width:none!important}
.eph-about figure.eph-about-signature img{display:block!important;float:none!important;width:180px;height:auto;margin:0 auto!important}

/* Phones: paired photos sit side by side so the page scrolls less, and photos always come before their text. */
@media (max-width:767px){
  .eph-about .eph-about-cols > .wp-block-column:has(> figure){order:-1}
  .eph-about .eph-about-facts-cols > .wp-block-column:first-child{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
  .eph-about .eph-about-facts-cols figure.eph-about-photo + figure.eph-about-photo{margin-top:0}
  .eph-about .eph-about-kitchen-cols figcaption{font-size:14px}
  .eph-about .eph-about-facts-cols figcaption,.eph-about .eph-about-faith-cols figcaption{font-size:14px}
}
@media (min-width:768px){
  .eph-about{font-size:18px}
  .eph-about .eph-about-band{padding:64px 32px}
  .eph-about :is(h1,h2,h3).wp-block-heading{font-size:19px;margin-bottom:26px}
  .eph-about h3.wp-block-heading{font-size:16px}
  .eph-about h1.eph-about-hello{font-size:46px}
  .eph-about .wp-block-columns.eph-about-cols{flex-direction:row;align-items:center!important;gap:56px}
  .eph-about .eph-about-cols > .wp-block-column{align-self:center!important}
  .eph-about .eph-about-cols > .wp-block-column{flex:1 1 0}
  /* Text beside photos: left aligned, headings included, and vertically centered against the photos. */
  .eph-about .eph-about-cols :is(h1,h2,h3).wp-block-heading,.eph-about .eph-about-cols p{text-align:left}
  .eph-about .eph-about-cols ul.wp-block-list{margin:0}
  /* Photo columns: paired photos sit side by side so they're no taller than the text. */
  /* Paired photos stack vertically beside the text, filling the column's height. */
  .eph-about .eph-about-cols figure.eph-about-photo + figure.eph-about-photo{margin-top:22px}
  .eph-about :is(.eph-about-kitchen-cols,.eph-about-faith-cols) figure.eph-about-photo + figure.eph-about-photo{margin-top:0}
  .eph-about :is(.eph-about-kitchen-cols > .wp-block-column:first-child,.eph-about-faith-cols > .wp-block-column:last-child){gap:22px 14px}
  .eph-about .eph-about-cols figcaption{font-size:15px}
  .eph-about .eph-about-hero-cols > .wp-block-column:first-child{flex:0 0 34%}
  .eph-about .eph-about-hero .wp-block-columns{max-width:960px}
  .eph-about figure.eph-about-hero-photo{max-width:320px!important}
  .eph-about .eph-about-hero .eph-about-lead{font-size:21px;line-height:1.6}
  .eph-about .eph-about-hero{padding-top:56px;padding-bottom:56px}
  .eph-about .eph-about-things-cols > .wp-block-column:first-child,.eph-about .eph-about-why-cols > .wp-block-column:last-child,.eph-about .eph-about-favs-cols > .wp-block-column:last-child{flex:0 0 34%}
  .eph-about .eph-about-kitchen-cols > .wp-block-column:first-child,.eph-about .eph-about-facts-cols > .wp-block-column:first-child,.eph-about .eph-about-faith-cols > .wp-block-column:last-child{flex:0 0 34%}
  .eph-about .eph-about-trio{gap:14px}
  .eph-about .eph-about-signoff{font-size:34px}
  .eph-about figure.eph-about-signature img{width:200px}
}