/* Field Systems Atlas correction
   Final page-owned cascade. Scope is limited to the project Atlas and its dossier. */

body.page-field-systems .field-systems-experience .atlas-plate {
  grid-template-columns:minmax(0,1.32fr) minmax(410px,1fr);
  overflow:hidden;
}
body.page-field-systems .field-systems-experience .selected-project {
  min-width:0;
  overflow:hidden;
  border-inline-start:1px solid rgba(23,48,42,.18);
  background:#fffdfa;
}
body.page-field-systems .field-systems-experience .selected-project-body {
  box-sizing:border-box;
  min-height:100%;
  padding:clamp(26px,2.15vw,34px);
}
body.page-field-systems .field-systems-experience .selected-project-meta {
  gap:7px;
}
body.page-field-systems .field-systems-experience .selected-project-meta span {
  display:inline-flex;
  min-height:25px;
  align-items:center;
  padding:4px 8px;
  border:1px solid rgba(38,91,69,.2);
  border-radius:999px;
  background:rgba(38,91,69,.055);
  font-size:11px;
  line-height:1.2;
}
body.page-field-systems .field-systems-experience .selected-project-meta span+span::before {content:none;margin:0}
body.page-field-systems .field-systems-experience .selected-project h3 {
  max-width:18ch;
  margin-top:13px;
  font-size:clamp(36px,2.55vw,46px);
  line-height:.96;
  text-wrap:balance;
}
body.page-field-systems .field-systems-experience .selected-project-location {
  margin-top:9px;
  color:#52645d;
  font-size:13px;
  line-height:1.35;
}
body.page-field-systems .field-systems-experience .selected-project-case {
  max-width:43ch;
  margin-top:15px;
  font-size:15px;
  line-height:1.45;
}
body.page-field-systems .field-systems-experience .selected-project-why {
  grid-template-columns:78px minmax(0,1fr);
  gap:16px;
  margin-top:15px;
  padding:13px 0 0;
}
body.page-field-systems .field-systems-experience .selected-project-why span,
body.page-field-systems .field-systems-experience .selected-project-decisions span,
body.page-field-systems .field-systems-experience .selected-project-facts dt {
  font-size:10px;
  line-height:1.35;
}
body.page-field-systems .field-systems-experience .selected-project-why p {
  font-size:13px;
  line-height:1.48;
}
body.page-field-systems .field-systems-experience .selected-project-media {
  position:relative;
  overflow:hidden;
  margin-top:16px;
  border:1px solid rgba(23,48,42,.15);
  border-radius:3px;
  background:#dfe6dc;
}
body.page-field-systems .field-systems-experience .selected-project-media img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/8;
  object-fit:cover;
  transition:opacity .16s ease;
}
body.page-field-systems .field-systems-experience .selected-project-media figcaption {
  min-height:42px;
  padding:10px 12px;
  border-top:1px solid rgba(23,48,42,.13);
  background:#f7f5ef;
  color:#4b5d56;
  font-size:11px;
  line-height:1.42;
}
body.page-field-systems .field-systems-experience .selected-project-media[data-media-state="loading"] img {opacity:0}
body.page-field-systems .field-systems-experience .selected-project-media[data-media-state="loading"]::before {
  position:absolute;
  inset:0 0 42px;
  background:linear-gradient(100deg,#dfe6dc 20%,#eef1eb 42%,#dfe6dc 64%);
  background-size:240% 100%;
  content:"";
  animation:atlas-media-loading 1.2s linear infinite;
}
body.page-field-systems .field-systems-experience .selected-project-media[data-media-state="fallback"]::after,
body.page-field-systems .field-systems-experience .selected-project-media[data-media-state="unavailable"]::after {
  position:absolute;
  inset:12px 12px auto auto;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(255,253,248,.92);
  color:var(--forest);
  content:"Context image";
  font:700 10px/1.2 var(--mono);
  letter-spacing:.06em;
  text-transform:uppercase;
}
@keyframes atlas-media-loading {to{background-position:-240% 0}}
body.page-field-systems .field-systems-experience .selected-project-facts {
  gap:10px;
  margin-top:16px;
  border:0;
}
body.page-field-systems .field-systems-experience .selected-project-facts>div {
  gap:7px;
  padding:13px 14px 14px;
  border:1px solid rgba(23,48,42,.13);
  border-radius:3px;
  background:#f7f5ef;
}
body.page-field-systems .field-systems-experience .selected-project-facts>div+div {
  padding-left:14px;
  border-left:1px solid rgba(23,48,42,.13);
}
body.page-field-systems .field-systems-experience .selected-project-fact-head {
  display:flex;
  gap:9px;
  align-items:flex-start;
  justify-content:space-between;
}
body.page-field-systems .field-systems-experience .selected-project-fact-state {
  flex:0 0 auto;
  padding:3px 6px;
  border-radius:999px;
  background:#e5eadf;
  color:#39584b;
  font:700 11px/1.2 var(--mono);
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.page-field-systems .field-systems-experience [data-fact-state="verify"] .selected-project-fact-state {background:#f4e7bc;color:#705d21}
body.page-field-systems .field-systems-experience [data-fact-state="target"] .selected-project-fact-state {background:#e4ebd7;color:#47622f}
body.page-field-systems .field-systems-experience [data-fact-state="confirmed"] .selected-project-fact-state {background:#d7eadf;color:#24583e}
body.page-field-systems .field-systems-experience [data-fact-state="reported"] .selected-project-fact-state {background:#dfe8ea;color:#315965}
body.page-field-systems .field-systems-experience .selected-project-facts dd {
  font-size:clamp(23px,1.75vw,29px);
}
body.page-field-systems .field-systems-experience .selected-project-facts small {
  font-size:11px;
  line-height:1.36;
}
body.page-field-systems .field-systems-experience .selected-project-decisions {
  gap:10px;
  margin-top:12px;
  border:0;
}
body.page-field-systems .field-systems-experience .selected-project-decisions>div {
  min-width:0;
  padding:14px;
  border:1px solid rgba(23,48,42,.13);
  border-radius:3px;
  background:#fff;
}
body.page-field-systems .field-systems-experience .selected-project-decisions>div+div {
  padding-left:14px;
  border-left:1px solid rgba(23,48,42,.13);
}
body.page-field-systems .field-systems-experience .selected-project-decisions p {
  margin-top:8px;
  font-size:12.5px;
  line-height:1.48;
}
body.page-field-systems .field-systems-experience .selected-project-link {
  display:flex;
  box-sizing:border-box;
  width:100%;
  min-height:48px;
  flex:0 0 auto;
  align-items:center;
  justify-content:space-between;
  align-self:stretch;
  margin:16px 0 0;
  padding:12px 16px;
  border:1px solid var(--forest);
  border-radius:999px;
  background:var(--forest);
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
}
body.page-field-systems .field-systems-experience .selected-project-link::after {display:none!important;content:none!important}
body.page-field-systems .field-systems-experience .selected-project-link:hover {background:var(--forest-deep);color:#fff}
body.page-field-systems .field-systems-experience .selected-project-link:focus-visible {outline:3px solid var(--lime);outline-offset:3px}

/* One unmistakable marker owns the active state. */
body.page-field-systems .field-systems-experience .map-marker {cursor:pointer;touch-action:manipulation}
body.page-field-systems .field-systems-experience .map-marker .marker-hit {fill:rgba(0,0,0,.001)}
body.page-field-systems .field-systems-experience .map-marker.is-inactive {opacity:.46}
body.page-field-systems .field-systems-experience .map-marker.is-related {opacity:.7}
body.page-field-systems .field-systems-experience .map-marker.is-selected {opacity:1}
body.page-field-systems .field-systems-experience .map-marker .survey-mark {transform-box:fill-box;transform-origin:center;transition:transform .18s ease}
body.page-field-systems .field-systems-experience .map-marker.is-selected .survey-mark {transform:scale(1.14)}
body.page-field-systems .field-systems-experience .map-marker:focus-visible .marker-focus-ring {opacity:1;stroke:var(--lime);stroke-width:3}

@media (min-width:1180px) and (min-height:720px) {
  body.page-field-systems .field-systems-experience .atlas-plate {
    position:sticky;
    inset-block-start:calc(var(--global-nav-height,64px) + 16px);
    height:auto;
    min-height:min(720px,calc(100svh - var(--global-nav-height,64px) - 32px));
  }
  body.page-field-systems .field-systems-experience .atlas-panel,
  body.page-field-systems .field-systems-experience .selected-project-body {height:auto;min-height:inherit}
  body.page-field-systems .field-systems-experience .selected-project-media img {height:auto;aspect-ratio:16/8}
  body.page-field-systems .field-systems-experience .selected-project-link {min-height:48px;margin-top:16px;padding:12px 16px;font-size:12px}
}
@media (max-width:1179px) {
  body.page-field-systems .field-systems-experience .atlas-plate {grid-template-columns:1fr}
  body.page-field-systems .field-systems-experience .selected-project {border-top:1px solid rgba(23,48,42,.18);border-inline-start:0}
}
@media (max-width:700px) {
  body.page-field-systems .field-systems-experience .selected-project-meta span {min-height:30px;padding:6px 9px;font-size:12px}
  body.page-field-systems .field-systems-experience .selected-project-fact-state {padding:4px 7px;font-size:12px}
  body.page-field-systems .field-systems-experience .selected-project-body {padding:26px 20px 30px}
  body.page-field-systems .field-systems-experience .selected-project h3 {max-width:16ch;font-size:clamp(36px,10vw,48px)}
  body.page-field-systems .field-systems-experience .selected-project-case {font-size:15px}
  body.page-field-systems .field-systems-experience .selected-project-why {grid-template-columns:1fr;gap:6px}
  body.page-field-systems .field-systems-experience .selected-project-media img {aspect-ratio:16/9}
  body.page-field-systems .field-systems-experience .selected-project-media figcaption {font-size:12px}
  body.page-field-systems .field-systems-experience .selected-project-link {width:100%;min-height:48px;margin-top:16px!important}
}
@media (max-width:560px) {
  body.page-field-systems .field-systems-experience .selected-project-facts,
  body.page-field-systems .field-systems-experience .selected-project-decisions {grid-template-columns:1fr}
  body.page-field-systems .field-systems-experience .selected-project-facts>div+div,
  body.page-field-systems .field-systems-experience .selected-project-decisions>div+div {padding-left:14px;border-top:1px solid rgba(23,48,42,.13);border-left:1px solid rgba(23,48,42,.13)}
}
@media (prefers-reduced-motion:reduce) {
  body.page-field-systems .field-systems-experience .map-marker .survey-mark,
  body.page-field-systems .field-systems-experience .selected-project-media img {transition:none}
  body.page-field-systems .field-systems-experience .selected-project-media[data-media-state="loading"]::before {animation:none}
}
/* Pointer ownership is resolved by the Atlas spatial layer; hidden circles never overlap gesture ownership. */
body.page-field-systems .field-systems-experience .map-marker .marker-hit {pointer-events:none}