.portfolio-module__BaLdnW__root{--media:#e6e8ee;--media-2:#d9dce4;--frame:#1b2150}@media (prefers-color-scheme:dark){.portfolio-module__BaLdnW__root{--media:#232833;--media-2:#2e3440;--frame:#2a3050}}.portfolio-module__BaLdnW__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-module__BaLdnW__hero{padding-block:var(--sp-3) 56px}.portfolio-module__BaLdnW__hero .portfolio-module__BaLdnW__lede{max-width:36em}.portfolio-module__BaLdnW__facts{margin:var(--sp-4) 0 0;flex-wrap:wrap;gap:12px 32px;padding:0;list-style:none;display:flex}.portfolio-module__BaLdnW__facts li{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600;line-height:var(--lh-ui);align-items:center;gap:8px;display:flex}.portfolio-module__BaLdnW__facts b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.portfolio-module__BaLdnW__ic{fill:none;width:24px;height:24px;stroke:var(--icon);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.portfolio-module__BaLdnW__work{padding-bottom:96px}.portfolio-module__BaLdnW__filters{gap:var(--sp-2);padding:var(--sp-3) 0;border-block:1px solid var(--line-2);flex-direction:column;display:flex}.portfolio-module__BaLdnW__frow{gap:var(--sp-2);grid-template-columns:72px minmax(0,1fr);align-items:start;display:grid}.portfolio-module__BaLdnW__flabel{font-size:var(--fs-sm);color:var(--ink-3);font-weight:700;line-height:44px}.portfolio-module__BaLdnW__chips{flex-wrap:wrap;gap:8px;display:flex}.portfolio-module__BaLdnW__chips button{font:inherit;font-size:var(--fs-sm);border-radius:var(--r-btn);border:1.5px solid var(--line);background:var(--paper-2);min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-weight:700;line-height:1.3;display:inline-flex}.portfolio-module__BaLdnW__chips button span{color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:600}.portfolio-module__BaLdnW__chips button:hover{border-color:var(--ink-3)}.portfolio-module__BaLdnW__chips button[aria-pressed=true]{border:2px solid var(--ink);padding:0 15.5px}.portfolio-module__BaLdnW__chips button[aria-pressed=true] span{color:var(--ink-2)}.portfolio-module__BaLdnW__subrow .portfolio-module__BaLdnW__chips button{min-height:40px;font-weight:600}.portfolio-module__BaLdnW__result{justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-3);font-size:var(--fs-sm);color:var(--ink-3);line-height:var(--lh-ui);display:flex}.portfolio-module__BaLdnW__result b{color:var(--ink);font-weight:800}.portfolio-module__BaLdnW__pf{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;margin:0;padding:0;list-style:none;display:grid}.portfolio-module__BaLdnW__pf li{min-width:0}.portfolio-module__BaLdnW__pcard{gap:var(--sp-2);color:inherit;border-radius:var(--r-in);flex-direction:column;text-decoration:none;display:flex}.portfolio-module__BaLdnW__shot{aspect-ratio:16/10;background:var(--media);border:1px solid var(--line-2);border-radius:var(--r-in);max-width:100%;display:block;position:relative;overflow:hidden}.portfolio-module__BaLdnW__shotImg{object-fit:cover;object-position:top;transition:transform .35s}.portfolio-module__BaLdnW__pcard:hover .portfolio-module__BaLdnW__shotImg{transform:scale(1.02)}.portfolio-module__BaLdnW__pcard:hover .portfolio-module__BaLdnW__meta b{text-underline-offset:3px;text-decoration:underline}.portfolio-module__BaLdnW__ph{background:linear-gradient(var(--media-2), var(--media-2)) 24px 58% / 46% 10px no-repeat, linear-gradient(var(--media-2), var(--media-2)) 24px calc(58% + 22px) / 30% 10px no-repeat, var(--media);flex-direction:column;display:flex;position:absolute;inset:0}.portfolio-module__BaLdnW__phBar{border-bottom:1px solid var(--media-2);gap:6px;padding:12px 16px;display:flex}.portfolio-module__BaLdnW__phBar i{border:1.5px solid var(--media-2);border-radius:50%;width:8px;height:8px}.portfolio-module__BaLdnW__phName{font-size:var(--fs-sm);color:var(--ink-3);align-items:center;gap:8px;min-width:0;margin:auto 24px 34%;font-weight:700;line-height:1.4;display:flex}.portfolio-module__BaLdnW__phName span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portfolio-module__BaLdnW__phIc{fill:none;width:20px;height:20px;stroke:var(--icon);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;flex-shrink:0}.portfolio-module__BaLdnW__pb{color:#fff;filter:drop-shadow(0 1px 3px #0009);border:2px solid #ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;bottom:16px;left:16px}.portfolio-module__BaLdnW__pb svg{fill:currentColor;width:16px;height:16px;margin-left:3px}.portfolio-module__BaLdnW__meta{flex-direction:column;gap:4px;min-width:0;display:flex}.portfolio-module__BaLdnW__meta b{font-size:var(--fs-lead);font-weight:800;line-height:var(--lh-h3);letter-spacing:-.01em;color:var(--ink);text-wrap-style:balance}.portfolio-module__BaLdnW__meta>span{font-size:var(--fs-sm);color:var(--ink-3);line-height:var(--lh-ui);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portfolio-module__BaLdnW__metaIc{fill:none;width:18px;height:18px;stroke:var(--icon);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.portfolio-module__BaLdnW__more{margin-top:var(--sp-5);display:flex}.portfolio-module__BaLdnW__moreBtn{border-radius:var(--r-btn);border:1.5px solid var(--line);background:var(--paper-2);min-width:240px;min-height:56px;color:var(--ink);font:inherit;font-size:var(--fs-body);cursor:pointer;padding:12px 28px;font-weight:700;line-height:1.35}.portfolio-module__BaLdnW__moreBtn:hover{border-color:var(--ink-3)}.portfolio-module__BaLdnW__pfNote{margin:var(--sp-3) 0 0;font-size:var(--fs-sm);color:var(--ink-3);line-height:var(--lh-body)}.portfolio-module__BaLdnW__dhead{padding-block:var(--sp-3) 56px}.portfolio-module__BaLdnW__dheadG{gap:var(--sp-6);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;display:grid}.portfolio-module__BaLdnW__dhead .portfolio-module__BaLdnW__lede{max-width:32em}.portfolio-module__BaLdnW__dbtns{margin-top:var(--sp-4)}.portfolio-module__BaLdnW__dbtns>a{padding-inline:28px}.portfolio-module__BaLdnW__info{border-top:2px solid var(--ink);margin:0}.portfolio-module__BaLdnW__info>div{gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--line-2);grid-template-columns:128px minmax(0,1fr);align-items:center;display:grid}.portfolio-module__BaLdnW__info dt{font-size:var(--fs-sm);color:var(--ink-3);font-weight:700;line-height:var(--lh-ui);align-items:center;gap:8px;display:flex}.portfolio-module__BaLdnW__info dt .portfolio-module__BaLdnW__ic{width:20px;height:20px}.portfolio-module__BaLdnW__info dd{font-size:var(--fs-body);min-width:0;color:var(--ink);margin:0;font-weight:600;line-height:1.6}.portfolio-module__BaLdnW__info dd a{color:var(--accent-ink);overflow-wrap:anywhere;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.portfolio-module__BaLdnW__info dd a:hover{text-decoration:underline}.portfolio-module__BaLdnW__info dd a svg{flex-shrink:0;width:16px;height:16px}.portfolio-module__BaLdnW__dstage{background:var(--band);padding-block:var(--sp-6)}.portfolio-module__BaLdnW__devices{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(0,260px);align-items:end;display:grid}.portfolio-module__BaLdnW__devices figure{gap:var(--sp-2);flex-direction:column;min-width:0;margin:0;display:flex}.portfolio-module__BaLdnW__devices figcaption{font-size:var(--fs-sm);color:var(--ink-2);font-weight:700;line-height:var(--lh-ui);align-items:center;gap:8px;display:flex}.portfolio-module__BaLdnW__browser{border-radius:var(--r-in);background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--shadow-mock);overflow:hidden}.portfolio-module__BaLdnW__bar{gap:var(--sp-2);border-bottom:1px solid var(--line-2);background:var(--paper);grid-template-columns:auto minmax(0,1fr);align-items:center;padding:10px 16px;display:grid}.portfolio-module__BaLdnW__dots{gap:6px;display:flex}.portfolio-module__BaLdnW__dots i{border:1.5px solid var(--line);border-radius:50%;width:10px;height:10px}.portfolio-module__BaLdnW__url{font-size:var(--fs-sm);color:var(--ink-3);background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r-sm);white-space:nowrap;text-overflow:ellipsis;padding:2px 12px;line-height:1.6;overflow:hidden}.portfolio-module__BaLdnW__scr{aspect-ratio:16/10;background:var(--media);max-width:100%;display:block;position:relative;overflow:hidden}.portfolio-module__BaLdnW__phone{border:10px solid var(--frame);background:var(--frame);box-shadow:var(--shadow-mock);border-radius:36px;width:100%;max-width:260px;overflow:hidden}.portfolio-module__BaLdnW__phone .portfolio-module__BaLdnW__scr{aspect-ratio:9/19;border-radius:26px}.portfolio-module__BaLdnW__capnote{margin:var(--sp-4) 0 0;font-size:var(--fs-sm);color:var(--ink-3);line-height:var(--lh-sm);align-items:center;gap:8px;display:flex}.portfolio-module__BaLdnW__relHead{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:40px;display:flex}.portfolio-module__BaLdnW__relHead>div{margin-bottom:0}.portfolio-module__BaLdnW__linkmore{font-size:var(--fs-sm);color:var(--accent-ink);font-weight:700;line-height:var(--lh-ui);white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.portfolio-module__BaLdnW__linkmore svg{width:18px;height:18px}.portfolio-module__BaLdnW__linkmore:hover{text-underline-offset:3px;text-decoration:underline}.portfolio-module__BaLdnW__rel{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-module__BaLdnW__rel .portfolio-module__BaLdnW__meta b{font-size:var(--fs-body)}@media (max-width:1023px){.portfolio-module__BaLdnW__hero{padding-block:var(--sp-2) 40px}.portfolio-module__BaLdnW__facts{margin-top:var(--sp-3);gap:8px 24px}.portfolio-module__BaLdnW__work{padding-bottom:44px}.portfolio-module__BaLdnW__filters{padding:var(--sp-2) 0}.portfolio-module__BaLdnW__frow{grid-template-columns:minmax(0,1fr);gap:8px}.portfolio-module__BaLdnW__flabel{line-height:var(--lh-ui)}.portfolio-module__BaLdnW__chips{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-20px;padding-inline:20px;overflow-x:auto}.portfolio-module__BaLdnW__chips::-webkit-scrollbar{display:none}.portfolio-module__BaLdnW__chips button{flex-shrink:0}.portfolio-module__BaLdnW__result{margin:var(--sp-3) 0 var(--sp-2)}.portfolio-module__BaLdnW__pf{gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}.portfolio-module__BaLdnW__moreBtn{width:100%}.portfolio-module__BaLdnW__dhead{padding-block:var(--sp-2) 40px}.portfolio-module__BaLdnW__dheadG{gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}.portfolio-module__BaLdnW__dbtns>a{flex:100%}.portfolio-module__BaLdnW__info>div{grid-template-columns:112px minmax(0,1fr);gap:12px}.portfolio-module__BaLdnW__dstage{padding-block:40px}.portfolio-module__BaLdnW__devices{gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}.portfolio-module__BaLdnW__phone{max-width:220px}.portfolio-module__BaLdnW__bar{gap:12px;padding:8px 12px}.portfolio-module__BaLdnW__rel{gap:var(--sp-3) 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-module__BaLdnW__rel .portfolio-module__BaLdnW__meta b{font-size:var(--fs-sm)}.portfolio-module__BaLdnW__rel .portfolio-module__BaLdnW__meta>span{display:none}.portfolio-module__BaLdnW__rel .portfolio-module__BaLdnW__shot{border-radius:var(--r-sm)}.portfolio-module__BaLdnW__rel .portfolio-module__BaLdnW__phName{display:none}.portfolio-module__BaLdnW__relHead{margin-bottom:var(--sp-3)}}@media (prefers-reduced-motion:reduce){.portfolio-module__BaLdnW__shotImg{transition:none}}.portfolio-module__BaLdnW__dheadG>div:first-child{container-type:inline-size}.portfolio-module__BaLdnW__nameH1{font-size:min(var(--fs-h1), calc(100cqi / var(--nlen,1)))}.portfolio-module__BaLdnW__heroMq{margin-top:32px}