:root{color:#253c36;font-synthesis:none;background:#f5f7f6}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #68a798}.portfolio-shell{height:100dvh;display:flex;overflow:hidden}.desktop-sidebar{color:#f2f6f3;background:#183b32;flex-shrink:0;width:272px}.sidebar-content{flex-direction:column;height:100%;padding:30px 20px 22px;display:flex;overflow-y:auto}.sidebar-brand{align-items:center;gap:12px;padding:0 8px;display:flex}.brand-monogram{letter-spacing:-2px;border:1px solid #648478;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;padding-right:2px;font-size:22px;font-weight:600;display:grid}.brand-name{letter-spacing:-.2px;margin:0 0 3px;font-size:14px;font-weight:600}.brand-caption{color:#afc7bd;margin:0;font-size:12px}.sidebar-brand .close-navigation{display:none}.sidebar-introduction{margin:61px 8px 45px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:10px;font-weight:600;line-height:1.5}.sidebar-introduction .eyebrow{color:#afc7bd;letter-spacing:1.2px;font-size:9px}.sidebar-introduction h2{letter-spacing:-1.4px;margin:17px 0 12px;font-size:36px;font-weight:500;line-height:1.16}.sidebar-introduction>p:last-child{color:#afc7bd;margin:0;font-size:12px}.navigation-heading{color:#afc7bd;justify-content:space-between;align-items:center;margin:0 12px 13px;display:flex}.project-count{font-variant-numeric:tabular-nums;font-size:10px}.project-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.project-list .project-button{color:#d1e0d9;text-align:left;border:1px solid #0000;border-radius:9px;gap:12px;width:100%;padding:13px 12px}.project-list .project-button:hover{background:#254c40}.project-list .project-button.Mui-selected,.project-list .project-button.Mui-selected:hover{color:#1f4336;background:#e0eadd;border-color:#e0eadd}.project-list .project-button.Mui-focusVisible{outline-offset:3px;outline:2px solid #b5d2a7}.project-icon{border:1px solid;border-radius:7px;flex-shrink:0;place-items:center;width:34px;height:36px;display:grid}.project-button-copy{flex:1;gap:3px;min-width:0;display:grid}.project-name{overflow-wrap:anywhere;font-size:13px;font-weight:600}.project-category{opacity:.8;font-size:10px}.project-number{font-variant-numeric:tabular-nums;opacity:.7;font-size:10px}.sidebar-footer{margin-top:auto;padding:32px 8px 0}.footer-mark{color:#b5d2a7;font-size:24px}.sidebar-footer p{color:#ccdbd3;margin:8px 0 0;font-size:11px;line-height:1.9}.sidebar-footer p span{color:#afc7bd}.project-main{background:#f5f7f6;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.workspace-header{border-bottom:1px solid #dfe6e1;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:77px;padding:0 36px;display:flex}.workspace-heading{align-items:center;gap:10px;display:flex}.workspace-label{color:#344b41;font-size:13px;font-weight:600}.workspace-caption{color:#67776e;font-size:11px}.project-workspace{flex-direction:column;flex:1;min-height:0;padding:33px 36px 20px;display:flex;overflow-y:auto}.project-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.project-eyebrow{color:#62766a;font-size:9px}.project-eyebrow span{color:#95a398;padding:0 8px}.project-heading h1{letter-spacing:-1.5px;overflow-wrap:anywhere;margin:9px 0 8px;font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.15}.project-description{color:#68776e;margin:0;font-size:12px;line-height:1.7}.project-heading .open-website-button{border-radius:7px;flex-shrink:0;padding:10px 17px;font-size:12px}.preview-window{background:#fff;border:1px solid #d8e1da;border-radius:11px;flex-direction:column;flex:1;min-height:300px;display:flex;overflow:hidden;box-shadow:0 5px 24px #243b3010}.preview-toolbar{background:#fafbf9;border-bottom:1px solid #e3e8e3;align-items:center;gap:18px;min-height:48px;padding:9px 14px;display:flex}.window-dots{gap:5px;display:flex}.window-dots span{background:#d2dbd1;border-radius:50%;width:7px;height:7px}.preview-address{color:#708073;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.preview-address svg{flex-shrink:0;width:14px;height:14px}.preview-address span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preview-content{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.project-iframe{background:#fff;border:0;flex:1;width:100%;min-height:0;display:block}.preview-loading{pointer-events:none;color:#6a7b71;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex;position:absolute;inset:0}.preview-delay{flex-shrink:0}.preview-caption{color:#6e7d72;justify-content:space-between;gap:12px;margin:15px 0 0;font-size:10px;line-height:1.7;display:flex}.preview-caption a{text-underline-offset:3px;text-decoration-color:#b9c5bc}.preview-caption a:hover{color:#204b3d}.preview-message{text-align:center;background:#fcfdfb;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex}.preview-message-icon{color:#315d46;background:#e8efe4;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.preview-message h2{letter-spacing:-.5px;margin:20px 0 0;font-size:21px;font-weight:500}.preview-message p{color:#6a7b71;max-width:380px;margin:12px 0 24px;font-size:13px;line-height:1.8}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1500;color:#183b32;background:#fff;border-radius:6px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (width<=1199px){.desktop-sidebar{width:248px}.sidebar-content{padding-inline:16px}.workspace-header,.project-workspace{padding-inline:24px}.preview-caption{flex-wrap:wrap;gap:4px}}@media (width<=899px){.desktop-sidebar{display:none}.MuiDrawer-paper.mobile-sidebar{color:#f2f6f3;background:#183b32;width:288px;max-width:90vw}.sidebar-brand .close-navigation{margin-left:auto;display:inline-flex}.workspace-header{min-height:65px;padding-inline:15px}.project-workspace{padding:25px 22px 16px}.project-heading{margin-bottom:23px}}@media (width<=599px){.workspace-caption{display:none}.project-workspace{padding:22px 14px 14px}.project-heading{flex-wrap:wrap;gap:16px}.project-heading h1{font-size:29px}.project-heading .open-website-button{padding:8px 13px}.preview-toolbar{gap:10px;padding-inline:10px}.preview-caption>span{display:none}.preview-caption{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}