.DynamicVariantDemo-module__nuQgQG__section{padding:var(--pit-section-y) 0;background:var(--pit-ink);color:var(--pit-fg);border-top:1px solid var(--pit-rule)}.DynamicVariantDemo-module__nuQgQG__inner{max-width:var(--pit-max);padding:0 var(--pit-gutter);margin:0 auto}.DynamicVariantDemo-module__nuQgQG__headline{max-width:18ch;font-family:var(--pit-display);font-variation-settings:"opsz" 72;text-transform:uppercase;font-size:clamp(40px,5.4vw,92px);font-weight:900;line-height:.88}.DynamicVariantDemo-module__nuQgQG__caption{font-family:var(--pit-mono);letter-spacing:.04em;color:var(--pit-fg-3);margin:20px 0 48px;font-size:13px}.DynamicVariantDemo-module__nuQgQG__demo{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.DynamicVariantDemo-module__nuQgQG__controls{gap:28px;display:grid}.DynamicVariantDemo-module__nuQgQG__chipGroup{border:0;min-width:0;margin:0;padding:0}.DynamicVariantDemo-module__nuQgQG__chipLegend{font-family:var(--pit-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--pit-fg-3);margin-bottom:12px;padding:0;font-size:12px}.DynamicVariantDemo-module__nuQgQG__chipRow{flex-wrap:wrap;gap:8px;display:flex}.DynamicVariantDemo-module__nuQgQG__chip{box-shadow:inset 0 0 0 1px var(--pit-rule);font-family:var(--pit-display);font-variation-settings:"opsz" 72;letter-spacing:.04em;text-transform:uppercase;color:var(--pit-fg-2);cursor:pointer;align-items:center;padding:11px 16px;font-size:16px;font-weight:800;transition:color .2s,background-color .2s,box-shadow .2s;display:inline-flex;position:relative}.DynamicVariantDemo-module__nuQgQG__chip:hover{color:var(--pit-fg);box-shadow:inset 0 0 0 1px var(--pit-violet-hi)}.DynamicVariantDemo-module__nuQgQG__chipActive{background:var(--pit-violet);color:#fff;box-shadow:none}.DynamicVariantDemo-module__nuQgQG__chipActive:hover{box-shadow:none}.DynamicVariantDemo-module__nuQgQG__chip:has(.DynamicVariantDemo-module__nuQgQG__chipInput:focus-visible){outline:2px solid var(--pit-violet-hi);outline-offset:3px}.DynamicVariantDemo-module__nuQgQG__chipInput{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.DynamicVariantDemo-module__nuQgQG__mockShell{background:var(--pit-ink-2);border:1px solid var(--pit-rule)}.DynamicVariantDemo-module__nuQgQG__mockChrome{border-bottom:1px solid var(--pit-rule);align-items:center;gap:8px;padding:14px 20px;display:flex}.DynamicVariantDemo-module__nuQgQG__dot{background:var(--pit-violet-hi);width:8px;height:8px}.DynamicVariantDemo-module__nuQgQG__dot+.DynamicVariantDemo-module__nuQgQG__dot{background:var(--pit-rule)}.DynamicVariantDemo-module__nuQgQG__mockUrl{font-family:var(--pit-mono);color:var(--pit-fg-3);margin-left:8px;font-size:12px}.DynamicVariantDemo-module__nuQgQG__mockBody{perspective:900px;gap:20px;padding:clamp(28px,3.4vw,48px);display:grid}.DynamicVariantDemo-module__nuQgQG__mockHeadline,.DynamicVariantDemo-module__nuQgQG__mockOffer,.DynamicVariantDemo-module__nuQgQG__mockCta{transform-origin:50%;backface-visibility:hidden}.DynamicVariantDemo-module__nuQgQG__mockHeadline{font-family:var(--pit-display);font-variation-settings:"opsz" 72;text-transform:uppercase;font-size:clamp(30px,3.2vw,50px);font-weight:900;line-height:.92}.DynamicVariantDemo-module__nuQgQG__mockOffer{max-width:46ch;color:var(--pit-fg-2);font-size:17px;line-height:1.55}.DynamicVariantDemo-module__nuQgQG__mockCta{background:var(--pit-violet);color:#fff;font-family:var(--pit-display);font-variation-settings:"opsz" 72;letter-spacing:.04em;text-transform:uppercase;justify-self:start;align-items:center;gap:10px;padding:14px 22px;font-size:17px;font-weight:800;display:inline-flex}.DynamicVariantDemo-module__nuQgQG__mockCta svg{width:16px;height:16px}@media (max-width:900px){.DynamicVariantDemo-module__nuQgQG__demo{grid-template-columns:minmax(0,1fr)}}