.pz{--pz-bg:#f1eee9;--pz-card:#f8f6f2;--pz-ink:#1a1917;--pz-text:#645d53;--pz-muted:#8b8378;--pz-line:rgba(26,25,23,0.08);--pz-line-strong:rgba(26,25,23,0.18);--pz-orange:#f24932;--pz-tg-wall:#e7e2da;--pz-tg-bubble:#ffffff;--pz-tg-button:rgba(255,255,255,0.6);background:var(--pz-bg);color:var(--pz-ink)}.dark .pz{--pz-bg:#121110;--pz-card:#1a1917;--pz-ink:#f1eee9;--pz-text:#aaa297;--pz-muted:#80796f;--pz-line:rgba(255,255,255,0.08);--pz-line-strong:rgba(255,255,255,0.18);--pz-orange:#f4563f;--pz-tg-wall:#161514;--pz-tg-bubble:#24221f;--pz-tg-button:rgba(255,255,255,0.06)}.pz-mono{font-family:var(--font-mono),ui-monospace,monospace}.pz-card{background:var(--pz-card);border:1px solid var(--pz-line);border-radius:22px}.pz-prose{max-width:34.5rem;margin-inline:auto;padding-inline:1rem;font-size:15.5px;line-height:1.65;color:var(--pz-text)}.pz-prose p+p{margin-top:1.05em}.pz-prose strong{color:var(--pz-ink);font-weight:500}.pz-prose code{font-family:var(--font-mono),ui-monospace,monospace;font-size:.86em;color:var(--pz-ink);background:var(--pz-line);border-radius:5px;padding:.1em .35em}.pz-prose a{color:var(--pz-ink);text-decoration:underline;text-decoration-color:var(--pz-line-strong);text-underline-offset:3px}.pz-prose a:hover{text-decoration-color:var(--pz-orange)}.pz-guide{stroke:var(--pz-line-strong);stroke-width:1;stroke-dasharray:3 5}.pz-kern{fill:color-mix(in srgb,var(--pz-orange) 13%,transparent);transition:fill .2s ease}.pz-kern-on{fill:color-mix(in srgb,var(--pz-orange) 30%,transparent)}.pz-caret{stroke:var(--pz-ink);stroke-width:1.5}.pz-kern-edge{stroke:color-mix(in srgb,var(--pz-orange) 55%,transparent);stroke-width:1}.pz-outline{fill:none}.pz-anchor,.pz-outline{stroke:var(--pz-ink);stroke-width:1}.pz-anchor{fill:var(--pz-card)}.pz-handle{stroke:var(--pz-orange);stroke-width:1}.pz-handle-end{fill:var(--pz-orange)}.pz-object{--pz-object-ease:cubic-bezier(0.45,0,0.2,1);opacity:0;transform:scale(1.03);pointer-events:none;transition:opacity 1.4s var(--pz-object-ease),transform 1.4s var(--pz-object-ease)}.pz-object-on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.pz-object{transition:none}}.pz-reflow-window{border:1px solid var(--pz-line-strong);border-radius:12px;background:var(--pz-card);min-width:0}.pz-reflow-tile{position:absolute;left:0;top:0;border-radius:6px;border:1px solid var(--pz-line);background:color-mix(in srgb,var(--pz-ink) 5%,var(--pz-card));transition:transform .65s cubic-bezier(.2,0,0,1),width .65s cubic-bezier(.2,0,0,1)}.pz-reflow-tile span{position:absolute;left:6px;top:4px;font-size:10px;color:var(--pz-muted)}.pz-reflow-new{border-color:color-mix(in srgb,var(--pz-orange) 40%,transparent);background:color-mix(in srgb,var(--pz-orange) 14%,var(--pz-card))}.pz-reflow-new span{color:var(--pz-orange)}.pz-reflow-handle:active span,.pz-reflow-handle:focus-visible span,.pz-reflow-handle:hover span{opacity:.6}@media (prefers-reduced-motion:reduce){.pz-reflow-tile{transition:none}}.pz-flow{container-type:inline-size}.pz-flow-wide{display:none}@container (min-width: 820px){.pz-flow-wide{display:block}.pz-flow-narrow{display:none}}.pz-flow-stage{position:relative;width:100%;container-type:inline-size;user-select:none}.pz-flow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pz-flow-wire path{fill:none;stroke:var(--pz-line-strong);stroke-width:1;stroke-linecap:round}.pz-flow-wire path.pz-flow-dashed{stroke:color-mix(in srgb,var(--pz-ink) 18%,transparent)}.pz-flow-end{fill:var(--pz-muted)}.pz-flow-beam path{fill:none;stroke:var(--pz-orange);stroke-width:3;stroke-linecap:round}.pz-flow-caption{position:absolute;z-index:2;transform:translateX(-50%);font-family:var(--font-mono),ui-monospace,monospace;font-size:calc(11 * var(--px));line-height:calc(20 * var(--px));letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--pz-muted)}.pz-flow-caption[data-align=end]{transform:translate(-100%,-50%)}.pz-flow-sandbox{position:absolute;inset:0;width:100%;height:100%}.pz-flow-sandbox rect{stroke:var(--pz-muted);stroke-opacity:.55;stroke-width:1;stroke-dasharray:4 4}.pz-flow-dots circle{fill:var(--pz-ink);transition:opacity .12s linear}.pz-flow-dots-done circle{fill:var(--pz-orange)}.pz-flow-phone{--u:calc(var(--px) * var(--pw) / 140);position:absolute;z-index:1;overflow:hidden;border:1px solid var(--pz-line-strong);border-radius:calc(24 * var(--u));background:var(--pz-card);transition:border-color .4s ease}.pz-flow-phone-on{border-color:color-mix(in srgb,var(--pz-orange) 55%,transparent)}.pz-flow-phone-bar{position:relative;z-index:2;height:calc(30 * var(--u));background:var(--pz-card)}.pz-flow-phone-time{position:absolute;left:calc(16 * var(--u));top:calc(10 * var(--u));font-family:var(--font-mono),ui-monospace,monospace;font-size:calc(8.5 * var(--u));line-height:1;font-weight:500;color:var(--pz-ink)}.pz-flow-phone-island{position:absolute;left:50%;top:calc(8 * var(--u));width:calc(40 * var(--u));height:calc(12 * var(--u));transform:translateX(-50%);border-radius:999px;background:#0b0a09}.dark .pz-flow-phone-island{background:#000;box-shadow:0 0 0 1px var(--pz-line-strong)}.pz-flow-phone-post{display:grid;gap:calc(6 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u))}.pz-flow-phone-avatar{width:calc(16 * var(--u));height:calc(16 * var(--u))}.pz-flow-phone-avatar,.pz-flow-phone-line{border-radius:999px;background:var(--pz-line-strong)}.pz-flow-phone-line{height:calc(5 * var(--u))}.pz-flow-phone-media{height:calc(92 * var(--u));margin-top:calc(4 * var(--u));border-radius:calc(8 * var(--u));background:color-mix(in srgb,var(--pz-ink) 7%,var(--pz-card))}.pz-flow-sheet{position:absolute;inset-inline:calc(6 * var(--u));bottom:calc(6 * var(--u));display:grid;gap:calc(3 * var(--u));padding:calc(6 * var(--u));border:1px solid var(--pz-line);border-radius:calc(16 * var(--u));background:var(--pz-bg);transform:translateY(120%);transition:transform .52s cubic-bezier(.2,0,0,1)}.pz-flow-sheet-on{transform:none}.pz-flow-sheet-row{display:flex;align-items:center;justify-content:space-between;gap:calc(6 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u));border-radius:calc(9 * var(--u));font-size:calc(8.5 * var(--u));line-height:1.2;color:var(--pz-text);transition:background-color .3s ease,transform .3s ease}.pz-flow-sheet-save{justify-content:space-between;color:var(--pz-ink);background:var(--pz-card)}.pz-flow-sheet-press{background:color-mix(in srgb,var(--pz-orange) 16%,var(--pz-card));transform:scale(.97)}.pz-flow-sheet-mark{width:calc(10 * var(--u));height:calc(10 * var(--u))}.pz-flow-banner{position:absolute;inset-inline:calc(6 * var(--u));top:calc(30 * var(--u));display:flex;align-items:center;gap:calc(7 * var(--u));padding:calc(7 * var(--u)) calc(8 * var(--u));border:1px solid var(--pz-line);border-radius:calc(12 * var(--u));background:var(--pz-bg);box-shadow:0 6px 16px -8px rgba(0,0,0,.2);color:var(--pz-ink);opacity:0;transform:translateY(-110%);transition:transform .56s cubic-bezier(.2,0,0,1),opacity .24s ease}.pz-flow-banner-on{opacity:1;transform:none}.pz-flow-banner-icon{flex-shrink:0;width:calc(14 * var(--u));height:calc(14 * var(--u))}.pz-flow-banner>span{display:grid;min-width:0;font-size:calc(7.5 * var(--u));line-height:1.35}.pz-flow-banner b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz-flow-banner i{font-style:normal;color:var(--pz-muted);white-space:nowrap}.pz-flow-card{position:absolute;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:calc(8 * var(--px));padding:calc(11 * var(--px));border:1px solid var(--pz-line);border-radius:calc(15 * var(--px));transition:border-color .4s ease}.pz-flow-card-on{border-color:var(--pz-line-strong)}.pz-flow-row{position:relative;display:flex;align-items:center;gap:calc(12 * var(--px));height:calc(44 * var(--px));padding-inline:calc(14 * var(--px));border:1px solid var(--pz-line);border-radius:calc(8 * var(--px));background:var(--pz-card);color:var(--pz-muted);transition:color .3s ease}.pz-flow-row:after{content:"";position:absolute;inset:-1px;border:1px solid var(--pz-orange);border-radius:inherit;opacity:0;mask:radial-gradient(ellipse 26% 80% at 0 0,#000 0,transparent 90%);transition:opacity .4s ease;pointer-events:none}.pz-flow-row-running{color:var(--pz-ink)}.pz-flow-row-running:after{opacity:1}.pz-flow-row-done{color:var(--pz-text)}.pz-flow-label{flex:1;min-width:0;font-family:var(--font-mono),ui-monospace,monospace;font-size:calc(12 * var(--px));line-height:calc(20 * var(--px));font-weight:500;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.pz-flow-suffix{margin-left:calc(8 * var(--px));font-weight:400;opacity:.6}.pz-flow-row-mark{display:grid;place-items:center;width:calc(14 * var(--px));height:calc(14 * var(--px));color:currentColor;opacity:.7}.pz-flow-row-mark svg{width:100%;height:100%}.pz-flow-row-mark span{font-family:var(--font-mono),ui-monospace,monospace;font-size:calc(11 * var(--px));font-weight:600}.pz-flow-wall{position:absolute;z-index:1}.pz-flow-wall-cols{position:absolute;inset:calc(10 * var(--px));display:flex;gap:calc(6 * var(--px));overflow:hidden;border-radius:calc(4 * var(--px))}.pz-flow-wall-col{flex:1;display:flex;flex-direction:column;gap:calc(6 * var(--px));min-width:0}.pz-flow-wall-tile{display:block;flex-shrink:0;border:1px solid var(--pz-line);border-radius:calc(4 * var(--px));background:var(--pz-card)}.pz-flow-wall-new{display:grid;grid-template-rows:0fr;margin-bottom:calc(-6 * var(--px));transition:grid-template-rows .62s cubic-bezier(.2,0,0,1),margin-bottom .62s cubic-bezier(.2,0,0,1)}.pz-flow-wall-new-on{grid-template-rows:1fr;margin-bottom:0}.pz-flow-wall-new>span{display:block;min-height:0;overflow:hidden}.pz-flow-wall-new>span:before{content:"";display:block;aspect-ratio:1/.9;border:1px solid color-mix(in srgb,var(--pz-orange) 50%,transparent);border-radius:calc(4 * var(--px));background:color-mix(in srgb,var(--pz-orange) 16%,var(--pz-card))}.pz-flow-box{position:absolute;z-index:1;display:grid;place-items:center}.pz-flow-block{position:relative;border:1px solid var(--pz-line-strong);border-radius:calc(4 * var(--px));background:var(--pz-card);transition:border-color .4s ease}.pz-flow-box-running .pz-flow-block{border-color:color-mix(in srgb,var(--pz-orange) 55%,transparent)}.pz-flow-block .pz-flow-dots{position:absolute;top:calc(8 * var(--px));left:calc(8 * var(--px))}.pz-flow-marks{position:absolute;right:calc(8 * var(--px));bottom:calc(8 * var(--px));display:flex;gap:calc(4 * var(--px));color:var(--pz-ink);opacity:.25;transition:opacity .5s ease}.pz-flow-marks svg{width:calc(12 * var(--px));height:calc(12 * var(--px))}.pz-flow-box-done .pz-flow-marks{opacity:1}@media (prefers-reduced-motion:reduce){.pz-flow-banner,.pz-flow-block,.pz-flow-card,.pz-flow-dots circle,.pz-flow-marks,.pz-flow-phone,.pz-flow-row,.pz-flow-row:after,.pz-flow-sheet,.pz-flow-sheet-row,.pz-flow-wall-new{transition:none}}.pz-tg-wall{background-color:var(--pz-tg-wall);background-image:radial-gradient(color-mix(in srgb,var(--pz-ink) 7%,transparent) 1px,transparent 1px);background-size:14px 14px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pz-reveal{animation:pz-in linear both;animation-timeline:view();animation-range:entry 0 entry 35%}}}@keyframes pz-in{0%{opacity:0;transform:translateY(18px)}}.pz-iphone{container-type:inline-size;position:relative;--pt:calc(93.2cqw / 402)}.pz-iphone-body{position:relative;border-radius:17.7cqw;padding:1.25cqw;background:linear-gradient(155deg,#ecebe7,#c4c1bb 22%,#8e8b86 50%,#b9b6b0 78%,#e4e2de);box-shadow:inset 0 0 0 .2cqw rgba(255,255,255,.45),0 6cqw 12cqw -6cqw rgba(0,0,0,.45)}.pz-iphone-bezel{border-radius:16.45cqw;padding:2.15cqw;background:#060606}.pz-iphone-screen{position:relative;aspect-ratio:402/874;overflow:hidden;border-radius:14.3cqw}.pz-iphone-button{position:absolute;width:1.1cqw;border-radius:.5cqw;background:linear-gradient(90deg,#9a9792,#dcdad6 50%,#9a9792)}.pz-iphone-island{position:absolute;top:calc(11 * var(--pt));left:50%;width:calc(126 * var(--pt));height:calc(37.33 * var(--pt));transform:translateX(-50%);border-radius:999px;background:#000}.pz-iphone-bar{position:absolute;inset:0 0 auto;height:calc(62 * var(--pt))}.pz-iphone-status{position:absolute;top:calc(11 * var(--pt));inset-inline:0;display:grid;grid-template-columns:calc(138 * var(--pt)) 1fr calc(138 * var(--pt));height:calc(37.33 * var(--pt));align-items:center;justify-items:center;font:600 calc(17 * var(--pt)) /1 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;letter-spacing:-.02em}.pz-iphone-icons{grid-column:3;display:flex;align-items:center;gap:calc(6 * var(--pt))}.pz-iphone-signal{width:calc(18 * var(--pt))}.pz-iphone-wifi{width:calc(17 * var(--pt))}.pz-iphone-battery{width:calc(27.4 * var(--pt))}.pz-iphone-home{position:absolute;bottom:calc(8 * var(--pt));left:50%;width:calc(139 * var(--pt));height:calc(5 * var(--pt));transform:translateX(-50%);border-radius:999px;background:currentColor}.pz-safari-stage{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--pz-line);padding:clamp(14px,4.5%,52px);background:#ececec url(/case-studies/pretzel/fluted.webp) 50%/cover no-repeat}.dark .pz-safari-stage{background:#161514 url(/case-studies/pretzel/fluted-dark.webp) 50%/cover no-repeat}.pz-safari{container-type:inline-size}.pz-safari-window{--pz-glass-ink:rgba(20,20,20,0.78);position:relative;border-radius:2.4cqw;padding:0 .85cqw .85cqw;background:linear-gradient(160deg,rgba(255,255,255,.42),rgba(255,255,255,.16) 55%,rgba(255,255,255,.28));-webkit-backdrop-filter:blur(28px) saturate(1.2);backdrop-filter:blur(28px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),inset 0 1.5px 1px rgba(255,255,255,.9),inset 0 -1px 1px rgba(255,255,255,.35),0 3cqw 6cqw -3cqw rgba(110,50,10,.4)}.dark .pz-safari-window{--pz-glass-ink:rgba(255,255,255,0.85);background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 55%,rgba(255,255,255,.1));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 1.5px 1px rgba(255,255,255,.28),inset 0 -1px 1px rgba(255,255,255,.08),0 3cqw 6cqw -3cqw rgba(0,0,0,.7)}.pz-safari-bar{display:flex;align-items:center;gap:1cqw;height:4.6cqw;padding:0 .6cqw;color:var(--pz-glass-ink)}.pz-safari-lights{display:flex;gap:.72cqw;margin-right:.8cqw}.pz-safari-lights i{width:1.2cqw;height:1.2cqw;border-radius:50%;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.18)}.pz-safari-lights i:first-child{background:#ff5f57}.pz-safari-lights i:nth-child(2){background:#febc2e}.pz-safari-lights i:nth-child(3){background:#28c840}.pz-glass{display:flex;align-items:center;height:2.9cqw;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.22));-webkit-backdrop-filter:blur(12px) saturate(1.3) brightness(1.04);backdrop-filter:blur(12px) saturate(1.3) brightness(1.04);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.6),inset 0 1px .5px rgba(255,255,255,.95),inset 0 -.5px .5px rgba(255,255,255,.4),0 .5px 1px rgba(0,0,0,.06),0 .4cqw 1.4cqw -.4cqw rgba(80,40,10,.16)}.dark .pz-glass{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));box-shadow:inset 0 0 0 .5px rgba(255,255,255,.16),inset 0 1px .5px rgba(255,255,255,.3),0 .5px 1px rgba(0,0,0,.3),0 .4cqw 1.4cqw -.4cqw rgba(0,0,0,.4)}.pz-safari-pill{gap:.9cqw;padding:0 1cqw}.pz-safari-pill svg{width:1.5cqw;height:1.5cqw}.pz-safari-address{flex:1;justify-content:center;gap:.6cqw;margin:0 3cqw;font:500 1.25cqw/1 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;letter-spacing:-.01em}.pz-safari-favicon{width:1.3cqw;height:1.3cqw}.pz-safari-page{overflow:hidden;border-radius:1.6cqw;box-shadow:0 0 0 .5px rgba(0,0,0,.08);background:#fff}