.technology{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,4vw,70px)}
.cistern-visual{padding:24px;background:#b8e9f3}.cistern-stage{aspect-ratio:4/3;overflow:hidden;border-radius:9px;background:#dcebf1 url('assets/nexgen-cisterna-poster.jpg') center/cover no-repeat}.cistern-stage video{display:block;width:100%;height:100%;object-fit:contain}.cistern-toolbar{display:flex;gap:12px;justify-content:space-between;padding:17px 0}.cistern-toolbar button{min-height:44px;border:1px solid #8ac7d7;border-radius:6px;padding:10px 15px;color:#08485e;background:#e5f8fc;font-size:14px;font-weight:600}.cistern-toolbar button:first-child{background:#064b65;color:#fff;border-color:#064b65}.cistern-toolbar button:hover{background:#c9f2f8;color:#07334d}.cistern-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-top:1px solid #86cbdc;padding-top:17px}.cistern-chapters button{min-height:44px;border:1px solid transparent;padding:10px 6px;border-radius:5px;color:#164e63;font-size:14px;background:#daf5fa;line-height:1.4}.cistern-chapters button[aria-pressed=true]{background:#fff;border-color:#1488a4;color:#004762;box-shadow:0 3px 12px #087a9410}.cistern-chapters button:hover{background:#f2fdff}.cistern-caption{font-size:15px;line-height:1.7;color:#244e62;margin:17px 0 10px;min-height:51px}.cistern-note{font-size:12px;line-height:1.7;color:#386378;margin-bottom:0}.cistern-dialog{max-width:1120px;padding:24px;overflow:auto}.cistern-dialog .dialog-head h2{font-size:22px}.cistern-dialog video{display:block;max-width:100%;width:100%;max-height:72vh;aspect-ratio:4/3;object-fit:contain;background:#dcebf1;border-radius:8px}.cistern-dialog>p{font-size:13px;line-height:1.6;margin:14px 0 0;color:#466778}body:has(#cistern-dialog[open]){overflow:hidden}
@media(max-width:1100px){.cistern-visual{padding:20px}.cistern-chapters button{font-size:14px}.cistern-toolbar button{padding:10px 12px}}
@media(max-width:760px){.technology{grid-template-columns:minmax(0,1fr);gap:35px}.cistern-visual{padding:17px}.cistern-visual>.kicker{font-size:12px;letter-spacing:.1em}.cistern-chapters{gap:5px}.cistern-chapters button{font-size:14px;padding:8px 4px}.cistern-caption{min-height:0;font-size:15px}.cistern-dialog{padding:16px;max-height:94vh}.cistern-dialog .dialog-head h2{font-size:19px}.cistern-dialog video{max-height:70vh}.cistern-toolbar{gap:8px}.cistern-toolbar button{font-size:14px}.cistern-note{font-size:12px}}