.work-intro{padding-top:140px;padding-bottom:64px}.work-back{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#a3aa97;margin-bottom:40px}.work-back:hover{color:#eee}.work-intro>.eyebrow{color:#9aab85;font-size:9px;letter-spacing:1.7px}.work-title-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:25px}.work-title-row h1{font-size:clamp(46px,5.8vw,78px);font-weight:400;letter-spacing:-4px;line-height:1.02}.work-title-row h1 span{color:#a2aa96}.work-title-row>div{max-width:275px;padding-bottom:3px}.work-title-row p{font-size:13px;line-height:1.8;color:#a4ad97}.work-title-row .text-link{font-size:11px;margin-top:13px}.project-explorer{background:var(--paper);color:var(--ink);border-radius:24px 24px 0 0;padding:34px 0 60px}.explorer-topline{display:flex;justify-content:space-between;align-items:center;padding-bottom:29px;border-bottom:1px solid #d7dacd}.explorer-topline .eyebrow{font-size:8px;color:#737d64;letter-spacing:1.5px}.project-count{font:10px Consolas,monospace;color:#737d64}.explorer-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:45px;padding-top:31px}.project-index{align-self:start;position:sticky;top:115px}.project-choice{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:none;padding:23px 0;border-bottom:1px solid #d7dacd;color:#7a846d;transition:color .2s,padding .2s}.choice-number{font:9px Consolas,monospace;color:#9ba58e}.project-choice strong{display:block;font-size:15px;letter-spacing:-.3px;font-weight:400}.project-choice small{display:block;font-size:10px;margin-top:7px;color:#818b73}.project-choice>svg{margin-left:auto;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px,4px)}.project-choice.selected,.project-choice:hover{color:#1d2813}.project-choice.selected>svg,.project-choice:hover>svg{opacity:1;transform:translate(0)}.project-choice.selected .choice-number{color:#b4662e}.project-choice.selected strong{font-weight:600}.index-note{font-size:11px;line-height:1.8;color:#8b947d;margin-top:32px}.project-detail-panel{min-width:0}.project-visual{position:relative;overflow:hidden;min-height:380px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px;padding:23px 26px;color:#374129;background:#e4e7dc}.project-visual-gold{background:#fec800;color:#594600}.project-visual-sage{background:#f8fafb;color:#4f6370}.project-visual-blue{background:#f8fafc;color:#4d6470}.project-visual-clay{background:#f5f7fb;color:#536178}.project-visual-midnight{background:#070d18;color:#a2b6c2}.visual-topline,.visual-bottomline{display:flex;justify-content:space-between;gap:12px;font:8px Consolas,monospace;letter-spacing:1px;line-height:1.5}.visual-bottomline{font-size:7px}.project-screen-wrap{padding:33px 0;display:flex;align-items:center;justify-content:center;flex:1}.project-screen{display:block;position:relative;width:100%;padding:0;overflow:hidden;border-radius:5px;background:none;box-shadow:0 8px 24px -18px #202b3140;transition:transform .4s}.project-screen:hover{transform:translateY(-4px)}.project-screen img{width:100%;height:auto;display:block;object-fit:contain}.preview-expand{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;align-items:center;font-size:10px;background:#171d18e8;color:#f4f4eb;padding:11px 13px;border-radius:30px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.project-screen:hover .preview-expand,.project-screen:focus-visible .preview-expand{opacity:1;transform:translateY(0)}.project-description{padding:31px 0 0}.project-description>.eyebrow{font-size:8px;color:#838c75;text-transform:uppercase;letter-spacing:1.5px}.project-description h2{font-size:39px;letter-spacing:-1.6px;font-weight:400;line-height:1.13;margin-top:12px}.project-lead{font-size:14px;line-height:1.7;color:#747e64;max-width:490px;margin-top:14px}.workflow-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.workflow-tags span{font-size:9px;padding:7px 10px;border:1px solid #ced5c2;border-radius:3px;color:#637250}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:34px;border-top:1px solid #d7dacd;padding-top:26px}.project-story h3{font-size:11px;font-weight:600;margin-bottom:10px}.project-story p{font-size:12px;line-height:1.8;color:#737f64}.project-scope{display:flex;gap:10px;align-items:start;font-size:10px;line-height:1.7;color:#7f886f;margin-top:24px}.project-scope>span{width:4px;height:4px;flex-shrink:0;background:#c4854c;border-radius:50%;margin-top:6px}.project-navigation{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #d7dacd;padding-top:22px;margin-top:25px}.project-navigation button{background:none;display:flex;gap:10px;align-items:center;font-size:10px;padding:8px 0}.project-navigation button:hover{color:#a4602e}.project-navigation>span{font:8px Consolas,monospace;color:#858f75;text-align:center}.work-conversation{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:78px;padding-bottom:78px}.work-conversation .eyebrow{font-size:8px;color:#88967a}.work-conversation h2{font-size:55px;line-height:1.06;letter-spacing:-2.3px;font-weight:400;margin-top:22px}.work-conversation>div>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#a9b49c;margin-bottom:23px}.preview-dialog{width:min(1120px,calc(100% - 36px));max-height:90svh;border:1px solid #ffffff25;border-radius:12px;background:#191d17;color:#efeee8;padding:24px;margin:auto;overflow:auto}.preview-dialog::backdrop{background:#050803c9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.preview-dialog-header .eyebrow{font-size:8px;color:#8d9d7d}.preview-dialog-header h2{font-weight:400;font-size:22px;letter-spacing:-.5px;margin-top:9px}.preview-dialog-header button{background:none;padding:8px;align-self:start}.preview-image-container{overflow:auto;border-radius:5px;background:#0f140d}.preview-image-container img{width:100%;display:block;height:auto}.preview-caption{font-size:10px;color:#97a589;margin-top:17px}.image-fallback{padding:50px 20px;text-align:center;font-size:13px}.image-fallback .inline-link{margin-top:15px}.page-loading{min-height:80vh;display:grid;place-items:center;font-size:13px;color:#a2aa96}@media(max-width:1000px){.explorer-grid{grid-template-columns:195px minmax(0,1fr);gap:27px}.project-choice{gap:11px}.project-choice strong{font-size:13px}.project-visual{padding:20px;min-height:320px}.visual-bottomline>span:last-child{display:none}.work-title-row{gap:25px}.work-title-row h1{font-size:57px}.work-title-row p{font-size:12px}.project-description h2{font-size:34px}.project-story{gap:20px}}@media(max-width:700px){.work-intro{padding-top:112px;padding-bottom:40px}.work-back{margin-bottom:30px;font-size:10px}.work-intro>.eyebrow{font-size:7px;letter-spacing:1.2px;max-width:290px}.work-title-row{display:block;margin-top:20px}.work-title-row h1{font-size:44px;letter-spacing:-2.2px}.work-title-row>div{margin-top:25px;max-width:none}.work-title-row p{font-size:12px}.work-title-row p br{display:none}.work-title-row .text-link{margin-top:8px}.project-explorer{padding:25px 0 35px}.explorer-topline{padding-bottom:20px;gap:15px}.explorer-topline .eyebrow{font-size:7px;letter-spacing:1px}.explorer-grid{display:block;padding-top:0}.project-index{position:static;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:21px 0 25px;scrollbar-width:thin;scrollbar-color:#babfae transparent}.project-choice{flex:0 0 auto;width:auto;border:1px solid #d6dbca;border-radius:4px;padding:12px;gap:9px;min-height:61px}.project-choice.selected{background:#e5e8dc;border-color:#aeb89f}.project-choice strong{font-size:11px}.project-choice small{font-size:8px;margin-top:5px}.project-choice>svg{display:none}.project-choice .choice-number{font-size:8px}.index-note{display:none}.project-visual{min-height:270px;padding:18px}.visual-topline{font-size:7px;letter-spacing:.6px}.visual-bottomline{font-size:6px;letter-spacing:.7px}.project-screen-wrap{padding:25px 0}.project-screen img{height:auto}.preview-expand{opacity:1;transform:none;bottom:7px;right:7px;font-size:8px;padding:7px 9px;gap:5px}.preview-expand svg{width:12px}.project-description{padding-top:26px}.project-description h2{font-size:33px;letter-spacing:-1.2px}.project-lead{font-size:13px}.workflow-tags{gap:5px;margin-top:19px}.workflow-tags span{font-size:8px;padding:7px 8px}.project-story{grid-template-columns:1fr;gap:22px;margin-top:25px;padding-top:22px}.project-story p{font-size:12px}.project-scope{font-size:10px}.project-navigation{gap:8px}.project-navigation>span{max-width:115px;line-height:1.6;font-size:7px}.project-navigation button{font-size:9px;gap:7px}.work-conversation{display:block;padding-top:48px;padding-bottom:48px}.work-conversation h2{font-size:46px}.work-conversation>div+div{margin-top:27px}.work-conversation>div>p:not(.eyebrow){font-size:12px}.preview-dialog{padding:18px;width:calc(100% - 20px)}.preview-dialog-header h2{font-size:19px}.preview-image-container img{min-width:650px}.preview-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){.project-screen:hover{transform:none}}.project-content{animation:project-arrival .32s ease-out}@keyframes project-arrival{0%{transform:translateY(7px)}to{transform:translateY(0)}}.work-page .work-title-row p,.work-page .project-lead,.work-page .project-story p,.work-page .work-conversation>div>p:not(.eyebrow){font-size:16px}.work-page .project-choice strong{font-size:16px}.work-page .project-choice small,.work-page .project-story h3,.work-page .project-scope,.work-page .index-note,.work-page .project-navigation button{font-size:14px}.work-page .workflow-tags span,.work-page .project-navigation>span{font-size:12px}.work-page .project-navigation{flex-wrap:wrap}.work-page .project-navigation button{min-height:44px}.project-visual{--window-surface:#f8fafb;--frame-ink:#3d4738;margin:0;min-height:0;border-radius:12px;padding:23px 28px 16px;border:1px solid #26302213;overflow:visible}.project-visual-gold{--window-surface:#fec800;--frame-ink:#544500}.project-visual-blue{--window-surface:#f8fafc}.project-visual-clay{--window-surface:#f5f7fb}.project-visual-midnight{--window-surface:#070d18;--frame-ink:#c1c9d3;border-color:#ffffff12}.project-visual .visual-topline{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:0;color:var(--frame-ink)}.project-visual .visual-topline>span:last-child{font-family:Consolas,monospace;font-size:10px;opacity:.65}.project-visual .project-screen-wrap{padding:28px 20px 25px;min-height:0}.project-visual .project-screen{width:100%;max-width:920px;border:1px solid #222a2126;border-radius:9px;background:var(--window-surface);box-shadow:0 20px 32px -22px #0c171b75,0 4px 12px #0c171b0d;transition:transform .35s,box-shadow .35s}.project-visual .project-screen:hover{transform:translateY(-3px);box-shadow:0 25px 38px -21px #0c171b65}.project-window-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;font-size:11px;color:var(--frame-ink);background:color-mix(in srgb,var(--window-surface),white 24%);border-bottom:1px solid #33333312}.window-dots{display:flex;gap:4px}.window-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.3}.project-viewport{display:block;overflow:hidden;border-radius:0 0 8px 8px;background:var(--window-surface)}.project-visual .project-screen img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;object-position:center}.project-visual .visual-bottomline{align-items:center;gap:16px;border-top:1px solid #26302215;padding-top:12px;font-size:9px;letter-spacing:.8px;color:var(--frame-ink)}.project-visual-midnight .visual-bottomline{border-color:#ffffff14}.preview-action{display:flex;align-items:center;gap:9px;min-height:44px;background:transparent;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:0;color:var(--frame-ink)}.preview-action:hover{text-decoration:underline;text-underline-offset:5px}.preview-action:disabled{opacity:.5}@media(min-width:1400px){.work-page .section-shell{max-width:1450px}.explorer-grid{grid-template-columns:245px minmax(0,1fr);gap:60px}.project-visual .project-screen-wrap{padding:36px 34px 32px}}@media(max-width:1000px){.project-visual{padding:18px 18px 12px}.project-visual .project-screen-wrap{padding:23px 6px}.project-visual .visual-bottomline{flex-wrap:wrap;gap:4px}.project-window-bar{font-size:10px;padding:9px 11px}}@media(max-width:700px){.project-visual{padding:16px 14px 10px}.project-visual .project-screen-wrap{padding:22px 0 18px}.project-visual .project-screen{border-radius:6px}.project-visual .visual-topline{font-size:12px}.project-visual .visual-bottomline{font-size:8px}.project-window-bar{font-size:10px}.preview-action{font-size:12px}}@media(prefers-reduced-motion:reduce){.project-visual .project-screen:hover{transform:none}}