.flow-page-examples .flow-deck{position:absolute;inset:0;container-type:size}.flow-page-examples .flow-deck-shot{position:absolute;display:flex;flex-direction:column;width:47cqw;aspect-ratio:1280 / 900;overflow:hidden;border-radius:var(--r-frame);background:var(--bone);box-shadow:var(--shadow-shot)}.flow-page-examples .flow-deck-bar{position:relative;flex:none;height:clamp(16px,4.4cqw,24px);border-bottom:1px solid var(--hair-2)}.flow-page-examples .flow-deck-bar .flow-browser-dots{left:clamp(8px,2cqw,11px);gap:clamp(4px,.9cqw,5px)}.flow-page-examples .flow-deck-bar .flow-browser-dots i{width:clamp(5px,1.1cqw,6px)}.flow-page-examples .flow-deck-shot:nth-child(1){top:4.5cqw;left:0}.flow-page-examples .flow-deck-shot:nth-child(2){top:11.5cqw;left:53cqw}.flow-page-examples .flow-deck-shot:nth-child(3){top:45cqw;left:0}.flow-page-examples .flow-deck-shot:nth-child(4){top:52cqw;left:53cqw}.flow-page-examples .flow-deck-shot img{flex:1;min-height:0;width:100%;background:var(--ink-2);object-fit:cover;object-position:top center}.flow-page-examples .flow-examples-stats{padding-top:var(--section-tight)}.flow-page-examples .flow-examples-demos{padding-block:var(--section-tight)}.flow-page-examples .flow-examples-list{display:grid;gap:var(--s-6)}.flow-page-examples .flow-examples-demo .ink-head{margin-bottom:var(--s-5)}.flow-page-examples .flow-examples-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);margin-top:var(--s-6)}.flow-page-examples .flow-examples-about{display:grid;align-content:start;gap:var(--s-4)}.flow-page-examples .flow-examples-about h2{font-size:var(--fs-h3-lg);line-height:1.1;letter-spacing:var(--ls-h3-lg);color:var(--text-on-ink)}.flow-page-examples .flow-examples-about p,.flow-page-examples .flow-examples-try p{max-width:52ch;line-height:1.65;color:var(--text-on-ink-muted)}.flow-page-examples .flow-examples-about .flow-examples-recreates{font-size:var(--fs-meta);line-height:1.6;color:var(--text-on-ink-quiet)}.flow-page-examples .flow-examples-try{display:grid;align-content:start;gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--hair-on-ink)}.flow-page-examples .flow-examples-try .flow-examples-label{font-size:var(--fs-caption);line-height:1.3;color:var(--text-on-ink-quiet)}.flow-page-examples .flow-examples-try .flow-link{margin-top:var(--s-2)}.flow-page-examples .flow-examples-more{padding-bottom:var(--section-tight)}.flow-page-examples .flow-examples-note{position:relative;padding-top:clamp(24px,3vw,36px)}.flow-page-examples .flow-examples-note:before,.flow-page-examples .flow-examples-rule{content:"";position:absolute;top:0;left:0;width:100%;height:1px}.flow-page-examples .flow-examples-note:before{background:var(--hair)}.flow-page-examples .flow-examples-rule{background:var(--ink);transform-origin:left center}.flow-page-examples .flow-examples-more .edit-body{max-width:34ch;font-size:var(--fs-h3);line-height:1.35;letter-spacing:var(--ls-h3)}.flow-page-examples .flow-examples-more .edit-body a{text-decoration-line:underline;text-decoration-color:var(--link-underline);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color var(--d-fast) ease}.flow-page-examples .flow-examples-more .edit-body a:hover{text-decoration-color:currentColor}@media(max-width:860px){.flow-page-examples .flow-examples-copy{grid-template-columns:minmax(0,1fr)}}