/* Actual work, shown as an editorial collection. */
.work-collection{padding-block:4rem 2rem}.work-collection>header{display:flex;align-items:baseline;gap:2rem;border-top:1px solid #38382d30;padding-top:2rem;margin-bottom:2rem}.work-collection>header h3{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:400}.work-collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem 2.5rem}.work-tile{min-width:0}.work-tile-image{position:relative;display:block;aspect-ratio:1.44;overflow:hidden;background:#eae9df;border:1px solid #2222;border-radius:18px}.work-tile-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-tile-image>span{position:absolute;inset:auto 1rem 1rem auto;background:#fffef5;color:#202722;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:24px}.work-tile .folio-overline{margin-top:1.5rem;font-size:13px}.work-tile h3{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.15;margin:.65rem 0 1rem;font-weight:400}.work-tile p{font-size:16px;line-height:1.7}.work-tile-footer{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-top:1.5rem}.work-tile-footer>span{font-size:14px;color:#5d645d}.work-lab-link{display:inline-block;margin-top:3rem}.work-case-head{padding-block:1rem 2.4rem}.work-case-head h1{max-width:16ch;font-size:clamp(2.7rem,6.2vw,6.5rem);font-weight:400;line-height:1.03;letter-spacing:-.035em}.work-case-head .premium-deck{max-width:52rem;font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.6}.work-tags{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:2rem 0 0}.work-tags li{border:1px solid #303d3145;border-radius:30px;padding:.6rem 1rem;font-size:14px}.work-tags li:first-child{background:#dfff70;border-color:transparent}.work-case-visual{margin:0 0 4rem}.work-case-visual img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid #2222}.work-case-visual figcaption{font-size:14px;color:#5a645e;line-height:1.6;margin-top:.9rem}.work-case-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:3rem;border-top:1px solid #303d3130}.work-case-story h2{font-size:clamp(1.8rem,3vw,3.2rem);font-weight:400;line-height:1.15;max-width:22ch}.work-case-story p,.work-case-story li{font-size:17px;line-height:1.8}.work-deliverables{list-style:none;padding:0;margin:2rem 0 0}.work-deliverables li{padding:.8rem 0;border-top:1px solid #303d3125}.work-case-boundary{background:#eee8f1;border-radius:18px;padding:2rem;margin:1rem 0 4rem;max-width:56rem}.work-case-boundary p{font-size:16px;line-height:1.7;margin:.5rem 0}.work-case-next{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;padding:3rem 0 5rem;border-top:1px solid #303d3130;align-items:center}.work-case-next h2{font-size:clamp(1.8rem,3vw,3.2rem);font-weight:400}.work-case-next h3{font-size:1.4rem;font-weight:400;margin-bottom:1.4rem}.motion-project[data-selected-work] .motion-project-image img{object-fit:contain;object-position:center;background:#e8e7dd;transform:none!important}.motion-project[data-selected-work] .motion-project-visual{background:#e8e7dd}.motion-project[data-selected-work] .motion-project-copy{background:#f4f1e9}.motion-project[data-selected-work] .motion-case-actions{flex-wrap:wrap}.work-case{padding-top:1rem}
.motion-project[data-selected-work]{background:#f4f1e9;color:#1c2948}
.motion-project[data-selected-work] .motion-project-copy h3{color:#1c2948!important}
.motion-project[data-selected-work] .motion-project-copy>p{color:#37445b}
.motion-project[data-selected-work] .motion-project-copy .folio-overline{color:#4a5d80}
.motion-project[data-selected-work] .motion-project-copy .motion-project-status{color:#536151}
.motion-project[data-selected-work] .motion-project-copy a{color:#1c2948!important;border-color:#657151}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.work-tile-image:hover img{transform:scale(1.025)}}
@media(max-width:700px){.work-collection-grid{grid-template-columns:1fr;gap:3rem}.work-collection>header{display:block}.work-collection>header h3{margin-top:.4rem}.work-case-story,.work-case-next{grid-template-columns:1fr;gap:1rem}.work-case-story{padding-block:2rem}.work-case-visual{margin-bottom:2rem}.work-case-head h1{max-width:100%}.work-case-boundary{padding:1.3rem;margin-bottom:2rem}.work-tile-footer{flex-wrap:wrap}.work-case-next{gap:2rem}.work-case-visual img{border-radius:10px}}
/* A small, deliberate index and source-backed interface studies. */
.work-project-index{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:0 0 2.5rem;font-size:14px}.work-project-index>span{color:#536151;margin-inline-end:8px}.work-project-index a{display:inline-flex;align-items:center;gap:20px;padding:10px 15px;border:1px solid #28395533;border-radius:30px;min-height:44px}.work-project-index a:hover{background:#e4edca}.work-project-index a:focus-visible{outline:3px solid #739123;outline-offset:3px}.work-project-index a>span{color:#718043}
.work-exhibit{margin-bottom:3.5rem}.work-exhibit-tabs{display:flex;gap:6px;margin-bottom:18px;overflow:auto;padding:5px 4px 10px;scrollbar-width:thin}.work-exhibit-tabs button{display:flex;align-items:center;gap:12px;flex:1;min-width:180px;border:0;border-bottom:1px solid #28395533;padding:16px 13px;text-align:start;background:transparent;color:#44526a;font:500 14px/1.4 var(--font-body);cursor:pointer}.work-exhibit-tabs button>span{font-size:11px;font-family:monospace;color:#6d7666}.work-exhibit-tabs [aria-selected=true]{border-color:#223151;background:#e4edca;color:#182944;border-radius:10px 10px 0 0}.work-exhibit-tabs button:focus-visible,.work-exhibit [role=tabpanel]:focus-visible{outline:3px solid #739123;outline-offset:3px}.work-exhibit .work-case-visual{margin:0}.work-exhibit .work-case-visual>img{aspect-ratio:1.44;object-fit:contain;background:#edece6}.work-exhibit figcaption{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:10px;min-height:106px}.work-exhibit figcaption>div{max-width:65ch}.work-exhibit figcaption p{font-size:15px;line-height:1.65;margin:5px 0}.work-exhibit figcaption .folio-overline{font-size:10px;letter-spacing:.1em;color:#6b7166}.work-exhibit figcaption button{flex-shrink:0}
@media(max-width:700px){.work-project-index{gap:8px;padding-bottom:1.5rem}.work-project-index>span{flex-basis:100%;padding-bottom:4px}.work-project-index a{font-size:12px;gap:10px;padding:8px 12px}.work-exhibit{margin-bottom:2.2rem}.work-exhibit-tabs{margin-inline:-4px}.work-exhibit-tabs button{min-width:155px;font-size:12px;padding:12px 8px;gap:8px}.work-exhibit figcaption{display:block;min-height:175px}.work-exhibit figcaption button{margin-top:12px}.work-exhibit figcaption p{font-size:14px}}

/* Case studies: proof first, concise context, then a clear next step. */
.work-case .premium-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.case-position{margin-inline-start:auto;font:11px/1.5 var(--font-mono,monospace);letter-spacing:.08em}
.work-case-head .case-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;margin-block:24px 38px}
.work-case-head .case-intro-grid h1{font-size:clamp(2.8rem,5.4vw,5.6rem);margin:0;max-width:15ch}
.work-case-head .case-intro-grid .premium-deck{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7;margin:0;color:#49564c}
.case-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:25px}
.case-actions>a{font-size:13px;line-height:1.5;padding-block:10px;border-bottom:1px solid #243e3238;display:inline-flex;align-items:center;gap:18px}
.case-actions .work-demo-button{padding:14px 21px;background:#243e32;color:#fffdf5;border:1px solid #243e32;border-radius:40px;min-height:48px;white-space:normal;text-align:start}
.case-actions .work-play{color:inherit}
.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-block:1px solid #243e3226;padding-block:20px;margin:0}
.case-facts>div{display:flex;flex-wrap:wrap;gap:8px 25px;align-items:baseline}
.case-facts dt{font:10px/1.5 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.08em;color:#626c60}
.case-facts dd{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;font-size:13px;color:#243e32;line-height:1.6}
.case-facts dd>span+span:before{content:'·';margin-inline-end:18px;color:#85956d}
.work-case-visual>figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.case-thinking{padding-block:25px 50px;scroll-margin-top:110px}
.case-thinking-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid #243e3226;padding-top:35px}
.case-thinking-grid h2{font-size:clamp(1.65rem,2.8vw,2.7rem);line-height:1.16;font-weight:400;letter-spacing:-.025em;max-width:24ch;margin:16px 0 20px;color:#243e32!important}
.case-thinking-grid article>p:last-child{font-size:16px;line-height:1.85;color:#4c5a51;max-width:55ch}
.case-delivery{background:#e9eddf;border-radius:20px;padding:30px;margin-top:32px;display:grid;grid-template-columns:.7fr 2fr;gap:35px}
.case-delivery h3{font-size:clamp(1.25rem,2vw,1.6rem);font-weight:400;line-height:1.3;margin:0;color:#243e32!important}
.case-delivery ol{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;list-style:none;margin:0;padding:0}
.case-delivery li{display:flex;gap:12px;font-size:14px;line-height:1.7;color:#344738}
.case-delivery li>span{font:10px/2.4 var(--font-mono,monospace);color:#647657}
.case-scope{font-size:12px;line-height:1.8;color:#697066;max-width:95ch;margin:20px 0 0}
.case-scope>strong{font-weight:600;margin-inline-end:7px;color:#455646}
.case-continuation{padding-block:25px 65px;border-top:1px solid #243e3226}
.case-continuation>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.case-continuation>header>a{font-size:13px;display:flex;align-items:center;gap:20px;min-height:44px}
.case-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.case-adjacent>a{display:block;min-width:0}
.case-adjacent-image{position:relative;aspect-ratio:2.1;overflow:hidden;border-radius:16px;background:#ebe8de;border:1px solid #243e3220}
.case-adjacent-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.case-adjacent-image>span{position:absolute;inset:15px 15px auto auto;background:#fffdf4;color:#243e32;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:22px}
.case-adjacent a>p{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.6;color:#566550;margin:18px 0 7px}
.case-adjacent a>p>span{font-family:var(--font-mono,monospace);font-size:10px}
.case-adjacent h2{font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.2;font-weight:400;letter-spacing:-.025em;margin:0 0 8px;color:#243e32!important}
.case-adjacent-discipline{font-size:12px;color:#687365}
.case-conversation{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:45px;padding:25px 30px;background:#f0e9e4;border-radius:18px}
.case-conversation h3{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:400;line-height:1.35;margin:0;color:#243e32!important}
.case-conversation .btn{white-space:nowrap;border-radius:40px}
.case-language-note{font-size:11px!important;letter-spacing:.015em;color:#697066!important;margin-top:16px!important}
.case-actions>a:focus-visible,.case-adjacent>a:focus-visible,.case-continuation>header>a:focus-visible{outline:3px solid #75913c;outline-offset:5px;border-radius:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.case-adjacent>a:hover img{transform:scale(1.035)}}
@media(max-width:850px){.work-case-head .case-intro-grid{gap:25px;grid-template-columns:1fr;align-items:start;margin-block:18px 25px}.work-case-head .case-intro-grid h1{max-width:20ch}.case-facts{gap:14px}.case-facts>div{display:block}.case-facts dd{margin-top:6px}.case-delivery{grid-template-columns:1fr;gap:20px}.case-adjacent{gap:20px}}
@media(max-width:600px){.work-case .premium-breadcrumb{font-size:11px}.case-position{display:none}.work-case-head .case-intro-grid h1{font-size:clamp(2.5rem,11vw,3.6rem)}.case-facts{grid-template-columns:1fr}.case-facts>div{display:flex;gap:10px 18px}.case-facts dd{margin:0}.case-actions{gap:12px 20px;margin-top:20px}.case-actions .work-demo-button{font-size:13px;padding:12px 18px}.case-thinking{padding-block:12px 30px;scroll-margin-top:95px}.case-thinking-grid{grid-template-columns:1fr;gap:24px;padding-top:22px}.case-thinking-grid article>p:last-child{font-size:15px}.case-thinking-grid h2{margin:10px 0 14px}.case-delivery{padding:23px 20px;margin-top:22px}.case-delivery ol{grid-template-columns:1fr;gap:15px}.case-continuation{padding-bottom:40px}.case-continuation>header{gap:10px;margin-bottom:18px}.case-continuation>header>a{font-size:12px}.case-continuation>header .folio-overline{font-size:10px}.case-adjacent{grid-template-columns:1fr;gap:30px}.case-adjacent-image{aspect-ratio:1.9}.case-adjacent a>p{margin-top:13px}.case-conversation{align-items:flex-start;flex-direction:column;gap:16px;margin-top:30px;padding:23px}.case-scope{font-size:11px}}
@media(prefers-reduced-motion:reduce){.case-adjacent-image img{transition:none}}
.work-case-head>.folio-overline{font-size:11px;line-height:1.8;letter-spacing:.12em}
body.page-mode .case-conversation .btn-solid{background:#c8ff2e!important;color:#182444!important;border-color:#182444!important}
body.page-mode .case-conversation .btn-solid:hover{background:#dcff81!important;color:#182444!important}