:root{--paper:#fff;--paper-warm:#f5f3f0;--surface:#efede9;--ink:#191918;--ink-soft:#4e4d4a;--muted:#77746f;--line:#d9d6d1;--warm:#a8845e;--dark:#20201f;--page:1240px;--header-height:74px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;line-height:1.65}body,button,a{font-size:16px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{letter-spacing:0}h1{margin-bottom:20px;font-size:72px;font-weight:560;line-height:1.08}h2{margin-bottom:20px;font-size:42px;font-weight:540;line-height:1.2}h3{margin-bottom:10px;font-size:20px;font-weight:620;line-height:1.35}p{margin-bottom:18px}::selection{color:var(--ink);background:#e9d6bc}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.page-width{width:min(var(--page), calc(100% - 80px));margin-inline:auto}.section-space{padding-block:112px}.site-header{z-index:50;min-height:var(--header-height);padding-inline:max(40px, calc((100vw - var(--page)) / 2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #d9d6d1b8;justify-content:space-between;align-items:center;gap:28px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:baseline;gap:12px;display:inline-flex}.brand span{font-size:17px;font-weight:650}.brand small{color:var(--muted);font-size:12px;font-weight:500}.site-nav{color:var(--muted);align-items:center;gap:34px;display:flex}.site-nav a{padding-block:6px;font-size:14px;transition:color .18s;position:relative}.site-nav a:after{background:var(--ink);content:"";opacity:0;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:1px;left:0;right:0;transform:scaleX(.4)}.site-nav a:hover,.site-nav a.is-active{color:var(--ink)}.site-nav a.is-active:after{opacity:1;transform:scaleX(1)}.home-hero,.project-hero{min-height:calc(100svh - var(--header-height));isolation:isolate;background:#efedea;position:relative;overflow:hidden}.hero-background{z-index:-1;object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-content,.project-hero-content{min-height:calc(100svh - var(--header-height));align-items:center;padding-block:88px 118px;display:flex}.hero-copy,.project-hero-copy{width:min(48%,570px)}.eyebrow,.section-kicker{color:var(--warm);text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:720;line-height:1.4}.hero-role{color:var(--ink-soft);margin-bottom:18px;font-size:25px;line-height:1.3}.hero-lede,.project-hero-copy>p:not(.eyebrow){max-width:520px;color:var(--ink-soft);font-size:19px;line-height:1.75}.hero-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.text-link{border-bottom:1px solid var(--line);color:var(--ink-soft);align-items:center;gap:12px;padding-bottom:5px;font-size:14px;transition:border-color .18s,color .18s;display:inline-flex}.text-link:hover{border-color:var(--ink);color:var(--ink)}.text-link--strong{border-color:var(--ink);color:var(--ink);font-weight:650}.text-link span,.project-arrow{transition:transform .18s}.text-link:hover span{transform:translate(4px)}.hero-caption{color:#19191894;text-transform:uppercase;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:30px;left:0;right:0}.positioning-section{background:var(--paper-warm)}.positioning-grid{grid-template-columns:220px minmax(0,1fr);gap:72px;display:grid}.positioning-copy h2{max-width:870px}.positioning-copy p{max-width:760px;color:var(--muted);margin-bottom:0;font-size:18px}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px;display:flex}.section-heading h2,.section-heading p{margin-bottom:0}.section-heading>p{max-width:420px;color:var(--muted);text-align:right}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px;display:grid}.project-list>.reveal:first-child{grid-column:1/-1}.project-card{display:block}.project-media{aspect-ratio:4/3;background:var(--surface);border-radius:6px;display:block;position:relative;overflow:hidden}.project-card--featured .project-media{aspect-ratio:16/9}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-media--xiaobaibai{background:#f1efeb}.project-media--xiaobaibai img{z-index:1;object-fit:contain;object-position:center;width:136%;max-width:none;height:136%;padding:0;position:absolute;bottom:-39%;right:-18%}.project-media--yunhe img{object-position:68% center}.project-status{color:var(--ink-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #1919181f;border-radius:999px;padding:6px 10px;font-size:11px;position:absolute;top:18px;left:18px}.project-info{grid-template-columns:48px minmax(180px,.72fr) minmax(220px,1fr) 24px;align-items:start;gap:22px;padding-top:22px;display:grid}.project-list>.reveal:not(:first-child) .project-info{grid-template-columns:38px minmax(0,1fr) 24px}.project-list>.reveal:not(:first-child) .project-description{grid-column:2/-1}.project-index{color:var(--warm);font-size:12px;font-weight:700}.project-title-group{flex-direction:column;display:flex}.project-title-group strong{font-size:21px;font-weight:620;line-height:1.35}.project-title-group small{color:var(--muted);margin-top:3px;font-size:12px}.project-description{color:var(--muted);font-size:14px;line-height:1.7}.project-arrow{color:var(--muted)}.project-card:hover .project-media img{transform:scale(1.018)}.project-card:hover .project-arrow{color:var(--ink);transform:translate(4px)}.capability-section{background:var(--dark);color:#f6f5f2}.section-heading--light .section-kicker,.capability-item>span{color:#c0a27e}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.capability-item{border-top:1px solid #ffffff2e;padding-top:24px}.capability-item>span{margin-bottom:56px;font-size:12px;font-weight:700;display:block}.capability-item h3{font-size:23px}.capability-item p{color:#f6f5f29e;margin-bottom:0;font-size:15px}.site-footer{min-height:138px;padding-inline:max(40px, calc((100vw - var(--page)) / 2));border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:32px;display:flex}.site-footer>div:first-child{flex-direction:column;display:flex}.site-footer strong{font-size:15px}.site-footer span,.footer-links{color:var(--muted);font-size:12px}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:24px;display:flex}.footer-links a:hover{color:var(--ink)}.project-hero-copy h1{margin-bottom:22px}.tag-row{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.tag-row span{color:var(--ink-soft);background:#ffffff80;border:1px solid #19191829;border-radius:999px;padding:6px 11px;font-size:11px}.project-nav{top:var(--header-height);z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;position:sticky;overflow:hidden}.project-nav .page-width{scrollbar-width:none;gap:30px;padding-block:16px;display:flex;overflow-x:auto}.project-nav .page-width::-webkit-scrollbar{display:none}.project-nav a{color:var(--muted);flex:none;font-size:12px}.project-nav a:hover{color:var(--ink)}.project-facts{border-bottom:1px solid var(--line)}.facts-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.facts-grid>div{border-right:1px solid var(--line);min-height:126px;padding:30px 24px}.facts-grid>div:first-child{border-left:1px solid var(--line)}.facts-grid span,.facts-grid strong{display:block}.facts-grid span{color:var(--muted);margin-bottom:12px;font-size:11px}.facts-grid strong{font-size:14px;font-weight:580}.case-section{border-bottom:1px solid var(--line);padding-block:112px;scroll-margin-top:126px}.case-section--soft{background:var(--paper-warm)}.case-grid{grid-template-columns:250px minmax(0,1fr);gap:84px;display:grid}.case-heading{align-self:start;position:sticky;top:144px}.case-heading>span{color:var(--warm);margin-bottom:20px;font-size:12px;font-weight:700;display:block}.case-heading h2{font-size:30px}.case-content{min-width:0;color:var(--ink-soft)}.case-lede{max-width:840px;color:var(--ink);margin-bottom:42px;font-size:24px;line-height:1.7}.insight-grid{gap:16px;display:grid}.insight-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-grid article{border-top:1px solid var(--line);padding:22px 4px 0 0}.case-section--soft .insight-grid article{border:1px solid var(--line);background:#ffffffb3;border-radius:6px;padding:24px}.insight-grid article>span{color:var(--warm);margin-bottom:26px;font-size:11px;font-weight:700;display:block}.insight-grid h3{font-size:18px}.insight-grid p{color:var(--muted);margin-bottom:0;font-size:14px}.research-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.research-intro .case-lede{margin-bottom:0}.research-scene{border:1px solid var(--line);background:#eeeae5;border-radius:6px;margin:0 0 42px;overflow:hidden}.research-scene img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.research-scene figcaption{background:#ffffffd1;justify-content:space-between;align-items:center;gap:24px;padding:16px 18px;display:flex}.research-scene figcaption span{color:var(--ink);font-size:13px;font-weight:700}.research-scene figcaption small{color:var(--muted);font-size:12px}.competitor-analysis{margin-top:76px}.competitor-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:24px;display:flex}.competitor-heading span,.competitor-opportunity>span{color:var(--warm);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.competitor-heading h3{text-wrap:balance;margin:0;font-size:24px}.competitor-heading>p{max-width:430px;color:var(--muted);text-align:right;text-wrap:pretty;margin:0;font-size:13px}.competitor-groups{grid-template-columns:minmax(0,1.55fr) minmax(250px,.8fr);align-items:stretch;gap:24px;display:grid}.competitor-group{flex-direction:column;min-width:0;display:flex}.competitor-group--benchmark{border-left:1px solid var(--line);padding-left:24px}.competitor-group-heading{grid-template-columns:28px minmax(0,1fr);gap:10px;margin-bottom:14px;display:grid}.competitor-group-heading>span{color:var(--warm);font-size:10px;font-weight:700}.competitor-group-heading h4{text-transform:uppercase;margin-bottom:2px;font-size:13px}.competitor-group-heading p{color:var(--muted);margin:0;font-size:11px}.competitor-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.competitor-card{border:1px solid var(--line);background:#ffffffb8;border-radius:6px;min-width:0;overflow:hidden}.competitor-card figure{border-bottom:1px solid var(--line);background:#eeeae5;margin:0;overflow:hidden}.competitor-card img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.competitor-card-copy{padding:16px}.competitor-meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:18px;display:flex}.competitor-meta span,.competitor-meta small{color:var(--muted);font-size:10px;line-height:1.4}.competitor-meta span{min-width:0}.competitor-meta small{border:1px solid var(--line);border-radius:999px;flex:none;padding:3px 6px}.competitor-card h4{text-wrap:balance;margin-bottom:8px;font-size:15px}.competitor-card p{color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.75}.competitor-card--benchmark figure{background:#fff}.competitor-card--benchmark{flex-direction:column;flex:1;display:flex}.benchmark-gallery{background:#fff;display:grid}.benchmark-gallery figure{border-bottom:1px solid var(--line);position:relative}.benchmark-gallery img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.competitor-card--benchmark .competitor-card-copy{flex-direction:column;flex:1;padding:20px;display:flex}.competitor-card--benchmark h4{font-size:18px}.competitor-card--benchmark .benchmark-takeaway{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:auto;padding-top:16px;font-size:12px}.competitor-opportunity{border-block:1px solid var(--line);grid-template-columns:170px minmax(0,1fr);gap:28px;margin-top:28px;padding-block:24px;display:grid}.competitor-opportunity>span{margin:3px 0 0}.competitor-opportunity p{max-width:820px;color:var(--ink);text-wrap:pretty;margin:0;font-size:17px;line-height:1.8}.draft-label{border-bottom:1px solid var(--line);color:var(--muted);flex:none;padding-bottom:5px;font-size:11px}.positioning-map{border:1px solid var(--line);background:#ffffffc2;border-radius:6px;margin:0 0 64px;overflow:hidden}.positioning-map-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:30px;padding:22px 24px;display:flex}.positioning-map-heading span,.definition-keyword-heading span{color:var(--warm);text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.positioning-map-heading h3,.definition-keyword-heading h3{text-wrap:balance;margin:0;font-size:22px}.positioning-map-heading small{max-width:330px;color:var(--muted);text-align:right;font-size:11px}.positioning-plot{border:1px solid var(--line);background:var(--paper-warm);min-height:510px;margin:20px 24px 0;position:relative}.positioning-axis{background:#bdb8b0;position:absolute}.positioning-axis:after{content:"";border-top:1px solid #8f8980;border-right:1px solid #8f8980;width:7px;height:7px;position:absolute}.positioning-axis--horizontal{height:1px;top:50%;left:46px;right:46px}.positioning-axis--horizontal:after{top:-3px;right:0;transform:rotate(45deg)}.positioning-axis--vertical{width:1px;top:38px;bottom:38px;left:50%}.positioning-axis--vertical:after{top:0;left:-3px;transform:rotate(-45deg)}.axis-label,.quadrant-label{z-index:1;color:var(--muted);font-size:10px;position:absolute}.axis-label{background:var(--paper-warm);padding:4px 7px}.axis-label--left{top:50%;left:10px;transform:translateY(-50%)}.axis-label--right{top:50%;right:10px;transform:translateY(-50%)}.axis-label--top{top:7px;left:50%;transform:translate(-50%)}.axis-label--bottom{bottom:7px;left:50%;transform:translate(-50%)}.quadrant-label{color:#aaa49c;letter-spacing:.06em;text-transform:uppercase;font-size:9px}.quadrant-label--utility{bottom:28px;left:18px}.quadrant-label--companion{top:26px;right:18px}.positioning-point{z-index:2;left:var(--point-x);bottom:var(--point-y);white-space:nowrap;align-items:center;gap:7px;display:flex;position:absolute;transform:translate(-50%,50%)}.positioning-point i{border:2px solid var(--paper-warm);background:#77736d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #77736d}.positioning-point strong{border:1px solid var(--line);color:var(--ink-soft);background:#ffffffe6;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:600}.positioning-point--benchmark i{background:#a5a19b;box-shadow:0 0 0 1px #a5a19b}.positioning-point--target{z-index:3;gap:9px}.positioning-point--target i{background:var(--warm);width:14px;height:14px;box-shadow:0 0 0 4px #b1845729}.positioning-point--target strong{color:var(--ink);background:#fffaf4;border-color:#b1845773;font-size:11px;font-weight:700}.positioning-map figcaption{grid-template-columns:140px minmax(0,1fr);gap:28px;padding:22px 24px 24px;display:grid}.positioning-map figcaption span{color:var(--warm);text-transform:uppercase;font-size:10px;font-weight:700}.positioning-map figcaption p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.8}.definition-keyword-heading{margin-bottom:20px}.keyword-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.keyword-grid span{border:1px solid var(--line);background:var(--paper-warm);min-height:108px;color:var(--ink);border-radius:6px;align-items:flex-end;padding:20px;font-size:15px;font-weight:600;display:flex}.placeholder-figure,.final-hero{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:0;overflow:hidden}.placeholder-figure img{aspect-ratio:16/9;object-fit:cover;width:100%}.placeholder-figure figcaption,.final-hero figcaption{background:var(--paper);justify-content:space-between;gap:24px;padding:16px 18px;display:flex}.placeholder-figure figcaption span,.final-hero figcaption span{color:var(--ink);font-size:12px;font-weight:650}.placeholder-figure figcaption small,.final-hero figcaption small{color:var(--muted);text-align:right;font-size:11px}.process-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;display:grid}.form-exploration-figure{border:1px solid var(--line);background:#fff;border-radius:6px;margin:0 0 18px;overflow:hidden}.form-exploration-figure img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.form-exploration-figure figcaption{border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:24px;padding:16px 18px;display:flex}.form-exploration-figure figcaption div{align-items:baseline;gap:10px;display:flex}.form-exploration-figure figcaption span{color:var(--ink);font-size:12px;font-weight:650}.form-exploration-figure figcaption strong{color:var(--muted);font-size:11px;font-weight:500}.form-exploration-figure figcaption small{color:var(--muted);text-align:right;font-size:10px}.process-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.process-visual{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:0;overflow:hidden}.process-visual img{aspect-ratio:5/3;object-fit:cover;width:100%;height:auto}.process-visual figcaption{border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;gap:20px;padding:15px 17px;display:flex}.process-visual figcaption span{color:var(--ink);font-size:12px;font-weight:650}.process-visual figcaption small{color:var(--muted);text-align:right;font-size:11px}.process-notes>div{border-top:1px solid var(--line);grid-template-columns:32px 1fr;gap:12px;padding-top:18px;display:grid}.process-notes span{color:var(--warm);font-size:11px}.process-notes p{color:var(--muted);margin-bottom:0;font-size:13px}.cmf-variants{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.cmf-variant{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:0;overflow:hidden}.cmf-variant img{aspect-ratio:1;object-fit:contain;background:#ded1c4;width:100%;height:auto}.cmf-variant figcaption{border-top:1px solid var(--line);background:var(--paper);grid-template-columns:minmax(0,1fr) minmax(180px,.82fr);align-items:start;gap:28px;padding:16px 18px 17px;display:grid}.cmf-variant-copy{gap:4px;display:grid}.cmf-variant figcaption span{color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:650}.cmf-variant figcaption h3{color:var(--ink);margin:0;font-size:17px}.cmf-variant-copy p{color:var(--muted);margin:0;font-size:11px}.cmf-variant-spec{gap:6px;margin:0;display:grid}.cmf-variant-spec div{grid-template-columns:58px minmax(0,1fr);gap:8px;display:grid}.cmf-variant-spec dt,.cmf-variant-spec dd{margin:0;font-size:10px}.cmf-variant-spec dt{color:var(--muted)}.cmf-variant-spec dd{color:var(--ink-soft);font-weight:600}.cmf-subheading{justify-content:space-between;align-items:flex-end;gap:24px;margin:42px 0 16px;display:flex}.cmf-subheading div{gap:5px;display:grid}.cmf-subheading span{color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:650}.cmf-subheading h3{color:var(--ink);margin:0;font-size:22px}.cmf-subheading small{color:var(--muted);text-align:right;font-size:10px}.cmf-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.cmf-color-card{border:1px solid var(--line);background:var(--paper);border-radius:6px;min-width:0;overflow:hidden}.cmf-color-chip{border-bottom:1px solid var(--line);background:var(--chip);height:120px;display:block}.cmf-color-card>div{gap:5px;padding:15px 16px 17px;display:grid}.cmf-color-card small{color:var(--accent);font-size:9px;font-weight:650}.cmf-color-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:12px}.cmf-color-card p{color:var(--muted);margin:0;font-size:10px}.cmf-subheading--materials{margin-top:46px}.cmf-spec-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cmf-spec-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);min-height:230px;padding:24px}.cmf-spec-grid article>span{color:var(--accent);text-transform:uppercase;font-size:9px;font-weight:650}.cmf-spec-grid h4{color:var(--ink);margin:28px 0 10px;font-size:17px}.cmf-spec-grid p{color:var(--muted);margin:0;font-size:12px}.cmf-process-tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.cmf-process-tags i{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:5px 8px;font-size:9px;font-style:normal}.cmf-note{color:var(--muted);margin:18px 0 0;font-size:10px}.structure-grid{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);align-items:start;gap:30px;display:grid}.concept-structure-figure{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:0;overflow:hidden}.concept-structure-figure img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.concept-structure-figure figcaption{border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;gap:20px;padding:15px 17px;display:flex}.concept-structure-figure figcaption span{color:var(--ink);font-size:12px;font-weight:650}.concept-structure-figure figcaption small{color:var(--muted);text-align:right;font-size:11px}.structure-grid .placeholder-figure img{aspect-ratio:4/3}.structure-grid .placeholder-figure figcaption{flex-direction:column;gap:3px}.structure-grid .placeholder-figure figcaption small{text-align:left}.structure-notes{display:grid}.structure-notes article{border-top:1px solid var(--line);grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:20px;display:grid}.structure-notes article:first-child{border-top:0;padding-top:0}.structure-notes article>span{color:var(--warm);font-size:11px}.structure-notes h3{margin-bottom:5px;font-size:16px}.structure-notes p{color:var(--muted);margin-bottom:0;font-size:13px}.ring-airflow-block{border-top:1px solid var(--line);margin-top:56px;padding-top:30px}.ring-airflow-heading{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);align-items:end;gap:32px;margin-bottom:22px;display:grid}.ring-airflow-heading span{color:var(--muted);font-size:11px}.ring-airflow-heading h3{margin-top:4px;font-size:22px}.ring-airflow-heading p{max-width:610px;color:var(--muted);margin:0;font-size:13px}.ring-airflow-figure{border:1px solid var(--line);background:var(--paper);border-radius:6px;margin:0;overflow:hidden}.ring-airflow-stage{aspect-ratio:16/9;background:#eee7df;position:relative;overflow:hidden}.ring-airflow-stage img{object-fit:cover;width:100%;height:100%;display:block}.ring-airflow-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.airflow-stream{fill:none;stroke:url(#warm-air-gradient);stroke-width:5.5px;stroke-linecap:round;stroke-dasharray:24 34;filter:drop-shadow(0 0 5px #dc924e3d);opacity:0;animation:3.2s linear infinite warm-airflow}.airflow-stream--one{animation-delay:-.4s}.airflow-stream--two{animation-delay:-1.8s}.airflow-stream--three{animation-delay:-.9s}.airflow-stream--four{animation-delay:-2.4s}.airflow-stream--five{animation-delay:-1.3s}.intake-stream{fill:none;stroke:url(#cool-air-gradient);stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:20 32;filter:drop-shadow(0 0 5px #69a4bf33);opacity:0;animation:3.4s linear infinite cool-airflow}.intake-stream--one{animation-delay:-1.1s}.intake-stream--two{animation-delay:-2.6s}.intake-stream--three{animation-delay:-.5s}.intake-stream--four{animation-delay:-1.9s}@keyframes warm-airflow{0%{stroke-dashoffset:0;opacity:0}18%{opacity:.82}72%{opacity:.42}to{stroke-dashoffset:-232px;opacity:0}}@keyframes cool-airflow{0%{stroke-dashoffset:0;opacity:0}18%{opacity:.62}74%{opacity:.3}to{stroke-dashoffset:-208px;opacity:0}}.ring-airflow-figure figcaption{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;padding:14px 16px;display:flex}.ring-airflow-figure figcaption span{color:var(--ink);font-size:12px;font-weight:650}.ring-airflow-figure figcaption small{color:var(--muted);text-align:right;font-size:11px}.system-logic{border-top:1px solid var(--line);margin-top:56px;padding-top:30px}.system-logic-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.system-logic-heading span,.system-logic-heading small{color:var(--muted);font-size:11px}.system-logic-heading h3{margin-top:4px;font-size:22px}.airflow-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.flow-step{border:1px solid var(--line);background:var(--paper);border-radius:6px;flex-direction:column;justify-content:flex-end;min-height:126px;padding:18px;display:flex;position:relative}.flow-step:not(:last-child):after{z-index:2;background:var(--paper);width:20px;color:var(--warm);content:"→";text-align:center;font-size:16px;position:absolute;top:50%;right:-11px;transform:translateY(-50%)}.flow-step>span{color:var(--warm);font-size:10px;position:absolute;top:16px;left:18px}.flow-step strong{color:var(--ink);font-size:14px}.flow-step small{color:var(--muted);margin-top:4px;font-size:11px}.system-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.system-module-grid article{border:1px solid var(--line);background:var(--surface);border-radius:6px;min-height:170px;padding:20px}.system-module-grid span{color:var(--warm);text-transform:uppercase;font-size:10px}.system-module-grid h4{margin-top:28px;font-size:15px}.system-module-grid p{color:var(--muted);margin:8px 0 0;font-size:12px}.concept-disclaimer{color:var(--muted);margin:18px 0 0;font-size:11px}.final-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.final-secondary,.multi-angle-block{margin-top:28px}.multi-angle-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:14px;display:flex}.multi-angle-heading span{color:var(--ink);font-size:12px;font-weight:650}.multi-angle-heading small{color:var(--muted);font-size:11px}.multi-angle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.angle-card{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:0;overflow:hidden}.angle-image-wrap{aspect-ratio:4/5;background:#eeebe7;overflow:hidden}.angle-image-wrap img{object-fit:cover;object-position:center 56%;width:100%;height:100%;transform:scale(1.28)}.angle-card:last-child .angle-image-wrap img{transform:scale(1.22)}.angle-card figcaption{border-top:1px solid var(--line);color:var(--muted);padding:13px 15px;font-size:11px}.final-detail-block{margin-top:28px}.final-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.detail-card--feature{grid-column:1/-1}.detail-card{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:0;overflow:hidden}.detail-image-wrap{aspect-ratio:16/10;background:#eeebe7;overflow:hidden}.detail-image-wrap img{object-fit:cover;object-position:center;width:100%;height:100%}.detail-card figcaption{border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:baseline;gap:20px;padding:14px 16px;display:flex}.detail-card figcaption strong{color:var(--ink);font-size:12px}.detail-card figcaption small{color:var(--muted);text-align:right;font-size:11px}.supporting-hero{min-height:calc(100svh - var(--header-height));background:var(--paper-warm);isolation:isolate;position:relative;overflow:hidden}.supporting-hero-background{z-index:-1;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.supporting-hero-content{min-height:calc(100svh - var(--header-height));align-items:center;padding-block:88px 118px;display:flex}.supporting-copy{width:min(45%,560px)}.supporting-copy h1{font-size:58px}.supporting-copy>p:not(.eyebrow){color:var(--ink-soft);font-size:18px}.supporting-award{max-width:480px;color:var(--muted);border-top:1px solid #19191824;margin-top:30px;padding-top:16px;font-size:12px!important;line-height:1.65!important}.supporting-final-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.supporting-final-grid .placeholder-figure figcaption{flex-direction:column;gap:3px}.supporting-final-grid .placeholder-figure figcaption small{text-align:left}.supporting-scene-figure{grid-column:1/-1}.supporting-scene-figure img{aspect-ratio:16/9;object-fit:cover;object-position:center}.yunhe-translation-intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(250px,.8fr) minmax(340px,1.2fr);align-items:end;gap:64px;margin-bottom:40px;padding-bottom:34px;display:grid}.yunhe-translation-intro h3{max-width:430px;font-size:26px;line-height:1.35}.yunhe-translation-intro>p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.85}.yunhe-translation-grid{grid-template-columns:minmax(210px,.9fr) minmax(210px,.72fr) minmax(260px,1.08fr);align-items:stretch;gap:20px;display:grid}.yunhe-reference-figure,.yunhe-translation-result{border:1px solid var(--line);background:var(--paper);border-radius:6px;margin:0;overflow:hidden}.yunhe-reference-media{position:relative;overflow:hidden}.yunhe-reference-media img,.yunhe-translation-result>img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}.yunhe-reference-media img{object-position:center 39%;filter:saturate(.82)contrast(.96)}.yunhe-reference-media>span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc2;border:1px solid #ffffffb8;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:650;position:absolute;top:14px;left:14px}.yunhe-translation-result>img{object-position:center}.yunhe-reference-figure figcaption,.yunhe-translation-result figcaption{border-top:1px solid var(--line);min-height:72px;color:var(--muted);padding:15px 16px;font-size:11px;line-height:1.6}.yunhe-translation-result figcaption{flex-direction:column;gap:3px;display:flex}.yunhe-translation-result figcaption strong{color:var(--ink);font-size:12px}.yunhe-translation-result figcaption small{color:var(--muted);font-size:11px}.yunhe-translation-steps{border-top:1px solid var(--line);flex-direction:column;display:flex}.yunhe-translation-steps article{border-bottom:1px solid var(--line);flex:1;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-height:0;padding:20px 4px;display:grid;position:relative}.yunhe-translation-steps article>span{color:var(--warm);align-self:start;padding-top:3px;font-size:10px;font-weight:700}.yunhe-translation-steps h4{color:var(--ink);margin-bottom:7px;font-size:15px}.yunhe-translation-steps p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.yunhe-award-grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);align-items:center;gap:58px;display:grid}.yunhe-award-certificate{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:0;overflow:hidden}.yunhe-award-certificate img{width:100%;height:auto}.yunhe-award-copy h3{color:var(--ink);margin-bottom:18px;font-size:34px}.yunhe-award-copy>p:not(.section-kicker){color:var(--ink-soft);margin-bottom:30px;font-size:15px;line-height:1.85}.yunhe-award-copy dl{border-top:1px solid var(--line);margin:0}.yunhe-award-copy dl>div{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);gap:18px;padding-block:13px;display:grid}.yunhe-award-copy dt{color:var(--warm);text-transform:uppercase;font-size:10px;font-weight:700}.yunhe-award-copy dd{color:var(--ink-soft);margin:0;font-size:12px}.xiaobaibai-hero{min-height:calc(100svh - var(--header-height));background:#f3f1ed;align-items:center;display:flex;overflow:hidden}.xiaobaibai-hero-grid{min-height:calc(100svh - var(--header-height));grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr);align-items:center;gap:68px;padding-block:72px 46px;display:grid}.xiaobaibai-hero-copy{z-index:2;max-width:540px;position:relative}.xiaobaibai-hero-copy h1{margin-bottom:8px;font-size:78px}.xiaobaibai-title-en{color:var(--muted);margin-bottom:28px;font-size:16px}.xiaobaibai-hero-lede{max-width:510px;color:var(--ink-soft);font-size:18px;line-height:1.85}.xiaobaibai-character-stage{border-left:1px solid #1919181a;align-self:stretch;min-height:min(720px,76svh);position:relative}.xiaobaibai-character-stage>img{z-index:1;object-fit:contain;object-position:center;filter:drop-shadow(0 28px 24px #3830261f);width:132%;max-width:none;height:auto;position:absolute;bottom:-27%;right:-18%}.xiaobaibai-origin-intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:end;gap:48px;margin-bottom:32px;padding-bottom:28px;display:grid}.xiaobaibai-origin-intro h3{max-width:420px;margin:0;font-size:28px}.xiaobaibai-origin-intro>p{color:var(--muted);margin:0;font-size:15px;line-height:1.9}.xiaobaibai-origin-map{box-sizing:border-box;aspect-ratio:16/10;background:#efede8;border-radius:6px;min-height:620px;position:relative;overflow:hidden}.xiaobaibai-origin-character{z-index:2;width:48%;height:96%;margin:0;position:absolute;bottom:-7%;left:50%;transform:translate(-50%)}.xiaobaibai-origin-character img{object-fit:contain;filter:drop-shadow(0 24px 24px #3e362c1f);width:100%;height:100%;transition:transform .48s cubic-bezier(.22,1,.36,1)}.xiaobaibai-origin-map:hover .xiaobaibai-origin-character img{transform:translateY(-4px)scale(1.012)}.xiaobaibai-origin-character figcaption{text-align:center;gap:1px;min-width:150px;display:grid;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.xiaobaibai-origin-character figcaption small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:8px}.xiaobaibai-origin-character figcaption strong{color:var(--ink);font-size:15px}.xiaobaibai-origin-connectors{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.xiaobaibai-origin-connectors path{fill:none;stroke:#8e77587a;stroke-width:1.6px;stroke-dasharray:7 9;vector-effect:non-scaling-stroke;animation:7s linear infinite xiaobaibai-origin-flow}.xiaobaibai-origin-connectors circle{fill:#b78f64;opacity:.72;animation:2.8s ease-in-out infinite xiaobaibai-origin-pulse}.xiaobaibai-origin-callout{z-index:3;box-sizing:border-box;background:#faf9f7ed;border:1px solid #2d2a2617;border-radius:6px;grid-template-columns:76px minmax(0,1fr);gap:12px;width:226px;min-height:120px;padding:13px;transition:transform .3s,box-shadow .3s;display:grid;position:absolute;box-shadow:0 14px 30px #41392f12}.xiaobaibai-origin-callout:hover{transform:translateY(-3px);box-shadow:0 18px 34px #41392f1a}.xiaobaibai-origin-callout--face{top:7%;left:3.5%}.xiaobaibai-origin-callout--belly{bottom:6.5%;left:3.5%}.xiaobaibai-origin-callout--fins{bottom:11%;right:5%}.xiaobaibai-origin-callout--hat{top:6.5%;right:5%}.xiaobaibai-origin-callout-index{color:var(--warm);font-variant-numeric:tabular-nums;font-size:9px;font-weight:700;position:absolute;top:10px;right:11px}.xiaobaibai-origin-callout-image{background:#f3f1ed;border-radius:4px;min-width:0;overflow:hidden}.xiaobaibai-origin-callout-image img{object-fit:contain;width:100%;height:100%}.xiaobaibai-origin-callout--fins .xiaobaibai-origin-callout-image img,.xiaobaibai-origin-callout--hat .xiaobaibai-origin-callout-image img{object-fit:cover}.xiaobaibai-origin-callout-copy{align-self:center;min-width:0}.xiaobaibai-origin-callout-copy small{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin-bottom:2px;font-size:8px;display:block}.xiaobaibai-origin-callout-copy strong{color:var(--ink);font-size:13px;display:block}.xiaobaibai-origin-callout-copy p{color:var(--muted);text-wrap:pretty;margin:8px 0 0;font-size:10px;line-height:1.55}.xiaobaibai-development-intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);align-items:end;gap:64px;padding-bottom:30px;display:grid}.xiaobaibai-development-intro h3{max-width:520px;margin:8px 0 0;font-size:25px;line-height:1.35}.xiaobaibai-development-intro>p{color:var(--muted);margin:0;font-size:15px;line-height:1.9}.xiaobaibai-development-gallery{margin-top:34px}.xiaobaibai-development-transition{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:16px;display:grid}.xiaobaibai-development-gallery figure{background:#fbfaf8;border:1px solid #2d2a261a;border-radius:6px;margin:0;overflow:hidden}.xiaobaibai-development-image{background:#efede8;place-items:center;display:grid;overflow:hidden}.xiaobaibai-development-main .xiaobaibai-development-image,.xiaobaibai-development-planar .xiaobaibai-development-image{height:560px}.xiaobaibai-development-angles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.xiaobaibai-development-angles .xiaobaibai-development-image{height:320px}.xiaobaibai-development-image img{object-fit:contain;filter:drop-shadow(0 18px 22px #3e362c1a);width:90%;height:90%;transition:transform .42s cubic-bezier(.22,1,.36,1)}.xiaobaibai-development-main .xiaobaibai-development-image img{width:auto;max-width:94%;height:88%}.xiaobaibai-development-planar .xiaobaibai-development-image img{filter:none;width:88%;height:88%}.xiaobaibai-development-angles .xiaobaibai-development-image img{width:82%;height:82%}.xiaobaibai-development-gallery figure:hover img{transform:translateY(-3px)scale(1.018)}.xiaobaibai-development-gallery figcaption{border-top:1px solid #2d2a2614;gap:4px;padding:16px 18px 18px;display:grid}.xiaobaibai-development-gallery figcaption span,.xiaobaibai-development-notes article>span{color:var(--warm);letter-spacing:.02em;font-size:9px;font-weight:700}.xiaobaibai-development-gallery figcaption strong{color:var(--ink);font-size:14px}.xiaobaibai-development-gallery figcaption small{color:var(--muted);font-size:11px;line-height:1.6}.xiaobaibai-development-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px;display:grid}.xiaobaibai-development-notes article{border-top:1px solid var(--line);padding-top:18px}.xiaobaibai-development-notes h3{color:var(--ink);margin:10px 0 7px;font-size:16px}.xiaobaibai-development-notes p{color:var(--muted);margin:0;font-size:12px;line-height:1.75}.xiaobaibai-extension-intro,.xiaobaibai-physical-intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);align-items:end;gap:64px;padding-bottom:30px;display:grid}.xiaobaibai-extension-intro h3,.xiaobaibai-physical-intro h3,.xiaobaibai-packaging-copy h3{max-width:540px;color:var(--ink);margin:8px 0 0;font-size:25px;line-height:1.35}.xiaobaibai-extension-intro>p,.xiaobaibai-physical-intro>p,.xiaobaibai-packaging-copy>p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.xiaobaibai-packaging-hero{background:#f2eee2;border:1px solid #2d2a261a;border-radius:6px;margin:34px 0 0;overflow:hidden}.xiaobaibai-packaging-hero>img{width:100%;height:auto;display:block}.xiaobaibai-packaging-hero figcaption,.xiaobaibai-physical-gallery figcaption{background:#ffffffbd;border-top:1px solid #2d2a2614;gap:5px;padding:17px 20px 19px;display:grid}.xiaobaibai-packaging-hero figcaption span{color:var(--warm);font-size:9px;font-weight:700}.xiaobaibai-packaging-hero figcaption strong,.xiaobaibai-physical-gallery figcaption strong{color:var(--ink);font-size:14px}.xiaobaibai-packaging-hero figcaption small,.xiaobaibai-physical-gallery figcaption small{color:var(--muted);font-size:11px;line-height:1.6}.xiaobaibai-packaging-system{grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);align-items:center;gap:42px;margin-top:58px;display:grid}.xiaobaibai-packaging-copy{padding-right:12px}.xiaobaibai-packaging-copy>p:not(.section-kicker){margin-top:18px}.xiaobaibai-packaging-points{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.xiaobaibai-packaging-points span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:10px}.xiaobaibai-dieline-figure{background:#fff;border:1px solid #2d2a261a;border-radius:6px;margin:0;overflow:hidden}.xiaobaibai-dieline-figure img{width:100%;height:auto;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.xiaobaibai-dieline-figure:hover img{transform:scale(1.018)}.xiaobaibai-physical-intro{margin-top:68px}.xiaobaibai-physical-gallery{grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);gap:16px;margin-top:30px;display:grid}.xiaobaibai-physical-gallery figure{background:#efede8;border:1px solid #2d2a261a;border-radius:6px;margin:0;overflow:hidden}.xiaobaibai-physical-gallery img{object-fit:cover;width:100%;height:520px;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.xiaobaibai-physical-gallery-main img{object-position:50% 48%}.xiaobaibai-physical-gallery-side img{object-position:52% 50%}.xiaobaibai-physical-gallery figure:hover img{transform:scale(1.018)}.xiaobaibai-extension-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px;display:grid}.xiaobaibai-extension-summary article{border-top:1px solid var(--line);padding-top:18px}.xiaobaibai-extension-summary span{color:var(--warm);font-size:9px;font-weight:700}.xiaobaibai-extension-summary h3{color:var(--ink);margin:10px 0 7px;font-size:16px}.xiaobaibai-extension-summary p{color:var(--muted);margin:0;font-size:12px;line-height:1.75}@keyframes xiaobaibai-origin-flow{to{stroke-dashoffset:-32px}}@keyframes xiaobaibai-origin-pulse{0%,to{opacity:.42}50%{opacity:.9}}.about-hero{background:var(--paper-warm)}.about-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:end;gap:100px;display:grid}.about-hero h1{max-width:780px;margin-bottom:0;font-size:60px}.about-intro p{color:var(--ink-soft);margin-bottom:4px;font-size:20px}.resume-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 44px;display:grid}.resume-block{border-top:1px solid var(--line);padding-top:24px}.resume-block>span{color:var(--warm);margin-bottom:46px;font-size:11px;display:block}.resume-block h2{font-size:27px}.resume-block p{color:var(--muted);margin-bottom:8px}.resume-block strong{color:var(--ink);font-weight:600}.contact-list{border-top:1px solid var(--line);margin-bottom:18px;display:grid}.contact-list a{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);align-items:center;gap:18px;padding-block:15px;transition:color .18s,padding-left .18s;display:grid}.contact-list a:hover,.contact-list a:focus-visible{color:var(--warm);padding-left:6px}.contact-list span{color:var(--warm);text-transform:uppercase;font-size:10px;font-weight:700}.contact-list strong{overflow-wrap:anywhere;font-size:15px}.resume-block .contact-note{color:var(--muted);font-size:12px}.not-found{min-height:calc(100svh - var(--header-height));padding-block:140px}.not-found h1{max-width:700px;font-size:52px}.reveal{opacity:0;transition:opacity .68s ease var(--reveal-delay,0s), transform .68s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width<=1020px){.page-width{width:min(var(--page), calc(100% - 48px))}.site-header,.site-footer{padding-inline:24px}h1{font-size:62px}.hero-copy,.project-hero-copy{width:52%}.positioning-grid,.case-grid{grid-template-columns:190px minmax(0,1fr);gap:48px}.project-info{grid-template-columns:38px minmax(160px,.7fr) minmax(180px,1fr) 24px}.case-lede{font-size:21px}.insight-grid--three{grid-template-columns:1fr}.research-intro{flex-direction:column;align-items:flex-start}.research-scene figcaption{flex-direction:column;align-items:flex-start;gap:6px}.competitor-groups{grid-template-columns:1fr;gap:32px}.competitor-group--benchmark{border-top:1px solid var(--line);border-left:0;padding-top:28px;padding-left:0}.competitor-card--benchmark{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.benchmark-gallery{border-right:1px solid var(--line)}.structure-grid,.xiaobaibai-hero-grid{grid-template-columns:1fr}.supporting-copy{width:min(48%,520px);max-width:700px}.yunhe-translation-intro{grid-template-columns:1fr;gap:16px}.yunhe-translation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yunhe-translation-steps{border-top:0;grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.yunhe-translation-steps article{border-top:1px solid var(--line);padding-inline:16px;display:block}.yunhe-translation-steps article:not(:last-child){border-right:1px solid var(--line)}.yunhe-translation-steps article>span{margin-bottom:14px;display:block}.yunhe-award-grid{grid-template-columns:1fr;gap:38px}.xiaobaibai-hero-grid{gap:20px;padding-top:76px}.xiaobaibai-hero-copy{max-width:720px}.xiaobaibai-character-stage{border-top:1px solid #1919181a;border-left:0;min-height:620px}.xiaobaibai-origin-intro{grid-template-columns:1fr;gap:12px}.xiaobaibai-origin-map{aspect-ratio:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;padding:34px 24px 24px;display:grid}.xiaobaibai-origin-character{grid-column:1/-1;width:100%;height:470px;position:relative;bottom:auto;left:auto;transform:none}.xiaobaibai-origin-character figcaption{bottom:2%}.xiaobaibai-origin-connectors{display:none}.xiaobaibai-origin-callout{width:auto;position:relative;inset:auto}.xiaobaibai-development-intro{grid-template-columns:1fr;gap:12px}.xiaobaibai-development-transition{grid-template-columns:1fr}.xiaobaibai-development-main .xiaobaibai-development-image,.xiaobaibai-development-planar .xiaobaibai-development-image{height:500px}.xiaobaibai-development-angles .xiaobaibai-development-image{height:280px}.xiaobaibai-extension-intro,.xiaobaibai-physical-intro{grid-template-columns:1fr;gap:12px}.xiaobaibai-packaging-system{grid-template-columns:1fr;align-items:start;gap:24px}.xiaobaibai-packaging-copy{max-width:720px}.xiaobaibai-physical-gallery img{height:440px}}@media (width<=760px){:root{--header-height:64px}.page-width{width:calc(100% - 40px)}.section-space,.case-section{padding-block:76px}.site-header{min-height:var(--header-height);padding-inline:20px}.brand small{display:none}.site-nav{gap:18px}.site-nav a{font-size:12px}.supporting-hero,.supporting-hero-content{min-height:720px}.supporting-hero-background{object-fit:contain;object-position:center bottom}.supporting-hero-content{align-items:flex-start;padding-block:62px 360px}.supporting-copy{width:100%;max-width:560px}.supporting-copy>p:not(.eyebrow):not(.supporting-award){max-width:520px;font-size:16px}.yunhe-translation-intro{margin-bottom:28px;padding-bottom:26px}.yunhe-translation-intro h3{font-size:23px}.yunhe-translation-grid{grid-template-columns:1fr}.yunhe-translation-steps{grid-area:auto;display:flex}.yunhe-translation-steps article{grid-template-columns:34px minmax(0,1fr);padding-inline:4px;display:grid}.yunhe-translation-steps article:not(:last-child){border-right:0}.yunhe-translation-steps article>span{margin-bottom:0}.yunhe-award-copy h3{font-size:30px}h1,.supporting-copy h1,.about-hero h1{font-size:46px}.xiaobaibai-hero{min-height:auto}.xiaobaibai-hero-grid{gap:32px;min-height:auto;padding-block:62px 34px}.xiaobaibai-hero-copy h1{font-size:52px}.xiaobaibai-hero-lede{font-size:16px}.xiaobaibai-character-stage{min-height:480px}.xiaobaibai-character-stage>img{width:150%;bottom:-22%;right:-25%}.xiaobaibai-origin-map{grid-template-columns:1fr;padding:28px 16px 16px}.xiaobaibai-origin-character{height:420px}.xiaobaibai-origin-callout{grid-template-columns:92px minmax(0,1fr);min-height:118px}.xiaobaibai-development-main .xiaobaibai-development-image,.xiaobaibai-development-planar .xiaobaibai-development-image{height:420px}.xiaobaibai-development-angles,.xiaobaibai-development-notes{grid-template-columns:1fr}.xiaobaibai-development-angles .xiaobaibai-development-image{height:340px}.xiaobaibai-physical-gallery,.xiaobaibai-extension-summary{grid-template-columns:1fr}.xiaobaibai-physical-gallery img{height:360px}h2{font-size:32px}.home-hero,.project-hero{min-height:auto;display:grid}.hero-background{z-index:0;aspect-ratio:16/9;object-fit:cover;object-position:66% center;grid-row:2;width:100%;height:auto;position:relative}.hero-content,.project-hero-content{grid-row:1;min-height:auto;padding-block:60px 48px}.hero-copy,.project-hero-copy{width:100%}.hero-role{font-size:21px}.hero-lede,.project-hero-copy>p:not(.eyebrow){font-size:17px}.hero-caption{display:none}.positioning-grid,.case-grid,.about-hero-grid{grid-template-columns:1fr;gap:30px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:34px}.competitor-analysis{margin-top:58px}.competitor-heading{flex-direction:column;align-items:flex-start;gap:10px}.competitor-heading>p{text-align:left;max-width:none}.competitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.competitor-card--benchmark{display:block}.benchmark-gallery{border-right:0}.competitor-opportunity{grid-template-columns:1fr;gap:10px}.positioning-map{margin-bottom:52px}.positioning-map-heading{flex-direction:column;align-items:flex-start;gap:8px;padding:20px}.positioning-map-heading small{text-align:left;max-width:none}.positioning-plot{min-height:430px;margin:14px 14px 0}.positioning-point{flex-direction:column;gap:5px}.positioning-point strong{padding:4px 6px;font-size:9px}.positioning-map figcaption{grid-template-columns:1fr;gap:8px;padding:20px}.form-exploration-figure figcaption{flex-direction:column;align-items:flex-start;gap:5px}.form-exploration-figure figcaption small,.section-heading>p{text-align:left}.project-list{grid-template-columns:1fr;gap:54px}.project-list>.reveal:first-child{grid-column:auto}.project-card--featured .project-media,.project-media{aspect-ratio:4/3}.project-card--featured .project-media img{object-position:65% center}.project-info,.project-list>.reveal:not(:first-child) .project-info{grid-template-columns:34px minmax(0,1fr) 22px;gap:14px}.project-description,.project-list>.reveal:not(:first-child) .project-description{grid-column:2/-1}.capability-grid,.facts-grid,.insight-grid--two,.keyword-grid,.process-visual-grid,.process-notes,.cmf-variants,.airflow-flow,.system-module-grid,.multi-angle-grid,.final-detail-grid,.cmf-spec-grid,.supporting-final-grid,.resume-grid{grid-template-columns:1fr}.airflow-flow,.system-module-grid{gap:10px}.flow-step{min-height:106px}.flow-step:not(:last-child):after{top:auto;bottom:-12px;right:50%;transform:translate(50%)rotate(90deg)}.multi-angle-grid{gap:14px}.process-visual figcaption{flex-direction:column;align-items:flex-start;gap:4px}.process-visual figcaption small{text-align:left}.cmf-variant figcaption{grid-template-columns:1fr;gap:6px}.cmf-variant-spec{margin-top:8px}.cmf-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmf-color-chip{height:100px}.cmf-subheading{flex-direction:column;align-items:flex-start;gap:5px}.cmf-subheading small{text-align:left}.detail-card figcaption{flex-direction:column;align-items:flex-start;gap:4px}.detail-card figcaption small{text-align:left}.detail-card--feature{grid-column:auto}.ring-airflow-heading{grid-template-columns:1fr;gap:8px}.ring-airflow-figure figcaption{flex-direction:column;align-items:flex-start;gap:4px}.ring-airflow-figure figcaption small{text-align:left}.ring-airflow-stage{aspect-ratio:4/3}.angle-image-wrap{aspect-ratio:1}.capability-grid{gap:52px}.capability-item>span{margin-bottom:28px}.project-nav .page-width{width:100%;padding-inline:20px}.facts-grid>div,.facts-grid>div:first-child{border-right:0;border-bottom:1px solid var(--line);border-left:0;min-height:auto;padding:22px 0}.facts-grid>div:last-child{border-bottom:0}.case-heading{position:static}.case-heading h2{font-size:28px}.case-lede{margin-bottom:32px;font-size:19px}.insight-grid article,.case-section--soft .insight-grid article{padding:20px}.keyword-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.keyword-grid span{min-height:92px}.placeholder-figure figcaption,.final-hero figcaption,.concept-structure-figure figcaption{flex-direction:column;align-items:flex-start;gap:4px}.placeholder-figure figcaption small,.final-hero figcaption small,.concept-structure-figure figcaption small{text-align:left}.about-hero-grid{gap:46px}.about-intro p{font-size:18px}.resume-grid{gap:54px}.resume-block>span{margin-bottom:28px}.site-footer{flex-direction:column;align-items:flex-start;min-height:auto;padding:36px 20px}.footer-links{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.airflow-stream,.intake-stream,.xiaobaibai-origin-connectors path,.xiaobaibai-origin-connectors circle{animation:none}.airflow-stream,.intake-stream{opacity:.38;stroke-dashoffset:-32px}}@media (width<=420px){h1,.supporting-copy h1,.about-hero h1{font-size:40px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.keyword-grid,.competitor-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}