/* Keep reading guidance outside the card background and align it with the copy. */
body[data-foundation] #ecko .front-reading-hint252 {
  display:block;box-sizing:border-box;max-width:none;
  margin:28px 0 18px!important;padding:0 clamp(22px,4vw,38px);
  background:none;border:0;color:#b8c8d0;font-size:12px;line-height:1.75;
  text-align:left;letter-spacing:0;
}
body[data-foundation] #ecko .front-reading-hint252[hidden] {display:none!important}
body[data-foundation] #ecko #frentes-content250 {margin-top:0}
body[data-foundation] #ecko .proy .front-summary252 {
  position:relative;border:0!important;padding:0!important;
}
body[data-foundation] #ecko .proy .front-summary252::before {
  content:'';position:absolute;left:-12px;top:0;bottom:0;width:3px;
  background:#91ca43;opacity:0;transition:opacity .2s ease;pointer-events:none;
}
body[data-foundation] #ecko .proy.is-current252 .front-summary252::before {opacity:1}
body[data-foundation] #ecko .proy .front-summary252 h3 {
  font-size:clamp(21px,2.3vw,31px)!important;line-height:1.35;
}
.front-body252.front-reveal254 {animation:front-reveal254 .22s ease-out both}
@keyframes front-reveal254 {from{opacity:0}to{opacity:1}}
html.front-positioning252,html.front-positioning252 body {overflow-anchor:none!important}

/* The rule, caption and gallery control each have their own spacing. */
body[data-foundation] #ecko .proy .front-layout64 > .et-gallery-bar {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;
  padding:18px 0 4px!important;margin:0!important;gap:16px!important;
  align-items:center!important;min-width:0;
}
body[data-foundation] #ecko .proy .front-layout64 > .et-gallery-bar > span {
  max-width:none;min-width:0;line-height:1.65;
}
body[data-foundation] #ecko .proy .et-gallery-open {margin:0;min-height:44px}

/* The trench picker controls resources as well as visibility. */
#zanjeo .trench-view-picker254 {margin:24px 0 28px;padding:0!important;border:0}
#zanjeo .trench-view-picker254 h4 {margin:0 0 8px;color:white;font-size:18px;line-height:1.5}
#zanjeo .trench-view-picker254 > p {margin:0 0 16px;max-width:none;color:#b8c8d0;font-size:12px;line-height:1.7}
#zanjeo .trench-view-picker254 .front-view-status250 {margin:14px 0 0;font-size:11px;min-height:1.7em}
#zanjeo .trench-view-picker254 .front-view-options250 {grid-template-columns:repeat(3,minmax(0,1fr))}
#zanjeo .trench-view-picker254 .front-view-options250 button {height:100%;align-items:flex-start}
#zanjeo .trench-view-picker254 .front-view-dot250 {margin-top:3px}
#zanjeo .trench-projects239[hidden],#zanjeo .trench-project-index239[hidden],
#zanjeo .trench-project-body250 [hidden] {display:none!important}
#zanjeo[data-trench-view="gallery"] .trench-project-layout239 {grid-template-columns:minmax(0,1fr)}
#zanjeo .trench-static-specs254 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 0}
#zanjeo .trench-static-specs254 > div {min-width:0}
#zanjeo .trench-static-specs254 dt {font-size:11px;line-height:1.7;color:#b8c8d0}
#zanjeo .trench-static-specs254 dd {margin:5px 0 0;font-size:25px;line-height:1.3;font-weight:700;color:#c5ea77}
@media(min-width:1050px) {
  body[data-foundation] #ecko .front-reading-hint252 {padding-inline:36px}
}
@media(max-width:850px) {
  #zanjeo .trench-view-picker254 .front-view-options250 {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px) {
  body[data-foundation] #ecko .front-reading-hint252 {padding-inline:18px}
  body[data-foundation] #ecko .proy .front-layout64 > .et-gallery-bar {grid-template-columns:minmax(0,1fr);gap:14px!important}
  body[data-foundation] #ecko .proy .et-gallery-open {justify-self:start}
}
@media(prefers-reduced-motion:reduce) {
  .front-body252.front-reveal254 {animation:none}
  body[data-foundation] #ecko .proy .front-summary252::before {transition:none}
}