/* Only the expanded Work state changes layout; the deployed Capabilities outline is intact. */
.work-expansion{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .65s cubic-bezier(.22,.75,.22,1),opacity .4s,margin-top .65s;min-width:0}
.work-expansion-clip{overflow:hidden;min-height:0;min-width:0}
.work-expanded .work-expansion{grid-template-rows:1fr;opacity:1;margin-top:24px;margin-left:-92px}
.work-expansion-body{padding-top:20px;border-top:1px solid #9aada7;min-width:0}
.work-expanded .caps{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row dense;align-items:start;column-gap:18px;row-gap:0;border:0;padding:0;background:none}
.work-expanded .caps::before{display:none}
.capabilities.work-expanded .caps li.capability-item:nth-child(n){border:1px solid #9aada7;background:rgba(247,244,232,.94);height:max-content;min-width:0;padding:26px 24px;margin:0}
.capabilities.work-expanded .caps li.capability-coordination{grid-column:1/-1}
.work-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;align-items:start}
.capabilities .caps .work-example{display:block;min-width:0;padding:0;margin:0;border:0;background:none}
.work-tile{display:block;width:100%;padding:0;border:0;border-radius:0;background:none;color:var(--ink);text-align:left;cursor:pointer}
.work-thumb{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;border:1px solid #9aada7;background:#f0eee5;margin-bottom:12px}
.work-thumb img,.work-thumb video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s,opacity .25s}
.work-thumb.fit-contain img,.work-thumb.fit-contain video{object-fit:contain}
.work-thumb video{position:absolute;inset:0;opacity:0}.work-thumb video.is-playing{opacity:1}
.work-tile:hover .work-thumb img,.work-tile:hover .work-thumb video{transform:scale(1.025)}
.work-tile:focus-visible{outline:2px solid #286374;outline-offset:5px}
.work-tile-caption{display:block}
.work-card-title{display:block;font:400 23px/1.14 var(--serif);letter-spacing:-.02em;margin-bottom:8px}
.work-card-link{display:inline-block;font:400 10px/1.5 var(--mono);color:#285b67;border-bottom:1px solid #7d9999;padding-bottom:3px}
.work-detail-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0;border:0;border-bottom:1px solid #54777a;border-radius:0;background:none;text-decoration:none;font:400 12px/1.5 var(--mono);color:#234f5d;cursor:pointer}
.coordination-sequence{display:grid;grid-template-columns:minmax(200px,30%) 1fr;align-items:center;gap:34px;padding:4px 0 12px}
.coordination-object{position:relative;aspect-ratio:360/260;min-width:0;color:#225a6a}
.coordination-static,.coordination-live{display:block;width:100%;height:100%;object-fit:contain}
.coordination-static[hidden],.coordination-live[hidden]{display:none}
.coordination-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.coordination-steps button{border:0;border-top:1px solid #9aada7;background:transparent;padding:14px 0;text-align:left;font:400 20px/1.2 var(--serif);color:#416166;cursor:pointer;transition:color .3s,border-color .3s}
.coordination-steps button span{display:block;font:400 10px/1.5 var(--mono);margin-bottom:12px;letter-spacing:.08em}
.coordination-steps button[aria-pressed=true]{color:#152c2d;border-top:2px solid #a97836;padding-top:13px}
.coordination-steps button:focus-visible{outline:2px solid #2c687b;outline-offset:4px}
.coordination-actions{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:14px}
.sequence-toggle{border:0;background:transparent;font:400 10px/1.5 var(--mono);text-decoration:underline;text-underline-offset:4px;color:#416166;cursor:pointer;padding:12px 0}
.sequence-toggle[hidden]{display:none}
.work-modal{width:min(880px,calc(100vw - 32px));max-height:90vh;max-height:90dvh;padding:0;border:1px solid #9aada7;background:#f8f5eb;color:#16211d;overflow:auto;font:400 15px/1.65 'Geist Mono',monospace}
.work-modal::backdrop{background:rgba(10,34,39,.6);backdrop-filter:blur(3px)}
.work-modal-close{position:sticky;top:0;display:block;width:100%;padding:15px 24px;text-align:right;background:#f8f5eb;border:0;border-bottom:1px solid #9aada7;cursor:pointer;z-index:2;font:400 12px/1.5 'Geist Mono',monospace;color:#234f5d}
.work-modal-body{padding:28px}.work-modal h2{font:400 36px/1.12 Fraunces,Georgia,serif;margin:0 0 24px}.work-modal h3{font:400 24px/1.2 Fraunces,Georgia,serif;margin:30px 0 12px}.work-modal .project-detail{display:block;padding:0;border:0}.work-modal dl{display:grid;grid-template-columns:105px 1fr;gap:12px 18px}.work-modal dt{font-size:11px;color:#39646b}.work-modal dd{margin:0;font-size:14px;line-height:1.65}.work-modal img,.work-modal video{display:block;max-width:100%;height:auto;margin:auto}.work-modal figure{margin:26px 0}.work-modal .project-capture{max-height:75vh;object-fit:contain}.work-modal .practice-media{margin-left:0;margin-right:0}.work-modal .prototype-full{max-height:none;width:100%}.work-modal figcaption{font-size:11px;line-height:1.6;color:#4b6262;margin-top:12px}.work-modal .work-stage{font-size:11px;text-transform:uppercase;color:#39646b}.work-modal a{text-underline-offset:4px}.work-modal button:focus-visible,.work-modal a:focus-visible{outline:2px solid #3f74a0;outline-offset:3px}
@media(min-width:1500px){.work-expanded .caps{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card-title{font-size:22px}}
@media(max-width:1050px){.coordination-sequence{grid-template-columns:220px 1fr;gap:22px}.coordination-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card-title{font-size:21px}}
@media(max-width:760px){.work-expanded .caps{display:block}.capabilities.work-expanded .caps li.capability-item:nth-child(n){padding:24px 18px;margin:0 0 16px}.work-expanded .work-expansion{margin-left:-72px;margin-top:22px}.work-project-grid{gap:24px 12px}.work-card-title{font-size:22px}.work-thumb{aspect-ratio:1.1}.work-card-link{font-size:10px}.coordination-sequence{display:block}.coordination-object{max-width:280px;margin:0 auto 12px}.coordination-steps{gap:8px 20px}.coordination-steps button{font-size:21px}.coordination-actions{gap:14px;align-items:flex-end}.coordination-actions .work-detail-button{font-size:10px}.work-modal-body{padding:22px 18px}.work-modal dl{grid-template-columns:1fr;gap:4px}.work-modal dd{margin-bottom:14px}.work-modal h2{font-size:30px}}
@media(max-width:359px){.work-project-grid{grid-template-columns:1fr}.work-thumb{aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){.work-expansion,.work-thumb img,.work-thumb video,.coordination-steps button{transition:none}.work-tile:hover .work-thumb img,.work-tile:hover .work-thumb video{transform:none}}
.site.held .work-expansion,.site.still .work-expansion{transition:none}

.work-expanded.masonry-ready .caps{grid-auto-rows:4px}

/* V3: layered research sheets and compact coordination. */
.work-paper-stack{position:relative;display:block;aspect-ratio:3/2;margin:14px 14px 22px 4px;isolation:isolate}
.work-paper-stack .stack-sheet{position:absolute;display:block;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#fbf8f2;border:1px solid #9aada7;box-shadow:2px 4px 8px #16211d18;transition:transform .4s}
.work-paper-stack .stack-sheet:nth-child(1){transform:translate(10px,-10px) rotate(4deg)}
.work-paper-stack .stack-sheet:nth-child(2){transform:translate(5px,-5px) rotate(-3deg)}
.work-paper-stack .stack-sheet:last-child{transform:rotate(-1deg)}
.work-paper-stack .stack-sheet:only-child{transform:rotate(-1deg);box-shadow:5px -5px 0 #f8f5eb,6px -6px 0 #9aada7,10px -10px 0 #f8f5eb,11px -11px 0 #9aada7}
.work-tile:hover .work-paper-stack .stack-sheet:first-child:not(:only-child){transform:translate(15px,-13px) rotate(6deg)}
.coordination-sequence{grid-template-columns:150px 1fr;gap:24px;padding:0}
.coordination-object{max-width:150px}
.coordination-steps button{font-size:17px;padding:9px 0}
.coordination-steps button[aria-pressed=true]{padding-top:8px}
.coordination-steps button span{margin-bottom:5px}
.coordination-description{font:400 12px/1.65 var(--mono);color:#416166;max-width:85ch;min-height:3.3em;margin:8px 0 0}
.coordination-actions{margin-top:0}
@media(max-width:760px){.coordination-sequence{display:grid;grid-template-columns:90px 1fr;gap:14px}.coordination-object{max-width:90px;margin:0}.coordination-steps{grid-template-columns:1fr 1fr;gap:6px 12px}.coordination-steps button{font-size:16px}.coordination-description{grid-column:1/-1;font-size:11px}.work-paper-stack{aspect-ratio:1.1;margin-right:12px}.work-card-title{font-size:20px}}
@media(prefers-reduced-motion:reduce){.work-paper-stack .stack-sheet{transition:none}.work-tile:hover .work-paper-stack .stack-sheet:first-child:not(:only-child){transform:translate(10px,-10px) rotate(4deg)}}