/* A stable small-square composition, with naturally scrolling editorial notes. */
.site-mosaic{--sm-top:90px;--sm-room:700px;background:#fbfafc;color:#211a33;padding-block:clamp(64px,7vw,112px) 0}
.site-mosaic-heading{max-width:960px;width:90%;margin:0 auto 64px;text-align:center}
.site-mosaic-heading .ec-kicker{color:#6541c8}
body.ws-page .site-mosaic-heading h2{font:500 clamp(36px,4.8vw,72px)/1.06 'Source Serif 4',Georgia,serif;letter-spacing:-.025em;margin:20px 0}
.site-mosaic-heading>p:last-child{max-width:58ch;margin:24px auto 0;font-size:17px;line-height:1.7;color:#62566c}
.site-mosaic-story{display:grid;position:relative;isolation:isolate}
.site-mosaic-stage{grid-area:1/1;position:sticky;top:var(--sm-top);height:var(--sm-room);display:flex;flex-direction:column;align-items:center;padding:12px clamp(12px,3vw,50px) 24px;border-block:1px solid #e2dce5}
.site-mosaic-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:0 0 14px;color:#62566c;font:11px/1.5 'JetBrains Mono',monospace}
.site-mosaic-bar a{color:#6541c8;font:500 13px Inter,sans-serif;text-underline-offset:4px}
.site-mosaic-art{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.site-mosaic-flow{grid-area:1/1;position:relative;z-index:1;padding:calc(var(--sm-room)*.72) 0 calc(var(--sm-room)*.6);margin:0;list-style:none;pointer-events:none}
.site-mosaic-card{width:min(34%,440px);margin:0 0 calc(var(--sm-room)*.68) 4%;padding:clamp(24px,3vw,44px);background:#fffdf9;border:1px solid #d6cddd;pointer-events:auto}
.site-mosaic-card:nth-child(even){margin-left:auto;margin-right:4%}
.site-mosaic-card:last-child{margin-bottom:0}
.site-mosaic-card>span{display:block;color:#6541c8;font:500 11px/1.5 'JetBrains Mono',monospace;letter-spacing:.05em;margin-bottom:20px}
body.ws-page .site-mosaic-card h3{font:500 clamp(28px,2.8vw,42px)/1.1 'Source Serif 4',Georgia,serif;letter-spacing:-.02em;margin:0 0 20px}
.site-mosaic-card p{font-size:16px;line-height:1.65;color:#62566c;margin:0}
.site-mosaic-card .site-mosaic-result{margin-top:24px;padding-top:20px;border-top:1px solid #ded5e5;font-size:14px;color:#352443}
.site-mosaic-card .site-mosaic-result b{display:block;margin-bottom:7px;color:#6541c8}
.site-mosaic-card .ec-button{margin-top:24px}
.site-mosaic-finish{padding:44px 5%;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;text-align:center;border-top:1px solid #ded5e5}
.site-mosaic-finish p{max-width:55ch;margin:0;color:#62566c;font-size:15px;line-height:1.6}
.site-mosaic.is-static .site-mosaic-stage{position:relative;grid-area:auto;height:450px}
.site-mosaic.is-static .site-mosaic-flow{grid-area:auto;padding:30px 0}
.site-mosaic.is-static .site-mosaic-card{width:min(90%,720px);margin:0 auto 24px}
@media(max-width:760px){.site-mosaic-heading{margin-bottom:36px}.site-mosaic-heading>p:last-child{font-size:16px}.site-mosaic-card{width:min(84%,430px);padding:26px;margin-left:4%}.site-mosaic-card p{font-size:15px}.site-mosaic-bar{font-size:9px}.site-mosaic-bar a{font-size:11px}.site-mosaic-stage{padding-inline:8px}.site-mosaic-art{object-fit:cover}.site-mosaic-finish{padding-block:32px}}
@media(prefers-reduced-motion:reduce){.site-mosaic-stage{position:relative;grid-area:auto;height:400px}.site-mosaic-flow{grid-area:auto;padding:30px 0}.site-mosaic-card{width:min(90%,720px);margin:0 auto 24px}}