:root{--bg-color: #FFFFFF;--bg-beige: #eeeeeb;--bg-contact: #e5eee7;--text-color: #000000;--max-img: 1418px;--gap: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:Roboto Condensed,Noto Sans KR,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;color:inherit;font:inherit;padding:0}img{display:block;max-width:100%}.font-en-menu{font-family:Roboto Condensed,sans-serif;font-size:22px;font-weight:400}.font-ko-menu{font-family:Noto Sans KR,sans-serif;font-size:20px;font-weight:400}.font-en-body,.font-ko-body{font-family:Noto Sans KR,sans-serif}.font-artwork-en{font-family:Athelas,serif;font-weight:400;transform:scaleX(1.07);display:inline-block}.font-artwork-ko{font-family:Noto Sans KR,sans-serif;letter-spacing:-.025em}.logo-font-0{font-family:Anton,sans-serif;letter-spacing:-.01em}.logo-font-1{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.logo-font-2{font-family:Bodoni MT,Bodoni,Georgia,serif}.logo-font-3{font-family:Garamond,EB Garamond,serif}.logo-font-4{font-family:Impact,Arial Narrow,sans-serif}.logo-font-5{font-family:Roboto Condensed,sans-serif;letter-spacing:-.05em}.logo-font-ko-0{font-family:Black Han Sans,sans-serif}.logo-font-ko-1{font-family:Noto Sans KR,sans-serif;font-weight:900}.logo-font-ko-2{font-family:Noto Sans KR,sans-serif;font-weight:700}.logo-font-ko-3{font-family:Noto Sans KR,sans-serif;font-weight:300}.logo-font-ko-4{font-family:Noto Sans KR,sans-serif}.logo-font-ko-5{font-family:Noto Sans KR,sans-serif;font-weight:500}nav a,nav button,nav span{font-family:Roboto Condensed,sans-serif;font-size:22px;font-weight:400;transition:font-weight .1s}.lang-ko nav a,.lang-ko nav button,.lang-ko nav span{font-family:Noto Sans KR,sans-serif;font-size:20px}nav a:hover,nav button:hover{font-weight:700}nav a.active,nav button.active{font-weight:700;font-style:italic}.page-main{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-color)}.page-category{min-height:100vh;background:var(--bg-beige);padding:80px var(--gap) var(--gap)}.page-project{min-height:100vh;background:var(--bg-color);padding:80px var(--gap) 60px}.page-contact{min-height:100vh;background:var(--bg-contact);padding:80px var(--gap) 60px}.img-grid{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:flex-end}.img-grid img{object-fit:contain;max-width:var(--max-img)}.col-1{width:calc(20% - var(--gap))}.col-2{width:calc(40% - var(--gap))}.col-3{width:calc(60% - var(--gap))}.col-4{width:calc(80% - var(--gap))}.col-5{width:100%}.admin-layout{min-height:100vh;background:#f5f5f5;font-family:Noto Sans KR,sans-serif}.admin-header{position:sticky;top:0;z-index:100;background:#000;color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.admin-main{max-width:1200px;margin:0 auto;padding:32px 24px}.admin-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:24px;margin-bottom:24px}.admin-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#000;color:#fff;border-radius:2px;font-size:14px;cursor:pointer;transition:opacity .2s}.admin-btn:hover{opacity:.75}.admin-btn.secondary{background:#fff;color:#000;border:1px solid #000}.admin-btn.danger{background:#c00}.admin-input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:2px;font-size:14px;font-family:inherit}.admin-label{display:block;font-size:12px;font-weight:500;margin-bottom:4px;color:#555}.img-skeleton{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media (max-width: 768px){.col-1,.col-2,.col-3,.col-4,.col-5{width:100%}.font-en-menu{font-size:18px}.font-ko-menu{font-size:16px}}
