/* CHROMA / Signal Remix. Colours and typography shared with the desktop app. */
.posts-chronological .post-card.post-card--chroma .post-art--chroma{padding:0;min-height:300px}
.article-card--chroma .article-art .post-art.post-art--chroma{padding:0}
@media(max-width:760px){.posts-chronological .post-card.post-card--chroma .post-art--chroma{min-height:390px;height:390px}}
.exhibition-grid .exhibit.exhibit--chroma{grid-column:1/-1}
@font-face{font-family:ChromaDisplay;src:url('./assets/projects/chroma/chakra.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:ChromaDisplay;src:url('./assets/projects/chroma/chakra-italic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:ChromaPixel;src:url('./assets/projects/chroma/silkscreen.woff2') format('woff2');font-weight:400;font-display:swap}
.exhibit--chroma,.cm-detail,.post-art--chroma,.cm-now-art,.article-card--chroma{--cm-blue:#173dff;--cm-yellow:#fff000;--cm-red:#ff273a;--cm-cyan:#00edff;--cm-ink:#081038;--cm-muted:#a5b9ed;--cm-chrome:linear-gradient(125deg,#e1eafa,#b8c5df 45%,#f5f9ff 48%,#a3b4d4 51%,#dae6fa);--cm-accent:var(--cm-yellow);--cm-face:var(--cm-blue);--cm-display:ChromaDisplay,'Microsoft YaHei UI',sans-serif;--cm-pixel:ChromaPixel,'Microsoft YaHei UI',monospace}
.exhibit--chroma{position:relative;overflow:hidden;color:#f3f5ff;background-color:var(--cm-ink);background-image:linear-gradient(#314ab226 1px,transparent 1px),linear-gradient(90deg,#314ab226 1px,transparent 1px);background-size:26px 26px;border:1px solid #8da5ed!important;border-radius:3px!important;outline:1px solid #173dff;outline-offset:5px;box-shadow:9px 10px 0 #0b1d6b,0 25px 100px #1226a235!important}
.cm-titlebar{padding:14px 20px;display:flex;align-items:center;gap:22px;background:var(--cm-blue);border-bottom:2px solid var(--cm-yellow);font:10px/1.5 var(--cm-pixel);letter-spacing:.4px;color:#fff000}.cm-titlebar>span:first-child{flex:1}.cm-titlebar i{display:inline-block;width:8px;height:8px;background:var(--cm-yellow);box-shadow:5px 0 #fff,10px 0 var(--cm-red);margin-right:18px}.cm-titlebar b{color:#a4baff;font-weight:400;margin-inline:8px}.cm-window-controls{font:18px/1 var(--mono);word-spacing:6px;background:var(--cm-chrome);color:#123380;padding:3px 7px;border:1px solid #fff;box-shadow:2px 2px #071237}
.cm-mosaic{position:relative;display:grid;grid-template-columns:repeat(28,minmax(0,1fr));gap:3px;padding:7px 12px;overflow:hidden}.cm-mosaic i{height:6px;background:var(--tile);box-shadow:inset 1px 1px #fff7,inset -1px -1px #0007;animation:cm-pixel-glint 6s steps(2,end) infinite;animation-delay:calc(var(--i)*-.17s)}
.cm-hero{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;min-height:660px;padding:45px 40px 52px;gap:10px}.cm-hero-copy{position:relative;z-index:3;min-width:0}.cm-edition{display:flex;align-items:center;gap:14px;font:9px/1.5 var(--cm-pixel);color:#a5b9ed}.cm-edition>span{background:var(--cm-red);color:#fff;padding:7px 9px;box-shadow:3px 3px #fff000}.cm-hero h3{font:italic 700 clamp(60px,7.8vw,112px)/1 var(--cm-display);color:var(--cm-yellow);letter-spacing:-6px;margin:27px 0 26px;text-shadow:4px 5px #020621;white-space:nowrap}.cm-hero h3>span{display:inline-block;font-style:normal;font-size:.23em;vertical-align:top;margin:5px 0 0 9px;color:var(--cm-red);text-shadow:2px 2px #fff000;animation:cm-spark-turn 16s linear infinite}.cm-hero-slogan{font:italic 700 clamp(30px,3.7vw,55px)/1.02 var(--cm-display);letter-spacing:-1.5px;color:#edf2ff}.cm-hero-slogan em{font-style:inherit;color:var(--cm-cyan)}.cm-hero h4{font:700 23px/1.6 var(--cm-display);margin:27px 0 10px;color:#f3f5ff}.cm-hero-copy>p{max-width:440px;font-size:14px;line-height:1.95;color:var(--cm-muted);margin:0 0 24px}.cm-detail-button{display:inline-flex;align-items:center;gap:38px;padding:14px 19px;border:2px solid;border-color:#f9ffff #6e82b6 #6e82b6 #f9ffff;background:var(--cm-chrome);color:#123098;font:700 14px var(--cm-display);box-shadow:4px 4px var(--cm-blue);cursor:pointer;transition:translate .2s,box-shadow .2s}.cm-detail-button b{font-size:22px;line-height:1}.cm-detail-button:hover{translate:-2px -2px;box-shadow:7px 7px var(--cm-red)}.cm-detail-button:active{translate:2px 2px;box-shadow:1px 1px var(--cm-blue)}
.cm-hero-stage{min-width:0;position:relative;padding:5px 0 40px;perspective:1200px}.cm-art-note{position:absolute;bottom:3px;inset-inline:0;text-align:center;color:#9bb5ff;font:8px/1.6 var(--mono);letter-spacing:.4px}.cm-rig{width:100%;aspect-ratio:1.05;position:relative;isolation:isolate;transform-style:preserve-3d;transform:rotateY(calc(var(--scene-x,0)*12deg)) rotateX(calc(var(--scene-y,0)*-6deg));transition:transform .5s ease;container-type:inline-size}.cm-rig *{box-sizing:border-box}.cm-monitor{position:absolute;top:22%;left:10%;width:73%;height:58%;transform:rotate(-8deg) rotateY(-12deg);transform-style:preserve-3d;animation:cm-monitor-float 9s ease-in-out infinite;z-index:3;filter:drop-shadow(14px 20px 0 #03082266)}.cm-monitor-front{position:relative;padding:3%;width:100%;height:100%;background:var(--cm-chrome);border:2px solid #f7faff;box-shadow:inset -3px -3px #6479a5,inset 3px 3px #fff,8px 9px #173dff,10px 11px #85a4ff;overflow:hidden}.cm-monitor-front::after{content:'';position:absolute;inset:-90% -70%;background:linear-gradient(110deg,transparent 44%,#fff5 49%,transparent 54%);pointer-events:none;animation:cm-chrome-sweep 12s ease-in-out infinite}.cm-window-bar{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;background:#173dff;border:1px solid #01134b;font:clamp(5px,1.35cqw,9px)/1.4 var(--cm-pixel);color:#fff000;white-space:nowrap}.cm-window-bar>b{font-family:var(--mono);letter-spacing:4px}.cm-monitor .cm-mosaic{padding:5px 0;gap:2px;grid-template-columns:repeat(24,1fr)}.cm-monitor .cm-mosaic i{height:4px}.cm-screen{position:relative;height:73%;padding:5%;background:linear-gradient(165deg,var(--cm-face) -15%,#091238 83%);border:3px solid #06113b;box-shadow:inset 0 0 25px #07163c,1px 1px #f3f7ff;overflow:hidden;transition:background .6s}.cm-screen::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#01041718 0 1px,transparent 1px 4px);z-index:4;pointer-events:none}.cm-screen::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#00edff15 50%,transparent 70%);animation:cm-scan 7s linear infinite;pointer-events:none;z-index:5}.cm-screen-top,.cm-screen-bottom{display:flex;justify-content:space-between;font:clamp(5px,1.2cqw,8px)/1.4 var(--cm-pixel);color:#b3caf5;position:relative;z-index:2}.cm-screen-top i{font-style:normal;color:var(--cm-cyan)}.cm-screen-word{font:italic 700 clamp(32px,17cqw,105px)/.98 var(--cm-display);color:var(--cm-accent);text-align:center;text-shadow:3px 4px #071750;margin:2% 0 0}.cm-channel-gpu,.cm-channel-ram{display:none}.cm-screen-wave{height:26%;margin-top:-2%;position:relative;z-index:2}.cm-screen-wave>svg{width:100%;height:100%;overflow:visible;fill:none;stroke:var(--cm-cyan);stroke-width:2}.cm-screen-wave path:first-child{stroke-dasharray:420 45;animation:cm-wave 10s linear infinite}.cm-screen-wave path:last-child{stroke:var(--cm-red);stroke-width:1.5;opacity:.7;stroke-dasharray:330 55;animation:cm-wave 15s linear infinite reverse}.cm-screen-bottom{position:absolute;bottom:4%;left:5%;right:5%;font-size:clamp(4px,1.05cqw,7px)}.cm-monitor-foot{display:flex;align-items:center;justify-content:space-between;padding:5% 2% 0;font:clamp(4px,1.2cqw,8px) var(--cm-pixel);color:#123493}.cm-monitor-foot i{width:10px;height:10px;background:#ff273a;border:1px solid #a40d27;box-shadow:0 0 8px #ff273a88}
.cm-orbit{position:absolute;width:95%;height:50%;top:24%;left:0;border:1px dashed #00edff70;border-radius:50%;transform:rotate(-28deg);animation:cm-orbit-wobble 18s ease-in-out infinite}.cm-orbit::before{content:'';position:absolute;left:10%;top:5%;width:10px;height:10px;background:#fff000;box-shadow:2px 2px #173dff}.cm-orbit--b{width:68%;height:88%;top:5%;left:21%;border-color:#637cf455;transform:rotate(38deg);animation-direction:reverse}.cm-burst{position:absolute;z-index:1;aspect-ratio:1}.cm-burst>svg{width:100%;height:100%;overflow:visible}.cm-burst--red{width:35%;top:4%;right:-2%;animation:cm-spark-turn 48s linear infinite}.cm-burst--red path{fill:#ff273a;stroke:#fff000;stroke-width:2}.cm-burst--yellow{width:27%;left:1%;bottom:10%;z-index:4;animation:cm-burst-bob 7s ease-in-out infinite}.cm-burst--yellow path{fill:#fff000;stroke:#173dff;stroke-width:4}.cm-burst--yellow>b{position:absolute;inset:0;display:grid;place-items:center;font-size:8cqw;color:#173dff}.cm-floating{position:absolute;z-index:5;box-shadow:6px 7px #03092570;animation:cm-bob 7s ease-in-out infinite}.cm-floating--frame{right:-1%;bottom:13%;width:35%;background:#ff273a;border:2px solid #ffa1ae;transform:rotate(9deg);box-shadow:5px 6px #fff000}.cm-floating--frame>div:first-child{display:flex;justify-content:space-between;border-bottom:1px solid #ff8c9b;padding:7% 8%;color:#fff;font:clamp(5px,1.4cqw,9px) var(--cm-pixel)}.cm-floating--frame strong{display:block;padding:3% 9% 5%;font:italic 700 9cqw/1.05 var(--cm-display);color:#fff000;text-shadow:2px 3px #a91738}.cm-floating--frame strong>span{display:block;color:#fff5d4;font:clamp(4px,.95cqw,7px) var(--cm-pixel);margin-top:9px;text-shadow:none}.cm-floating--frame .cm-mosaic{grid-template-columns:repeat(12,1fr);gap:2px;padding:5px}.cm-floating--frame .cm-mosaic i{height:4px}.cm-floating--chip{width:29%;top:3%;left:3%;padding:3%;background:#fff000;border:2px solid #fff9b0;transform:rotate(-9deg);box-shadow:5px 5px #ff273a;animation-delay:-3s;color:#123380}.cm-floating--chip>span,.cm-floating--chip small{display:block;font:clamp(5px,1.05cqw,8px) var(--cm-pixel)}.cm-chip{width:63%;aspect-ratio:1;margin:12% auto;display:grid;place-items:center;position:relative;font:italic 700 9cqw/.9 var(--cm-display);background:var(--cm-chrome);border:2px solid #fff;box-shadow:3px 4px #173dff,6px 7px #ff273a;transform:rotate(-10deg)}.cm-chip::before{content:'';position:absolute;inset:-8px;border:3px dotted #153db8;z-index:-1}.cm-chip>span{font:clamp(4px,1cqw,7px) var(--cm-pixel);position:absolute;bottom:5%;right:6%}.cm-keyboard{position:absolute;display:flex;gap:6px;bottom:0;left:29%;z-index:4;transform:rotate(-6deg)}.cm-keyboard span{padding:8px 10px;background:var(--cm-chrome);border:2px solid;border-color:#fff #6f84b2 #6f84b2 #fff;box-shadow:3px 4px #173dff;color:#0b2697;font:clamp(5px,1.2cqw,9px) var(--cm-pixel);animation:cm-key 8s ease-in-out infinite}.cm-keyboard span:nth-child(2){animation-delay:-2s}.cm-keyboard span:nth-child(3){background:#fff000;animation-delay:-4s}.cm-coordinate{position:absolute;color:#6e8ed8;font:clamp(5px,1.2cqw,8px)/1.6 var(--cm-pixel);z-index:0}.cm-coordinate--a{top:0;left:46%}.cm-coordinate--b{bottom:2%;left:0}
[data-chroma-channel=gpu]{--cm-accent:#fff000;--cm-face:#ff273a}[data-chroma-channel=ram]{--cm-accent:#00edff;--cm-face:#1538c9}[data-chroma-channel=gpu] .cm-channel-cpu,[data-chroma-channel=ram] .cm-channel-cpu{display:none}[data-chroma-channel=gpu] .cm-channel-gpu,[data-chroma-channel=ram] .cm-channel-ram{display:inline}
.cm-remix{display:grid;grid-template-columns:.75fr 1fr 1.2fr;align-items:center;gap:26px;margin:0 28px;padding:22px 24px;background:var(--cm-chrome);border:2px solid;border-color:#fff #637cac #637cac #fff;box-shadow:5px 5px #173dff;color:#102b87}.cm-remix-label>span{display:block;font:8px/1.5 var(--cm-pixel);color:#3d5497;margin-bottom:9px}.cm-remix-label strong{font:700 20px/1.45 var(--cm-display)}.cm-channel-controls{display:flex;gap:7px}.cm-channel-controls button{flex:1;position:relative;min-width:0;display:flex;flex-direction:column;gap:8px;padding:12px 14px;color:#fff000;background:#173dff;border:2px solid;border-color:#7696ff #071256 #071256 #7696ff;font:700 22px/1 var(--cm-display);cursor:pointer;box-shadow:3px 3px #031049;transition:translate .2s,box-shadow .2s}.cm-channel-controls button small{font:7px var(--cm-pixel)}.cm-channel-controls button b{position:absolute;right:9px;top:9px;font-size:12px}.cm-channel-controls button[data-chroma-channel-button=gpu]{background:#ff273a;border-color:#ff9dad #82122d #82122d #ff9dad}.cm-channel-controls button[data-chroma-channel-button=ram]{background:#fff000;color:#173dff;border-color:#fffec0 #968909 #968909 #fffec0}.cm-channel-controls button[aria-pressed=true]{translate:2px 2px;box-shadow:1px 1px #031049;outline:2px solid #173dff;outline-offset:3px}.cm-channel-controls button:hover{translate:0 -3px;box-shadow:3px 6px #031049}.cm-channel-copy h4{font:700 17px/1.4 var(--cm-display);margin:0 0 7px}.cm-channel-copy p{font-size:11px;line-height:1.85;margin:0;color:#3d5185}.cm-capabilities{display:grid;grid-template-columns:repeat(3,1fr);padding:36px 35px 30px;gap:20px}.cm-capabilities>span{font-size:11px;color:#a9bee9;display:flex;flex-direction:column;gap:9px}.cm-capabilities b{font:700 18px var(--cm-display);color:#fff000}.cm-capabilities>span:nth-child(2) b{color:#00edff}.cm-capabilities>span:nth-child(3) b{color:#ff8798}
.cm-preview{margin:0 28px 28px;border:2px solid;border-color:#c4d6ff #334579 #334579 #c4d6ff;background:#081038;box-shadow:5px 5px #020821}.cm-preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:15px;background:linear-gradient(110deg,#173dff,#172770);color:#fff000}.cm-preview-toolbar>span{font:9px/1.6 var(--cm-pixel)}.cm-preview-toolbar>span i{font-style:normal;color:#7292ff;margin-inline:8px}.cm-preview-toolbar>div{display:flex;gap:6px}.cm-preview-toolbar button{padding:8px 16px;font:700 12px var(--cm-display);border:2px solid;border-color:#849eef #07123f #07123f #849eef;background:#1c378a;color:#dbe7ff;cursor:pointer;transition:background .2s,color .2s}.cm-preview-toolbar button[aria-pressed=true]{background:#fff000;color:#123380;border-color:#fff9a3 #8a7f10 #8a7f10 #fff9a3}.cm-capture{margin:0}.cm-capture-mat{display:grid;place-items:center;overflow:hidden;background:linear-gradient(#253e8138 1px,transparent 1px),linear-gradient(90deg,#253e8138 1px,transparent 1px),#071032;background-size:25px 25px;aspect-ratio:1480/962;padding:14px}.cm-capture img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;border:1px solid #667bba;box-shadow:0 16px 35px #01041580}.cm-preview[data-chroma-preview=mini] img{width:min(62%,410px);box-shadow:12px 14px #173dff,16px 18px #ff273a}.cm-capture figcaption{padding:14px 16px;border-top:1px solid #3656a1;display:flex;justify-content:space-between;gap:14px;font:10px/1.7 var(--mono);color:#a5b9e6}.cm-capture figcaption>span:last-child{color:#7c96ca;text-align:right}.cm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:0 30px 29px}.cm-actions a{font:700 14px/1.5 var(--cm-display);color:#c4d9ff;text-decoration:none;display:flex;gap:24px;align-items:center;transition:color .2s,translate .2s}.cm-actions a:hover{color:#fff000;translate:0 -2px}.cm-actions a.cm-primary{padding:14px 20px;color:#0f278d;background:#fff000;border:2px solid;border-color:#fffcb3 #9c9415 #9c9415 #fffcb3;box-shadow:4px 4px #ff273a}.cm-actions a.cm-primary:hover{box-shadow:6px 6px #ff273a;color:#0f278d}.cm-actions>span{margin-left:auto;font:8px var(--cm-pixel);color:#8fa5d5}.cm-exhibit-footer{padding:13px 22px;border-top:2px solid #284dc4;font:8px/1.7 var(--cm-pixel);display:flex;justify-content:space-between;gap:15px;background:#060c2c;color:#97afe0}.cm-exhibit-footer b{color:#fff000}
.chroma-dialog{background:#081038!important;border:2px solid #9eb8ff!important;color:#eef2ff;max-width:1100px!important;border-radius:2px!important}.chroma-dialog .dialog-close{background:#ff273a;color:#fff;border:2px solid;border-color:#ff9dad #9b1634 #9b1634 #ff9dad;border-radius:0;box-shadow:3px 3px #fff000}.cm-detail-head{padding:30px;background:#173dff;border-bottom:2px solid #fff000;margin-bottom:24px}.cm-detail-head>span{font:9px var(--cm-pixel);color:#bfd4ff}.cm-detail-head h2{font:italic 700 clamp(45px,7vw,85px)/1.1 var(--cm-display);letter-spacing:-4px;margin:20px 0 10px;color:#fff000}.cm-detail-head h2>span{font-size:30px;color:#ff273a;margin-left:16px;text-shadow:2px 2px #fff000}.cm-detail-head p{color:#e7efff;font-size:17px}.cm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px}.cm-detail-grid section>span{font:8px var(--cm-pixel);color:#00edff}.cm-detail-grid h3{font:700 21px/1.5 var(--cm-display);color:#fff000}.cm-detail-grid p,.cm-boundary{font-size:13px;line-height:1.95;color:#b1c5ec}.cm-boundary{margin:30px;border-left:3px solid #ff273a;padding:15px 20px;background:#111d49;font-size:12px}.cm-detail .cm-actions{padding-bottom:20px}.scene-index--works>a[data-index-theme=chroma]{--index-ink:#fff000}
/* Same signal, three publication formats. */
.post-art--chroma{display:block;padding:0;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#3a59ad24 1px,transparent 1px),linear-gradient(90deg,#3a59ad24 1px,transparent 1px),#081038;background-size:22px 22px;color:#fff000}.cm-post-top{position:relative;z-index:3;background:#173dff;padding:16px 20px;display:flex;justify-content:space-between;gap:10px;border-bottom:2px solid #fff000;font:8px/1.5 var(--cm-pixel)}.post-art--chroma>.cm-mosaic{position:relative;z-index:2;padding:5px 8px;grid-template-columns:repeat(20,1fr);gap:2px}.cm-post-type{position:relative;z-index:4;margin:28px 30px;font:italic 700 46px/.99 var(--cm-display);color:#fff;font-size:clamp(35px,3.8vw,55px);letter-spacing:-1.5px;pointer-events:none}.cm-post-type>em{color:#fff000;font-style:inherit}.post-art--chroma>.cm-rig{position:absolute;width:63%;right:-3%;bottom:5%;pointer-events:none}.post-art--chroma .cm-floating--chip{display:none}.post-art--chroma .cm-coordinate{display:none}.post-art--chroma .cm-keyboard{display:none}.cm-post-bottom{position:absolute;z-index:5;bottom:0;left:0;right:0;padding:12px 18px;background:#173dff;font:7px/1.5 var(--cm-pixel);color:#e6edff;display:flex;justify-content:space-between}.cm-post-bottom b{color:#fff000}.post-card--chroma{border:1px solid #667acc!important;border-radius:3px!important;box-shadow:4px 5px #173dff!important}.post-card--chroma .post-card-copy{background:#0e193c}.post-card--chroma h2{font-family:var(--cm-display,ChromaDisplay),'Microsoft YaHei UI',sans-serif!important;color:#fff000!important}.post-card--chroma .post-card-meta,.post-card--chroma .post-read{color:#93b7ff}.post-card--chroma .post-card-copy p{color:#b2c5e6}.post-card--chroma .post-card-bottom{color:#a3b7e5;border-color:#375294}.article-card--chroma{background:#0a1436!important;border:1px solid #7794d9!important;box-shadow:7px 7px #173dff!important;border-radius:3px!important;overflow:hidden}.article-card--chroma .article-header{background:#fff000;color:#1238b8;position:relative}.article-card--chroma .article-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,#173dff 0 12px,#ff273a 12px 24px,#fff000 24px 36px,#00edff 36px 48px);animation:cm-tape 14s linear infinite}.article-card--chroma .article-header h1{color:#1035b4;font-family:var(--cm-display);font-weight:700}.article-card--chroma .article-meta,.article-card--chroma .article-byline,.article-card--chroma .article-edition{color:#354c9c}.article-card--chroma .article-avatar{background:#ff273a;color:#fff000;border-radius:0;box-shadow:3px 3px #173dff}.article-card--chroma .article-art .post-art--chroma{height:560px;min-height:0}.article-card--chroma .cm-post-type{font-size:clamp(52px,7.5vw,112px);margin:58px 7%;max-width:48%}.article-card--chroma .post-art--chroma>.cm-rig{width:49%;right:4%;bottom:6%}.article-card--chroma .article-reading{background-image:linear-gradient(90deg,#2d459111 1px,transparent 1px);background-size:32px 32px}.article-card--chroma .article-body p{color:#b8c9eb}.article-card--chroma .article-lead{color:#edf2ff!important}.article-card--chroma h2{color:#fff000;font-family:var(--cm-display)}.article-card--chroma .chapter-label{color:#00edff}.article-card--chroma .chapter-label>span:last-child{background:#42609d}.article-card--chroma .article-index{color:#93ade7}.article-card--chroma .article-index a{color:#b8c9eb}.article-card--chroma .article-index a:hover{color:#fff000}.article-card--chroma .article-index b{color:#00edff}.article-card--chroma blockquote{background:#173dff;color:#fff000!important;border:2px solid;border-color:#94b2ff #000f5e #000f5e #94b2ff;font-family:var(--cm-display);box-shadow:6px 6px #ff273a;position:relative;overflow:hidden}.article-card--chroma blockquote::after{content:'✦';position:absolute;right:18px;bottom:-18px;font-size:90px;color:#fff000;opacity:.15;animation:cm-spark-turn 28s linear infinite}.article-card--chroma .article-figure>div{border:2px solid #a6bdea;background:var(--cm-chrome);padding:8px;box-shadow:5px 5px #173dff;border-radius:0}.article-card--chroma .article-figure figcaption{color:#8da8de}.article-card--chroma .article-cta{background:#fff000;color:#123098;border:2px solid #fffee2;box-shadow:5px 5px #ff273a;border-radius:0}.article-card--chroma .article-signoff{border-color:#42609d;color:#00edff}.next-note--chroma{background:#173dff!important;border-color:#99b4ff!important;color:#fff000!important}.next-note--chroma h2{color:#fff000!important}
.milestone--chroma{border-color:#7390d5!important}.milestone--chroma .milestone-kicker{color:#95afe9}.milestone--chroma .milestone-link{color:#fff000}.cm-now-links{display:flex;flex-wrap:wrap;gap:24px}.cm-now-art{display:block;position:relative;overflow:hidden;background:linear-gradient(#204daf2e 1px,transparent 1px),linear-gradient(90deg,#204daf2e 1px,transparent 1px),#081038;background-size:17px 17px;min-height:390px;color:#fff000!important;padding:0!important}.cm-now-top{display:flex;justify-content:space-between;gap:10px;padding:16px 15px;background:#173dff;border-bottom:2px solid #fff000;font:8px/1.5 var(--cm-pixel)}.cm-now-top>b{color:#e0eaff}.cm-now-art>.cm-mosaic{grid-template-columns:repeat(12,1fr);gap:2px;padding:5px 8px}.cm-now-art>.cm-mosaic i{height:4px}.cm-now-art>strong{font:italic 700 49px/.98 var(--cm-display);letter-spacing:-2px;position:absolute;top:68px;left:20px;z-index:5;display:block;margin:0;color:#fff}.cm-now-art>strong em{font-style:inherit;color:#fff000}.cm-now-art>.cm-rig{position:absolute;width:270px;max-width:110%;left:-2%;bottom:30px}.cm-now-art .cm-coordinate,.cm-now-art .cm-keyboard,.cm-now-art .cm-floating--chip{display:none}.cm-now-art .cm-floating--frame{right:3%;bottom:4%;width:33%}.cm-now-art .cm-burst--red{right:5%;top:13%}.cm-now-art .cm-burst--yellow{bottom:4%;left:1%;width:22%}.cm-now-foot{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;background:#173dff;display:flex;align-items:center;justify-content:space-between;gap:10px;font:7px/1.5 var(--cm-pixel);color:#cbdcff}.cm-now-foot b{color:#fff000}
@keyframes cm-pixel-glint{0%,65%,100%{opacity:1;filter:brightness(1)}75%{opacity:.55;filter:brightness(1.25)}85%{opacity:1;filter:brightness(1.4)}}
@keyframes cm-monitor-float{0%,100%{transform:rotate(-8deg) rotateY(-12deg) translateY(0)}50%{transform:rotate(-4deg) rotateY(-4deg) translateY(-10px)}}
@keyframes cm-chrome-sweep{0%,30%{transform:translateX(-45%)}80%,100%{transform:translateX(45%)}}
@keyframes cm-scan{from{translate:0 -100%}to{translate:0 100%}}
@keyframes cm-wave{to{stroke-dashoffset:-465}}
@keyframes cm-spark-turn{to{rotate:360deg}}
@keyframes cm-orbit-wobble{50%{rotate:17deg;scale:1 .9}}
@keyframes cm-bob{50%{translate:0 -9px}}
@keyframes cm-burst-bob{50%{translate:0 -8px;rotate:20deg}}
@keyframes cm-key{0%,70%,100%{translate:0 0}80%{translate:2px 3px}}
@keyframes cm-tape{to{background-position:192px 0}}
.scene-composition:not(.scene-in-view) :is(.cm-rig,.cm-rig *,.cm-mosaic i),.scene-composition:not(.scene-in-view) .cm-rig *::after{animation-play-state:paused}
html[data-site-motion=off] :is(.cm-rig,.cm-rig *,.cm-mosaic i,.cm-hero h3>span),html[data-site-motion=off] .cm-rig *::after{animation-play-state:paused!important;transition:none!important}
:is(.exhibit--chroma,.chroma-dialog) :is(button,a):focus-visible{outline:3px solid #00edff;outline-offset:5px}
.post-card--chroma .cm-post-type{position:absolute;top:28%;left:6%;margin:0;font-size:clamp(28px,2.5vw,36px)}.post-card--chroma .post-art--chroma>.cm-rig{width:52%;right:-2%;bottom:4%}.article-card--chroma .cm-post-type{position:absolute;top:30%;left:7%;margin:0}.article-card--chroma .article-header::after,.article-card--chroma blockquote::after{animation-play-state:inherit}
@media(max-width:1100px){.cm-hero{padding:35px 28px;min-height:570px}.cm-hero h3{font-size:8.2vw;letter-spacing:-4px}.cm-hero h4{font-size:19px}.cm-hero-copy>p{font-size:12px}.cm-remix{grid-template-columns:1fr 1.2fr;gap:20px}.cm-channel-copy{grid-column:1/-1;display:flex;align-items:center;gap:20px}.cm-channel-copy h4{flex:1;flex-shrink:0;margin:0}.cm-channel-copy p{flex:1.6}.cm-actions{gap:17px}.cm-titlebar{font-size:8px}.cm-window-controls{font-size:15px}.cm-now-art>strong{font-size:41px}.cm-post-type{font-size:37px;margin:26px 24px}.post-art--chroma>.cm-rig{width:80%;right:-5%;bottom:5%}.cm-post-top{font-size:6px;padding:14px}.cm-post-bottom{font-size:6px}}
@media(max-width:760px){.cm-titlebar{padding:12px 15px;gap:8px;font-size:6px}.cm-titlebar>span:first-child>b{display:none}.cm-titlebar>span:first-child{max-width:69%}.cm-titlebar .cm-window-controls{display:none}.cm-titlebar>span:nth-child(2){white-space:nowrap}.cm-titlebar b{margin-inline:4px}.cm-titlebar i{width:6px;height:6px;margin-right:13px;box-shadow:4px 0 #fff,8px 0 #ff273a}.cm-mosaic{padding:5px 8px;gap:2px}.cm-mosaic i{height:4px}.cm-hero{display:flex;flex-direction:column;align-items:stretch;padding:27px 24px 20px;gap:12px}.cm-edition{font-size:7px;gap:12px}.cm-hero h3{font-size:clamp(61px,15vw,110px);letter-spacing:-3px;margin:25px 0 20px}.cm-hero h3>span{margin-left:6px}.cm-hero-slogan{font-size:clamp(39px,9vw,59px);letter-spacing:-1px}.cm-hero h4{margin-top:21px;font-size:19px}.cm-hero-copy>p{font-size:12px;max-width:440px;line-height:1.9}.cm-detail-button{font-size:12px;padding:12px 17px}.cm-hero-stage{padding:7px 0 34px;margin:10px -6px 0}.cm-hero-stage>.cm-rig{max-width:480px;margin:0 auto}.cm-art-note{font-size:6px}.cm-remix{grid-template-columns:1fr;margin:0 17px;padding:20px 17px;gap:18px}.cm-remix-label{display:flex;align-items:center;justify-content:space-between;gap:15px}.cm-remix-label>span{font-size:6px;margin:0;max-width:95px}.cm-remix-label strong{font-size:17px}.cm-channel-controls button{font-size:24px}.cm-channel-copy{display:block;grid-column:auto}.cm-channel-copy h4{font-size:16px;margin-bottom:7px}.cm-capabilities{padding:28px 22px;gap:14px}.cm-capabilities b{font-size:12px}.cm-capabilities>span{font-size:9px;line-height:1.7}.cm-preview{margin:0 17px 24px}.cm-preview-toolbar{flex-direction:column;align-items:stretch;padding:12px;gap:12px}.cm-preview-toolbar>span{font-size:7px}.cm-preview-toolbar>div{gap:6px}.cm-preview-toolbar button{flex:1;font-size:11px;padding:9px 5px}.cm-capture-mat{padding:7px}.cm-capture figcaption{flex-direction:column;font-size:8px;gap:5px;padding:12px}.cm-capture figcaption>span:last-child{text-align:left}.cm-actions{gap:19px;padding:0 21px 25px}.cm-actions a{font-size:12px;gap:16px}.cm-actions a.cm-primary{width:100%;justify-content:space-between;padding:14px 18px}.cm-actions>span{font-size:6px;width:100%;margin-left:0}.cm-exhibit-footer{padding:12px 18px;font-size:6px;gap:17px}.cm-detail-head{padding:28px 20px 20px}.cm-detail-head h2{letter-spacing:-3px}.cm-detail-head>span{font-size:7px}.cm-detail-grid{grid-template-columns:1fr;gap:22px;margin:25px 22px}.cm-detail-grid h3{font-size:19px}.cm-boundary{margin:25px 20px;padding:13px 17px}.cm-now-art{min-height:430px}.cm-now-art>strong{font-size:48px;left:25px;top:72px;margin:0}.cm-now-art>.cm-rig{left:calc(50% - 155px);width:310px;max-width:105%;bottom:36px}.cm-now-top{font-size:9px;padding:16px 20px}.cm-now-art .cm-floating--chip{display:block;width:22%;top:35%;left:0}.cm-now-art .cm-monitor{left:13%}.cm-now-art .cm-floating--frame{right:1%}.cm-post-type{font-size:48px;margin:24px}.post-art--chroma>.cm-rig{width:76%;max-width:400px;right:-1%;bottom:0}.article-card--chroma .article-art .post-art--chroma{height:480px}.article-card--chroma .cm-post-type{font-size:55px;margin:26px;max-width:none}.article-card--chroma .post-art--chroma>.cm-rig{width:81%;max-width:350px;bottom:26px;right:-1%}.article-card--chroma .post-art--chroma .cm-floating--chip{display:none}.article-card--chroma .article-header h1{font-size:32px!important;line-height:1.45}.article-card--chroma .article-figure>div{padding:4px}.cm-now-links{gap:20px}}
@media(prefers-reduced-motion:reduce){.cm-rig,.cm-rig *,.cm-rig *::after,.cm-mosaic i,.cm-hero h3>span{animation:none!important;transition:none!important}.cm-rig{transform:none!important}}

@media(max-width:760px){.post-card--chroma .post-art--chroma{min-height:390px}.post-card--chroma .cm-post-type{top:76px;left:23px;font-size:43px}.post-card--chroma .post-art--chroma>.cm-rig{width:78%;right:-1%;bottom:28px}.article-card--chroma .cm-post-type{top:84px;left:26px;margin:0}}