/* Project names are the controls; the page never changes their size on selection. */
body[data-foundation] #ecko .et-project-index a,
body[data-foundation] #ecko .et-project-index a:hover {color:#f3f7f4!important}
body[data-foundation] #ecko .et-project-index a[aria-current="true"] {color:#a8d443!important}
body[data-foundation] #ecko #zanjeo .trench-project239 {
  margin:0;padding:0;border-bottom:1px solid #9aafba38;
}
body[data-foundation] #ecko #zanjeo .trench-project-disclosure250 {
  background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;
}
body[data-foundation] #ecko #zanjeo .trench-project-disclosure250 > summary {
  position:relative;cursor:default;background:transparent;padding:22px 18px!important;
}
body[data-foundation] #ecko #zanjeo .trench-project-disclosure250 > summary::after,
body[data-foundation] #ecko #zanjeo .trench-project-cue250 {display:none!important}
body[data-foundation] #ecko #zanjeo .trench-project-disclosure250[open] > summary::before {
  content:'';position:absolute;inset:22px auto 22px 0;width:3px;background:#a8d443;
}
body[data-foundation] #ecko #zanjeo .trench-project-heading239 {align-items:center}
body[data-foundation] #ecko #zanjeo .trench-project-select257 {
  appearance:none;display:inline-flex;align-items:center;gap:14px;
  min-height:44px;max-width:100%;margin:0;padding:4px 0;border:0;border-radius:0;
  background:none;box-shadow:none;color:#f3f7f4!important;
  font:inherit;letter-spacing:inherit;line-height:1.5;text-align:left;
  cursor:pointer;touch-action:manipulation;translate:none!important;scale:1!important;
  transition:color .18s ease;
}
body[data-foundation] #ecko #zanjeo .trench-project-select257::after {
  content:'+';font:400 21px/1 system-ui;flex:none;padding:4px;opacity:.8;
}
body[data-foundation] #ecko #zanjeo .trench-project-select257[aria-expanded="true"] {color:#a8d443!important}
body[data-foundation] #ecko #zanjeo .trench-project-select257[aria-expanded="true"]::after {content:'−'}
body[data-foundation] #ecko #zanjeo .trench-project-select257:focus-visible {outline:2px solid #c5ea77;outline-offset:6px}
body[data-foundation] #ecko #zanjeo .trench-project-body250 {padding:0 18px 24px}
body[data-foundation] #ecko #zanjeo .trench-end239 {
  flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;
  margin-top:24px;padding-bottom:4px;
}
body[data-foundation] #ecko #zanjeo .trench-end239 p {margin:0!important}
body[data-foundation] #ecko #zanjeo .trench-collapse240 {
  width:fit-content;max-width:100%;justify-content:flex-start;gap:24px;border-radius:8px;
  padding:12px 18px;min-height:46px;margin-top:20px;
}

/* Playback has one finite clock, including its enlarged version. */
body[data-foundation] .soil-feature.drill-controlled257 .bore-ring,
body[data-foundation] .soil-feature.drill-controlled257 .soil-pile {animation:none!important;transition:none!important}
body[data-foundation] .soil-feature.drill-controlled257 .bore-ring {opacity:0}
body[data-foundation] .drill-controls257 {
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;
}
body[data-foundation] .drill-controls257 button {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:fit-content;max-width:100%;min-height:46px;padding:12px 18px;margin:0;
  border:1px solid #719583;border-radius:9px;background:#233c4b;color:#e0ebdd;
  font:600 12px/1.65 'Poppins',system-ui,sans-serif;text-align:left;
  cursor:pointer;touch-action:manipulation;translate:none!important;scale:1!important;
}
body[data-foundation] .drill-controls257 button::before {
  content:'';width:17px;height:17px;flex:0 0 17px;background:currentColor;
  -webkit-mask:var(--diagram-icon255) center/contain no-repeat;
  mask:var(--diagram-icon255) center/contain no-repeat;
}
body[data-foundation] .drill-controls257 [data-drill-replay] {--diagram-icon255:var(--diagram-replay255)}
body[data-foundation] .drill-controls257 [data-drill-pause] {--diagram-icon255:var(--diagram-pause255)}
body[data-foundation] .drill-controls257 [data-play-state="paused"] {--diagram-icon255:var(--diagram-play255)}
body[data-foundation] .drill-controls257 button:disabled {color:#a8bcbf;background:#1c303d;border-color:#405865;cursor:default}
body[data-foundation] .drill-controls257 [data-drill-pause]:disabled {--diagram-icon255:var(--diagram-done255)}
body[data-foundation] .drill-controls257 button:focus-visible {outline:2px solid #e1ffc0;outline-offset:4px}
body[data-foundation] .drill-progress257 {height:2px;background:#8eb58c30;overflow:hidden;margin-top:20px}
body[data-foundation] .drill-progress257 i {display:block;width:100%;height:100%;background:#a8d443;transform-origin:left;transform:scaleX(0)}
body[data-foundation] #ecko .soil-feature.soil-spaced250 .et-diagram-open,
body[data-foundation] .trench-diagram240 .trench-controls240 button {
  width:fit-content!important;max-width:100%!important;min-height:46px;padding:12px 18px!important;
  justify-content:flex-start;text-align:left;font-size:12px!important;
}
body[data-foundation] .trench-diagram240.is-ready240 .trench-controls240 {
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;
}
body[data-foundation] #ecko .soil-feature.soil-spaced250 .et-diagram-open {margin:18px 0 4px!important}

/* The title scrolls away with the diagram instead of covering it. */
body[data-foundation] .et-viewer:is(.et-diagram-view,.trench-viewer240) > .et-viewer-head {
  position:static;top:auto;z-index:auto;
}
body[data-foundation] .et-viewer:is(.et-diagram-view,.trench-viewer240) .viewer-close-bottom257 {
  display:block;width:fit-content;max-width:100%;min-height:46px;margin:24px auto 8px;
  padding:12px 20px;border:1px solid #8dbd78;border-radius:9px;background:#233c4b;color:#e8f4dd;
  font:600 13px/1.6 'Poppins',system-ui,sans-serif;cursor:pointer;
}
body[data-foundation] .et-viewer:not(.et-diagram-view):not(.trench-viewer240) .viewer-close-bottom257 {display:none}

@media(min-width:1001px) {
  /* A bounded reading area, rather than stretching six sheets across a monitor. */
  body[data-foundation] #ecko #sistema-zanjeo > .zanjeo-panel240 {padding:0 28px 28px}
  body[data-foundation] #ecko #zanjeo {max-width:1120px;margin-inline:0;padding-top:10px}
  body[data-foundation] #ecko #zanjeo .trench-intro239 {
    display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);
    align-items:start;gap:28px;margin-bottom:28px;max-width:980px;
  }
  body[data-foundation] #ecko #zanjeo h2 {font-size:34px;line-height:1.18}
  body[data-foundation] #ecko #zanjeo .trench-intro-copy239 {max-width:60ch;justify-self:start}
  body[data-foundation] #ecko #zanjeo .trench-intro-copy239 p {font-size:13px;line-height:1.75;margin:0 0 12px!important}
  body[data-foundation] #ecko #zanjeo .trench-works-heading239 {margin-bottom:18px}
  body[data-foundation] #ecko #zanjeo .trench-works-heading239 h3 {font-size:24px;line-height:1.4}
  body[data-foundation] #ecko #zanjeo .trench-work-total239 {font-size:36px}
  body[data-foundation] #ecko #zanjeo .trench-view-picker254 {max-width:980px;margin:20px 0 24px}
  body[data-foundation] #ecko .front-view-options250 button {padding:16px 18px;min-height:76px;gap:12px}
  body[data-foundation] #ecko .front-view-options250 small {font-size:11px;line-height:1.6}
  body[data-foundation] #ecko #zanjeo .trench-project-disclosure250 > summary {padding:20px 24px!important}
  body[data-foundation] #ecko #zanjeo .trench-project-body250 {padding:0 24px 28px}
  body[data-foundation] #ecko #zanjeo .trench-project-heading239 h3 {font-size:22px}
  body[data-foundation] #ecko #zanjeo .trench-type239 {padding:7px 10px}
  body[data-foundation] #ecko #zanjeo .trench-project-layout239 {
    grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:28px;padding-top:22px;
  }
  body[data-foundation] #ecko #zanjeo .trench-project-copy239 {padding-top:0;max-width:62ch}
  body[data-foundation] #ecko #zanjeo .trench-volume239 dd {font-size:36px}
  body[data-foundation] #ecko #zanjeo .trench-diagram240 {padding:20px}
  body[data-foundation] #ecko #zanjeo .trench-side240 {max-height:216px}
  body[data-foundation] #ecko #zanjeo .trench-diagram240 .trench-section240 {margin-block:18px;gap:18px}
  body[data-foundation] #ecko #zanjeo .trench-diagram240 .trench-sequence240 {margin:18px 0 12px}
  body[data-foundation] #ecko #zanjeo .trench-gallery239 {max-width:760px;margin-inline:0}
  body[data-foundation] #ecko #zanjeo .trench-gallery239:not(.trench-gallery-three239) img {max-height:320px;width:auto;max-width:100%;object-fit:contain}
  body[data-foundation] #ecko #zanjeo .trench-gallery-three239 {max-width:680px;aspect-ratio:1.9}
  body[data-foundation] #ecko #zanjeo .trench-project-body250 > .et-gallery-bar {max-width:760px}
  body[data-foundation] #ecko #zanjeo[data-trench-view="gallery"] .trench-project-layout239 {grid-template-columns:minmax(0,1fr);max-width:760px}

  body[data-foundation] #ecko #frentes-content250 {max-width:1120px;margin-inline:0}
  body[data-foundation] #ecko #frentes-content250 .proy {padding:24px 28px 28px}
  body[data-foundation] #ecko #frentes-content250 .front-summary252 h3 {font-size:25px!important}
  body[data-foundation] #ecko #frentes-content250 .front-summary252 .loc {font-size:10px;margin-bottom:8px!important}
  body[data-foundation] #ecko #frentes-content250 .front-body252 > .desc {max-width:82ch;font-size:14px;line-height:1.8;margin:12px 0 24px}
  body[data-foundation] #ecko .proy .front-layout64 {
    grid-template-columns:minmax(0,420px) minmax(0,1fr)!important;
    grid-template-rows:auto 1fr!important;gap:20px 28px!important;
  }
  body[data-foundation] #ecko .proy .front-layout64 > .foundation-metrics {grid-column:1!important;grid-row:1/3!important;max-width:420px}
  body[data-foundation] #ecko .proy .front-layout64 > .et-gallery-bar {grid-column:2!important;grid-row:1!important;padding-top:20px!important}
  body[data-foundation] #ecko .proy .front-layout64 > .proy-fotos.gallery-row68 {
    grid-column:2!important;grid-row:2!important;width:100%!important;justify-self:start!important;
  }
  body[data-foundation] #ecko .proy .front-layout64 .gallery-row68 img,
  body[data-foundation] #ecko .proy .front-layout64 .gallery-row68 img:is(:hover,:focus-visible) {
    height:auto!important;max-height:280px!important;width:100%!important;object-fit:contain!important;
    transform:none!important;filter:none!important;box-shadow:none!important;transition:none!important;
  }
  body[data-foundation] #ecko .soil-feature.soil-spaced250 {padding:20px var(--diagram-inset255)!important}
  body[data-foundation] #ecko .proy .soil-feature.soil-inside252 .soil-section {
    --rig-width241:96px;--rig-height241:144px;--rig-axis241:18.514286px;
    height:240px!important;min-height:240px!important;
    margin:calc(var(--rig-height241) + 24px) 0 0!important;
  }
  body[data-foundation] #ecko .soil-spaced250 .soil-heading {gap:6px 18px}
  body[data-foundation] #ecko .soil-spaced250 .soil-heading strong {font-size:16px}
  body[data-foundation] #ecko .soil-spaced250 .soil-reference250 {margin:14px 0 18px}
  body[data-foundation] #ecko .soil-spaced250 :is(.stabilizer-circuit,.casing-diagram) {margin:18px 0!important;padding-top:16px}
  body[data-foundation] #ecko .soil-spaced250 :is(.stabilizer-circuit,.casing-diagram) figcaption {font-size:12px;line-height:1.6;margin-bottom:12px}
  body[data-foundation] #ecko .soil-spaced250 :is(.stabilizer-circuit,.casing-diagram) figcaption span {font-size:11px;margin-top:4px}
  body[data-foundation] #ecko .soil-feature.soil-spaced250 .soil-note {margin-top:18px!important;font-size:11px!important;line-height:1.75!important}
  body[data-foundation] #ecko .front-reading-hint252 {padding-inline:28px}
  body[data-foundation] #ecko[data-fronts-view="diagram"] .proy .front-layout64,
  body[data-foundation] #ecko[data-fronts-view="gallery"] .proy .front-layout64 {grid-template-columns:minmax(0,1fr)!important}
  body[data-foundation] #ecko[data-fronts-view="gallery"] .proy .front-layout64 > :is(.et-gallery-bar,.proy-fotos.gallery-row68) {grid-column:1!important;max-width:880px;justify-self:start}
  body[data-foundation] #ecko[data-fronts-view="diagram"] .proy .front-layout64 > .foundation-metrics {max-width:420px}
}
@media(hover:hover) {
  body[data-foundation] #ecko #zanjeo .trench-project-select257:hover {text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
  body[data-foundation] .drill-controls257 button:not(:disabled):hover {background:#2c4958;border-color:#abd37e}
}
@media(prefers-reduced-motion:reduce) {
  body[data-foundation] #ecko #zanjeo .trench-project-select257 {transition:none}
}