.flow-page-work .flow-ihero[data-layout=band]{padding-top:calc(var(--nav-top) + var(--nav-h) + clamp(40px,6.5vh,80px))}.flow-page-work .flow-ihero[data-layout=band] .flow-ihero-grid{gap:var(--s-4)}.flow-page-work .flow-ihero[data-layout=band] .flow-ihero-lede{max-width:40ch}.flow-page-work .flow-ring-poster{--cw: min(36cqw, 112cqh);pointer-events:none;--side: .86;--off: calc(var(--cw) * .78)}.flow-page-work .flow-ring-card{position:absolute;top:50%;left:50%;width:var(--cw);aspect-ratio:16 / 10;overflow:hidden;border-radius:calc(var(--cw) * .075);background-color:var(--paper-2);box-shadow:var(--shadow-shot);translate:-50% -50%;transition:background-color var(--d-slow) ease,box-shadow var(--d-slow) ease,opacity var(--d-slow) ease}html.js .flow-page-work .flow-ring-card:not([data-ready]){opacity:0}.flow-page-work .flow-ring-card>img:not(.flow-ring-phone){width:100%;height:100%;object-fit:cover;object-position:top center}.flow-page-work .flow-ring-card-front{z-index:2}.flow-page-work .flow-ring-card-left{translate:calc(-50% - var(--off)) -50%;rotate:-6deg;scale:var(--side)}.flow-page-work .flow-ring-card-right{translate:calc(-50% + var(--off)) -50%;rotate:6deg;scale:var(--side)}.flow-page-work .flow-ring-plate{background-image:radial-gradient(62% 70% at 50% 110%,var(--dawn-glow),transparent 70%)}.flow-page-work .flow-ring-phone{position:absolute;box-sizing:content-box;width:18.75%;aspect-ratio:780 / 1694;border:calc(var(--cw) * .0075) solid var(--ink);border-radius:calc(var(--cw) * .034);background:var(--ink);box-shadow:var(--shadow-shot);object-fit:cover;object-position:top center;translate:-50% -50%}.flow-page-work .flow-ring-phone-back{top:53%;left:40%;rotate:-8deg}.flow-page-work .flow-ring-phone-front{top:50%;left:58.75%;width:20.625%;rotate:3deg}html.stage-live .flow-page-work [data-stage-poster=print] .flow-ring-card{background-color:transparent;background-image:none;box-shadow:none}.flow-page-work .flow-work-chip{pointer-events:none}.flow-page-work .flow-work-chip:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--dawn);box-shadow:0 0 0 4px var(--dawn-halo)}@media(min-width:861px){.flow-page-work .flow-ihero[data-layout=band] .flow-ihero-media-slot{--ring-top: calc(var(--nav-top) + var(--nav-h) + clamp(40px, 6.5vh, 80px) + 43px + 2 * var(--fs-h1) * var(--lh-h1) + var(--s-4));--ring-h: min(100cqw / 3, max(260px, 100svh - var(--ring-top) - 55px));container-type:inline-size}.flow-page-work .flow-ihero[data-layout=band] .flow-ihero-slot{aspect-ratio:auto;height:var(--ring-h)}}.flow-page-work .flow-work-pills{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4) var(--s-5);width:min(100%,720px);margin:calc(var(--ring-h) * -.1 + var(--s-2)) auto 0;list-style:none}.flow-page-work .flow-work-pick{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);min-width:0;text-align:center}.flow-page-work .flow-work-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--s-5);border:1px solid var(--hair);border-radius:var(--r-pill);background:var(--bone);font:inherit;font-size:var(--fs-meta);font-weight:var(--w-head);line-height:1.2;color:var(--text);white-space:nowrap;transition:background-color var(--d-fast) ease,border-color var(--d-fast) ease,color var(--d-fast) ease}.flow-page-work .flow-work-pill:hover{border-color:var(--ink);background:var(--ink);color:var(--text-on-ink)}.flow-page-work .flow-work-note{max-width:24ch;font-size:var(--fs-caption);line-height:1.4;color:var(--text-muted)}.flow-page-work .flow-work-entries{padding-block:var(--section-tight)}.flow-page-work .flow-work-entry{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5.5vw,88px);padding-block:clamp(88px,10.5vw,160px);scroll-margin-top:calc(var(--s-5) - clamp(88px,10.5vw,160px))}.flow-page-work .flow-work-entry:first-child{padding-top:0;scroll-margin-top:0}.flow-page-work .flow-work-entry:last-child{padding-bottom:0}.flow-page-work .flow-work-entry:focus{outline:none}.flow-page-work .flow-work-entry[data-side=right]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.flow-page-work .flow-work-entry[data-side=right] .flow-work-art{order:2}.flow-page-work .flow-work-rule{position:absolute;top:0;left:0;width:100%;height:1px;background:var(--hair)}.flow-page-work .flow-work-art{display:block;border-radius:var(--r-card)}.flow-page-work .flow-work-art:focus-visible{outline-offset:6px}.flow-page-work .flow-work-well{aspect-ratio:16 / 11}.flow-page-work .flow-work-well .flow-phones{position:absolute;inset:0;width:auto;aspect-ratio:auto}.flow-page-work .flow-work-copy{display:flex;flex-direction:column;align-items:flex-start}.flow-page-work .flow-work-title{margin-top:20px;font-size:var(--fs-h2-lead);font-weight:var(--w-head);line-height:1;letter-spacing:var(--ls-h2-lead)}.flow-page-work .flow-work-body{max-width:38ch;margin-top:var(--s-5);font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--text-muted)}.flow-page-work .flow-work-links{display:flex;flex-wrap:wrap;gap:0 var(--s-6);margin-top:var(--s-5)}.flow-page-work .flow-work-stats{padding-top:var(--s-7)}.flow-page-work .flow-work-demos{padding-block:var(--section-tight)}.flow-page-work .flow-work-demos-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(28px,4vw,56px);border:1px solid var(--hair-2);border-radius:var(--r-sheet);background:var(--paper-2)}.flow-page-work .flow-work-demos-copy{display:flex;flex-direction:column;align-items:flex-start}.flow-page-work .flow-work-demos-title{max-width:14ch;margin-top:20px;font-size:var(--fs-h2);font-weight:var(--w-head);line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}.flow-page-work .flow-work-demos-body{max-width:44ch;margin-top:var(--s-5);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-muted)}.flow-page-work .flow-work-demos-copy .flow-btn{margin-top:var(--s-6)}.flow-page-work .flow-work-demos-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.flow-page-work .flow-work-demos-row img{display:block;width:100%;height:auto;aspect-ratio:1280 / 900;object-fit:cover;object-position:top center;border-radius:var(--r-frame);box-shadow:var(--shadow-shot)}@media(max-width:860px){.flow-page-work .flow-ihero{overflow-x:clip}.flow-page-work .flow-ring-poster{--cw: min(72cqw, 112cqh);--side: .8;--off: calc(var(--cw) * .6)}.flow-page-work .flow-work-pills{margin-top:calc((100vw - 2 * var(--gutter)) * -.04)}.flow-page-work .flow-work-chip{height:30px;padding:0 var(--s-3);font-size:var(--fs-micro)}.flow-page-work .flow-work-chip:before{width:6px;height:6px}.flow-page-work .flow-work-well{aspect-ratio:1}.flow-page-work .flow-work-entry,.flow-page-work .flow-work-entry[data-side=right]{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}.flow-page-work .flow-work-entry[data-side=right] .flow-work-art{order:0}.flow-page-work .flow-work-title{margin-top:var(--s-4)}.flow-page-work .flow-work-demos{padding-block:var(--section-tight)}.flow-page-work .flow-work-demos-card{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.flow-page-work .flow-ihero-slot{aspect-ratio:16 / 10}.flow-page-work .flow-work-chip{display:none}.flow-page-work .flow-work-pills{grid-template-columns:auto minmax(0,1fr);gap:var(--s-2) var(--s-4);width:100%}.flow-page-work .flow-work-pick{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;text-align:left}.flow-page-work .flow-work-note{max-width:none}}@media(prefers-reduced-motion:reduce){.flow-page-work .flow-ring-card,.flow-page-work .flow-work-pill{transition:none}}