@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-800.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-nerd-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-nerd-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--bg:#fff;--ink:#111318;--ink70:#111318b8;--ink65:#111318ad;--ink60:#111318a3;--ink55:#1113189e;--ink45:#11131899;--ink40:#11131894;--line:#11131821;--panel:#111318;--panelInk:#fff;--px-cobalt:#3b5bf6;--px-amber:#f6a61c;--px-red:#e8401c;--px-lime:#c8f218;--px-cobalt-ink:#3b5bf6;--px-amber-ink:#a16806;--px-red-ink:#d53716;--px-lime-ink:#677e07;--px-navy:#1b2331;--px-navy-dark:#e9ecf4;--px-deepblue:#2c3f94;--px-deepblue-dark:#5f74d9;--px-canvas-dark:#0f1218;--font-display:"Cabinet Grotesk", system-ui, sans-serif;--font-body:"General Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--wrap-max:1560px;--wrap-pad:clamp(20px, 4vw, 56px);--prose-max:70ch;--prose-breakout:calc(100% + var(--wrap-pad) * 2)}[data-mode=dark]{--bg:#0f1218;--ink:#eff1f6;--ink70:#eff1f6c7;--ink65:#eff1f6b8;--ink60:#eff1f6a8;--ink55:#eff1f699;--ink45:#eff1f68c;--ink40:#eff1f680;--line:#eff1f629;--panel:#eff1f6;--panelInk:#0f1218;--px-cobalt-ink:#5873f7;--px-amber-ink:#f6a61c;--px-red-ink:#e8401c;--px-lime-ink:#c8f218}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;transition:background .25s,color .25s}a{color:var(--ink);text-decoration:none}a:hover{color:var(--px-cobalt)}:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:3px}[hidden]{display:none!important}.px-wrap{max-width:var(--wrap-max);padding-inline:var(--wrap-pad);margin:0 auto}.px-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.px-notch{clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px),0 8px,4px 8px,4px 4px,8px 4px)}.px-hero-block{max-width:var(--wrap-max);margin:0 auto}.px-hero{padding:clamp(24px, 4vh, 56px) var(--wrap-pad) clamp(20px, 3vh, 40px);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px clamp(32px,6vw,120px);animation:1s both pxFade;display:flex}.px-hero-title{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:clamp(54px,7.8vw,122px);font-weight:800;line-height:.92}.px-hero-aside{flex:0 400px;min-width:min(100%,280px);padding-top:8px}.px-hero-sub{letter-spacing:.08em;text-transform:uppercase;text-align:justify;text-align-last:justify;font-size:clamp(15px,1.6vw,21px);font-weight:400;line-height:1.55}.px-hero-note{justify-content:flex-end;gap:18px;margin-top:26px;display:flex}.px-hero-swatch{background:conic-gradient(var(--ink) 0 25%, transparent 0 50%, var(--ink) 0 75%, transparent 0);width:22px;height:14px;margin-top:4px;display:inline-block}.px-hero-note p{text-align:right;max-width:34ch;color:var(--ink70);margin:0;font-size:13px;line-height:1.6}.px-heatfield{height:clamp(340px,64vh,700px);position:relative}.px-heatfield canvas{width:100%;height:100%;display:block}@keyframes pxFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
.px-section{max-width:var(--wrap-max);padding:clamp(56px, 9vh, 118px) var(--wrap-pad) 0;margin:0 auto}.px-head--block{margin-bottom:clamp(8px,2vh,18px)}.px-head--column{flex:300px;min-width:min(100%,280px)}.px-head-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(30px,3.4vw,52px);font-weight:500;line-height:1.1}.px-head--column .px-head-title{text-wrap:pretty;line-height:1.12}.px-head-label{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--ink40);font-size:12px;font-weight:400}.px-head--block .px-head-label{margin-top:14px}.px-head--column .px-head-label{margin-top:16px}.px-split{flex-wrap:wrap;align-items:flex-start;gap:30px clamp(32px,5vw,90px);display:flex}.px-split-body{flex:2 460px;min-width:0}.px-split-intro{color:var(--ink70);text-align:justify;margin:0 0 22px;font-size:14.5px;line-height:1.75}.px-split-intro a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt);transition:text-decoration-color .18s}.px-split-intro a:hover,.px-split-intro a:focus-visible{text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){.px-split-intro a{transition:none}}.px-row{border-top:1px solid var(--line);align-items:baseline;gap:20px;padding:15px 0;display:flex}.px-row.is-last{border-bottom:1px solid var(--line)}.px-row-tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink40);flex:0 0 56px;font-size:11px}.px-row-body{color:var(--ink70);font-size:14.5px;line-height:1.65}.px-row-body strong{color:var(--ink);font-weight:600}.px-matter{border-bottom:1px solid var(--line);color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 32px;padding:20px 0;transition:padding-left .18s,color .18s;display:flex}.px-matter:hover{padding-left:14px}.px-matter:hover .px-matter-title{color:var(--px-cobalt-ink)}.px-matter-title{letter-spacing:-.015em;font-size:clamp(18px,2.2vw,26px);font-weight:600;transition:color .18s}.px-matter-tag{font-family:var(--font-mono);letter-spacing:.18em;font-size:11px}.is-cobalt{color:var(--px-cobalt-ink)}.is-amber{color:var(--px-amber-ink)}.is-red{color:var(--px-red-ink)}.is-lime{color:var(--px-lime-ink)}.is-ink{color:var(--ink)}
.px-header{max-width:var(--wrap-max);padding:16px var(--wrap-pad);color:var(--ink60);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:0 auto;font-size:13px;font-weight:500;display:flex}.px-header-end{align-items:center;gap:clamp(14px,2.4vw,26px);display:flex}.px-nav{flex-wrap:wrap;gap:clamp(12px,2vw,24px);display:flex}.px-nav-list{flex-wrap:wrap;gap:clamp(12px,2vw,24px);margin:0;padding:0;list-style:none;display:flex}.px-nav a{color:var(--ink60)}@media (pointer:coarse){.px-nav a,.px-theme-switch{align-items:center;min-height:44px;display:inline-flex}}@media (max-width:640px){.px-header{grid-template-columns:1fr auto;grid-template-areas:"wordmark switch""nav nav";align-items:center;gap:4px 16px;padding-block:12px;display:grid}.px-header-end{display:contents}.px-wordmark{grid-area:wordmark}.px-theme-switch{grid-area:switch;justify-self:end}.px-nav{overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;grid-area:nav;overflow-x:auto}.px-nav::-webkit-scrollbar{display:none}.px-nav-list{flex-wrap:nowrap;width:max-content}.px-nav-list>li{flex:none}}
.px-profile{flex-wrap:wrap;align-items:flex-start;gap:clamp(32px,5vw,80px);display:flex}.px-profile-main{flex:460px;min-width:min(100%,300px)}.px-profile-statement{text-wrap:pretty;max-width:30ch}.px-profile-body{max-width:62ch;margin-top:clamp(22px,3.5vh,34px)}.px-profile-body p:last-child{margin-bottom:0}.px-profile-body a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;transition:text-decoration-color .18s}.px-profile-body a:hover{-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt)}.px-chips{color:var(--ink55);flex-wrap:wrap;gap:14px 44px;margin-top:clamp(24px,4vh,40px);font-size:13px;font-weight:500;display:flex}.px-chip{align-items:baseline;gap:8px;display:inline-flex}.px-chip-key{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink40);font-size:11px;font-weight:400}.px-portrait{flex:0 300px;min-width:240px;max-width:100%}.px-portrait-frame{aspect-ratio:3/4;background:var(--line);width:100%}.px-portrait-frame img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.px-portrait-cap{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink45);text-align:right;margin-top:12px;font-size:11px}.px-portrait-canvas{aspect-ratio:3/4;width:100%;display:block}.px-portrait-toggle{cursor:pointer;background:0 0;border:0;width:100%;padding:0;line-height:0;display:block;position:relative}.px-portrait-toggle>*{transition:opacity .28s}.px-portrait-photo{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.px-portrait-toggle.is-photo .px-portrait-canvas{opacity:0}.px-portrait-toggle.is-photo .px-portrait-photo{opacity:1}
.px-step-body{color:var(--ink65);margin:10px 0 0;font-size:14px;line-height:1.6}.px-method-open{margin-top:clamp(36px,6vh,64px)}.px-method-open-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 32px;margin-bottom:clamp(12px,2vh,20px);display:flex}.px-method-open-note{color:var(--ink60);margin:0;font-size:14px;line-height:1.6}.px-method-open-list{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0 clamp(24px,4vw,64px);margin:0;padding:0;list-style:none;display:grid}.px-method-open-list a{border-bottom:1px solid var(--line);min-height:44px;color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding:14px 0;text-decoration:none;transition:padding-left .18s,color .18s;display:flex}.px-method-open-list a:hover{padding-left:12px}.px-method-open-list code{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink);font-size:12px;transition:color .18s}.px-method-open-list a:hover code,.px-method-open-list a:focus-visible code{color:var(--px-cobalt-ink)}.px-method-open-list span{color:var(--ink55);font-size:13.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.px-method-open-list a{transition:none}.px-method-open-list a:hover{padding-left:0}}.px-pipeline{margin-top:clamp(20px,3.4vh,34px)}.px-pipeline-band{width:100%;height:clamp(148px,22vh,232px);display:block}.px-pipeline-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:clamp(18px,2.6vw,34px);margin-top:clamp(20px,3vh,34px);display:grid}.px-pipeline-step{flex-direction:column;align-items:flex-start;display:flex}.px-pipeline-step:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:6px}.px-pipeline-tile{width:100%;height:clamp(76px,9vh,104px);margin-bottom:14px}.px-pipeline-tile-canvas{width:100%;height:100%;display:block}.px-step{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.px-step-body{max-width:34ch;color:var(--ink70);margin:10px 0 0;font-size:13.5px;line-height:1.65}
.px-experience .px-split-body{min-width:min(100%,300px)}.px-experience .px-split-intro{-webkit-hyphens:auto;hyphens:auto}.px-experience .px-row-tag{white-space:nowrap;flex-basis:64px}
.px-work .px-matter-tag{text-transform:uppercase;text-align:right}@media (prefers-reduced-motion:reduce){.px-work .px-matter{transition:color .18s}.px-work .px-matter:hover{padding-left:0}}
.px-services .px-split-intro,.px-service,.px-service-proof{max-width:45rem}.px-service{margin-top:clamp(30px,5vh,56px)}.px-service-num{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink40);margin-bottom:4px;font-size:11px}.px-service .px-matter{border-bottom:0;padding:0 0 10px;transition:none}.px-service .px-matter:hover{padding-left:0}.px-service .px-matter:hover .px-matter-title{color:var(--ink)}.px-service .px-matter-tag{text-transform:uppercase;white-space:nowrap}.px-service-lede{max-width:none;color:var(--ink70);margin:0 0 16px;font-size:14.5px;line-height:1.75}.px-service .px-row-tag{text-transform:uppercase;letter-spacing:.18em;flex-basis:7.25rem}.px-service-proof{color:var(--ink70);margin:clamp(28px,4vh,40px) 0 0;font-size:14.5px;line-height:1.75}.px-service-proof a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt)}
.px-writing .px-head-title{text-wrap:pretty;max-width:26ch}.px-writing-rows{margin-top:clamp(18px,3vh,34px)}.px-writing-row{border-top:1px solid var(--line);color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px 28px;padding:22px 0;transition:padding-left .18s;display:flex}.px-writing-row.is-last{border-bottom:1px solid var(--line)}.px-writing-row:hover{color:var(--ink);padding-left:14px}.px-writing-row:hover .px-writing-title{color:var(--px-cobalt-ink)}.px-writing-date{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink40);flex:0 0 92px;font-size:11px}.px-writing-main{flex:380px;min-width:min(100%,260px)}.px-writing-title{letter-spacing:-.015em;font-size:clamp(17px,2vw,23px);font-weight:600;line-height:1.3;transition:color .18s;display:block}.px-writing-dek{color:var(--ink55);margin-top:6px;font-size:13.5px;line-height:1.6;display:block}.px-writing-tag{font-family:var(--font-mono);letter-spacing:.18em;font-size:11px}.px-writing-more{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--ink40);align-items:center;gap:12px;margin-top:clamp(20px,3vh,34px);font-size:11px;display:inline-flex}.px-writing-more-arrow{letter-spacing:0;transition:transform .18s}.px-writing-more:hover .px-writing-more-arrow{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.px-writing-row{transition:none}.px-writing-row:hover{padding-left:0}.px-writing-more-arrow{transition:none}.px-writing-more:hover .px-writing-more-arrow{transform:none}}
.px-work-index{max-width:var(--wrap-max);padding:clamp(32px, 6vh, 72px) var(--wrap-pad) clamp(56px, 9vh, 110px);margin:0 auto}.px-work-back{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink60);text-underline-offset:4px;align-items:center;gap:8px;font-size:11px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;display:inline-flex}.px-work-back:hover{color:var(--ink);-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt)}.px-work-back:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:4px}.px-work-index .px-head-title{text-wrap:pretty;max-width:22ch}.px-work-index .px-head-label,.px-work-index .px-row-tag,.px-work-detail .px-row-tag{color:var(--ink60)}.px-work-index-lede{max-width:58ch;color:var(--ink70);text-wrap:pretty;margin:16px 0 0;font-size:15px;line-height:1.75}.px-work-index-list{margin:clamp(28px,4vh,44px) 0 0;padding:0;list-style:none}.px-work-index-item{border-top:1px solid var(--line);padding:22px 0}.px-work-index-item.is-last{border-bottom:1px solid var(--line)}.px-work-index-item .px-matter{border-bottom:none;padding-top:8px;padding-bottom:8px}.px-work-index-item .px-matter:hover .px-matter-title{color:var(--ink)}.px-work-index-item .px-matter-tag{color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.px-work-index-item .px-matter-tag.is-cobalt{-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt)}.px-work-index-item .px-matter-tag.is-amber{-webkit-text-decoration-color:var(--px-amber);text-decoration-color:var(--px-amber)}.px-work-index-item .px-matter-tag.is-red{-webkit-text-decoration-color:var(--px-red);text-decoration-color:var(--px-red)}.px-work-index-item .px-matter-tag.is-ink{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.px-work-index-item-head{flex-wrap:wrap;align-items:baseline;gap:8px 28px;display:flex}.px-work-index-index{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink60);flex:0 0 52px;font-size:11px}.px-work-index-main{flex:380px;min-width:min(100%,260px)}.px-work-index-dek{color:var(--ink60);margin-top:6px;font-size:13.5px;line-height:1.6;display:block}.px-work-index-spec{margin-top:16px}.px-work-index-spec .px-row{padding:10px 0}.px-work-index-spec .px-row-body{font-size:13.5px}.px-work-index-year{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink60);margin-top:10px;font-size:11px}.px-work-detail{max-width:var(--wrap-max);padding:clamp(32px, 6vh, 72px) var(--wrap-pad) clamp(56px, 9vh, 110px);margin:0 auto}.px-work-detail-head{border-bottom:1px solid var(--line);margin-top:clamp(24px,4vh,36px);padding-bottom:clamp(18px,3vh,26px)}.px-work-detail-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink60);flex-wrap:wrap;align-items:baseline;gap:8px 16px;font-size:11px;display:flex}.px-work-detail-index{color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt);font-weight:500}.px-work-detail-tag,.px-work-detail-year{color:var(--ink60)}.px-work-detail-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:pretty;color:var(--ink);margin:clamp(18px,3vh,28px) 0 0;font-size:clamp(30px,4vw,54px);font-weight:500;line-height:1.12}.px-work-detail-dek{color:var(--ink70);text-wrap:pretty;background:0 0;border:0;margin:clamp(16px,2.5vh,24px) 0 0;padding:0;font-size:clamp(16px,1.5vw,19px);line-height:1.65}.px-work-detail-spec{margin-top:18px}.px-work-detail-spec .px-row{padding:12px 0}.px-work-detail-spec .px-row-body{font-size:14px}.px-work-body{max-width:var(--prose-max);margin-top:clamp(28px,4vh,40px)}.px-work-body>:first-child{margin-top:0}.px-work-body h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:clamp(32px,5vh,48px) 0 0;font-size:clamp(22px,2.4vw,30px);font-weight:500;line-height:1.25}.px-work-body h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:28px 0 0;font-size:clamp(17px,1.8vw,21px);font-weight:600}.px-work-body p{color:var(--ink70);margin:14px 0 0;font-size:16px;line-height:1.8}.px-work-body a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt);transition:text-decoration-thickness .18s}.px-work-body a:hover{color:var(--ink);text-decoration-thickness:2px}.px-work-body a:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:3px;border-radius:2px}.px-work-body strong{color:var(--ink);font-weight:600}.px-work-body em{font-style:italic}.px-work-body ul,.px-work-body ol{color:var(--ink70);margin:14px 0 0;padding-left:1.2em;font-size:16px;line-height:1.8}.px-work-body li+li{margin-top:8px}.px-work-body li::marker{color:var(--ink60)}.px-work-body blockquote{border-left:2px solid var(--line);background:color-mix(in oklab, var(--line) 28%, transparent);color:var(--ink60);margin:18px 0 0;padding:12px 18px}.px-work-body blockquote p{margin:0;font-size:15px;line-height:1.7}.px-work-body hr{border:0;border-top:1px solid var(--line);margin:clamp(28px,5vh,40px) 0 0}.px-work-body img{border:1px solid var(--line);max-width:100%;height:auto;margin:20px 0 0;display:block}.px-work-body pre{font-family:var(--font-mono);background:color-mix(in oklab, var(--line) 40%, transparent);border:1px solid var(--line);margin:18px 0 0;padding:16px 18px;font-size:13px;line-height:1.7;overflow-x:auto}.px-work-body code{font-family:var(--font-mono);font-size:.9em}.px-work-body :not(pre)>code{background:color-mix(in oklab, var(--line) 55%, transparent);color:var(--ink);border-radius:4px;padding:1px 5px}.px-work-body table{border-collapse:collapse;width:100%;margin:18px 0 0;font-size:14px;line-height:1.6}.px-work-body th,.px-work-body td{border:1px solid var(--line);text-align:left;padding:10px 12px}.px-work-body th{color:var(--ink);background:color-mix(in oklab, var(--line) 35%, transparent);font-weight:600}@media (prefers-reduced-motion:reduce){.px-work-index-item .px-matter,.px-work-index-item .px-matter-title,.px-work-body a{transition:none}.px-work-index-item .px-matter:hover{padding-left:0}}
.px-reel{border:1px solid var(--line);background:var(--bg);margin:clamp(24px,4vh,36px) 0 0;display:block;overflow:hidden}.px-reel .px-reel-field{width:100%;height:clamp(220px,38vh,420px);display:block}
.px-writing-index{max-width:var(--wrap-max);padding:clamp(32px, 6vh, 72px) var(--wrap-pad) clamp(56px, 9vh, 110px);margin:0 auto}.px-writing-index-head{margin-bottom:clamp(24px,4vh,36px)}.px-writing-index-head .px-head-title{text-wrap:pretty;max-width:26ch}.px-writing-index-head .px-head-label{color:var(--ink40)}.px-writing-index-rows{margin-top:clamp(28px,4vh,44px)}.px-pixel-band{width:100%;height:clamp(84px,12vh,136px);display:block}.writing-detail{background:var(--bg)}.px-article{max-width:900px;padding:clamp(32px, 6vh, 72px) var(--wrap-pad) clamp(56px, 9vh, 110px);margin:0 auto}.px-route-field{width:100%;height:clamp(84px,12vh,136px);margin-bottom:clamp(24px,4vh,36px);display:block}.px-route-field.is-hero{border:1px solid var(--line);height:clamp(220px,38vh,420px);margin-bottom:clamp(32px,5vh,52px)}.px-article-crumb{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink60);font-size:12px}.px-article-crumb a{color:var(--ink60);text-decoration:none;transition:color .18s}.px-article-crumb a:hover{color:var(--px-cobalt-ink)}.px-article-crumb a:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:3px;border-radius:2px}.px-article-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:pretty;color:var(--ink);margin:clamp(18px,3vh,28px) 0 0;font-size:clamp(30px,4vw,54px);font-weight:500;line-height:1.12}.px-article-dek{color:var(--ink70);text-wrap:pretty;margin:clamp(16px,2.5vh,24px) 0 0;font-size:clamp(16px,1.5vw,19px);line-height:1.65}.px-article-byline{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink60);flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:clamp(18px,3vh,26px);padding-bottom:clamp(18px,3vh,26px);font-size:11px;display:flex}.px-article-byline a{color:var(--ink60);text-decoration:none}.px-article-byline a:hover{color:var(--px-cobalt-ink)}.px-article-byline a:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:3px;border-radius:2px}.px-article-byline time{color:var(--ink60)}.px-article-kicker{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--ink60);font-size:12px}.px-article-short{margin-top:clamp(24px,4vh,36px)}.px-article-short .px-article-kicker{margin-bottom:10px}.px-article-short .px-row{gap:18px;padding:14px 0}.px-article-short .px-row-tag{flex:0 0 24px;line-height:1}.px-article-short .px-row:nth-child(3n+2) .px-row-tag{color:var(--px-cobalt-ink)}.px-article-short .px-row:nth-child(3n+3) .px-row-tag{color:var(--px-amber-ink)}.px-article-short .px-row:nth-child(3n+4) .px-row-tag{color:var(--px-red-ink)}.px-article-short .px-row-body{color:var(--ink70);font-size:15px;line-height:1.65}.px-article-body{max-width:75ch;margin-top:clamp(28px,4vh,40px)}.px-article-body figure[data-rehype-pretty-code-figure]{margin:18px calc(var(--wrap-pad) * -1) 0}.px-article-body figure[data-rehype-pretty-code-figure] pre{margin-left:0;margin-right:0}.px-article-body>:first-child{margin-top:0}.px-article-body h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:clamp(32px,5vh,48px) 0 0;font-size:clamp(22px,2.4vw,30px);font-weight:500;line-height:1.25}.px-article-body h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:28px 0 0;font-size:clamp(17px,1.8vw,21px);font-weight:600}.px-article-body p{color:var(--ink70);margin:14px 0 0;font-size:16px;line-height:1.8}.px-article-body a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt);transition:text-decoration-thickness .18s}.px-article-body a:hover{color:var(--ink);text-decoration-thickness:2px}.px-article-body a:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:3px;border-radius:2px}.px-article-body strong{color:var(--ink);font-weight:600}.px-article-body em{font-style:italic}.px-article-body ul,.px-article-body ol{color:var(--ink70);margin:14px 0 0;padding-left:1.2em;font-size:16px;line-height:1.8}.px-article-body li+li{margin-top:8px}.px-article-body li::marker{color:var(--ink60)}.px-article-body blockquote{margin:18px calc(var(--wrap-pad) * -1) 0;border-left:2px solid var(--line);background:color-mix(in oklab, var(--line) 28%, transparent);color:var(--ink60);padding:12px 18px}.px-article-body blockquote p{margin:0;font-size:15px;line-height:1.7}.px-article-body hr{border:0;border-top:1px solid var(--line);margin:clamp(28px,5vh,40px) 0 0}.px-article-body img{max-width:var(--prose-breakout);height:auto;margin:20px calc(var(--wrap-pad) * -1) 0;border:1px solid var(--line);display:block}.px-article-body pre{margin:18px calc(var(--wrap-pad) * -1) 0;font-family:var(--font-mono);background:color-mix(in oklab, var(--line) 40%, transparent);border:1px solid var(--line);padding:16px 18px;font-size:13px;line-height:1.7;overflow-x:auto}.px-article-body code{font-family:var(--font-mono);font-size:.9em}.px-article-body :not(pre)>code{background:color-mix(in oklab, var(--line) 55%, transparent);color:var(--ink);border-radius:4px;padding:1px 5px}.px-article-body table{width:var(--prose-breakout);margin:18px calc(var(--wrap-pad) * -1) 0;border-collapse:collapse;font-size:14px;line-height:1.6}.px-article-body th,.px-article-body td{border:1px solid var(--line);text-align:left;padding:10px 12px}.px-article-body th{color:var(--ink);background:color-mix(in oklab, var(--line) 35%, transparent);font-weight:600}.px-article-faq{margin-top:clamp(36px,6vh,56px)}.px-article-faq .px-article-kicker{margin-bottom:10px}.px-article-faq-row{border-bottom:1px solid var(--line);padding:16px 0}.px-article-kicker+.px-article-faq-row{border-top:1px solid var(--line)}.px-article-faq-q{color:var(--ink);font-size:15.5px;font-weight:600;line-height:1.4}.px-article-faq-a{color:var(--ink70);max-width:var(--prose-max);margin:8px 0 0;font-size:14.5px;line-height:1.7}.px-article-next{margin-top:clamp(36px,6vh,56px)}.px-article-next .px-article-kicker{margin-bottom:10px}.px-article-next .px-matter{border-bottom:1px solid var(--line)}.px-article-next .px-matter:first-of-type{border-top:1px solid var(--line)}.px-article-next .px-matter:hover .px-matter-title{color:var(--ink)}.px-article-next .px-matter-tag{color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.px-article-next .px-matter-tag.is-cobalt{-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt)}.px-article-next .px-matter-tag.is-amber{-webkit-text-decoration-color:var(--px-amber);text-decoration-color:var(--px-amber)}.px-article-next .px-matter-tag.is-red{-webkit-text-decoration-color:var(--px-red);text-decoration-color:var(--px-red)}.px-article-next .px-matter:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:4px}@media (prefers-reduced-motion:reduce){.px-article-crumb a,.px-article-byline a,.px-article-body a,.px-article-next .px-matter,.px-article-next .px-matter-title{transition:none}.px-article-next .px-matter:hover{padding-left:0}}
.px-docs{max-width:var(--wrap-max);padding:clamp(56px, 9vh, 118px) var(--wrap-pad) clamp(40px, 6vh, 72px);margin:0 auto}.px-docs-field{width:100%;height:clamp(84px,12vh,136px);margin-bottom:clamp(24px,4vh,36px);display:block}.px-docs-field:focus{outline:none}.px-docs-back{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink60);margin-bottom:22px;font-size:11px;text-decoration:none;display:inline-block}.px-docs-back:hover{color:var(--ink)}.px-docs-back:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:2px}.px-docs .px-head-label{color:var(--ink60)}.px-docs-head{margin-bottom:clamp(28px,4vh,44px)}.px-docs-summary{max-width:var(--prose-max);color:var(--ink70);margin:16px 0 0;font-size:14.5px;line-height:1.75}.px-docs-description{max-width:var(--prose-max);color:var(--ink70);text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:12px 0 0;font-size:14.5px;line-height:1.75}.px-docs-head a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.px-docs-head a:hover{-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt);color:var(--ink)}.px-docs-head a:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:2px}.px-docs-meta{max-width:var(--prose-max);margin-top:22px}.px-docs-meta .px-row-tag{white-space:nowrap;text-transform:uppercase;letter-spacing:.18em;color:var(--ink60);flex-basis:64px}.px-docs-meta code,.px-docs-meta a code{font-family:var(--font-mono);color:var(--ink);font-size:12.5px}.px-docs-toc{border-top:1px solid var(--line);margin-top:clamp(24px,4vh,36px);padding-top:18px}.px-docs-toc-groups{flex-wrap:wrap;align-items:flex-start;gap:28px clamp(24px,4vw,56px);display:flex}.px-docs-toc-group{flex:180px;min-width:min(100%,200px)}.px-docs-toc-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink60);margin-bottom:8px;font-size:11px}.px-docs-toc-list{margin:0;padding:0;list-style:none}.px-docs-toc-list li+li{margin-top:6px}.px-docs-toc-list a{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink60);font-size:12px;text-decoration:none}.px-docs-toc-list a:hover{color:var(--ink)}.px-docs-toc-list a:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:2px}.px-docs-toc-list code{font-family:var(--font-mono);color:inherit;font-size:12px}.px-docs-toc .px-matter{border-bottom:1px solid var(--line);padding:12px 0}.px-docs-toc .px-matter:first-of-type{border-top:1px solid var(--line)}.px-docs-toc .px-matter:hover .px-matter-title{color:var(--ink)}.px-docs-toc .px-matter-tag{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.px-docs-toc .px-matter-tag.is-cobalt{color:var(--ink60);-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt)}.px-docs-toc .px-matter-tag.is-amber{color:var(--ink60);-webkit-text-decoration-color:var(--px-amber);text-decoration-color:var(--px-amber)}.px-docs-toc .px-matter-tag.is-red{color:var(--ink60);-webkit-text-decoration-color:var(--px-red);text-decoration-color:var(--px-red)}.px-docs-toc .px-matter-tag.is-ink{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.px-docs-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink60);margin-bottom:10px;font-size:11px}.px-docs-section{margin-top:clamp(36px,6vh,56px)}.px-docs-section .px-head--block{margin-bottom:18px}.px-docs-mcp{margin-top:clamp(36px,6vh,56px)}.px-docs-mcp-copy{max-width:var(--prose-max);color:var(--ink70);margin:0 0 12px;font-size:14.5px;line-height:1.75}.px-docs-mcp-copy code{font-family:var(--font-mono);color:var(--ink);background:0 0;font-size:12.5px}.px-docs-mcp-copy a{color:inherit}.px-docs-tool{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.px-docs-tool:last-of-type{border-bottom:1px solid var(--line);padding-bottom:18px}.px-docs-tool-head{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink);margin:0 0 8px;font-size:15px}.px-docs-tool-head code{font-family:var(--font-mono);color:var(--ink);font-size:15px}.px-docs-tool-desc{max-width:var(--prose-max);color:var(--ink70);margin:0 0 14px;font-size:14px;line-height:1.7}.px-docs-block{margin-top:14px}.px-docs-block .px-row-tag{text-transform:none;letter-spacing:.02em;min-width:96px;max-width:220px;color:var(--ink60);white-space:normal;overflow-wrap:anywhere;word-break:break-word;flex:0 160px}.px-docs-block .px-row-body{font-size:13.5px}.px-docs-block .px-row-body code{font-family:var(--font-mono);color:var(--ink);font-size:12.5px}.px-docs-required{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--px-red);text-decoration-color:var(--px-red);text-underline-offset:2px;font-weight:600;text-decoration-thickness:1px}.px-docs-annotations{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink60);margin:14px 0 0;font-size:11px}.px-docs-path{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.px-docs-path:last-of-type{border-bottom:1px solid var(--line);padding-bottom:22px}.px-docs-path-head{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink);margin:0 0 16px;font-size:14px}.px-docs-path-head code{font-family:var(--font-mono);color:var(--ink);font-size:14px}.px-docs-op{border-top:1px solid var(--line);margin-top:18px;padding:16px 0 0}.px-docs-op:first-of-type{margin-top:0}.px-docs-op-head{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.px-docs-method{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);background:var(--bg);padding:2px 6px;font-size:11px;font-weight:600}.px-docs-method.is-cobalt{color:var(--ink);border-color:var(--px-cobalt)}.px-docs-method.is-amber{color:var(--ink);border-color:var(--px-amber)}.px-docs-method.is-red{color:var(--ink);border-color:var(--px-red)}.px-docs-method.is-ink{color:var(--ink)}.px-docs-op-summary{color:var(--ink);font-size:14px;font-weight:600;line-height:1.6}.px-docs-op-desc{max-width:var(--prose-max);color:var(--ink70);margin:8px 0 0;font-size:14px;line-height:1.7}.px-docs-op .px-docs-block .px-row-tag{flex-basis:72px}.px-docs-content-types{color:var(--ink60);font-size:12.5px}.px-docs-schema{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.px-docs-schema:last-of-type{border-bottom:1px solid var(--line);padding-bottom:18px}.px-docs-schema-head{font-family:var(--font-mono);color:var(--ink);margin:0 0 12px;font-size:14px}.px-docs-schema-head code{font-family:var(--font-mono);color:var(--ink);font-size:14px}.px-docs-schema .px-row-tag{text-transform:none;letter-spacing:.02em;min-width:96px;max-width:220px;color:var(--ink60);white-space:normal;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word;flex:0 160px;overflow:visible}.px-docs-footer{border-top:1px solid var(--line);margin-top:clamp(36px,6vh,56px);padding-top:18px}.px-docs-footer p{max-width:var(--prose-max);color:var(--ink60);margin:0;font-size:13.5px;line-height:1.7}.px-docs-footer a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.px-docs-footer a:hover{color:var(--ink);-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt)}.px-docs-footer a:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:2px}.px-docs-footer code{font-family:var(--font-mono);color:var(--ink);font-size:12.5px}.px-docs a{text-decoration-thickness:1px}.px-docs a:hover{color:var(--ink)}.px-docs a:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:2px}.px-docs code{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){.px-docs .px-matter{transition:color .18s}.px-docs .px-matter:hover{padding-left:0}.px-docs a{transition:none}}
.px-status{max-width:var(--wrap-max);padding:clamp(28px, 5vh, 64px) var(--wrap-pad) clamp(56px, 9vh, 118px);margin:0 auto}.px-status-field{width:100%;height:clamp(340px,64vh,700px);display:block}.px-status-field:focus{outline:none}.px-status-body{text-align:center;max-width:560px;margin:clamp(28px,4vh,44px) auto 0}.px-status-body .px-head--block{margin-bottom:0}.px-status-copy{color:var(--ink70);margin:18px 0 0;font-size:14.5px;line-height:1.75}.px-status-copy a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.px-status-copy a:hover{color:var(--ink);-webkit-text-decoration-color:var(--px-cobalt);text-decoration-color:var(--px-cobalt)}.px-status-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}.px-status-link,.px-status-button{background:var(--panel);color:var(--panelInk);font-family:var(--font-body);cursor:pointer;border:0;padding:14px 28px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background .18s,color .18s;display:inline-block}.px-status-link:hover,.px-status-button:hover{background:var(--px-cobalt);color:var(--panelInk)}[data-mode=dark] .px-status-link:hover,[data-mode=dark] .px-status-button:hover{color:var(--panel)}.px-status-link:focus-visible,.px-status-button:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:3px}@media (prefers-reduced-motion:reduce){.px-status-link,.px-status-button{transition:none}}
.px-open .px-row-tag{flex:0 0 82px}.px-open-meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink40);margin:18px 0 0;font-size:11px}.px-open-meta a{color:inherit}.px-open-meta--degraded{color:var(--px-amber-ink)}.px-open-meta--degraded:before{content:"";background:var(--px-amber);width:7px;height:7px;margin-right:8px;display:inline-block}.px-open-degraded{color:var(--px-amber-ink)}.px-open-contrib{overscroll-behavior-x:contain;margin:0 0 26px;padding:8px 0;animation:linear px-contrib-edge;animation-timeline:scroll(self inline);overflow-x:auto}@keyframes px-contrib-edge{0%{-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000 100%);mask-image:linear-gradient(90deg,#000 82%,#0000 100%)}to{-webkit-mask-image:linear-gradient(90deg,#000 100% 100%);mask-image:linear-gradient(90deg,#000 100% 100%)}}@supports not (animation-timeline:scroll(self inline)){.px-open-contrib{animation:none}}.px-contrib{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:2px;min-width:480px;padding:4px 0;display:grid}.px-contrib:focus-visible{outline:2px solid var(--px-cobalt);outline-offset:6px}.px-contrib-col{opacity:.92;gap:2px;transition:opacity .14s;display:grid}.px-contrib:hover .px-contrib-col,.px-contrib:focus-within .px-contrib-col{opacity:.34}.px-contrib:hover .px-contrib-col.is-active,.px-contrib:focus-within .px-contrib-col.is-active{opacity:1}.px-contrib-cell{aspect-ratio:1;background:0 0;min-height:7px;display:block}.px-contrib-readout{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink45);margin:0 0 22px;font-size:11px}.px-contrib-readout strong{color:var(--ink);font-weight:400}
.px-footer{background:var(--bg);padding-top:clamp(36px,6vh,72px);overflow:hidden}.px-marquee,.px-skyline{width:100%;display:block}.px-marquee{height:140px}.px-skyline{height:112px}.px-contact{padding:clamp(44px, 8vh, 84px) var(--wrap-pad) clamp(36px, 6vh, 60px);text-align:center;flex-direction:column;align-items:center;gap:26px;display:flex}.px-cta{background:var(--panel);color:var(--panelInk);padding:16px 36px;font-size:15px;font-weight:600;transition:background .18s;display:inline-block}.px-cta:hover{background:var(--px-cobalt);color:var(--panelInk)}.px-contact-note{max-width:52ch;color:var(--ink55);margin:0;font-size:14px;line-height:1.7}.px-contact-mail{color:var(--ink55);font-size:15px}.px-contact-mail a{font-weight:600}.px-legal{color:var(--ink45);flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:12px;display:flex}.px-legal a{color:var(--ink60)}.px-legal-sha{font-family:var(--font-mono);letter-spacing:.1em}
.px-cursor{z-index:1000;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}[data-pixel-cursor-hide],[data-pixel-cursor-hide] *{cursor:none!important}html[data-motion=off] .px-cursor{display:none}@media (pointer:coarse),(prefers-reduced-motion:reduce){.px-cursor{display:none}}
.px-shipit-game{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.px-shipit-status{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.px-shipit-status>div{min-width:0;padding:12px 14px 13px 0}.px-shipit-status dt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink40);margin:0 0 5px;font-size:10px}.px-shipit-status dd{overflow-wrap:anywhere;font-family:var(--font-mono);color:var(--ink);margin:0;font-size:13px}.px-shipit-canvas{aspect-ratio:28/31;background:var(--bg);touch-action:none;width:100%;display:block}.px-shipit-canvas:focus-visible{outline:2px solid var(--px-red);outline-offset:4px}.px-shipit-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:18px;padding:16px 0;display:flex}.px-shipit-actions{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.px-shipit-action,.px-shipit-direction{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0}.px-shipit-action{padding:0 14px}.px-shipit-action:hover,.px-shipit-action:focus-visible,.px-shipit-direction:hover,.px-shipit-direction:focus-visible,.px-shipit-action[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg);outline:none}.px-shipit-directions{flex:none;grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);gap:4px;display:grid}.px-shipit-direction{letter-spacing:0;padding:0;font-size:18px}.px-shipit-direction.is-up{grid-area:1/2}.px-shipit-direction.is-left{grid-area:2/1}.px-shipit-direction.is-down{grid-area:2/2}.px-shipit-direction.is-right{grid-area:2/3}.px-shipit-note{font-family:var(--font-mono);color:var(--ink40);margin:16px 0 0;font-size:11px;line-height:1.65}.px-shipit-legend{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:18px;display:grid}.px-shipit-legend p{border-bottom:1px solid var(--line);min-width:0;color:var(--ink70);align-items:center;gap:9px;margin:0;padding:11px 0;font-size:12px;line-height:1.45;display:flex}.px-shipit-legend strong{color:var(--ink);font-weight:600}.px-shipit-mark{width:14px;height:14px;color:var(--ink);flex:0 0 14px;display:inline-block;position:relative}.px-shipit-mark.is-player{background:linear-gradient(90deg,currentColor,currentColor) 0 0/10px 3px no-repeat,linear-gradient(90deg,currentColor,currentColor) 0 100%/10px 3px no-repeat,linear-gradient(90deg,currentColor,currentColor) 100% 0/4px 14px no-repeat}.px-shipit-mark.is-direct{color:var(--px-red-ink)}.px-shipit-mark.is-direct:before{content:"";border:3px solid;border-radius:50%;position:absolute;inset:1px}.px-shipit-mark.is-direct:after{content:"";background:currentColor;width:2px;height:10px;position:absolute;top:2px;left:6px}.px-shipit-mark.is-ambush{color:var(--px-deepblue)}.px-shipit-mark.is-ambush:before{content:"";border-bottom:12px solid;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.px-shipit-mark.is-flank{color:var(--px-red-ink)}.px-shipit-mark.is-flank:before,.px-shipit-mark.is-flank:after{content:"";background:currentColor;width:16px;height:3px;position:absolute;top:5px;left:-1px}.px-shipit-mark.is-flank:before{transform:rotate(45deg)}.px-shipit-mark.is-flank:after{transform:rotate(-45deg)}.px-shipit-mark.is-shy{color:var(--px-deepblue)}.px-shipit-mark.is-shy:before{content:"";background:currentColor;border-radius:50%;position:absolute;inset:2px 0}.px-shipit-mark.is-shy:after{background:var(--bg);content:"";width:6px;height:4px;position:absolute;top:5px;right:-2px}.px-shipit-mark.is-commit{color:var(--px-red-ink)}.px-shipit-mark.is-commit:before{content:"";border:3px solid;border-radius:50%;position:absolute;inset:1px}@media (max-width:640px){.px-shipit-status{grid-template-columns:repeat(2,minmax(0,1fr))}.px-shipit-status>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.px-shipit-controls{flex-direction:column;align-items:stretch}.px-shipit-directions{align-self:center}.px-shipit-legend{grid-template-columns:minmax(0,1fr)}.px-shipit-note,.px-shipit-status dt{font-size:12px}}
@media (pointer:coarse){.px-matter,.px-work-back,.px-docs-back,.px-status-link,.px-writing-more,.px-legal a,.px-contact-mail a,.px-method-open-list a,.px-writing-row{align-items:center;min-height:44px;display:flex}.px-wordmark{align-items:center;min-height:44px;display:inline-flex}.px-legal a{justify-content:center;min-width:44px}.px-article-crumb a,.px-article-byline a,.px-docs-toc-list a,.px-row-body a{align-items:center;min-height:44px;display:inline-flex}}@media (max-width:640px){.px-matter-tag,.px-work-back,.px-docs-back,.px-docs-kicker,.px-chip-key,.px-portrait-cap,.px-work-detail-tag,.px-head-label,.px-step{font-size:12px}.px-portrait{flex:100%;max-width:100%}}
