@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--bg-color: #FAF9F6;--text-color: #2C2C2C;--primary-color: #000000;--secondary-color: #595959;--border-color: #EAEAEA;--year-nav-bg: #F1F1F1}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px 16px;text-decoration:none;border-radius:0 0 4px;z-index:1000}.skip-link:focus{top:0}*:focus{outline:3px solid #4A90E2;outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:3px solid #4A90E2;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body{font-family:Montserrat,Noto Sans KR,sans-serif;margin:0;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;padding-top:120px;transition:padding-top .3s ease;background:linear-gradient(135deg,#faf9f6,#f5f3efe6,#fcfbf8f2,#f8f6f2e6,#faf9f6,#f5f3eff2);background-size:300% 300%;animation:waveGradient 25s ease infinite;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(119,136,153,.06) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(127,176,105,.05) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(208,140,140,.04) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(119,136,153,.04) 0%,transparent 40%),radial-gradient(circle at 70% 20%,rgba(127,176,105,.03) 0%,transparent 35%);pointer-events:none;z-index:-2;animation:waveMove 40s ease-in-out infinite}body:after{content:"";position:fixed;top:-10%;left:-10%;width:120%;height:120%;background-image:radial-gradient(ellipse 800px 400px at 50% 0%,rgba(119,136,153,.08) 0%,transparent 40%),radial-gradient(ellipse 600px 300px at 0% 50%,rgba(127,176,105,.06) 0%,transparent 40%),radial-gradient(ellipse 800px 400px at 100% 100%,rgba(208,140,140,.05) 0%,transparent 40%);pointer-events:none;z-index:-1;animation:softWaveMove 35s ease-in-out infinite;filter:blur(40px)}@keyframes waveGradient{0%{background-position:0% 0%}25%{background-position:50% 50%}50%{background-position:100% 100%}75%{background-position:50% 50%}to{background-position:0% 0%}}@keyframes waveMove{0%,to{transform:translate(0) scale(1) rotate(0)}20%{transform:translate(10%,-10%) scale(1.1) rotate(5deg)}40%{transform:translate(-10%,5%) scale(.95) rotate(-5deg)}60%{transform:translate(5%,10%) scale(1.05) rotate(3deg)}80%{transform:translate(-5%,-5%) scale(.98) rotate(-3deg)}}@keyframes softWaveMove{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-5%,10%) scale(1.1)}50%{transform:translate(5%,-5%) scale(.9)}75%{transform:translate(-3%,5%) scale(1.05)}}.wave-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;background:radial-gradient(ellipse 1000px 600px at 10% 20%,rgba(119,136,153,.1) 0%,transparent 50%),radial-gradient(ellipse 1200px 800px at 90% 80%,rgba(127,176,105,.08) 0%,transparent 50%),radial-gradient(ellipse 800px 500px at 50% 60%,rgba(208,140,140,.06) 0%,transparent 40%);filter:url(#wave-distortion) blur(2px);animation:waveDistortion 50s ease-in-out infinite}@keyframes waveDistortion{0%,to{transform:scale(1) translate(0)}33%{transform:scale(1.02) translate(-2%)}66%{transform:scale(.98) translate(2%)}}.site-header{position:fixed;top:0;left:0;right:0;background-color:#faf9f6fa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:0 50px;z-index:100;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 2px 5px #0000000d}.site-header.hidden{transform:translateY(-100%)}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;height:120px;padding:0 20px}.title-container{text-align:center;position:relative}.title-shape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:120px;opacity:.8;z-index:-1}.title-shape-1{max-width:400px;animation:float1 25s ease-in-out infinite}.title-shape-2{max-width:450px;animation:float2 30s ease-in-out infinite reverse}.title-shape-3{max-width:380px;animation:float3 20s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}25%{transform:translate(-48%,-52%) scale(1.02) rotate(1deg)}50%{transform:translate(-52%,-48%) scale(.98) rotate(-1deg)}75%{transform:translate(-49%,-51%) scale(1.01) rotate(.5deg)}}@keyframes float2{0%,to{transform:translate(-50%,-50%) scale(.95) rotate(0)}33%{transform:translate(-52%,-49%) scale(.98) rotate(-1.5deg)}66%{transform:translate(-48%,-51%) scale(1.02) rotate(1.5deg)}}@keyframes float3{0%,to{transform:translate(-50%,-50%) scale(1.05) rotate(0)}20%{transform:translate(-51%,-48%) scale(1.03) rotate(.8deg)}40%{transform:translate(-49%,-52%) scale(1) rotate(-.5deg)}60%{transform:translate(-50%,-49%) scale(1.02) rotate(.3deg)}80%{transform:translate(-51%,-51%) scale(1.04) rotate(-.8deg)}}.site-title{margin:0;font-size:2.5em;font-weight:400;letter-spacing:4px;text-transform:uppercase}.site-title a{text-decoration:none;color:var(--primary-color)}.artist{margin:5px 0 0;font-size:1.1em;font-weight:300;letter-spacing:2px;color:var(--text-color)}.artist-name-highlight{color:#789;font-weight:500;text-shadow:1px 1px 0px rgba(255,128,128,.3)}.nav-container{display:flex;align-items:center;gap:40px}.main-navigation{display:flex;align-items:center}.lang-switch{display:flex;gap:5px}.lang-switch button{min-width:44px;min-height:44px;padding:10px 12px;border:1px solid var(--border-color);background-color:transparent;font-family:inherit;font-size:.9em;cursor:pointer;transition:all .3s;border-radius:3px;display:flex;align-items:center;justify-content:center}.lang-switch button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.lang-switch button.active{color:#fff;font-weight:500}.lang-switch button[data-lang=kr].active{background-color:#7fb069;border-color:#7fb069}.lang-switch button[data-lang=kr]:hover{background-color:#95c680;border-color:#95c680;color:#fff}.lang-switch button[data-lang=en].active{background-color:#6c8ead;border-color:#6c8ead}.lang-switch button[data-lang=en]:hover{background-color:#85a3c2;border-color:#85a3c2;color:#fff}.lang-switch button[data-lang=id].active{background-color:#d08c8c;border-color:#d08c8c}.lang-switch button[data-lang=id]:hover{background-color:#dda5a5;border-color:#dda5a5;color:#fff}.main-navigation ul{list-style:none;margin:0;padding:0;display:flex}.main-navigation li{margin-left:40px}.main-navigation a{text-decoration:none;color:var(--text-color);font-size:1.1em;font-weight:400;padding-bottom:5px;position:relative;transition:color .3s}.main-navigation a.active,.main-navigation a:hover{color:var(--primary-color)}.main-navigation a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:var(--primary-color);transform-origin:bottom right;transition:transform .25s ease-out}.main-navigation a.active:after,.main-navigation a:hover:after{transform:scaleX(1);transform-origin:bottom left}#year-navigation{padding:25px 50px;background-color:#fdfdfd;border-bottom:1px solid var(--border-color)}.year-links-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;max-width:1200px;margin:0 auto}#year-navigation a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;color:var(--secondary-color);text-decoration:none;font-weight:400;border-radius:5px;transition:background-color .3s,color .3s,transform .2s,box-shadow .3s;white-space:nowrap;text-align:center}#year-navigation a[data-year-type=all]{grid-column:1 / -1;margin:0 auto 15px;font-size:1.1em;font-weight:500;max-width:200px}#year-navigation a:hover{background-color:#7788991a;color:var(--primary-color);transform:translateY(-1px)}#year-navigation a.active{background-color:#77889926;color:var(--primary-color);font-weight:500;box-shadow:0 2px 8px #77889926;transform:translateY(-1px)}#gallery-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;padding:50px;max-width:1600px;margin:0 auto;transition:grid-template-columns .3s ease;position:relative}.artwork{background-color:#fff;border:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;overflow:hidden;height:350px;cursor:pointer;transition:box-shadow .3s,border-color .3s,height .3s ease,background-color .5s ease;position:relative}.artwork:hover{box-shadow:0 8px 25px #00000014;border-color:#ccc}.artwork-wide{grid-column:span 2}.artwork-extra-wide{grid-column:span 3}.artwork-tall{grid-row:span 2;height:725px}.artwork img{width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.artwork:hover img{transform:scale(1.03)}.artwork-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#fff9,#fff0);color:var(--text-color);padding:20px 15px 10px;transform:translateY(100%);transition:transform .3s ease,opacity .3s ease;pointer-events:none;z-index:2;opacity:0}.artwork:hover .artwork-overlay{transform:translateY(0);opacity:.85}.artwork-title{font-size:.75em;font-weight:400;margin-bottom:2px;color:#5a5a5a;opacity:.9}.artwork-details{font-size:.65em;color:#6a6a6a;font-weight:300;opacity:.85}.artwork.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}.gallery-loading{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.gallery-loading.active{display:block}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.artwork img{opacity:0;transition:opacity .5s ease,transform .4s ease}.artwork img.loaded{opacity:1}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.artwork.error{background-color:#f5f5f5}.artwork-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--secondary-color);padding:20px;text-align:center}.artwork-error svg{margin-bottom:15px;opacity:.5}.artwork-error p{margin:0;font-size:.9em}.about-container{max-width:900px;margin:60px auto;padding:40px 60px;background-color:#fff;border:1px solid var(--border-color)}.artwork-showcase{margin:40px 0;text-align:center}.artwork-showcase img{max-width:100%;height:auto;max-height:400px;border:1px solid var(--border-color);box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.artwork-showcase img:hover{transform:scale(1.02);box-shadow:0 4px 20px #00000026}.page-navigation{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.back-link{color:var(--secondary-color);text-decoration:none;font-size:1em;transition:color .3s;display:inline-flex;align-items:center;gap:5px}.back-link:hover{color:var(--primary-color)}.artist-statement h2,.artist-history h2{font-size:1.8em;font-weight:400;border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:30px;color:var(--primary-color)}.artist-statement p,.artist-history p,.artist-history li{font-size:1.1em;color:var(--text-color);font-weight:300;line-height:1.8}.artist-history h3{font-size:1.4em;margin-top:40px;margin-bottom:15px;color:#333;font-weight:400}.artist-history ul{list-style:none;padding-left:0}.artist-history li{margin-bottom:10px;position:relative}.artist-history li strong{color:var(--primary-color);font-weight:500}.site-footer{text-align:center;padding:50px 20px;margin-top:60px;font-size:.9em;color:var(--secondary-color);border-top:1px solid var(--border-color)}.lightbox{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#faf9f6f2;animation:fadeIn .3s;flex-direction:column;justify-content:center;align-items:center}.lightbox-content{max-width:90vw;max-height:80vh;object-fit:contain;box-shadow:0 5px 20px #0000001a}#lightbox-caption{color:var(--text-color);padding:20px 0;font-weight:300;font-size:1.1em;letter-spacing:1px;text-align:center}.close-button{position:absolute;top:30px;right:50px;color:var(--secondary-color);font-size:40px;font-weight:300;transition:.3s;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:var(--primary-color)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);color:var(--secondary-color);font-size:50px;font-weight:300;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 40px;transition:color .3s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-arrow:hover{color:var(--primary-color)}#prev-arrow{left:0}#next-arrow{right:0}.lightbox-actions{position:absolute;bottom:30px;right:30px;display:flex;gap:15px}.lightbox-action-btn{background:#ffffffe6;border:1px solid var(--border-color);min-width:44px;min-height:44px;padding:10px;cursor:pointer;border-radius:5px;transition:background-color .3s,transform .2s;color:var(--text-color);display:flex;align-items:center;justify-content:center}.lightbox-action-btn:hover{background:#fff;transform:scale(1.05)}.lightbox-action-btn:active{transform:scale(.95)}.lightbox-action-btn svg{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1366px){.site-header{padding:0 20px}.header-container{padding:0 10px}.site-title{font-size:2em;letter-spacing:2px}.artist{font-size:.95em;letter-spacing:1px}.nav-container{gap:20px}.main-navigation ul{gap:10px}.main-navigation li{margin:0 8px}.main-navigation a{font-size:.95em}}@media (max-width: 1200px){.site-header{padding:0 20px}.site-title{font-size:1.8em;letter-spacing:2px}.artist{font-size:.9em}.nav-container{gap:15px}.artwork-extra-wide{grid-column:span 2}}@media (max-width: 1000px){#gallery-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:30px}.artwork-wide,.artwork-extra-wide{grid-column:span 1}.artwork-tall{grid-row:span 1;height:350px}}@media (max-width: 768px){body{padding-top:160px}.site-header{padding:0 20px}.header-container{flex-direction:column;justify-content:center;height:auto;padding:15px 0}.site-title{font-size:2em;letter-spacing:3px}.artist{font-size:1em;margin:3px 0 0}.title-container{margin-bottom:10px}.title-shape{max-width:300px;height:100px}.nav-container{flex-direction:column;gap:10px;margin-top:15px}.main-navigation a{font-size:1em}.main-navigation li{margin:0 10px}.lang-switch{margin-top:0}.lang-switch button{padding:8px 10px;font-size:.85em;min-width:44px;min-height:44px}#year-navigation{padding:20px 30px}.year-links-container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}#year-navigation a{padding:8px 10px;font-size:.95em;min-height:44px}#year-navigation a[data-year-type=all]{margin-bottom:10px}#filter-container{padding:15px 30px;flex-direction:column}#search-input{width:100%}.about-container{margin:40px auto;padding:30px}.artwork-showcase{margin:30px 0}.artwork-showcase img{max-height:300px}.nav-arrow{font-size:35px;padding:0 20px}.close-button{top:20px;right:20px;font-size:35px}}@media (max-width: 480px){#gallery-container{grid-template-columns:1fr;padding:15px;gap:15px}.artwork{height:280px}.artwork-wide,.artwork-extra-wide,.artwork-tall{grid-column:span 1;grid-row:span 1;height:280px}.nav-arrow{display:none}#lightbox-caption{font-size:.95em;padding:15px 20px}}.site-footer{position:fixed;bottom:0;left:0;right:0;background-color:#faf9f6f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:8px 0;z-index:50;box-shadow:0 -2px 10px #00000008}.footer-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.site-footer p{margin:0;font-size:.85rem;color:var(--secondary-color);line-height:1.4}.powered-by{font-size:.8rem}.powered-by a{color:var(--secondary-color);text-decoration:none;transition:color .3s ease}.powered-by a:hover{color:var(--primary-color);text-decoration:underline}body{padding-bottom:60px}@media (max-width: 768px){.footer-content{justify-content:center;text-align:center}.site-footer p{font-size:.75rem}.powered-by{font-size:.7rem}}
