.pg-demos .demo-head{display:flex;flex-direction:column;gap:var(--space-4);max-width:32em;margin-bottom:var(--space-4)}.pg-demos .demo-top{padding-top:var(--space-4);padding-bottom:0}.pg-demos .demo-top .demo-tabs{margin-bottom:0}.pg-demos .demo-top~.ds-section,.pg-demos .demo-top~[role=tabpanel]>.ds-section{border-top:0;padding-top:var(--space-4)}.pg-demos .demo-head .lede{margin:0}.pg-demos .demo-title{max-width:18em;text-wrap:balance}.pg-demos .demo-hint-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.pg-demos .demo-hint{margin:0;font-size:var(--fs-mk-small);line-height:var(--lh-mk-small);color:var(--muted)}.pg-demos .demo-tabs{display:flex;width:-moz-fit-content;width:fit-content;max-width:100%;margin-bottom:var(--space-6)}.pg-demos .demo-tabs__btn{min-height:48px;min-width:48px;padding-inline:var(--space-4);font-size:var(--fs-mk-small);white-space:nowrap}.pg-demos .demo-narrow-only,.pg-demos .demo-wide-only{display:none}.pg-demos .demo-wide-only{display:inline}.pg-demos .demo-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);gap:var(--space-6);align-items:start}.pg-demos .demo-row+.demo-row{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--line)}.pg-demos .demo-text .prose{margin-top:var(--space-3)}.pg-demos .demo-text .h2{margin-top:var(--space-2)}.pg-demos .demo-h3{margin:var(--space-2) 0 0;font-family:var(--font-heading);font-size:var(--t-h3);line-height:var(--lh-mk-subhead);font-weight:400}.pg-demos .demo-full-button{margin-top:var(--space-4)}.demo-tile{position:relative;overflow:hidden;background:var(--sunken);border:1px solid var(--screen-border);border-radius:var(--radius-md)}.demo-tile--wide{aspect-ratio:16/9;width:100%}.demo-tile--feature{max-width:var(--crop-max)}.demo-tile--tall{aspect-ratio:9/16;margin-inline:auto;width:min(100%,calc((100svh - var(--header-h) - var(--tabbar-h) - var(--space-8) - 48px - var(--space-3)) * 9 / 16))}.demo-poster{position:absolute;z-index:1;pointer-events:none;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.demo-poster[data-hidden=true]{opacity:0;transition:none}.demo-frame{position:absolute;inset:0;pointer-events:none}.demo-player{display:block;width:100%;height:100%;--controls:none;--media-object-fit:cover;--media-object-position:center;--media-background-color:transparent}.demo-hit{width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.demo-hit,.demo-play{position:absolute;z-index:2;inset:0}.demo-play{margin:auto;width:64px;height:64px;border-radius:var(--radius-round);background:var(--surface);color:var(--brand);border:1px solid var(--line);display:grid;place-items:center;padding:0;cursor:pointer}#guided .demo-play{inset:auto var(--space-3) var(--space-3) auto;margin:0}.demo-unavailable{position:absolute;z-index:2;inset:0;margin:0;display:grid;place-items:center;padding:var(--space-4);background:var(--sunken);color:var(--muted);font-size:var(--fs-mk-small);text-align:center}.demo-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.demo-ctl-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.demo-caption{margin:0 auto 0 0;font-size:var(--fs-mk-small);line-height:var(--lh-mk-small);color:var(--muted)}.pg-demos .demo-ctl{min-height:48px;min-width:48px;gap:var(--space-2)}.pg-demos .demo-ctl svg{flex:none}.demo-media--tall{display:none}@media (max-width:719.98px){.demo-media--wide{display:none}.demo-media--tall,.demo-media--wide.demo-media--always{display:block}.pg-demos .demo-wide-only{display:none}.pg-demos .demo-narrow-only{display:inline}.pg-demos .demo-row{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.pg-demos .demo-tabs{display:flex;width:100%}.pg-demos .demo-tabs__btn{flex:1 1 auto;padding-inline:var(--space-2);white-space:normal;text-align:center}.demo-ctl-bar{flex-wrap:wrap}.demo-caption{flex-basis:100%}.pg-demos .demo-full-button{display:flex;width:100%}}.demo-theater{margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));background:var(--night-950);color:var(--night-50);display:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-3);animation:demoTheaterIn var(--dur-draw) ease-out}.demo-theater[open]{display:grid}.demo-theater::backdrop{background:var(--night-950)}@keyframes demoTheaterIn{0%{opacity:0}to{opacity:1}}html:has(dialog.demo-theater[open]){overflow:hidden}.demo-theater__bar{display:flex;justify-content:flex-end}.demo-theater__close{display:inline-flex;align-items:center;gap:var(--space-2);min-height:48px;min-width:48px;padding:0 var(--space-4);font:inherit;font-family:var(--font-sans);font-size:var(--fs-mk-small);font-weight:600;color:var(--night-50);background:transparent;border:1px solid var(--night-700);border-radius:var(--radius-button);cursor:pointer}.demo-theater__close:focus-visible,.demo-theater__player:focus-visible{outline-color:var(--night-50)}.demo-theater__player:focus-visible{outline-offset:-2px}.demo-theater__stage{container-type:size;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}.demo-theater__player{display:block;border:0;width:min(100cqw,calc(100cqh * var(--ar, 1.7778)));height:auto;max-width:100%;max-height:100%;--media-accent-color:var(--night-50);--media-primary-color:var(--night-50);--media-secondary-color:var(--night-950);--seek-backward-button:none;--seek-forward-button:none;--playback-rate-button:none;--playback-rate-menu-button:none;--pip-button:none;--cast-button:none;--airplay-button:none;--rendition-menu-button:none;--audio-track-menu-button:none;--captions-menu-button:none;--volume-range:none}.demo-theater__caption{margin:0;text-align:center;font-size:var(--fs-mk-small);color:var(--night-500)}.pg-demos .contact-band__alt{margin:0}.pg-demos .contact-band__actions>.demo-next,.pg-demos .contact-band__alt .arrow{display:flex;align-items:center;min-height:44px;margin-top:0}.pg-demos .demo-next{font-size:var(--t-small);font-weight:600;color:var(--on-brand)}.pg-demos .proof-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.pg-demos .proof-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pg-demos .proof-chip{display:inline-flex;align-items:center;min-height:48px;padding:0 var(--space-4);font:inherit;font-size:var(--fs-mk-small);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-button);cursor:pointer;white-space:nowrap}.pg-demos .proof-chip[aria-pressed=true]{color:var(--on-brand);background:var(--brand);border-color:var(--brand);font-weight:600}.pg-demos .proof-search{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--space-1);max-width:28rem;font-size:var(--fs-mk-small);color:var(--muted)}.pg-demos .proof-search__input{box-sizing:border-box;width:100%;height:48px;padding:0 var(--space-3);font:inherit;font-size:var(--fs-mk-small);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-button)}.pg-demos .proof-group{margin-top:var(--space-6)}.pg-demos .proof-group__title{margin:0 0 var(--space-4);font-family:var(--font-heading);font-size:var(--t-h3);font-weight:400}.pg-demos .proof-group__count{color:var(--muted)}.pg-demos .proof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--space-6);margin:0;padding:0;list-style:none}.pg-demos .proof-card__title{margin:var(--space-3) 0 0;font-family:var(--font-heading);font-size:var(--t-h4);line-height:var(--lh-mk-subhead);font-weight:400}.pg-demos .proof-card__meta{margin:var(--space-1) 0 0;font-size:var(--fs-mk-small);color:var(--muted)}.pg-demos .proof-card__link{color:inherit;text-decoration:underline}.pg-demos .proof-empty{margin:0;color:var(--muted)}.pg-demos .proof-reset{min-height:48px;padding:0;font:inherit;color:var(--ink);background:none;border:0;text-decoration:underline;cursor:pointer}