/* Original decorative agriculture/data sculptures. No plotted business values. */
.agri-insight.agri-art {
  --art-ink: #725139;
  --art-line: #b88b57;
  --art-shadow: #795839;
  width: 100%;
  max-width: 620px;
  margin-top: 8px;
  padding-top: 0;
}
.agri-insight.agri-art .agri-art-stage {
  height: clamp(190px, 21vw, 270px);
  overflow: visible;
  border-bottom: 0;
  perspective: 850px;
  isolation: isolate;
}
.agri-insight.agri-art .agri-art-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  fill: none;
  stroke: none;
  transform: rotateX(var(--art-rotate-x, 0deg)) rotateY(var(--art-rotate-y, 0deg));
  transform-origin: 50% 60%;
  transition: transform 420ms cubic-bezier(.22,.65,.2,1);
}
.agri-insight.agri-art .agri-art-svg > g.art-base { opacity: 1; transform: none; }
.agri-insight.agri-art .agri-art-svg > g.art-scene {
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px) scale(.93);
  transform-origin: 50% 65%;
  transition: opacity 420ms ease, transform 650ms cubic-bezier(.2,.7,.2,1), visibility 420ms;
}
.agri-insight.agri-art[data-view="fields"] .agri-art-svg > .art-fields,
.agri-insight.agri-art[data-view="markets"] .agri-art-svg > .art-markets,
.agri-insight.agri-art[data-view="analytics"] .agri-art-svg > .art-analytics {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.agri-insight.agri-art .art-float,
.agri-insight.agri-art .art-sprout,
.agri-insight.agri-art .art-data-layer { transform-box: fill-box; transform-origin: center; }
.agri-insight.agri-art .art-corner {
  position: absolute;
  width: 23px;
  height: 23px;
  border-color: var(--control-border);
  border-style: solid;
  border-width: 0;
  pointer-events: none;
  opacity: .7;
}
.agri-insight.agri-art .art-corner-a { left: 5%; top: 7%; border-top-width: 1px; border-left-width: 1px; border-radius: 8px 0 0; }
.agri-insight.agri-art .art-corner-b { right: 4%; bottom: 4%; border-right-width: 1px; border-bottom-width: 1px; border-radius: 0 0 8px; }
/* A still, immediate accent also responds when the OS disables animation. */
.agri-insight.agri-art:is(.is-engaged,:focus-within) .art-corner { opacity: 1; border-color: var(--accent); }
.agri-insight.agri-art:is(.is-engaged,:focus-within) .art-orbit { opacity: .9; stroke: var(--accent); stroke-width: 1.6; }
@media (hover: hover) and (pointer: fine) {
  .agri-insight.agri-art:hover .art-corner { opacity: 1; border-color: var(--accent); }
  .agri-insight.agri-art:hover .art-orbit { opacity: .9; stroke: var(--accent); stroke-width: 1.6; }
}
.agri-insight.agri-art .agri-tabs {
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  position: relative;
  width: min(100%, 390px);
  padding: 5px;
  gap: 3px;
  border: 1px solid var(--control-border);
  border-radius: 999px;
  background: var(--surface);
  isolation: isolate;
}
.agri-insight.agri-art .agri-tab { position: relative; z-index: 1; justify-content: center; padding: 8px 10px; min-height: 38px; white-space: nowrap; }
.agri-insight.agri-art .agri-tab[aria-pressed="true"] { background: transparent; color: var(--selection-text); }
.agri-insight.agri-art .agri-tab:hover { background: transparent; border-color: transparent; }
.agri-insight.agri-art .agri-liquid-pill {
  position: absolute;
  inset: 5px auto 5px 5px;
  width: calc((100% - 16px) / 3);
  border-radius: 999px;
  background: var(--selection);
  box-shadow: 0 3px 9px color-mix(in srgb, var(--selection) 15%, transparent);
  pointer-events: none;
  z-index: 0;
  transform: translateX(0);
  transition: transform 560ms cubic-bezier(.2,.85,.2,1.08);
}
.agri-insight.agri-art[data-view="markets"] .agri-liquid-pill { transform: translateX(calc(100% + 3px)); }
.agri-insight.agri-art[data-view="analytics"] .agri-liquid-pill { transform: translateX(calc(200% + 6px)); }
.agri-insight.agri-art .agri-tab:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.agri-insight.agri-art .agri-description {
  width: fit-content;
  max-width: 100%;
  min-height: 35px;
  margin-top: 11px;
  padding: 6px 10px;
  border-radius: 12px;
  background: var(--canvas);
  color: var(--muted);
}
html[data-theme="dark"] .agri-insight.agri-art { --art-line: #d2ac76; --art-shadow: #080605; }
html[data-theme="dark"] .agri-insight.agri-art .art-base { opacity: .65; }
@media (prefers-reduced-motion: no-preference) {
  html[data-interaction-motion="on"] .agri-insight.agri-art .agri-liquid-pill { animation-duration: 560ms; animation-timing-function: cubic-bezier(.2,.7,.2,1); }
  html[data-interaction-motion="on"] .agri-insight.agri-art[data-view="fields"] .agri-liquid-pill { animation-name: agri-liquid-fields; }
  html[data-interaction-motion="on"] .agri-insight.agri-art[data-view="markets"] .agri-liquid-pill { animation-name: agri-liquid-markets; }
  html[data-interaction-motion="on"] .agri-insight.agri-art[data-view="analytics"] .agri-liquid-pill { animation-name: agri-liquid-analytics; }
  html[data-interaction-motion="on"] .agri-insight.agri-art .art-float { animation: agri-object-float 7s ease-in-out infinite alternate; }
  html[data-interaction-motion="on"] .agri-insight.agri-art .art-float-b { animation-delay: -3s; animation-duration: 8.5s; }
  html[data-interaction-motion="on"] .agri-insight.agri-art .art-float-c { animation-delay: -5s; animation-duration: 9s; }
  html[data-interaction-motion="on"] .agri-insight.agri-art .art-sprout { animation: agri-sprout-sway 9s ease-in-out infinite alternate; transform-origin: 50% 100%; }
  /* Only the selected sculpture needs an active animation timeline. */
  html[data-interaction-motion="on"] .agri-insight.agri-art .art-scene :is(.art-float,.art-sprout) { animation-play-state: paused; }
  html[data-interaction-motion="on"] .agri-insight.agri-art[data-view="fields"] .art-fields :is(.art-float,.art-sprout),
  html[data-interaction-motion="on"] .agri-insight.agri-art[data-view="markets"] .art-markets :is(.art-float,.art-sprout),
  html[data-interaction-motion="on"] .agri-insight.agri-art[data-view="analytics"] .art-analytics :is(.art-float,.art-sprout) { animation-play-state: running; }
  html[data-interaction-motion="on"] .agri-insight.agri-art:focus-within .art-data-front,
  html[data-interaction-motion="on"] .agri-insight.agri-art:hover .art-data-front { transform: translate(-4px, 3px); }
  html[data-interaction-motion="on"] .agri-insight.agri-art:focus-within .art-data-back,
  html[data-interaction-motion="on"] .agri-insight.agri-art:hover .art-data-back { transform: translate(4px, -3px); }
}
.agri-insight.agri-art .art-data-layer { transition: transform 550ms ease; }
@keyframes agri-object-float { from { transform: translateY(-4px) rotate(-2deg); } to { transform: translateY(5px) rotate(2deg); } }
@keyframes agri-sprout-sway { from { transform: rotate(-1.8deg); } to { transform: rotate(1.8deg); } }
@keyframes agri-liquid-fields { 0% { scale: .9 1.05; } 45% { scale: 1.08 .91; } 100% { scale: 1 1; } }
@keyframes agri-liquid-markets { 0% { scale: .9 1.05; } 45% { scale: 1.08 .91; } 100% { scale: 1 1; } }
@keyframes agri-liquid-analytics { 0% { scale: .9 1.05; } 45% { scale: 1.08 .91; } 100% { scale: 1 1; } }
html[data-interactions-paused="true"][data-interaction-motion] .agri-insight.agri-art .art-scene :is(.art-float,.art-sprout) { animation-play-state: paused; }
html[data-interaction-motion="off"] .agri-insight.agri-art .agri-art-svg { transform: none; }
html[data-interaction-motion="off"] .agri-insight.agri-art :is(.art-data-layer,.art-float,.art-sprout) { transform: none; }
html[data-interaction-motion="off"] .agri-insight.agri-art :is(.agri-art-svg,.art-scene,.art-data-layer,.agri-liquid-pill) { transition: none; }
@media (max-width: 1100px) and (min-width: 761px) {
  .agri-insight.agri-art .agri-art-stage { height: 210px; }
  .agri-insight.agri-art .agri-tab { padding: 7px 10px; }
}
@media (max-width: 760px) {
  .agri-insight.agri-art { max-width: 520px; margin-top: 0; }
  .agri-insight.agri-art .agri-art-stage { height: auto; aspect-ratio: 600 / 282; min-height: 140px; }
  .agri-insight.agri-art .agri-tabs { padding: 5px; gap: 3px; }
  .agri-insight.agri-art .agri-tab { padding: 7px 8px; min-height: 36px; }
  .agri-insight.agri-art .agri-description { min-height: 0; margin-top: 9px; }
}
@media (max-width: 380px) {
  .agri-insight.agri-art .agri-art-stage { min-height: 130px; }
  .agri-insight.agri-art .agri-tab { padding: 6px; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .agri-insight.agri-art .agri-art-svg, .agri-insight.agri-art .art-scene,
  .agri-insight.agri-art :is(.art-float,.art-sprout,.art-data-layer,.agri-liquid-pill) { animation: none !important; transition: none !important; }
  .agri-insight.agri-art .agri-art-svg { transform: none; }
}
@media (forced-colors: active) {
  .agri-insight.agri-art .agri-art-stage { display: none; }
  .agri-insight.agri-art .agri-tab { border: 1px solid ButtonText; }
}