:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;scroll-behavior:smooth}#root{width:100%;margin:0;padding:0;overflow-x:hidden}.jm-site{width:100%;max-width:100vw;overflow-x:hidden}section{width:100%;max-width:100vw;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0;line-height:1.6}nav a:hover{opacity:1!important;transform:translateY(-1px)}button,.work-card,.filter-button{transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#1a1a1a!important;box-shadow:0 0 0 2px #1a1a1a1a!important}.artwork-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.artwork-item{transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.artwork-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #00000026}.artwork-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.artwork-item:hover .artwork-overlay{opacity:1}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease}.lightbox-image{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){nav{padding:16px 0!important}nav>div{padding:0 16px!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important}nav>div>div:last-child{gap:24px!important;width:100%!important;justify-content:space-between!important}section:first-of-type{height:80vh!important;padding:0 16px!important}#work{padding:60px 16px!important}#work>div:nth-child(3){grid-template-columns:1fr!important;gap:20px!important}#about>div{grid-template-columns:1fr!important;gap:40px!important}#about,#contact{padding:60px 16px!important}footer{padding:32px 16px 16px!important}footer>div>div{flex-direction:column!important;gap:20px!important}#work>div:nth-child(4){padding:32px 16px!important}#work>div:nth-child(4) iframe{height:250px!important}section:first-of-type>div:nth-child(2){padding:0 16px!important;max-width:100%!important}#work>div:nth-child(2){flex-direction:column!important;align-items:center!important;gap:12px!important}#work>div:nth-child(2) button{width:200px!important;text-align:center!important}.artwork-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.lightbox-content{max-width:95vw;max-height:95vh}.lightbox-image{max-height:60vh}}@media (max-width: 480px){nav>div{padding:0 12px!important}section:first-of-type{height:70vh!important}#work,#about,#contact{padding:40px 12px!important}footer{padding:24px 12px 12px!important}section:first-of-type h1{font-size:clamp(2rem,10vw,4rem)!important}#work>div:nth-child(3){gap:16px!important}#about>div>div:first-child>div:last-child{flex-direction:column!important;gap:20px!important}.artwork-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.lightbox-content{max-width:98vw;max-height:98vh}}@media (hover: hover){.work-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 30px #0000001f!important}}@media print{nav{display:none}section:first-of-type{height:auto!important;page-break-after:always}}