/* Original project artwork stays complete inside the career timeline. */
.career-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;align-items:start}
.career-projects li,.career-projects li+li{min-width:0;border:0}
.career-projects a.career-project-card{display:block;min-height:0;padding:0;background:none;border:0;border-radius:6px}
.career-project-media{width:100%;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:#151221;position:relative}
.career-project-media img{display:block;width:100%;height:100%;object-fit:contain;border:0;padding:0;transition:filter .2s ease}
.career-project-card:hover .career-project-media img{filter:brightness(1.08)}
.career-project-copy{padding:15px 0 0}
.career-project-copy h4{font-size:21px;font-weight:450;line-height:1.3;letter-spacing:-.025em;margin:0;color:var(--text);transition:color .2s}
.career-project-copy p{font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0 12px;max-width:34ch}
.career-project-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;line-height:1.5;color:var(--muted)}
.career-project-footer>span:last-child{font-size:22px;color:var(--accent);transition:transform .2s}
.career-project-card:hover h4,.career-project-card:focus-visible h4{color:var(--accent)}
.career-project-card:hover .career-project-footer>span:last-child{transform:translate(2px,-2px)}
.career-project-card:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.career-timeline .career-stop{padding-bottom:42px}.career-heading{margin-bottom:26px}
.legacy-work{scroll-margin-top:85px}
/* Small layout studies share the diagram palette and remain explicitly labelled. */
.career-project-media.is-study{min-height:210px;background:linear-gradient(145deg,#191325,#0e0c15);padding:18px 20px 30px;color:#e9e5f0;container-type:inline-size}
.thumb-study-label{position:absolute;bottom:10px;left:14px;font-family:var(--mono);font-size:10px;line-height:1.4;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.thumb-system,.thumb-layouts{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;height:100%}
.thumb-patterns{width:55%;max-width:145px;padding:12px;border:1px solid #41344e;border-radius:5px;background:#211a2b}
.thumb-title{display:block;font-size:11px;line-height:1.4;color:#c9bfd4;margin-bottom:12px}
.thumb-pattern-row{display:flex;align-items:center;gap:9px;margin-block:10px}.thumb-pattern-row i{width:15px;height:15px;border:1px solid var(--accent);border-radius:3px;flex:none}.thumb-pattern-row b{height:4px;background:#7d6c8b;width:70%;border-radius:3px}.thumb-pattern-row:nth-child(3) b{width:50%}
.thumb-swatches{display:flex;gap:7px;margin-top:14px}.thumb-swatches i{width:15px;height:15px;background:var(--accent);border-radius:50%}.thumb-swatches i:nth-child(2){background:#7517f8}.thumb-swatches i:nth-child(3){background:#bd1ffc}
.thumb-device{width:77px;flex-shrink:1;height:154px;border:1px solid #74617f;border-radius:13px;padding:9px;background:#211a2b;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.thumb-device>i{height:3px;width:22px;border-radius:5px;background:#74617f;margin:0 auto 4px;flex:none}.thumb-device>span{height:4px;width:70%;background:#c4b7cf;border-radius:3px;flex:none}.thumb-device>div{height:45px;border:1px solid #514160;border-radius:3px;background:#332141;flex:none}.thumb-device>b{height:4px;background:#74617f;width:90%;border-radius:3px;flex:none}.thumb-device>b+b{width:65%}.thumb-device>em{height:11px;background:var(--accent);opacity:.75;border-radius:3px;margin-top:auto;flex:none}.thumb-device.is-open>div{height:35px;margin-top:6px}
.thumb-layouts{gap:20px}.thumb-layouts .thumb-device{width:90px}
.thumb-day{width:100%;max-width:240px;font-family:var(--mono);font-size:11px}
.thumb-sources{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#c9bfd4;margin-bottom:15px}
.thumb-segment{display:flex;align-items:center;gap:10px;margin-top:6px;padding:7px 10px;border-left:2px solid var(--accent);background:#00ffa311;line-height:1.4;border-radius:0 3px 3px 0}.thumb-segment i{height:5px;width:16px;background:var(--accent);border-radius:3px}.thumb-segment:nth-child(3){border-color:#9861ec;background:#7517f81a;margin-left:12px}.thumb-segment:nth-child(3) i{background:#9861ec}.thumb-segment:nth-child(4){border-color:#da68df;background:#bd1ffc15;margin-left:5px}.thumb-segment:nth-child(4) i{background:#da68df}.thumb-review{display:flex;gap:12px;justify-content:center;color:#c9bfd4;margin-top:12px;font-size:10px}
@media(max-width:1100px){.career-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}}
@media(max-width:620px){.career-projects{grid-template-columns:minmax(0,1fr);gap:28px}.career-project-copy h4{font-size:23px}.career-project-copy p{font-size:14px;margin-block:7px 9px}.career-project-footer{font-size:12px}.career-heading{margin-bottom:20px}.career-timeline .career-stop{padding-bottom:30px}.career-project-media.is-study{padding:18px 20px 30px}.thumb-device{height:150px}.thumb-patterns{max-width:150px}}
@media(max-width:360px){.career-project-media.is-study{min-height:180px;padding:12px 14px 27px}.thumb-device{height:118px;width:65px;gap:5px;padding:7px}.thumb-device>div{height:29px}.thumb-device.is-open>div{height:25px}.thumb-patterns{padding:9px}.thumb-pattern-row{margin-block:6px}.thumb-title{font-size:10px;margin-bottom:8px}.thumb-swatches{margin-top:9px}.thumb-system{gap:10px}.thumb-day{font-size:10px}.thumb-sources{font-size:9px;margin-bottom:9px}.thumb-segment{padding:4px 8px;margin-top:4px}.thumb-review{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.career-project-media img,.career-project-copy h4,.career-project-footer>span:last-child{transition:none}}