/* Actual application captures in a switchable, full-width showcase. */
.work-section{background:var(--graphite);color:var(--paper);margin-bottom:100px;padding-block:86px 78px;overflow:hidden}
.work-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:46px}.work-heading-row .eyebrow{color:var(--lime);font-size:.6875rem;letter-spacing:.16em}.work-heading-row h2{font-size:clamp(2rem,3.3vw,3rem);margin-top:22px;line-height:1.2}.work-heading-row h2 span{color:#B2BCB3}.work-intro{font-size:.875rem;max-width:290px;color:#ADB6BE;line-height:1.8}
.tool-explorer{display:grid;grid-template-columns:218px minmax(0,1fr);gap:26px;align-items:start}.tool-tabs{display:flex;flex-direction:column;border-top:1px solid #3B4345}.tool-tab{display:flex;align-items:center;gap:13px;min-height:68px;text-align:left;border:0;border-bottom:1px solid #3B4345;padding:16px 12px 16px 2px;background:transparent;color:#BFC7CB;font-size:.8125rem;line-height:1.4;transition:color .16s,background .16s}.tool-tab[aria-selected=true]{color:var(--lime);background:linear-gradient(90deg,#C7F36B13,transparent)}.tool-tab:hover{color:var(--paper)}.tool-tab[aria-selected=true]:hover{color:var(--lime)}.tool-number{font-size:.625rem;font-variant-numeric:tabular-nums;color:#8B999D;align-self:center}.tool-tab[aria-selected=true] .tool-number{color:var(--lime)}.tool-tab-arrow{margin-left:auto;font-size:1.05rem;opacity:0}.tool-tab[aria-selected=true] .tool-tab-arrow{opacity:1}.tool-stage{min-width:0}.tool-panel{outline-offset:7px}.tool-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:43px;padding:11px 15px;background:#242C30;border:1px solid #424B4C;border-bottom:0;border-radius:8px 8px 0 0;color:#D0D8D6;font-size:.6875rem}.tool-stage-bar>span:first-child{display:flex;align-items:center;gap:9px}.tool-stage-bar i{width:5px;height:5px;background:var(--lime);border-radius:50%}.tool-stage-bar>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#A1ADA7}.tool-capture{display:grid;position:relative;aspect-ratio:1.44;background:#E6EBE8;border:1px solid #424B4C;overflow:hidden;place-items:center}.tool-capture img{width:100%;height:100%;object-fit:contain;max-height:100%;position:absolute;inset:0}.tool-zoom{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:22px;border:1px solid #809367;background:#111418EC;color:var(--lime);font-size:.6875rem;padding:9px 12px;border-radius:4px;box-shadow:0 4px 18px #0002;transition:background .2s}.tool-capture:hover .tool-zoom{background:var(--lime);color:var(--graphite)}.tool-context{display:flex;justify-content:space-between;gap:26px;margin-top:25px;align-items:flex-start}.tool-context .eyebrow{color:#A3B294;font-size:.625rem;letter-spacing:.13em}.tool-context h3{font-size:1.3rem;margin-top:7px}.tool-context p:last-child{color:#B1BDC1;font-size:.8125rem;line-height:1.75;max-width:570px;margin-top:10px}.tool-detail{max-width:190px;text-align:right;color:#AEB8B2;font-size:.6875rem;line-height:1.85;padding-top:23px}.tool-disclosure{font-size:.625rem;color:#94A2A6;margin-top:25px;padding-top:15px;border-top:1px solid #343D40}.work-section :focus-visible{outline-color:var(--lime)}.work-fallback{margin-top:25px;color:var(--paper)}.work-fallback a{text-decoration:underline}
.viewer-open{overflow:hidden}.work-viewer{width:min(1360px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:22px;border:1px solid #485340;border-radius:12px;color:var(--paper);background:var(--graphite);overflow:auto;box-shadow:0 24px 100px #0008}.work-viewer::backdrop{background:#070B10DC;backdrop-filter:blur(5px)}.work-viewer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}.work-viewer h2{font-size:1.25rem;letter-spacing:-.035em;line-height:1.35}.work-viewer p{font-size:.75rem;color:var(--dark-muted);margin-top:5px}.work-viewer-close{flex-shrink:0;min-height:44px;background:transparent;color:var(--paper);padding:8px 13px;border:1px solid #727D89;border-radius:5px;font-size:.8125rem}.work-viewer-close span{margin-left:12px;font-size:1.25rem;vertical-align:middle}.work-viewer-image{display:flex;justify-content:center;align-items:center;background:#1A2028;border-radius:5px;overflow:hidden}.work-viewer-image img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 225px);object-fit:contain}.work-original-link{display:inline-flex;min-height:44px;align-items:center;gap:10px;font-size:.75rem;color:var(--lime);text-decoration:underline;text-underline-offset:4px;margin-top:7px}.work-viewer :focus-visible{outline-color:var(--lime)}
@media(max-width:1000px){.tool-explorer{grid-template-columns:185px minmax(0,1fr);gap:20px}.tool-context{display:block}.tool-detail{display:block;text-align:left;max-width:none;padding-top:13px}.work-heading-row{gap:35px}.tool-tab{font-size:.75rem;gap:9px}}
@media(max-width:760px){.work-section{padding-block:56px;margin-bottom:65px}.work-heading-row{display:block;margin-bottom:28px}.work-heading-row h2{font-size:2rem;margin-top:15px}.work-intro{max-width:380px;margin-top:20px;font-size:.8125rem}.tool-explorer{display:block}.tool-tabs{flex-direction:row;overflow-x:auto;gap:0;margin:0 0 24px;scrollbar-width:thin;scrollbar-color:#697C53 #252E28;border:0;padding-bottom:8px}.tool-tab{min-height:52px;flex-shrink:0;padding:12px 17px;border:1px solid #3B4345;border-right:0;white-space:nowrap}.tool-tab:last-child{border-right:1px solid #3B4345}.tool-tab-arrow{display:none}.tool-tab[aria-selected=true]{background:#C7F36B16;border-bottom-color:var(--lime)}.tool-stage-bar{font-size:.625rem;min-height:39px;padding:9px 11px}.tool-capture{aspect-ratio:1.44}.tool-zoom{right:9px;bottom:9px;padding:7px 9px;font-size:.625rem;gap:10px}.tool-context{margin-top:21px}.tool-context h3{font-size:1.15rem}.tool-context p:last-child{font-size:.8125rem}.tool-disclosure{line-height:1.6}.work-viewer{padding:15px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.work-viewer h2{font-size:1.1rem}.work-viewer-top{gap:15px}.work-viewer-image img{max-height:calc(100dvh - 245px)}}