/**
 * AAEF 2035 Premium Template
 * File: market-development.v0.0.60.css
 * Version: 0.0.60 | Build Date: 2026-09-29
 * Author: AAEF project / existing contributors
 * License: As supplied by the project owner; see third-party notices.
 */
.market-development{
  --market-green:#0a4031;
  --market-green-deep:#063327;
  --market-lime:#9dce59;
  --market-gold:#ddcf80;
  --arrow-depth:2rem;
  position:relative;
  overflow:hidden;
  padding:clamp(3.8rem,5vw,5.5rem) 0 0;
  color:#f7faf4;
  background-color:var(--market-green);
  background-image:
    radial-gradient(circle at 11% 8%,rgba(122,190,108,.11),transparent 29%),
    radial-gradient(circle at 88% 11%,rgba(72,145,111,.10),transparent 30%);
  isolation:isolate;
}
.market-development__anchor{position:absolute;inset-block-start:-6rem}
.market-development__inner{position:relative;width:100%;z-index:2}
.market-development__icons{position:absolute;width:0;height:0;overflow:hidden}

/* Header stays editorially constrained while the journey spans the viewport. */
.market-development__header{
  width:min(88vw,1370px);
  margin:0 auto clamp(2rem,3vw,2.75rem);
  display:grid;
  grid-template-columns:minmax(0,.92fr) 1px minmax(0,1.08fr);
  column-gap:clamp(2rem,5vw,6rem);
  align-items:center;
}
.market-development__header::before{
  content:"";
  grid-column:2;
  grid-row:1;
  align-self:stretch;
  width:1px;
  background:linear-gradient(180deg,rgba(170,211,100,.05),rgba(170,211,100,.72) 18%,rgba(170,211,100,.28) 82%,rgba(170,211,100,.03));
}
.market-development__header-copy{grid-column:1;padding:0}
.market-development__header-summary{grid-column:3;padding:0}
.market-development__eyebrow{
  margin:0;
  font-size:clamp(.78rem,.72vw,.95rem);
  font-weight:650;
  line-height:1.2;
  letter-spacing:.45em;
  text-transform:uppercase;
  color:rgba(247,249,242,.94);
}
.market-development__rule{display:block;width:2.1rem;height:2px;margin-top:1rem;border-radius:999px;background:linear-gradient(90deg,#e0c779,#9acb58)}
.market-development__title{
  margin:.85rem 0 0;
  font-size:clamp(3.05rem,4vw,4.25rem);
  line-height:.94;
  letter-spacing:-.045em;
  font-weight:800;
  text-transform:uppercase;
  color:#f7faf6;
}
.market-development__title-line,.market-development__title-accent{display:block;white-space:nowrap}
.market-development__title-accent{color:var(--market-lime)}
.market-development__summary-title{
  margin:0;
  font-size:clamp(1.08rem,1.45vw,1.48rem);
  line-height:1.2;
  letter-spacing:.17em;
  font-weight:650;
  text-transform:uppercase;
  color:#f5f7f3;
}
.market-development__summary-line,.market-development__summary-highlight{display:block;white-space:nowrap}
.market-development__summary-highlight{margin-top:.15rem;font-size:clamp(1.38rem,1.8vw,1.9rem);line-height:1.1;font-weight:800;letter-spacing:.02em;color:var(--market-lime)}
.market-development__summary-text{max-width:42rem;margin:.65rem 0 0;font-size:clamp(.98rem,1.1vw,1.18rem);line-height:1.42;color:rgba(245,248,242,.93)}

.market-development__shell{position:relative;z-index:2;padding-bottom:clamp(3.4rem,4.2vw,4.8rem)}

/* One continuous interlocking arrow chain. */
.market-flow{
  width:100%;
  display:flex;
  align-items:stretch;
  overflow:visible;
  position:relative;
  z-index:3;
  --segment-width:calc((100% + 10rem) / 6);
}
.market-step{
  position:relative;
  flex:0 0 var(--segment-width);
  min-width:0;
  height:clamp(17.5rem,19vw,20.25rem);
  padding:0;
  scroll-snap-align:center;
  transition:transform .42s ease,filter .42s ease,opacity .42s ease;
}
.market-step:not(:first-child){margin-left:calc(var(--arrow-depth) * -1)}
.market-step:nth-child(1){z-index:6}.market-step:nth-child(2){z-index:5}.market-step:nth-child(3){z-index:4}.market-step:nth-child(4){z-index:3}.market-step:nth-child(5){z-index:2}.market-step:nth-child(6){z-index:1}
.market-step:hover{transform:translateY(-.25rem);filter:brightness(1.045);z-index:10}
.market-step__panel{position:absolute;inset:0;overflow:hidden;background:#214537;filter:drop-shadow(1px 0 0 rgba(208,219,144,.42))}
.market-step--first .market-step__panel{clip-path:polygon(0 0,calc(100% - var(--arrow-depth)) 0,100% 50%,calc(100% - var(--arrow-depth)) 100%,0 100%)}
.market-step--middle .market-step__panel{clip-path:polygon(0 0,calc(100% - var(--arrow-depth)) 0,100% 50%,calc(100% - var(--arrow-depth)) 100%,0 100%,var(--arrow-depth) 50%)}
/* Terminal piece keeps the same right-pointing geometry; its flexible width lets the tip reach the viewport edge. */
.market-step--last{flex:1 1 var(--segment-width)}
.market-step--last .market-step__panel{clip-path:polygon(0 0,calc(100% - var(--arrow-depth)) 0,100% 50%,calc(100% - var(--arrow-depth)) 100%,0 100%,var(--arrow-depth) 50%)}
.market-step__media{display:block;position:absolute;inset:0}
.market-step__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--media-position,center);transform:scale(1.015);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.market-step:hover .market-step__media img,.market-step.is-active .market-step__media img{transform:scale(1.055);filter:saturate(1.07) contrast(1.015)}
.market-step__panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,15,.48) 0%,rgba(3,20,15,.12) 22%,rgba(3,20,15,.1) 55%,rgba(3,20,15,.55) 100%);pointer-events:none}
.market-step__overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;padding:.9rem 1.35rem .85rem;text-align:center}
.market-step:not(:first-child) .market-step__overlay{padding-left:calc(1.35rem + var(--arrow-depth) * .36)}
.market-step--last .market-step__overlay{padding-right:calc(1.35rem + var(--arrow-depth) * .18)}
.market-step__icon{
  flex:0 0 auto;
  width:3.55rem;
  height:3.55rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,rgba(8,53,40,.98),rgba(4,34,26,.98));
  border:1px solid rgba(229,214,137,.82);
  box-shadow:0 10px 24px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 4px rgba(11,64,48,.28);
  transition:transform .4s ease,box-shadow .4s ease;
}
.market-step:hover .market-step__icon,.market-step.is-active .market-step__icon{transform:translateY(-2px) scale(1.045);box-shadow:0 15px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 5px rgba(221,207,128,.12)}
.market-step__icon svg{width:1.55rem;height:1.55rem;stroke:#f0e3a9;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.market-step__copy{margin-top:.55rem;width:100%}
.market-step__title{margin:0;font-size:clamp(.94rem,1.03vw,1.18rem);line-height:1;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:#fff;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.market-step__subtitle{margin:.35rem auto 0;max-width:none;font-size:clamp(.67rem,.68vw,.79rem);line-height:1.13;font-weight:600;text-transform:uppercase;color:rgba(248,250,245,.91);white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.market-step__number{margin-top:auto;display:grid;place-items:center;width:2.45rem;height:2.45rem;border-radius:50%;border:1px solid rgba(215,210,126,.8);background:rgba(5,43,31,.94);color:#f2f1dc;font-size:.88rem;font-weight:750;box-shadow:0 8px 18px rgba(0,0,0,.26)}

/* Responsive guidance is communicated by shimmer + autoplay rather than a controller strip. */
.market-flow__controls{display:none!important}
.market-flow__button{
  appearance:none;border:1px solid rgba(226,215,144,.5);background:rgba(5,39,29,.82);color:#f1e6b0;
  width:2.8rem;height:2.8rem;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.market-flow__button:hover,.market-flow__button:focus-visible{transform:translateY(-2px);background:rgba(9,58,44,.98);border-color:rgba(230,219,145,.86)}
.market-flow__button svg{width:1.05rem;height:1.05rem;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.market-flow__status{display:flex;align-items:center;gap:.8rem;min-width:12rem;justify-content:center;color:#f6f8f3}
.market-flow__counter{font-size:.72rem;font-weight:800;letter-spacing:.18em;color:#e4da9e}
.market-flow__stage{font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.market-flow__progress{display:flex;gap:.28rem}
.market-flow__dot{width:1.15rem;height:2px;border:0;padding:0;border-radius:999px;background:rgba(236,240,223,.2);transition:width .3s ease,background .3s ease}
.market-flow__dot.is-active{width:2rem;background:var(--market-lime)}

/* Platform content breathes vertically; phrases are intentionally stacked instead of wrapping mid-row. */
.market-platforms{
  width:min(92vw,1510px);
  margin:1.75rem auto 0;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  position:relative;
  z-index:3;
}
.market-platform{position:relative;min-width:0;min-height:11.5rem;padding:1.2rem clamp(.95rem,1.3vw,1.45rem) 1.3rem clamp(1.05rem,1.55vw,1.7rem)}
.market-platform:first-child{padding-left:0}
.market-platform::before{content:"";position:absolute;inset:1rem auto .7rem 0;width:1px;background:linear-gradient(180deg,rgba(211,222,150,.04),rgba(211,222,150,.44) 18%,rgba(211,222,150,.12))}
.market-platform:first-child::before{display:none}
.market-platform__icon{display:grid;place-items:center;width:2rem;height:2rem;margin-bottom:.55rem;color:#e6dc94}
.market-platform__icon svg{width:1.65rem;height:1.65rem;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.market-platform__title{margin:0;font-size:clamp(.82rem,.84vw,1rem);line-height:1.08;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:#f7faf5}
.market-platform__rule{display:block;width:1.7rem;height:2px;margin:.48rem 0 .62rem;border-radius:999px;background:linear-gradient(90deg,#d9c76e,#9dcc5c)}
.market-platform__description{margin:0;display:grid;gap:.18rem;font-size:clamp(.72rem,.72vw,.84rem);line-height:1.35;color:rgba(241,246,238,.9)}
.market-platform__item{display:block;white-space:normal;text-wrap:balance}

/* Scenic artwork fades into the same base green instead of creating a second green panel. */
.market-development__landscape{
  position:absolute;
  left:0;right:0;bottom:0;
  height:clamp(8rem,10vw,10.75rem);
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 12%,rgba(0,0,0,.45) 40%,#000 78%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 12%,rgba(0,0,0,.45) 40%,#000 78%);
}
.market-development__landscape::before{display:none}
.market-development__landscape img{position:absolute;inset:auto 0 0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 70%;filter:saturate(.86) brightness(.74);opacity:.82}


/* Swipe cue: a restrained light sweep travels across the active arrow on touch layouts. */
@keyframes market-arrow-shimmer{
  0%,18%{transform:translateX(-150%) skewX(-14deg);opacity:0}
  28%{opacity:.18}
  58%{opacity:.28}
  72%,100%{transform:translateX(210%) skewX(-14deg);opacity:0}
}


@media (min-width:1200px){
  /* Keep the terminal arrow pointing right while carrying its image cleanly to the viewport edge. */
  .market-step--last .market-step__panel{right:calc(var(--arrow-depth) * -1)}
}

@media (max-width:1199px){
  .market-step__panel::before{
    content:"";position:absolute;inset:-18% auto -18% -26%;width:18%;z-index:2;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
    filter:blur(1px);opacity:0;transform:translateX(-150%) skewX(-14deg);
  }
  .market-step.is-active .market-step__panel::before{animation:market-arrow-shimmer 3.8s ease-in-out infinite}
  .market-flow{position:relative;box-shadow:inset -2.25rem 0 1.8rem -1.15rem rgba(6,51,39,.78)}
}

.market-development.is-enhanced [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.65,.2,1)}
.market-development.is-enhanced.is-visible [data-reveal]{opacity:1;transform:none}
.market-development.is-visible .market-step:nth-child(2){transition-delay:.06s}.market-development.is-visible .market-step:nth-child(3){transition-delay:.12s}.market-development.is-visible .market-step:nth-child(4){transition-delay:.18s}.market-development.is-visible .market-step:nth-child(5){transition-delay:.24s}.market-development.is-visible .market-step:nth-child(6){transition-delay:.3s}

@media (max-width:1199px){
  .market-development{--arrow-depth:1.8rem;padding-top:3.8rem}
  .market-development__header{width:min(92vw,1040px);grid-template-columns:minmax(0,.9fr) 1px minmax(0,1.1fr);column-gap:2rem}
  .market-development__title{font-size:clamp(2.5rem,5vw,3.4rem)}
  .market-development__summary-title{font-size:1rem;letter-spacing:.11em}
  .market-development__summary-highlight{font-size:1.34rem}
  .market-development__summary-text{font-size:.98rem}
  .market-development__shell{padding-bottom:5.9rem}
  .market-flow{
    --segment-width:min(42vw,30rem);
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    padding:0 0 .7rem;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .market-flow::-webkit-scrollbar{display:none}
  .market-step{scroll-snap-align:start;scroll-snap-stop:always}
  .market-step--first .market-step__panel{clip-path:polygon(0 0,calc(100% - var(--arrow-depth)) 0,100% 50%,calc(100% - var(--arrow-depth)) 100%,0 100%,var(--arrow-depth) 50%)}
  .market-step{height:19rem;opacity:.78;transform:scale(.975);transform-origin:center}
  .market-step.is-active{opacity:1;transform:scale(1)}
  .market-step:hover{transform:scale(1)}
  .market-step--last{flex:0 0 var(--segment-width)}
  .market-platforms{width:92vw;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.85rem;margin-top:1.7rem}
  .market-platform{min-height:11.25rem}
  .market-platform:nth-child(3n+1){padding-left:0}.market-platform:nth-child(3n+1)::before{display:none}
}

@media (max-width:767px){
  .market-development{--arrow-depth:1.55rem;padding-top:3.25rem}
  .market-development__header{width:calc(100% - 2rem);grid-template-columns:1fr;gap:1.45rem;margin-bottom:1.8rem}
  .market-development__header::before{display:none}
  .market-development__header-copy,.market-development__header-summary{grid-column:1}
  .market-development__eyebrow{font-size:.7rem;letter-spacing:.34em}
  .market-development__title{font-size:clamp(2.2rem,11vw,3rem)}
  .market-development__title-line,.market-development__title-accent{white-space:normal}
  .market-development__summary-title{font-size:.9rem}
  .market-development__summary-line,.market-development__summary-highlight{white-space:normal}
  .market-development__summary-highlight{font-size:1.18rem}
  .market-development__summary-text{font-size:.9rem}
  .market-development__shell{padding-bottom:5.6rem}
  .market-flow{--segment-width:min(86vw,22.5rem);padding-inline:0;scroll-padding-inline:0}
  .market-step{height:18rem}
  .market-step__title{font-size:1rem}
  .market-step__subtitle{font-size:.68rem;white-space:normal;max-width:15rem}
  .market-platforms{width:calc(100% - 2rem);grid-template-columns:1fr;margin-top:1.65rem;gap:0}
  .market-platform{min-height:0;padding:1.7rem 1rem 1.85rem;border-top:1px solid rgba(211,222,150,.16);text-align:center}
  .market-platform:first-child{border-top:0}.market-platform::before{display:none}
  .market-platform__icon{width:2.45rem;height:2.45rem;margin:0 auto .7rem}
  .market-platform__icon svg{width:1.9rem;height:1.9rem}
  .market-platform__title{font-size:1.08rem;line-height:1.12}
  .market-platform__rule{margin:.6rem auto .8rem;width:2.2rem}
  .market-platform__description{font-size:.94rem;line-height:1.48;grid-template-columns:1fr;row-gap:.3rem;max-width:27rem;margin-inline:auto}
  .market-development__landscape{height:7.1rem}
}

@media (prefers-reduced-motion:reduce){
  .market-development [data-reveal],.market-step,.market-step__media img,.market-step__icon,.market-flow__dot{transition:none!important}
  .market-step.is-active .market-step__panel::before{animation:none!important;display:none}
  .market-flow{scroll-behavior:auto!important}
}

/* Responsive infinite-loop copies are presentation-only; geometry remains identical to the canonical six-stage cycle. */
.market-step--loop-copy{z-index:0}
@media (max-width:1199px){
  .market-step--loop-copy{opacity:.78}
  .market-step--loop-copy.is-active{opacity:1}
}

@media (max-width:1199px){
  .market-development__shell{overflow:hidden}
  .market-flow{margin-inline:0;width:100%}
}