.it-article .fld{-webkit-user-select:none;user-select:none;--bg:#04080c;--ink:#eaf6f4;--soft:#eaf6f4cc;--faint:#eaf6f47a;--ghost:#eaf6f414;--hot:#7fe9d2;--serif:var(--font-libre-caslon),Georgia,serif;color:var(--ink);border:1px solid var(--ghost);background:var(--bg);isolation:isolate;--fw:#ff8a3d;height:clamp(540px,82vh,780px);box-shadow:var(--shadow);border-radius:18px;margin:8px 0 0;position:relative;overflow:hidden}.it-article .fld.awe{--hot:#ff8a3d}.it-article .fld:fullscreen{border:0;border-radius:0;height:100vh}.it-article .fld canvas.g{width:100%;height:100%;display:block;position:absolute;inset:0}.it-article .fld .fgrain{pointer-events:none;opacity:.045;mix-blend-mode:overlay;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.it-article .fld .brand{z-index:10;font-family:var(--serif);letter-spacing:.3em;text-transform:uppercase;color:var(--faint);font-size:14px;position:absolute;top:18px;left:22px}.it-article .fld .clock{z-index:10;text-align:right;font-family:var(--mono);position:absolute;top:16px;right:22px}.it-article .fld .clock .t{letter-spacing:.06em;color:var(--soft);font-variant-numeric:tabular-nums;font-size:28px}.it-article .fld .clock .d{letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-top:4px;font-size:12px}.it-article .fld .phase{letter-spacing:.2em;text-transform:uppercase;color:var(--faint);justify-content:flex-end;align-items:center;gap:7px;margin-top:10px;font-size:11px;transition:color .5s;display:flex}.it-article .fld .phase .led{background:#eaf6f433;border-radius:50%;width:6px;height:6px;transition:background .5s,box-shadow .5s}.it-article .fld .phase.live .led{background:var(--fw);box-shadow:0 0 9px var(--fw)}.it-article .fld .phase.med .led{background:var(--hot);box-shadow:0 0 12px var(--hot)}.it-article .fld .phase.live{color:var(--soft)}.it-article .fld .phase.med{color:var(--hot)}.it-article .fld .readout{z-index:10;position:absolute;bottom:168px;left:22px}.it-article .fld .readout .k{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;font-size:11px}.it-article .fld .readout .v{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:68px;font-weight:500;line-height:1}.it-article .fld .readout .tier{letter-spacing:.04em;margin-top:8px;font-size:17px;font-weight:500}.it-article .fld .readout .sub{color:var(--faint);max-width:28ch;margin-top:3px;font-size:14px;line-height:1.45}.it-article .fld .legend{z-index:10;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:absolute;bottom:168px;right:22px}.it-article .fld .legend .row{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);align-items:center;gap:9px;font-size:11px;transition:color .3s;display:flex}.it-article .fld .legend .row.on{color:var(--soft)}.it-article .fld .legend .dot{border-radius:50%;width:9px;height:9px}.it-article .fld .bar{z-index:10;align-items:center;gap:14px;display:flex;position:absolute;bottom:26px;left:22px;right:22px}.it-article .fld canvas.tl{cursor:crosshair;flex:1;min-width:0;height:112px;display:block}.it-article .fld button{color:var(--ink);white-space:nowrap;background:#0a162090;border-color:#eaf6f424}.it-article .fld button:hover{border-color:var(--hot)}.it-article .fld .fs{z-index:10;color:var(--faint);padding:5px 10px;font-size:13px;display:none;position:absolute;top:44px;left:22px}.it-article .fld:fullscreen .fs,.it-article .fld:hover .fs{display:inline-block}.it-article .fld .note{z-index:10;font-family:var(--mono);letter-spacing:.1em;color:#eaf6f444;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 44px);font-size:10px;position:absolute;bottom:8px;left:22px;overflow:hidden}@media (max-width:720px){.it-article .fld{height:clamp(520px,92vh,640px)}.it-article .fld .legend{display:none}.it-article .fld .readout .v{font-size:48px}.it-article .fld canvas.tl{flex-basis:100%;order:-1;height:96px}.it-article .fld .bar{flex-wrap:wrap;gap:8px;bottom:22px}.it-article .fld .bar button{flex:1;padding:6px 10px;font-size:13px}.it-article .fld .readout{bottom:190px}.it-article .fld .note,.it-article .fld .readout .sub{display:none}}