/* Introduction and CMS Image + text share this layout on every public page. */
.mancia-image-text {
  --image-text-background:#545c38;
  --image-text-foreground:#f3efe3;
  --image-text-copy:#f3efe3de;
  --image-text-accent:#d5da88;
  --image-text-gutter:clamp(24px,4.6vw,88px);
  position:relative;
  padding:100px var(--image-text-gutter) 120px;
  overflow:hidden;
  background:var(--image-text-background);
  color:var(--image-text-foreground);
  font-family:"Segoe UI","Mancia UI Fallback",Arial,sans-serif;
  text-align:left;
}
.mancia-image-text[data-background="cream"] { --image-text-background:#f3efe3;--image-text-foreground:#272c22;--image-text-copy:#272c22de;--image-text-accent:#545c38; }
.mancia-image-text[data-background="dark-olive"] { --image-text-background:#303d2d; }
/* The CMS colour takes precedence over the legacy alternating section backgrounds. */
.mancia-image-text[data-background] { background:var(--image-text-background); }
.mancia-image-text,.mancia-image-text * { box-sizing:border-box; }
.mancia-image-text .story-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;align-items:center; }
.mancia-image-text .story-photos { position:relative;min-width:0;padding-right:12%;padding-bottom:65px; }
.mancia-image-text figure { margin:0; }
.mancia-image-text .story-main-photo { width:100%;height:550px; }
.mancia-image-text .story-main-photo img { display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;border-radius:6px; }
.mancia-image-text .story-small-photo { position:absolute;width:49%;height:280px;right:-6%;bottom:3%;border:7px solid var(--image-text-background);transform:rotate(7deg); }
.mancia-image-text .story-small-photo img { display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:53% center; }
.mancia-image-text .story-copy { min-width:0; }
.mancia-image-text .story-copy h2 { margin:0 0 30px;color:inherit;font:600 clamp(47px,4.8vw,82px)/1.07 "Segoe UI","Mancia UI Fallback",Arial,sans-serif;letter-spacing:-.055em;text-transform:none;overflow-wrap:anywhere; }
.mancia-image-text .story-copy h2 em { font-style:normal;color:var(--image-text-accent); }
.mancia-image-text .story-copy p { max-width:400px;margin:0 0 18px;font-size:15px;line-height:1.85;color:var(--image-text-copy);overflow-wrap:anywhere; }
.mancia-image-text .story-actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:10px; }
.mancia-image-text .story-copy .text-link { margin:0; }
.mancia-image-text .story-eyebrow { margin:0 0 24px;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.11em; }
.mancia-image-text .story-dish { position:absolute;width:190px;height:190px;right:var(--image-text-gutter);bottom:20px;filter:drop-shadow(0 10px 12px #0003); }
.mancia-image-text .story-dish img { display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:rotate(-7deg); }
.mancia-image-text[data-media-side="right"] .story-photos { order:1;padding-left:12%;padding-right:0; }
.mancia-image-text[data-media-side="right"] .story-small-photo { left:-6%;right:auto;transform:rotate(-7deg); }
.mancia-image-text[data-media-side="right"] .story-dish { left:var(--image-text-gutter);right:auto; }
.mancia-image-text[data-media-side="right"] .story-dish img { transform:rotate(7deg); }
.mancia-image-text[data-media-side="right"] .story-copy { order:0; }
.mancia-image-text[data-has-photo="false"] .story-layout { grid-template-columns:minmax(0,1fr); }
.mancia-image-text[data-has-photo="false"] .story-photos { display:none; }
.mancia-image-text.is-motion-ready [data-introduction-reveal] { opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.25,1); }
.mancia-image-text.is-motion-ready .story-dish[data-introduction-reveal] { transform:translateY(22px); }
.mancia-image-text.is-motion-ready [data-introduction-reveal].is-visible { opacity:1;transform:none; }
body.reduce-motion .mancia-image-text.is-motion-ready [data-introduction-reveal] { opacity:1;transform:none;transition:none; }
@media(max-width:1100px) {
  .mancia-image-text .story-layout { gap:7%; }
  .mancia-image-text .story-main-photo { height:480px; }
  .mancia-image-text .story-small-photo { height:235px; }
  .mancia-image-text .story-copy h2 { font-size:51px; }
  .mancia-image-text .story-copy p { font-size:14px; }
}
@media(max-width:760px) {
  .mancia-image-text { --image-text-gutter:25px;padding-top:65px;padding-bottom:65px; }
  .mancia-image-text[data-has-cutout="true"] { padding-bottom:220px; }
  .mancia-image-text .story-layout { grid-template-columns:minmax(0,1fr);gap:45px; }
  .mancia-image-text .story-photos { order:0!important;max-width:490px;width:100%;padding-right:13%;padding-bottom:45px;margin-left:4px; }
  .mancia-image-text .story-copy { order:1!important; }
  .mancia-image-text .story-main-photo { height:440px; }
  .mancia-image-text .story-small-photo { right:0;height:220px;bottom:1%; }
  .mancia-image-text[data-media-side="right"] .story-photos { padding-left:0;padding-right:13%; }
  .mancia-image-text[data-media-side="right"] .story-small-photo { left:auto;right:0;transform:rotate(7deg); }
  .mancia-image-text[data-media-side="right"] .story-dish { left:auto;right:var(--image-text-gutter); }
  .mancia-image-text[data-media-side="right"] .story-dish img { transform:rotate(-7deg); }
  .mancia-image-text .story-copy h2 { font-size:clamp(43px,10vw,65px);margin-bottom:26px; }
  .mancia-image-text .story-copy p { font-size:15px;max-width:440px; }
  .mancia-image-text .story-dish { width:140px;height:140px; }
}
@media(max-width:480px) {
  .mancia-image-text .story-main-photo { height:390px; }
  .mancia-image-text .story-small-photo { height:195px; }
}
/* A single photo needs neither a collage's spare space nor a fixed crop. */
.mancia-image-text[data-has-photo="true"]:not(:has(.story-small-photo)) .story-layout {
  gap:clamp(24px,3vw,48px);
  align-items:start;
}
.mancia-image-text[data-has-photo="true"]:not(:has(.story-small-photo)) .story-photos {
  max-width:none;
  margin:0;
  padding:0;
}
.mancia-image-text[data-has-photo="true"]:not(:has(.story-small-photo)) .story-main-photo { height:auto; }
.mancia-image-text[data-has-photo="true"]:not(:has(.story-small-photo)) .story-main-photo img {
  height:auto;
  max-height:none;
  margin:0;
  object-fit:contain;
}
.mancia-image-text[data-has-photo="true"]:not(:has(.story-small-photo)) .story-copy p { max-width:75ch; }
@media(min-width:761px) {
  /* Only the copy, including its actions, contributes to the grid row's height. */
  .mancia-image-text[data-has-photo="true"]:not(:has(.story-small-photo)) .story-photos {
    align-self:stretch;
    min-height:0;
  }
  .mancia-image-text[data-has-photo="true"]:not(:has(.story-small-photo)) .story-main-photo {
    position:absolute;
    inset:0;
    height:100%;
  }
  .mancia-image-text[data-has-photo="true"]:not(:has(.story-small-photo)) .story-main-photo img {
    height:100%;
    /* Crop focus does not apply to a contained image; keep it beside the copy. */
    object-position:right top!important;
  }
  .mancia-image-text[data-has-photo="true"][data-media-side="right"]:not(:has(.story-small-photo)) .story-main-photo img {
    object-position:left top!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .mancia-image-text [data-introduction-reveal] { opacity:1!important;transform:none!important;transition:none!important; }
}