*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#dceaf2;font-family:"Exhibition Inter",Arial,sans-serif;color:#102e49}body{display:grid;place-items:center}#exhibition{position:relative;width:min(100vw,177.77778vh);height:min(100vh,56.25vw);overflow:hidden;background:radial-gradient(ellipse at 45% 30%,#f9fcfd 0%,#e8f4f9 65%,#dcebf3 100%)}canvas{position:absolute;inset:0;width:100%;height:100%;display:block}header{position:absolute;left:4%;top:4.7%;pointer-events:none}.eyebrow{font-size:clamp(7px,.64vw,13px);letter-spacing:.23em;color:#6e879a;font-weight:600;margin-bottom:8px}h1{margin:0;font-size:clamp(23px,3.1vw,62px);line-height:1.06;letter-spacing:-.055em;font-weight:750}h1 span{color:#086caa}header p{margin:10px 0 0;font-size:clamp(10px,1.12vw,22px);font-weight:400;letter-spacing:.045em;color:#5a7d95}header i{font-style:normal;color:#1aa7c6;margin:0 9px}.brand{position:absolute;right:4%;top:5%;display:flex;align-items:center;gap:15px;color:#193b62}.brand strong{font-size:clamp(16px,1.6vw,32px);letter-spacing:-.06em}.brand span{border-left:1px solid #a0b9ca;padding-left:15px;font-size:clamp(6px,.56vw,12px);line-height:1.7;letter-spacing:.13em;font-weight:650}footer{position:absolute;bottom:3%;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:clamp(6px,.59vw,12px);letter-spacing:.12em;color:#658398}.legend{display:flex;gap:25px}.legend span{display:flex;align-items:center;gap:8px}.legend b{display:block;width:23px}.air{height:4px;border-radius:4px;background:#3bd5e8;opacity:.7}.data{height:2px;background:#00afcc}.control{border-top:2px dashed #dca339}.disclaimer{letter-spacing:.12em}#tools{position:absolute;right:4%;bottom:7%;display:flex;gap:6px;opacity:0;transition:opacity .25s}#exhibition:hover #tools,#tools:focus-within{opacity:1}button{background:#ffffffd9;border:1px solid #c5d7e1;border-radius:5px;padding:8px 12px;color:#345872;font:12px "Exhibition Inter",sans-serif;cursor:pointer}button:hover{background:#fff}#tools.hidden{display:none}body.display-mode{cursor:none}#error{position:absolute;top:44%;left:25%;right:25%;padding:24px;background:white;border:1px solid #cc5566;border-radius:8px;font-size:18px}#error[hidden]{display:none}
/* Exhibition footer: scale with the letterboxed canvas, not the browser's aspect ratio. */
#exhibition{container-type:inline-size}
footer{min-height:4cqw}
.legend{gap:1.7cqw;font-size:clamp(7px,1.05cqw,24px);font-weight:650;letter-spacing:.075em;color:#284c64;line-height:1.4}
.legend span{gap:.6cqw;white-space:nowrap}
.legend b{width:1.7cqw;flex-shrink:0}
.legend .air{height:clamp(3px,.26cqw,6px);opacity:1}
.legend .data{height:clamp(2px,.16cqw,4px)}
.legend .control{border-top-width:clamp(2px,.16cqw,4px)}
.partner-brands{display:flex;align-items:center;gap:1.5cqw;flex-shrink:0}
.partner-brands img{display:block;height:auto;object-fit:contain}
.des-logo{width:4.8cqw}
.msc-logo{width:18.54cqw}
#tools{bottom:11%}