.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);filter:blur(6px) drop-shadow(0 22px 18px rgba(30,20,10,.14));pointer-events:none;transition:opacity 1.4s var(--pz-object-ease),transform 1.4s var(--pz-object-ease),filter 1.4s var(--pz-object-ease)}.pz-object-on{opacity:1;transform:none;filter:blur(0) drop-shadow(0 22px 18px rgba(30,20,10,.14))}@media (prefers-reduced-motion:reduce){.pz-object{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}