#projects .jun-case-window{overflow:hidden;padding:12px 2px 24px;margin:-12px -2px 0}






#projects .jun-case-track{display:flex;gap:24px;width:max-content;animation:jun-cases-drift 52s linear infinite}






#projects .project-grid{display:flex;gap:24px;width:max-content}






#projects .project-grid article{width:360px;flex:none;border:1px solid #e2e9ef;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 24px #254c7210}






#projects .project-grid article>a{display:block;height:100%;padding:0 23px 24px}






#projects .project-grid .photo{height:250px;margin:0 -23px 21px;border-radius:0;overflow:hidden}






#projects .project-grid h3{font-size:21px;line-height:1.5;margin:9px 0}






#projects .project-grid p{font-size:13px;line-height:1.8;min-height:47px}






#projects .jun-case-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}






#projects .jun-case-actions .text-link{margin-top:0}






#projects .jun-case-toggle{border:1px solid #dce5ed;background:white;border-radius:30px;padding:10px 16px;font:inherit;font-size:12px;color:#657e94;cursor:pointer}






#projects .is-paused .jun-case-track,#projects .jun-case-window:hover .jun-case-track,#projects .jun-case-window:focus-within .jun-case-track{animation-play-state:paused}






#projects .is-static .jun-case-track{animation:none}






@keyframes jun-cases-drift{to{transform:translateX(calc(-50% - 12px))}}






@media(max-width:760px){#projects .project-grid article{width:285px}#projects .project-grid .photo{height:210px}#projects .project-grid h3{font-size:19px}#projects .project-grid article>a{padding:0 19px 20px}#projects .project-grid .photo{margin-left:-19px;margin-right:-19px}#projects .jun-case-actions{gap:12px}#projects .jun-case-toggle{font-size:11px}}






@media(prefers-reduced-motion:reduce){#projects .jun-case-window{overflow-x:auto}#projects .jun-case-track{animation:none}#projects [data-jun-clone]{display:none}}













#projects{max-width:none;width:100%}#projects>.section-head,#projects>.jun-case-actions,#projects>.section-footnote{width:calc(100% - 80px);max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box}#projects .jun-case-window{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}@media(max-width:760px){#projects>.section-head,#projects>.jun-case-actions,#projects>.section-footnote{width:calc(100% - 40px)}}












#projects .project-grid article{box-shadow:0 5px 12px rgba(35,52,76,.07),0 12px 24px rgba(35,52,76,.11)}










#projects .project-grid article>a>p{border-top:1px solid #e1e7ed;margin-top:16px;padding-top:17px;min-height:95px;box-sizing:border-box}@media(max-width:760px){#projects .project-grid article>a>p{margin-top:14px;padding-top:15px;min-height:91px}}








#projects{position:relative}#projects::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 80px));height:1px;background:#e2e9ef;pointer-events:none}@media(max-width:760px){#projects::before{width:calc(100% - 40px)}}






#projects{background:#fff}




#about{position:relative;isolation:isolate}#about::before{content:"";position:absolute;inset:0;left:50%;width:100vw;transform:translateX(-50%);background:#fff;z-index:-1;pointer-events:none}body:has(#about){overflow-x:clip}


#about{background:#fff}#about::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#e2e9ef;pointer-events:none}