.recent-projects{padding:clamp(80px,10vw,160px) 6%;background:#f0f1ed;color:#142830}.recent-head{display:flex;justify-content:space-between;gap:45px;align-items:end;max-width:1400px;margin:0 auto 55px}.recent-head p,.project-meta small{font-size:11px;letter-spacing:.18em;font-weight:700;color:#476570}.recent-head h2{font-family:Georgia,serif;font-size:clamp(48px,6.3vw,94px);line-height:.98;font-weight:400;letter-spacing:-.05em;margin:20px 0 0}.recent-head h2 em{font-weight:400;color:#829499}.recent-head>span{max-width:260px;font-size:14px;line-height:1.6;color:#51646a}.recent-stack{max-width:1400px;margin:auto;display:grid;gap:76px}.device-stage{min-height:600px;padding:6% 11% 5%;display:flex;align-items:center;justify-content:center;background:#ccd8d6;position:relative;overflow:hidden}.device-stage.second{background:#dad7ce}.desktop-device{width:86%;background:#1b2426;border:10px solid #192426;border-radius:14px;box-shadow:0 22px 60px #14212535;overflow:hidden}.desktop-device img{display:block;width:100%;height:auto}.device-bar{height:26px;background:#202e30;color:#a4b3b1;display:flex;align-items:center;gap:5px;padding:0 12px;font-size:9px}.device-bar i{width:5px;height:5px;background:#748c87;border-radius:50%}.device-bar span{margin:auto}.mobile-device{position:absolute;width:16%;right:10%;bottom:6%;border:7px solid #192426;background:#192426;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #14212566}.mobile-device img{display:block;width:100%;height:auto}.phone-notch{position:absolute;z-index:1;top:0;left:30%;width:40%;height:12px;background:#192426;border-radius:0 0 8px 8px}.project-meta{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:27px 0;border-bottom:1px solid #aebcba}.project-meta h3{font:400 clamp(27px,3vw,42px) Georgia,serif;margin:10px 0}.project-meta p{font-size:14px;color:#53666a;margin:0}.project-meta a,.recent-instagram{font-size:13px;font-weight:700;border-bottom:1px solid #758d8e;padding:10px 0;white-space:nowrap}.recent-note{max-width:1400px;margin:32px auto 10px;color:#607174;font-size:12px}.recent-instagram{display:table;margin:15px auto 0}.recent-projects a:focus-visible{outline:3px solid #ce755a;outline-offset:5px}@media(max-width:800px){.recent-head{display:block}.recent-head>span{display:block;margin-top:22px}.recent-stack{gap:55px}.device-stage{min-height:310px;padding:9% 5%}.desktop-device{width:92%;border-width:5px}.mobile-device{width:22%;right:4%;bottom:7%;border-width:5px;border-radius:12px}.device-bar{height:18px}.phone-notch{height:7px}.project-meta{align-items:start;flex-direction:column}.recent-projects{padding:75px 6%}}

/* Dark mode for recent work without changing the homepage structure. */
html[data-ap-theme=dark] .recent-projects{background:#081629;color:#f4f6fc}html[data-ap-theme=dark] .recent-head p,html[data-ap-theme=dark] .project-meta small{color:#a7c5dc}html[data-ap-theme=dark] .recent-head h2,html[data-ap-theme=dark] .project-meta h3{color:#f5f8ff}html[data-ap-theme=dark] .recent-head h2 em{color:#b7cee6}html[data-ap-theme=dark] .recent-head>span,html[data-ap-theme=dark] .project-meta p,html[data-ap-theme=dark] .recent-note{color:#d0dceb}html[data-ap-theme=dark] .device-stage{background:#193347}html[data-ap-theme=dark] .device-stage.second{background:#263543}html[data-ap-theme=dark] .project-meta{border-color:#52677d}html[data-ap-theme=dark] .project-meta a,html[data-ap-theme=dark] .recent-instagram{color:#f5c6dc;border-color:#8f9fb5}html[data-ap-theme=dark] .recent-projects a:focus-visible{outline-color:#ffb3d6}