/* Work navigation stays inside the collection, below the main header. */
:root{--header-height:86px}
#work-filter-origin{display:block;height:0;scroll-margin-top:calc(var(--header-height) + 10px)}
.work-section>.filters{position:sticky;top:var(--header-height);z-index:20;display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;margin:0 0 18px;border:1px solid #294255;border-radius:14px;background:#081621f2;backdrop-filter:blur(18px);box-shadow:0 10px 30px #0003}
.work-section>.filters .filter{min-height:44px}
.project-details{margin:14px 3px 0;border-top:1px solid #294255;line-height:1.7}
.project-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;color:#86d2ff;cursor:pointer}
.project-details summary::-webkit-details-marker{display:none}
.project-details summary>span{font-size:19px;transition:transform .25s}
.project-details[open] summary>span{transform:rotate(45deg)}
.project-detail-body{padding:16px;background:linear-gradient(135deg,#122d40,#0b1823);border:1px solid #2b485d;border-radius:12px;font-size:13px}
.project-kind{font-size:9px;letter-spacing:.13em;color:#74c5fa}.project-detail-body h4{font-size:16px;margin:8px 0 16px;line-height:1.55}
.project-detail-body dl{margin:0}.project-detail-body dt{font-size:10px;color:#80b3d3;margin-top:12px}.project-detail-body dd{margin:3px 0 0;color:#d6e3ed;font-size:12px;line-height:1.85}
.project-contact{display:flex;align-items:center;justify-content:space-between;color:#8ad0ff;border-top:1px solid #2b485d;padding-top:13px;margin-top:17px;font-size:12px;min-height:44px}
.project-details[open] .project-detail-body{animation:project-open .3s ease-out}
@keyframes project-open{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:600px){:root{--header-height:70px}.work-section>.filters{gap:6px;padding:8px;border-radius:10px}.work-section>.filters .filter{flex:1 1 calc(50% - 6px);justify-content:center;padding:6px;font-size:12px}.project-detail-body{padding:12px}.project-details summary{font-size:11px}.project-detail-body h4{font-size:14px}}
@media(prefers-reduced-motion:reduce){.project-details[open] .project-detail-body{animation:none}}