/* Work overview: quiet navigation and real project imagery. */
.work-filters{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0 0 28px;margin:0 0 12px;border-bottom:1px solid #dedfd6}
.work-filters a,.work-breadcrumb a{color:#626b59;text-decoration:none;font-size:14px;padding:10px 0}
.work-filters a[aria-current="page"]{color:#23291f;box-shadow:inset 0 -1px #23291f}
.work-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.work-index-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid #dedfd6;color:inherit;text-decoration:none}
.work-index-card figure{margin:0;background:#f6f5ef;aspect-ratio:1;overflow:hidden;border-radius:8px}
.work-index-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.work-index-card:hover img{transform:scale(1.035)}
.work-index-card .mono{font-size:9px;line-height:1.6;text-transform:uppercase;color:#69735d;display:block}
.work-index-card h2{font-size:22px!important;line-height:1.3!important;margin:9px 0!important;letter-spacing:-.025em}
.work-index-card h2 span{font-size:16px;color:#69735d}
.work-index-card p{font-size:14px;line-height:1.65;margin:0;color:#5d6357}
.work-breadcrumb{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd6;padding:8px 0 16px;margin-top:22px;color:#69735d;font-size:12px}
.work-awaiting{padding:55px 0 100px;max-width:660px}
.work-awaiting h2{font-size:28px;margin:20px 0}.work-awaiting p{font-size:15px;color:#69735d;line-height:1.8}
.contribution-strip{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-block:1px solid #dedfd6;padding:28px 0;margin:0 0 42px}
.contribution-strip .mono,.reflection-space .mono,.performance-entry header>.mono{font-size:9px;color:#69735d;letter-spacing:.07em}
.contribution-strip p{font-size:14px;line-height:1.8;max-width:600px;margin:12px 0 0}
.performance-entry{margin-bottom:55px}.performance-entry header{border-top:1px solid #dedfd6;padding-top:28px}.performance-entry h2{font-size:28px!important;margin:14px 0 24px}
.reflection-space{min-height:110px;padding:24px;background:#f8f7f3;border-left:2px solid #d6d9cc;margin-bottom:28px}
.reflection-space p{font-size:13px;line-height:1.7;color:#72796a;margin:12px 0 0;max-width:500px}
.performance-entry-images{display:flex;flex-direction:column;gap:28px}
.interest-note-card #interest-copy{white-space:pre-line}
body[data-page="home"] .interest-note-card:has(#interest-eyebrow:not(:empty)){max-height:calc(100dvh - 125px);overflow:auto}
.work-index-card:focus-visible,.work-filters a:focus-visible,.work-breadcrumb a:focus-visible{outline:2px solid #69735d;outline-offset:5px}
@media(max-width:800px){.work-index-grid{grid-template-columns:1fr}.work-index-card{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:650px){.work-filters{gap:4px 18px;padding-bottom:18px}.work-filters a{font-size:13px}.work-index-card{gap:18px;padding:24px 0;grid-template-columns:88px minmax(0,1fr)}.work-index-card h2{font-size:19px!important}.work-index-card .mono{font-size:8px}.work-index-card p{font-size:12px}.contribution-strip{grid-template-columns:1fr;gap:24px;padding:24px 0}.contribution-strip p{font-size:13px}.work-breadcrumb span{max-width:60%;text-align:right}.performance-entry h2{font-size:24px!important}.reflection-space{padding:20px;min-height:130px}.performance-entry-images{gap:20px}}
@media(prefers-reduced-motion:reduce){.work-index-card img{transition:none}}
.case-study[data-project="essembl"] .case-hero img,.case-study[data-project="mediclick"] .case-hero img,.case-study[data-project="notifs"] .case-hero img{height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
.performance-entry>header{display:block;position:static;min-height:0;margin:0;padding:28px 0 0;background:transparent;border-radius:0;text-align:left;box-shadow:none}
.performance-entry>header h2{text-align:left}
.work-filters{justify-content:flex-start}
.case-study[data-project="pitch-decks"] .case-hero img,.case-study[data-project="pitch-decks"] .case-images img{width:100%;height:auto;max-height:none;object-fit:contain}
.case-study[data-project="pitch-decks"] .case-images{display:grid;grid-template-columns:1fr;gap:40px}
/* Project previews fill the card; the complete image opens on click. */
.interest-fan .fan-image{padding:0;border:0;background:#23291f;isolation:isolate}
.interest-fan .fan-image img{width:100%;height:100%;object-fit:cover;border-radius:0}
.interest-fan .fan-image::after{content:'';position:absolute;inset:45% 0 0;z-index:1;background:linear-gradient(transparent,#11180fe6);pointer-events:none}
.interest-fan .fan-image>span{position:absolute;inset:auto 0 0;z-index:2;padding:24px 10px 10px;color:#fff;white-space:normal;font-size:9px;line-height:1.45;text-shadow:0 1px 4px #0008;pointer-events:none}
.interest-note[data-interest="pitches"] .fan-image:nth-child(3) img{object-position:left center}
body[data-page=home] .interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"]){width:620px;max-width:calc(100vw - 32px);display:flex;flex-direction:column-reverse;gap:12px;max-height:calc(100dvh - 130px);overflow:auto;border-radius:14px}
body[data-page=home] .interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"])[hidden]{display:none}
.interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"]) .interest-note-card{flex-shrink:0}
.interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"]) .interest-fan{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;pointer-events:auto;flex-shrink:0}
.interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"]) .fan-image{position:relative;top:auto;left:auto!important;transform:none!important;animation:none;width:100%;height:auto;aspect-ratio:4/3;padding:0;border:0;border-radius:8px;box-shadow:none}
.interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"]) .fan-image img{height:100%;object-fit:cover;background:transparent}
.interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"]) .fan-image>span{font-size:9px;white-space:normal;padding:24px 10px 10px}
@media(max-width:650px){.interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"]) .interest-fan{gap:6px}.interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"]) .fan-image img{height:100%}.interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"]) .fan-image>span{font-size:7.5px;line-height:1.35;padding:12px 6px 7px}body[data-page=home] .interest-note[data-interest]:is([data-interest="events"],[data-interest="pitches"],[data-interest="performance"]){max-height:calc(100dvh - 145px)}}

/* Keep Seedlot's embedded lower-left title clear of its overlay caption. */
.interest-note[data-interest="pitches"] .fan-image:nth-child(3)::after{inset:0 0 45%;background:linear-gradient(#11180fe6,transparent)}
.interest-note[data-interest="pitches"] .fan-image:nth-child(3)>span{inset:0 0 auto;padding:10px 10px 24px}
@media(max-width:650px){.interest-note[data-interest="pitches"] .fan-image:nth-child(3)>span{padding:7px 6px 12px}}

/* Visual gallery: the warm material world of the homepage, opened up. */
body[data-work-view="collection"] #work-index{padding-bottom:60px}
body[data-work-view="collection"] #work-index>.page-intro{padding-top:48px;padding-bottom:30px;margin-bottom:22px}
body[data-work-view="collection"] .work-filters{gap:10px;border:0;margin:0 0 32px;padding:0;align-items:center}
body[data-work-view="collection"] .work-filters a{border:1px solid #d7d8ce;border-radius:100px;padding:9px 17px;font:11px/1.2 'IBM Plex Mono',monospace;color:#69735d;transition:background .2s,color .2s}
body[data-work-view="collection"] .work-filters a[aria-current="page"]{background:#23291f;border-color:#23291f;color:#fff;box-shadow:none}
body[data-work-view="collection"] .work-filters a:hover{background:#e9eadf;color:#23291f}
body[data-work-view="collection"] .work-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}
body[data-work-view="collection"] .work-index-card{display:flex;flex-direction:column;align-items:stretch;gap:18px;border:0;padding:0;min-width:0}
body[data-work-view="collection"] .work-index-card figure{position:relative;aspect-ratio:4/3;background:#f8f7f3;border-radius:18px;overflow:hidden;margin:0}
body[data-work-view="collection"] .work-index-card img{object-fit:contain;transition:transform .5s cubic-bezier(.2,.65,.3,1);padding:24px;box-sizing:border-box}
body[data-work-view="collection"] .work-index-card:hover img{transform:scale(1.035)}
body[data-work-view="collection"] .work-index-card>div{padding:0 3px}
body[data-work-view="collection"] .work-index-card .mono{font-size:9px;letter-spacing:.025em;line-height:1.5;color:#69735d}
body[data-work-view="collection"] .work-index-card h2{font:500 24px/1.25 'DM Sans',sans-serif!important;letter-spacing:-.035em;margin:8px 0 7px!important}
body[data-work-view="collection"] .work-index-card h2 span{display:none}
body[data-work-view="collection"] .work-index-card p{font-size:13px;line-height:1.6;color:#727669;max-width:460px}
body[data-work-view="collection"] .work-index-card[data-work-project="marathon"]{grid-column:1/-1}
body[data-work-view="collection"] .work-index-card[data-work-project="marathon"] figure{aspect-ratio:2/1}
body[data-work-view="collection"] .work-index-card[data-work-project="marathon"] img,
body[data-work-view="collection"] .work-index-card[data-work-project="games"] img,
body[data-work-view="collection"] .work-index-card[data-work-project="performance"] img{padding:0;object-fit:cover}
body[data-work-view="collection"] .work-index-card[data-work-project="essembl"] img,
body[data-work-view="collection"] .work-index-card[data-work-project="mediclick"] img,
body[data-work-view="collection"] .work-index-card[data-work-project="notifs"] img{padding:0;object-fit:cover;object-position:center}
body[data-work-view="collection"] .work-index-card[data-work-project="pitch-decks"] figure{background:#f1f0e9}
body[data-work-view="collection"] .work-index-card[data-work-project="materials"] img{padding:50px}
@media(max-width:650px){
 body[data-work-view="collection"] #work-index>.page-intro{padding-top:34px;padding-bottom:24px;margin-bottom:22px}
 body[data-work-view="collection"] .work-filters{gap:8px;margin-bottom:26px}
 body[data-work-view="collection"] .work-filters a{font-size:10px;padding:9px 13px}
 body[data-work-view="collection"] .work-index-grid{grid-template-columns:1fr;gap:34px}
 body[data-work-view="collection"] .work-index-card{gap:14px}
 body[data-work-view="collection"] .work-index-card figure{border-radius:12px;aspect-ratio:4/3}
 body[data-work-view="collection"] .work-index-card[data-work-project="marathon"] figure{aspect-ratio:4/3}
 body[data-work-view="collection"] .work-index-card h2{font-size:22px!important}
 body[data-work-view="collection"] .work-index-card p{font-size:12px}
 body[data-work-view="collection"] .work-index-card figure:after{width:34px;height:34px;right:12px;bottom:12px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){body[data-work-view="collection"] .work-index-card img,body[data-work-view="collection"] .work-index-card figure:after{transition:none}}
body[data-work-view="collection"] .work-index-card[data-work-project="materials"]{grid-column:1/-1}
body[data-work-view="collection"] .work-index-card[data-work-project="materials"] figure{aspect-ratio:2/1}
@media(max-width:650px){body[data-work-view="collection"] .work-index-card[data-work-project="materials"] figure{aspect-ratio:4/3}}

body[data-work-view="collection"] .work-index-card[data-work-project^="performance-"] img{padding:0;object-fit:cover}

.interest-note-card .interest-privacy{font-size:11px;line-height:1.6;color:#69735d;margin:18px 0 12px}

/* Curated showcase: signature, pairs, signature. */
body[data-work-view="collection"] #work-index>.page-intro{padding:22px 0 14px;margin:0;border:0}
body[data-work-view="collection"] #work-index>.page-intro h1{font-size:24px;line-height:1.2;margin:0}
body[data-work-view="collection"] .work-filters{margin:0 0 24px}
body[data-work-view="collection"] .work-index-card figure:after{content:none;display:none}
body[data-work-view="collection"] .work-index-card h2{font-size:21px!important;margin:0 0 7px!important}
body[data-work-view="collection"] .work-index-card{gap:14px;grid-column:auto}
body[data-work-view="collection"] .work-index-card figure{aspect-ratio:4/3}
body[data-work-view="collection"] .work-index-grid[data-filter="all"] .work-index-card:is([data-work-project="performance-structure"],[data-work-project="marathon"],[data-work-project="materials"]){grid-column:1/-1}
body[data-work-view="collection"] .work-index-grid[data-filter="all"] .work-index-card:is([data-work-project="performance-structure"],[data-work-project="marathon"],[data-work-project="materials"]) figure{aspect-ratio:2/1}
body[data-work-view="collection"] .work-index-grid:not([data-filter="all"]) .work-index-card:last-child:nth-child(odd){grid-column:1/-1}
body[data-work-view="collection"] .work-index-grid:not([data-filter="all"]) .work-index-card:last-child:nth-child(odd) figure{aspect-ratio:2/1}
@media(max-width:650px){body[data-work-view="collection"] #work-index>.page-intro{padding-top:24px;padding-bottom:14px}body[data-work-view="collection"] #work-index>.page-intro h1{font-size:22px}body[data-work-view="collection"] .work-index-card figure{aspect-ratio:4/3!important}body[data-work-view="collection"] .work-index-card h2{font-size:20px!important}}
body[data-work-view="collection"] #work-index>.page-intro h1{font-size:24px!important;line-height:1.2!important;margin:0!important}
body[data-work-view="collection"] #work-index>.page-intro .page-intro-content{gap:0}
body[data-work-view="collection"] #work-index>.page-intro .page-intro-copy{padding:0;margin:0}
@media(max-width:650px){body[data-work-view="collection"] #work-index>.page-intro h1{font-size:22px!important}}