.web-portfolio{background:#f2f5ee;padding:95px 0 0;color:#30553b;overflow:hidden}.portfolio-container{width:min(1540px,calc(100% - 80px));margin:auto}.portfolio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.portfolio-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#849c78;margin:0 0 22px}.portfolio-heading h2{font-size:clamp(35px,3.8vw,57px);line-height:1.08;letter-spacing:-1.9px;margin:0}.portfolio-heading h2 em{font-style:normal;color:#f68122}.portfolio-heading>p{font-size:14px;line-height:1.9;color:#7f9073;margin:0}.portfolio-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px}.portfolio-projects>button{font:inherit;display:flex;align-items:center;gap:13px;border:1px solid #dbe4d1;background:#fafbf5;border-radius:11px;color:#617c51;padding:21px 18px;text-align:left;cursor:pointer;min-width:0;transition:border-color .2s,background .2s}.portfolio-projects>button[aria-pressed=true]{background:#e9f0df;border-color:#90aa78;box-shadow:inset 0 3px #6f9259}.portfolio-project-index{font-size:10px;color:#a2b391}.portfolio-projects strong{font-size:16px;line-height:1.4;color:#486c3e;display:block}.portfolio-projects small{font-size:10px;color:#8a9e7a;display:block;margin-top:6px;line-height:1.5}.portfolio-projects i{font-style:normal;margin-left:auto;color:#8ba178}.portfolio-workbench{border:1px solid #d5e0ca;border-radius:15px;background:#fffdf8;overflow:hidden}.portfolio-toolbar{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e2e9da}.portfolio-layers{display:flex;gap:6px;flex-wrap:wrap}.portfolio-layers button{font:inherit;font-size:11px;display:flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;color:#7e946e;border-radius:6px;padding:9px 12px;cursor:pointer;transition:background .2s}.portfolio-layers button[aria-pressed=true]{color:#fff;background:#548360;border-color:#548360}.portfolio-layers button:hover{border-color:#a5bc91}.portfolio-layers svg{height:15px;width:12px;stroke:currentColor;stroke-width:1.3}.portfolio-project-status{font-size:9px;color:#8a9f7b;white-space:nowrap;display:flex;align-items:center;gap:6px}.portfolio-project-status i{width:5px;height:5px;border-radius:50%;background:#d99d63}.portfolio-explorer{display:grid;grid-template-columns:minmax(0,1fr) 290px}.portfolio-stage{min-width:0;padding:25px;background:radial-gradient(ellipse at center,#e6eddd,#f3f6ef);position:relative}.portfolio-browser{border:1px solid #c8d7ba;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 13px 30px #3c5a2d0d;max-width:100%;margin:0 auto}.portfolio-browser-top{height:35px;display:flex;gap:15px;align-items:center;padding:0 13px;background:#fffdf8;border-bottom:1px solid #e3e9dc;color:#8ea17f;font-size:9px}.portfolio-browser-dots{display:flex;gap:4px}.portfolio-browser-dots i{width:5px;height:5px;border-radius:50%;background:#c6d5b7}.portfolio-browser-dots i:first-child{background:#e8b082}.portfolio-viewport-label{margin-left:auto;font-size:7px;letter-spacing:.6px;color:#a0b092}.portfolio-viewport{overflow:hidden;position:relative;background:white}.portfolio-viewport iframe{border:0;display:block;width:1100px;height:760px;transform-origin:top left;max-width:none!important;background:white}.portfolio-stage.is-mobile .portfolio-browser{max-width:375px;border-radius:20px;border:5px solid #3d5d40}.portfolio-stage.is-mobile .portfolio-browser-top{padding:0 8px;gap:6px;font-size:8px}.portfolio-stage.is-mobile .portfolio-browser-dots{display:none}.portfolio-stage.is-mobile .portfolio-viewport-label{font-size:6px}.portfolio-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;color:#96a98a;font-size:9px}.portfolio-preview-caption button{font:inherit;font-size:9px;background:none;border:0;padding:7px;color:#668952;cursor:pointer}.portfolio-preview-caption button span{margin-left:6px}.portfolio-load-status{margin:7px 0 0;font-size:10px;line-height:1.7;color:#8ba17d;min-height:17px}.portfolio-inspector{background:#294a34;padding:30px 23px;min-width:0;color:#f2f6e9;display:flex;flex-direction:column}.portfolio-inspector-eyebrow{font-size:9px;letter-spacing:1.3px;color:#a2bb8d;font-weight:700}.portfolio-inspector h3{font-size:25px;line-height:1.17;letter-spacing:-.7px;margin:19px 0 15px;color:#f2f6e9}.portfolio-inspector>p{font-size:12px;color:#b0c49f;line-height:1.85;margin:0 0 22px}.portfolio-findings{display:flex;flex-direction:column;gap:8px}.portfolio-findings button,.portfolio-finding{font:inherit;display:flex;align-items:flex-start;gap:8px;text-align:left;color:#c7d8b9;background:#35563b;border:1px solid #4b6a43;border-radius:7px;padding:10px;font-size:11px;line-height:1.55;word-break:break-word}.portfolio-findings button{cursor:pointer}.portfolio-findings button:hover{border-color:#dba36e}.portfolio-findings button>span:first-child,.portfolio-finding>span:first-child{color:#edaf78;font-size:9px;min-width:20px;padding-top:2px}.portfolio-findings small{display:block;font-size:9px;color:#8eaa7d;margin-top:4px}.portfolio-inspector-note{font-size:10px;line-height:1.9;color:#8fae7c;padding-top:20px;margin-top:auto}.portfolio-visit{margin-top:20px;display:flex;align-items:center;justify-content:space-between;color:#eef4e5;font-size:12px;padding:13px 0;border-top:1px solid #4a6741;font-weight:700}.portfolio-visit span{color:#edb382;font-size:19px}.portfolio-closing{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px 0 55px}.portfolio-closing p{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#8da17e;margin:0 0 15px}.portfolio-closing h3{font-size:32px;letter-spacing:-.9px;line-height:1.2;margin:0;color:#4d7041}.portfolio-closing h3 em{font-style:normal;color:#dc8d4a}.portfolio-closing>a{display:inline-flex;align-items:center;gap:25px;background:#548360;color:white;border-radius:7px;padding:19px 23px;font-size:12px;font-weight:700}.portfolio-closing>a:hover{background:#365f41}.portfolio-closing>a span{font-size:21px;font-weight:400}.web-portfolio button:focus-visible,.web-portfolio a:focus-visible{outline:3px solid #e4a16c;outline-offset:4px}
@media(max-width:1100px){.portfolio-container{width:calc(100% - 48px)}.portfolio-toolbar{flex-wrap:wrap;gap:10px}.portfolio-explorer{grid-template-columns:minmax(0,1fr) 245px}.portfolio-stage{padding:18px}.portfolio-inspector{padding:25px 18px}.portfolio-projects>button{padding:17px 13px;gap:9px}.portfolio-projects strong{font-size:14px}.portfolio-projects small{font-size:9px}.portfolio-layers button{font-size:10px;padding:9px 10px}.portfolio-inspector h3{font-size:23px}.portfolio-projects i{display:none}}
@media(max-width:800px){.web-portfolio{padding-top:65px}.portfolio-container{width:calc(100% - 36px)}.portfolio-heading{flex-direction:column;align-items:flex-start;gap:23px;margin-bottom:30px}.portfolio-heading h2{font-size:41px;letter-spacing:-1.5px}.portfolio-heading>p{font-size:13px}.portfolio-projects{grid-template-columns:1fr;gap:9px}.portfolio-projects>button{padding:16px}.portfolio-projects strong{font-size:16px}.portfolio-projects small{font-size:10px;margin-top:3px}.portfolio-projects i{display:block}.portfolio-toolbar{padding:14px}.portfolio-explorer{grid-template-columns:1fr}.portfolio-stage{padding:15px}.portfolio-inspector{padding:26px 22px}.portfolio-inspector h3{font-size:26px}.portfolio-findings{display:grid;grid-template-columns:1fr 1fr;gap:9px}.portfolio-inspector-note{margin-top:0}.portfolio-closing{flex-direction:column;align-items:flex-start;gap:25px;padding:36px 0 45px}.portfolio-closing h3{font-size:29px}.portfolio-project-status{font-size:8px}.portfolio-viewport iframe{height:700px}.portfolio-stage.is-mobile .portfolio-browser{max-width:375px}}
@media(max-width:420px){.portfolio-layers{gap:4px}.portfolio-layers button{font-size:10px;padding:8px 9px}.portfolio-stage{padding:11px}.portfolio-findings{grid-template-columns:1fr}.portfolio-preview-caption{font-size:8px;gap:5px}.portfolio-preview-caption button{font-size:8px}.portfolio-browser-top{font-size:8px;padding:0 9px;gap:8px}.portfolio-viewport-label{font-size:6px}.portfolio-heading h2{font-size:37px}.portfolio-eyebrow{font-size:8px;letter-spacing:1px}.portfolio-closing>a{font-size:11px;padding:17px 20px}}
@media(prefers-reduced-motion:reduce){.web-portfolio *{transition:none!important;animation:none!important}}