/* Big typography and a contained splash of color, with hands-on composition play. */
.clarity-arrange,.clarity-play-hint{display:none}
#site.light-sim #reality-lab{background:#f8f8f8;--interactive-scatter:0}
#site.light-sim #reality-lab .reality-pin{grid-template-columns:1fr 1.05fr;gap:28px 3%;padding-top:90px;padding-bottom:90px;overflow:hidden;min-height:720px}
#site.light-sim #reality-lab h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,7.2vw,108px);font-weight:800;line-height:.96;letter-spacing:-.075em;margin-bottom:32px;max-width:650px}
#site.light-sim #reality-lab h2 em{font:inherit;color:#20232c}
#site.light-sim #reality-lab .reality-kicker{color:#969a9e;margin-bottom:26px}
#site.light-sim #reality-lab .reality-art{height:560px;position:relative;isolation:isolate;cursor:pointer;touch-action:pan-y}
#site.light-sim #reality-lab .reality-art::before{content:'';position:absolute;inset:14% 4% 10% 10%;background:#e8e9ea;border-radius:46% 54% 55% 45% / 56% 46% 54% 44%;z-index:-1;transform:rotate(-9deg)}
#site.light-sim #reality-lab .type-composition{--compose-loose:var(--interactive-scatter,0)!important;--compose-grid:.5!important;--compose-label:1!important;transform:translate(var(--art-x,0px),var(--art-y,0px)) rotate(var(--art-tilt,0deg));transition:transform .45s cubic-bezier(.16,1,.3,1)}
#site.light-sim #reality-lab .composition-type text{fill:#3d4042}
#site.light-sim #reality-lab .composition-circle circle,#site.light-sim #reality-lab .composition-circle path,#site.light-sim #reality-lab .composition-type path{stroke:#20232c}
#site.light-sim #reality-lab .composition-mark path{stroke:#aeb1b4;stroke-width:5}
#site.light-sim #reality-lab .swatch-one rect{fill:#20232c}
#site.light-sim #reality-lab .swatch-two rect{fill:#c0c2c4}
#site.light-sim #reality-lab .swatch-three rect{fill:#bbbdbf}
#site.light-sim #reality-lab .composition-caption{fill:#20232c}
#site.light-sim #reality-lab .composition-tiny{fill:#898d91}
#site.light-sim #reality-lab .composition-type,#site.light-sim #reality-lab .composition-circle,#site.light-sim #reality-lab .composition-swatch,#site.light-sim #reality-lab .composition-mark{transition:transform 1s cubic-bezier(.16,1,.3,1)}
#site.light-sim #reality-lab .reality-console{flex-wrap:wrap;gap:10px}
#site.light-sim #reality-lab .clarity-arrange{display:block;background:#20232c;color:#fff;border-color:#20232c;font-size:8px;padding:13px 17px;border-radius:999px;min-height:40px}
#site.light-sim #reality-lab .clarity-arrange:hover,#site.light-sim #reality-lab .clarity-arrange:focus-visible{background:#64686b;color:#fff}
#site.light-sim #reality-lab .reality-console button{border-radius:999px}
#site.light-sim #reality-lab .clarity-play-hint{display:block;position:absolute;bottom:4%;left:0;right:0;text-align:center;font:7px/1.5 monospace;letter-spacing:1.4px;color:#999ca0;pointer-events:none}
@media(max-width:900px){#site.light-sim #reality-lab .reality-pin{min-height:0;padding-top:65px;padding-bottom:65px}#site.light-sim #reality-lab h2{font-size:68px}#site.light-sim #reality-lab .reality-art{height:440px}}
@media(max-width:700px){#site.light-sim #reality-lab .reality-pin{grid-template-columns:1fr;grid-template-rows:auto 350px auto;gap:23px;padding:55px 6%}#site.light-sim #reality-lab h2{font-size:clamp(53px,13vw,76px);margin-bottom:25px}#site.light-sim #reality-lab .reality-art{height:350px}#site.light-sim #reality-lab .clarity-play-hint{bottom:0;font-size:6px;letter-spacing:1px}#site.light-sim #reality-lab .reality-console{justify-content:flex-start}#site.light-sim #reality-lab .clarity-arrange{font-size:7px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){#site.light-sim #reality-lab .type-composition{transform:none;transition:none}#site.light-sim #reality-lab .composition-type,#site.light-sim #reality-lab .composition-circle,#site.light-sim #reality-lab .composition-swatch,#site.light-sim #reality-lab .composition-mark{transition:none}}