@import"base.css";:root{--menu-bg-color: var(--primary-text-color);--menu-text-color: var(--primary-bg-color)}body{margin:0;padding:0;text-align:center;background:var(--primary-bg-color);font-family:Damryl,Fallback,sans-serif;font-weight:100;position:fixed;top:0;left:0;height:var(--app-shell-height, 100dvh);width:100%;overflow:hidden}#art-design-container{background-color:var(--primary-bg-color);padding:0;position:relative;max-width:1200px;margin:0 auto;transform:translate(calc(var(--scrollbar-width, 0px) / 2));padding-left:4vw;padding-right:4vw;padding-top:3vh;padding-bottom:max(8vw,calc(8dvh + 4vh));text-align:left;opacity:0;transition:opacity .5s ease-out}#art-design-container.loaded{opacity:1}.empty-state{font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(16px,1.25vw,22px);color:#eee}.art-grid{margin-top:clamp(1vh,2vw,40px)}.art-grid{display:grid;grid-template-columns:1fr;gap:8vw 4vw}@media(min-width:900px){.art-grid{grid-template-columns:repeat(2,1fr);gap:3vw 3.5vw}}.art-card{display:block;text-decoration:none;color:var(--primary-text-color);opacity:0;will-change:opacity;transition:opacity .4s ease-out}.art-grid.cards-visible .art-card{opacity:1}.art-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--primary-text-color);transition:transform .2s ease-out,box-shadow .2s ease-out}.art-thumbnail--empty{width:100%}.art-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity;transition:opacity .4s ease-out}.art-thumbnail img.thumb-loaded{opacity:1}.art-card:hover .art-thumbnail{transform:translateY(-6px);box-shadow:0 16px 28px #00000073}.art-card:hover .work-title{color:var(--secondary-text-color)}.work-title{font-family:Damryl,Fallback,sans-serif;font-size:clamp(16px,1.75vw,28px);color:var(--primary-text-color);margin-top:1vw;transition:color .15s ease-out}.work-year{font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(11px,1vw,16px);color:var(--secondary-text-color);margin-top:.25vw}