.p5-compare{width:92%;max-width:1440px;margin:64px auto 80px;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr);container-type:inline-size}
.p5-copy{grid-area:1/1;align-self:start;margin:calc(100cqw * 625 / 1470 + 24px) 0 0 calc(100% * 40 / 1470);width:calc(100% * 858 / 1470);position:relative;z-index:2}
.p5-copy-lead{margin:0;color:var(--nxt-body,#465865);font:400 var(--nxt-body-size,16px)/var(--nxt-body-leading,28px) var(--nxt-font,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif);text-align:left;overflow-wrap:break-word}
.p5-stage{grid-area:1/1;align-self:start;position:relative;aspect-ratio:1470/815;isolation:isolate;mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%)}
.p5-layer{position:absolute;inset:0}
.p5-scene{display:block;width:100%;height:100%}
.p5-alternate{opacity:1;transition:none;will-change:auto}
.p5-screen-toggle{position:absolute;z-index:3;border:0;background:transparent;padding:0;border-radius:20px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.p5-screen-toggle:focus-visible{outline:2px solid #64766a;outline-offset:4px}
.p5-screen-toggle .p5-hover-preview{width:100%;height:100%;overflow:hidden;border-radius:inherit;opacity:0;pointer-events:none;transition:transform .25s,opacity .15s}
@media(hover:hover){.p5-screen-toggle:hover .p5-hover-preview{opacity:1;transform:scale(1.025)}}
@media(max-width:650px){.p5-compare{width:96%;margin:36px auto 56px}.p5-copy{grid-area:2/1;margin:24px 0 0;width:100%}}