.portfolio-page{background:#fcfdfc}.portfolio-page h1,.portfolio-page h2{letter-spacing:-.035em;line-height:1.13}.portfolio-page h2{font-size:clamp(30px,3.5vw,46px)}.portfolio-page p{color:var(--muted)}.portfolio-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--primary);margin-bottom:22px}.portfolio-breadcrumb{display:inline-block;font-size:13px;margin-bottom:54px;color:var(--muted)}.portfolio-hero{padding:0;border-bottom:1px solid var(--border);background:#f6f8f5}.portfolio-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.portfolio-hero-copy{padding:44px 0 70px}.portfolio-hero h1{font-size:clamp(40px,4.5vw,62px);font-weight:600}.portfolio-product{font-size:20px;margin-top:26px;font-weight:600;color:var(--ink)!important;letter-spacing:2px}.portfolio-intro{font-size:16px;max-width:490px;margin-top:18px}.portfolio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}.portfolio-text-link{font-size:14px;font-weight:600}.portfolio-hero-note{font-size:11px;margin-top:24px}.portfolio-hero-stage{padding:30px 30px 22px;background:#e4ede9;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio-stage-label{font-size:12px;letter-spacing:1px;margin:0 0 22px;color:#44675e}.portfolio-device{width:250px;padding:7px;border:1px solid #b8cbc7;border-radius:32px;background:#fcfdfc;box-shadow:0 30px 54px #284d4b22;overflow:hidden}.portfolio-device img{display:block;width:100%;height:auto;border-radius:26px}.portfolio-stage-caption{font-size:10px;letter-spacing:1.5px;margin-top:22px;color:#44675e}.portfolio-context{padding:80px 0}.portfolio-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.portfolio-context-grid p{font-size:16px}.portfolio-facts{margin-top:30px;font-size:13px}.portfolio-facts>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding:11px 0}.portfolio-facts dt{color:var(--muted)}.portfolio-facts dd{text-align:right;font-weight:600}.portfolio-designs{background:#eff3f3;padding:64px 0 72px;scroll-margin-top:80px}.portfolio-section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cddcdb;margin-bottom:52px}.portfolio-section-top>span{font-size:12px;letter-spacing:2px;padding-bottom:22px;color:var(--muted)}.portfolio-design-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.portfolio-index{display:block;font-size:13px;letter-spacing:2px;color:var(--primary);margin-bottom:22px}.portfolio-design-copy p{font-size:16px;margin-top:24px;max-width:420px}.portfolio-design-copy ul{padding-left:18px;font-size:14px;color:var(--muted);margin-top:24px}.portfolio-design-copy li{margin:8px 0}.portfolio-design-copy .portfolio-art-note{font-size:12px;border-top:1px solid var(--border);padding-top:20px;margin-top:30px}.portfolio-timeline-board{background:#e2e9ee;border-radius:22px;padding:35px;text-align:center}.portfolio-art{display:block;position:relative;background:none;border:0;padding:0;cursor:zoom-in;font-family:inherit;color:var(--ink);margin:auto}.portfolio-art img{display:block;width:100%;height:auto}.portfolio-timeline-board .portfolio-art{max-width:300px;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px #223d5820}.portfolio-zoom{display:block;background:#fff;padding:10px 16px;border-top:1px solid #d6e0e4;font-size:12px;font-weight:600}.portfolio-page figcaption{font-size:11px;color:var(--muted);margin-top:18px;letter-spacing:.5px}.portfolio-comparison-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding:88px 0 36px}.portfolio-comparison-heading p{font-size:16px;max-width:470px}.portfolio-comparison-board{padding:24px;background:#e6e9e9;border-radius:22px;text-align:center}.portfolio-comparison-board .portfolio-art{max-width:1000px;overflow:hidden;border-radius:12px}.portfolio-design-note{font-size:12px!important;margin-top:22px;max-width:940px}.portfolio-wechat{background:#f7f8f4;scroll-margin-top:80px}.portfolio-wechat h2{font-size:clamp(26px,3vw,40px);line-height:1.2}.portfolio-search{font-size:13px;color:var(--muted);margin-top:24px}.portfolio-search strong{display:inline-block;font-size:20px;color:var(--ink);margin-left:16px;letter-spacing:1px}.portfolio-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;margin-top:42px}.portfolio-steps li{border-top:1px solid #cbd9d2;padding-top:20px}.portfolio-step-no{font-size:13px;color:var(--primary)}.portfolio-steps h3{font-size:18px;margin:12px 0 8px}.portfolio-steps p{font-size:14px;color:var(--muted)}.portfolio-outro{text-align:center}.portfolio-outro p{margin:20px 0 28px;font-size:16px}.portfolio-back{display:block;margin-top:24px;font-size:14px}.portfolio-lightbox{border:0;border-radius:14px;background:#f5f7f7;max-width:calc(100vw - 32px);width:1100px;max-height:calc(100dvh - 32px);margin:auto;padding:60px 20px 20px;overflow:auto}.portfolio-lightbox::backdrop{background:#0c2229df}.portfolio-lightbox img{display:block;max-width:100%;width:auto;height:auto;margin:auto}.portfolio-close{position:sticky;top:-48px;display:block;margin:-44px 0 20px auto;padding:10px 16px;min-height:44px;border-radius:999px;background:#fff;border:1px solid #c8d6d6;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;z-index:2}.portfolio-lightbox-caption{font-size:12px;margin-top:16px}.portfolio-page a:focus-visible,.portfolio-art:focus-visible,.portfolio-close:focus-visible{outline:3px solid #245d68;outline-offset:5px}.portfolio-entry{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px!important;font-size:14px}.portfolio-entry a{font-weight:600}.portfolio-home-preview{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:18px;background:#edf2f3;border:1px solid var(--border);border-radius:16px}.portfolio-home-preview .portfolio-eyebrow{font-size:10px;margin-bottom:14px}.portfolio-home-preview img{display:block;width:100%;height:auto;border-radius:8px}.portfolio-preview-link{font-size:13px;font-weight:600;margin-top:14px}.portfolio-case-preview{background:#eff3f3}.portfolio-preview-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.portfolio-preview-grid h2{font-size:36px;line-height:1.2}.portfolio-preview-grid p{font-size:16px;margin:20px 0 26px;color:var(--muted)}.portfolio-preview-grid img{display:block;width:100%;height:auto;border-radius:14px}
@media(max-width:900px){.portfolio-hero-grid{gap:32px}.portfolio-hero-copy{padding-bottom:44px}.portfolio-breadcrumb{margin-bottom:32px}.portfolio-hero h1{font-size:42px}.portfolio-device{width:215px}.portfolio-hero-stage{padding:30px 15px}.portfolio-context-grid,.portfolio-design-row,.portfolio-comparison-heading{gap:36px}.portfolio-context{padding:56px 0}.portfolio-preview-grid{gap:32px}.portfolio-preview-grid h2{font-size:28px}.portfolio-steps{gap:24px}.portfolio-timeline-board{padding:24px}}
@media(max-width:640px){.portfolio-hero-grid,.portfolio-context-grid,.portfolio-design-row,.portfolio-comparison-heading,.portfolio-preview-grid{grid-template-columns:1fr}.portfolio-hero-grid{gap:0}.portfolio-hero-copy{padding:28px 0 38px}.portfolio-hero h1{font-size:42px}.portfolio-intro{font-size:15px}.portfolio-hero-stage{border-radius:20px 20px 0 0;padding:28px 20px}.portfolio-device{width:230px}.portfolio-context-grid{gap:28px}.portfolio-facts{margin-top:24px}.portfolio-designs{padding:44px 0}.portfolio-section-top{margin-bottom:32px}.portfolio-design-copy p{font-size:15px}.portfolio-timeline-board{padding:26px}.portfolio-comparison-heading{padding-top:54px;gap:22px}.portfolio-comparison-heading p{font-size:15px}.portfolio-comparison-board{padding:10px}.portfolio-zoom{font-size:12px}.portfolio-steps{grid-template-columns:1fr;gap:22px;margin-top:30px}.portfolio-search strong{display:block;margin:6px 0 0}.portfolio-wechat{padding:48px 0}.portfolio-lightbox{max-width:calc(100vw - 16px);padding-left:8px;padding-right:8px}.portfolio-lightbox img{min-width:0}.portfolio-preview-grid h2{font-size:28px}.portfolio-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.portfolio-zoom-toggle{display:block;position:sticky;left:0;margin:0 0 12px;padding:10px 18px;min-height:44px;background:#fff;border:1px solid var(--border);border-radius:999px;color:var(--ink);font:600 13px sans-serif;cursor:pointer}.portfolio-zoom-toggle:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.portfolio-close{left:0}