/* Graphic-element defaults. */
:root{--harvest-grid-opacity:1; /* @kind other */ --leaf-bracket-size:38%; /* @kind other */}

/* ─────────────────────────────────────────────────────────────────────────────
   HARVEST GRID — brand graphic element (real client artwork, transparent PNG).
   TWO acceptable color combinations, and only these two:
     • Maize grid       on Sandstone background  →  .ifsi-harvest-grid--on-sandstone
     • Huron Blue grid  on Night Blue background →  .ifsi-harvest-grid--on-night-blue
   Both classes set the background color AND the artwork so the pair can't be broken.
   Never a solid stop: either fade with a gradient (.ifsi-harvest-grid-fade) or
   extend it across the whole artboard. Don't repeat it so many times that it reads
   as busy. Use sparingly — only where negative space is excessive or a background
   texture is genuinely required. When in doubt, leave it out.
   Painted on a ::before layer so the fade mask never touches the content.
   ───────────────────────────────────────────────────────────────────────────── */
.ifsi-harvest-grid--on-sandstone,.ifsi-harvest-grid--on-night-blue{position:relative;isolation:isolate}
.ifsi-harvest-grid--on-sandstone::before,.ifsi-harvest-grid--on-night-blue::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:repeat;background-size:auto 1600px;background-position:top right;opacity:var(--harvest-grid-opacity,1)}
.ifsi-harvest-grid--on-sandstone{background-color:var(--color-sandstone);color:var(--color-night-blue)}
.ifsi-harvest-grid--on-sandstone::before{background-image:url("../assets/patterns/HarvestGrid_Maize.png")}
.ifsi-harvest-grid--on-night-blue{background-color:var(--color-night-blue);color:var(--color-white)}
.ifsi-harvest-grid--on-night-blue::before{background-image:url("../assets/patterns/HarvestGrid_HuronBlue.png")}
/* Fade a portion of the grid out with a gradient — useful for preserving clarity
   around logos and text. Applies to the grid layer only, never the content. */
.ifsi-harvest-grid-fade::before{-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}
.ifsi-harvest-grid-fade-left::before{-webkit-mask-image:linear-gradient(270deg,#000 0%,transparent 70%);mask-image:linear-gradient(270deg,#000 0%,transparent 70%)}

/* ─────────────────────────────────────────────────────────────────────────────
   LEAF BRACKET — brand corner accent (real client artwork, transparent PNG).
   TWO acceptable color combinations, and only these two:
     • Sandstone bracket  on Maize background      →  .ifsi-leaf-bracket--on-maize
     • Night Blue bracket on Huron Blue background →  .ifsi-leaf-bracket--on-huron-blue
   Place in ANY ONE corner of the artboard — never anywhere else, never more than
   one at a time, and never overlapping text or the logo.
   Put the modifier on the container; it sets the background and paints the bracket
   in the corner named by --tl/--tr/--bl/--br (default top-left).
   ───────────────────────────────────────────────────────────────────────────── */
.ifsi-leaf-bracket--on-maize,.ifsi-leaf-bracket--on-huron-blue{position:relative;isolation:isolate}
.ifsi-leaf-bracket--on-maize::after,.ifsi-leaf-bracket--on-huron-blue::after{content:"";position:absolute;top:0;left:0;width:var(--leaf-bracket-size,38%);aspect-ratio:1;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%}
.ifsi-leaf-bracket--on-maize{background-color:var(--color-maize);color:var(--color-night-blue)}
.ifsi-leaf-bracket--on-maize::after{background-image:url("../assets/patterns/IFSI_LeafBracket_Sandstone.png")}
.ifsi-leaf-bracket--on-huron-blue{background-color:var(--color-huron-blue);color:var(--color-white)}
.ifsi-leaf-bracket--on-huron-blue::after{background-image:url("../assets/patterns/IFSI_LeafBracket_NightBlue.png")}
/* Corner placement — pick exactly one. */
.ifsi-leaf-bracket--tr::after{left:auto;right:0;transform:scaleX(-1);transform-origin:center}
.ifsi-leaf-bracket--bl::after{top:auto;bottom:0;transform:scaleY(-1)}
.ifsi-leaf-bracket--br::after{top:auto;bottom:0;left:auto;right:0;transform:scale(-1)}