.portfolio-page-v03617,.portfolio-detail-v03617{--pf-bg:#0a0a0d;--pf-panel:#111116;--pf-line:#25252d;--pf-text:#f7f7f9;--pf-muted:#858590;background:var(--pf-bg);color:var(--pf-text)}.portfolio-page-v03617 *,.portfolio-detail-v03617 *{box-sizing:border-box}.portfolio-page-v03617 a,.portfolio-detail-v03617 a{color:inherit}.portfolio-page-v03617 .container,.portfolio-detail-v03617 .container{width:min(1420px,100% - 40px)}.portfolio-head-v03617{border-bottom:1px solid var(--pf-line);justify-content:space-between;align-items:end;gap:20px;padding:92px 0 17px;display:flex}.portfolio-heading-v03617{align-items:baseline;gap:11px;display:flex}.portfolio-heading-v03617 h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:900;line-height:1}.portfolio-heading-v03617 small{color:#777781;font-size:.67rem}.portfolio-filters-v03617{gap:6px;display:flex}.portfolio-filters-v03617 button{color:#9a9aa4;cursor:pointer;background:#101015;border:1px solid #24242b;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font:750 .69rem/1.2 inherit;transition:all .18s;display:flex}.portfolio-filters-v03617 button span{color:#60606a;font-size:.56rem}.portfolio-filters-v03617 button:hover{color:#fff;border-color:#3b3b44}.portfolio-filters-v03617 button.active{color:#111;background:#f4f3f6;border-color:#f4f3f6}.portfolio-filters-v03617 button.active span{color:#666}.portfolio-grid-wrap-v03617{padding:16px 0 54px}.portfolio-grid-v03617{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px;display:grid}.portfolio-card-v03617{min-width:0}.portfolio-card-media-v03617{border:1px solid var(--pf-line);background:var(--pf-panel);border-radius:14px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:block;overflow:hidden}.portfolio-card-media-v03617:hover{border-color:#45454f;transform:translateY(-3px);box-shadow:0 14px 34px #0000003d}.portfolio-visual-v03617{background:#121217;overflow:hidden}.portfolio-browser-v03617{border-bottom:1px solid var(--pf-line);color:#787883;background:#131318;align-items:center;gap:8px;height:29px;padding:0 9px;font-size:.56rem;display:flex}.portfolio-browser-dots-v03617{direction:ltr;gap:4px;display:flex}.portfolio-browser-dots-v03617 i{background:#484852;border-radius:50%;width:5px;height:5px}.portfolio-browser-domain-v03617{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.portfolio-browser-v03617 b{color:#b0b0b8;place-items:center;width:18px;height:18px;font-size:.65rem;display:grid}.portfolio-shot-v03617{aspect-ratio:16/10;background:#15151b;width:100%;position:relative;overflow:hidden}.portfolio-visual-v03617.is-website .portfolio-shot-v03617 img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .28s;display:block}.portfolio-card-media-v03617:hover .portfolio-visual-v03617.is-website img{transform:scale(1.012)}.portfolio-shot-fallback-v03617{background:linear-gradient(145deg,#1b1b22,#101014);flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:absolute;inset:0}.portfolio-shot-fallback-v03617 strong{font-size:1rem}.portfolio-shot-fallback-v03617 span{color:#74747e;margin-top:4px;font-size:.62rem}.portfolio-bot-stage-v03617{isolation:isolate;aspect-ratio:16/10;background:linear-gradient(145deg,#10141b,#0f1116 65%,#0a0b0f);height:auto;position:relative;overflow:hidden}.portfolio-bot-glow-v03617{z-index:-1;aspect-ratio:1;background:color-mix(in srgb,var(--portfolio-accent) 44%,transparent);filter:blur(50px);opacity:.6;border-radius:50%;width:68%;position:absolute;top:-25%;right:-8%}.portfolio-phone-v03617{background:#08090c;border:1px solid #ffffff24;border-radius:18px;width:29%;height:84%;padding:4px;position:absolute;top:9%;right:7%;transform:rotate(1deg);box-shadow:0 14px 35px #0006}.portfolio-phone-v03617>span{z-index:2;background:#11151b;border-radius:99px;width:28%;height:5px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.portfolio-phone-v03617>div{background:#172535;border-radius:14px;width:100%;height:100%;overflow:hidden}.portfolio-phone-v03617 img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.portfolio-miniapp-device-v03617{background:#10151d;border:1px solid #ffffff1f;border-radius:17px;width:53%;height:70%;position:absolute;top:14%;left:7%;overflow:hidden;transform:rotate(-1deg);box-shadow:0 14px 34px #00000057}.portfolio-miniapp-placeholder-v03617,.portfolio-miniapp-screen-v03617{background:linear-gradient(160deg,#182332,#10151c);width:100%;height:100%;overflow:hidden}.portfolio-miniapp-screen-v03617 img{object-fit:cover;object-position:top;width:100%;height:100%}.portfolio-miniapp-placeholder-v03617{grid-template-rows:auto auto 1fr auto;padding:12px;display:grid}.portfolio-miniapp-placeholder-v03617 header{color:#9fb2c9;letter-spacing:.12em;justify-content:space-between;align-items:center;font:800 .5rem/1 ui-monospace,monospace;display:flex}.portfolio-miniapp-placeholder-v03617 header i{background:var(--portfolio-accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--portfolio-accent) 17%,transparent);border-radius:50%}.portfolio-miniapp-hero-v03617{gap:3px;padding:16px 0 10px;display:grid}.portfolio-miniapp-hero-v03617 b{font-size:clamp(.72rem,1vw,.95rem);line-height:1.35}.portfolio-miniapp-hero-v03617 small{color:#8495a9;font-size:.5rem}.portfolio-miniapp-cards-v03617{grid-template-rows:1fr 1fr;grid-template-columns:1.25fr .8fr;gap:6px;display:grid}.portfolio-miniapp-cards-v03617 i{background:linear-gradient(135deg,color-mix(in srgb,var(--portfolio-accent) 23%,#151c25),#151b24);border:1px solid #ffffff14;border-radius:8px;display:block}.portfolio-miniapp-cards-v03617 i:first-child{grid-row:1/3}.portfolio-miniapp-placeholder-v03617 footer{gap:4px;padding-top:8px;display:flex;overflow:hidden}.portfolio-miniapp-placeholder-v03617 footer span{color:#a4b0bd;white-space:nowrap;background:#ffffff12;border-radius:999px;flex:none;padding:4px 6px;font-size:.42rem}.portfolio-bot-badges-v03617{gap:5px;display:flex;position:absolute;bottom:7%;left:8%}.portfolio-bot-badges-v03617 span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d8e0ea;background:#05070ab8;border:1px solid #ffffff1a;border-radius:999px;padding:5px 7px;font-size:.47rem;font-weight:800}.portfolio-card-meta-v03617{justify-content:space-between;gap:8px;padding:8px 2px 0;display:flex}.portfolio-card-meta-v03617 h2{letter-spacing:-.02em;margin:0;font-size:.86rem;font-weight:850;line-height:1.35}.portfolio-card-meta-v03617 h2 a{text-decoration:none}.portfolio-card-meta-v03617 p{color:#888893;margin:2px 0 0;font-size:.59rem;font-weight:700}.portfolio-card-meta-v03617 small{color:#575762;margin-top:2px;font-size:.5rem;display:block}.portfolio-card-meta-v03617>span{color:#4f4f59;font-variant-numeric:tabular-nums;padding-top:1px;font-size:.52rem}.portfolio-empty-v03617{color:var(--pf-muted)}.portfolio-detail-v03617{padding-bottom:52px}.portfolio-detail-head-v03617{padding:92px 0 18px}.portfolio-back-v03617{color:#90909a;margin-bottom:18px;font-size:.7rem;text-decoration:none;display:inline-block}.portfolio-detail-head-v03617>div{justify-content:space-between;align-items:end;gap:28px;display:flex}.portfolio-detail-head-v03617 h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:1}.portfolio-detail-head-v03617 aside{color:#8d8d97;justify-items:end;gap:3px;font-size:.66rem;display:grid}.portfolio-detail-shot-v03617{max-width:1160px}.portfolio-detail-shot-v03617 .portfolio-visual-v03617{border:1px solid var(--pf-line);border-radius:18px;overflow:hidden}.portfolio-detail-info-v03617{grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);gap:48px;max-width:1160px;padding:34px 0 42px;display:grid}.portfolio-detail-info-v03617 h2{margin:0 0 10px;font-size:1rem}.portfolio-detail-info-v03617 p{color:#a2a2ac;max-width:760px;margin:0;font-size:.8rem;line-height:1.95}.portfolio-detail-info-v03617 dl{margin:0}.portfolio-detail-info-v03617 dl>div{border-bottom:1px solid var(--pf-line);grid-template-columns:80px 1fr;gap:12px;padding:9px 0;display:grid}.portfolio-detail-info-v03617 dt{color:#6e6e78;font-size:.6rem}.portfolio-detail-info-v03617 dd{margin:0;font-size:.68rem}.portfolio-detail-info-v03617 dd a{text-decoration:none}.portfolio-gallery-v03617{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1160px;padding-bottom:40px;display:grid}.portfolio-gallery-v03617 figure{border:1px solid var(--pf-line);background:#111;border-radius:14px;margin:0;overflow:hidden}.portfolio-gallery-v03617 img{width:100%;height:auto;display:block}.portfolio-related-v03617{border-top:1px solid var(--pf-line);padding-top:34px}.portfolio-related-v03617 header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.portfolio-related-v03617 header h2{margin:0;font-size:1rem}.portfolio-related-v03617 header a{color:#8e8e98;font-size:.65rem;text-decoration:none}.portfolio-related-v03617>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.portfolio-related-v03617 article>a{border:1px solid var(--pf-line);border-radius:12px;text-decoration:none;display:block;overflow:hidden}.portfolio-related-v03617 article h3{margin:7px 1px 0;font-size:.72rem}.portfolio-related-v03617 article h3 a{text-decoration:none}.portfolio-home-v03617{color:#f7f7f9;background:#0b0b0e;padding:52px 0!important}.portfolio-home-head-v03617{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.portfolio-home-head-v03617 h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,2.2vw,2.2rem)}.portfolio-home-head-v03617>a{color:#aaaab3;font-size:.68rem;text-decoration:none}.portfolio-home-grid-v03617{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.portfolio-home-card-v03617{min-width:0}.portfolio-home-media-v03617{border:1px solid #24242c;border-radius:13px;display:block;overflow:hidden}.portfolio-home-copy-v03617{justify-content:space-between;align-items:baseline;gap:8px;padding:7px 1px 0;display:flex}.portfolio-home-copy-v03617 h3{margin:0;font-size:.8rem}.portfolio-home-copy-v03617 h3 a{text-decoration:none}.portfolio-home-copy-v03617 small{color:#70707a;font-size:.52rem}@media (max-width:1180px){.portfolio-grid-v03617,.portfolio-related-v03617>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.portfolio-page-v03617 .container,.portfolio-detail-v03617 .container{width:min(100% - 28px,1420px)}.portfolio-head-v03617{flex-direction:column;align-items:flex-start;padding-top:74px}.portfolio-grid-v03617{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 9px}.portfolio-card-meta-v03617>span{display:none}.portfolio-detail-head-v03617{padding-top:74px}.portfolio-detail-head-v03617>div{flex-direction:column;align-items:flex-start}.portfolio-detail-head-v03617 aside{justify-items:start}.portfolio-detail-info-v03617{grid-template-columns:1fr;gap:24px}.portfolio-related-v03617>div{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-home-grid-v03617{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.portfolio-browser-v03617{height:25px;padding-inline:7px}.portfolio-bot-badges-v03617{display:none}}@media (max-width:560px){.portfolio-head-v03617{padding-top:68px}.portfolio-heading-v03617 h1{font-size:2rem}.portfolio-filters-v03617{width:100%;padding-bottom:2px;overflow:auto}.portfolio-filters-v03617 button{flex:none}.portfolio-grid-wrap-v03617{padding-top:12px}.portfolio-grid-v03617{grid-template-columns:1fr 1fr;gap:16px 8px}.portfolio-browser-v03617{height:23px}.portfolio-browser-domain-v03617{font-size:.48rem}.portfolio-card-meta-v03617 h2{font-size:.73rem}.portfolio-card-meta-v03617 p{font-size:.52rem}.portfolio-card-meta-v03617 small{display:none}.portfolio-phone-v03617{width:31%;right:5%}.portfolio-miniapp-device-v03617{width:54%;left:5%}.portfolio-home-v03617{padding:38px 0!important}.portfolio-home-grid-v03617{grid-template-columns:1fr 1fr}.portfolio-home-card-v03617:nth-child(3){display:none}.portfolio-home-copy-v03617{display:block}.portfolio-home-copy-v03617 small{display:none}.portfolio-gallery-v03617{grid-template-columns:1fr}.portfolio-related-v03617>div{grid-template-columns:1fr 1fr}}
.portfolio-detail-info-v03617 dt{font-size:.7rem}.portfolio-detail-info-v03617 dd{font-size:.78rem;line-height:1.7}.portfolio-detail-info-v03617 p{font-size:.86rem}.portfolio-live-button-v03630,.portfolio-related-all-v03630{background:#fff1;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;min-height:36px;padding:7px 12px;font-weight:800;transition:background .16s,border-color .16s,transform .16s;color:#ece9f0!important;font-size:.72rem!important;text-decoration:none!important;display:inline-flex!important}.portfolio-live-button-v03630:hover,.portfolio-related-all-v03630:hover{background:#844bc626;border-color:#9f68dc66;transform:translateY(-1px)}@media (max-width:560px){.portfolio-detail-info-v03617 dt{font-size:.72rem}.portfolio-detail-info-v03617 dd{font-size:.8rem}.portfolio-related-all-v03630{min-height:34px;padding-inline:10px}}