.platform-artwork{background:#0b1917;color:#e8eddf;scroll-margin-top:76px;overflow:hidden}
.platform-art-shell{max-width:1440px;margin:auto;padding:34px 5.5% 32px;position:relative;background:radial-gradient(ellipse at 70% 42%,#1b38302e,transparent 64%)}
.platform-art-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #9db29a35;padding-top:26px}
.platform-art-topline>p{margin:0;color:#b1c0a9;font:11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.platform-art-controls{display:flex;align-items:center;gap:18px}
.platform-context-switch{display:flex;border:1px solid #8faa9740;padding:3px}
.platform-context-switch button,.platform-art-motion,.platform-art-navigation button{font:14px/1.4 var(--sans);color:#b6c4b5;background:transparent;border:1px solid transparent;min-height:44px;padding:10px 14px;cursor:pointer}
.platform-context-switch button[aria-pressed="true"]{background:#c8d7b716;color:#e8d8a5;border-color:#ccbc8160}
.platform-art-motion{border-color:#8faa9740;white-space:nowrap;font-size:12px}
.platform-art-composition{display:grid;grid-template-columns:minmax(235px,.8fr) minmax(0,2fr);align-items:center;gap:15px;min-height:550px}
.platform-art-copy{position:relative;z-index:1;padding:40px 0}
.platform-art-overline{font:11px/1.5 var(--mono);color:#d1ba85;text-transform:uppercase;letter-spacing:.1em;margin:0 0 24px}
.platform-art-copy h2{font:400 clamp(36px,3.4vw,54px)/1.06 var(--serif);letter-spacing:-.025em;color:#eff0df;margin:0 0 25px;text-wrap:balance}
.platform-art-copy>p:not(.platform-art-overline){font:17px/1.8 var(--sans);color:#b6c7b7;margin:0;max-width:350px}
.platform-art-key{display:flex;flex-direction:column;gap:12px;border-top:1px solid #9db29a30;padding-top:22px;margin-top:34px;font:12px/1.5 var(--sans);color:#9eb6a6}
.platform-art-key span{display:flex;align-items:center;gap:12px}
.platform-art-key i{display:inline-block;flex-shrink:0;width:17px;height:10px}
.platform-key-agent{border:1px solid #e1c78d;border-radius:0;transform:rotate(-25deg);clip-path:polygon(30% 0,100% 20%,80% 100%,0 65%);background:linear-gradient(135deg,#f2db9c,#987b3a)}
.platform-key-context{border-top:1px solid #7dc5aa;border-bottom:1px solid #7dc5aa55;transform:skewY(-15deg)}
.platform-key-held{background:#e79b7c;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.platform-art-stage{position:relative;min-width:0;width:100%;height:620px;isolation:isolate}
.platform-art-stage canvas,.platform-art-fallback{position:absolute;inset:0 0 auto;width:100%;height:calc(100% - 88px);display:block;touch-action:pan-y}
.platform-art-stage canvas{z-index:1}
.platform-art-fallback{opacity:.8}
[data-platform-art][data-ready="true"] .platform-art-fallback{display:none}
[data-platform-art]:not([data-ready="true"]) .platform-art-controls,[data-platform-art]:not([data-ready="true"]) .platform-art-navigation,[data-platform-art]:not([data-ready="true"]) .platform-art-invitation{display:none}
[data-platform-art]:not([data-ready="true"]) canvas{visibility:hidden}
[data-context="independent"] .platform-key-context{opacity:.3}
.platform-art-caption{position:absolute;left:7%;right:7%;bottom:12px;z-index:2;pointer-events:none;text-align:center;margin:0;color:#c8d5be;font:italic 18px/1.5 var(--serif);text-wrap:balance}
.platform-art-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #9db29a25;padding-top:22px}
.platform-art-navigation{display:flex;gap:8px}
.platform-art-navigation button{padding:14px 22px;min-height:50px;border-color:#91ac9830}
.platform-art-navigation button[aria-pressed="true"]{background:#b7c38c12;border-color:#d1be7b88;color:#efdb9f}
.platform-artwork button:hover{color:#fff2c9;border-color:#cbb67b}
.platform-artwork :focus-visible{outline:2px solid #edce80;outline-offset:5px}
.platform-art-invitation{font:12px/1.7 var(--mono);color:#8fa998;margin:0;text-align:right}
.platform-art-footnote{max-width:1440px;margin:auto;padding:23px 5.5% 28px;border-top:1px solid #9db29a25;display:flex;justify-content:space-between;gap:35px;color:#9aad9e;font:12px/1.7 var(--sans)}
.platform-art-footnote p{margin:0;max-width:680px}
.platform-art-footnote a{color:#d5c58e;align-self:start;white-space:nowrap;border-bottom:1px solid #d5c58e55;text-decoration:none;padding:2px 0 5px}
.platform-art-footnote a span{margin-left:10px}
.platform-art-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.platform-art-visible .back-to-top{visibility:hidden}
.platform-art-experiment{display:block;margin-top:25px}
.platform-art-scenario{font:11px/1.7 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#d0c397;margin:0}
.platform-art-experiment [data-platform-event]{font:14px/1.65 var(--sans);color:#cfdbca;border-left:1px solid #d2b97766;padding-left:14px;margin:12px 0 0;min-height:90px;max-width:355px}
.platform-art-key{flex-direction:row;flex-wrap:wrap;gap:10px 20px;margin-top:24px;padding-top:18px}
@media(max-width:1100px){.platform-art-shell{padding-inline:4%}.platform-art-topline{align-items:flex-start}.platform-art-topline>p{max-width:180px}.platform-art-controls{gap:8px}.platform-art-composition{grid-template-columns:minmax(230px,.85fr) minmax(0,1.6fr)}.platform-art-copy h2{font-size:42px}.platform-art-stage{height:510px}.platform-art-navigation button{padding:13px 17px}}
@media(max-width:800px){.platform-art-shell{padding:28px 6%}.platform-art-topline{display:block;padding-top:22px}.platform-art-topline>p{max-width:none;margin-bottom:20px}.platform-art-controls{justify-content:space-between}.platform-art-composition{grid-template-columns:1fr;gap:0;min-height:0}.platform-art-copy{padding:34px 0 0;max-width:580px;min-height:225px}.platform-art-copy h2{max-width:480px;font-size:42px;margin-bottom:17px}.platform-art-copy>p:not(.platform-art-overline){max-width:560px;font-size:16px;line-height:1.7}.platform-art-overline{margin-bottom:15px}.platform-art-key{flex-direction:row;flex-wrap:wrap;gap:8px 22px;margin-top:21px;padding-top:15px}.platform-art-stage{height:390px}.platform-art-bottom{display:block}.platform-art-navigation{gap:6px;justify-content:space-between}.platform-art-navigation button{flex:1;padding:12px 8px}.platform-art-invitation{text-align:center;margin-top:18px;font:12px/1.6 var(--sans)}.platform-art-invitation br{display:none}.platform-art-footnote{display:block;padding-inline:6%}.platform-art-footnote a{display:inline-block;margin-top:15px}.platform-artwork{scroll-margin-top:70px}}
@media(max-width:440px){.platform-art-controls{flex-wrap:wrap;gap:10px}.platform-context-switch{flex:1}.platform-context-switch button{flex:1;padding:10px 9px;font-size:13px;white-space:nowrap}.platform-art-motion{font-size:12px;padding:10px 9px}.platform-art-copy{min-height:270px}.platform-art-copy h2{font-size:38px}.platform-art-key{font-size:11px;gap:8px 14px}.platform-art-stage{height:360px;width:calc(100% + 12px);margin-left:-6px}.platform-art-caption{font-size:17px;bottom:3px}.platform-art-navigation button{font-size:13px}}
@media(max-width:360px){.platform-art-controls{gap:8px}.platform-art-motion{width:100%}.platform-art-copy{min-height:285px}.platform-art-stage{height:325px}.platform-art-navigation button{font-size:12px}.platform-art-key{flex-direction:column}.platform-art-copy h2{font-size:35px}}
@media(max-width:800px){.platform-art-shell{display:flex;flex-direction:column}.platform-art-topline{order:0}.platform-art-composition{display:contents}.platform-art-copy{order:1;padding-bottom:24px}.platform-art-bottom{order:2;padding:16px 0;border-bottom:1px solid #9db29a25}.platform-art-stage{order:3;margin-top:12px}.platform-art-invitation{display:none}}
@media(min-width:801px) and (max-width:1100px){.platform-art-stage{height:610px}.platform-art-copy>p:not(.platform-art-overline){font-size:16px}.platform-art-copy h2{font-size:39px}.platform-art-experiment [data-platform-event]{font-size:13px}}
@media(max-width:800px){.platform-art-stage{height:460px}.platform-art-copy{min-height:0}.platform-art-experiment [data-platform-event]{max-width:560px;min-height:104px}.platform-art-key{flex-direction:row}.platform-art-navigation button{font-size:13px;min-height:64px}.platform-art-motion:disabled{opacity:.65}.platform-art-caption{font-size:16px;bottom:0;left:3%;right:3%}}
@media(max-width:360px){.platform-art-stage{height:430px}.platform-art-key{font-size:11px;gap:10px 16px}.platform-art-navigation button{font-size:12px;padding:9px 5px}.platform-art-experiment [data-platform-event]{font-size:13px}}
@media print{.platform-art-controls,.platform-art-navigation,.platform-art-invitation,.platform-art-stage canvas{display:none!important}.platform-art-fallback{display:block!important}.platform-artwork{break-inside:avoid}.platform-art-shell{padding:20px}.platform-art-stage{height:300px}.platform-art-copy{min-height:0}.platform-art-caption{position:static}}

[data-context="independent"] .platform-context-switch button[aria-pressed="true"]{background:#d7604a22;border-color:#ed8069;color:#ffc6b8}
[data-context="independent"] .platform-art-experiment [data-platform-event]{border-color:#ed8069;color:#efb6a8}
[data-context="shared"] .platform-context-switch button[aria-pressed="true"]{background:#8fd5b51c;border-color:#9ed1b5;color:#dcf0d9}
[data-context="shared"] .platform-art-experiment [data-platform-event]{border-color:#9ed1b5}

.platform-context-switch button{display:flex;align-items:center;justify-content:center;gap:10px}
.platform-context-switch button[data-platform-context="independent"][aria-pressed="false"]{background:#e7c879;border-color:#f3dc9b;color:#14251e;font-weight:600;box-shadow:0 0 24px #e7c87920}
.platform-context-switch button[data-platform-context="independent"] span{font-size:18px;line-height:1}
.platform-context-switch button[data-platform-context="independent"][aria-pressed="false"]:hover{background:#f5dda0;border-color:#fff0c4;color:#0a1b14;box-shadow:0 0 28px #e7c87938}
