.component-playground{max-width:980px;margin:0 auto 20px;--cp-ink:#2d402b;--cp-secondary:#63705a;--cp-border:#dce3d3;--cp-green:#344a31;--cp-soft:#eff3e8;--cp-error:#a34036;min-width:0;padding:18px;background:#fff;border:1px solid var(--cp-border);border-radius:12px;color:var(--cp-ink);font-size:13px;line-height:1.6}.component-playground *{box-sizing:border-box}.component-playground button,.component-playground input,.component-playground select,.component-playground textarea{font:inherit}.component-playground button:disabled,.component-playground input:disabled,.component-playground select:disabled,.component-playground textarea:disabled{cursor:not-allowed;opacity:.65}.component-playground button,.component-playground input,.component-playground select,.component-playground textarea{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.component-playground :focus-visible{outline:2px solid #365dfa;outline-offset:3px}.cp-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.cp-heading h3{font-size:20px;font-weight:550;line-height:1.5;margin:0;letter-spacing:-.4px}.cp-heading p{font-size:12px;color:var(--cp-secondary);line-height:1.6;margin:3px 0 0}.cp-local-label{padding:4px 8px;border:1px solid var(--cp-border);border-radius:5px;font-size:12px;line-height:1.6;white-space:nowrap;color:#6c7b60}.cp-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;background:#eef2e8;padding:3px;border-radius:7px;margin-top:12px;height:42px;max-width:430px}.cp-tab-indicator{position:absolute;left:3px;top:3px;width:calc((100% - 6px)/2);height:calc(100% - 6px);border-radius:5px;background:#fff;box-shadow:0 1px 5px #293b2010;border:1px solid #dae3cf;transition:transform .22s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:-1}.cp-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;background:transparent;color:#758169;border-radius:5px;padding:7px 10px;border:0;font-size:13px;line-height:20px;min-height:36px;z-index:1}.cp-tabs>button[aria-selected=true]{color:var(--cp-ink);font-weight:550}.cp-tab-count{font-size:11px;line-height:18px;padding:0 5px;background:#e9eee1;border-radius:4px;color:#6f825e;min-width:20px;text-align:center}.cp-panels{position:relative;height:430px;margin-top:12px;isolation:isolate}.cp-panel{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;height:100%;visibility:hidden;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s}.cp-panel.is-active{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:0s}.cp-board-panel{display:flex;flex-direction:column;gap:8px;overflow:visible}.cp-board-tools{display:flex;align-items:center;gap:13px;min-height:38px;flex-shrink:0}.cp-search{display:flex;align-items:center;gap:8px;min-width:0;flex:1;height:38px;padding-left:11px;border:1px solid var(--cp-border);border-radius:6px;color:#8a997b;background:#fafbf8}.cp-search:focus-within{border-color:#91a878;box-shadow:0 0 0 3px #a7be8d20}.cp-search>svg{flex-shrink:0}.cp-search input{min-width:0;width:100%;height:100%;flex:1;padding:7px 0;border:0;outline:none!important;background:transparent;font-size:13px;color:var(--cp-ink)}.cp-search input::placeholder{color:#91a082;font-size:12px}.cp-search input::-webkit-search-cancel-button{display:none}.cp-search button{display:grid;place-items:center;width:36px;min-width:36px;height:36px;border:0;background:transparent;color:#7a8d6a;border-radius:4px}.cp-search button:hover{background:#eef3e6}.cp-result-count{font-size:12px;color:#6d7d61;white-space:nowrap;min-width:57px;text-align:right}.cp-filters{display:flex;align-items:center;gap:6px;flex-shrink:0;min-height:36px}.cp-filters>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:6px 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:#718163;font-size:13px;line-height:22px}.cp-filters>button[aria-pressed=true]{border-color:#d7e1cb;background:#f0f5e9;color:#405a33}.cp-filters>button:hover{background:#f1f5eb}.cp-filter-count{font-size:11px;min-width:18px;line-height:18px;color:#80926e;text-align:center;border-radius:4px;background:#e9efdf;animation:cp-count-enter .2s ease}.cp-list-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cad6bd transparent;padding:2px 5px 3px 2px}.cp-project-list{display:flex;flex-direction:column;gap:7px;list-style:none;margin:0;padding:0}.cp-project{display:flex;align-items:center;gap:12px;min-width:0;min-height:66px;padding:10px 12px;border:1px solid #e3e9db;border-radius:8px;background:#fbfcf9;animation:cp-list-enter .22s both;animation-delay:var(--cp-row-delay,0ms)}.cp-project-symbol{display:grid;place-items:center;width:33px;height:35px;flex-shrink:0;border-radius:7px;background:#e5ecda;color:#647c4d;font-size:14px;font-weight:550}.cp-symbol-1{background:#e3ebe8;color:#5b7a6c}.cp-symbol-2{background:#efe9da;color:#8d7852}.cp-project-main{flex:1;min-width:0}.cp-project-name{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.cp-project-name h4{font-size:14px;font-weight:550;line-height:1.55;margin:0;word-break:break-word;color:#3a5031}.cp-new-label{font-size:10px;line-height:1.5;padding:2px 5px;border-radius:4px;background:#e0ebd1;color:#5b7944;white-space:nowrap}.cp-project-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:3px;font-size:11px;line-height:1.6;color:#6d7d61}.cp-project-state{display:inline-flex;align-items:center;gap:5px;color:#8b8659}.cp-project-state>i{width:4px;height:4px;border-radius:50%;background:#b4ad71}.cp-project-state.is-done{color:#6a8155}.cp-project-state.is-done>i{background:#89a16e}.cp-project-main>p{font-size:12px;line-height:1.65;color:#68785d;margin:4px 0 0;word-break:break-word}.cp-status-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;min-width:91px;flex-shrink:0;padding:7px 9px;border:1px solid #dbe5cf;background:#f2f7eb;color:#607a4b;border-radius:6px;font-size:12px;line-height:20px}.cp-status-action.is-done{color:#7b886e;border-color:#e4e9dd;background:#f7f9f3}.cp-status-action:hover{background:#e8f0dd;border-color:#bfcfaf}.cp-status-action.is-done:hover{background:#edf2e5}.cp-project.is-new{animation:cp-list-enter .22s both,cp-project-highlight 1.8s ease-out;animation-delay:var(--cp-row-delay,0ms),0ms}.cp-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;color:#9cac8d;animation:cp-list-enter .22s ease}.cp-empty h4{font-size:14px;font-weight:500;line-height:1.6;margin:1px 0 0;color:#657a55}.cp-empty p{font-size:12px;line-height:1.7;color:#6c7d60;margin:0}.cp-empty button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 12px;margin-top:2px;border:1px solid #d6e1ca;border-radius:6px;background:#eff5e7;color:#617c4b;font-size:12px;line-height:22px}.cp-toast{display:flex;align-items:center;gap:8px;flex-shrink:0;height:48px;padding:6px 9px;border:1px solid transparent;border-radius:7px;background:#f6f8f2;color:#6b7d5e}.cp-toast.has-message{border-color:#d5e2c8;background:#f0f6e8;color:#688251}.cp-toast>svg{flex-shrink:0}.cp-toast>p{font-size:12px;line-height:1.65;margin:0;flex:1;min-width:0;overflow:auto;max-height:36px;word-break:break-word}.cp-undo,.cp-dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:36px;min-width:36px;padding:6px 8px;border:0;background:transparent;border-radius:5px;color:#5c7b42;font-size:12px;line-height:24px}.cp-undo:hover,.cp-dismiss:hover{background:#e4eed8}.cp-dismiss{padding:6px;width:36px;color:#8c9d7d}.cp-create-panel{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cad6bd transparent;padding:2px 4px 3px 2px}.cp-create-form{min-width:0}.cp-form-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.cp-form-intro strong{font-size:14px;font-weight:500;line-height:1.6;color:#5f7751}.cp-form-intro>span{font-size:12px;line-height:1.6;color:#6d7e60}.cp-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cp-field{min-width:0}.cp-field>label{display:flex;align-items:center;gap:5px;font-size:13px;line-height:20px;margin:0 0 6px;color:#607750;font-weight:500}.cp-field>label>span:not(.cp-optional){color:#93a482}.cp-field input,.cp-field select,.cp-field textarea{display:block;width:100%;min-height:40px;padding:9px 11px;border:1px solid #dce5d2;border-radius:6px;background:#fcfdf9;font-size:13px;line-height:20px;color:#3d5732}.cp-field input::placeholder,.cp-field textarea::placeholder{font-size:12px;color:#a0ad91}.cp-field select{cursor:pointer}.cp-field textarea{height:69px;resize:vertical;min-height:65px;max-height:180px}.cp-field input:focus,.cp-field select:focus,.cp-field textarea:focus{border-color:#9ab57e;box-shadow:0 0 0 3px #c0d2ac2b}.cp-field-help{min-height:24px;font-size:12px;line-height:1.6;padding-top:5px;color:#697b5c}.cp-field.has-error input,.cp-field.has-error select{border-color:#bd7369;background:#fffaf7}.cp-field.has-error .cp-field-help{color:var(--cp-error)}.cp-field.has-error input:focus,.cp-field.has-error select:focus{box-shadow:0 0 0 3px #b85c4f17;border-color:#a9584b}.cp-description-field{margin-top:7px}.cp-optional{font-size:11px;font-weight:400;line-height:1.5;color:#9dac8e;margin-left:3px}.cp-field>label>small{margin-left:auto;font-size:11px;font-weight:400;color:#9aa88b}.cp-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #edf1e6;margin-top:11px;padding-top:12px}.cp-form-footer>p{font-size:12px;line-height:1.7;color:#68795b;margin:0}.cp-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;min-width:141px;padding:9px 15px;border:1px solid var(--cp-green);border-radius:6px;background:var(--cp-green);color:#fff;font-size:13px;line-height:20px;white-space:nowrap;flex-shrink:0}.cp-submit:hover:not(:disabled){background:#253d23}.cp-submit-spinner{width:13px;height:13px;border:1.5px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:cp-spin .7s linear infinite}.cp-principles{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;padding-top:10px;border-top:1px solid #e8eedf;color:#697b5c;font-size:12px;line-height:1.7}.cp-principles>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.cp-principles i{width:4px;height:4px;background:#9bb184;border-radius:50%;flex-shrink:0}@keyframes cp-list-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cp-count-enter{0%{transform:translateY(3px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes cp-project-highlight{0%,28%{background:#e7f2da;border-color:#99b77b;box-shadow:0 0 0 2px #aac78c19}to{background:#fbfcf9;border-color:#e3e9db;box-shadow:none}}@keyframes cp-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.cp-heading{align-items:flex-start}.cp-heading h3{font-size:19px}.cp-local-label{font-size:11px;padding:4px 7px}.cp-field-grid{gap:14px}.cp-form-intro>span{font-size:11px}.cp-project{padding:9px 11px;gap:10px}.cp-project-main>p{font-size:12px}.cp-form-footer{gap:12px}.cp-form-footer>p{font-size:11px}.cp-submit{min-width:133px}}@media(max-width:600px){.component-playground{padding:15px 12px;border-radius:10px}.cp-heading{display:block}.cp-heading h3{font-size:19px;line-height:1.5}.cp-heading p{font-size:12px;margin-top:5px}.cp-local-label{display:inline-block;margin-top:9px;font-size:11px;padding:3px 7px}.cp-tabs{max-width:none;margin-top:13px;height:44px}.cp-tabs>button{font-size:13px;min-height:38px}.cp-panels{height:520px;margin-top:13px}.cp-board-tools{gap:8px}.cp-search{padding-left:9px;gap:7px;height:40px}.cp-search input{font-size:13px}.cp-search input::placeholder{font-size:11px}.cp-result-count{font-size:11px;min-width:47px}.cp-filters{gap:4px}.cp-filters>button{font-size:13px;padding:6px 10px;gap:7px}.cp-filter-count{font-size:11px}.cp-list-scroll{padding-right:3px}.cp-project{align-items:flex-start;gap:8px;padding:11px 9px;min-height:91px}.cp-project-symbol{width:28px;height:31px;font-size:12px;border-radius:6px;margin-top:1px}.cp-project-name{gap:4px}.cp-project-name h4{font-size:13px;line-height:1.6}.cp-project-meta{font-size:11px;gap:7px;margin-top:4px}.cp-project-main>p{font-size:12px;line-height:1.7;margin-top:5px}.cp-status-action{min-width:70px;padding:7px 6px;font-size:11px;gap:3px;margin-top:1px;min-height:36px}.cp-status-action>svg{width:12px;height:12px}.cp-new-label{font-size:10px;padding:1px 4px}.cp-toast{height:74px;gap:5px;padding:7px 6px}.cp-toast>p{font-size:12px;line-height:1.65;max-height:58px}.cp-toast>svg{width:14px;height:14px}.cp-undo,.cp-dismiss{font-size:12px;padding-inline:6px;min-width:36px}.cp-empty{padding-inline:12px}.cp-empty h4{font-size:13px}.cp-empty p{font-size:12px}.cp-create-panel{padding-right:4px}.cp-form-intro{display:block;margin-bottom:13px}.cp-form-intro strong{font-size:14px}.cp-form-intro>span{display:block;font-size:12px;margin-top:4px}.cp-field-grid{grid-template-columns:1fr;gap:10px}.cp-field>label{font-size:13px;margin-bottom:6px}.cp-field input,.cp-field select,.cp-field textarea{font-size:14px;min-height:42px;padding:10px}.cp-field input::placeholder,.cp-field textarea::placeholder{font-size:12px}.cp-field-help{font-size:12px;min-height:24px;padding-top:5px}.cp-description-field{margin-top:10px}.cp-field textarea{height:75px;min-height:75px}.cp-form-footer{flex-direction:column;align-items:stretch;gap:10px;margin-top:12px;padding-top:12px}.cp-form-footer>p{font-size:12px;line-height:1.7}.cp-submit{min-height:42px;width:100%;font-size:14px}.cp-principles{gap:8px;font-size:11px;margin-top:13px;padding-top:11px}.cp-principles>span{gap:4px}.cp-principles i{width:3px;height:3px}}@media(prefers-reduced-motion:reduce){.component-playground button,.component-playground input,.component-playground select,.component-playground textarea,.cp-tab-indicator,.cp-panel{transition:none!important}.cp-project,.cp-project.is-new,.cp-empty,.cp-filter-count,.cp-submit-spinner{animation:none!important}.cp-project.is-new{background:#edf5e5;border-color:#b7cda0}.cp-submit-spinner{border-color:#fff9}}.case-proof{--proof-accent:#365dfa;margin-block:38px 8px;padding-block:29px 0;border-top:1px solid var(--line,#e0e2da);color:var(--ink,#202522)}.case-proof-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.case-proof-kicker{margin:0 0 9px;font-size:11px;line-height:1.6;letter-spacing:1px;font-weight:550;color:var(--proof-accent)}.case-proof-heading h2{font-size:clamp(22px,2.1vw,28px);line-height:1.5;letter-spacing:-.8px;font-weight:550;max-width:740px}.case-proof-reading-hint{font-size:11px;color:#7d8677;line-height:1.8;flex-shrink:0;padding-bottom:3px}.case-proof-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:31px;align-items:start}.case-proof-figure{min-width:0;margin:0}.case-proof-image{display:block;position:relative;overflow:hidden;background:#edf0eb;border:1px solid #e0e5dc;border-radius:8px;isolation:isolate;cursor:zoom-in}.case-proof-image>img{width:100%;height:auto;display:block;transition:filter .22s ease}.case-proof-image:hover>img{filter:brightness(1.025)}.case-proof-image:focus-visible{outline:2px solid var(--proof-accent);outline-offset:5px}.case-proof-expand{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d5dbd1;border-radius:20px;background:#fffffff2;color:#344133;font-size:10px;line-height:1.4;box-shadow:0 2px 8px #24331b0a;transition:background .2s ease,transform .2s ease}.case-proof-image:hover .case-proof-expand{background:#fff;transform:translateY(-2px)}.case-proof-caption{padding:12px 1px 0;display:flex;align-items:baseline;gap:12px}.case-proof-caption>span{font-size:10px;line-height:1.7;color:#65755d;white-space:nowrap;flex-shrink:0}.case-proof-caption>p{font-size:11px;line-height:1.8;color:#7a8372;margin:0}.case-proof-notes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;min-width:0}.case-proof-notes>li{display:flex;align-items:flex-start;gap:16px;padding:17px 0;border-bottom:1px solid var(--line,#e0e2da)}.case-proof-notes>li:first-child{padding-top:4px}.case-proof-notes>li:last-child{border-bottom:0;padding-bottom:0}.case-proof-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.8;color:#9aab91;padding-top:2px;font-variant-numeric:tabular-nums}.case-proof-notes h3{font-size:12px;line-height:1.8;font-weight:550;margin:0 0 6px;color:#3b4b37}.case-proof-notes p{font-size:13px;line-height:1.95;margin:0;color:#65715e;max-width:480px}.case-proof-baoge{--proof-accent:#22745f}.case-proof-mingchu{--proof-accent:#9c6d37}.case-proof-catchat{--proof-accent:#547b31}@media(max-width:1000px){.case-proof-layout{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr);gap:23px}.case-proof-heading h2{font-size:23px}.case-proof-reading-hint{font-size:10px}.case-proof-caption{display:block}.case-proof-caption>p{margin-top:4px}.case-proof-notes>li{padding-block:13px;gap:12px}.case-proof-notes p{font-size:12px;line-height:1.85}.case-proof-notes h3{font-size:11px;margin-bottom:4px}}@media(max-width:700px){.case-proof{margin-block:28px 3px;padding-top:23px}.case-proof-heading{display:block;margin-bottom:19px}.case-proof-heading h2{font-size:23px;letter-spacing:-.6px;line-height:1.6}.case-proof-kicker{font-size:11px;margin-bottom:7px}.case-proof-reading-hint{display:none}.case-proof-layout{grid-template-columns:1fr;gap:20px}.case-proof-image{border-radius:6px}.case-proof-expand{right:9px;bottom:9px;padding:7px 9px;font-size:10px}.case-proof-expand svg{width:15px;height:15px}.case-proof-caption{display:flex;gap:10px;padding-top:10px;align-items:baseline}.case-proof-caption>span{font-size:10px}.case-proof-caption>p{font-size:11px;line-height:1.75;margin:0}.case-proof-notes>li{padding:14px 0;gap:14px}.case-proof-notes h3{font-size:12px}.case-proof-notes p{font-size:13px;line-height:1.9;max-width:none}.case-proof-number{font-size:10px}}@media(max-width:420px){.case-proof-heading h2{font-size:21px}.case-proof-caption{display:block}.case-proof-caption>p{margin-top:4px}}@media(prefers-reduced-motion:reduce){.case-proof-image>img,.case-proof-expand{transition:none!important}.case-proof-image:hover .case-proof-expand{transform:none}}.case-brief{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.8fr);gap:32px;margin:32px 0 0;padding:26px 0;border-top:1px solid var(--line,#dcded4);border-bottom:1px solid var(--line,#dcded4);color:var(--ink,#1d2b25)}.case-brief-column{min-width:0}.case-brief-heading{margin:0 0 13px;font-size:13px;font-weight:600;line-height:1.6;letter-spacing:.5px;color:var(--ink,#1d2b25)}.case-brief-copy{margin:0;font-size:15px;line-height:1.9;color:var(--text-secondary,#59655b);overflow-wrap:anywhere}.case-brief-role{display:inline-block;margin:0 0 8px;font-size:13px;line-height:1.7;font-weight:550;color:var(--blue,#4658ed)}.case-brief-period{display:flex;flex-wrap:wrap;gap:6px 10px;margin:12px 0 0;font-size:12px;line-height:1.8;color:var(--text-secondary,#59655b);font-variant-numeric:tabular-nums}.case-brief-period>span{color:#6b766a}.case-brief-deliverables{display:flex;flex-wrap:wrap;align-items:flex-start;gap:9px;list-style:none;padding:0;margin:0}.case-brief-deliverables>li{max-width:100%;padding:7px 10px;border:1px solid #d9dfd4;border-radius:4px;background:#eef1e9;color:#40513d;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.case-section-evidence{margin:26px 0 0;max-width:100%;color:var(--ink,#1d2b25)}.case-section-evidence-image{display:block;overflow:hidden;border:1px solid #dce2d6;border-radius:6px;background:#edf0eb;cursor:zoom-in}.case-section-evidence-image>img{display:block;width:100%;height:auto}.case-section-evidence-image:hover{border-color:#a5b49a}.case-section-evidence-image:focus-visible{outline:2px solid var(--blue,#4658ed);outline-offset:4px}.case-section-evidence-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 1px 0}.case-section-evidence-description{min-width:0}.case-section-evidence-source{display:block;font-size:12px;line-height:1.7;color:#65735f}.case-section-evidence-description>p{margin:4px 0 0;font-size:14px;line-height:1.8;color:var(--text-secondary,#59655b);overflow-wrap:anywhere}.case-section-evidence-hint{display:inline-flex;align-items:center;gap:7px;padding-top:1px;white-space:nowrap;font-size:12px;line-height:1.7;color:#526349}@media(max-width:900px){.case-brief{gap:23px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr)}.case-brief-copy{font-size:14px}.case-brief-deliverables>li{padding:6px 9px}}@media(max-width:700px){.case-brief{grid-template-columns:1fr;gap:0;margin-top:26px;padding:0}.case-brief-column{padding:19px 0}.case-brief-column+.case-brief-column{border-top:1px solid var(--line,#dcded4)}.case-brief-heading{margin-bottom:9px}.case-brief-copy{font-size:14px;line-height:1.9}.case-brief-role{margin-bottom:7px}.case-brief-deliverables{gap:8px}.case-section-evidence{margin-top:22px}.case-section-evidence-caption{gap:12px}.case-section-evidence-description>p{font-size:14px}.case-section-evidence-hint{font-size:11px;gap:4px}}@media(max-width:420px){.case-section-evidence-caption{flex-wrap:wrap;gap:6px}.case-section-evidence-description{flex-basis:100%}.case-section-evidence-hint{font-size:12px}}.case-brief{border-bottom:0;padding-bottom:0}.visual-app-root{--visual-app-ink:#242921;--visual-app-line:#e5e8df;--visual-app-accent:#9b5135;color:var(--visual-app-ink);font-family:inherit;padding:28px 32px 0;min-width:0}.visual-app-root *{box-sizing:border-box}.visual-app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.visual-app-source{display:flex;align-items:center;gap:7px;color:#7d8477;font-size:10px;line-height:1.6;letter-spacing:.1px}.visual-app-source i{width:5px;height:5px;border-radius:50%;background:var(--visual-app-accent);flex-shrink:0}.visual-app-concept-badge{border:1px solid var(--visual-app-line);border-radius:4px;padding:3px 6px;font-size:9px;line-height:1.5;color:#909785;white-space:nowrap}.visual-app-tabs{display:flex;gap:24px;margin:19px 0 17px;border-bottom:1px solid var(--visual-app-line)}.visual-app-tabs button{position:relative;display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;background:none;padding:0 0 12px;color:#939a8b;font:inherit;font-size:12px;line-height:1.5;cursor:pointer;transition:color .18s,border-color .18s}.visual-app-tabs button span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;color:#acb29e}.visual-app-tabs button[aria-selected=true]{color:var(--visual-app-ink);border-bottom-color:var(--visual-app-accent)}.visual-app-tabs button:hover{color:var(--visual-app-ink)}.visual-app-tabs button:focus-visible{outline:2px solid var(--visual-app-accent);outline-offset:4px;border-radius:2px}.visual-app-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);height:470px;background:#efebe4;border:1px solid #e7e0d5;border-radius:8px;isolation:isolate}.visual-app-panel{grid-area:1/1;min-width:0;display:flex;align-items:center;justify-content:center;padding:26px 28px 36px;visibility:hidden;pointer-events:none;opacity:0}.visual-app-panel-active{visibility:visible;pointer-events:auto;opacity:1;animation:visual-app-reveal .22s ease}.visual-app-canvas-label{position:absolute;bottom:11px;left:13px;font-size:8px;letter-spacing:.5px;color:#a39a8b;line-height:1.4;z-index:2}.visual-app-key-visual{width:100%;position:relative;max-width:560px;box-shadow:0 8px 24px #46332012;background:#f6f1e9}.visual-app-key-visual>img{width:100%;height:auto;display:block}.visual-app-key-visual>span{display:block;padding:10px 12px;color:#9d8d79;font-size:7px;letter-spacing:1.1px}.visual-app-food-poster{width:306px;aspect-ratio:3/4;max-height:100%;position:relative;background:#efd3aa;overflow:hidden;color:#fff3dd;box-shadow:0 9px 24px #66412c1c;container-type:inline-size}.visual-app-food-poster>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:56% center}.visual-app-food-poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#6d271f5c 0%,#6d271f26 43%,transparent 70%),linear-gradient(0deg,#542b22a6,#542b2200 26%);pointer-events:none}.visual-app-poster-top{position:absolute;top:6%;left:8%;right:8%;display:flex;justify-content:space-between;font-size:2.1cqw;letter-spacing:.8px;color:#fff3dd;padding-bottom:3%;border-bottom:1px solid #fff0d766;z-index:1;text-shadow:0 1px 4px #51241833}.visual-app-poster-title{position:absolute;left:8%;top:16%;z-index:1;text-shadow:0 1px 7px #51241838}.visual-app-poster-title>small{font-size:2.2cqw;letter-spacing:1.3px;font-weight:500}.visual-app-poster-title h3{font-size:16.5cqw;line-height:1.03;letter-spacing:-1.5px;margin:4.5% 0 5%;font-weight:500;font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;color:#fff3dd}.visual-app-poster-title h3 span{display:block;margin-left:23%;white-space:nowrap}.visual-app-poster-title p{font-size:3.3cqw;line-height:1.85;letter-spacing:.5px;margin:0;color:#fff1d8}.visual-app-poster-mark{position:absolute;right:8%;top:17%;width:14%;aspect-ratio:1;border:1px solid #fff0d799;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff1d8;background:#7a2f2040;transform:rotate(-13deg);z-index:1}.visual-app-poster-mark span{font-size:1.6cqw;letter-spacing:.65px;line-height:1.5}.visual-app-poster-mark b{font-family:Songti SC,SimSun,serif;font-weight:400;font-size:6cqw;line-height:1.25}.visual-app-poster-bottom{position:absolute;left:8%;right:8%;bottom:6%;padding-top:4%;border-top:1px solid #fff0d766;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:2.2cqw;line-height:1.7;letter-spacing:.4px;color:#fff1db;z-index:1;text-shadow:0 1px 4px #51241855}.visual-app-poster-bottom>span:last-child{font-size:1.9cqw;text-align:right;letter-spacing:.7px}.visual-app-phone{width:218px;aspect-ratio:1/1.9;position:relative;flex-shrink:0;border:5px solid #262925;border-radius:29px;background:#fcf8ef;box-shadow:0 12px 26px #2b35211f;overflow:hidden;container-type:inline-size;color:#3b3226}.visual-app-phone-camera{position:absolute;top:5px;left:38%;width:24%;height:9px;background:#262925;border-radius:0 0 8px 8px;z-index:4}.visual-app-phone-status{display:flex;justify-content:space-between;padding:8px 12px 0;font-size:3.2cqw;font-weight:600;line-height:1.5;position:relative;z-index:2}.visual-app-phone-status span:last-child{font-size:2.9cqw;letter-spacing:.5px}.visual-app-phone-home{position:absolute;bottom:5px;left:36%;width:28%;height:3px;background:#222a237a;border-radius:5px;z-index:5}.visual-app-mobile-nav{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:3.3cqw;line-height:1.4}.visual-app-mobile-nav strong{font-weight:500}.visual-app-mobile-back{font-size:7cqw;font-family:Arial,sans-serif;font-weight:300}.visual-app-food-mobile-hero{position:relative;height:155px;background:#edc9a1;overflow:hidden}.visual-app-food-mobile-hero>img{height:100%;width:100%;object-fit:cover;object-position:65% center}.visual-app-food-mobile-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#612b207a 0%,#612b2026 58%,transparent 88%);pointer-events:none}.visual-app-food-mobile-hero>div{position:absolute;left:8%;top:12%;color:#fff4df;z-index:1;text-shadow:0 1px 5px #51241840}.visual-app-food-mobile-hero small{font-size:2.3cqw;letter-spacing:.7px}.visual-app-food-mobile-hero h3{font-family:Songti SC,SimSun,serif;font-size:12cqw;line-height:1.1;letter-spacing:1px;font-weight:500;margin:6px 0}.visual-app-food-mobile-hero p{font-size:3.3cqw;line-height:1.5;margin:0;letter-spacing:.3px}.visual-app-mobile-issue{position:absolute;bottom:10px;left:8%;font-size:2.4cqw;letter-spacing:.8px;color:#fff0d6;z-index:1;text-shadow:0 1px 4px #51241855}.visual-app-food-mobile-body{padding:14px 13px 12px}.visual-app-mobile-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.visual-app-mobile-section-title h4{font-size:4.4cqw;font-weight:500;line-height:1.5;margin:0}.visual-app-mobile-section-title>span{font-size:2.1cqw;letter-spacing:.7px;color:#a49a85}.visual-app-food-notes{display:flex;justify-content:space-between;gap:7px;align-items:center;padding:8px 9px;background:#f2e9da;border:1px solid #e8decb;border-radius:5px;margin-bottom:7px}.visual-app-food-notes>div{position:relative;padding-left:16px}.visual-app-food-notes>div>span{position:absolute;left:0;top:1px;font-family:ui-monospace,monospace;font-size:2.5cqw;color:#a18b65}.visual-app-food-notes strong{font-size:3.7cqw;font-weight:500;display:block;line-height:1.5}.visual-app-food-notes p{font-size:2.6cqw;color:#9a8a72;line-height:1.7;margin:2px 0 0}.visual-app-food-notes>i{font-style:normal;font-size:11cqw;color:#bf7348;line-height:1}.visual-app-food-note-two{background:#f8f3e9}.visual-app-food-note-two>i{color:#b6a383}.visual-app-mobile-cta{display:flex;justify-content:space-between;align-items:center;background:#8a4831;color:#fff7ed;padding:9px 10px;border-radius:4px;font-size:3.4cqw;margin-top:11px;line-height:1.5}.visual-app-mobile-cta svg{width:13px;height:13px}.visual-app-mobile-concept{font-size:2.5cqw;color:#b2a58d;text-align:center;line-height:1.5;margin:7px 0 0;letter-spacing:.2px}.visual-app-data{--visual-app-accent:#388b6a}.visual-app-data .visual-app-stage{background:#e7ece7;border-color:#dce5dc}.visual-app-data .visual-app-canvas-label{color:#8b9a8b}.visual-app-data .visual-app-key-visual{background:#092f28;box-shadow:0 8px 24px #18362d1a}.visual-app-data .visual-app-key-visual>span{color:#8cb0a1}.visual-app-data-banner{position:relative;width:100%;aspect-ratio:1.65;background:#062a24;color:#edf6ec;overflow:hidden;box-shadow:0 10px 24px #1c3d2d1c;container-type:inline-size}.visual-app-data-banner>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.82}.visual-app-data-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#062a24e0 0%,#062a2480 38%,transparent 70%);pointer-events:none}.visual-app-data-banner-nav{position:absolute;left:6%;right:6%;top:7%;display:flex;align-items:center;justify-content:space-between;z-index:1;font-size:1.5cqw;letter-spacing:.8px;color:#abcdbd}.visual-app-flow-wordmark{display:flex;align-items:center;gap:6px;font-size:3.2cqw;line-height:1;font-weight:500;letter-spacing:2px}.visual-app-flow-wordmark i{font-style:normal;color:#8de4bd;font-size:6cqw;line-height:.6;letter-spacing:-1px}.visual-app-data-banner-copy{position:absolute;left:6%;top:23%;z-index:1;width:62%}.visual-app-data-banner-copy>p{font-size:1.5cqw;line-height:1.4;letter-spacing:1px;color:#79b99c;margin:0 0 2.2cqw}.visual-app-data-banner-copy>h3{font-size:5.3cqw;font-weight:400;line-height:1.3;letter-spacing:-.7px;margin:0 0 2cqw;color:#f2f8ee}.visual-app-data-banner-copy>span{display:block;color:#a7c6b5;font-size:2cqw;line-height:1.75}.visual-app-banner-cta{display:inline-flex;gap:20px;align-items:center;border:1px solid #8ab79f80;border-radius:3px;padding:1.4cqw 2.5cqw;font-size:2cqw;line-height:1.5;color:#d2ecdc;margin-top:3cqw;background:#153e3340}.visual-app-banner-cta svg{width:3cqw;height:3cqw}.visual-app-data-banner-footer{position:absolute;left:6%;right:6%;bottom:7%;z-index:1;display:flex;align-items:center;gap:3%;font-size:1.3cqw;letter-spacing:.8px;color:#71a98d}.visual-app-data-banner-footer i{height:1px;width:7%;background:#59836d}.visual-app-phone-data{background:#092c24;color:#dcecdf;border-color:#1b2821}.visual-app-phone-data .visual-app-phone-camera{background:#1b2821}.visual-app-phone-data .visual-app-phone-home{background:#b2d3ba7a}.visual-app-phone-data .visual-app-phone-status{color:#c7decc}.visual-app-data-mobile-nav{display:flex;align-items:center;justify-content:space-between;padding:15px 15px 10px}.visual-app-data-mobile-nav .visual-app-flow-wordmark{font-size:4.1cqw;letter-spacing:1.8px}.visual-app-data-mobile-nav .visual-app-flow-wordmark i{font-size:8cqw}.visual-app-mobile-avatar{display:grid;place-items:center;width:20px;height:20px;border:1px solid #658b6a55;background:#244b35;border-radius:50%;color:#97bb9e;font-size:3.6cqw}.visual-app-data-mobile-hero{position:relative;padding:13px 15px 0;height:192px;overflow:hidden}.visual-app-data-mobile-hero>small{position:relative;z-index:1;display:block;color:#76a98d;font-size:2.3cqw;letter-spacing:.7px}.visual-app-data-mobile-hero>h3{position:relative;z-index:1;font-size:10cqw;font-weight:400;line-height:1.4;letter-spacing:-.3px;margin:8px 0 0;color:#eef5e9}.visual-app-data-mobile-hero>img{position:absolute;right:-8%;top:57px;width:106%;height:165px;object-fit:cover;object-position:70% center;opacity:.9}.visual-app-data-mobile-hero>span{position:absolute;z-index:1;bottom:14px;left:15px;font-size:3.2cqw;letter-spacing:.5px;color:#98c9ac}.visual-app-data-mobile-body{position:relative;padding:0 14px 12px}.visual-app-data-entry{display:flex;align-items:center;gap:8px;padding:11px 0;border-top:1px solid #4f6f493d}.visual-app-entry-number{font-family:ui-monospace,monospace;font-size:3cqw;line-height:1.4;color:#5c916e;align-self:flex-start;margin-top:2px}.visual-app-data-entry>div{flex:1}.visual-app-data-entry h4{font-size:4cqw;line-height:1.5;font-weight:400;margin:0 0 3px;color:#d5e7d7}.visual-app-data-entry p{font-size:2.7cqw;line-height:1.5;color:#6c9779;margin:0}.visual-app-data-entry>svg{width:12px;height:12px;color:#77b28c}.visual-app-data-mobile-tabs{display:flex;align-items:center;justify-content:space-around;padding-top:10px;margin-top:3px;border-top:1px solid #4f6f493d}.visual-app-data-mobile-tabs>span{display:flex;align-items:center;gap:4px;font-size:2.7cqw;line-height:1.4;color:#5f8464}.visual-app-data-mobile-tabs>span>i{font-style:normal;font-size:5cqw;line-height:1}.visual-app-data-mobile-tabs>.visual-app-data-tab-active{color:#a5d7b2}.visual-app-phone-data .visual-app-mobile-concept{color:#52765a;margin-top:9px;font-size:2.1cqw}.visual-app-notes{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;padding:21px 0 0;min-height:126px}.visual-app-notes h4{font-weight:500;font-size:14px;line-height:1.7;margin:0 0 7px;letter-spacing:-.2px}.visual-app-notes p{font-size:11px;line-height:1.9;color:#818a75;margin:0;max-width:470px}.visual-app-rules{display:flex;flex-direction:column;gap:8px;padding-top:2px;min-width:102px}.visual-app-rules>span{display:flex;align-items:center;gap:9px;color:#8a947c;font-size:10px;line-height:1.6;white-space:nowrap}.visual-app-rules>span>i{font-style:normal;color:#b1baa1;font-size:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.visual-app-disclosure{font-size:9px;line-height:1.85;color:#a3ac94;border-top:1px solid var(--visual-app-line);padding-top:13px;margin:17px 0 0}.visual-app-archive{margin:0;padding:0}.visual-app-archive>img{width:100%;height:auto;display:block}.visual-app-archive>figcaption{display:flex;justify-content:space-between;gap:14px;padding:13px 20px;font-size:10px;line-height:1.7;color:#7e8772;background:#f5f6ef}@keyframes visual-app-reveal{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.visual-app-root{padding:24px 22px 0}.visual-app-source{font-size:9px}.visual-app-stage{height:443px}.visual-app-panel{padding:22px 20px 34px}.visual-app-food-poster{width:286px}.visual-app-phone{width:204px}.visual-app-food-mobile-hero{height:142px}.visual-app-food-mobile-body{padding-top:12px}.visual-app-food-notes{padding:7px 8px;margin-bottom:6px}.visual-app-mobile-cta{margin-top:9px;padding:8px 9px}.visual-app-data-mobile-hero{height:176px}.visual-app-data-mobile-hero>img{height:147px}.visual-app-data-entry{padding-block:10px}.visual-app-notes{gap:16px;min-height:140px}.visual-app-notes h4{font-size:13px}.visual-app-notes p{font-size:10px}.visual-app-rules{min-width:90px}.visual-app-rules>span{font-size:9px;gap:7px}.visual-app-tabs{gap:21px}.visual-app-data-banner{aspect-ratio:1.38}.visual-app-data-banner-copy{top:23%;width:71%}.visual-app-data-banner-copy>h3{font-size:6.2cqw}.visual-app-data-banner-copy>span{font-size:2.4cqw}.visual-app-data-banner-nav>span:last-child{font-size:1.6cqw}.visual-app-data-banner-footer{font-size:1.5cqw}}@media(max-width:440px){.visual-app-root{padding:24px 16px 0}.visual-app-toolbar{gap:7px}.visual-app-source{font-size:8px;gap:5px}.visual-app-concept-badge{font-size:8px;padding:3px 5px}.visual-app-tabs{gap:20px;margin:16px 0 14px}.visual-app-tabs button{font-size:11px;gap:5px;padding-bottom:10px}.visual-app-tabs button span{font-size:7px}.visual-app-stage{height:409px}.visual-app-panel{padding:17px 13px 31px}.visual-app-food-poster{width:268px}.visual-app-phone{width:188px;border-width:4px;border-radius:25px}.visual-app-phone-camera{top:4px;height:8px}.visual-app-phone-status{padding:7px 10px 0}.visual-app-mobile-nav{height:25px;padding-inline:11px}.visual-app-food-mobile-hero{height:130px}.visual-app-food-mobile-body{padding:11px 11px 10px}.visual-app-mobile-section-title{margin-bottom:8px}.visual-app-food-notes{padding:6px 7px;margin-bottom:5px}.visual-app-food-notes>div{padding-left:14px}.visual-app-mobile-cta{padding:7px 9px;margin-top:8px}.visual-app-mobile-concept{margin-top:6px}.visual-app-data-mobile-nav{padding:12px 12px 8px}.visual-app-mobile-avatar{width:18px;height:18px}.visual-app-data-mobile-hero{padding:11px 12px 0;height:168px}.visual-app-data-mobile-hero>h3{margin-top:7px}.visual-app-data-mobile-hero>img{top:50px;height:139px}.visual-app-data-mobile-hero>span{left:12px;bottom:13px}.visual-app-data-mobile-body{padding-inline:12px}.visual-app-data-entry{padding:9px 0;gap:7px}.visual-app-data-mobile-tabs{padding-top:8px}.visual-app-phone-data .visual-app-mobile-concept{margin-top:7px}.visual-app-data-banner{aspect-ratio:1.12}.visual-app-data-banner>img{object-position:64% center}.visual-app-data-banner-copy{top:23%;width:84%}.visual-app-data-banner-copy>h3{font-size:7.2cqw;letter-spacing:-.3px}.visual-app-data-banner-copy>p{font-size:2cqw}.visual-app-data-banner-copy>span{font-size:2.9cqw}.visual-app-flow-wordmark{font-size:4cqw}.visual-app-flow-wordmark i{font-size:7cqw}.visual-app-data-banner-nav>span:last-child{font-size:1.9cqw;letter-spacing:.5px}.visual-app-banner-cta{font-size:2.8cqw;padding:1.8cqw 3cqw;gap:17px;margin-top:3.5cqw}.visual-app-banner-cta svg{width:4cqw;height:4cqw}.visual-app-data-banner-footer{font-size:1.7cqw;letter-spacing:.4px}.visual-app-notes{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:17px;min-height:159px}.visual-app-notes h4{font-size:12px;margin-bottom:6px}.visual-app-notes p{font-size:10px;line-height:1.9}.visual-app-rules{flex-direction:row;flex-wrap:wrap;gap:13px;padding-top:0}.visual-app-rules>span{font-size:8px;gap:5px}.visual-app-disclosure{font-size:8px;line-height:1.9;margin-top:15px;padding-top:12px}.visual-app-archive>figcaption{padding:11px 15px;font-size:9px}}@media(prefers-reduced-motion:reduce){.visual-app-root *{animation:none!important;transition:none!important}}.ai-workflow-intro{--ai-ink:#172c25;--ai-paper:#f5f4e9;--ai-lime:#d8ee9c;--ai-secondary:#b2c2af;--ai-line:#aabd9a30;position:relative;isolation:isolate;padding:34px 40px 25px;border:0;border-radius:18px;background:var(--ai-ink);color:var(--ai-paper);overflow:hidden}.ai-workflow-intro *{box-sizing:border-box}.ai-workflow-intro .ai-workflow-top{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:55px}.ai-workflow-intro .ai-workflow-copy{min-width:0;max-width:570px}.ai-workflow-intro .ai-workflow-kicker{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#b7c8ad;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:1.4px}.ai-workflow-intro .ai-workflow-kicker>span{font-size:12px;font-variant-numeric:tabular-nums;color:var(--ai-lime);letter-spacing:0}.ai-workflow-intro .ai-workflow-kicker>i{height:1px;width:22px;background:#96b38366;flex-shrink:0}.ai-workflow-intro .ai-workflow-copy h2{margin:0;color:var(--ai-paper);font-size:clamp(31px,3.2vw,41px);font-weight:500;line-height:1.23;letter-spacing:-1.1px}.ai-workflow-intro .ai-workflow-copy h2>span{color:var(--ai-lime)}.ai-workflow-intro .ai-workflow-description{margin:16px 0 0;color:var(--ai-secondary);font-size:14px;line-height:1.85;letter-spacing:.1px}.ai-workflow-intro .ai-workflow-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:13px;margin-top:21px}.ai-workflow-intro .ai-workflow-action{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:43px;padding:10px 16px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.ai-workflow-intro .ai-workflow-action>svg{flex-shrink:0;transition:transform .18s ease}.ai-workflow-intro .ai-workflow-primary{background:var(--ai-lime);color:#233b27;border-color:var(--ai-lime)}.ai-workflow-intro .ai-workflow-primary:hover{background:#e7f6be;border-color:#e7f6be}.ai-workflow-intro .ai-workflow-primary:hover>svg{transform:translate(3px)}.ai-workflow-intro .ai-workflow-secondary{background:transparent;color:#d8e4cc;padding-inline:7px;border-radius:0}.ai-workflow-intro .ai-workflow-secondary:hover{color:var(--ai-lime);border-bottom-color:#d8ee9c66}.ai-workflow-intro .ai-workflow-secondary:hover>svg{transform:translate(2px,-2px)}.ai-workflow-intro .ai-workflow-action:focus-visible{outline:2px solid var(--ai-lime);outline-offset:5px}.ai-workflow-intro .ai-difference-preview{min-width:0;width:100%;margin:0;padding-top:3px;align-self:center}.ai-workflow-intro .ai-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.ai-workflow-intro .ai-preview-heading>span:first-child{font-size:9px;font-weight:500;line-height:1.5;letter-spacing:1.2px;color:#9cb196}.ai-workflow-intro .ai-preview-demo{font-size:11px;line-height:1.5;color:#b4c3ac;padding:3px 7px;border:1px solid #9fb29233;border-radius:4px;white-space:nowrap}.ai-workflow-intro .ai-preview-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ai-workflow-intro .ai-preview-screen{min-width:0}.ai-workflow-intro .ai-preview-screen-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;line-height:1.6;color:#d0dec7}.ai-workflow-intro .ai-preview-screen-label>span:last-child{font-size:8px;letter-spacing:1px;color:#839b7b}.ai-workflow-intro .ai-preview-canvas{height:143px;border-radius:6px;background:#eef2e6;color:#344d34;box-shadow:0 8px 19px #07170f1f;overflow:visible}.ai-workflow-intro .ai-preview-window{display:flex;align-items:center;gap:4px;height:24px;padding-inline:10px;border-bottom:1px solid #dce4d0;color:#8a9b78;font-size:8px;border-radius:6px 6px 0 0;background:#e5ebdc}.ai-workflow-intro .ai-preview-window>i{width:3px;height:3px;border-radius:50%;background:#a8b79a;flex-shrink:0}.ai-workflow-intro .ai-preview-window>span{margin-left:auto;font-size:9px;color:#7c9070;line-height:1.5}.ai-workflow-intro .ai-preview-screen-content{padding:12px 22px 13px 13px}.ai-workflow-intro .ai-preview-mini-title{display:block;font-size:11px;font-weight:550;line-height:1.5;letter-spacing:.1px;color:#48623e}.ai-workflow-intro .ai-preview-placeholder{display:flex;align-items:center;gap:7px;height:19px;margin-bottom:9px}.ai-workflow-intro .ai-preview-placeholder>i{height:4px;width:46%;background:#d2ddc6;border-radius:1px}.ai-workflow-intro .ai-preview-placeholder>i:last-child{width:26%;background:#e0e7d6}.ai-workflow-intro .ai-preview-button-wrap{position:relative}.ai-workflow-intro .ai-preview-button{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;border-radius:3px;background:#3d5940;color:#f1f5e8;font-size:11px;line-height:1}.ai-workflow-intro .ai-preview-button>span{font-size:12px;color:#d8e8c6}.ai-workflow-intro .ai-preview-measure{position:absolute;right:-19px;top:0;bottom:0;width:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6d825c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.1;border-top:1px solid #95aa7b;border-bottom:1px solid #95aa7b}.ai-workflow-intro .ai-preview-measure>small{font-size:7px;line-height:1.1;margin-top:1px}.ai-workflow-intro .ai-preview-implementation .ai-preview-button{position:relative;outline:1px dashed #ad8139;outline-offset:4px;background:#3d5940}.ai-workflow-intro .ai-preview-implementation .ai-preview-measure{color:#997235;border-color:#b79a63}.ai-workflow-intro .ai-preview-finding{display:flex;align-items:center;gap:8px;min-height:32px;padding:9px 0 0;color:#bdcdb3;font-size:12px;line-height:1.5}.ai-workflow-intro .ai-preview-finding-mark{font-size:22px;line-height:1;color:#9cbd78;align-self:flex-start}.ai-workflow-intro .ai-preview-finding>strong{color:var(--ai-lime);font-size:12px;line-height:1.5;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.ai-workflow-intro .ai-preview-finding>strong>i{font-style:normal;color:#7d9b6b;padding-inline:2px}.ai-workflow-intro .ai-preview-review-label{margin-left:auto;color:#bddc94;font-size:10px;border-bottom:1px solid #bed89266;white-space:nowrap}.ai-workflow-intro .ai-difference-preview>figcaption{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:12px;line-height:1.6;color:#90a886}.ai-workflow-intro .ai-difference-preview>figcaption>span{color:#a8c687;font-size:16px;line-height:1}.ai-workflow-intro .ai-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:28px 0 0;padding:21px 0 0;border-top:1px solid var(--ai-line)}.ai-workflow-intro .ai-workflow-steps>li{min-width:0;padding:0;border:0;border-radius:0;background:transparent}.ai-workflow-intro .ai-workflow-step-heading{display:flex;align-items:center;gap:9px;min-height:24px}.ai-workflow-intro .ai-workflow-step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:1px solid #a2b88a59;border-radius:50%;background:transparent;color:#a9c38d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.ai-workflow-intro .ai-workflow-step-heading h3{margin:0;color:#e1ead7;font-size:14px;font-weight:500;line-height:1.7;white-space:nowrap}.ai-workflow-intro .ai-workflow-connector{position:relative;margin-left:auto;padding-left:15px;font-size:17px;line-height:1;color:#78976a}.ai-workflow-intro .ai-workflow-connector:before{content:"";position:absolute;width:25px;height:1px;right:8px;top:50%;background:#7e9b6866}.ai-workflow-intro .ai-workflow-steps>li>p{margin:7px 0 0;padding-left:33px;color:#a2b797;font-size:12px;line-height:1.7}.ai-workflow-intro .ai-workflow-steps>li.ai-workflow-human{background:transparent;border:0}.ai-workflow-intro .ai-workflow-human .ai-workflow-step-number{background:var(--ai-lime);border-color:var(--ai-lime);color:#344b2c}.ai-workflow-intro .ai-workflow-human .ai-workflow-step-heading h3{color:var(--ai-lime)}.ai-workflow-intro .ai-workflow-human>p{color:#c3d5ad}.ai-workflow-intro .ai-workflow-footnote{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.ai-workflow-intro .ai-workflow-source{display:flex;align-items:center;gap:7px;margin:0;color:#8fa883;font-size:11px;line-height:1.6}.ai-workflow-intro .ai-workflow-source>span{width:3px;height:3px;flex-shrink:0;border-radius:50%;background:#9dbd7b}.ai-workflow-intro .ai-workflow-signature{font-size:8px;letter-spacing:1.3px;line-height:1.5;color:#6d8a62}@media(max-width:1100px){.ai-workflow-intro{padding:31px 30px 24px}.ai-workflow-intro .ai-workflow-top{gap:32px}.ai-workflow-intro .ai-workflow-copy h2{font-size:35px}.ai-workflow-intro .ai-workflow-description{font-size:13px;line-height:1.85}.ai-workflow-intro .ai-workflow-actions{gap:8px;margin-top:20px}.ai-workflow-intro .ai-workflow-action{padding-inline:13px;font-size:12px;gap:10px}.ai-workflow-intro .ai-workflow-secondary{padding-inline:5px}.ai-workflow-intro .ai-preview-comparison{gap:13px}.ai-workflow-intro .ai-preview-heading>span:first-child{font-size:8px;letter-spacing:.8px}.ai-workflow-intro .ai-preview-demo{font-size:10px;padding:3px 5px}.ai-workflow-intro .ai-preview-finding{font-size:11px;gap:6px}.ai-workflow-intro .ai-preview-review-label{font-size:9px}.ai-workflow-intro .ai-workflow-steps{gap:17px}.ai-workflow-intro .ai-workflow-steps>li>p{padding-left:0}.ai-workflow-intro .ai-workflow-connector:before{width:20px}.ai-workflow-intro .ai-workflow-step-heading{gap:7px}}@media(max-width:800px){.ai-workflow-intro{padding:29px 25px 22px}.ai-workflow-intro .ai-workflow-top{gap:24px;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr)}.ai-workflow-intro .ai-workflow-copy h2{font-size:32px}.ai-workflow-intro .ai-workflow-kicker{font-size:9px;letter-spacing:1px;margin-bottom:15px}.ai-workflow-intro .ai-workflow-description{font-size:13px;letter-spacing:0;line-height:1.85;margin-top:14px}.ai-workflow-intro .ai-workflow-actions{gap:7px}.ai-workflow-intro .ai-workflow-action{padding-inline:12px;min-height:41px;font-size:12px;gap:8px}.ai-workflow-intro .ai-workflow-secondary{padding-inline:2px}.ai-workflow-intro .ai-preview-heading{gap:7px}.ai-workflow-intro .ai-preview-heading>span:first-child{font-size:7px;letter-spacing:.6px}.ai-workflow-intro .ai-preview-comparison{gap:10px}.ai-workflow-intro .ai-preview-screen-label{font-size:11px}.ai-workflow-intro .ai-preview-screen-label>span:last-child{font-size:7px}.ai-workflow-intro .ai-preview-screen-content{padding-left:10px}.ai-workflow-intro .ai-preview-button{font-size:10px;gap:9px}.ai-workflow-intro .ai-preview-finding{gap:5px}.ai-workflow-intro .ai-preview-finding>strong{font-size:11px}.ai-workflow-intro .ai-preview-review-label{display:none}.ai-workflow-intro .ai-difference-preview>figcaption{font-size:11px}.ai-workflow-intro .ai-workflow-steps{gap:14px;margin-top:26px;padding-top:20px}.ai-workflow-intro .ai-workflow-step-heading h3{font-size:13px}.ai-workflow-intro .ai-workflow-steps>li>p{font-size:11px;line-height:1.75}.ai-workflow-intro .ai-workflow-step-number{width:22px;height:22px;font-size:9px}.ai-workflow-intro .ai-workflow-connector:before{width:11px}}@media(max-width:650px){.ai-workflow-intro{padding:27px 23px 22px;border-radius:13px}.ai-workflow-intro .ai-workflow-top{grid-template-columns:1fr;gap:26px}.ai-workflow-intro .ai-workflow-copy{max-width:none}.ai-workflow-intro .ai-workflow-kicker{font-size:10px;letter-spacing:1.4px;margin-bottom:15px}.ai-workflow-intro .ai-workflow-copy h2{font-size:34px;line-height:1.25;letter-spacing:-.8px}.ai-workflow-intro .ai-workflow-description{font-size:13px;line-height:1.9;margin-top:15px}.ai-workflow-intro .ai-workflow-actions{gap:13px;margin-top:20px;flex-wrap:nowrap}.ai-workflow-intro .ai-workflow-action{font-size:12px;min-height:43px;padding:10px 13px;gap:10px}.ai-workflow-intro .ai-workflow-secondary{padding-inline:0;gap:7px}.ai-workflow-intro .ai-difference-preview{padding-top:18px;border-top:1px solid #aabd9a24}.ai-workflow-intro .ai-preview-heading{margin-bottom:11px}.ai-workflow-intro .ai-preview-heading>span:first-child{font-size:8px;letter-spacing:.9px}.ai-workflow-intro .ai-preview-demo{font-size:10px}.ai-workflow-intro .ai-preview-comparison{gap:16px}.ai-workflow-intro .ai-preview-screen-label{margin-bottom:7px;font-size:11px}.ai-workflow-intro .ai-preview-screen-label>span:last-child{font-size:8px}.ai-workflow-intro .ai-preview-canvas{height:70px}.ai-workflow-intro .ai-preview-window{display:none;height:20px;padding-inline:8px}.ai-workflow-intro .ai-preview-window>span{font-size:8px}.ai-workflow-intro .ai-preview-screen-content{padding:12px 21px 12px 10px}.ai-workflow-intro .ai-preview-mini-title{display:none;font-size:10px;line-height:1.5;margin-bottom:8px}.ai-workflow-intro .ai-preview-placeholder{display:none}.ai-workflow-intro .ai-preview-button{font-size:10px;gap:8px}.ai-workflow-intro .ai-preview-finding{font-size:11px;gap:6px;padding-top:8px;min-height:29px}.ai-workflow-intro .ai-preview-finding>strong{font-size:12px}.ai-workflow-intro .ai-preview-review-label{display:inline;font-size:9px}.ai-workflow-intro .ai-difference-preview>figcaption{display:none;font-size:11px;margin-top:7px}.ai-workflow-intro .ai-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 24px;margin-top:23px;padding-top:21px}.ai-workflow-intro .ai-workflow-step-heading{gap:8px}.ai-workflow-intro .ai-workflow-step-number{width:23px;height:23px;font-size:10px}.ai-workflow-intro .ai-workflow-step-heading h3{font-size:14px}.ai-workflow-intro .ai-workflow-steps>li>p{font-size:12px;margin-top:6px;padding-left:0}.ai-workflow-intro .ai-workflow-connector{font-size:15px;padding-left:8px}.ai-workflow-intro .ai-workflow-connector:before{width:13px}.ai-workflow-intro .ai-workflow-steps>li:nth-child(2) .ai-workflow-connector{visibility:hidden}.ai-workflow-intro .ai-workflow-footnote{margin-top:20px}.ai-workflow-intro .ai-workflow-source{font-size:10px}.ai-workflow-intro .ai-workflow-signature{display:none}}@media(max-width:370px){.ai-workflow-intro{padding-inline:18px}.ai-workflow-intro .ai-workflow-copy h2{font-size:31px}.ai-workflow-intro .ai-workflow-actions{gap:10px}.ai-workflow-intro .ai-workflow-action{padding-inline:11px;font-size:11px;gap:8px}.ai-workflow-intro .ai-workflow-secondary{padding-inline:0}.ai-workflow-intro .ai-preview-comparison{gap:12px}.ai-workflow-intro .ai-preview-review-label{display:none}.ai-workflow-intro .ai-workflow-steps{column-gap:18px}}@media(prefers-reduced-motion:reduce){.ai-workflow-intro .ai-workflow-action,.ai-workflow-intro .ai-workflow-action>svg{transition:none!important}.ai-workflow-intro .ai-workflow-action:hover>svg{transform:none}}.ai-review-workbench{--awr-ink:#263426;--awr-secondary:#596453;--awr-line:#dce3d5;--awr-green:#344a31;--awr-accent:#b87526;--awr-soft:#f1f4eb;grid-column:1/-1;min-width:0;padding:22px;border:1px solid var(--awr-line);border-radius:14px;background:#fff;color:var(--awr-ink);font-size:13px;line-height:1.6}.ai-review-workbench *{box-sizing:border-box}.ai-review-workbench button,.ai-review-workbench select,.ai-review-workbench textarea{font:inherit}.ai-review-workbench button:disabled{cursor:not-allowed;opacity:.5}.ai-review-workbench button:focus-visible,.ai-review-workbench select:focus-visible,.ai-review-workbench textarea:focus-visible,.ai-review-workbench a:focus-visible{outline:2px solid #365dfa;outline-offset:3px}.awr-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.awr-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:11px}.awr-title-line h3{margin:0;font-size:21px;line-height:1.5;font-weight:550;letter-spacing:-.5px}.awr-demo-badge{font-size:12px;line-height:1.5;padding:3px 7px;border:1px solid var(--awr-line);border-radius:5px;color:#647258;white-space:nowrap}.awr-heading p{font-size:12px;color:var(--awr-secondary);line-height:1.7;margin:6px 0 0}.awr-source-link{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--awr-green);white-space:nowrap;flex-shrink:0}.awr-source-link:hover{color:#365dfa}.awr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0 10px}.awr-scenarios{display:flex;align-items:center;gap:4px;min-width:0;border:0;padding:0;margin:0}.awr-scenarios legend{float:left;padding:0;margin-right:11px;font-size:13px;color:var(--awr-secondary);line-height:38px}.awr-scenarios label{position:relative;display:block;cursor:pointer}.awr-scenarios input{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.awr-scenarios label>span{display:block;padding:8px 12px;border:1px solid transparent;border-radius:6px;font-size:13px;line-height:20px;white-space:nowrap;color:var(--awr-secondary)}.awr-scenarios input:checked+span{border-color:#c5d0b9;background:#edf2e5;color:var(--awr-green);font-weight:550}.awr-scenarios input:focus-visible+span{outline:2px solid #365dfa;outline-offset:3px}.awr-run-actions{display:flex;align-items:center;gap:9px}.awr-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid transparent;border-radius:6px;padding:7px 11px;background:transparent;font-size:13px;line-height:20px;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease;color:var(--awr-green)}.awr-button svg{flex-shrink:0}.awr-run{color:#fff;background:var(--awr-green);border-color:var(--awr-green);min-width:147px}.awr-run:hover:not(:disabled),.awr-apply:hover:not(:disabled){background:#263b24}.awr-quiet{color:var(--awr-secondary)}.awr-quiet:hover{background:var(--awr-soft)}.awr-live-line{display:flex;gap:8px;align-items:center;min-height:29px;margin:0 0 11px;color:#607052;font-size:12px;line-height:1.6}.awr-live-dot{width:5px;height:5px;border-radius:50%;background:#8a9b79;flex-shrink:0}.awr-live-dot.is-running{background:#b87526}.awr-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:17px;align-items:start}.awr-comparison{min-width:0}.awr-comparison-toolbar{height:35px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:12px;color:var(--awr-secondary)}.awr-comparison-toolbar>span{padding-top:4px;line-height:1.6}.awr-view-switch{display:flex;gap:2px;padding:2px;background:#eef1e9;border-radius:5px;flex-shrink:0}.awr-view-switch button{padding:3px 8px;border:0;border-radius:4px;background:transparent;color:#596453;font-size:12px;line-height:18px}.awr-view-switch button[aria-pressed=true]{background:#fff;color:#344a31;box-shadow:0 1px 3px #2634260c}.awr-preview-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.awr-preview{min-width:0;margin:0;border:1px solid var(--awr-line);border-radius:8px;overflow:hidden;background:#fff}.awr-preview>figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:8px 11px;border-bottom:1px solid #e6eae0;font-size:13px;font-weight:550;white-space:nowrap}.awr-preview>figcaption small{font-size:10px;font-weight:400;color:#6c7861;white-space:nowrap}.awr-preview-stage{height:278px;padding:15px 12px;background:#f2f4ee;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.awr-sample-screen{width:100%;height:248px;background:#fff;border:1px solid #dde3d8;border-radius:6px;overflow:visible;box-shadow:0 4px 12px #26342608}.awr-sample-top{height:32px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #edf0e9;padding:0 11px;font-size:10px;color:#5d6a54}.awr-sample-mark{font-size:15px;color:#526b47}.awr-sample-dots{margin-left:auto;color:#a2af97;letter-spacing:1px}.awr-sample-content{padding:13px 13px 0}.awr-sample-heading small{display:block;font-size:8px;line-height:1.5;letter-spacing:.9px;color:#8a9580;white-space:nowrap}.awr-sample-heading strong{display:block;margin-top:4px;font-size:13px;line-height:1.6;font-weight:550;white-space:nowrap;letter-spacing:-.2px}.awr-sample-copy{margin:5px 0 12px;min-height:20px;display:flex;align-items:center;background:#fff}.awr-sample-copy p{margin:0;font-size:12px;line-height:20px;white-space:nowrap;letter-spacing:-.2px}.awr-sample-rows{display:flex;flex-direction:column;margin-bottom:13px}.awr-sample-row{display:flex;align-items:center;gap:7px;min-height:30px;height:30px;flex-shrink:0;border:1px solid #e7ebe1;border-radius:4px;padding:4px 7px;background:#f7f9f3;font-size:11px;white-space:nowrap;color:#526448}.awr-sample-row-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:4px;background:#e8eedf;color:#627e4b;font-size:11px;flex-shrink:0}.awr-sample-row i{width:4px;height:4px;border-radius:50%;background:#bac8aa;margin-left:auto;flex-shrink:0}.awr-sample-action{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border-radius:5px;background:#365dfa;color:#fff;font-size:12px;line-height:1;flex-shrink:0}.awr-target{position:relative;isolation:isolate}.awr-hotspot{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:2;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer}.awr-hotspot>span{position:absolute;right:-5px;top:-9px;display:grid;place-items:center;min-width:21px;height:18px;padding:0 3px;border:1px solid #d6ddcc;border-radius:4px;background:#fff;color:#607452;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1}.awr-target.is-selected .awr-hotspot{border:2px solid #bd843c;box-shadow:0 0 0 3px #bd843c10}.awr-target.is-selected .awr-hotspot>span{color:#fff;background:#a96d22;border-color:#a96d22;right:-6px;top:-10px}.awr-target.is-fixed.is-selected .awr-hotspot{border-color:#60804a;box-shadow:0 0 0 3px #60804a10}.awr-target.is-fixed.is-selected .awr-hotspot>span{background:#60804a;border-color:#60804a}.awr-hotspot:hover{border-color:#a2b091}.awr-token-strip{height:38px;display:flex;justify-content:space-between;align-items:center;gap:5px;padding:7px 9px;background:#fafbf8;border-top:1px solid #e6eae0;font-size:11px;line-height:1.5;color:#727c67;white-space:nowrap}.awr-token-strip b{font-weight:500;color:#4e6144}.awr-preview-mobile .awr-sample-screen{width:188px;border-radius:13px;border-width:3px;height:250px}.awr-preview-mobile .awr-sample-top{padding-inline:9px;height:27px;font-size:9px}.awr-preview-mobile .awr-sample-content{padding:11px 10px 0}.awr-preview-mobile .awr-sample-heading strong{font-size:15px}.awr-preview-mobile .awr-sample-copy p{font-size:10px}.awr-preview-mobile .awr-sample-row{font-size:10px;gap:5px;padding-inline:5px}.awr-preview-mobile .awr-sample-copy{margin-bottom:10px}.awr-preview-mobile .awr-sample-rows{margin-bottom:11px}.awr-review-panel{border:1px solid var(--awr-line);border-radius:8px;background:#fafbf8;overflow:hidden;min-width:0}.awr-panel-heading{height:35px;display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid var(--awr-line)}.awr-panel-heading h4,.awr-record-heading h4{font-size:13px;font-weight:550;line-height:1.6;margin:0}.awr-panel-heading>span{font-size:12px;color:#77816e}.awr-issue-area{height:156px;min-height:156px;background:#fff}.awr-issue-list{list-style:none;margin:0;padding:0}.awr-issue-list>li{margin:0;border-bottom:1px solid #edf0e9}.awr-issue-list>li:last-child{border-bottom:0}.awr-issue-list button{width:100%;height:52px;display:flex;align-items:center;gap:9px;text-align:left;padding:7px 11px;background:#fff;border-left:3px solid transparent;font-size:13px}.awr-issue-list button[aria-pressed=true]{background:#f1f5e9;border-left-color:#748c58}.awr-issue-list button:hover{background:#f5f7f1}.awr-issue-number{font-size:12px;color:#82916f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.awr-issue-name{font-size:13px;line-height:1.35;font-weight:500}.awr-issue-name small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:#79836e}.awr-issue-name small>span{color:#a5af9a;margin-inline:4px}.awr-status{margin-left:auto;font-size:11px;line-height:1.5;padding:3px 6px;border-radius:4px;background:#edf0e8;color:#6b785e;white-space:nowrap}.awr-status-confirmed{color:#6a551a;background:#f6efd7}.awr-status-fixed{color:#476334;background:#e5eedc}.awr-status-ignored{color:#73786f;background:#eef0eb}.awr-empty-results{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;padding:12px}.awr-empty-results>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#99a389;letter-spacing:2px}.awr-empty-results strong{font-size:14px;font-weight:500}.awr-empty-results p{font-size:12px;color:#7a8570;margin:0}.awr-inspector{height:198px;padding:11px 12px;border-top:1px solid var(--awr-line);overflow:auto}.awr-inspector-rule{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;line-height:1.5}.awr-inspector-rule code{color:#607452;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.awr-inspector-rule>span{color:#7b856f;white-space:nowrap}.awr-inspector-description{height:39px;font-size:12px;line-height:1.6;color:var(--awr-secondary);margin:7px 0 9px;overflow:auto}.awr-judgment-actions{display:flex;gap:7px}.awr-judgment-actions .awr-button{min-height:32px;padding:5px 9px;font-size:12px;line-height:20px}.awr-confirm{border-color:#becdb0;background:#edf3e6;flex:1}.awr-confirm[aria-pressed=true]{background:#dfead3;border-color:#9db287}.awr-confirm:hover:not(:disabled){background:#e0ebd4}.awr-pending{color:#718061}.awr-pending:hover:not(:disabled){background:#eef2e8}.awr-ignore-row{display:flex;align-items:center;gap:6px;margin-top:8px}.awr-ignore-row select{width:0;min-width:0;flex:1;height:32px;border:1px solid #d7dfcf;border-radius:5px;background:#fff;color:#637358;font-size:12px;padding:4px 5px}.awr-ignore{padding:5px 7px;font-size:12px;min-height:32px;line-height:20px;border-color:#d6dece;background:#fff;flex-shrink:0}.awr-ignore:hover:not(:disabled){background:#edf1e6}.awr-review-hint{font-size:11px;line-height:1.6;min-height:18px;margin:7px 0 0;color:#77846c}.awr-inspector-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;gap:11px;padding:4px 6px}.awr-inspector-placeholder strong{font-size:13px;font-weight:500;color:#607452}.awr-inspector-placeholder p{font-size:13px;line-height:1.8;color:#77846b;margin:0}.awr-inspector-placeholder>span{font-size:12px;color:#88927e}.awr-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:17px;margin-top:16px}.awr-records{min-width:0;height:120px;border-top:1px solid var(--awr-line);padding-top:10px}.awr-record-heading{display:flex;align-items:center;gap:12px;min-height:27px}.awr-record-heading>span{color:#728066;font-size:11px;line-height:1.5}.awr-copy{display:flex;align-items:center;gap:5px;margin-left:auto;background:transparent;color:#617653;padding:4px 0 4px 6px;font-size:12px;line-height:20px;white-space:nowrap}.awr-copy:hover:not(:disabled){color:#365dfa}.awr-log-list{list-style:none;margin:6px 0 0;padding:0;height:68px;overflow:auto}.awr-log-list>li{display:flex;align-items:baseline;gap:10px;color:#65745a;font-size:12px;line-height:1.75;margin:0}.awr-log-list>li>span{color:#9aa58e;font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;flex-shrink:0}.awr-records textarea{display:block;width:100%;height:71px;resize:none;margin-top:5px;border:1px solid #bbcbb0;background:#f9fbf5;border-radius:5px;padding:7px;color:#4a6141;font-size:12px;line-height:1.6}.awr-apply-area{height:120px;padding-top:10px;border-top:1px solid var(--awr-line)}.awr-apply{width:100%;min-height:41px;padding:9px 13px;gap:8px;background:var(--awr-green);color:#fff;font-size:13px}.awr-apply>span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:4px;background:#ffffff21;font-size:12px;line-height:1}.awr-apply>svg{margin-left:auto}.awr-apply-area p{margin:8px 0 0;font-size:12px;line-height:1.7;color:#738167}@media(max-width:1100px){.ai-review-workbench{padding:18px}.awr-main-grid,.awr-bottom-grid{grid-template-columns:minmax(0,1fr) 288px;gap:13px}.awr-preview-pair{gap:8px}.awr-preview>figcaption{padding-inline:9px}.awr-preview>figcaption small{display:none}.awr-preview-stage{padding:15px 8px}.awr-sample-content{padding-inline:9px}.awr-sample-heading strong{font-size:12px}.awr-sample-copy p{font-size:11px}.awr-sample-row{font-size:10px;gap:5px;padding-inline:5px}.awr-token-strip{font-size:10px;padding-inline:6px;gap:4px}.awr-comparison-toolbar>span{font-size:11px}.awr-record-heading{gap:8px}.awr-record-heading>span{font-size:10px}}@media(max-width:940px){.awr-main-grid{grid-template-columns:1fr}.awr-bottom-grid{grid-template-columns:minmax(0,1fr) 288px}.awr-comparison-toolbar{height:37px}.awr-review-panel{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:35px 198px}.awr-panel-heading{grid-column:1/-1}.awr-issue-area{height:198px;min-height:198px}.awr-issue-list button{height:66px}.awr-inspector{border-top:0;border-left:1px solid var(--awr-line)}.awr-preview-stage{height:278px;padding-inline:17px}.awr-sample-screen{max-width:330px}.awr-sample-content{padding-inline:16px}.awr-sample-heading strong{font-size:14px}.awr-sample-copy p{font-size:12px}.awr-sample-row{font-size:12px;padding-inline:9px}.awr-preview-mobile .awr-sample-content{padding-inline:10px}.awr-token-strip{font-size:12px;padding-inline:13px}.awr-preview>figcaption small{display:block;font-size:11px}.awr-heading{align-items:flex-start}.awr-heading p{max-width:570px}.awr-source-link{padding-top:4px}.awr-record-heading>span{display:none}}@media(max-width:600px){.ai-review-workbench{padding:16px 12px;border-radius:10px}.awr-heading{display:block}.awr-title-line{gap:8px}.awr-title-line h3{font-size:19px}.awr-demo-badge{font-size:11px;padding:2px 6px}.awr-heading p{font-size:12px;line-height:1.8;margin-top:9px}.awr-source-link{display:inline-flex;font-size:12px;margin-top:8px;padding:0}.awr-toolbar{display:block;padding-top:16px}.awr-scenarios{justify-content:flex-start}.awr-scenarios legend{font-size:12px;margin-right:10px}.awr-scenarios label>span{font-size:13px;padding:7px 11px}.awr-run-actions{justify-content:space-between;margin-top:11px}.awr-run{min-width:154px}.awr-quiet{padding-left:0;font-size:12px}.awr-live-line{height:44px;align-items:flex-start;padding-top:4px;line-height:1.7;margin-bottom:9px;overflow:auto}.awr-live-dot{margin-top:7px}.awr-comparison-toolbar{height:61px;flex-direction:column;justify-content:flex-start;gap:7px}.awr-comparison-toolbar>span{padding-top:0;font-size:12px}.awr-view-switch{align-self:flex-end}.awr-view-switch button{font-size:12px;min-height:28px;padding:4px 10px}.awr-preview-pair{grid-template-columns:1fr;gap:12px}.awr-preview>figcaption{height:38px;padding-inline:12px}.awr-preview>figcaption small{font-size:11px}.awr-preview-stage{height:278px;padding:15px}.awr-sample-content{padding-inline:15px}.awr-sample-heading strong{font-size:14px}.awr-sample-copy p,.awr-sample-row{font-size:12px}.awr-token-strip{font-size:12px;padding-inline:12px}.awr-review-panel{display:block}.awr-panel-heading{height:36px;padding-inline:12px}.awr-issue-area{height:174px;min-height:174px}.awr-issue-list button{height:58px;padding-inline:12px;gap:12px}.awr-issue-name{font-size:14px}.awr-issue-name small,.awr-status{font-size:12px}.awr-inspector{height:214px;border-left:0;border-top:1px solid var(--awr-line);padding:13px 12px}.awr-inspector-rule,.awr-inspector-rule code{font-size:12px}.awr-inspector-description{height:44px;font-size:13px;line-height:1.65;margin-top:8px}.awr-judgment-actions .awr-button{font-size:13px;min-height:35px}.awr-ignore-row select,.awr-ignore{font-size:12px;height:34px}.awr-review-hint{font-size:12px;line-height:1.6;white-space:nowrap;overflow:auto}.awr-bottom-grid{grid-template-columns:1fr;gap:12px;margin-top:14px}.awr-records{height:126px}.awr-record-heading>span{display:none}.awr-record-heading h4{font-size:14px}.awr-copy{font-size:12px}.awr-log-list{height:76px}.awr-log-list>li{font-size:12px;line-height:1.8}.awr-records textarea{height:77px}.awr-apply-area{height:99px;padding-top:12px}.awr-apply{min-height:43px;font-size:14px}.awr-apply-area p{font-size:12px;line-height:1.75;margin-top:7px}.awr-hotspot{top:-4px;right:-4px;bottom:-4px;left:-4px}.awr-hotspot>span{font-size:11px;min-width:24px;height:20px}.awr-target.is-selected .awr-hotspot>span{top:-11px}}@media(prefers-reduced-motion:reduce){.ai-review-workbench button{transition:none!important}}@media(max-width:600px){.awr-preview-pair{grid-template-columns:1fr;grid-template-rows:auto;gap:0}.awr-preview-pair>.awr-preview{grid-area:1/1}.awr-preview-inactive{visibility:hidden;pointer-events:none}.awr-mobile-preview-tabs{display:flex;gap:3px;border:1px solid #d7dfcf;border-radius:6px;padding:3px;margin:0 0 10px;background:#f1f4eb}.awr-mobile-preview-tabs>button{flex:1;min-height:36px;font-size:13px;border-radius:4px;background:transparent;color:#627557}.awr-mobile-preview-tabs>button[aria-pressed=true]{background:#fff;color:#344a31;box-shadow:0 1px 5px #2f402419}.awr-locate-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:38px;padding:8px 12px;background:#f0f4e9;border-bottom:1px solid #dce3d5;font-size:12px;color:#3f5c31}.awr-locate-selected:disabled{opacity:.65}.awr-mobile-preview-tabs>button:focus-visible,.awr-locate-selected:focus-visible{outline:2px solid #365dfa;outline-offset:-2px}}.editorial-project-cover{container:editorial-cover / inline-size;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;overflow:hidden;position:relative;box-sizing:border-box;pointer-events:none;isolation:isolate;font-family:inherit}.editorial-project-cover *,.editorial-project-cover *:before,.editorial-project-cover *:after{box-sizing:border-box}.editorial-project-cover h3,.editorial-project-cover p{margin:0}.editorial-project-cover strong{font-weight:550}.editorial-project-cover svg{display:block;flex-shrink:0}.epc-kicker{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.4;font-weight:500;letter-spacing:1.4px}.epc-source{display:flex;align-items:center;gap:6px;min-height:16px;margin-top:auto;flex-shrink:0;font-size:11px;line-height:1.4;letter-spacing:.2px;white-space:nowrap}.epc-source-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}.epc-roadbridge{padding:28px 30px 21px;gap:18px;background:#e8f0ee;color:#28433e}.epc-roadbridge .epc-kicker{color:#607b75}.epc-road-heading h3{margin-top:13px;font-size:clamp(27px,5.2cqw,34px);line-height:1.32;font-weight:500;letter-spacing:-.8px}.epc-road-body{display:flex;flex:1;flex-direction:column;justify-content:center;min-height:0;gap:13px}.epc-task-window{width:100%;background:#fdfefd;border:1px solid #cbdad5;border-radius:11px;box-shadow:0 8px 18px #29494008;overflow:hidden}.epc-window-bar{display:flex;justify-content:space-between;align-items:center;min-height:36px;padding:9px 16px;background:#f4f7f4;border-bottom:1px solid #e3eae5;font-size:11px;line-height:1.5}.epc-window-brand{display:flex;align-items:center;gap:8px;color:#3d5d52}.epc-window-trail{color:#7b8b81;font-size:10px}.epc-task-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px 8px}.epc-task-heading>strong{font-size:14px;line-height:1.5}.epc-task-heading>span{display:flex;align-items:center;gap:5px;color:#6b8076;font-size:10px}.epc-task-heading i{display:block;width:4px;height:4px;border-radius:50%;background:#729b8a}.epc-task-list{padding:0 16px 5px}.epc-task{display:flex;align-items:center;gap:12px;min-height:50px;padding:8px 0}.epc-task+.epc-task{border-top:1px solid #eaf0eb}.epc-task-icon{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border-radius:8px;background:#eef3ef;color:#587867}.epc-task-2 .epc-task-icon{background:#edf0f9;color:#6475a8}.epc-task-copy{min-width:0;flex:1}.epc-task-copy>strong{display:block;font-size:13px;line-height:1.55}.epc-task-copy>span{display:block;margin-top:2px;font-size:10px;line-height:1.5;color:#7b8a81}.epc-task-state{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:11px;color:#698274}.epc-road-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.epc-road-note{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border:1px solid #cfddd7;border-radius:8px;color:#58766b}.epc-road-note strong{display:block;color:#3c5b4d;font-size:12px;line-height:1.4}.epc-road-note small{display:block;font-size:10px;line-height:1.5;margin-top:3px;color:#798b80}.epc-roadbridge .epc-source{color:#526c61}.epc-baoge{padding:18px 24px 15px;gap:10px;background:#123d34;color:#eff6e8}.epc-baoge-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;flex:1;min-height:0}.epc-baoge-copy{min-width:0;align-self:center}.epc-baoge-copy .epc-kicker{color:#91b6a3;font-size:9px;letter-spacing:1.1px}.epc-baoge-copy h3{margin-top:11px;font-size:clamp(20px,4.5cqw,25px);line-height:1.4;letter-spacing:-.5px;font-weight:500}.epc-market-label{display:flex;align-items:center;gap:6px;margin-top:17px;color:#bdd0bb;font-size:11px;line-height:1.5;white-space:nowrap}.epc-market-label-mark{width:4px;height:4px;background:#97bc79;border-radius:50%}.epc-market-separator{padding-inline:5px;color:#6e9782}.epc-cycle-strip{display:inline-flex;align-items:center;gap:3px;border:1px solid #416052;border-radius:5px;padding:3px;margin-top:10px;font-size:10px;line-height:1.4;letter-spacing:.4px}.epc-cycle-strip>span{min-width:31px;padding:3px 5px;text-align:center;color:#94b49e}.epc-cycle-strip .epc-cycle-current{background:#c6ddac;color:#28432b;border-radius:3px}.epc-market-phone{display:flex;flex-direction:column;width:140px;height:100%;max-height:201px;min-height:0;padding:6px 9px 7px;border:2px solid #789083;border-radius:20px;background:#102c26;box-shadow:0 7px 14px #071c192a;overflow:hidden}.epc-phone-camera{width:29px;height:3px;border-radius:5px;background:#5d7568;margin:0 auto 7px;flex-shrink:0}.epc-phone-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;line-height:1.4;color:#edf4e7}.epc-phone-title>svg{color:#a5bdae}.epc-phone-tabs{display:flex;align-items:center;gap:15px;font-size:10px;line-height:1.4;margin-top:8px;color:#94aa9d}.epc-phone-tabs>strong{position:relative;color:#d4e7bb;padding-bottom:5px}.epc-phone-tabs>strong:after{content:"";position:absolute;width:12px;height:2px;border-radius:2px;background:#c6e0a8;left:50%;bottom:0;transform:translate(-50%)}.epc-market-overview{border-radius:6px;padding:7px 8px 5px;background:#1c3e31;margin-top:6px}.epc-market-overview>strong{display:block;color:#dfebce;font-size:11px;line-height:1.3}.epc-market-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:5px;color:#a8bba7;font-size:9px;line-height:1.2}.epc-market-metrics>span+span{padding-left:10px;border-left:1px solid #3c5444}.epc-market-metrics b{display:block;margin-top:2px;color:#d5e3c6;font-size:12px;font-weight:400;line-height:1}.epc-market-chart{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:7px}.epc-market-chart>div{display:flex;justify-content:space-between;gap:8px;color:#b5c8ae;font-size:9px;line-height:1.3}.epc-market-chart>svg{width:100%;min-height:12px;height:100%;flex:1;margin-top:3px;overflow:visible}.epc-chart-grid{stroke:#3b5142;stroke-width:.6}.epc-chart-line{stroke:#bee0a0;stroke-width:1.7;stroke-linejoin:round}.epc-market-chart circle{fill:#deedc5}.epc-chart-caption{margin-top:1px;text-align:right;font-size:8px;color:#8fa58e;line-height:1.2}.epc-baoge .epc-source{color:#a2bba7}.epc-security{padding:18px 24px 15px;gap:12px;color:#403f54;background:#efedf4}.epc-security .epc-kicker{color:#858295;font-size:9px;letter-spacing:1px}.epc-security-heading h3{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:clamp(18px,4.3cqw,23px);line-height:1.4;font-weight:400;letter-spacing:-.6px;white-space:nowrap}.epc-security-heading h3>span{color:#827d92}.epc-security-heading h3>svg{color:#a39ab4}.epc-security-heading h3>strong{font-weight:550;color:#494159}.epc-security-comparison{display:grid;grid-template-columns:minmax(77px,.77fr) 16px minmax(0,1.6fr);align-items:center;gap:10px;flex:1;min-height:0}.epc-security-before{border:1px solid #d6d2df;border-radius:7px;padding:7px;background:#e9e6ed}.epc-before-bar{display:flex;gap:3px;padding-bottom:6px}.epc-before-bar i{display:block;width:3px;height:3px;border-radius:50%;background:#b5aebe}.epc-function-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.epc-function-grid>span{display:grid;place-items:center;border:1px solid #d9d4e0;border-radius:3px;padding:3px 2px;background:#eeebf1;color:#6f647a;font-size:11px;line-height:1.3}.epc-before-caption{display:block;margin-top:4px;color:#6d6278;font-size:11px;line-height:1.4;text-align:center}.epc-comparison-arrow{color:#b1a7be}.epc-security-after{padding:11px 12px 8px;border:1px solid #d9d4e0;border-radius:8px;background:#fdfcf9;box-shadow:0 5px 12px #514b6210;min-width:0}.epc-asset-heading{display:flex;justify-content:space-between;align-items:center;gap:7px;padding-bottom:8px}.epc-asset-heading>strong{font-size:12px;line-height:1.4;color:#51455e;white-space:nowrap}.epc-asset-heading>span{padding:3px 5px;border-radius:4px;background:#ede7f3;color:#81708e;font-size:9px;line-height:1.4;white-space:nowrap}.epc-asset-row{display:flex;align-items:center;gap:7px;padding:6px 0;border-top:1px solid #eee9ef}.epc-asset-row>svg{color:#a698b1}.epc-asset-row>strong{flex:1;font-size:11px;line-height:1.4;color:#65556e;white-space:nowrap}.epc-asset-row>span{display:flex;align-items:center;gap:3px;color:#97859f;font-size:9px;line-height:1.4;white-space:nowrap}.epc-asset-path{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:5px;border-top:1px solid #eee9ef;font-size:9px;line-height:1.4;color:#a092a6}.epc-asset-path>i{width:10px;height:1px;background:#d7ccd9}.epc-security .epc-source{color:#695d78}@container editorial-cover (max-width: 430px){.epc-road-heading h3{margin-top:8px;font-size:25px;line-height:1.25}.epc-road-heading .epc-kicker{font-size:9px;letter-spacing:1px}.epc-road-body{gap:8px}.epc-window-bar{display:none}.epc-window-trail{font-size:9px}.epc-task-heading{padding:7px 11px 5px}.epc-task-heading>strong{font-size:12px}.epc-task-heading>span{font-size:9px}.epc-task-list{padding:0 11px 3px}.epc-task{min-height:36px;padding:5px 0;gap:9px}.epc-task-icon{width:25px;height:25px;border-radius:6px}.epc-task-icon>svg{width:16px;height:16px}.epc-task-copy>strong{font-size:12px}.epc-task-copy>span{display:none}.epc-task-state{font-size:10px}.epc-road-note{padding:6px 8px;gap:7px;border-radius:6px}.epc-road-note>svg{width:14px;height:14px}.epc-road-note strong{font-size:11px;line-height:1.3}.epc-road-note small{display:none}.epc-baoge-body{gap:12px}.epc-baoge-copy h3{font-size:21px}.epc-baoge-copy .epc-kicker{font-size:8px;letter-spacing:.8px}.epc-market-label{font-size:10px;gap:4px;margin-top:15px}.epc-market-separator{padding-inline:4px}.epc-market-phone{width:133px}.epc-security-heading h3{font-size:19px;gap:8px}.epc-security-comparison{grid-template-columns:minmax(74px,.76fr) 14px minmax(0,1.7fr);gap:7px}.epc-security-before{padding:6px}.epc-security-after{padding:9px 9px 7px}.epc-asset-row{gap:5px}.epc-asset-row>span>svg{display:none}.epc-asset-heading>span{padding-inline:4px}}@media(max-width:700px){.epc-roadbridge{padding:18px 18px 16px;gap:12px}.epc-road-heading h3{margin-top:8px;font-size:25px;line-height:1.25}.epc-road-heading .epc-kicker{font-size:9px;letter-spacing:1px}.epc-road-body{gap:8px}.epc-task-window{flex-shrink:0}.epc-window-bar{display:none}.epc-task-heading{padding:7px 11px 5px}.epc-task-heading>strong{font-size:12px}.epc-task-heading>span{font-size:9px}.epc-task-list{padding:0 11px 3px}.epc-task{min-height:36px;padding:5px 0;gap:9px}.epc-task-icon{width:25px;height:25px;border-radius:6px}.epc-task-icon>svg{width:16px;height:16px}.epc-task-copy>strong{font-size:12px}.epc-task-copy>span{display:none}.epc-task-state{font-size:10px}.epc-road-note{padding:6px 8px;gap:7px;border-radius:6px}.epc-road-note>svg{width:14px;height:14px}.epc-road-note strong{font-size:11px;line-height:1.3}.epc-road-note small{display:none}}@media(max-width:600px){.epc-baoge{padding:18px 20px 15px}.epc-security{padding:20px 20px 15px;gap:12px}.epc-source{font-size:11px}}.practice-root{--practice-ink:#202522;--practice-blue:#365dfa;--practice-muted:#7a807a;--practice-border:#e5e7e1;display:grid;grid-template-columns:1fr 1fr;gap:24px;color:var(--practice-ink);font-family:inherit}.practice-root *{box-sizing:border-box}.practice-root button,.practice-root input{font:inherit}.practice-root button{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.practice-root button:disabled{cursor:not-allowed;opacity:.55}.practice-root button:focus-visible,.practice-root input:focus-visible{outline:3px solid #365dfa55;outline-offset:3px}.practice-card{min-width:0;display:flex;flex-direction:column;padding:26px;background:#fff;border:1px solid var(--practice-border);border-radius:12px}.practice-card-heading{display:flex;align-items:center;gap:12px}.practice-module-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--practice-ink);border:1px solid var(--practice-border);border-radius:10px;flex-shrink:0;background:#fcfcfa}.practice-eyebrow{margin:0 0 5px;color:var(--practice-muted);font-size:9px;line-height:1.3;letter-spacing:1.4px;font-weight:500}.practice-card-heading h3{margin:0;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.3px}.practice-demo-label{margin-left:auto;flex-shrink:0;padding:5px 7px;border:1px solid #e5e7e2;border-radius:5px;font-size:10px;color:var(--practice-muted);line-height:1.2}.practice-card-intro{margin:15px 0 20px;font-size:12px;line-height:1.7;color:#777e76}.practice-mode-switch{display:flex;gap:3px;align-self:flex-start;padding:3px;background:#f4f5f1;border:1px solid #e9eae5;border-radius:8px;margin-bottom:17px}.practice-mode-switch button{min-height:34px;padding:7px 12px;border:0;border-radius:5px;background:transparent;color:#858b80;font-size:12px;line-height:1.2}.practice-mode-switch button span{font-size:11px;margin-left:7px}.practice-mode-switch button[aria-selected=true]{background:#fff;color:var(--practice-ink);box-shadow:0 1px 3px #1528150d}.practice-mode-switch button:hover{color:var(--practice-ink)}.practice-component-stage,.practice-form-stack,.practice-workflow-detail{display:grid;grid-template-columns:minmax(0,1fr)}.practice-component-stage{background:#fafbf8;border:1px solid #e9ebe4;border-radius:9px;padding:20px;flex:1}.practice-panel,.practice-state-panel,.practice-workflow-panel{grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none;opacity:0}.practice-panel-active,.practice-state-active,.practice-workflow-panel-active{visibility:visible;pointer-events:auto;opacity:1}.practice-panel-active,.practice-state-active{animation:practice-enter .2s ease}.practice-stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;font-weight:500;line-height:1.5}.practice-stage-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.4px;color:#92988e;font-weight:400}.practice-form{display:flex;flex-direction:column;gap:12px}.practice-field label{display:block;margin:0 0 7px;font-size:12px;font-weight:500;line-height:1.3}.practice-field label>span{color:var(--practice-blue);margin-left:3px}.practice-field input{display:block;width:100%;height:40px;background:#fff;border:1px solid #dfe3d9;border-radius:6px;padding:0 12px;color:var(--practice-ink);font-size:12px;line-height:1.3;transition:border-color .18s,box-shadow .18s}.practice-field input::placeholder{color:#a0a69b;opacity:1}.practice-field input:hover{border-color:#b9c1b3}.practice-field input:focus{border-color:var(--practice-blue);outline:none;box-shadow:0 0 0 3px #365dfa0c}.practice-field input[aria-invalid=true]{border-color:#d76e5e;background:#fffcfb}.practice-field input:disabled{background:#f0f2ec;color:#798173}.practice-field-message{margin:5px 0 0;font-size:10px;line-height:1.5;color:#92988c}.practice-field-error{color:#b75142}.practice-form-actions{display:flex;align-items:center;gap:15px;margin-top:3px}.practice-primary-button{border:1px solid var(--practice-blue);background:var(--practice-blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border-radius:6px;font-size:12px!important;font-weight:500}.practice-primary-button:hover:not(:disabled){background:#254ce6;border-color:#254ce6;box-shadow:0 3px 8px #365dfa1a}.practice-reset-button{border:0;background:transparent;color:#818879;font-size:11px!important;padding:9px 3px}.practice-reset-button:hover:not(:disabled){color:var(--practice-ink)}.practice-spinner{width:13px;height:13px;border:1.5px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:practice-spin .7s linear infinite}@keyframes practice-spin{to{transform:rotate(360deg)}}.practice-success{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px 0}.practice-success-icon{width:44px;height:44px;background:#e7eee2;color:#426c3f;border:1px solid #d8e5cf;border-radius:50%;display:grid;place-items:center;margin-bottom:15px}.practice-success h4{font-size:16px;font-weight:500;margin:0 0 9px;letter-spacing:-.3px}.practice-success p{font-size:12px;color:#7d8578;line-height:1.8;margin:0 0 14px;overflow-wrap:anywhere}.practice-text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;padding:6px 0;color:var(--practice-ink);font-size:11px!important;line-height:1.5}.practice-text-button:hover:not(:disabled){color:var(--practice-blue)}.practice-filter{display:flex;gap:4px;margin-bottom:9px;border-bottom:1px solid #e1e6da;padding-bottom:10px}.practice-filter button{display:flex;align-items:center;gap:5px;padding:7px 10px;min-height:32px;border:0;border-radius:5px;background:transparent;color:#8a9282;font-size:11px;line-height:1.4}.practice-filter button span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;color:inherit;opacity:.65}.practice-filter button[aria-pressed=true]{background:#e9eee2;color:var(--practice-ink)}.practice-filter button:hover{background:#edf0e6}.practice-project-list{min-height:165px}.practice-project-row{display:flex;align-items:center;gap:10px;min-height:55px;border-bottom:1px solid #e9ece3;animation:practice-enter .18s ease}.practice-project-row:last-child{border-bottom:0}.practice-project-monogram{width:31px;height:32px;border-radius:7px;font-size:12px;font-weight:500;display:grid;place-items:center;flex-shrink:0}.practice-project-blue{background:#e9edfe;color:#5369a7}.practice-project-green{background:#e6eddf;color:#68824d}.practice-project-orange{background:#f5ecdd;color:#ab8450}.practice-project-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.practice-project-copy strong{font-size:12px;font-weight:500;line-height:1.4}.practice-project-copy>span{font-size:10px;color:#959b8c;line-height:1.3}.practice-status{display:flex;align-items:center;gap:3px;flex-shrink:0;font-size:9px;line-height:1.4;border:1px solid #e5e6df;background:#fff;color:#8a927f;border-radius:4px;padding:3px 6px}.practice-status-complete{border-color:#d9e5cd;background:#f0f5e9;color:#6c8651}.practice-list-summary{display:flex;justify-content:space-between;gap:8px;margin:13px 0 0;font-size:10px;line-height:1.7;color:#8e9683}.practice-list-summary span{color:#a1a896}.practice-principle{display:flex;align-items:center;gap:9px;margin-top:18px;color:#8c9386;font-size:10px;line-height:1.4}.practice-principle-dot{width:4px;height:4px;background:#688762;border-radius:50%;margin-right:2px}.practice-principle-divider{width:1px;height:9px;background:#e2e7da;margin:0 2px}.practice-workflow-layout{display:flex;flex-direction:column;gap:17px;flex:1;min-width:0}.practice-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;position:relative}.practice-steps:before{content:"";position:absolute;left:10%;right:10%;top:16px;height:1px;background:#e7eae2}.practice-steps li{position:relative;min-width:0}.practice-steps button{width:100%;display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:0;padding:3px 1px;color:#91978c;border-radius:6px;min-height:57px}.practice-step-number{position:relative;width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;border:1px solid #e5e9de;background:#fff;border-radius:50%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;transition:color .18s,background-color .18s,border-color .18s,transform .18s}.practice-step-copy strong{font-size:11px;line-height:1.4;font-weight:500;white-space:nowrap}.practice-steps button[aria-current=step]{color:var(--practice-ink)}.practice-steps button[aria-current=step] .practice-step-number{background:var(--practice-blue);border-color:var(--practice-blue);color:#fff;box-shadow:0 0 0 4px #fff}.practice-steps button:hover:not([aria-current=step]) .practice-step-number{border-color:#a6b5ee;color:var(--practice-blue);transform:translateY(-2px)}.practice-steps button:hover .practice-step-copy strong{color:var(--practice-ink)}.practice-workflow-detail{background:#fafbf8;border:1px solid #e9ebe4;border-radius:9px;padding:20px;min-width:0;flex:1}.practice-workflow-panel{display:grid;grid-template-columns:minmax(0,1fr) 136px;grid-template-rows:auto auto 1fr;align-content:start;gap:16px 18px}.practice-workflow-panel-active{animation:practice-enter .2s ease}.practice-workflow-copy{min-width:0}.practice-detail-kicker{font-size:9px;line-height:1.3;letter-spacing:1px;color:#8d9682;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.practice-workflow-detail h4{margin:9px 0 8px;font-size:16px;line-height:1.6;font-weight:500;letter-spacing:-.3px}.practice-detail-text{margin:0;color:#7f8877;font-size:11px;line-height:1.8}.practice-mini-ui{height:122px;align-self:center;border:1px solid #e1e6d9;border-radius:6px;background:#fff;position:relative;overflow:hidden}.practice-mini-topbar{display:flex;align-items:center;gap:3px;height:18px;background:#f0f3ec;padding:0 7px;border-bottom:1px solid #e8ece1}.practice-mini-topbar>span{width:3px;height:3px;border-radius:50%;background:#cbd3c2}.practice-mini-topbar>i{display:block;width:24px;height:3px;border-radius:1px;background:#d9dfd1;margin-left:auto}.practice-mini-content{display:flex;height:103px}.practice-mini-sidebar{width:23px;flex-shrink:0;border-right:1px solid #f0f2eb;display:flex;align-items:center;flex-direction:column;gap:10px;padding-top:11px;background:#fcfdf9}.practice-mini-sidebar i{width:10px;height:3px;background:#e6ebdd;border-radius:1px}.practice-mini-sidebar i:first-child{background:#bac8f6}.practice-mini-main{flex:1;min-width:0;padding:11px 7px 0}.practice-mini-heading{display:flex;align-items:center;justify-content:space-between;height:12px}.practice-mini-heading i{width:35%;height:4px;background:#d5ddca;border-radius:1px}.practice-mini-heading b{width:24%;height:10px;background:#5272f4;border-radius:2px}.practice-mini-metrics{display:flex;gap:4px;margin:8px 0 9px}.practice-mini-metrics i{height:22px;flex:1;border-radius:2px;background:#f2f5ec;border:1px solid #e8ecdf;position:relative}.practice-mini-metrics i:before{content:"";width:34%;height:3px;background:#d9e1cc;position:absolute;top:6px;left:4px}.practice-mini-metrics i:after{content:"";width:19%;height:4px;background:#b9c8a6;position:absolute;top:12px;left:4px}.practice-mini-row{height:3px;margin-bottom:7px;background:#edf1e5;border-radius:1px}.practice-mini-row:last-child{width:77%}.practice-mini-selected{position:absolute;bottom:8px;right:5px;display:flex;align-items:center;gap:3px;padding:5px;background:#fff;border:1px solid #dce5d1;color:#738660;box-shadow:0 2px 5px #1b2c0d08;border-radius:4px;font-size:8px;line-height:1.4}.practice-mini-marker{position:absolute;right:5px;top:49px;color:#ad6952;font-size:8px;line-height:1.3;border:1px solid #ddb8a5;background:#fff3eb;border-radius:3px;padding:2px 4px}.practice-mini-marker>span{position:absolute;bottom:calc(100% + 2px);right:0;width:30px;height:16px;border:1px dashed #d99477;border-radius:3px;background:#dcac8208}.practice-mini-marker-muted{color:#919687;border-color:#d9dfcd;background:#f5f7ef}.practice-mini-marker-muted>span{border-color:#b6c1a5}.practice-detail-record{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e7ecde;padding-top:13px}.practice-detail-record>span{font-size:10px;color:#98a08c;line-height:1.5;flex-shrink:0}.practice-detail-record strong{font-size:11px;color:#69765a;font-weight:400;line-height:1.6;text-align:right}.practice-workflow-actions{grid-column:1/-1;align-self:end}.practice-review-actions{display:flex;gap:8px}.practice-review-actions button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dce4d1;min-height:34px;padding:6px 12px;color:#738060;background:#fff;border-radius:5px;font-size:11px;line-height:1.4;white-space:nowrap}.practice-review-actions button:hover{border-color:#aebddf;color:var(--practice-blue)}.practice-review-actions button.practice-review-selected{background:#edf1ff;border-color:#b9c7fc;color:var(--practice-blue)}.practice-review-result,.practice-detail-caption{font-size:10px;line-height:1.6;margin:8px 0 0;color:#8b957e}.practice-next-step .practice-text-button{min-height:34px;color:var(--practice-blue);padding-block:6px}.practice-workflow-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:15px;margin-top:16px;border-top:1px solid #edf0e7}.practice-workflow-footer>span{font-size:10px;line-height:1.6;color:#8e9980}.practice-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes practice-enter{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.practice-root{gap:18px}.practice-card{padding:23px}.practice-workflow-panel{grid-template-columns:minmax(0,1fr) 110px;gap:14px}.practice-workflow-detail{padding:17px}.practice-component-stage{padding:18px}.practice-card-heading{gap:9px}.practice-card-heading h3{font-size:17px}.practice-eyebrow{font-size:8px;letter-spacing:1px}.practice-demo-label{font-size:9px;padding:5px}.practice-workflow-detail h4{font-size:15px}.practice-mini-selected{font-size:7px;gap:2px;padding:4px}.practice-mini-selected svg{width:11px}.practice-detail-record strong{font-size:10px}.practice-list-summary span{display:none}}@media(max-width:800px){.practice-root{grid-template-columns:1fr;gap:18px}.practice-card{padding:24px}.practice-card-heading h3{font-size:19px}.practice-eyebrow{font-size:9px;letter-spacing:1.3px}.practice-workflow-panel{grid-template-columns:minmax(0,1fr) 150px;gap:15px 20px}.practice-workflow-detail{padding:20px}.practice-workflow-detail h4{font-size:17px}.practice-detail-text{font-size:12px}.practice-detail-record strong{font-size:11px}.practice-mini-selected{font-size:8px;padding:5px}.practice-workflow-footer>span{font-size:10px}}@media(max-width:480px){.practice-card{padding:20px}.practice-module-icon{width:34px;height:34px;border-radius:8px}.practice-card-heading{gap:9px}.practice-card-heading h3{font-size:17px}.practice-eyebrow{font-size:8px;letter-spacing:.9px}.practice-demo-label{font-size:9px}.practice-card-intro{font-size:12px;margin-bottom:16px}.practice-component-stage{padding:16px}.practice-field input{font-size:16px}.practice-field input::placeholder{font-size:12px}.practice-mode-switch button{padding:7px 11px}.practice-workflow-layout{gap:14px}.practice-steps{gap:2px}.practice-step-copy strong{font-size:10px}.practice-workflow-detail{padding:16px}.practice-workflow-panel{grid-template-columns:minmax(0,1fr) 94px;gap:14px 12px}.practice-workflow-detail h4{font-size:15px;line-height:1.6;margin-top:8px}.practice-detail-text{font-size:11px;line-height:1.8}.practice-detail-record{align-items:flex-start}.practice-detail-record strong{font-size:10px}.practice-mini-ui{height:113px}.practice-mini-content{height:94px}.practice-mini-sidebar{width:17px}.practice-mini-sidebar i{width:7px}.practice-mini-main{padding:10px 5px 0}.practice-mini-selected{font-size:6px;padding:4px 3px;right:3px;gap:1px}.practice-mini-selected svg{width:9px;height:9px}.practice-mini-marker{font-size:7px;right:3px}.practice-mini-marker>span{width:22px}.practice-mini-metrics{gap:3px}.practice-mini-metrics i:before,.practice-mini-metrics i:after{left:3px}.practice-review-actions button{flex:1;font-size:11px;padding-inline:7px;min-height:36px}.practice-workflow-footer>span{font-size:9px}.practice-text-button{font-size:10px!important}.practice-principle{font-size:9px;gap:8px}}@media(max-width:350px){.practice-card{padding:16px}.practice-workflow-panel{grid-template-columns:minmax(0,1fr)}.practice-mini-ui{width:100%;height:88px}.practice-mini-content{height:70px}.practice-mini-metrics{margin-block:5px}.practice-detail-record,.practice-workflow-actions{grid-column:1}.practice-card-heading h3{font-size:16px}.practice-eyebrow{font-size:7px}}@media(prefers-reduced-motion:reduce){.practice-root *,.practice-root *:before,.practice-root *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.practice-spinner{border-color:#fff;border-right-color:transparent}}:root{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#202522;background:#f5f5f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper:#f5f5f2;--ink:#202522;--blue:#365dfa;--muted:#777d79;--line:#dcded8;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}button{border:0}button:disabled{cursor:not-allowed}::selection{background:#dce3ff;color:#1c3497}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}html{scroll-behavior:smooth;scroll-padding-top:110px}.section-shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}section[id],div[id]{scroll-margin-top:115px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-70px;z-index:9999;background:var(--blue);color:#fff;padding:12px 20px}.skip-link:focus{top:12px}.eyebrow,.mini-label,.section-english{font-size:10px;font-weight:500;letter-spacing:2px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2.3px}.mini-label{color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:12px;background:none;padding:0;font-size:13px;line-height:1.6;transition:color .2s}.text-link svg{transition:transform .25s var(--ease)}.text-link:hover{color:var(--blue)}.text-link:hover svg{transform:translate(3px,-2px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 21px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:500;transition:transform .25s var(--ease),background .2s,box-shadow .2s;min-height:48px}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#254cec;box-shadow:0 6px 18px #365dfa20}.button-outline{border-color:#bfc3bc;background:transparent}.button-outline:hover{background:#eceee8}.icon-button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:transparent;transition:background .2s}.icon-button:hover{background:#e7e9e2}.site-header{height:88px;position:sticky;top:0;z-index:60;background:#f5f5f2ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{width:min(1280px,calc(100% - 112px));height:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:16px}.identity>svg{width:43px;height:34px}.identity>span{font-size:13px;font-weight:650;letter-spacing:2px}.identity small{display:block;font-size:9px;font-weight:400;letter-spacing:1.3px;margin-top:5px;color:#707571}.site-header nav{display:flex;align-items:center;gap:35px}.site-header nav>a:not(.resume-link){position:relative;font-size:12px;display:flex;flex-direction:column;line-height:20px;padding:8px 0}.site-header nav>a:not(.resume-link)>span{font-size:7px;letter-spacing:1px;opacity:0;position:absolute;top:26px;transition:opacity .2s}.site-header nav>a:not(.resume-link):hover>span{opacity:1}.site-header nav>a:hover{color:var(--blue)}.nav-contact{background:none;font-size:12px;padding:10px 0}.resume-link{display:flex;align-items:center;gap:13px;padding:10px 15px;border:1px solid #9ca19b;border-radius:5px;font-size:11px;transition:background .2s}.resume-link:hover{background:#e9ece5}.menu-button{display:none}.hero{display:grid;grid-template-columns:.91fr 1.09fr;gap:35px;align-items:center;min-height:625px;padding-top:62px;padding-bottom:45px}.hero-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;padding-bottom:55px}.hero-copy .eyebrow{display:flex;gap:10px;align-items:center;color:#606761;margin-bottom:28px}.small-cross{font-size:19px;color:var(--blue)}.hero h1{font-size:clamp(48px,5.1vw,76px);font-weight:750;line-height:1.25;letter-spacing:-3px;color:#181e1a}.title-underline{position:relative;display:inline-block}.title-underline:after{content:"";position:absolute;left:0;right:0;height:4px;background:var(--blue);bottom:0;transform:rotate(-3deg)}.hero-description{font-size:13px;color:#6d736d;line-height:2.1;margin-top:26px;letter-spacing:.1px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.hero-bottom{position:absolute;bottom:0;left:0;right:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#7c827d}.hero-art{position:relative;padding:30px 0 26px;margin-top:-10px;min-width:0}.hero-art-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 3px;position:relative;z-index:2}.hero-art-top .mini-label{font-size:7px;letter-spacing:1.2px}.detail-toggle{background:transparent;display:flex;align-items:center;gap:7px;font-size:9px;color:#687169;padding:6px 0}.detail-toggle:hover,.detail-toggle[aria-pressed=true]{color:var(--blue)}.toggle-dot{width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.detail-toggle[aria-pressed=true] .toggle-dot{background:var(--blue)}.hero-grid{position:absolute;top:0;right:-15px;bottom:-15px;left:-15px;background-image:linear-gradient(#9aafcf14 1px,transparent 1px),linear-gradient(90deg,#9aafcf14 1px,transparent 1px);background-size:35px 35px;-webkit-mask-image:radial-gradient(ellipse,#000 10%,transparent 73%);mask-image:radial-gradient(ellipse,#000 10%,transparent 73%);opacity:.8;pointer-events:none}.hero-art-bottom{display:flex;align-items:center;gap:7px;font-size:8px;color:#899087;margin-top:30px;letter-spacing:.2px;position:relative}.hero-art-corner{margin-left:auto;font-size:7px;letter-spacing:1.3px}.live-dot{width:4px;height:4px;background:#82918a;border-radius:50%}.annotation-points{display:flex;gap:15px;justify-content:space-around;position:relative;margin-top:22px}.annotation-points button{position:relative;display:flex;align-items:center;gap:8px;background:#f5f5f2;padding:8px 10px;font-size:9px;color:#6d78a0;transition:color .2s,background .2s;border-radius:3px}.annotation-points button span{font-size:8px;font-weight:700;color:#333b58}.annotation-points button i{width:3px;height:3px;border:1px solid #7890d3;position:absolute;top:-12px;left:25px}.annotation-points button i:after{content:"";position:absolute;bottom:1px;left:1px;width:1px;height:18px;background:#94a6de;transform-origin:bottom;transform:rotate(25deg)}.annotation-points button:hover,.annotation-points button.active{color:var(--blue);background:#e9edff}.show-design-details .hero-grid{opacity:1;background-size:20px 20px}.dashboard{position:relative;z-index:1;background:#fff;border:1px solid #e7e9ec;border-radius:10px;box-shadow:0 24px 45px -20px #233c7029,0 4px 15px #18294e06;overflow:visible;transition:box-shadow .3s}.dashboard-chrome{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #f0f1f5;background:#fcfcfd;border-radius:10px 10px 0 0;color:#9ba1ad;font-size:6px;letter-spacing:1.4px}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#ed9a92}.window-dots i:nth-child(2){background:#edd88b}.window-dots i:nth-child(3){background:#9bcaab}.micro-avatar{width:16px;height:16px;background:#e7ecfa;color:#4b66ae;border-radius:50%;display:grid;place-items:center;font-size:7px;letter-spacing:0}.dashboard-body{display:flex;min-height:325px}.dashboard-sidebar{width:47px;flex-shrink:0;border-right:1px solid #eef0f5;padding:14px 7px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fbfcff;border-radius:0 0 0 10px}.dashboard-sidebar>button,.dashboard-sidebar>span{width:28px;height:28px;display:grid;place-items:center;color:#9aa4b5;background:none;border-radius:4px}.dashboard-sidebar .workspace-glyph{color:#364b74;margin-bottom:3px}.dashboard-sidebar .selected{color:var(--blue);background:#eaf0ff}.dashboard-sidebar button:hover{color:var(--blue);background:#edf1fa}.dashboard-sidebar .sidebar-bottom{margin-top:auto}.dashboard-content{padding:19px 18px 17px;flex:1;min-width:0;background:linear-gradient(140deg,#fff,#fafbfe);border-radius:0 0 10px}.dash-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dash-heading small{font-size:6px;letter-spacing:1.2px;color:#b0b5c0}.dash-heading h3{font-size:17px;letter-spacing:-.6px;margin-top:5px}.sample-tag{font-size:7px;color:#9099a9;border:1px solid #e7eaf0;padding:3px 5px;border-radius:3px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;transition:background .2s}.dash-stats>div{padding:11px 10px;background:#fff;border:1px solid #eef0f5;border-radius:6px;box-shadow:0 3px 10px #1d2e4c03}.dash-stats>div>span{font-size:8px;color:#737c8a}.dash-stats strong{display:flex;align-items:center;justify-content:space-between;font-size:24px;font-weight:600;line-height:1.3;margin-top:5px;letter-spacing:-1px}.dash-stats small{font-size:7px;color:#a2a9b3;display:block;margin-top:4px}.dash-stats small b{font-weight:400;color:#7ea79a;margin-left:8px}.stat-icon{height:24px;width:24px;border-radius:50%;background:#eef2ff;color:#6787ee;display:grid;place-items:center}.stat-2{background:#eef8f3;color:#5fa18a}.dash-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:12px}.dash-chart,.dash-activity{background:#fff;border:1px solid #edf0f5;border-radius:6px;padding:11px;min-width:0}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:14px}.panel-top strong{font-size:8px;font-weight:600}.panel-top>span{font-size:6px;color:#9ba2b2}.panel-top select{font-size:7px;border:0;background:#f8faff;color:#6787b2;padding:2px;width:49px;border-radius:2px}.line-chart{display:block;width:100%;height:auto;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font-size:6px;color:#9fa8b8;margin-top:6px}.activity-item{display:flex;gap:6px;align-items:flex-start;background:none;width:100%;text-align:left;padding:7px 0;border-radius:3px;min-width:0}.activity-item>i{flex-shrink:0;width:19px;height:19px;display:grid;place-items:center;background:#ecf1ff;border-radius:4px;color:#5d80eb}.activity-item>i.green{background:#ecf5f1;color:#78a392}.activity-item>i.orange{background:#fff1e8;color:#ce986b}.activity-item>span{font-size:7px;line-height:1.5;white-space:nowrap}.activity-item small{display:block;font-size:6px;color:#a9b0be;margin-top:3px}.dash-activity button.activity-item:hover,.activity-selected{background:#f0f4ff}.task-context{font-size:7px;color:#4060a2;background:#eef3ff;padding:6px;line-height:1.7;position:absolute;bottom:5px;right:17px;max-width:45%;border-radius:3px;box-shadow:0 3px 15px #20396814}.task-context span{font-size:6px;color:#7b8da9}.dashboard-mark-1 .dash-stats{outline:1px dashed #365dfa;outline-offset:5px}.dashboard-mark-2 .dash-activity{outline:1px dashed #365dfa;outline-offset:3px}.dashboard-mark-3 .dash-panels{outline:1px dashed #365dfa;outline-offset:5px}.design-note{position:absolute;background:#365dfa;color:#fff;bottom:-8px;left:25%;padding:9px 14px;font-size:9px;border-radius:4px;box-shadow:0 8px 20px #365dfa22;z-index:5}.design-note>span{margin-right:9px;opacity:.6;font-size:8px}.work-section{padding-top:41px;border-top:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.section-title>div{display:flex;align-items:baseline;gap:20px;position:relative}.section-number{font-size:9px;color:#9a9f96;font-variant-numeric:tabular-nums;position:absolute;left:-24px;top:8px}.section-title h2{font-size:34px;font-weight:650;letter-spacing:-1.4px;line-height:1.35}.section-english{color:#949a93;font-size:8px;letter-spacing:1.5px}.subtle-link{font-size:11px}.featured-projects{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:start}.project-card{display:block;min-width:0}.featured-projects .project-card-baoge{margin-top:62px}.project-cover{overflow:hidden;border-radius:2px;position:relative;isolation:isolate}.project-open{position:absolute;right:20px;bottom:20px;width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#f5f5f2ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(12px);opacity:0;transition:transform .35s var(--ease),opacity .25s;color:var(--ink);z-index:4}.project-card:hover .project-open,.project-card:focus-visible .project-open{opacity:1;transform:translateY(0)}.project-info{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.project-info h3{font-size:23px;font-weight:600;letter-spacing:-.6px}.project-info p{color:#8a9089;font-size:10px;margin-top:10px;letter-spacing:.5px}.project-info>svg{transition:transform .3s var(--ease)}.project-card:hover .project-info>svg{transform:translate(7px)}.project-description{font-size:11px;color:#7e857d;line-height:1.9;margin-top:13px;max-width:95%}.project-art{position:relative;height:430px;overflow:hidden;isolation:isolate}.art-label{position:absolute;left:26px;right:26px;top:26px;display:flex;align-items:flex-start;justify-content:space-between;font-size:7px;font-weight:500;letter-spacing:1.5px;line-height:1.7;z-index:3}.art-label>span:last-child{text-align:right}.art-foot{position:absolute;left:26px;right:26px;bottom:21px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.6px;z-index:3}.art-foot>span:last-child{font-size:5px;letter-spacing:1px;opacity:.55}.art-roadbridge{background:#dfeafa;background:linear-gradient(140deg,#c8def7,#e9f1ff 55%,#bfd5ed)}.blueprint-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff33 1px,transparent 1px),linear-gradient(90deg,#ffffff33 1px,transparent 1px);background-size:35px 35px;transform:rotate(-10deg) scale(1.4)}.roadbridge-dashboard{position:absolute;left:8%;right:-10%;top:22%;transform:rotate(-5deg);transition:transform .7s var(--ease)}.project-card:hover .roadbridge-dashboard{transform:rotate(-2deg) translateY(-6px)}.dashboard-compact{pointer-events:none;box-shadow:0 25px 35px #18457528}.dashboard-compact .dashboard-body{min-height:260px}.dashboard-compact .dashboard-content{padding:15px}.dashboard-compact .dash-heading{margin-bottom:13px}.dashboard-compact .dash-heading h3{font-size:17px}.dashboard-compact .dash-stats strong{font-size:22px}.dashboard-compact .dash-stats>div{padding:9px}.dashboard-compact .dash-activity{padding:9px}.dashboard-compact .dash-panels{grid-template-columns:1.25fr 1fr}.dashboard-compact .dashboard-chrome{height:29px}.dashboard-compact .dash-chart{padding:9px}.art-baoge{background:#07382f;color:#c6e5d9;background-image:radial-gradient(ellipse at 20% 90%,#1d665044,transparent 65%);height:430px}.art-baoge:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #75bd9f19;border-radius:50%;right:-130px;top:40px;box-shadow:0 0 0 35px #75bd9f08,0 0 0 70px #75bd9f06}.phone-stage{position:absolute;top:20%;left:11%;display:flex;width:85%;gap:14px;transform:rotate(-8deg);transition:transform .7s var(--ease)}.project-card:hover .phone-stage{transform:rotate(-3deg) translateY(-8px)}.phone{width:52%;flex-shrink:0;aspect-ratio:.49;background:linear-gradient(150deg,#102f28,#061d18);border:3px solid #1c2622;border-radius:26px;color:#d7f2e7;padding:10px 12px;box-shadow:0 0 0 1px #8ca99a88,10px 20px 28px #0005;overflow:hidden}.phone-1{margin-top:32px}.phone-status{display:flex;justify-content:space-between;font-size:6px;opacity:.8;margin-bottom:17px}.phone-top{display:flex;align-items:center;gap:6px}.phone-top strong{font-size:12px}.phone-top>span:last-child{margin-left:auto}.baoge-logo{background:#9ce9cc;color:#12513b;width:17px;height:17px;display:grid;place-items:center;font-weight:700;font-size:13px;border-radius:5px}.phone-tabs{display:flex;justify-content:space-between;font-size:6px;margin:17px 0 20px;color:#8bada1}.phone-tabs b{color:#dbf5e9;font-weight:500}.phone-label{font-size:5px;letter-spacing:1px;color:#89b19f}.phone-value{font-size:21px;letter-spacing:-.5px;margin:7px 0 15px}.phone-value small{display:block;color:#7ee2b3;font-size:7px;letter-spacing:0;margin-top:4px}.phone .line-chart{margin:0 0 18px}.phone-data{display:flex;gap:8px;border-bottom:1px solid #ffffff0d;padding-bottom:15px}.phone-data>div{flex:1}.phone-data small{font-size:6px;color:#83a695}.phone-data b{font-size:15px;display:block;margin-top:7px;font-weight:500}.phone-data em{font-style:normal;font-size:6px;display:block;color:#6bc69c;margin-top:5px}.phone-list>div{display:flex;align-items:center;gap:6px;padding-top:14px;font-size:6px}.phone-list i{width:18px;height:18px;background:#2a614a;border-radius:5px}.phone-list small{display:block;color:#7c9b8b;font-size:5px;margin-top:3px}.phone-list b{margin-left:auto;color:#84a796;font-weight:400}.phone-nav{display:flex;justify-content:space-between;margin-top:20px;color:#a0c2b0}.bars{height:110px;display:flex;align-items:flex-end;justify-content:space-between;gap:4px;padding:0 2px 10px;margin-top:-5px}.bars>i{width:8%;background:linear-gradient(#8bebc3,#245f49);border-radius:2px 2px 0 0}.secondary-projects{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;margin-top:56px}.art-security{background:#e5e6ed;color:#353849}.art-security:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(150deg,#f4f3fa,#d6dbe9)}.security-stage{position:absolute;left:7%;right:-25%;top:24%;transform:rotate(-5deg);transition:transform .7s var(--ease)}.project-card:hover .security-stage{transform:rotate(-1deg) translateY(-6px)}.security-mock{background:#fff;border-radius:7px;border:1px solid #dfe3ed;box-shadow:0 23px 45px #20264d17;overflow:hidden;color:#354153;min-width:460px}.security-bar{height:37px;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;padding:0 15px;gap:40px;font-size:7px;color:#9ca2b5}.security-brand{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:650;color:#364e9c}.security-bar>i{width:13px;height:13px;border-radius:50%;background:#bdccee;margin-left:auto}.security-layout{display:flex;min-height:235px}.security-layout>aside{background:#f7f9fc;width:90px;flex-shrink:0;padding:14px 8px;border-right:1px solid #e8ecf3}.security-layout>aside strong{font-size:8px;display:block;margin:0 5px 15px}.security-layout>aside span{display:block;padding:8px 5px;font-size:7px;color:#8790a2;border-radius:3px}.security-layout>aside span.on{color:#476dc9;background:#eaf0fe}.security-main{flex:1;padding:16px;min-width:0}.security-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px}.security-title>span{font-size:7px;color:#fff;background:#4668df;border-radius:3px;padding:6px 9px}.security-filters{display:flex;gap:5px;font-size:6px;margin-bottom:13px}.security-filters>span{border:1px solid #e1e6f0;border-radius:2px;min-width:60px;padding:5px;color:#909aaa}.security-filters>span:last-child{min-width:25px;color:#4b68b5;background:#f0f4ff}.security-tr{display:grid;grid-template-columns:1.15fr 1fr .7fr;gap:8px;font-size:7px;padding:11px 4px;border-bottom:1px solid #f0f2f5;align-items:center}.security-tr:first-child{background:#f5f7fb;color:#8d98a9;font-size:6px;padding:7px 4px}.security-tr b{font-weight:400}.security-tr small{display:block;font-size:5px;color:#a6afbd;margin-top:5px}.security-tr>span>i{display:inline-block;width:4px;height:4px;background:#4c8d76;margin-right:4px}.risk{font-style:normal;font-size:6px;padding:4px 6px;border-radius:2px;color:#638a7c;background:#f0f8f3;justify-self:start;white-space:nowrap}.risk-1{background:#fff4e2;color:#bd9555}.risk-3{background:#f1f3f7;color:#909daf}.security-detail{width:110px;border-left:1px solid #e7ebf1;padding:17px 10px;background:#fcfdff}.security-detail>small{font-size:5px;color:#a2aec0;letter-spacing:.5px}.security-detail>strong{display:block;font-size:9px;margin-top:6px}.risk-meter{height:77px;margin:17px 0 7px;display:grid;place-items:center;background:conic-gradient(from 240deg at 50% 60%,#9fbaa7 0deg,#d4bf8d 160deg,#df9e91 240deg,transparent 240deg);border-radius:50%;position:relative}.risk-meter:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:#fcfdff;border-radius:50%}.risk-meter>span{position:relative;font-size:19px;color:#be8c64;text-align:center}.risk-meter small{display:block;font-size:5px;color:#a2aabd;margin-top:4px}.security-detail>label{font-size:5px;display:flex;justify-content:space-between;padding:6px 0;color:#95a1b3}.security-detail>label b{font-weight:400;color:#7a869a}.work-editorial{padding:45px 15px 15px 55px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.work-editorial .eyebrow{color:#8c938a;font-size:8px;letter-spacing:1.7px}.work-editorial h3{font-size:37px;font-weight:500;line-height:1.55;letter-spacing:-1.8px;margin-top:33px}.work-editorial h3 span{color:var(--blue)}.work-editorial p{font-size:12px;line-height:2;color:#8a9087;margin-top:24px}.editorial-asterisk{position:absolute;font-size:90px;line-height:1;color:#d9ddd4;right:26px;bottom:0;transform:rotate(15deg)}.project-index{margin-top:80px}.index-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.filter-tabs{display:flex;gap:7px}.filter-tabs button{background:transparent;font-size:10px;color:#828980;padding:8px 13px;border-radius:3px;transition:background .2s,color .2s}.filter-tabs button:hover{color:#2e3930}.filter-tabs button.active{background:#e7e9e3;color:#303b32}.project-rows>a{display:grid;grid-template-columns:55px 1fr 240px 85px 20px;align-items:center;padding:25px 4px;border-top:1px solid var(--line);transition:background .2s,padding .3s var(--ease)}.project-rows>a:last-child{border-bottom:1px solid var(--line)}.project-rows>a:hover{background:#eceee7;padding-inline:15px}.row-id{font-size:9px;color:#8e958b}.project-rows strong{font-size:16px;font-weight:500;letter-spacing:-.3px}.row-tags,.row-period{color:#949b90;font-size:10px}.project-rows svg{transition:transform .2s}.project-rows>a:hover svg{transform:translate(2px,-2px);color:var(--blue)}.practice-section{padding-block:110px 100px}.practice-section .section-title{margin-bottom:25px}.practice-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.practice-intro p{font-size:12px;line-height:2;color:#848b80}.practice-intro .text-link{font-size:11px}.visual-section{background:#eaece5;padding-block:80px}.visual-section .section-title{align-items:flex-start;margin-bottom:38px}.visual-section .section-title>div{display:block}.visual-section .section-english{display:block;margin-top:14px}.visual-intro{font-size:12px;line-height:1.9;color:#7a8377;text-align:right;padding-top:8px}.exploration-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.exploration-card{display:block;background:none;padding:0;text-align:left;min-width:0}.exploration-art{position:relative;aspect-ratio:1.44;overflow:hidden;border-radius:2px;color:#f9e5bb}.exploration-art>img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.exploration-card:hover .exploration-art>img{transform:scale(1.035)}.exploration-overlay{position:absolute;top:29px;right:29px;bottom:29px;left:29px;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;text-shadow:0 1px 12px #0002}.exploration-overlay>span:first-child{font-size:8px;letter-spacing:2.5px}.exploration-overlay>strong{font-size:39px;font-weight:400;letter-spacing:3px;margin-top:13px;writing-mode:vertical-rl;line-height:1.4}.exploration-count{margin-top:auto;font-size:7px;letter-spacing:1.4px}.exploration-data .exploration-overlay{color:#c8e8d9}.exploration-data .exploration-overlay>strong{writing-mode:horizontal-tb;font-size:30px;margin-top:15px}.exploration-open{position:absolute;bottom:20px;right:20px;width:36px;height:36px;border:1px solid #ffffff60;color:#fff;border-radius:50%;display:grid;place-items:center;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.exploration-card:hover .exploration-open{opacity:1;transform:none}.exploration-meta{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.exploration-meta h3{font-size:14px;font-weight:500;letter-spacing:-.2px}.exploration-meta>div>span{display:block;font-size:9px;color:#8b9585;margin-top:7px}.color-swatches{display:flex;gap:5px}.color-swatches>i{height:13px;width:13px;border-radius:50%;border:1px solid #0000000a}.exploration-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:25px;margin-top:34px}.sweets-preview{display:flex;background:#22211f;color:#d9d1c5;padding:0;text-align:left;align-items:center;overflow:hidden;border-radius:2px}.sweets-preview>img{width:55%;height:180px;object-fit:cover;object-position:70% 50%;transition:transform .5s}.sweets-preview:hover>img{transform:scale(1.035)}.sweets-preview>span{padding:22px 20px;display:flex;flex-direction:column;gap:14px}.sweets-preview small{font-size:6px;letter-spacing:1.1px;color:#948e84}.sweets-preview strong{font-size:15px;font-weight:400;line-height:1.7;letter-spacing:.4px}.sweets-preview>span>span{font-size:8px;color:#958e82;display:flex;align-items:center;gap:12px}.graphic-study{background:#f5f5ef;position:relative;overflow:hidden;min-height:180px;--study-color:#365dfa;transition:background .5s}.graphic-study-label{position:absolute;left:22px;top:20px;z-index:2;font-size:7px;letter-spacing:1.4px;display:flex;flex-direction:column;gap:7px}.graphic-study-label>span:last-child{font-size:8px;letter-spacing:.5px;color:#8f9689}.graphic-rings{height:100%;width:100%;position:absolute;left:30%;top:-20%;transform:rotate(-30deg);transition:transform 1s var(--ease)}.graphic-rings i{position:absolute;width:calc(75px + var(--i)*20px);height:calc(75px + var(--i)*20px);border:7px solid var(--study-color);border-radius:50%;left:calc(100px - var(--i)*10px);top:calc(80px - var(--i)*10px);opacity:calc(1 - var(--i)*.085);transition:border-color .5s}.graphic-study>button{position:absolute;left:22px;bottom:18px;font-size:9px;background:#f5f5f2dd;border:1px solid #b8beb3;padding:7px 9px;display:flex;align-items:center;gap:15px;border-radius:2px}.tone-1{--study-color:#bc6c3d;background:#f6e8d6}.tone-1 .graphic-rings{transform:rotate(30deg) scale(.85)}.tone-2{--study-color:#35785e;background:#dce9dc}.tone-2 .graphic-rings{transform:rotate(90deg) scale(1.15)}.exploration-disclosure{color:#8c9585;font-size:9px;line-height:1.8;margin-top:24px}.about-section{padding-block:100px}.about-section .section-title{margin-bottom:50px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.about-monogram{height:190px;width:210px;position:relative;display:flex;align-items:center;justify-content:center;color:#dfe2da;background:#eaece5;overflow:hidden;margin-bottom:35px}.about-monogram>span{font-size:139px;font-weight:700;line-height:1;letter-spacing:-28px;transform:translate(-12px,-5px)}.about-monogram>span:nth-child(2){color:#bac2b4}.about-monogram>i{position:absolute;font-style:normal;color:var(--blue);right:16px;top:15px;font-size:35px}.about-monogram>small{position:absolute;bottom:18px;left:23px;font-size:7px;letter-spacing:2px;color:#7f8979}.about-intro h3{font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1.7}.about-intro>p{font-size:12px;line-height:2.1;color:#828a7e;margin-top:19px;max-width:390px}.about-links{display:flex;align-items:center;gap:27px;margin-top:30px}.about-links .text-link{font-size:11px}.experience-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#939b8e;margin-bottom:33px}.experience-label>span:last-child{letter-spacing:.3px}.experience-item{position:relative;border-left:1px solid #d4d8cf;padding:0 0 33px 28px}.experience-dot{position:absolute;left:-4px;top:0;width:7px;height:7px;background:#bdc5b6;border:2px solid var(--paper);box-shadow:0 0 0 1px #bdc5b6;border-radius:50%}.experience-item:first-of-type .experience-dot{background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.experience-period{font-size:9px;letter-spacing:.8px;color:#9ba293;display:flex;justify-content:space-between}.experience-period>span{color:#bec4b8}.experience-item h4{font-size:21px;font-weight:500;margin-top:11px;letter-spacing:-.4px}.experience-item>strong{font-size:11px;font-weight:400;color:#6a7464;display:block;margin-top:9px}.experience-item>p{font-size:11px;color:#8b9584;line-height:1.9;margin-top:14px;max-width:420px}.education{display:flex;align-items:center;gap:18px;margin-left:28px;border-top:1px solid var(--line);padding-top:25px}.education>span{font-size:7px;color:#969e8e;letter-spacing:1px}.education>strong{font-size:11px;font-weight:400;flex:1}.site-footer{background:#242b24;color:#f1f3e9;padding:65px 0 24px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-main .eyebrow{color:#98a491;font-size:8px;letter-spacing:2px}.footer-main h2{font-size:48px;line-height:1.55;letter-spacing:-2px;font-weight:450;margin-top:20px}.contact-orbit{height:132px;width:132px;border:1px solid #829078;background:transparent;color:#e5ecdc;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:background .3s,transform .4s var(--ease),color .3s;margin-right:35px}.contact-orbit>span{font-size:11px;letter-spacing:1px}.contact-orbit:hover{background:#dce9bf;color:#253020;transform:rotate(-7deg)}.footer-contact{display:flex;justify-content:space-between;align-items:center;margin-top:34px;padding-bottom:48px;border-bottom:1px solid #ffffff1c}.footer-contact>a{display:flex;align-items:center;gap:15px;font-size:18px;letter-spacing:.1px}.footer-contact>a:last-child{font-size:10px;color:#a4b299}.footer-contact>a:hover{color:#c3dda1}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:26px}.footer-bottom .identity>svg{width:34px}.footer-bottom .identity>span{font-size:10px}.footer-bottom .identity small{font-size:7px;color:#85937d}.footer-bottom>span{font-size:8px;color:#85937d;letter-spacing:.5px}.footer-bottom>button{background:none;color:#afbea5;font-size:7px;letter-spacing:1.5px;display:flex;gap:12px;align-items:center}.reading-progress{height:2px;background:var(--blue);position:fixed;top:87px;left:0;right:0;transform-origin:left;z-index:70}.case-intro{padding-top:42px}.case-intro>.text-link{font-size:10px;color:#7e8878}.case-title-row{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:50px}.case-title-row .eyebrow{color:#899480;font-size:9px}.case-title-row h1{font-size:48px;letter-spacing:-1.9px;font-weight:600;line-height:1.4;margin-top:16px}.case-title-row p{font-size:13px;line-height:1.9;color:#808c76;margin-top:17px}.case-big-number{font-size:100px;font-weight:300;color:#dce1d4;letter-spacing:-5px}.case-meta{display:flex;gap:70px;margin-block:37px 42px}.case-meta>div{display:flex;flex-direction:column;gap:10px}.case-meta small{font-size:7px;letter-spacing:1.5px;color:#9ca58f}.case-meta span{font-size:11px;color:#626e57}.case-cover{overflow:hidden;border-radius:3px}.case-cover .project-art{height:620px}.case-cover .roadbridge-dashboard{left:17%;right:13%;top:15%;transform:rotate(-3deg)}.case-cover .dashboard-compact .dashboard-body{min-height:400px}.case-cover .dashboard-compact .dashboard-content{padding:30px}.case-cover .dashboard-compact .dashboard-sidebar{width:65px}.case-cover .dashboard-compact .dash-heading{margin-bottom:25px}.case-cover .dashboard-compact .dash-heading h3{font-size:23px}.case-cover .dashboard-compact .dash-stats strong{font-size:32px}.case-cover .dashboard-compact .dash-stats>div{padding:15px}.case-cover .dashboard-compact .dash-stats>div>span{font-size:11px}.case-cover .dashboard-compact .dash-panels{margin-top:20px;gap:20px}.case-cover .dashboard-compact .dash-chart,.case-cover .dashboard-compact .dash-activity{padding:18px}.case-cover .panel-top strong{font-size:11px}.case-cover .activity-item{padding:13px 0}.case-cover .activity-item>span{font-size:10px}.case-cover .phone-stage{left:30%;width:40%;top:13%;gap:26px}.case-cover .phone{padding:15px 18px;border-radius:33px}.case-cover .phone-top strong{font-size:16px}.case-cover .phone-value{font-size:29px}.case-cover .phone-tabs{font-size:8px}.case-cover .phone-label{font-size:7px}.case-cover .phone-data b{font-size:20px}.case-cover .phone-list>div{font-size:8px}.case-cover .phone-list small{font-size:7px}.case-cover .phone-list i{width:23px;height:23px}.case-cover .phone-list>div{padding-top:20px}.case-cover .security-stage{left:11%;right:11%;top:21%;transform:rotate(-3deg)}.case-cover .security-mock{font-size:14px}.case-cover .security-layout{min-height:320px}.case-cover .security-layout>aside{width:120px;padding:25px 15px}.case-cover .security-layout>aside span{font-size:10px;padding:12px 6px}.case-cover .security-main{padding:24px}.case-cover .security-title{font-size:16px}.case-cover .security-tr{font-size:10px;padding:17px 6px}.case-cover .security-tr small{font-size:7px}.case-cover .security-detail{width:150px;padding:25px 17px}.case-cover .risk-meter{height:105px}.case-cover .security-detail>label{font-size:8px;padding:10px 0}.case-cover .art-source{height:auto}.case-cover .art-source>img{width:100%;height:auto}.case-cover .art-label,.case-cover .art-foot{left:35px;right:35px}.case-cover .art-label{font-size:9px}.case-cover .art-foot{font-size:11px;bottom:27px}.case-cover-caption{font-size:9px;line-height:1.8;color:#969f8e;padding-top:13px}.source-label{position:absolute;bottom:15px;right:15px;background:#f5f5f2dd;color:#747e6a;padding:6px 10px;font-size:9px;border-radius:3px}.case-reading{display:grid;grid-template-columns:230px 1fr;gap:70px;padding-top:75px;align-items:start}.case-toc{position:sticky;top:125px;display:flex;flex-direction:column;gap:5px}.case-toc>.mini-label{margin-bottom:20px;font-size:8px}.case-toc>a{font-size:10px;line-height:1.8;color:#939d89;padding:9px 10px;display:flex;gap:11px;border-left:1px solid #e2e5db;transition:color .2s,border .2s}.case-toc>a>span{font-size:8px}.case-toc>a:hover,.case-toc>a.active{color:var(--blue);border-color:var(--blue);background:#365dfa04}.toc-note{margin:34px 10px 0;font-size:11px;line-height:2.1;color:#a9b09e}.case-content{min-width:0;max-width:870px}.case-summary{padding-bottom:50px;border-bottom:1px solid var(--line)}.case-summary>.eyebrow{color:var(--blue);font-size:8px}.case-summary h2{font-size:23px;font-weight:500;line-height:1.9;letter-spacing:-.5px;margin-top:19px}.case-summary>p,.case-section>p{font-size:13px;line-height:2.2;color:#7d8872;margin-top:22px}.case-section{padding-block:45px 30px;scroll-margin-top:110px}.case-section-label{font-size:8px;letter-spacing:1.5px;color:#a1aa95;margin-bottom:15px}.case-section>h2,.case-takeaways>h2{font-size:28px;font-weight:550;letter-spacing:-1px;line-height:1.6}.case-section>p.case-lead{font-size:16px;color:#535f49;margin-top:18px;line-height:1.9}.decision-list{list-style:none;padding:0;margin:25px 0 0;display:flex;flex-direction:column}.decision-list li{font-size:12px;line-height:1.8;padding:14px 0;border-top:1px solid #e2e6db;color:#626e56;display:flex;gap:18px}.decision-list li>span{font-size:8px;color:#a1ad92;line-height:2.8}.comparison{background:#eaeef0;margin-top:35px;border-radius:5px;padding:26px;overflow:hidden}.comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.comparison-heading .mini-label{font-size:6px;letter-spacing:1px}.comparison-heading h3{font-size:14px;font-weight:500;margin-top:7px}.segmented{display:flex;background:#e0e5e9;border-radius:4px;padding:3px;flex-shrink:0}.segmented button{background:transparent;font-size:9px;padding:8px 10px;border-radius:3px;color:#7f8c92}.segmented button.active{background:#fff;color:#365dfa;box-shadow:0 1px 6px #0001}.comparison-screen{margin-block:24px;transition:opacity .25s}.comparison-screen .security-mock{min-width:0;box-shadow:0 8px 20px #20304d0d}.comparison-screen .security-layout{min-height:215px}.comparison-screen .security-detail{width:100px}.security-before{filter:grayscale(.85);opacity:.75}.security-before .security-filters{padding:15px 0}.security-before .security-tr{padding-block:9px}.security-before .security-main{background:#f5f6f8}.decision-points{display:flex;flex-direction:column;gap:7px}.decision-points button{display:flex;gap:13px;align-items:center;text-align:left;font-size:10px;line-height:1.8;background:transparent;padding:9px 10px;border:1px solid transparent;border-radius:3px;color:#8c989a}.decision-points button>span{font-size:7px;color:#899baf}.decision-points button.active{background:#fff;border-color:#dbe2eb;color:#465e7c}.demo-caption{font-size:8px!important;color:#a0abac!important;margin-top:15px!important;line-height:1.7!important}.system-layers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:35px}.system-layers>div{position:relative;background:#eaf0e6;padding:22px 15px;min-height:160px;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.system-layers>div>span{position:absolute;top:12px;right:12px;font-size:8px;color:#9aa88c}.system-layers>div>svg{color:#6d8258}.system-layers strong{font-size:13px;font-weight:500}.system-layers small{font-size:6px;letter-spacing:.7px;color:#96a089}.case-palette{display:flex;flex-wrap:wrap;margin-top:30px;gap:10px}.case-palette>span{flex:1;padding:26px 18px;border-radius:3px;min-height:100px;font-size:14px}.case-palette small{display:block;margin-top:24px;font-size:8px;letter-spacing:1px;opacity:.6}.case-palette p{width:100%;font-size:9px;color:#919d87;margin-top:4px}.case-takeaways{border-top:1px solid var(--line);margin-top:30px}.case-takeaways .eyebrow{color:#939f89;font-size:8px}.case-takeaways h2{margin-top:17px}.case-takeaways>p{display:flex;gap:17px;font-size:12px;padding-top:5px}.case-takeaways>p>span{font-size:9px;color:var(--blue)}.case-evidence{border-top:1px solid var(--line);margin-top:20px;padding-bottom:75px}.evidence-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.evidence-title .eyebrow{font-size:7px;color:#97a18b}.evidence-title h2{font-size:24px;font-weight:500;margin-top:12px;letter-spacing:-.7px}.evidence-title>.text-link{font-size:10px;white-space:nowrap}.case-evidence>p{font-size:11px;margin-top:16px}.case-evidence>.text-link{font-size:11px;margin-top:23px}.evidence-images{display:flex;flex-direction:column;gap:25px;margin-top:30px}.evidence-images>button{padding:0;background:transparent;text-align:left}.evidence-images>button>img{width:100%;border-radius:3px}.evidence-images>button>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b9781;padding-top:10px}.next-case{border-top:1px solid var(--line);padding-block:50px 70px;display:block;position:relative}.next-case>.eyebrow{font-size:8px;color:#9eaa91}.next-case>h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin-top:18px}.next-case>svg{position:absolute;right:5px;top:70px;transition:transform .3s}.next-case:hover>svg{transform:translate(10px);color:var(--blue)}.modal{border:0;background:transparent;padding:24px;max-width:min(1100px,96vw);max-height:94dvh;width:100%;overflow:auto;color:var(--ink)}.modal::backdrop{background:#121b16a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-inner{background:var(--paper);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 25px 70px #0002}.modal-close{position:absolute;right:16px;top:16px;z-index:5;background:#f5f5f2e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-modal{max-width:610px}.contact-modal .modal-inner{padding:65px 45px 40px}.contact-modal .eyebrow{color:#99a28e;font-size:9px}.contact-modal h2{font-size:35px;font-weight:500;letter-spacing:-1px;margin-top:19px}.contact-modal p{font-size:13px;color:#85917a;line-height:2;margin-top:18px}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:23px;letter-spacing:-.5px;padding:27px 0;border-bottom:1px solid var(--line);margin-top:17px}.contact-buttons{display:flex;gap:12px;margin-top:25px}.contact-buttons .button{font-size:11px;gap:12px}.contact-modal p.contact-phone{font-size:10px;color:#9aa58f;margin-top:25px}.explore-modal .modal-inner{display:grid;grid-template-columns:1.3fr 1fr}.explore-modal .modal-inner>img{width:100%;height:100%;object-fit:cover;min-height:500px}.explore-modal-copy{padding:64px 38px 40px}.explore-modal-copy>.eyebrow{font-size:8px;color:#a1ac94}.explore-modal-copy h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin-top:16px}.concept-badge{display:inline-block;font-size:9px;color:#758368;background:#e9ede3;border-radius:3px;padding:6px 8px;margin-top:15px}.explore-modal-copy>p{font-size:12px;line-height:2.1;color:#7d8b70;margin-top:25px}.explore-palette{display:flex;gap:18px;margin-block:27px}.explore-palette>span{font-size:7px;letter-spacing:.5px;color:#879777}.explore-palette i{width:33px;height:33px;border-radius:50%;display:block;margin-bottom:10px}.explore-modal-copy>small{font-size:9px;color:#a0ac93;line-height:1.9;display:block;border-top:1px solid var(--line);padding-top:20px}.lightbox-modal{max-width:1500px}.lightbox-modal .modal-inner{padding:0}.lightbox-modal img{width:100%;height:auto}.lightbox-caption{padding:20px;display:flex;gap:20px;align-items:center;justify-content:space-between}.lightbox-caption strong{font-size:12px;font-weight:500}.lightbox-caption>span{font-size:9px;color:#8d9b7c}.lightbox-caption>a{display:flex;gap:10px;align-items:center;font-size:10px}.not-found{padding-block:130px 180px}.not-found h1{font-size:40px;font-weight:500;margin-block:25px 35px}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}::view-transition-group(*){animation-duration:.48s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media(min-width:1500px){.hero{min-height:700px;padding-top:70px;padding-bottom:65px}.hero h1{font-size:79px}.hero-art{padding-top:25px}.dashboard-body{min-height:350px}.dashboard-content{padding:24px}.dash-panels{margin-top:17px}.hero-bottom{bottom:5px}}@media(max-width:1100px){.section-shell,.header-inner{width:calc(100% - 70px)}.hero{gap:25px;grid-template-columns:.9fr 1.1fr;min-height:565px;padding-top:50px}.hero h1{font-size:55px;letter-spacing:-2.5px}.hero-description{font-size:11px}.hero-copy .eyebrow{font-size:9px}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;padding:13px 15px}.hero-actions .text-link{font-size:11px}.hero-art-top .mini-label{font-size:5px;letter-spacing:.7px}.detail-toggle{font-size:8px}.dashboard-content{padding:15px 12px}.dashboard-body{min-height:298px}.dashboard-sidebar{width:39px;padding:13px 5px}.dash-heading h3{font-size:15px}.dash-stats>div{padding:9px 8px}.dash-stats strong{font-size:21px}.stat-icon{width:19px;height:19px}.dash-panels{grid-template-columns:1.1fr 1fr;gap:7px}.dash-chart,.dash-activity{padding:8px}.activity-item>span{font-size:6px}.activity-item small{font-size:5px}.dashboard-chrome{height:28px}.section-title h2{font-size:29px}.section-english{font-size:7px;letter-spacing:1px}.project-art,.art-baoge{height:360px}.art-label{left:21px;right:21px;top:21px;font-size:6px}.art-foot{left:21px;right:21px;bottom:18px;font-size:7px}.project-info h3{font-size:20px}.project-info p{font-size:9px}.phone{padding:9px;border-radius:22px}.phone-status{margin-bottom:12px}.phone-value{font-size:18px}.phone-tabs{margin:13px 0 14px}.phone-list>div{padding-top:10px}.phone-data b{font-size:12px}.work-editorial{padding:35px 10px 10px 30px}.work-editorial h3{font-size:31px;margin-top:25px}.work-editorial p{font-size:10px}.editorial-asterisk{font-size:75px}.project-rows>a{grid-template-columns:40px 1fr 180px 70px 18px}.project-rows strong{font-size:14px}.row-tags,.row-period{font-size:9px}.about-grid{gap:60px}.footer-main h2{font-size:40px}.case-reading{grid-template-columns:180px 1fr;gap:40px}.case-title-row h1{font-size:40px}.case-cover .project-art{height:500px}.case-cover .roadbridge-dashboard{left:12%;right:9%;top:14%}.case-cover .dashboard-compact .dashboard-body{min-height:330px}.case-cover .dashboard-compact .dashboard-content{padding:20px}.case-cover .phone-stage{left:27%;width:45%;top:12%}.case-cover .security-stage{left:7%;right:7%;top:18%}.case-cover .security-layout{min-height:290px}.case-cover .security-tr{font-size:8px}.case-cover .security-detail{width:130px}.comparison{padding:18px}.comparison-heading{gap:10px}.comparison-heading h3{font-size:12px}.comparison .security-layout>aside{width:70px}.comparison .security-detail{width:80px;padding:15px 6px}.comparison .security-main{padding:10px}.comparison .security-tr{font-size:6px}.case-section>h2{font-size:25px}.case-summary h2{font-size:20px}.case-section>p,.case-summary>p{font-size:12px}.explore-modal-copy{padding:55px 25px 30px}.explore-modal-copy h2{font-size:29px}.visual-intro{font-size:11px}}@media(max-width:800px){.section-shell,.header-inner{width:calc(100% - 48px)}.site-header{height:76px}.site-header nav{gap:22px}.site-header nav>a:not(.resume-link){font-size:11px}.nav-contact{display:none}.identity{gap:10px}.identity>svg{width:36px}.identity>span{font-size:11px}.identity small{font-size:8px}.resume-link{font-size:10px;padding:9px 12px}.hero{grid-template-columns:1fr;gap:20px;padding-top:45px;padding-bottom:35px;min-height:0}.hero-copy{padding-bottom:5px}.hero h1{font-size:66px;letter-spacing:-3px}.hero-copy .eyebrow{margin-bottom:20px}.hero-description{font-size:13px;margin-top:23px}.hero-actions{margin-top:26px}.hero-actions .button,.hero-actions .text-link{font-size:12px}.hero-bottom{position:static;margin-top:33px;font-size:7px;max-width:430px}.hero-art{max-width:620px;width:100%;margin:0 auto;padding-bottom:12px}.hero-art-top .mini-label{font-size:7px}.detail-toggle{font-size:9px}.dashboard-body{min-height:350px}.dashboard-content{padding:22px}.dashboard-sidebar{width:49px}.dash-heading h3{font-size:19px}.dash-stats>div{padding:14px}.dash-stats strong{font-size:29px}.dash-stats>div>span{font-size:9px}.dash-panels{gap:12px;margin-top:15px}.dash-chart,.dash-activity{padding:14px}.activity-item>span{font-size:8px}.activity-item small{font-size:7px}.panel-top strong{font-size:9px}.annotation-points{margin-top:23px}.hero-art-bottom{margin-top:21px}.work-section{padding-top:35px}.section-title>div{gap:13px;flex-wrap:wrap}.section-title h2{font-size:29px}.section-english{font-size:7px}.section-number{left:-16px;font-size:7px;top:7px}.section-title{margin-bottom:30px;gap:12px}.subtle-link{font-size:9px;gap:7px}.featured-projects,.secondary-projects{gap:20px;grid-template-columns:1.1fr 1fr}.project-art,.art-baoge{height:310px}.featured-projects .project-card-baoge{margin-top:40px}.art-label{font-size:5px;left:15px;right:15px;top:17px;letter-spacing:1px}.art-foot{font-size:6px;left:15px;right:15px}.art-foot>span:last-child{display:none}.roadbridge-dashboard{left:8%;right:-53%;top:22%;transform:rotate(-6deg) scale(.85);transform-origin:top left}.phone-stage{left:10%;top:20%;gap:10px;width:90%}.phone{border-radius:18px;padding:8px}.phone-status,.phone-tabs{font-size:5px}.phone-value{font-size:15px;margin-top:6px;margin-bottom:9px}.phone-top strong{font-size:10px}.phone-top .baoge-logo{width:14px;height:14px;font-size:11px}.phone-data small,.phone-data em{font-size:5px}.phone-data b{font-size:11px}.phone-list{display:none}.phone .line-chart{margin-bottom:10px}.phone-label{font-size:4px}.phone-nav{margin-top:14px}.phone-nav svg{width:11px}.bars{height:80px;transform:scaleY(.7);transform-origin:bottom;margin-top:-24px}.project-info{margin-top:17px;gap:8px}.project-info h3{font-size:17px;line-height:1.5}.project-info>svg{width:22px}.project-info p{font-size:8px;margin-top:6px}.project-description{font-size:10px;margin-top:10px}.secondary-projects{margin-top:40px}.security-stage{left:6%;right:-90%;top:28%;transform:rotate(-5deg) scale(.8);transform-origin:top left}.work-editorial{padding:20px 8px 10px 15px}.work-editorial .eyebrow{font-size:6px;letter-spacing:1px}.work-editorial h3{font-size:26px;letter-spacing:-1px;margin-top:23px}.work-editorial p{font-size:9px;margin-top:20px}.editorial-asterisk{font-size:50px;bottom:8px;right:10px}.project-index{margin-top:55px}.index-heading>.mini-label{font-size:7px;letter-spacing:1px}.filter-tabs{gap:1px}.filter-tabs button{font-size:9px;padding:7px 9px}.project-rows>a{grid-template-columns:30px 1fr 155px 16px;padding-block:21px}.row-period{display:none}.project-rows strong{font-size:12px}.row-tags{font-size:8px}.practice-section{padding-block:75px}.practice-section .section-title>div{display:block}.practice-section .section-english{display:block;margin-top:12px}.practice-intro p{font-size:11px}.practice-intro .text-link{font-size:10px}.visual-section{padding-block:60px}.visual-section .section-title h2{font-size:27px}.visual-intro{font-size:9px}.exploration-grid{gap:18px}.exploration-art{aspect-ratio:1.1}.exploration-overlay{top:20px;right:20px;bottom:20px;left:20px}.exploration-overlay>strong{font-size:29px}.exploration-overlay>span:first-child{font-size:6px;letter-spacing:1.3px}.exploration-data .exploration-overlay>strong{font-size:22px;letter-spacing:1px}.exploration-count{font-size:6px}.exploration-meta h3{font-size:11px}.exploration-meta>div>span{font-size:8px}.color-swatches{gap:3px}.color-swatches>i{height:10px;width:10px}.exploration-bottom{gap:18px;grid-template-columns:1.2fr 1fr}.sweets-preview>img{width:45%;height:165px}.sweets-preview>span{padding:15px;gap:10px}.sweets-preview small{font-size:5px;letter-spacing:.7px}.sweets-preview strong{font-size:12px}.sweets-preview>span>span{font-size:7px;gap:5px}.graphic-study{min-height:165px}.graphic-rings{left:0;top:0}.graphic-rings i{border-width:5px}.graphic-study-label{left:15px;top:15px;font-size:6px}.graphic-study>button{left:15px;bottom:15px;font-size:8px}.about-section{padding-block:70px}.about-section .section-title>div{display:block}.about-section .section-english{display:block;margin-top:12px}.about-grid{gap:40px;grid-template-columns:.9fr 1.1fr}.about-monogram{width:170px;height:165px}.about-monogram>span{font-size:120px}.about-intro h3{font-size:23px}.about-intro>p{font-size:11px}.about-links{gap:16px;flex-wrap:wrap}.about-links .text-link{font-size:10px}.experience-label{font-size:6px;letter-spacing:1px}.experience-item{padding-left:20px}.experience-item h4{font-size:18px}.experience-item>strong{font-size:10px}.experience-item>p{font-size:10px}.experience-period{font-size:8px}.education{margin-left:20px;gap:10px;flex-wrap:wrap}.education>strong{font-size:9px}.education>span{font-size:6px}.site-footer{padding-top:45px}.footer-main h2{font-size:35px;letter-spacing:-1px}.contact-orbit{height:100px;width:100px;margin-right:8px;gap:8px}.contact-orbit>svg{width:32px}.contact-orbit>span{font-size:9px}.footer-main .eyebrow{font-size:6px;letter-spacing:1.5px}.footer-contact{margin-top:28px;padding-bottom:35px}.footer-contact>a{font-size:15px}.footer-contact>a:last-child{font-size:9px}.footer-bottom .identity{gap:9px}.footer-bottom .identity>svg{width:28px}.footer-bottom .identity>span{font-size:8px}.footer-bottom>span{font-size:7px}.footer-bottom>button{font-size:6px;gap:6px}.reading-progress{top:75px}.case-intro{padding-top:30px}.case-title-row{margin-top:35px}.case-title-row h1{font-size:33px}.case-title-row p{font-size:11px}.case-big-number{font-size:70px}.case-meta{gap:35px;margin-block:25px 30px}.case-meta span{font-size:9px}.case-cover .project-art{height:400px}.case-cover .roadbridge-dashboard{left:7%;right:-5%;top:15%;transform:rotate(-3deg) scale(.85);transform-origin:top left}.case-cover .dashboard-compact .dashboard-body{min-height:320px}.case-cover .phone-stage{left:22%;width:48%;top:12%}.case-cover .phone{padding:10px 12px;border-radius:25px}.case-cover .phone-value{font-size:21px}.case-cover .phone-list{display:block}.case-cover .phone-list>div{font-size:6px;padding-top:10px}.case-cover .phone-list small{font-size:5px}.case-cover .phone-tabs{font-size:6px}.case-cover .phone-label{font-size:5px}.case-cover .phone-data b{font-size:15px}.case-cover .security-stage{left:6%;right:-15%;top:15%;transform:rotate(-3deg) scale(.85);transform-origin:top left}.case-cover .art-label{font-size:7px;left:25px;right:25px}.case-cover .art-foot{font-size:9px;left:25px;right:25px;bottom:20px}.case-cover-caption{font-size:8px}.case-reading{display:block;padding-top:35px}.case-toc{position:sticky;top:76px;z-index:20;display:flex;flex-direction:row;overflow-x:auto;gap:8px;background:#f5f5f2f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 0;margin-bottom:35px;border-bottom:1px solid var(--line);scrollbar-width:none}.case-toc>.mini-label,.toc-note{display:none}.case-toc>a{white-space:nowrap;padding:7px 10px;font-size:9px;border-left:0;border-bottom:1px solid transparent;gap:7px}.case-toc>a>span{font-size:7px}.case-content{max-width:none}.case-section{scroll-margin-top:140px}.case-section>h2{font-size:26px}.case-summary h2{font-size:23px}.case-section>p,.case-summary>p{font-size:13px}.case-cover .art-source{height:auto}.explore-modal .modal-inner{grid-template-columns:1fr}.explore-modal .modal-inner>img{height:auto;max-height:440px;min-height:0;object-fit:cover;aspect-ratio:1.5}.explore-modal-copy{padding:30px}.explore-modal-copy h2{font-size:30px}.explore-modal-copy>.eyebrow{font-size:7px}.explore-modal-copy>p{margin-top:20px}.explore-palette{margin-block:22px}}@media(max-width:540px){.section-shell,.header-inner{width:calc(100% - 40px)}.site-header{height:70px}.identity>svg{width:34px}.identity>span{font-size:10px}.identity small{font-size:7px;margin-top:4px}.menu-button{display:grid}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;padding:22px;background:#f5f5f2;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #20252208;gap:20px;justify-content:center;flex-wrap:wrap}.site-header nav.nav-open{display:flex}.site-header nav>a:not(.resume-link){font-size:13px;padding:8px}.site-header nav>a:not(.resume-link)>span{display:none}.resume-link{font-size:11px}.hero{padding-top:34px;gap:6px}.hero h1{font-size:clamp(45px,11vw,62px);letter-spacing:-2.7px;line-height:1.28}.hero-copy .eyebrow{font-size:8px;letter-spacing:2px;gap:8px;margin-bottom:20px}.small-cross{font-size:17px}.hero-description{font-size:11px;line-height:2;margin-top:23px}.hero-actions{gap:25px;margin-top:27px}.hero-actions .button{padding:13px 16px;font-size:11px;gap:12px}.hero-actions .text-link{font-size:11px}.hero-bottom{margin-top:28px;font-size:6px;letter-spacing:1.2px;right:0}.hero-art{padding-top:22px;margin-top:4px}.hero-art-top{margin-bottom:17px}.hero-art-top .mini-label{font-size:5px;letter-spacing:.8px}.detail-toggle{font-size:8px;gap:5px}.dashboard-chrome{height:26px;padding-inline:10px;font-size:5px;letter-spacing:1px}.dashboard-sidebar{width:33px;padding:10px 4px;gap:8px}.dashboard-sidebar>button,.dashboard-sidebar>span{width:24px;height:25px}.dashboard-sidebar svg{width:13px}.dashboard-body{min-height:267px}.dashboard-content{padding:14px 10px 12px}.dash-heading{margin-bottom:13px}.dash-heading small{font-size:5px;letter-spacing:.7px}.dash-heading h3{font-size:14px;margin-top:4px}.sample-tag{font-size:6px;padding:3px}.dash-stats{gap:6px}.dash-stats>div{padding:8px 6px}.dash-stats>div>span{font-size:6px}.dash-stats strong{font-size:21px;margin-top:6px;letter-spacing:-.7px}.stat-icon{width:17px;height:17px}.stat-icon>svg{width:11px}.dash-stats small{font-size:5px;margin-top:5px}.dash-panels{gap:6px;grid-template-columns:1fr 1fr;margin-top:9px}.dash-chart,.dash-activity{padding:8px 6px}.panel-top{margin-bottom:12px}.panel-top strong{font-size:7px}.panel-top>span{font-size:5px}.panel-top select{font-size:6px;width:42px}.activity-item{gap:4px;padding:5px 0}.activity-item>span{font-size:5px}.activity-item small{font-size:5px;margin-top:2px}.activity-item>i{width:15px;height:15px;border-radius:3px}.activity-item>i>svg{width:9px}.chart-labels{font-size:5px;margin-top:8px}.chart-labels>span:nth-child(2n){display:none}.annotation-points{gap:5px;margin-top:20px}.annotation-points button{font-size:8px;gap:6px;padding:7px 5px}.annotation-points button>span{font-size:7px}.hero-art-bottom{font-size:6px;margin-top:17px;gap:5px}.hero-art-corner{font-size:5px;letter-spacing:1px}.design-note{font-size:7px;padding:8px 9px;left:15%;bottom:-7px}.work-section{padding-top:28px}.section-title{margin-bottom:27px}.section-title>div{display:block}.section-title h2{font-size:27px;letter-spacing:-1.1px}.section-english{display:block;font-size:6px;letter-spacing:1.2px;margin-top:9px}.section-number{position:static;display:block;font-size:7px;margin-bottom:10px;letter-spacing:1px}.subtle-link{font-size:8px;gap:4px;align-self:flex-end;margin-bottom:4px}.subtle-link svg{width:12px}.featured-projects,.secondary-projects{grid-template-columns:1fr;gap:32px}.featured-projects .project-card-baoge{margin-top:0}.project-art,.art-baoge{height:365px}.roadbridge-dashboard{left:8%;right:-35%;top:25%;transform:rotate(-5deg) scale(.82);transform-origin:top left}.dashboard-compact .dashboard-body{min-height:260px}.dashboard-compact .dashboard-content{padding:15px}.dashboard-compact .dash-heading h3{font-size:17px}.dashboard-compact .dash-heading small{font-size:6px}.dashboard-compact .dash-stats>div{padding:10px}.dashboard-compact .dash-stats>div>span{font-size:7px}.dashboard-compact .dash-stats strong{font-size:23px}.dashboard-compact .dash-panels{margin-top:14px}.dashboard-compact .dash-chart,.dashboard-compact .dash-activity{padding:10px}.dashboard-compact .activity-item>span{font-size:7px}.dashboard-compact .activity-item small{font-size:5px}.dashboard-compact .panel-top strong{font-size:8px}.dashboard-compact .line-chart{margin-top:10px}.art-label{font-size:6px;left:20px;right:20px;top:22px}.art-foot{font-size:7px;left:20px;right:20px;bottom:18px}.art-foot>span:last-child{display:block;font-size:4px}.phone-stage{left:14%;width:79%;top:21%;gap:12px}.phone{border-radius:22px;padding:10px;width:53%}.phone-status{font-size:5px;margin-bottom:13px}.phone-top strong{font-size:11px}.phone-tabs{font-size:5px;margin:14px 0 16px}.phone-value{font-size:19px;margin-top:7px;margin-bottom:13px}.phone-data b{font-size:13px}.phone-data small,.phone-data em{font-size:6px}.phone-nav{margin-top:18px}.phone-list{display:block}.phone-list>div{font-size:5px;padding-top:10px}.phone-list small{font-size:4px}.phone-label{font-size:5px}.phone .line-chart{margin-bottom:17px}.bars{height:100px;transform:scaleY(.8);margin-top:-14px}.project-info{margin-top:18px}.project-info h3{font-size:20px}.project-info p{font-size:9px;margin-top:9px}.project-description{font-size:10px;line-height:1.9;margin-top:11px}.project-open{display:none}.secondary-projects{margin-top:33px;gap:30px}.security-stage{left:8%;right:-65%;top:28%;transform:rotate(-5deg) scale(.78)}.work-editorial{padding:27px 15px 30px 0;min-height:240px;border-top:1px solid var(--line);margin-top:8px}.work-editorial h3{font-size:31px;line-height:1.5;margin-top:17px;letter-spacing:-1px}.work-editorial h3>br:nth-of-type(2){display:none}.work-editorial p{font-size:10px;margin-top:18px}.editorial-asterisk{font-size:85px;bottom:38px;right:20px;opacity:.75}.project-index{margin-top:20px}.index-heading{display:block;margin-bottom:18px}.index-heading>.mini-label{font-size:6px;letter-spacing:1.4px;display:block;margin-bottom:16px}.filter-tabs{gap:7px}.filter-tabs button{font-size:10px;padding:8px 11px}.project-rows>a{grid-template-columns:25px 1fr 17px;padding-block:20px}.project-rows strong{font-size:13px;line-height:1.7}.row-tags{display:none}.row-id{font-size:8px}.project-rows svg{width:16px}.practice-section{padding-block:60px}.practice-section .section-title{margin-bottom:23px}.practice-section .section-title h2{font-size:26px;line-height:1.5;max-width:330px}.practice-intro{display:block;margin-bottom:25px}.practice-intro p{font-size:11px;line-height:1.9}.practice-intro .text-link{margin-top:16px;font-size:10px}.visual-section{padding-block:47px}.visual-section .section-title{display:block;margin-bottom:27px}.visual-section .section-title h2{font-size:26px}.visual-intro{display:block;text-align:left;margin-top:18px;font-size:10px}.visual-intro>br{display:none}.exploration-grid{grid-template-columns:1fr;gap:29px}.exploration-art{aspect-ratio:1.25}.exploration-overlay{top:25px;right:25px;bottom:25px;left:25px}.exploration-overlay>strong{font-size:35px;letter-spacing:3px}.exploration-overlay>span:first-child{font-size:7px;letter-spacing:2px}.exploration-data .exploration-overlay>strong{font-size:27px;margin-top:16px}.exploration-meta h3{font-size:13px}.exploration-meta>div>span{font-size:9px}.color-swatches>i{width:12px;height:12px}.exploration-bottom{grid-template-columns:1fr;gap:20px;margin-top:29px}.sweets-preview>img{width:50%;height:165px}.sweets-preview>span{padding:15px 18px}.sweets-preview strong{font-size:13px}.graphic-study{min-height:180px}.graphic-rings{left:13%;top:-5%}.graphic-study-label{left:20px;top:20px;font-size:7px}.graphic-study>button{left:20px;bottom:20px;font-size:9px}.exploration-disclosure{font-size:8px;line-height:1.9;margin-top:22px}.about-section{padding-block:55px}.about-section .section-title{margin-bottom:32px}.about-section .section-title h2{font-size:28px}.about-grid{grid-template-columns:1fr;gap:42px}.about-monogram{width:160px;height:145px;margin-bottom:25px;float:right;margin-left:20px}.about-monogram>span{font-size:105px}.about-monogram>i{font-size:28px;right:11px;top:10px}.about-monogram>small{font-size:5px;letter-spacing:1.4px;bottom:13px;left:18px}.about-intro h3{font-size:23px;line-height:1.7;padding-top:8px;letter-spacing:-1px}.about-intro>p{font-size:11px;line-height:2.1;margin-top:15px;clear:both;padding-top:4px}.about-links{margin-top:22px;gap:25px}.experience-label{font-size:7px}.experience-item{padding-left:23px;padding-bottom:27px}.experience-item h4{font-size:20px}.experience-item>strong{font-size:11px}.experience-item>p{font-size:11px}.experience-period{font-size:9px}.education{margin-left:23px;flex-wrap:nowrap}.education>strong{font-size:10px}.site-footer{padding-top:38px}.footer-main{gap:18px;align-items:flex-end}.footer-main h2{font-size:29px;line-height:1.65;letter-spacing:-1.2px;margin-top:20px}.footer-main .eyebrow{font-size:5px;letter-spacing:1.3px;line-height:1.9;display:block;max-width:200px}.contact-orbit{height:72px;width:72px;min-width:72px;margin:0 0 8px;gap:0}.contact-orbit>svg{width:28px;height:28px}.contact-orbit>span{font-size:8px;margin-top:6px}.footer-contact{display:block;margin-top:25px;padding-bottom:27px}.footer-contact>a{font-size:17px;gap:10px}.footer-contact>a:last-child{font-size:9px;margin-top:17px;gap:8px}.footer-bottom{gap:17px;flex-wrap:wrap;margin-top:22px}.footer-bottom .identity{gap:8px}.footer-bottom .identity>svg{width:30px}.footer-bottom>span{order:3;width:100%;font-size:6px;color:#708266;margin-top:6px}.footer-bottom>button{margin-left:auto;font-size:6px}.reading-progress{top:69px}.case-intro{padding-top:24px}.case-intro>.text-link{font-size:10px}.case-title-row{margin-top:33px;gap:10px;align-items:flex-start}.case-title-row .eyebrow{font-size:6px;letter-spacing:1.4px}.case-title-row h1{font-size:29px;letter-spacing:-1.4px;line-height:1.45;margin-top:15px}.case-title-row p{font-size:11px;line-height:1.9;margin-top:15px}.case-big-number{font-size:46px;letter-spacing:-3px;padding-top:20px}.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:27px 30px}.case-meta>div:nth-child(2){grid-row:2;grid-column:1/-1}.case-meta>div{gap:7px}.case-meta small{font-size:6px}.case-meta span{font-size:10px}.case-cover .project-art{height:330px}.case-cover .roadbridge-dashboard{left:7%;right:-40%;top:23%;transform:rotate(-3deg) scale(.75)}.case-cover .dashboard-compact .dashboard-body{min-height:300px}.case-cover .dashboard-compact .dashboard-content{padding:17px}.case-cover .dashboard-compact .dashboard-sidebar{width:40px}.case-cover .dashboard-compact .dash-heading h3{font-size:19px}.case-cover .dashboard-compact .dash-heading{margin-bottom:15px}.case-cover .dashboard-compact .dash-stats>div{padding:10px}.case-cover .dashboard-compact .dash-stats>div>span{font-size:8px}.case-cover .dashboard-compact .dash-stats strong{font-size:23px}.case-cover .dashboard-compact .dash-panels{gap:10px;margin-top:14px}.case-cover .dashboard-compact .dash-chart,.case-cover .dashboard-compact .dash-activity{padding:10px}.case-cover .panel-top strong{font-size:8px}.case-cover .activity-item>span{font-size:7px}.case-cover .activity-item{padding:8px 0}.case-cover .phone-stage{left:16%;width:73%;top:19%;gap:12px}.case-cover .phone{width:53%;padding:9px;border-radius:22px}.case-cover .phone-top strong{font-size:11px}.case-cover .phone-value{font-size:18px}.case-cover .phone-list>div{font-size:5px}.case-cover .phone-list small{font-size:4px}.case-cover .phone-list i{width:16px;height:16px}.case-cover .phone-tabs{font-size:5px}.case-cover .phone-data b{font-size:13px}.case-cover .phone-label{font-size:4px}.case-cover .art-label{font-size:5px;left:17px;right:17px;top:19px}.case-cover .art-foot{font-size:7px;left:17px;right:17px;bottom:16px}.case-cover .art-foot>span:last-child{font-size:4px}.case-cover .security-stage{left:7%;right:-72%;top:25%;transform:rotate(-3deg) scale(.67)}.case-cover .security-layout>aside{width:90px}.case-cover .security-main{padding:17px}.case-cover .security-detail{width:110px;padding:20px 10px}.case-cover .security-tr{font-size:8px;padding:15px 5px}.case-cover .security-layout{min-height:280px}.case-cover-caption{font-size:7px;line-height:1.9;padding-top:12px}.case-reading{padding-top:20px}.case-toc{top:70px;margin-inline:-20px;padding-inline:20px;margin-bottom:30px;width:calc(100% + 40px);gap:5px}.case-toc>a{font-size:8px;padding:7px 8px;gap:5px}.case-summary{padding-bottom:30px}.case-summary>.eyebrow{font-size:7px}.case-summary h2{font-size:20px;line-height:1.9;margin-top:15px}.case-summary>p,.case-section>p{font-size:12px;line-height:2.1;margin-top:18px}.case-section{padding-block:32px 18px;scroll-margin-top:125px}.case-section>h2{font-size:24px;line-height:1.6;letter-spacing:-.8px}.case-section-label{font-size:7px;margin-bottom:12px}.case-section>p.case-lead{font-size:14px;line-height:1.9;margin-top:17px}.decision-list{margin-top:22px}.decision-list li{font-size:11px;padding-block:12px;gap:12px}.comparison{margin-top:25px;padding:16px 12px}.comparison-heading{display:block;padding:0 3px}.comparison-heading .mini-label{font-size:5px}.comparison-heading h3{font-size:14px;margin-top:8px}.segmented{display:inline-flex;margin-top:17px}.segmented button{font-size:9px;padding:8px 14px}.comparison-screen{margin-block:18px;overflow:hidden}.comparison-screen .security-mock{width:560px;transform:scale(.54);transform-origin:top left;margin-bottom:-130px}.comparison-screen .security-layout{min-height:235px}.comparison-screen .security-main{padding:15px}.comparison-screen .security-detail{width:100px}.comparison-screen .security-layout>aside{width:85px}.comparison-screen .security-tr{font-size:7px}.decision-points{gap:6px}.decision-points button{font-size:9px;gap:9px;padding:8px}.demo-caption{font-size:7px!important;padding-inline:3px}.system-layers{grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.system-layers>div{min-height:135px;padding:20px 15px;gap:13px}.system-layers small{font-size:5px}.case-palette>span{padding:17px 12px;font-size:12px;min-height:85px}.case-palette small{font-size:6px;margin-top:20px}.case-palette p{font-size:8px;line-height:1.9}.case-takeaways>p{font-size:11px;gap:12px}.case-takeaways>h2{font-size:23px;margin-top:14px}.evidence-title{display:block}.evidence-title h2{font-size:22px;line-height:1.6}.evidence-title .text-link{margin-top:17px;font-size:10px}.case-evidence{padding-bottom:45px}.case-evidence>p{font-size:10px}.evidence-images>button>span{font-size:9px}.next-case{padding-block:35px 45px}.next-case>h2{font-size:25px;max-width:85%;line-height:1.5;margin-top:14px}.next-case>.eyebrow{font-size:7px}.next-case>svg{width:30px;right:0;top:56px}.modal{padding:12px;max-width:100vw;max-height:94dvh}.modal-close{width:34px;height:34px;top:11px;right:11px}.contact-modal .modal-inner{padding:53px 24px 28px}.contact-modal h2{font-size:30px}.contact-modal .eyebrow{font-size:8px}.contact-modal p{font-size:12px}.contact-email{font-size:19px;padding:23px 0;margin-top:10px;gap:8px}.contact-email>svg{width:17px}.contact-buttons{gap:10px}.contact-buttons .button{font-size:10px;padding:12px 13px;gap:9px}.explore-modal .modal-inner>img{aspect-ratio:1.2}.explore-modal-copy{padding:26px 23px}.explore-modal-copy h2{font-size:29px}.explore-modal-copy>p{font-size:11px;line-height:2}.explore-modal-copy>small{font-size:8px}.explore-palette>span{font-size:6px}.lightbox-caption{padding:17px;gap:12px;flex-wrap:wrap}.lightbox-caption strong{font-size:11px}.lightbox-caption>span{font-size:8px}.lightbox-caption>a{font-size:9px}.not-found{padding-block:100px 130px}.not-found h1{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.workbench-study{background:#fff;border:1px solid #dde3ec;border-radius:6px;box-shadow:0 8px 20px #20304d0d;overflow:hidden;color:#273449;font-size:10px;min-height:276px}.study-header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid #e8edf4;background:#fafbfe}.study-header strong{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:550}.study-header>span{font-size:8px;color:#758198}.study-title{padding:20px 20px 17px;display:flex;justify-content:space-between;align-items:center}.study-title small{font-size:6px;letter-spacing:1px;color:#8a98ac}.study-title h4{font-size:16px;font-weight:550;margin-top:7px}.study-title>span{font-size:8px;color:#7d8ba2}.study-columns{display:grid;grid-template-columns:1.7fr 1fr;gap:13px;padding:0 20px}.study-tasks,.study-overview{border:1px solid #e5eaf2;border-radius:4px;padding:13px;transition:box-shadow .25s,background .25s}.study-tasks>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.study-tasks>div:first-child>span{color:#5675d5;font-size:8px}.study-task{display:flex;gap:9px;align-items:center;padding:13px 0 7px}.study-task>i{width:23px;height:23px;display:grid;place-items:center;font-style:normal;background:#edf2ff;color:#4f6de0;border-radius:5px}.study-task>span{display:flex;flex-direction:column;gap:5px;flex:1}.study-task strong{font-size:9px;font-weight:500}.study-task small{font-size:7px;color:#7f8b9b}.study-task>b{font-size:8px;font-weight:500;color:#4a68d4}.study-overview>small{font-size:9px;color:#6e7c90}.study-overview>strong{font-size:25px;display:flex;align-items:baseline;gap:8px;margin-top:9px;font-weight:550}.study-overview>strong>span{font-size:7px;font-weight:400;color:#8c99aa}.study-mini-bars{height:44px;display:flex;gap:8px;align-items:flex-end;margin-top:13px}.study-mini-bars i{flex:1;background:#b9cafa;border-radius:2px 2px 0 0}.study-mini-bars i:last-child{background:#5674df}.study-shortcuts{display:flex;align-items:center;gap:17px;margin:17px 20px;padding:11px 10px;border-radius:3px;transition:box-shadow .25s,background .25s}.study-shortcuts small{font-size:8px;color:#7f8b9b}.study-shortcuts>span{display:flex;align-items:center;gap:6px;font-size:8px}.study-shortcuts svg{color:#6882d3}.study-before{color:#697381}.study-old-nav{padding:13px 18px;background:#f0f2f5;font-size:9px;line-height:2}.study-old-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:19px}.study-old-grid>div{border:1px solid #e3e7ec;padding:12px;min-height:90px}.study-old-grid strong{font-size:10px;font-weight:500}.study-placeholder{display:block;width:85%;height:4px;background:#e4e7ec;margin-top:12px}.study-placeholder:nth-of-type(2){width:65%;margin-top:6px}.study-old-grid small{font-size:7px;display:block;margin-top:8px;color:#8d96a1}.comparison-roadbridge.comparison-focus-0 .is-after .study-tasks,.comparison-roadbridge.comparison-focus-1 .is-after .study-shortcuts,.comparison-roadbridge.comparison-focus-2 .is-after .study-overview{box-shadow:0 0 0 2px #4f72ed;background:#f7f9ff}.comparison-security.comparison-focus-0 .is-after .security-layout>aside,.comparison-security.comparison-focus-1 .is-after .risk,.comparison-security.comparison-focus-2 .is-after .security-detail{box-shadow:inset 0 0 0 2px #5677ec;background:#f3f6ff}.art-foot>span:last-child{font-size:9px!important;letter-spacing:.3px;opacity:.8}.project-description,.hero-description,.practice-intro p,.visual-intro,.about-intro>p,.experience-item>p,.case-summary>p,.case-section>p{color:#68715f}.case-toc>a{color:#6e7864}.demo-caption{color:#697979!important}.exploration-disclosure{color:#6d7666}.contact-copy-error{color:#93452c;font-size:11px;line-height:1.8}@media(max-width:600px){.workbench-study{min-height:265px}.study-header{padding:12px}.study-header strong{font-size:10px}.study-header>span{font-size:7px}.study-title{padding:17px 13px 14px}.study-title h4{font-size:13px}.study-title>span{display:none}.study-columns{grid-template-columns:1fr;gap:12px;padding:0 13px}.study-tasks{padding:12px}.study-overview{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.study-overview>strong{font-size:20px;margin:0}.study-mini-bars{width:65px;height:30px;margin:0;gap:4px}.study-shortcuts{gap:10px;margin:13px 10px;padding:9px 6px;flex-wrap:wrap}.study-shortcuts>span{font-size:7px;gap:4px}.study-old-grid{grid-template-columns:1fr 1fr;padding:13px;gap:9px}.study-old-grid>div{min-height:83px}.study-old-nav{font-size:8px;padding:12px}.art-foot>span:last-child{font-size:7px!important}.comparison .decision-points button{font-size:10px}.demo-caption{font-size:9px!important}}:root{--paper:#f8f8f4;background:var(--paper);--line:#e0e2da}html{scroll-padding-top:90px}section[id],div[id]{scroll-margin-top:24px}.site-header{height:80px;background:#f8f8f4e8}.header-inner{border-bottom-color:#e0e2da80}.identity{gap:10px}.identity .brand-mascot{width:47px;height:47px;object-fit:contain;transition:transform .45s var(--ease)}.identity>span{font-size:12px;letter-spacing:1.6px}.identity small{font-size:9px;letter-spacing:.5px}.logo-link:hover .brand-mascot{transform:rotate(-13deg) translateY(-3px)}.site-header nav{gap:32px}.nav-contact{display:flex;align-items:center;gap:18px;border:1px solid #d8dcd1;border-radius:30px;padding:11px 18px;font-size:12px;background:#f1f3eb;transition:background .2s,transform .3s}.nav-contact:hover{background:#e7ecd9;transform:translateY(-2px)}.hero{min-height:600px;padding-block:36px 44px;gap:38px}.hero-copy{padding-bottom:48px}.hello-pill{display:inline-flex;align-items:center;align-self:flex-start;gap:11px;margin-bottom:25px;font-size:13px;color:#535e53}.hello-pill img{width:44px;height:44px;object-fit:cover;object-position:50% 20%;border-radius:50%;border:3px solid white;box-shadow:0 2px 10px #17231712;transition:transform .35s}.hello-pill:hover img{transform:rotate(-8deg) scale(1.08)}.hello-pill i{font-style:normal;display:inline-block;color:#cc8556;margin-left:6px;transition:transform .5s}.hello-pill:hover i{transform:rotate(90deg)}.hero-copy .eyebrow{font-size:9px;margin-bottom:15px;letter-spacing:2px}.hero-copy .small-cross{display:none}.hero h1{font-size:clamp(48px,5.1vw,74px);line-height:1.23}.hero-description{font-size:14px;line-height:1.95;margin-top:23px}.hero-actions{margin-top:26px;gap:25px}.hero-actions .button{border-radius:30px;padding-inline:23px}.hero-bottom{font-size:10px;letter-spacing:.3px;align-items:center;gap:12px;flex-wrap:wrap;right:0}.hero-bottom>span:last-child{display:flex;gap:7px;align-items:center;color:#8d9588;font-size:9px}.hero-bottom svg{transform:rotate(90deg)}.hero-art{transform:rotate(-1deg);transition:transform .6s var(--ease);padding-block:18px}.hero-art:focus-within,.hero-art:hover{transform:rotate(0)}.hero-art:before{content:"";width:300px;height:300px;position:absolute;left:18%;top:12%;background:#e9edfb;border-radius:50%;filter:blur(45px);opacity:.65;pointer-events:none}.hero-art-top{margin-bottom:18px}.hero-art-top .mini-label{font-size:8px}.detail-toggle{font-size:10px}.hero-art-bottom{margin-top:17px;font-size:9px}.annotation-points{margin-top:16px}.annotation-points button{background:var(--paper);font-size:10px}.work-section{padding-block:40px 65px}.section-title h2{font-size:30px;letter-spacing:-1px}.section-english{font-size:8px;letter-spacing:1.5px}.section-aside{font-size:12px;color:#858e7f}.work-section .featured-projects{display:grid;grid-template-columns:1.13fr 1fr;gap:26px 32px;align-items:start}.work-section .project-card{margin:0;min-width:0;--tilt-x:0deg;--tilt-y:0deg}.work-section .project-featured{grid-row:span 2;align-self:stretch;display:flex;flex-direction:column}.work-section .project-cover{border-radius:13px;transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s var(--ease);will-change:transform;isolation:isolate}.work-section .project-featured .project-cover{flex:1;min-height:497px}.work-section .project-art{height:210px;min-height:0}.work-section .project-featured .project-art{height:100%;min-height:497px}.work-section .project-info{margin-top:16px;gap:10px}.work-section .project-info h3{font-size:19px;letter-spacing:-.6px}.work-section .project-info p{font-size:10px;margin-top:7px}.work-section .project-description{font-size:12px;line-height:1.8;margin-top:10px;max-width:94%}.work-section .project-card:not(.project-featured) .project-description{display:none}.project-open{width:auto;height:37px;border-radius:30px;padding:0 13px;gap:10px;display:flex;right:16px;bottom:16px;background:#fffffff0;color:#26352f;border:0;box-shadow:0 3px 12px #15211614}.project-open>span{font-size:10px}.project-card:focus-visible .project-open{opacity:1;transform:none}.work-section .art-label{top:22px;left:25px;right:25px;font-size:7px}.work-section .art-foot{left:25px;right:25px;bottom:21px}.work-section .art-foot>span:first-child{font-size:11px}.work-section .art-foot>span:last-child{font-size:8px!important}.work-section .roadbridge-dashboard{top:22%;left:9%;right:-18%;transform:rotate(-6deg)}.work-section .roadbridge-dashboard .dashboard-body{min-height:330px}.work-section .roadbridge-dashboard .dashboard-content{padding:24px 18px}.work-section .roadbridge-dashboard .dash-panels{margin-top:22px}.work-section .art-baoge .phone-stage{top:13%;left:36%;width:58%;gap:14px}.work-section .art-baoge .phone{min-width:155px;padding:10px;border-radius:23px}.work-section .art-baoge .art-foot>span:first-child{display:none}.work-section .art-baoge .art-label{align-items:flex-start;line-height:1.9}.work-section .art-baoge .art-label>span:last-child{display:none}.work-section .art-baoge .phone-top strong{font-size:13px}.work-section .art-baoge .phone-value{font-size:22px}.work-section .art-baoge .phone-tabs{margin-block:12px;font-size:6px}.work-section .security-stage{left:27%;right:-30%;top:25%;transform:rotate(-6deg)}.work-section .art-security .art-foot>span:first-child{display:none}.work-section .art-security .art-label{max-width:155px;line-height:1.7}.work-section .art-security .art-label>span:last-child{display:none}.more-work{display:grid;grid-template-columns:170px 1fr 1fr;gap:24px;align-items:center;margin-top:36px;padding-top:25px;border-top:1px solid var(--line)}.more-work>span{font-size:12px;color:#7c8775;display:flex;align-items:center;gap:13px}.more-work>a{display:flex;align-items:center;gap:14px;padding:9px;border-radius:9px;transition:background .25s,transform .25s;min-width:0}.more-work>a:hover{background:#ebeee5;transform:translateY(-3px)}.more-work img{width:72px;height:53px;object-fit:cover;border-radius:5px}.more-work>a>div{flex:1}.more-work strong{font-size:13px;font-weight:500}.more-work small{display:block;font-size:10px;color:#8a9382;margin-top:7px}.more-work svg{flex-shrink:0}.visual-section{background:#eeefe8;padding-block:50px 48px;overflow:hidden}.visual-section .section-title{margin-bottom:28px}.visual-section .section-title>div{display:flex}.visual-section .section-english{display:none}.visual-intro{font-size:12px;padding:4px 0;line-height:1.8}.exploration-grid{grid-template-columns:repeat(3,1fr);gap:23px}.exploration-art{aspect-ratio:1.3;border-radius:10px;transition:transform .45s var(--ease),box-shadow .45s}.exploration-card:nth-child(2){padding-top:20px}.exploration-card:nth-child(3){padding-top:5px}.exploration-card:hover .exploration-art{transform:translateY(-5px) rotate(-1deg);box-shadow:0 15px 25px #28332216}.exploration-card:nth-child(2):hover .exploration-art{transform:translateY(-5px) rotate(1deg)}.exploration-overlay{top:21px;right:21px;bottom:21px;left:21px}.exploration-overlay>span:first-child{font-size:6px;letter-spacing:1.5px}.exploration-overlay>strong{font-size:30px;letter-spacing:2px;margin-top:13px}.exploration-data .exploration-overlay>strong{font-size:24px}.exploration-meta{margin-top:14px}.exploration-meta h3{font-size:15px}.exploration-meta>div>span{font-size:10px;line-height:1.6;margin-top:6px}.color-swatches{gap:3px}.color-swatches>i{height:10px;width:10px}.exploration-sweets .exploration-art>img{object-position:70% center}.practice-section{padding-block:42px}.method-invitation{display:flex;justify-content:space-between;gap:35px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:36px}.method-invitation .mini-label{font-size:8px;letter-spacing:1.8px;color:#899280}.method-invitation h2{font-size:25px;letter-spacing:-.7px;font-weight:550;margin-top:13px;line-height:1.5}.method-invitation p{font-size:12px;color:#7a8473;line-height:1.8;margin-top:12px}.method-toggle{display:flex;align-items:center;gap:23px;white-space:nowrap;background:#e9eecf;padding:19px 22px;border-radius:40px;font-size:12px;transition:transform .3s,background .2s}.method-toggle:hover{transform:rotate(-2deg);background:#e1e9b7}.method-toggle[aria-expanded=true]{background:#e8ebf4;color:#3a5ed8}.design-lab:not([hidden]){padding-top:28px;animation:lab-enter .35s var(--ease)}.design-lab[hidden]{display:none}@keyframes lab-enter{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.about-section{padding-block:28px 58px}.about-section .section-title{margin-bottom:32px}.about-grid{grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.about-intro{display:flex;align-items:center;gap:28px}.portrait-card{position:relative;width:200px;flex-shrink:0;transform:rotate(-3deg);transition:transform .5s var(--ease)}.portrait-card>img{width:200px;height:240px;object-fit:cover;border:7px solid white;border-radius:9px;box-shadow:0 6px 25px #1d2a1b15}.portrait-card:hover{transform:rotate(0)}.portrait-sticker{position:absolute;bottom:-10px;left:30px;right:-9px;background:#e4eccd;box-shadow:0 4px 10px #26331a12;transform:rotate(6deg);padding:11px 12px;border-radius:3px;font-size:12px;font-style:italic;display:flex;align-items:center;gap:12px;white-space:nowrap}.portrait-sticker i{font-size:19px;font-style:normal;color:#527745}.about-person-copy h3{font-size:24px;line-height:1.7;font-weight:500}.about-person-copy p{font-size:12px;line-height:2;color:#7a8473;margin-top:15px}.about-person-copy .text-link{margin-top:23px;font-size:12px}.experience-label{font-size:10px;letter-spacing:.4px;margin-bottom:15px}.experience-item{border:0;border-top:1px solid var(--line);padding:0}.experience-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:115px 1fr 17px;gap:12px;align-items:center;padding:19px 0}.experience-item summary::-webkit-details-marker{display:none}.experience-period{font-size:9px;letter-spacing:0;line-height:1.8;color:#8a9381}.experience-summary>strong{font-size:15px;font-weight:500}.experience-summary>span{display:block;margin-top:7px;color:#7c8674;font-size:10px;line-height:1.6}.experience-item summary>svg{color:#93a17e;transition:transform .3s}.experience-item[open] summary>svg{transform:rotate(45deg)}.experience-item>p{font-size:12px;line-height:1.9;padding:0 0 18px 127px;margin:0;color:#6f7b65}.education{margin-left:0;padding-top:17px;gap:13px}.education>strong{font-size:10px}.education>span{font-size:8px;letter-spacing:.4px}.site-footer{padding:40px 0 22px;background:#253129}.footer-main{align-items:center}.footer-main h2{font-size:37px;line-height:1.5;font-weight:450;margin-top:13px}.footer-main .eyebrow{font-size:7px;letter-spacing:1.7px}.footer-phone{padding-right:20px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-phone>span{font-size:10px;color:#9da991}.footer-phone>a{font-size:27px;display:flex;align-items:center;gap:25px;font-weight:400;letter-spacing:1px}.footer-phone>.text-link{font-size:11px;color:#b6c79d;margin-top:5px}.footer-phone>a:hover{color:#d9edb3}.footer-bottom{border-top:1px solid #ffffff1c;padding-top:22px;margin-top:32px}.footer-bottom .brand-mascot{width:38px;height:38px}.footer-bottom>button{font-size:10px;letter-spacing:.5px}.contact-person{display:flex;gap:15px;align-items:center;margin-bottom:30px}.contact-person img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:3px solid white}.contact-person>span{font-size:18px}.contact-person small{display:block;font-size:10px;color:#939c88;margin-top:8px;letter-spacing:1px}.contact-number{font-size:32px;letter-spacing:1px;display:flex;gap:22px;align-items:center;margin:28px 0 10px;white-space:nowrap}.contact-channel{font-size:11px;color:#8a947e}.contact-buttons{margin-top:28px}.contact-modal .button{border-radius:30px}.reveal-ready{opacity:0;transform:translateY(17px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal-ready.is-visible{opacity:1;transform:none}.exploration-card:nth-child(2).reveal-ready{transition-delay:65ms}.exploration-card:nth-child(3).reveal-ready{transition-delay:.13s}@media(max-width:1100px){.section-shell,.header-inner{width:calc(100% - 72px)}.hero{gap:25px}.hero h1{font-size:51px}.hero-bottom>span:last-child{display:none}.work-section .project-featured .project-cover,.work-section .project-featured .project-art{min-height:490px}.about-grid{gap:35px}.about-intro{gap:20px}.portrait-card,.portrait-card>img{width:165px}.portrait-card>img{height:205px}.portrait-sticker{left:10px;font-size:10px}.about-person-copy h3{font-size:21px}.experience-item summary{grid-template-columns:100px 1fr 16px;gap:9px}.experience-item>p{padding-left:109px}.footer-phone>a{font-size:24px}}@media(max-width:800px){.section-shell,.header-inner{width:calc(100% - 44px)}.hero{padding-top:25px;min-height:0;gap:22px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-copy .eyebrow{font-size:7px}.hello-pill{font-size:11px;margin-bottom:21px}.hello-pill img{width:36px;height:36px}.hero-description{font-size:12px}.hero-actions{gap:16px}.hero-actions .button{font-size:11px;padding:12px 16px}.hero-actions .text-link{font-size:11px}.hero-art{transform:none}.hero-art-top .mini-label{display:none}.hero-art-top{justify-content:flex-end}.hero .dashboard-content{padding:13px 11px}.hero .dashboard-sidebar{width:33px;padding-inline:3px}.hero .dash-stats>div{padding:8px 6px}.hero .dash-stats strong{font-size:21px}.hero .dash-panels{grid-template-columns:1fr}.hero .dash-chart{display:none}.hero .dash-activity{display:block}.hero .dashboard-body{min-height:280px}.hero .activity-item>span{font-size:9px}.hero .activity-item small{font-size:7px}.annotation-points{gap:3px}.annotation-points button{font-size:8px;padding:7px 4px}.hero-art-bottom{font-size:7px}.hero-art-corner{display:none}.section-title h2{font-size:26px}.section-aside{font-size:11px}.work-section .featured-projects{gap:23px}.work-section .project-art{height:185px}.work-section .project-featured .project-cover,.work-section .project-featured .project-art{min-height:450px}.work-section .project-info h3{font-size:17px}.work-section .project-info p{font-size:9px}.work-section .project-description{font-size:11px}.work-section .art-label{font-size:6px;left:18px;right:18px;top:19px}.work-section .art-foot{left:18px;right:18px;bottom:17px}.work-section .art-foot>span:first-child{display:none}.work-section .roadbridge-dashboard{left:13%;right:-78%;top:24%}.work-section .art-baoge .phone-stage{left:38%;width:100%;top:20%}.work-section .art-baoge .phone{min-width:135px}.work-section .security-stage{left:25%;right:-110%;top:32%;transform:rotate(-6deg) scale(.85)}.more-work{grid-template-columns:1fr 1fr;gap:15px;margin-top:27px}.more-work>span{grid-column:1/-1;font-size:10px}.more-work img{width:55px;height:45px}.more-work strong{font-size:11px}.more-work small{font-size:9px}.more-work>a{gap:11px;padding:5px}.exploration-grid{gap:15px}.exploration-overlay{top:16px;right:16px;bottom:16px;left:16px}.exploration-overlay>strong{font-size:24px}.exploration-data .exploration-overlay>strong{font-size:19px}.exploration-meta h3{font-size:13px}.exploration-meta>div>span{font-size:8px}.color-swatches{display:none}.visual-intro{font-size:10px}.method-invitation{gap:25px}.method-invitation h2{font-size:23px}.method-invitation p{font-size:11px;max-width:340px}.method-toggle{padding:16px 19px;gap:14px;font-size:11px}.about-grid{gap:32px;grid-template-columns:1fr}.about-intro{gap:32px}.portrait-card,.portrait-card>img{width:170px}.portrait-card>img{height:205px}.about-person-copy h3{font-size:25px}.experience-item summary{grid-template-columns:145px 1fr 17px}.experience-item>p{padding-left:154px}.experience-period{font-size:10px}.experience-summary>strong{font-size:16px}.experience-summary>span{font-size:11px}.footer-main h2{font-size:32px}.footer-phone{padding-right:0}.footer-phone>a{font-size:21px;gap:13px}}@media(max-width:600px){.site-header{height:70px}.header-inner,.section-shell{width:calc(100% - 40px)}.identity .brand-mascot{width:39px;height:39px}.identity>span{font-size:10px}.identity small{font-size:7px}.site-header nav{gap:15px}.site-header nav.nav-open{top:69px;background:var(--paper)}.nav-contact{justify-content:space-between;border-radius:8px;padding:14px 16px!important;font-size:12px}.hero{grid-template-columns:1fr;padding-top:24px;padding-bottom:28px;gap:14px}.hero-copy{padding-bottom:0}.hello-pill{margin-bottom:20px;font-size:12px}.hello-pill img{width:39px;height:39px}.hero-copy .eyebrow{font-size:8px;margin-bottom:13px}.hero h1{font-size:49px;letter-spacing:-2.6px;line-height:1.22}.hero-description{font-size:13px;line-height:1.9;margin-top:20px}.hero-actions{margin-top:24px;gap:25px}.hero-actions .button{font-size:12px;padding:13px 19px}.hero-bottom{display:none}.hero-art{padding-top:10px;padding-bottom:0;margin-top:0}.hero-art-top{margin-bottom:11px}.hero-art-top .mini-label{display:block;font-size:6px}.hero-art-top{justify-content:space-between}.detail-toggle{font-size:9px}.hero .dashboard-body{min-height:0}.hero .dash-panels{grid-template-columns:1fr 1fr;gap:8px}.hero .dash-chart{display:block}.hero .dash-activity{padding:10px 8px}.hero .dashboard-content{padding:15px 12px}.hero .dash-heading{margin-bottom:14px}.hero .dash-heading h3{font-size:16px}.hero .dash-stats>div>span{font-size:7px}.hero .dash-stats strong{font-size:22px}.hero .dash-stats small{font-size:6px}.hero .activity-item>span{font-size:7px}.hero .activity-item small{font-size:6px}.hero .activity-item>i{width:15px;height:15px}.hero .panel-top strong{font-size:7px}.hero .dash-panels{margin-top:10px}.hero .panel-top{margin-bottom:8px}.hero .dash-stats .stat-icon{width:20px;height:20px}.annotation-points{margin-top:14px;gap:8px;justify-content:space-between}.annotation-points button{font-size:9px;padding:6px 8px}.annotation-points button i{display:none}.hero-art-bottom{font-size:8px;margin-top:10px}.hero-art:before{width:230px;height:230px;filter:blur(35px)}.work-section{padding-block:25px 37px}.section-title{margin-bottom:23px}.section-title h2{font-size:25px;letter-spacing:-.9px}.section-english{display:none}.section-number{font-size:8px}.section-aside{display:none}.work-section .featured-projects{grid-template-columns:1fr;gap:26px}.work-section .project-featured{grid-row:auto}.work-section .project-featured .project-cover,.work-section .project-featured .project-art{min-height:290px}.work-section .project-art{height:215px}.work-section .project-cover{border-radius:10px}.work-section .project-info{margin-top:14px}.work-section .project-info h3{font-size:19px}.work-section .project-info p{font-size:10px;margin-top:7px}.work-section .project-description{font-size:12px;max-width:100%;margin-top:10px}.work-section .project-card:not(.project-featured) .project-description{display:none}.work-section .project-open{display:flex;opacity:1;transform:none;font-size:9px;height:30px;padding:0 10px;bottom:15px;right:15px}.project-open>span{font-size:9px}.project-open>svg{width:15px}.work-section .roadbridge-dashboard{left:9%;right:-24%;top:23%;transform:rotate(-5deg) scale(.85);transform-origin:top left}.work-section .roadbridge-dashboard .dashboard-body{min-height:260px}.work-section .roadbridge-dashboard .dashboard-content{padding:16px}.work-section .art-label{font-size:6px;top:20px}.work-section .art-foot>span:last-child{font-size:7px!important}.work-section .art-baoge .phone-stage{left:36%;width:77%;top:17%;gap:12px}.work-section .art-baoge .phone{min-width:146px;width:53%;padding:10px}.work-section .security-stage{left:27%;right:-75%;top:26%;transform:rotate(-5deg) scale(.8);transform-origin:top left}.more-work{grid-template-columns:1fr;gap:12px;margin-top:28px;padding-top:20px}.more-work>span{margin-bottom:3px;font-size:11px}.more-work>a{padding:7px 0;gap:15px}.more-work img{width:65px;height:47px}.more-work strong{font-size:13px}.more-work small{font-size:10px;margin-top:6px}.visual-section{padding-block:34px 31px}.visual-section .section-title{display:block;margin-bottom:23px}.visual-section .section-title>div{display:flex}.visual-intro{font-size:11px;margin-top:14px;padding:0}.exploration-grid{grid-template-columns:1fr 1fr;gap:22px 15px}.exploration-card:nth-child(2){padding-top:18px}.exploration-card:nth-child(3){grid-column:1/-1;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.exploration-card:nth-child(3) .exploration-meta{margin:0}.exploration-card:nth-child(3) .exploration-art{aspect-ratio:1.7}.exploration-card:nth-child(3) .exploration-meta h3{line-height:1.7}.exploration-art{aspect-ratio:.86;border-radius:8px}.exploration-overlay{top:14px;right:14px;bottom:14px;left:14px}.exploration-overlay>span:first-child{font-size:5px;letter-spacing:.9px;max-width:75px;line-height:1.7}.exploration-overlay>strong{font-size:24px;margin-top:13px;letter-spacing:2px}.exploration-data .exploration-overlay>strong{font-size:17px;letter-spacing:.6px;line-height:1.4;margin-top:12px}.exploration-meta{margin-top:12px}.exploration-meta h3{font-size:13px}.exploration-meta>div>span{font-size:9px;line-height:1.7}.exploration-open{opacity:1;transform:none;width:26px;height:26px;bottom:12px;right:12px}.exploration-open svg{width:13px}.exploration-sweets .exploration-open{display:none}.practice-section{padding-block:29px}.method-invitation{display:block;padding-bottom:28px}.method-invitation h2{font-size:22px;margin-top:11px}.method-invitation .mini-label{font-size:7px}.method-invitation p{font-size:12px;line-height:1.9;margin-top:12px}.method-toggle{margin-top:20px;font-size:11px;padding:13px 18px;gap:25px}.method-toggle>svg{width:18px;height:18px}.design-lab:not([hidden]){padding-top:22px}.about-section{padding-block:10px 38px}.about-section .section-title{margin-bottom:28px}.about-section .section-title h2{font-size:24px}.about-grid{gap:31px}.about-intro{gap:23px}.portrait-card,.portrait-card>img{width:139px}.portrait-card>img{height:175px;border-width:5px}.portrait-sticker{left:7px;right:-13px;bottom:-8px;font-size:9px;padding:8px;gap:8px}.portrait-sticker i{font-size:15px}.about-person-copy h3{font-size:21px;line-height:1.7;padding:0}.about-person-copy p{font-size:11px;line-height:1.9;margin-top:13px}.about-person-copy .text-link{font-size:11px;margin-top:17px}.experience-label{font-size:9px;margin-bottom:14px}.experience-item summary{grid-template-columns:99px 1fr 16px;padding:17px 0;gap:10px}.experience-period{font-size:9px}.experience-summary>strong{font-size:15px}.experience-summary>span{font-size:10px;margin-top:6px}.experience-item>p{padding:0 0 17px;font-size:12px;line-height:1.9}.education{padding-top:17px;gap:10px}.education>span{font-size:7px;letter-spacing:0}.education>strong{font-size:10px}.site-footer{padding-top:30px;padding-bottom:20px}.footer-main{display:block}.footer-main h2{font-size:32px;margin-top:12px;line-height:1.5}.footer-main .eyebrow{font-size:6px;max-width:none}.footer-phone{margin-top:25px;gap:11px}.footer-phone>a{font-size:26px;letter-spacing:.8px;gap:23px}.footer-phone>.text-link{margin-top:0}.footer-bottom{margin-top:26px;padding-top:18px;gap:12px}.footer-bottom .brand-mascot{width:32px;height:32px}.footer-bottom>span{font-size:7px}.footer-bottom>button{font-size:8px}.contact-person{margin-bottom:25px}.contact-person img{width:53px;height:53px}.contact-person>span{font-size:16px}.contact-number{font-size:27px;letter-spacing:.5px;gap:17px;margin-top:25px}.contact-number svg{width:21px}.contact-channel{font-size:10px}.contact-buttons{margin-top:24px}.contact-buttons .button{font-size:11px;padding:12px 17px}.contact-modal h2{font-size:28px}.contact-modal p{font-size:12px}}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}.hero-art,.portrait-card{transform:none}.project-cover{transform:none!important}.design-lab:not([hidden]){animation:none}}.avatar-crop{position:relative;display:block;overflow:hidden;border-radius:50%;width:44px;height:44px;flex-shrink:0;background:#a4a5a7;border:3px solid #fff;box-shadow:0 2px 10px #17231712;transition:transform .35s}.hello-pill .avatar-crop>img,.contact-person .avatar-crop>img{position:absolute;max-width:none;width:200%;height:auto;left:-50%;top:-4%;border:0;border-radius:0;box-shadow:none;transform:none;object-fit:initial}.hello-pill:hover .avatar-crop{transform:rotate(-7deg) scale(1.05)}.contact-person .avatar-crop{width:64px;height:64px}.contact-person>.avatar-crop{font-size:0}@media(max-width:600px){.hello-pill .avatar-crop{width:39px;height:39px}.contact-person .avatar-crop{width:53px;height:53px}}:root{--motion-fast:.18s;--motion-base:.24s;--text-secondary:#596453}.identity .brand-mascot{width:53px;height:53px;padding:3px 1px 0;background:#fff;border:1px solid #e3e6de;border-radius:15px;object-fit:contain;transition:transform var(--motion-base) var(--ease),box-shadow var(--motion-base)}.identity>span{font-size:12px}.identity small{font-size:10px;color:#66705f;letter-spacing:.2px}.logo-link:hover .brand-mascot{transform:translateY(-2px) rotate(-4deg);box-shadow:0 5px 14px #24301a0c}.site-footer .identity small{color:#c0c9b6}.footer-bottom .brand-mascot{width:43px;height:43px;border-radius:12px}.hero{grid-template-columns:1fr 1.12fr;min-height:610px;padding-top:42px;gap:46px}.hero-copy{padding-bottom:39px}.hero-person{display:flex;gap:24px;align-items:center;margin-bottom:26px}.hero-portrait{position:relative;width:112px;height:135px;flex-shrink:0;transform:rotate(-3deg);transition:transform var(--motion-base) var(--ease)}.hero-portrait>img{width:100%;height:100%;object-fit:cover;border:5px solid #fff;border-radius:9px;box-shadow:0 6px 19px #26312316}.hero-portrait>span{position:absolute;bottom:-7px;right:-11px;background:#e1e9c5;color:#607447;border-radius:50%;width:33px;height:33px;font-size:24px;display:grid;place-items:center;transform:rotate(12deg)}.hero-portrait:hover{transform:rotate(0) translateY(-2px)}.hero-greeting{font-size:12px;color:#62705b;margin-bottom:11px;line-height:1.7}.hero h1{font-size:46px;font-weight:600;letter-spacing:1px;line-height:1.2}.hero h1>span{display:block;font-size:10px;letter-spacing:2.3px;font-weight:450;color:#64715c;margin-top:12px}.hero-role{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.7;color:#47573f;margin-top:14px;white-space:nowrap}.hero-role>i{height:3px;width:3px;border-radius:50%;background:#93a17f}.hero-statement{font-size:clamp(29px,3vw,42px);line-height:1.45;font-weight:550;letter-spacing:-1.1px}.hero-statement .title-underline:after{height:3px;background:#9caf83;bottom:1px;transform:rotate(-2deg);opacity:.8}.hero-description{font-size:14px;line-height:1.9;color:var(--text-secondary);margin-top:20px}.hero-actions{margin-top:25px}.hero-actions .button,.hero-actions .text-link{font-size:13px}.hero-bottom{font-size:11px;color:#69775e}.hero-bottom>span:last-child{display:none}.hero-art-top .mini-label{font-size:9px;letter-spacing:.9px}.detail-toggle{font-size:11px;min-height:38px}.hero-art-bottom{font-size:10px;color:#606e59}.hero-art-corner{font-size:8px}.annotation-points button{font-size:11px;min-height:38px}.site-header nav>a{font-size:13px}.nav-contact{font-size:13px;min-height:42px}.section-aside,.visual-intro{font-size:13px;color:#66725d}.section-number,.section-english{color:#6e7d63}.work-section .project-description,.work-section .project-card:not(.project-featured) .project-description{display:block;font-size:13px;line-height:1.8;color:#53634b;margin-top:10px;max-width:100%}.project-description>span{display:inline-block;font-size:10px;color:#6b7d60;padding:2px 6px;background:#edf0e5;border-radius:3px;margin-right:9px;vertical-align:1px;white-space:nowrap}.work-section .project-info p{font-size:11px;color:#69755f}.work-section .project-featured .project-cover,.work-section .project-featured .project-art{min-height:552px}.more-work small{font-size:11px;color:#67745d}.more-work>span{color:#65715c}.exploration-meta h3{font-size:16px}.exploration-meta>div>span{font-size:11px;color:#627157}.exploration-open{opacity:1;transform:none}.method-invitation p,.about-person-copy p,.experience-item>p{font-size:14px;color:#5b6a51;line-height:1.9}.method-invitation .mini-label{font-size:10px;color:#68795b}.method-toggle{font-size:13px;transition:background var(--motion-fast),transform var(--motion-base)}.method-toggle:hover{transform:translateY(-2px)}.experience-label{font-size:12px;color:#5c6e50}.experience-period{font-size:11px;color:#637057}.experience-summary>span{font-size:12px;color:#5e6b54;line-height:1.7}.experience-item summary{grid-template-columns:125px 1fr 18px;transition:background var(--motion-fast)}.experience-item summary:hover{background:#edf0e650}.experience-item>p{padding-left:137px}.about-person-copy .text-link{font-size:13px}.education>strong,.education>span{font-size:11px;color:#67735c}.footer-phone>span,.footer-phone>.text-link{font-size:12px;color:#c4cfb8}.footer-bottom>span,.footer-bottom>button{font-size:11px;color:#b7c4ab}.footer-main .eyebrow{font-size:9px;color:#b1c29e}.reading-progress{top:79px}.case-intro{padding-top:30px}.case-intro>.text-link{font-size:12px;color:#59674f}.case-title-row{margin-top:30px}.case-title-row h1{font-size:42px}.case-title-row .eyebrow{font-size:11px;color:#66755b}.case-title-row p{font-size:15px;color:#58684f;max-width:720px}.case-meta{gap:60px;margin-block:26px 0}.case-meta small{font-size:10px;color:#65765a;letter-spacing:1px}.case-meta span{font-size:13px;line-height:1.8;color:#46593f}.case-proof{margin-top:31px}.case-proof-kicker{font-size:12px}.case-proof-reading-hint{font-size:12px;color:#64725a}.case-proof-notes h3{font-size:14px}.case-proof-notes p{font-size:14px;color:#54644b;line-height:1.85}.case-proof-caption>p,.case-proof-caption>span{font-size:12px;color:#64735a}.case-proof-expand{font-size:12px;padding:10px 12px}.case-proof-number{font-size:11px;color:#708661}.case-reading{grid-template-columns:210px minmax(0,1fr);gap:56px;padding-top:48px}.case-content{max-width:820px}.case-toc>a{font-size:12px;min-height:42px;color:#65745c}.case-toc>a>span{font-size:10px}.case-toc>.mini-label{font-size:10px}.toc-note{font-size:11px;color:#6c7b61}.case-background{border:1px solid #dce2d4;background:#eff2e9;border-radius:9px;padding:0 22px;margin-bottom:8px}.case-background summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:16px 0;font-size:13px;color:#4d6242}.case-background summary::-webkit-details-marker{display:none}.case-background summary>svg{transition:transform var(--motion-base)}.case-background[open] summary>svg{transform:rotate(45deg)}.case-background h2{font-size:20px;font-weight:500;line-height:1.7;margin:8px 0 12px}.case-background p{font-size:14px;line-height:1.9;color:#5b6b50;padding-bottom:22px}.case-section{padding-block:36px 24px}.case-section-label{font-size:10px;color:#69805b}.case-section>h2{font-size:27px;line-height:1.5}.case-section>p{font-size:15px;line-height:1.95;color:#54624c;margin-top:18px}.case-section>p.case-lead{font-size:17px;line-height:1.8;color:#354b2f}.decision-list li{font-size:14px;color:#52654a;line-height:1.85}.decision-list li>span{font-size:11px;color:#6d815f}.case-takeaways>p{font-size:14px;color:#4d6345}.demo-caption{font-size:12px!important;line-height:1.8!important}.decision-points button{font-size:12px;line-height:1.7;min-height:44px}.comparison-heading .mini-label{font-size:9px}.comparison-heading h3{font-size:18px}.segmented button{font-size:12px;min-height:38px}.case-evidence>p{font-size:14px}.evidence-images>button>span{font-size:13px}.applications-modal{width:min(1100px,96vw)}.applications-modal .modal-inner{display:block;padding-top:28px;overflow:hidden}.applications-modal .visual-app-root{padding:20px 32px 0}.applications-modal .visual-app-stage{height:500px}.applications-modal .visual-app-panel{padding:26px 28px 36px}.applications-modal .visual-app-food-poster{width:326px}.applications-modal .visual-app-data-banner{max-width:680px}.applications-modal .visual-app-phone{width:224px}.applications-modal .visual-app-toolbar{padding-right:34px}.applications-modal .visual-app-source{font-size:12px;color:#62715a}.applications-modal .visual-app-concept-badge{font-size:11px;color:#64755b}.applications-modal .visual-app-tabs button{font-size:14px;min-height:40px;color:#64735b}.applications-modal .visual-app-tabs button[aria-selected=true]{color:#25351e}.applications-modal .visual-app-tabs button span{font-size:10px;color:#6b7e60}.applications-modal .visual-app-notes{grid-template-columns:minmax(0,1fr) auto;min-height:140px}.applications-modal .visual-app-notes h4{font-size:16px}.applications-modal .visual-app-notes p{font-size:13px;color:#5d6c53;max-width:680px}.applications-modal .visual-app-rules>span{font-size:12px;color:#637759}.applications-modal .visual-app-disclosure{font-size:11px;color:#687a5c}.applications-modal .explore-modal-copy{padding:27px 32px 32px;display:grid;grid-template-columns:1fr 1.5fr;gap:12px 32px;align-items:start}.applications-modal .explore-modal-copy>.eyebrow{font-size:10px;grid-column:1}.applications-modal .explore-modal-copy h2{font-size:29px;grid-column:1;grid-row:2;margin:0}.applications-modal .concept-badge{grid-column:1;font-size:11px;justify-self:start}.applications-modal .explore-modal-copy>p{grid-column:2;grid-row:1/span 3;font-size:13px;line-height:1.9;margin:0;color:#617055}.applications-modal .explore-palette{grid-column:1;margin:7px 0 0}.applications-modal .explore-palette>span{font-size:9px}.applications-modal .explore-modal-copy>small{grid-column:2;grid-row:4;font-size:11px;line-height:1.8;color:#6b7b61}.contact-person small,.contact-channel{font-size:12px;color:#627657}.contact-modal p{color:#63745a}.contact-modal .button{font-size:13px}.lightbox-caption>span{font-size:12px}.lightbox-caption strong{font-size:14px}.button,.text-link svg,.icon-button,.project-info>svg,.experience-item summary>svg{transition-duration:var(--motion-base)}@media(max-width:1100px){.hero{gap:30px}.hero-person{gap:18px}.hero-portrait{width:96px;height:118px}.hero h1{font-size:39px}.hero-role{font-size:11px;gap:7px}.hero-statement{font-size:34px}.hero-bottom{font-size:10px}.hero-art-corner{display:none}.case-reading{gap:35px;grid-template-columns:175px minmax(0,1fr)}.experience-item summary{grid-template-columns:112px 1fr 18px}.experience-item>p{padding-left:124px}.case-proof-notes p{font-size:13px}}@media(max-width:800px){.hero{grid-template-columns:1fr 1fr;gap:24px;padding-top:32px}.hero-person{gap:14px;margin-bottom:22px}.hero-portrait{width:78px;height:98px}.hero-greeting{font-size:10px;margin-bottom:8px}.hero h1{font-size:32px;letter-spacing:.5px}.hero h1>span{font-size:8px;letter-spacing:1.5px;margin-top:9px}.hero-role{font-size:10px;gap:6px;margin-top:11px}.hero-statement{font-size:29px}.hero-description{font-size:13px}.hero-actions{gap:16px}.hero-actions .button,.hero-actions .text-link{font-size:12px}.hero-art-top .mini-label{display:none}.detail-toggle{font-size:10px}.annotation-points{gap:4px}.annotation-points button{font-size:10px;padding-inline:5px;gap:4px}.annotation-points button>span{font-size:8px}.hero-art-bottom{font-size:9px}.work-section .project-info h3{font-size:17px}.work-section .project-description,.work-section .project-card:not(.project-featured) .project-description{font-size:12px}.work-section .project-featured .project-cover,.work-section .project-featured .project-art{min-height:518px}.case-reading{display:block;padding-top:32px}.case-toc{top:80px}.case-content{max-width:none}.experience-item summary{grid-template-columns:130px 1fr 18px}.experience-item>p{padding-left:142px}.case-title-row h1{font-size:34px}.case-meta{gap:30px}.case-proof-notes p{font-size:14px}.case-proof-caption{display:block}.case-proof-caption>p{margin-top:5px}}@media(max-width:600px){.identity .brand-mascot{width:45px;height:45px;border-radius:12px}.identity>span{font-size:11px}.identity small{font-size:9px}.footer-bottom .brand-mascot{width:37px;height:37px}.hero{grid-template-columns:1fr;min-height:0;padding-top:28px;padding-bottom:25px;gap:14px}.hero-copy{padding-bottom:0}.hero-person{gap:21px;margin-bottom:23px}.hero-portrait{width:92px;height:112px}.hero-greeting{font-size:11px;margin-bottom:9px}.hero h1{font-size:38px}.hero h1>span{font-size:9px;letter-spacing:1.6px}.hero-role{font-size:12px;margin-top:12px;gap:8px}.hero-statement{font-size:34px;line-height:1.42;letter-spacing:-.8px}.hero-description{font-size:14px;line-height:1.9;margin-top:17px}.hero-actions{gap:24px;margin-top:23px}.hero-actions .button,.hero-actions .text-link{font-size:13px}.hero-art-top .mini-label{display:block;font-size:8px;letter-spacing:.5px}.detail-toggle{font-size:10px}.hero-art-bottom{font-size:9px}.annotation-points button{font-size:10px;min-height:38px;padding:8px 10px}.hero-art{padding-top:7px}.hero-person h1{margin:0}.work-section .project-info h3{font-size:19px}.work-section .project-info p{font-size:12px}.work-section .project-description,.work-section .project-card:not(.project-featured) .project-description{font-size:13px}.work-section .project-featured .project-cover,.work-section .project-featured .project-art{min-height:290px}.work-section .featured-projects{gap:29px}.section-number{font-size:10px}.more-work strong{font-size:14px}.more-work small{font-size:11px}.exploration-meta h3{font-size:14px}.exploration-meta>div>span{font-size:11px}.visual-intro{font-size:13px}.method-invitation .mini-label{font-size:9px}.method-invitation p{font-size:14px}.method-toggle{font-size:12px}.about-intro{gap:19px}.about-person-copy h3{font-size:22px}.about-person-copy p{font-size:13px}.portrait-card,.portrait-card>img{width:137px}.about-person-copy .text-link{font-size:13px}.experience-item summary{grid-template-columns:104px 1fr 16px;gap:9px}.experience-period{font-size:10px}.experience-summary>span{font-size:11px}.experience-item>p{font-size:14px;padding-left:0}.education>strong{font-size:11px}.education>span{font-size:9px}.footer-bottom>span,.footer-bottom>button{font-size:10px}.footer-main .eyebrow{font-size:8px}.reading-progress{top:69px}.case-intro{padding-top:23px}.case-title-row{margin-top:25px}.case-title-row h1{font-size:29px;letter-spacing:-.8px}.case-title-row .eyebrow{font-size:9px;letter-spacing:.9px}.case-title-row p{font-size:14px}.case-big-number{display:none}.case-meta{gap:18px;margin-bottom:0}.case-meta small{font-size:9px}.case-meta span{font-size:12px}.case-proof{padding-top:24px;margin-top:26px}.case-proof-heading h2{font-size:23px}.case-proof-notes h3,.case-proof-notes p{font-size:14px}.case-proof-caption>span,.case-proof-caption>p{font-size:11px}.case-proof-caption>p{line-height:1.8}.case-proof-expand{font-size:11px;min-height:38px}.case-toc{top:70px;gap:4px;margin-bottom:24px}.case-toc>a{font-size:11px;padding-inline:10px;min-height:40px}.case-toc>a>span{font-size:9px}.case-background{padding-inline:16px}.case-background summary{font-size:13px}.case-background h2{font-size:19px}.case-background p{font-size:14px}.case-section{padding-block:29px 20px}.case-section>h2{font-size:24px}.case-section-label{font-size:9px}.case-section>p{font-size:14px;line-height:1.95}.case-section>p.case-lead{font-size:16px}.decision-list li{font-size:13px}.case-takeaways>p{font-size:14px}.demo-caption{font-size:11px!important}.decision-points button{font-size:11px;min-height:42px}.comparison-heading h3{font-size:17px}.comparison-heading .mini-label{font-size:8px}.segmented button{font-size:11px;min-height:40px}.case-evidence>p{font-size:14px}.next-case>.eyebrow{font-size:10px}.applications-modal{width:100vw;padding:8px;max-height:95dvh}.applications-modal .modal-inner{padding-top:30px}.applications-modal .visual-app-root{padding:15px 15px 0}.applications-modal .visual-app-toolbar{padding-right:0}.applications-modal .visual-app-source{font-size:10px}.applications-modal .visual-app-concept-badge{font-size:9px}.applications-modal .visual-app-tabs{gap:20px}.applications-modal .visual-app-tabs button{font-size:12px;min-height:38px}.applications-modal .visual-app-tabs button span{font-size:9px}.applications-modal .visual-app-stage{height:412px}.applications-modal .visual-app-panel{padding:19px 13px 32px}.applications-modal .visual-app-food-poster{width:270px}.applications-modal .visual-app-phone{width:188px}.applications-modal .visual-app-notes{grid-template-columns:1fr;min-height:197px;gap:12px}.applications-modal .visual-app-notes h4{font-size:14px}.applications-modal .visual-app-notes p{font-size:12px;line-height:1.85}.applications-modal .visual-app-rules{flex-direction:row;gap:12px;flex-wrap:wrap}.applications-modal .visual-app-rules>span{font-size:10px}.applications-modal .visual-app-disclosure{font-size:10px}.applications-modal .explore-modal-copy{display:block;padding:23px 19px}.applications-modal .explore-modal-copy h2{font-size:26px;margin:10px 0 14px}.applications-modal .explore-modal-copy>p{font-size:13px;margin-top:17px}.applications-modal .explore-palette{margin-block:20px}.applications-modal .explore-modal-copy>small{font-size:11px}.contact-modal .button{font-size:12px}.contact-person small,.contact-channel{font-size:11px}.lightbox-caption>span{font-size:11px}}@media(prefers-reduced-motion:reduce){.hero-portrait,.hero-portrait:hover,.logo-link:hover .brand-mascot{transform:none}.hero-portrait,.identity .brand-mascot,.case-background summary>svg,.button,.text-link svg,.experience-item summary>svg{transition:none}}.application-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding:10px 62px 0 32px}.application-heading .eyebrow{font-size:9px;color:#6b785f;letter-spacing:1.4px}.application-heading h2{font-size:27px;line-height:1.4;font-weight:550;margin-top:7px}.application-heading>span{font-size:12px;color:#607257;padding-bottom:5px}.applications-modal .visual-app-stage{height:440px}.applications-modal .visual-app-food-poster{width:282px}.applications-modal .visual-app-phone{width:198px}.applications-modal .visual-app-notes{min-height:110px}.applications-modal .visual-app-disclosure{margin-bottom:25px}.archive-description{font-size:14px;line-height:1.9;color:#5b6c51;padding:20px 32px 28px}.applications-modal .visual-app-archive{margin-top:24px}@media(max-width:600px){.application-heading{display:block;padding:5px 45px 0 16px}.application-heading h2{font-size:24px}.application-heading .eyebrow{font-size:8px;letter-spacing:1px}.application-heading>span{display:block;font-size:11px;margin-top:8px}.applications-modal .visual-app-stage{height:412px}.applications-modal .visual-app-food-poster{width:270px}.applications-modal .visual-app-phone{width:188px}.applications-modal .visual-app-notes{min-height:197px}.applications-modal .visual-app-disclosure{margin-bottom:20px}.archive-description{font-size:13px;padding:18px}.applications-modal .visual-app-archive{margin-top:20px}}.hero-ai-link{display:inline-flex;align-items:center;gap:11px;min-height:38px;font-size:12px;color:#415e39;transition:color .18s,transform .24s}.hero-ai-link>span{font-size:10px;letter-spacing:.7px;padding:6px 8px;border-radius:5px;background:#e5ecd8;color:#3f5b32;white-space:nowrap}.hero-ai-link:hover{color:#294eee;transform:translate(2px)}.hero-ai-link>svg{transform:none}.case-ai-entry{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#eaf0df;border:1px solid #dfe7d5;border-radius:8px;margin-top:30px;padding:19px 22px;font-size:14px;color:#3e5b31}.case-ai-entry .text-link{font-size:13px;white-space:nowrap}.case-ai-evidence{display:block;width:100%;margin:24px 0 22px;padding:0;text-align:left;border:1px solid #dce4d4;border-radius:8px;overflow:hidden;background:#f0f3e9;cursor:zoom-in}.case-ai-evidence img{width:100%;height:auto}.case-ai-evidence>span{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#536a44;padding:13px 17px}.case-ai-evidence:hover>span{color:#294eee}.site-header nav{gap:25px}.applications-modal .visual-app-stage{height:480px}.applications-modal .visual-app-phone{width:218px}.applications-modal .visual-app-food-poster{width:306px}@media(max-width:800px){.site-header nav{gap:17px}.hero-ai-link{font-size:10px;gap:7px}.hero-ai-link>span{font-size:9px}.case-ai-entry{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:600px){.hero-bottom{display:block;position:static;margin-top:22px}.hero-ai-link{font-size:12px;gap:10px}.hero-ai-link>span{font-size:10px}.hero-copy{padding-bottom:0}.hero-ai-link>svg{width:15px}.case-ai-entry{font-size:14px;padding:16px 18px;line-height:1.8;margin-top:24px}.case-ai-entry .text-link{font-size:12px}.case-ai-evidence>span{font-size:11px;padding:12px}.applications-modal .visual-app-stage{height:412px}.applications-modal .visual-app-phone{width:188px}.applications-modal .visual-app-food-poster{width:270px}.site-header nav.nav-open{gap:13px}}@media(prefers-reduced-motion:reduce){.hero-ai-link,.hero-ai-link:hover{transform:none;transition:none}}.component-lab-disclosure{margin-top:20px;border:1px solid #dfe4d7;border-radius:12px;background:#f4f6ef;padding:0 24px}.component-lab-disclosure>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:20px 0;cursor:pointer;font-size:14px;color:#4f6443}.component-lab-disclosure>summary::-webkit-details-marker{display:none}.component-lab-disclosure>summary>svg{transition:transform .2s}.component-lab-disclosure[open]>summary>svg{transform:rotate(45deg)}.practice-root.practice-components-only{display:block;max-width:690px;margin:0 auto 24px}.practice-components-only>.practice-card{width:100%}@media(max-width:600px){.component-lab-disclosure{padding:0 12px}.component-lab-disclosure>summary{font-size:13px;line-height:1.7;gap:14px}.practice-root.practice-components-only{margin-bottom:12px}}:root{--paper:#f6f5f0;--ink:#1d2b25;--line:#dcded4;--blue:#4658ed;--text-secondary:#59655b}.site-header{background:#f6f5f0ed}.header-inner{border-bottom:1px solid #dcded480}.site-header nav>a{font-size:14px}.nav-contact{border-color:#ccd3c5;background:#eaf0df;color:#2b402f}.identity .brand-mascot{background:#fffefb;border-color:#d8ddd2}.hero{grid-template-columns:.86fr 1.14fr;gap:28px 52px;min-height:0;padding:48px 0 0;align-items:center}.hero-copy{padding:0;align-self:center;min-width:0}.hero-person{gap:19px;margin-bottom:31px}.hero-portrait{width:83px;height:101px;transform:rotate(-4deg)}.hero-portrait>img{border:4px solid #fffefb;border-radius:5px;box-shadow:0 7px 16px #27322618}.hero-portrait>span{width:29px;height:29px;font-size:22px;right:-10px;background:#d8e9a9;color:#3b5435}.hero-greeting{font-size:12px;margin-bottom:5px;color:#5b695d}.hero h1{font-size:29px;letter-spacing:.3px;line-height:1.35;font-weight:600}.hero h1>span{display:inline-block;font-size:9px;letter-spacing:1.2px;font-weight:500;margin:0 0 0 13px;color:#637060;vertical-align:5px}.hero-role{margin-top:8px;font-size:13px;gap:8px;color:#425346}.hero-statement{font-size:clamp(35px,3.65vw,53px);line-height:1.36;font-weight:600;letter-spacing:-1.8px;color:#1d2b25}.hero-statement .title-underline{display:inline-block;color:#4658ed}.hero-statement .title-underline:after{background:#d4df9e;height:8px;bottom:2px;opacity:1;transform:rotate(-2deg);z-index:-1}.hero-description{font-size:14px;line-height:1.95;margin-top:23px;color:#59655b;letter-spacing:.2px}.hero-actions{gap:26px;margin-top:28px}.hero-actions .button{border-radius:7px;padding:15px 20px;background:#4658ed;box-shadow:0 5px #d9ddf7;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s}.hero-actions .button:hover{background:#3446d3;transform:translateY(-2px);box-shadow:0 7px #d9ddf7}.hero-actions .text-link{font-size:14px}.hero-bottom{position:static;display:block;margin-top:31px;max-width:none}.hero-ai-link{display:inline-flex;align-items:center;gap:10px;color:#4c5f48;font-size:12px}.hero-ai-link>span{border:1px solid #bdcd98;background:#e5edce;font-size:10px;padding:5px 7px;border-radius:3px;letter-spacing:.7px}.hero-bottom svg{transform:none}.hero-ai-link:hover{color:#263b25}.hero-ai-link:hover>svg{transform:translate(3px)}.hero-art{width:100%;max-width:none;isolation:isolate;margin:0;padding:22px 22px 18px;border-radius:16px;background:#e3e9dc;box-shadow:inset 0 0 0 1px #d4ddcb;transform:none;overflow:visible}.hero-art:hover,.hero-art:focus-within{transform:none}.hero-art:before{content:none}.hero-grid{top:0;right:0;bottom:0;left:0;border-radius:16px;background-image:linear-gradient(#72856d0b 1px,transparent 1px),linear-gradient(90deg,#72856d0b 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:none;mask-image:none;opacity:1;z-index:-1}.hero-art-top{padding:0;margin:0 0 10px;gap:16px}.hero-art-top .mini-label{font-size:9px;letter-spacing:1.4px;color:#52604c;display:flex;align-items:center;gap:15px}.hero-art-top .mini-label b{font-weight:400;letter-spacing:.8px;color:#6e7b62}.detail-toggle{font-size:10px;gap:7px;min-height:32px;color:#4b6042}.hero-canvas-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;position:relative}.hero-canvas-title>p{font-size:22px;font-weight:500;letter-spacing:-.7px;color:#29402e}.hero-canvas-title>span{display:flex;align-items:center;gap:5px}.hero-canvas-title i{width:12px;height:12px;border-radius:50%;background:#4658ed;border:1px solid #ffffff44}.hero-canvas-title i:nth-child(2){background:#243b30}.hero-canvas-title i:nth-child(3){background:#cbe392}.hero .dashboard{border-color:#c6d1c0;border-radius:9px;box-shadow:0 13px 21px -14px #23392245;background:#fff}.hero .dashboard-chrome{background:#f5f7f2;border-color:#e1e6dc;height:30px;color:#6d7865;font-size:7px;letter-spacing:1px}.hero .dashboard-body{min-height:292px}.hero .dashboard-sidebar{width:40px;padding:13px 5px;background:#f5f7f4;border-color:#e4e9df;gap:10px}.hero .dashboard-content{padding:17px 15px;background:#fff}.hero .dash-heading{margin-bottom:14px}.hero .dash-heading h3{font-size:19px;color:#26332d}.hero .dash-heading small{font-size:7px;color:#687568;letter-spacing:.7px}.hero .sample-tag{font-size:8px;color:#6b7568;background:#f1f5ed;border-color:#dce4d5}.hero .dash-stats{gap:8px}.hero .dash-stats>div{padding:10px;background:#fafbf8;border-color:#e4e9df;box-shadow:none}.hero .dash-stats>div>span{font-size:10px;color:#586856}.hero .dash-stats strong{font-size:25px}.hero .dash-stats small{font-size:8px;color:#6b7867}.hero .dash-panels{display:grid;grid-template-columns:1fr 1.08fr;gap:9px;margin-top:12px}.hero .dash-chart{display:block}.hero .dash-chart,.hero .dash-activity{padding:10px;border-color:#e3e8df}.hero .panel-top{margin-bottom:10px}.hero .panel-top strong{font-size:10px;color:#3f5142}.hero .panel-top>span{font-size:8px;color:#6a7666}.hero .activity-item{padding:7px 3px;min-height:38px;gap:6px}.hero .activity-item>span{font-size:9px;color:#415246}.hero .activity-item small{font-size:8px;color:#71806c;margin-top:4px}.hero .dash-activity select{font-size:9px;color:#4b6050;max-width:68px}.hero .chart-labels{font-size:8px;color:#76816f}.hero .task-context{font-size:10px;line-height:1.7}.hero .design-note{font-size:11px;max-width:90%;background:#263d2d;color:#f4f7ed;border-color:#526b45;box-shadow:0 7px 15px #182a2120}.hero .annotation-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.hero .annotation-points button{background:#edf1e6;border:1px solid #cbd7bf;color:#4b6042;justify-content:center;gap:8px;min-height:38px;padding:8px 5px;font-size:11px;border-radius:5px}.hero .annotation-points button>span{font-size:9px;font-weight:500;color:#6b7e5e}.hero .annotation-points button>svg{margin-left:auto;opacity:.55}.hero .annotation-points button.active,.hero .annotation-points button:hover{background:#2c4432;border-color:#2c4432;color:#f0f6e8}.hero .annotation-points button.active>span,.hero .annotation-points button:hover>span{color:#d4e8a4}.hero-art-bottom{margin-top:13px;font-size:10px;line-height:1.6;color:#5d7152;gap:6px}.hero-art-corner{font-size:8px;letter-spacing:1px}.hero-capabilities{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d8ddd0;border-bottom:1px solid #d8ddd0;padding:20px 0;margin-top:13px;font-size:12px;color:#465b46}.hero-capabilities>span{display:flex;align-items:center;gap:10px;line-height:1.6}.hero-capabilities i{font:10px ui-monospace,monospace;color:#839174}.hero-capabilities>.hero-capabilities-label{font-size:11px;color:#6c7765}.work-section{padding-block:58px 64px}.section-title{margin-bottom:30px}.section-title h2{font-size:clamp(28px,2.7vw,37px);font-weight:550;letter-spacing:-1px;line-height:1.4}.section-number{font-size:10px;padding-top:5px;color:#526747}.section-english{font-size:9px;color:#607352;letter-spacing:1.4px}.section-aside,.visual-intro{font-size:14px;color:#5c6a56}.work-section .featured-projects{gap:30px 34px;grid-template-columns:1.12fr 1fr}.work-section .project-cover{height:245px;border-radius:12px;box-shadow:0 0 0 1px #1c352b09}.work-section .project-featured .project-cover{min-height:530px;height:auto}.work-section .project-info{margin-top:17px}.work-section .project-info h3{font-size:21px;color:#24372a}.work-section .project-info p{font-size:12px;color:#65705f;margin-top:8px}.work-section .project-description{font-size:13px;line-height:1.8;margin-top:9px}.work-section .project-description>span{background:#e8eddd;color:#5f7350}.more-work{margin-top:32px;padding-top:24px}.more-work>a:hover{background:#e9eddf}.more-work strong{font-size:14px}.more-work small{font-size:11px;color:#64725b}.more-work>span{font-size:12px;color:#596b4e}.practice-section{padding-block:0 62px}.design-lab:not([hidden]){padding-top:24px}.component-lab-disclosure{background:#ecefe5;border-color:#d6ddcc}.component-lab-disclosure>summary{color:#3f5938;font-weight:500}.visual-section{background:#eceee5;padding-block:51px 56px;border-block:1px solid #dde2d3}.visual-section .section-title{margin-bottom:29px}.exploration-grid{gap:25px}.exploration-art{border-radius:9px}.exploration-card:nth-child(2){padding-top:25px}.exploration-meta h3{font-size:17px}.exploration-meta>div>span{font-size:12px;color:#5f6f57}.exploration-open{background:#f9fbf1eb;color:#263c2d}.about-section{padding-block:57px 60px}.about-person-copy h3{font-size:28px;line-height:1.6;color:#2b3d2c}.about-person-copy p{font-size:14px;color:#586b53;line-height:1.9}.portrait-sticker{background:#deebc5;color:#3c5534}.experience-period{font-size:11px;color:#617357}.experience-summary>strong{font-size:17px}.experience-summary>span{font-size:12px;color:#5f7256}.experience-item>p{font-size:14px;color:#52694a;line-height:1.85}.experience-label{font-size:12px;color:#65785a}.education>strong{font-size:12px;color:#52674a}.education>span{font-size:10px;color:#6b7e5e}.site-footer{background:#20372c;padding-top:45px}.footer-main h2{font-size:42px;line-height:1.4;color:#f0f4e8}.footer-main .eyebrow{color:#b5c5a4;font-size:9px}.footer-phone>a{font-size:30px;color:#e3efcb}.footer-phone>span{font-size:12px;color:#bdcbaa}.hero .line-chart{height:95px}.hero .dash-heading small{display:block;line-height:1.4}.hero .dash-heading h3{line-height:1.4;margin-top:4px}.hero .dash-stats>div>span{line-height:1.4;display:block}.hero .dash-stats strong{line-height:1.2}.hero .dash-stats small{line-height:1.3}@media(max-width:1100px){.hero{gap:26px 30px;grid-template-columns:.9fr 1.1fr;padding-top:38px}.hero-statement{font-size:38px;letter-spacing:-1.4px}.hero h1>span{display:block;margin:5px 0 0;font-size:8px;letter-spacing:1.1px}.hero-person{margin-bottom:24px;gap:15px}.hero-art{padding:18px 17px 15px}.hero-canvas-title>p{font-size:20px}.hero-art-top .mini-label{font-size:8px;letter-spacing:.7px}.hero-art-top .mini-label b{display:none}.hero .dashboard-content{padding:14px 11px}.hero .dash-panels{grid-template-columns:1fr}.hero .dash-chart{display:none}.hero .dashboard-body{min-height:285px}.hero .dash-activity{padding:10px}.hero .activity-item>span{font-size:11px}.hero .activity-item small{font-size:9px}.hero .dash-stats>div{padding:8px}.hero .stat-icon{display:none}.hero .annotation-points button{font-size:10px;gap:5px}.hero .annotation-points button>svg{display:none}.hero-art-bottom{font-size:9px}.hero-art-corner{display:none}.hero-capabilities{gap:18px;font-size:11px}.hero-capabilities>.hero-capabilities-label{font-size:10px}.work-section .project-info h3{font-size:19px}.work-section .project-info p{font-size:11px}.work-section .featured-projects{gap:28px 25px}.about-grid{gap:42px}.about-person-copy h3{font-size:25px}}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:28px;padding-top:32px}.hero-copy{display:grid;grid-template-columns:1fr auto;column-gap:22px;align-items:start}.hero-person{grid-column:1/-1;margin-bottom:22px}.hero h1>span{display:inline-block;margin:0 0 0 12px;vertical-align:5px}.hero-statement{font-size:45px;line-height:1.35;grid-column:1/-1}.hero-description{margin-top:18px;grid-column:1/-1;font-size:14px}.hero-actions,.hero-bottom{margin-top:24px;grid-column:1/-1}.hero-art{max-width:none;padding:21px}.hero-art-top .mini-label{font-size:9px;letter-spacing:1px}.hero-art-top .mini-label b{display:inline}.hero-canvas-title>p{font-size:23px}.hero .dash-panels{grid-template-columns:1.1fr 1fr}.hero .dash-chart{display:block}.hero .dashboard-body{min-height:275px}.hero .dashboard-content{padding:18px}.hero .dash-stats>div{padding:11px}.hero .stat-icon{display:grid}.hero .annotation-points button{font-size:12px;gap:9px}.hero-art-bottom{font-size:11px}.hero-capabilities{margin-top:0;flex-wrap:wrap;gap:12px 23px;justify-content:flex-start;padding:18px 0}.hero-capabilities>.hero-capabilities-label{flex-basis:100%;font-size:11px}.hero-capabilities>span{font-size:12px}.work-section{padding-block:42px}.section-title h2{font-size:30px}.work-section .project-featured .project-cover{min-height:530px}.work-section .project-info h3{font-size:18px}.section-aside{font-size:12px}.visual-intro{font-size:13px}.practice-section{padding-bottom:45px}.about-section{padding-block:42px}.about-person-copy h3{font-size:25px}.footer-main h2{font-size:36px}.footer-phone>a{font-size:25px}}@media(max-width:600px){.site-header{height:70px}.site-header nav.nav-open{background:#f6f5f0}.hero{padding-top:24px;gap:24px}.hero-copy{display:block}.hero-person{gap:15px;margin-bottom:25px}.hero-portrait{width:69px;height:84px}.hero-portrait>span{width:25px;height:25px;font-size:19px;right:-9px;bottom:-5px}.hero-greeting{font-size:11px;margin-bottom:4px}.hero h1{font-size:26px;letter-spacing:.5px}.hero h1>span{font-size:8px;letter-spacing:1px;vertical-align:4px;margin-left:10px}.hero-role{font-size:11px;gap:6px;margin-top:6px}.hero-statement{font-size:clamp(31px,8.4vw,45px);line-height:1.43;letter-spacing:-1.2px}.hero-statement .title-underline:after{height:6px;bottom:2px}.hero-description{font-size:13px;line-height:1.9;margin-top:17px}.hero-actions{margin-top:23px;gap:25px}.hero-actions .button{font-size:13px;padding:13px 18px}.hero-actions .text-link{font-size:13px}.hero-bottom{display:block;margin-top:24px}.hero-ai-link{font-size:11px;gap:8px}.hero-ai-link>span{font-size:9px;padding:4px 6px}.hero-art{padding:16px 12px 13px;border-radius:12px}.hero-grid{border-radius:12px}.hero-art-top{margin-bottom:9px;gap:6px}.hero-art-top .mini-label{font-size:7px;letter-spacing:.8px}.hero-art-top .mini-label b{display:none}.detail-toggle{font-size:9px;gap:5px;min-height:30px}.hero-canvas-title{margin-bottom:14px}.hero-canvas-title>p{font-size:20px;letter-spacing:-.5px}.hero-canvas-title i{width:10px;height:10px}.hero .dashboard-sidebar{width:33px;padding:12px 3px}.hero .dashboard-sidebar button{min-width:27px;min-height:30px}.hero .dashboard-body{min-height:0}.hero .dashboard-content{padding:14px 10px}.hero .dashboard-chrome{font-size:6px;padding:0 10px;height:27px}.hero .dash-heading h3{font-size:16px}.hero .dash-heading small{font-size:6px}.hero .dash-heading{margin-bottom:12px}.hero .dash-stats{gap:5px}.hero .dash-stats>div{padding:8px 6px}.hero .dash-stats>div>span{font-size:9px}.hero .dash-stats strong{font-size:23px}.hero .dash-stats small{font-size:7px}.hero .dash-stats small b,.hero .stat-icon{display:none}.hero .dash-panels{grid-template-columns:1fr;margin-top:9px}.hero .dash-chart{display:none}.hero .dash-activity{padding:10px}.hero .activity-item{min-height:36px;padding:6px 2px}.hero .activity-item>span{font-size:11px}.hero .activity-item small{font-size:9px}.hero .panel-top strong{font-size:11px}.hero .dash-activity select{font-size:10px}.hero .sample-tag{font-size:7px}.hero .annotation-points{gap:5px;margin-top:12px}.hero .annotation-points button{font-size:10px;gap:5px;padding:8px 3px;min-height:36px}.hero .annotation-points button>span{font-size:8px}.hero .design-note{font-size:10px;line-height:1.7}.hero-art-bottom{font-size:9px;line-height:1.8;margin-top:10px;letter-spacing:0}.hero-capabilities{gap:10px 18px;padding:17px 0}.hero-capabilities>span{font-size:10px;gap:6px}.hero-capabilities i{font-size:9px}.hero-capabilities>.hero-capabilities-label{font-size:11px}.work-section{padding-block:33px 38px}.section-title{margin-bottom:23px}.section-title h2{font-size:26px;letter-spacing:-.8px}.section-number{font-size:9px}.work-section .featured-projects{grid-template-columns:1fr;gap:29px}.work-section .project-featured{grid-row:auto}.work-section .project-cover{height:260px;border-radius:10px}.work-section .project-featured .project-cover{height:350px;min-height:350px;flex:none}.work-section .project-info{margin-top:15px}.work-section .project-info h3{font-size:20px}.work-section .project-info p{font-size:11px;margin-top:7px}.work-section .project-description,.work-section .project-card:not(.project-featured) .project-description{font-size:12px;margin-top:9px}.more-work{margin-top:28px;padding-top:20px}.more-work strong{font-size:13px}.more-work small{font-size:11px}.practice-section{padding-bottom:36px}.visual-section{padding-block:32px 37px}.visual-section .section-title{margin-bottom:23px}.visual-intro{font-size:13px}.exploration-grid{gap:22px 15px}.exploration-card:nth-child(2){padding-top:18px}.exploration-meta h3{font-size:14px}.exploration-meta>div>span{font-size:10px}.about-section{padding-block:34px 39px}.about-person-copy h3{font-size:22px}.about-person-copy p{font-size:12px;line-height:1.9}.experience-period{font-size:10px}.experience-summary>strong{font-size:16px}.experience-summary>span{font-size:11px}.experience-item>p{font-size:13px}.education>strong{font-size:11px}.education>span{font-size:9px}.site-footer{padding-top:34px}.footer-main h2{font-size:34px}.footer-main .eyebrow{font-size:8px}.footer-phone>a{font-size:27px}.footer-phone>span{font-size:11px}}@media(min-width:601px)and (max-width:700px){.work-section .featured-projects{grid-template-columns:1fr;gap:29px}.work-section .project-featured{grid-row:auto}.work-section .project-cover{height:260px}.work-section .project-featured .project-cover{height:350px;min-height:350px;flex:none}}@media(prefers-reduced-motion:reduce){.hero-actions .button,.hero-ai-link>svg,.hero .annotation-points button{transition:none!important}.hero-actions .button:hover{transform:none}.hero-art{transform:none!important}}.hero .dashboard-chrome,.hero .dash-heading small,.hero .sample-tag,.hero .dash-stats small,.hero .panel-top>span,.hero .activity-item small,.hero .chart-labels,.hero .task-context>span,.hero .design-note,.hero-art-bottom{font-size:11px;line-height:1.5}.hero .dash-stats>div>span,.hero .panel-top strong,.hero .activity-item>span,.hero .dash-activity select,.hero .task-context,.hero .detail-toggle,.hero .annotation-points button{font-size:12px;line-height:1.45}.hero .hero-art-top .mini-label{font-size:11px;line-height:1.5;letter-spacing:.6px}.hero .dashboard-content,.hero .dash-chart,.hero .dash-activity{min-width:0}.hero .dash-heading{gap:10px;align-items:flex-start}.hero .dash-heading>div{min-width:0}.hero .sample-tag{flex-shrink:0;white-space:nowrap}.hero .dash-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.hero .dash-stats>div{min-width:0}.hero .dash-stats>div>span{display:block;overflow-wrap:anywhere}.hero .dash-stats small b{display:none}.hero .panel-top{gap:8px;flex-wrap:wrap}.hero .panel-top strong{min-width:0}.hero .dash-activity select{width:78px;min-height:32px;max-width:100%;flex-shrink:0;padding:4px 5px}.hero .activity-item{min-height:44px;padding:5px 3px;align-items:flex-start}.hero .activity-item>i{margin-top:1px}.hero .activity-item>span{min-width:0;white-space:normal;overflow-wrap:anywhere}.hero .activity-item small{margin-top:2px}.hero .task-context{position:static;max-width:none;padding:8px;margin-top:7px;overflow-wrap:anywhere}.hero .task-context>span{display:block;margin-top:3px;color:#596d85}.hero .detail-toggle{min-height:36px}.hero .annotation-points button{min-height:40px;min-width:0;gap:5px;padding:8px 3px}.hero .annotation-points button>span{font-size:11px;flex-shrink:0}.hero-art-bottom{align-items:flex-start;letter-spacing:0}.hero-art-bottom>span{min-width:0;overflow-wrap:anywhere}@media(max-width:380px){.hero .dash-stats>div>span{min-height:35px}.hero .dash-heading small{letter-spacing:0}.hero .dashboard-chrome{letter-spacing:.5px}.hero .annotation-points button>svg{display:none}}.site-header nav>a[aria-current=location]{color:var(--blue)}.site-header nav>a[aria-current=location]>span{opacity:1}.site-header nav>a[aria-current=location]:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:currentColor}.hero-role{font-size:14px;line-height:1.6}.practice-lab-selector{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 6px;scroll-margin-top:105px}.practice-lab-selector .mini-label{color:#5b6d54;font-size:10px;letter-spacing:1.3px}.practice-lab-selector p{font-size:14px;color:#42543d;line-height:1.75;margin-top:3px}.practice-lab-options{display:flex;gap:10px;flex-shrink:0}.practice-lab-options>button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 15px;border:1px solid #b8c5af;border-radius:7px;background:#f9faf5;color:#3e5238;font-size:13px;line-height:1.5;transition:background .18s,color .18s,border-color .18s}.practice-lab-options>button:hover{border-color:#77926b;background:#e9efdf}.practice-lab-options>button[aria-expanded=true]{background:#2b4433;border-color:#2b4433;color:#edf4e3}.design-lab .component-playground{max-width:none;margin-bottom:0}.design-lab:not([hidden]){padding-top:19px}@media(max-width:650px){.hero-role{font-size:13px}.practice-lab-selector{display:block;padding-top:19px;scroll-margin-top:85px}.practice-lab-selector p{font-size:13px}.practice-lab-options{margin-top:13px;gap:9px}.practice-lab-options>button{flex:1;min-height:44px;font-size:13px;padding-inline:12px}.site-header nav>a[aria-current=location]:after{bottom:4px}}@media(prefers-reduced-motion:reduce){.practice-lab-options>button{transition:none}}