/* Cool silver portfolio palette, with original project imagery preserved. */
.work{background:radial-gradient(ellipse 85% 100% at 72% 15%,#e7e9ebb3 0%,#e7e9eb00 76%),linear-gradient(125deg,#c9cdd0 0%,#dadee1 46%,#c1c7cb 100%);color:#232729;--line:#c5c9cc}
.work .section-kicker{color:#555d62}
.work .tile-caption p{color:#646c72}
.work .tile-caption>span{color:#596167}
.work .project-cover{color:#f0f2f3;background:radial-gradient(ellipse 105% 95% at 76% 12%,#c4ccd25c 0%,#c4ccd200 76%),linear-gradient(125deg,#747d84 0%,#626c75 50%,#4c565f 100%);border:1px solid #ffffff14}
.work .morgan-placeholder{background:radial-gradient(ellipse 105% 95% at 72% 12%,#c4ccd25c 0%,#c4ccd200 76%),linear-gradient(125deg,#78828b,#67727c 52%,#515d67)}
.work .placeholder-note{color:#e1e6e9;opacity:1}
.work .cover-arrow{top:14px;right:14px;width:30px;height:30px;border:1px solid #d9dfe56b;border-radius:50%;display:grid;place-items:center;color:#f0f2f3;background:#22282d20;transition:transform .25s,border-color .25s,background .25s}
.work .cover-arrow svg{display:block;width:16px;height:16px;transform:rotate(-45deg);stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.work .project-card:hover .cover-arrow{transform:translate(2px,-2px);background:#ffffff12;border-color:#e6ecee}
.work .project-card:focus-visible{outline-color:#687982}
.work .cover-desktop{box-shadow:0 16px 34px #0005}
.work .cover-mobile{box-shadow:0 12px 28px #0006}

/* Slightly deeper teal maintains the logo hue against light silver. */
.work .section-heading em{color:#347d83}

.work .project-grid{row-gap:54px}

/* Tighter caption rhythm, with more separation between project rows. */
.work .tile-caption{padding-top:16px}
.work .tile-caption h3{margin:8px 0 5px;line-height:1.25}
.work .tile-caption p{line-height:1.4}

.work .more-projects[hidden]{display:none}
.work .more-projects{margin-top:54px}
.more-work-action{display:flex;justify-content:center;margin-top:46px}
.see-more-work{display:inline-flex;align-items:center;gap:14px;padding:6px 4px;border:0;background:transparent;color:#303b40;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.more-work-icon{width:34px;height:34px;border:1px solid #54636b99;border-radius:50%;display:grid;place-items:center;transition:background .2s,transform .2s}
.more-work-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(90deg)}
.see-more-work:hover .more-work-icon{background:#ffffff40;transform:translateY(2px)}
.see-more-work[aria-expanded="true"] .more-work-icon svg{transform:rotate(-90deg)}
.see-more-work:focus-visible{outline:1px solid #347d83;outline-offset:5px;border-radius:4px}

/* Mobile shows four initial projects and four more on expansion. */
@media(max-width:800px){
 .work:not([data-work-expanded="true"]) #projects>.project-card:nth-child(n+5){display:none}
 .work .more-projects>.project-card:nth-child(n+3){display:none}
}