*{margin:0;padding:0;box-sizing:border-box}:root{--background: rgb(241, 246, 250);--background-darker: rgb(227, 234, 240);--link: rgb(55, 141, 170);--text: rgb(27, 32, 34);--text-lighter: rgba(27, 32, 34, .6);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%;font-family:Public Sans,sans-serif;overflow-x:hidden;background-color:var(--background);color:#333;position:relative;font-size:16px;font-weight:500;line-height:24px;text-align:left}h1{font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-size:32px;line-height:48px;font-weight:700;color:var(--text);text-align:left}h2{font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-size:24px;line-height:32px;font-weight:700;color:var(--text);margin-bottom:16px}h3{font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-size:16px;line-height:24px;font-weight:700;color:var(--text-lighter)}h4{font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-size:14px;line-height:20px;font-weight:600;color:var(--text);margin-bottom:8px}p{font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-size:16px;line-height:24px;font-weight:500;color:var(--text)}a{font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-size:16px;line-height:24px;font-weight:500;color:var(--link);text-decoration:none}a:hover{opacity:.6}ul,dl{margin:0;list-style:none}.home-container{font-family:Public Sans,sans-serif;max-width:720px;margin:0 auto;background-color:var(--background);color:var(--text)}.home-header{margin-top:144px;margin-bottom:48px}.home-description{display:flex;flex-direction:row;justify-content:flex-start}.home-status span{font-size:12px;font-weight:700;color:var(--text);background-color:var(--background-darker);padding:4px 8px;border-radius:4px}.home-section{margin-bottom:48px}.home-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.home-project-list{display:flex;gap:16px}.home-project-item{width:240px;height:135px;position:relative;cursor:pointer;border-radius:6px;overflow:hidden;transition:transform .2s ease;border:3px solid transparent}.home-project-item:hover{transform:scale(1.02);border:3px solid rgba(0,0,0,.08)}.home-project-item img{width:100%;height:100%;object-fit:cover;box-shadow:0 2px 8px #00000014;border-radius:6px;transition:all .3s ease}.project-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#0000006b,#0000);color:#fff;padding:8px;transform:translateY(100%);transition:transform .3s ease;display:flex;align-items:flex-end;justify-content:center;text-align:center}.home-project-item:hover .project-overlay{transform:translateY(0)}.project-title{font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:#000c;border-radius:12px;max-width:640px;max-height:85vh;width:100%;position:relative;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:16px;right:16px;background:var(--background-darker);opacity:.7;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;z-index:10;transition:opacity .2s ease}.modal-close img{width:16px;height:16px}.modal-close:hover{opacity:1}.modal-body{overflow-y:auto;max-height:85vh}.modal-cover{width:100%;position:relative}.modal-cover-image{width:100%;height:360px;object-fit:cover;display:block;border-radius:12px 12px 0 0}.modal-info{background:var(--background);padding:32px 32px 48px}.modal-info h2 a{font-size:24px}.modal-description{margin-bottom:32px;line-height:1.6;white-space:pre-line}.modal-project-content,.modal-content-block{margin-bottom:32px}.modal-content-block:last-child{margin-bottom:0}.modal-text-block h4{margin-bottom:12px;color:var(--text);font-size:18px;font-weight:600}.modal-text-block p{line-height:1.6;color:var(--text);margin:0}.modal-image-block{text-align:center;margin-left:-32px;margin-right:-32px}.modal-image-block img{width:100%;max-width:100%;height:auto;border-radius:0;box-shadow:none}.modal-image-caption{margin-top:8px;margin-left:32px;margin-right:32px;font-size:14px;color:var(--text-lighter);font-style:italic;text-align:center}.modal-video-block{text-align:center;margin-left:-32px;margin-right:-32px}.modal-video{width:100%;max-width:100%;height:auto;border-radius:0;box-shadow:none}.modal-video-caption{margin-top:8px;margin-left:32px;margin-right:32px;font-size:14px;color:var(--text-lighter);font-style:italic;text-align:center}.modal-keywords{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--background-darker)}.modal-keywords ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.modal-keywords li{background:var(--background-darker);padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;color:var(--text)}.modal-link{color:var(--link);text-decoration:none;font-weight:700}.modal-link:hover{opacity:.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-work-list li{display:flex;justify-content:flex-start;margin-bottom:8px}.home-work-list li dt{width:120px}.home-connect-list{display:flex;gap:32px}@media (max-width: 768px){.home-container{max-width:506px}.home-section{margin-bottom:32px}.home-project-item{width:160px;height:90px}.home-work-list li{margin-bottom:8px}.modal-content{max-width:95vw;max-height:90vh;margin:0 8px}.modal-body{max-height:90vh}.modal-info{padding:24px 24px 40px}.modal-project-overlay{padding:12px}.modal-project-title{font-size:12px}.modal-cover-image{height:200px}.modal-content-block{margin-bottom:24px}.modal-text-block h4{font-size:16px}.modal-description{margin-bottom:24px}.modal-image-block{margin-left:-24px;margin-right:-24px}.modal-image-caption{margin-left:24px;margin-right:24px}.modal-video-block{margin-left:-24px;margin-right:-24px}.modal-video-caption{margin-left:24px;margin-right:24px}}@media (max-width: 480px){.home-container{margin:0 16px}.home-header{margin-top:144px}.home-description{flex-direction:column}.home-section:last-child{margin-bottom:48px}.home-project-list{flex-direction:column;gap:8px}.home-project-item{width:auto;height:auto;min-height:200px}.home-work-list li{flex-direction:column;margin-bottom:24px}.home-connect-list{flex-direction:column;gap:16px}.modal-backdrop{padding:8px}.modal-content{max-width:100%;max-height:90vh;border-radius:8px}.modal-info{padding:20px 20px 36px}.modal-keywords ul{gap:6px}.modal-cover-image{height:180px;border-radius:8px 8px 0 0}.modal-content-block{margin-bottom:20px}.modal-text-block h4{font-size:14px;margin-bottom:8px}.modal-description{margin-bottom:20px}.modal-image-caption{font-size:12px;margin-top:6px;margin-left:20px;margin-right:20px}.modal-image-block{margin-left:-20px;margin-right:-20px}.modal-video-caption{font-size:12px;margin-top:6px;margin-left:20px;margin-right:20px}.modal-video-block{margin-left:-20px;margin-right:-20px}}