.art-page{overflow-x:clip}.art-page .tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin:34px 0 36px;display:flex}.art-page .tab{border-radius:var(--radius-pill);color:var(--muted);font-family:var(--font-base);font-weight:600;font-size:var(--fs-300);cursor:pointer;background:#fff;border:1px solid #767676;padding:11px 18px;transition:all .15s}.art-page .tab.active{border-color:var(--ink);background:var(--ink);color:#fff;font-weight:700}.art-page .trade-tag{font-family:var(--font-head);letter-spacing:-.02em;text-align:center;max-width:760px;margin:0 auto 32px;font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:700;line-height:1.2}.art-page .proj-head{justify-content:space-between;align-items:center;display:flex}.art-page .proj-head .title{font-family:var(--font-head);font-weight:700;font-size:var(--fs-500);color:var(--ink)}.art-page .badge-pink{font-size:var(--fs-100);color:var(--magenta-deep);border-radius:var(--radius-pill);background:#fde9f3;padding:5px 11px;font-weight:700}.art-page .proj-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.art-page .proj-item{border:1px solid var(--line-bar);border-radius:11px;align-items:center;gap:12px;padding:11px 12px;display:flex}.art-page .proj-item .bar{border-radius:4px;width:8px;height:34px}.art-page .proj-item .pname{font-weight:700;font-size:var(--fs-200);color:var(--ink)}.art-page .proj-item .psub{font-size:var(--fs-100);color:var(--muted-2)}.art-page .proj-item .pct{font-size:var(--fs-100);color:var(--muted);font-weight:700}.art-page .phone{background:var(--ink);border-radius:38px;width:260px;height:520px;padding:11px;box-shadow:0 30px 60px #0f172a38}.art-page .phone-screen{background:#fff;border-radius:28px;width:100%;height:100%;overflow:hidden}.art-page .phone-shot{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.art-page figure{margin:0}.art-page .quote{font-family:var(--font-head);letter-spacing:-.01em;margin:0;font-size:clamp(1.375rem,2.8vw,1.875rem);font-weight:700;line-height:1.35}.art-page .quote p{margin:0}.art-page .quote p:before{content:"“"}.art-page .quote p:after{content:"”"}.art-page .author{flex-direction:column;margin-top:26px;display:flex}.art-page .author-name{font-weight:700;font-size:var(--fs-400)}.art-page .author-role{font-size:var(--fs-200);color:var(--muted-2)}@media (prefers-reduced-motion:reduce){.art-page .tab{transition:none}}
