@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-wght-normal.BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-wght-normal.Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pm-bg:#fbf9ff;--pm-ink:#281c38;--pm-muted:#6b5b7c;--pm-purple:#6939d9;--pm-violet-soft:#ece4fb;--pm-coral:#ffab90;--pm-line:#dfd5ed;--pm-white:#fffaff;--pm-deep:#34203f;--pm-font-body:"DM Sans Variable", Arial, sans-serif;--pm-font-heading:"Space Grotesk Variable", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--pm-bg);color:var(--pm-ink);font:400 16px/1.55 var(--pm-font-body);margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-underline-offset:5px;text-decoration:none}a:hover{text-decoration:underline}a,summary{transition:color .18s,transform .18s}a:focus-visible,summary:focus-visible{outline:3px solid var(--pm-purple);outline-offset:5px;border-radius:2px}svg{flex:none;width:20px;height:20px;display:inline-block}summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:600}summary:hover{color:var(--pm-purple)}details{overflow-wrap:anywhere}details[open]{padding-bottom:12px}.skip{z-index:10;background:var(--pm-deep);color:#fff;padding:12px 18px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}#petr-about-work{max-width:1440px;margin-inline:auto}.pm-wrap{padding-inline:6%}.pm-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-block:25px;display:flex}.pm-brand{flex-shrink:0;align-items:center;gap:11px;min-height:44px;display:flex}.pm-brand-mark{background:var(--pm-purple);width:34px;height:34px;color:var(--pm-white);font:600 14px/1 var(--pm-font-heading);border-radius:9px;place-items:center;display:grid}.pm-brand-name{letter-spacing:-.4px;font-size:17px;font-weight:700}.pm-nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:24px;font-size:13px;display:flex}.pm-nav-links a{align-items:center;min-height:44px;display:inline-flex}.pm-inline-link{align-items:center;gap:8px;display:inline-flex}.pm-inline-link svg{width:16px;height:16px}.pm-hero{grid-template-columns:1.35fr 1fr;align-items:start;gap:43px;padding-block:70px;display:grid}.pm-hero>*,.pm-project>*,.pm-case-body>*{min-width:0}.pm-intro-name{color:var(--pm-purple);margin-bottom:15px;font-size:15px;font-weight:600}h1{font:600 clamp(34px, 5.1vw, 56px)/1.13 var(--pm-font-heading);letter-spacing:-2px;max-width:16ch;margin-bottom:24px}h1 span{color:var(--pm-purple)}.pm-intro-copy{color:var(--pm-muted);max-width:43ch;font-size:17px;line-height:1.65}.pm-intro-copy strong{color:var(--pm-ink);font-weight:500}.pm-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:29px;font-size:14px;display:flex}.pm-actions>a{align-items:center;min-height:48px;display:inline-flex}.pm-button{background:var(--pm-purple);max-width:100%;min-height:48px;color:var(--pm-white);border-radius:7px;justify-content:center;align-items:center;gap:14px;padding:13px 19px;font-size:14px;font-weight:500;display:inline-flex}.pm-button:hover{text-decoration:none;transform:translateY(-2px)}.pm-button:focus-visible{outline-color:var(--pm-deep)}.pm-button svg{width:17px;height:17px}.pm-location{color:var(--pm-muted);flex-wrap:wrap;align-items:center;gap:9px;margin-top:25px;font-size:12px;display:flex}.pm-location svg{width:14px;height:14px}.pm-focus{background:var(--pm-purple);color:var(--pm-white);border-radius:16px;padding:27px 28px 0}.pm-kicker{letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:600}.pm-focus h2{font:500 26px/1.22 var(--pm-font-heading);letter-spacing:-.6px;margin:13px 0 23px}.pm-focus-line{border-top:1px solid #936bea;align-items:center;gap:13px;padding-block:14px;font-size:14px;display:flex}.pm-focus-line svg{width:19px;height:19px;color:var(--pm-coral)}.pm-focus-note{background:var(--pm-coral);color:var(--pm-deep);border-radius:0 0 16px 16px;margin:14px -28px 0;padding:19px 28px;font-size:13px;line-height:1.6}.pm-focus-note strong{font-weight:600}.pm-stack{border-block:1px solid var(--pm-line);color:var(--pm-muted);flex-wrap:wrap;align-items:center;gap:10px 20px;padding-block:22px;font-size:12px;display:flex}.pm-stack-label{color:var(--pm-ink);margin-right:8px;font-weight:600}.pm-section{padding-block:72px}.pm-section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:29px;display:flex}.pm-section-heading .pm-kicker,.pm-about .pm-kicker,.pm-collaboration .pm-kicker{color:var(--pm-purple);margin-bottom:11px}.pm-section h2{font:500 32px/1.23 var(--pm-font-heading);letter-spacing:-1px}.pm-section-note{max-width:31ch;color:var(--pm-muted);font-size:13px}.pm-work-list{gap:20px;display:grid}.pm-project{background:var(--pm-violet-soft);border-radius:12px;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:30px;padding:25px;display:grid}.pm-project:nth-child(2){background:#ffe4d9}.pm-project:nth-child(3){background:#e9e9fb}.pm-project-identity{padding-block:6px}.pm-project-identity h3{font:600 27px/1.15 var(--pm-font-heading);letter-spacing:-.7px;margin-bottom:12px}.pm-project-type{color:var(--pm-muted);font-size:12px}.pm-status{color:var(--pm-deep);border:1px solid #b6a6ce;border-radius:20px;margin-top:17px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.pm-project:nth-child(2) .pm-status{border-color:#dca58e}.pm-project:nth-child(3) .pm-status{border-color:#b5b3d8}.pm-project-description{max-width:53ch;font-size:16px}.pm-project-focus{max-width:60ch;color:var(--pm-muted);margin-top:14px;font-size:13px}.pm-project-focus b{color:var(--pm-ink);font-weight:600}.pm-project details{margin-top:15px;font-size:12px}.pm-project details p a{text-decoration:underline}.pm-project details p{color:var(--pm-muted);max-width:58ch;padding-top:9px;font-size:13px}.pm-case-link{min-height:44px;color:var(--pm-purple);align-items:center;gap:12px;margin-top:10px;font-size:13px;font-weight:600;display:inline-flex}.pm-about{border-top:1px solid var(--pm-line);grid-template-columns:1fr 1.25fr;gap:55px;margin-top:42px;padding-top:41px;display:grid}.pm-about h2{max-width:15ch;font-size:29px}.pm-about p{color:var(--pm-muted);margin-bottom:16px;font-size:15px}.pm-about p:last-child{margin-bottom:0}.pm-expertise{background:var(--pm-deep);color:var(--pm-white)}.pm-expertise .pm-kicker{color:var(--pm-coral)}.pm-expertise-grid{grid-template-columns:1fr 1.25fr;gap:45px;display:grid}.pm-expertise-intro h2{max-width:15ch;margin-bottom:18px;font-size:33px}.pm-expertise-intro p{color:#dbcbe6;max-width:32ch;font-size:15px}.pm-expertise-row{border-top:1px solid #604c6d;grid-template-columns:24px 1fr;gap:14px;padding-block:19px;display:grid}.pm-expertise-row:first-child{border-top:0;padding-top:0}.pm-number{color:var(--pm-coral);padding-top:3px;font-size:12px}.pm-expertise-row h3{margin-bottom:7px;font-size:18px;font-weight:500}.pm-expertise-row p{color:#dbcbe6;max-width:47ch;font-size:13px}.pm-collaboration{grid-template-columns:1fr 1.25fr;gap:55px;display:grid}.pm-collaboration h2{max-width:16ch}.pm-collaboration p{color:var(--pm-muted);margin-bottom:20px;font-size:15px}.pm-work-terms{flex-wrap:wrap;gap:8px;display:flex}.pm-work-terms span{background:var(--pm-violet-soft);color:var(--pm-deep);border-radius:5px;padding:7px 11px;font-size:12px}.pm-contact{background:var(--pm-coral);justify-content:space-between;align-items:center;gap:32px;padding-block:40px;display:flex}.pm-contact .pm-kicker{margin-bottom:12px}.pm-contact h2{font:500 28px/1.2 var(--pm-font-heading);letter-spacing:-.8px;margin-bottom:8px}.pm-contact p{max-width:55ch;font-size:14px}.pm-contact-details{flex:1;min-width:0}.pm-contact summary{font-size:14px;font-weight:500}.pm-contact details p{margin-top:12px}.pm-contact-action{flex:none;max-width:260px}.pm-contact-email{overflow-wrap:anywhere;min-height:44px;margin-top:16px;font-size:13px;display:block}.pm-contact .pm-review-note{font-size:12px}.pm-footer{color:var(--pm-muted);flex-wrap:wrap;justify-content:space-between;gap:18px;padding-block:22px;font-size:11px;display:flex}.pm-back{padding-top:16px;font-size:13px}.pm-back a{align-items:center;min-height:44px;display:inline-flex}.pm-case-hero{border-bottom:1px solid var(--pm-line);padding-block:60px}.pm-case-hero h1{max-width:22ch;margin-top:24px}.pm-case-body{grid-template-columns:210px minmax(0,1fr);gap:48px;padding-block:56px;display:grid}.pm-case-body+.pm-case-body{border-top:1px solid var(--pm-line)}.pm-case-body h2{font:500 24px/1.25 var(--pm-font-heading);letter-spacing:-.6px}.pm-case-body p{max-width:65ch;color:var(--pm-muted);margin-bottom:18px}.pm-case-body ul{color:var(--pm-muted);max-width:65ch;padding-left:20px;line-height:1.8}.pm-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:28px;display:grid}.pm-flow div{border:1px solid var(--pm-line);background:var(--pm-violet-soft);border-radius:10px;padding:20px 16px;position:relative}.pm-flow div:not(:last-child):after{content:"→";background:var(--pm-bg);color:var(--pm-purple);z-index:1;font-size:16px;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.pm-flow span{text-transform:uppercase;letter-spacing:.07em;color:var(--pm-purple);margin-bottom:12px;font-size:11px;display:block}.pm-flow b{font-size:15px;font-weight:500}.pm-not-found{min-height:70vh;padding-block:90px}.pm-not-found h1{margin-top:24px}@media (width>=1000px){.pm-wrap{padding-inline:8%}h1{font-size:60px}.pm-focus{margin-top:8px}.pm-project{padding:32px}}@media (width<=850px){.pm-hero{grid-template-columns:1.2fr 1fr;gap:24px}.pm-focus-line{font-size:13px}}@media (width<=760px){.pm-hero{padding-block:40px}h1{letter-spacing:-1.3px;font-size:40px}.pm-intro-copy{font-size:16px}.pm-focus{padding:23px 22px 0}.pm-focus h2{font-size:23px}.pm-focus-note{margin-inline:-22px;padding-inline:22px}.pm-focus-line{gap:9px}.pm-nav-links{gap:17px}.pm-project{grid-template-columns:160px minmax(0,1fr);gap:24px}.pm-about,.pm-expertise-grid,.pm-collaboration{gap:30px}.pm-section{padding-block:44px}.pm-case-body{grid-template-columns:1fr;gap:20px}.pm-case-hero{padding-block:40px}.pm-flow{grid-template-columns:1fr}.pm-flow div:not(:last-child):after{content:"↓";top:auto;bottom:-16px;right:50%;transform:translate(50%)}}@media (width<=680px){.pm-hero{grid-template-columns:1fr;gap:32px}.pm-project{grid-template-columns:1fr;gap:18px}.pm-about,.pm-expertise-grid,.pm-collaboration{grid-template-columns:1fr;gap:24px}.pm-contact{flex-direction:column;align-items:flex-start}.pm-section-heading{flex-direction:column;align-items:flex-start;gap:13px}.pm-section-note{max-width:40ch}}@media (width<=580px){.pm-nav{gap:4px 12px;padding-block:17px}.pm-nav-links{gap:16px;font-size:12px}.pm-brand-name{font-size:15px}.pm-brand-mark{width:30px;height:30px;font-size:12px}.pm-hero{padding-block:32px}h1{letter-spacing:-1.1px;margin-bottom:19px;font-size:clamp(34px,9.4vw,45px)}.pm-focus h2{font-size:25px}.pm-focus-line{font-size:14px}.pm-actions{gap:19px;margin-top:23px;font-size:13px}.pm-stack{gap:8px 14px;font-size:11px}.pm-stack-label{width:100%}.pm-section{padding-block:36px}.pm-section h2{font-size:28px}.pm-project{padding:22px}.pm-project-identity{padding:0}.pm-project-identity h3{margin-bottom:7px;font-size:25px}.pm-status{margin-top:11px}.pm-project-description{font-size:15px}.pm-about{margin-top:31px;padding-top:30px}.pm-about h2,.pm-collaboration h2{max-width:20ch}.pm-expertise-intro p{max-width:42ch}.pm-contact{gap:20px;padding-block:29px}.pm-contact h2{font-size:25px}}@media (width<=440px){.pm-nav-links{justify-content:flex-start;gap:24px;width:100%}.pm-button{padding-inline:16px;font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,summary{transition:none}.pm-button:hover{transform:none}}@media print{.pm-nav,.pm-actions,.pm-contact,.skip{display:none}details>*{display:block!important}body,.pm-expertise,.pm-focus,.pm-focus-note{color:#000;background:#fff}.pm-expertise p,.pm-expertise .pm-kicker{color:#000}}
