.portfolio-home{max-width:1600px;margin:auto}.portfolio-intro{text-align:center;padding:55px 24px 35px}.portfolio-intro h1{letter-spacing:-1.4px;margin:0;font-size:clamp(27px,2.7vw,40px);font-weight:650;line-height:1.5}.portfolio-intro h1 span{color:var(--blue)}.portfolio-intro p{color:var(--muted);word-break:keep-all;margin:21px 0 24px;font-size:17px;line-height:1.8}.portfolio-intro>a{color:var(--blue);padding:12px;font-size:14px;display:inline-block}.pg{padding:0 30px 20px}.pg-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;height:380px;margin:34px 0 14px;position:relative;overflow:hidden}.pg-item{width:18%;transform:translateX(calc(-50% + var(--offset)*109%)) translateY(calc(25px + var(--distance)*12px)) rotate(calc(var(--offset)*1deg));min-width:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .3s;position:absolute;top:0;left:50%}.pg-item.pg-active{z-index:2;width:24%;transform:translate(-50%)}.pg-item h2{text-align:center;letter-spacing:-.4px;word-break:keep-all;margin:18px -8px 0;font-size:16px;font-weight:550}.pg-item.pg-active h2{margin-top:12px;font-size:18px;font-weight:650}.pg-thumbnail{text-align:left;width:100%;height:226px;box-shadow:none;cursor:grab;background:#fff;border:1px solid #cbd1db;border-radius:3px;padding:18px;display:block}.pg-thumbnail:hover{border-color:var(--blue);background:#fafcff}.pg-thumbnail:active{cursor:grabbing}.pg-thumbnail>div{pointer-events:none;height:100%}.pg-scene{text-align:center;background:#fff;border:1px solid #cbd1db;border-radius:3px;height:280px;padding:15px}.pg-open-scene{background:0 0;border:0;padding:0}.pg-instruction{color:var(--muted);word-break:keep-all;margin:0 0 10px;font-size:12px;line-height:1.5}.pg-sample{color:var(--muted);text-align:center;margin:7px 0;font-size:12px}.pg-permission-svg{touch-action:none;width:100%;height:207px;overflow:visible}.pg-edge{stroke:var(--blue);stroke-width:1.5px;fill:none}.pg-edge.pending{stroke-dasharray:4 4}.pg-node{fill:#fff;stroke:var(--blue);stroke-width:1.5px}.pg-grab{cursor:grab;fill:#f7f9ff}.pg-grab:active{cursor:grabbing}.pg-permission-svg text,.pg-network-preview text{fill:var(--ink);text-anchor:middle;font-size:12px}.pg-node-label{pointer-events:none}.pg-end{fill:#fff;stroke:var(--blue)}.pg-connect{color:var(--blue);background:0 0;border:0;min-height:36px;padding:5px 10px;font-size:12px}.pg-connect.connected{color:#237250}.pg-access{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.5;display:block}.pg-controls{justify-content:center;align-items:center;gap:26px;display:flex}.pg-controls button{background:#fff;border:1px solid #d3d8e1;border-radius:6px;width:44px;height:44px;font-size:27px;font-weight:300;line-height:1}.pg-controls button:hover{border-color:var(--blue);color:var(--blue);background:#f6f8ff}.pg-controls>span{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:13px}.pg-help{text-align:center;color:var(--muted);margin-top:18px;font-size:12px}.pg-design-preview{grid-template-columns:1.2fr 1fr;align-items:center;gap:14px 20px;padding:14px 0;display:grid}.pg-design-preview>span{color:var(--muted);font-size:10px}.pg-design-preview>b{background:var(--blue);color:#fff;text-align:center;border-radius:3px;padding:10px;font-size:11px;font-weight:400}.pg-design-preview>strong{font-size:34px;font-weight:500}.pg-toggle{background:#a8afbd;border-radius:12px;width:34px;height:20px;display:block;position:relative}.pg-toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px}.pg-toggle.on{background:var(--blue)}.pg-toggle.on:after{left:16px}.pg-swatches{gap:6px;display:flex}.pg-swatches i{background:var(--blue);border-radius:2px;width:20px;height:22px}.pg-swatches i:nth-child(2){background:#4e5460}.pg-swatches i:nth-child(3){background:#d9dce3}.pg-design-active.neutral{--blue:#637084}.pg-small-control{color:var(--blue);background:#fff;border:1px solid #d3dae7;border-radius:4px;min-height:36px;padding:5px 10px;font-size:11px}.pg-preview-fields{gap:8px;display:flex}.pg-preview-fields span{border:1px solid var(--line);border-radius:3px;flex:1;padding:8px;font-size:10px}.pg-plot{width:100%;height:155px;display:block}.pg-plot path{stroke:#edf0f5;fill:none}.pg-plot circle{fill:var(--blue);transition:cy .35s}.pg-axis{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.pg-axis select{border:1px solid var(--line);background:#fff;border-radius:3px;flex:1;min-height:36px;padding:5px;font-size:12px}.pg-network-preview{fill:#fff;width:100%;height:100%;stroke:var(--blue);stroke-width:1.4px}.pg-network-preview text{stroke:none}.pg-prototype{color:var(--muted);font-size:11px}.pg-editor-preview{border:1px solid #e1e4eb;margin-top:10px;font-size:12px}.pg-editor-preview>div:first-child{border-bottom:1px solid #e1e4eb;padding:8px}.pg-editor-preview>div:last-child{padding:14px}.pg-editor-preview i,.pg-text-lines i{background:#dce0e7;width:80%;height:5px;margin:8px 0;display:block}.pg-editor-preview i:nth-child(2),.pg-text-lines i:nth-child(2){width:60%}.pg-editor-preview b{background:#edf0f5;width:60px;height:44px;margin-top:15px;display:block}.pg-editor-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.pg-editor-toolbar small{color:var(--muted);font-size:10px}.pg-editor-content{border:1px solid #e4e8ef;margin:9px 0;padding:8px}.pg-editor-content .pg-plot{height:92px}.pg-editor-empty{color:var(--muted);place-items:center;height:92px;font-size:11px;display:grid}.pg-plans{width:95%;height:180px;margin:4px auto;position:relative}.pg-plans svg{stroke:#8993a3;fill:none;stroke-width:1px;background:#fff;border:1px solid #d3d8e1;width:57%;height:83%;transition:transform .4s,left .4s,top .4s;position:absolute;top:10%;left:0;transform:rotate(-8deg)}.pg-plans svg:nth-child(2){top:0;left:25%;transform:rotate(4deg)}.pg-plans svg:nth-child(3){top:17%;left:45%;transform:rotate(10deg)}.pg-plans .door{stroke:#fff;stroke-width:3px}.pg-plans.done svg{top:10%;left:3%;transform:rotate(0)}.pg-plans.done svg:nth-child(2){top:15%;left:20%}.pg-plans.done svg:nth-child(3){stroke:var(--blue);top:20%;left:38%}.portfolio-footer{color:var(--muted);justify-content:space-between;gap:20px;margin:25px 40px 0;padding:25px 0;font-size:11px;display:flex}@media (min-width:1500px){.pg-stage{height:400px;margin-top:55px}.pg-thumbnail{height:250px}.pg-scene{height:295px}.pg-permission-svg{height:222px}}@media (max-width:1000px){.pg{padding:0 15px}.pg-thumbnail{height:200px;padding:10px}.pg-item{width:19%}.pg-item.pg-active{width:28%}.pg-stage{height:365px}.pg-design-preview{gap:14px 10px}.pg-swatches i{width:12px}.pg-item h2{font-size:12px}.pg-item.pg-active h2{font-size:16px}.pg-instruction{font-size:11px}.pg-controls{margin-top:0}}@media (max-width:700px){.portfolio-intro{padding:38px 22px 12px}.portfolio-intro h1{letter-spacing:-1px;font-size:26px}.portfolio-intro p{max-width:330px;margin:18px auto 12px;font-size:14px}.pg{padding:0}.pg-stage{height:380px;margin-top:12px}.pg-item{width:58%;transform:translateX(calc(-50% + var(--offset)*113%)) translateY(38px);opacity:.6}.pg-item.pg-active{opacity:1;width:72%;max-width:340px}.pg-scene{height:290px}.pg-permission-svg{height:219px}.pg-item h2{font-size:14px}.pg-controls{gap:24px}.pg-help{word-break:keep-all;margin:16px 22px;font-size:11px}.portfolio-footer{flex-direction:column;gap:8px;margin:10px 22px 0}.pg-thumbnail{height:220px}.pg-instruction{font-size:12px}}@media (prefers-reduced-motion:reduce){.pg-item,.pg *{transition:none!important}}.pg-editor-pair{text-align:left;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.pg-editor-pair>section,.pg-editor-pair>div{background:#fff;border:1px solid #e0e5ee;border-radius:3px;min-width:0;padding:8px}.pg-editor-pair strong{margin-bottom:10px;font-size:12px;font-weight:600;display:block}.pg-editor-field{color:var(--muted);font-size:10px;display:block}.pg-editor-field select{border:1px solid var(--line);background:#fff;border-radius:3px;width:100%;min-height:32px;margin:4px 0 7px;padding:3px;font-size:10px;display:block}.pg-editor-pair .pg-small-control{width:100%;min-height:32px;padding:4px;font-size:10px}.pg-editor-widget{height:54px;color:var(--muted);background:#fafbfd;border:1px dashed #d6ddea;place-items:center;margin-top:8px;font-size:10px;display:grid}.pg-editor-widget .pg-plot{height:52px}.pg-view-only{color:var(--muted);margin-bottom:10px;font-size:10px;display:block}.pg-viewer-widget{min-height:139px;color:var(--muted);background:#fafbfd;flex-direction:column;justify-content:center;align-items:center;font-size:10px;line-height:1.7;display:flex}.pg-viewer-widget .pg-plot{height:105px}.pg-pair-preview{margin-top:16px}.pg-pair-preview .pg-plot{height:100px}.pg-preview-add{color:var(--blue);padding:5px 0;font-size:10px;display:block}
.esa-experience{color:#364255;padding:24px}.esa-experience>header h2{letter-spacing:-.4px;margin:0 0 12px;font-size:18px;font-weight:600}.esa-experience p{color:#697588;word-break:keep-all;font-size:13px;line-height:1.8}.esa-sample-data{color:#697588;margin:18px 0 25px;font-size:12px}.esa-sample-data summary{cursor:pointer;padding:12px 0}.esa-sample-data>div{overflow-x:auto}.esa-sample-data table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.esa-sample-data caption{text-align:left;padding:10px 0;font-size:11px}.esa-sample-data th,.esa-sample-data td{text-align:left;border-bottom:1px solid #e5eaf2;padding:9px}.esa-step{margin-top:24px}.esa-step>h3{align-items:center;gap:10px;margin:0 0 10px;font-size:15px;font-weight:600;display:flex}.esa-step>h3>span{color:#4369e8;font-size:11px}.esa-step>p{margin:0 0 15px;font-size:12px}.esa-field-controls{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;display:grid}.esa-field-controls label,.esa-chart-options>label{color:#667386;font-size:11px}.esa-field-controls select,.esa-chart-options select{width:100%;font:inherit;color:#364255;background:#fff;border:1px solid #d6dfed;border-radius:4px;min-height:40px;margin-top:6px;padding:8px;font-size:12px;display:block}.esa-swap{color:#446394;background:#fff;border:1px solid #d6dfed;border-radius:4px;align-items:center;gap:5px;min-height:40px;padding:6px 10px;font-size:20px;display:flex}.esa-swap>span{font-size:10px}.esa-chart-options{align-items:center;gap:25px;margin:16px 0;display:flex}.esa-chart-options>label:first-child{align-items:center;gap:10px;display:flex}.esa-chart-options select{width:100px;margin:0}.esa-legend-control{cursor:pointer;align-items:center;gap:7px;min-height:44px;display:flex}.esa-legend-control input{accent-color:#4369e8;width:16px;height:16px}.esa-live-preview{background:#fbfcfe;border:1px solid #e1e7f0;border-radius:4px;margin-bottom:15px;padding:12px}.esa-live-preview>span{color:#6e7d94;font-size:11px}.esa-chart svg{width:100%;height:auto;max-height:225px;display:block}.esa-grid-line{stroke:#e3e9f3;stroke-width:1px;fill:none}.esa-tick{fill:#8090a7;font-size:9px}.esa-axis-label{fill:#586b87;font-size:10px}.esa-series{stroke:#4369e8;stroke-width:1.5px;fill:none}.esa-series-pc{fill:#4369e8}.esa-series-mobile{fill:#597c71}.esa-legend{color:#65748b;justify-content:center;gap:17px;margin:3px 0;font-size:10px;display:flex}.esa-legend>span{align-items:center;gap:5px;display:flex}.esa-legend i{background:#4369e8;border-radius:50%;width:6px;height:6px}.esa-legend>span:last-child i{background:#597c71;border-radius:1px}.esa-primary{color:#fff;background:#4369e8;border:0;border-radius:4px;min-height:44px;padding:10px 15px;font-size:12px}.esa-primary:hover{background:#3156cb}.esa-pending{background:#f2f6ff;border:1px solid #d8e3f9;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;padding:12px;display:flex}.esa-pending strong{margin-bottom:6px;font-size:12px;display:block}.esa-pending span{color:#667893;font-size:11px}.esa-drag{touch-action:none;cursor:grab;white-space:nowrap;color:#607496;background:#fff;border:1px solid #d5deec;border-radius:4px;min-height:40px;padding:7px 10px;font-size:12px}.esa-drag:active{cursor:grabbing}.esa-board{background:#f8fafe;border:1px solid #e4e9f2;border-radius:5px;grid-template-rows:repeat(2,minmax(200px,auto));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;display:grid}.esa-empty{color:#607a9f;background:#fff;border:1px dashed #bdcde6;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;font-size:12px;display:flex}.esa-empty>span{font-size:25px;font-weight:300}.esa-empty:disabled{color:#99a7ba;background:#fbfcfe;border-color:#dfe6f1}.esa-empty:not(:disabled):hover{background:#f0f5ff;border-color:#4369e8}.esa-target{outline-offset:-2px;outline:2px solid #4369e8}.esa-widget{background:#fff;border:1px solid #dce4f0;border-radius:4px;flex-direction:column;align-self:stretch;min-width:0;padding:8px;display:flex}.esa-widget-heading{justify-content:space-between;align-items:center;gap:5px;display:flex}.esa-widget-heading strong{font-size:10px;font-weight:500;line-height:1.6}.esa-widget-heading .esa-drag{min-height:32px;padding:3px 8px}.esa-widget .esa-chart{flex-direction:column;flex:1;justify-content:center;padding:5px 0;display:flex}.esa-widget .esa-chart svg{max-height:180px}.esa-widget-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.esa-widget-actions label{flex:1;min-width:0}.esa-widget-actions select{color:#64758e;background:#fff;border:1px solid #e2e7f0;border-radius:3px;width:100%;min-height:32px;padding:4px;font-size:10px}.esa-widget-actions button{color:#64758e;background:#fff;border:1px solid #e2e7f0;border-radius:3px;min-height:32px;padding:4px 7px;font-size:10px}.esa-feedback{min-height:44px;margin:10px 0 0;padding:10px 0;color:#466898!important;font-size:12px!important}.esa-scope{border-top:1px solid #edf0f5;padding-top:12px;font-size:11px!important}.esa-compact .esa-field-controls{gap:5px}.esa-compact .esa-field-controls select{min-height:32px;padding:3px;font-size:9px}.esa-compact .esa-field-controls label{font-size:10px}.esa-compact .esa-swap{min-height:32px;padding:3px 5px}.esa-compact .esa-swap>span{display:none}.esa-compact>.esa-chart{margin-top:12px}.esa-compact>a{color:#4369e8;min-height:32px;margin-top:8px;padding:7px 0;font-size:10px;display:inline-block}.project-story[data-project=esa] .story-interactive{position:static}@media (max-width:760px){.esa-experience{padding:16px}.esa-experience>header h2{font-size:16px}.esa-field-controls{gap:7px}.esa-field-controls select{min-height:44px;padding:5px;font-size:11px}.esa-swap{min-height:44px;padding:6px}.esa-swap>span{display:none}.esa-chart-options{flex-wrap:wrap;gap:15px}.esa-chart-options select{min-height:44px}.esa-board{grid-template-rows:repeat(2,minmax(190px,auto));gap:7px;padding:7px}.esa-empty{min-height:190px;font-size:11px}.esa-widget{padding:5px}.esa-widget-heading{flex-wrap:wrap}.esa-widget-heading .esa-drag{min-height:36px}.esa-widget-actions label{flex-basis:100%}.esa-widget-actions button,.esa-widget-actions select{min-height:36px}.esa-widget .esa-legend{gap:7px;font-size:9px}.esa-pending{padding:10px}.esa-pending span,.esa-widget-heading strong{font-size:10px}}.esa-line-mobile{stroke:#597c71;stroke-dasharray:4 3}@media (min-width:761px){.project-story[data-project=esa] .story-description{position:sticky;top:24px}}.ev-role-guide{color:#71809a;background:#f6f9ff;border-radius:4px;justify-content:space-between;align-items:center;gap:13px;margin:20px 0 25px;padding:14px;font-size:11px;display:flex}.ev-role-guide strong{color:#3b537a;margin-bottom:5px;font-size:13px;display:block}.ev-section-heading{border-bottom:1px solid #dfe7f3;justify-content:space-between;align-items:center;gap:12px;padding-bottom:13px;display:flex}.ev-section-heading h3{letter-spacing:-.4px;margin:0;font-size:19px;font-weight:600}.ev-section-heading>span{color:#6e809a;font-size:11px}.ev-viewer-section{border-top:1px solid #d8e1ef;margin-top:30px;padding-top:25px}.ev-viewer-section .ev-section-heading{border-bottom:0;padding-bottom:0}.ev-viewer-section>p{font-size:12px}.ev-viewer-empty{text-align:center;color:#60728e;background:#fafcfe;border:1px solid #e2e8f1;border-radius:4px;padding:35px 15px;font-size:13px;line-height:2}.ev-viewer-empty span{color:#8391a5;font-size:11px}.ev-readonly-board{pointer-events:auto;background:#fafbfd}.ev-readonly-board .esa-widget{border-color:#e1e7ef}.ev-empty-cell{background:#f8fafd;border-radius:4px;min-height:200px}.ev-viewer-section>small{color:#8290a4;font-size:11px;line-height:1.8;display:block}.ev-viewer-summary{color:#526e98!important}.esa-compact-pair{text-align:left;grid-template-columns:1fr 1fr;gap:8px;display:grid}.esa-compact-pair>section{border:1px solid #e0e6f0;border-radius:3px;min-width:0;padding:8px}.esa-compact-pair strong{margin-bottom:10px;font-size:12px;display:block}.esa-compact-pair strong small{color:#8291a6;margin-top:4px;font-size:9px;font-weight:400;display:block}.esa-compact-editor .esa-field-controls{grid-template-columns:1fr;gap:5px}.esa-compact-editor .esa-field-controls label{font-size:9px}.esa-compact-editor .esa-field-controls select{min-height:28px;margin-top:3px;padding:3px;font-size:9px}.esa-compact-editor .esa-swap{display:none}.esa-compact-pair button{color:#4369a2;background:#f2f6ff;border:1px solid #dce6f9;border-radius:3px;width:100%;min-height:30px;margin-top:8px;padding:6px 2px;font-size:9px}.esa-compact-pair p{color:#7f8fa6;text-align:center;margin:28px 0;font-size:10px;line-height:1.8}.esa-compact-pair .esa-chart{margin-top:20px}.esa-compact-editor>a{color:#4369e8;padding:8px 0;font-size:10px;display:inline-block}.project-story[data-project=editor-viewer] .story-interactive{position:static}@media (min-width:761px){.project-story[data-project=editor-viewer] .story-description{position:sticky;top:24px}}@media (max-width:760px){.ev-role-guide{gap:9px;padding:12px;font-size:10px}.ev-section-heading h3{font-size:17px}.ev-section-heading>span{font-size:10px}.ev-viewer-empty{font-size:12px}.ev-empty-cell{min-height:190px}}