:root{--forest:#263d2f}
/* Portfolio extension: existing paper, forest green and editorial type. */
.work-page { background:var(--paper); }
.work-header{padding:22px clamp(20px,5vw,76px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper)}
.work-header nav{display:flex;align-items:center;gap:28px;font-size:12px}.work-header nav>a{white-space:nowrap}.work-header .brand{min-width:0}
.work-intro{padding-top:90px;padding-bottom:60px}.work-intro h1,.case-heading h1{font-size:clamp(40px,6vw,80px);font-weight:500;letter-spacing:-.05em;line-height:1.2;white-space:pre-line;margin:24px 0}.work-page:lang(en) .work-intro h1,.work-page:lang(en) .case-heading h1,.work-page:lang(en) .work-contact h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.03em}.work-lead{font-size:16px;line-height:1.9;color:var(--muted);max-width:640px}
.work-library{padding-bottom:80px}.work-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:30px 0 36px}.work-section-heading h2{white-space:pre-line;font-size:clamp(28px,3.5vw,45px);line-height:1.35;font-weight:500;letter-spacing:-.035em}.work-section-heading>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.9}
.work-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line)}.work-filters{display:flex;gap:6px;flex-wrap:wrap}.work-filters button{border:1px solid transparent;background:transparent;padding:11px 14px;min-height:44px;font:inherit;font-size:12px;color:var(--muted);cursor:pointer}.work-filters button[aria-pressed=true]{background:var(--forest);color:var(--paper);border-color:var(--forest)}.work-filters button:hover{border-color:var(--forest)}.work-search input{width:240px;max-width:100%;background:transparent;border:0;border-bottom:1px solid #9ca695;border-radius:0;font:inherit;font-size:12px;padding:12px 4px;color:var(--ink)}.work-result{font-size:11px;color:var(--muted);margin:0 0 20px;letter-spacing:.025em}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card[hidden]{display:none!important}.work-card{min-width:0;border:1px solid var(--line);background:#fbfbf7;transition:border-color .2s,transform .2s}.work-card:hover{border-color:#81937c;transform:translateY(-3px)}.work-card>a{display:flex;flex-direction:column;height:100%;padding:24px;color:inherit;text-decoration:none}.work-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:var(--muted)}.work-number{font-variant-numeric:tabular-nums}.work-stage{font-size:10px;letter-spacing:.02em}.work-brand{height:100px;display:flex;align-items:center;margin:22px 0 0}.case-logo{object-fit:contain;object-position:left center;max-width:190px;max-height:52px;width:auto;height:auto}.work-brand .case-logo[src$="ludens-ai.svg"]{width:48px;height:48px}.mono-logo{filter:brightness(0)}.case-wordmark{font-size:clamp(22px,2.5vw,33px);font-weight:600;letter-spacing:-.045em;line-height:1.2;overflow-wrap:anywhere}.work-product{font-size:10px;letter-spacing:.07em;line-height:1.6;color:var(--muted);min-height:16px;margin:0 0 18px}.work-card h3{font-size:17px;font-weight:500;line-height:1.7;letter-spacing:-.015em;margin:0 0 26px;min-height:58px}.work-card-bottom{margin-top:auto;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);font-size:11px}.work-card-bottom>span:last-child{font-size:19px}.work-pagination{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:32px}.work-pagination button{border:1px solid var(--line);background:transparent;min-width:42px;min-height:44px;padding:8px 12px;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.work-pagination button[aria-current=page]{background:var(--forest);color:white;border-color:var(--forest)}.work-pagination button:disabled{opacity:.35;cursor:default}.work-all-link{display:flex;justify-content:center;margin:32px 0 0}.work-all-link a{font-size:12px}.collaborations[data-work-gallery]{scroll-margin-top:100px}
.case-intro{padding-top:48px;padding-bottom:60px}.case-intro>.text-link{font-size:12px}.case-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:58px}.case-heading .eyebrow{font-size:10px}.case-heading h1{margin:22px 0 12px;overflow-wrap:anywhere}.case-product{font-size:14px;color:var(--muted)}.case-mark{min-width:190px;max-width:280px;padding:25px 0}.case-mark .case-wordmark{font-size:25px}.case-mark .case-logo{max-width:220px;max-height:70px}.case-deck{margin-top:45px;max-width:830px;font-size:clamp(20px,2.5vw,31px);line-height:1.6;letter-spacing:-.025em}.case-story{border-top:1px solid var(--line);padding-top:52px;padding-bottom:80px;display:grid;grid-template-columns:1fr 2.15fr;gap:75px}.case-story aside h3{font-size:11px;font-weight:500;margin:28px 0 10px;color:var(--muted)}.case-story aside p{font-size:12px;line-height:1.8;margin:8px 0}.case-story aside>a{font-size:12px;margin-top:28px}.case-body h2{font-size:25px;font-weight:500;letter-spacing:-.025em;margin:0 0 22px}.case-body>p{font-size:16px;line-height:2;color:#596257;margin-bottom:50px}.scope-list{list-style:none;padding:0;margin:0 0 32px}.scope-list li{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0;align-items:center}.scope-list li>span{font-size:10px;color:var(--muted)}.scope-list h3{font-size:16px;font-weight:500;line-height:1.6;margin:0}.case-body .case-note{font-size:12px;line-height:1.9;padding:20px;background:#ecf0e5}.case-next{padding-top:32px;padding-bottom:60px;border-top:1px solid var(--line)}.case-next>a{display:flex;justify-content:space-between;gap:24px;font-size:clamp(28px,4vw,52px);letter-spacing:-.04em;margin-top:24px}.work-contact{background:#e6ebdc;padding-top:55px;padding-bottom:50px}.work-contact h2{font-size:clamp(30px,4vw,54px);line-height:1.4;font-weight:400;letter-spacing:-.035em;margin:20px 0 35px}.work-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding:25px clamp(20px,5vw,76px)}
.brand-names .birdfy-logo{background:transparent!important;padding:0!important}.brand-names .birdfy-logo img{filter:brightness(0);opacity:.78}
.work-page :focus-visible,[data-work-gallery] :focus-visible{outline:2px solid #486044;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-header nav{gap:16px}.case-story{gap:36px;grid-template-columns:1fr 2fr}.work-section-heading{display:block}.work-section-heading>p{margin-top:20px;max-width:100%}}
@media(max-width:600px){.work-header{padding:18px 20px;flex-wrap:wrap;gap:18px}.work-header nav{width:100%;justify-content:space-between;gap:12px;font-size:11px}.work-header .brand{font-size:16px}.work-intro{padding-top:50px;padding-bottom:36px}.work-intro h1{font-size:43px}.work-lead{font-size:14px}.work-grid{grid-template-columns:1fr;gap:14px}.work-card>a{padding:24px}.work-brand{height:75px;margin-top:15px}.work-card h3{min-height:0;font-size:18px}.work-controls{gap:16px}.work-filters{gap:2px;width:100%;justify-content:space-between}.work-filters button{font-size:10px;padding:10px 8px}.work-search{width:100%}.work-search input{width:100%}.work-pagination{gap:4px}.work-pagination button{min-width:35px;padding:7px 9px;font-size:10px}.case-heading{padding-top:35px;gap:18px;align-items:start}.case-heading h1{font-size:42px}.case-mark{display:none}.case-deck{font-size:23px;margin-top:30px}.case-story{display:flex;flex-direction:column;gap:35px;padding-top:32px}.case-story aside{border-bottom:1px solid var(--line);padding-bottom:25px}.case-story aside p{display:inline-block;margin-right:16px}.case-story aside .eyebrow{display:block}.case-story aside h3{margin-top:18px}.case-body>p{font-size:15px}.work-footer{font-size:9px;flex-wrap:wrap}.work-section-heading h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.work-card{transition:none}.work-card:hover{transform:none}}
/* Consistent monochrome founder experience marks. */
.brand-names .official-logo img,.brand-names .birdfy-logo img{filter:brightness(0)!important;opacity:.76!important;mix-blend-mode:multiply}
.work-brand .case-wordmark{font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.25}
.case-mark{display:none}

.brand-names img[src$="xmind.svg"]{filter:grayscale(1)!important}
