.form-container{max-width:600px;width:95%;margin:0 auto;padding:2rem;background-color:#fff;color:#000;border-radius:8px;box-shadow:0 0 10px #0000001a;box-sizing:border-box}.form{display:flex;flex-direction:column;gap:1rem}.form input,.form textarea,.form select{padding:.5rem;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;color:#000;font-size:1rem;box-sizing:border-box}.form label{font-weight:700}.image-field,.category-field{display:flex;gap:.5rem;align-items:center}.image-field input{flex:1}.form-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.form-buttons{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.btn-add,.btn-delete,.btn-save,.fill-item button{background-color:#fca311;color:#fff;padding:.5rem 1rem;border:1px solid #000;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:1rem}.btn-add:hover,.btn-delete:hover,.btn-save:hover,.fill-item button:hover{background-color:#ce7f00}.btn-cancel{background-color:#ccc;color:#000;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;margin-left:auto;font-size:1rem}.form select{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;color:#000;font-size:1rem}.fill-controls{display:flex;gap:.5rem}.fill-item{display:flex;flex-direction:column;gap:.5rem}.fill-header{display:flex;justify-content:space-between;align-items:center}.dropdown-fill{flex:1;padding:.5rem;border:1px solid #000000;border-radius:4px;background-color:#fca311;color:#fff;font-size:1rem;font-weight:700}.dropdown-fill option{color:#000;background-color:#fff}@media (max-width: 600px){.form-container{padding:1rem;width:90%}.form-row{flex-direction:column;align-items:stretch;margin-bottom:1rem}.form select,.form input,.form textarea{width:100%}.image-field{flex-direction:column;align-items:stretch}.image-field input{flex:unset;width:100%}.form-buttons{flex-direction:column}.btn-cancel{margin-left:0;width:100%}.btn-add,.btn-delete,.btn-save{width:100%;text-align:center}.fill-controls{flex-direction:column}.fill-item h4{flex-direction:column;align-items:flex-start;gap:.25rem}.fill-item button{width:fit-content}}.admin-layout{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;background:#14213d;color:#fff;padding:1rem 2rem;position:fixed;width:100%;box-sizing:border-box;z-index:1100;box-shadow:0 2px 5px #0003}.left-section{display:flex;align-items:center;gap:1rem}.logo{font-size:1.5rem;font-weight:700;cursor:pointer}.toggle-button{font-size:2rem;background:none;border:none;color:#fff;cursor:pointer;border-radius:4px}.toggle-button:hover{background-color:#fca311}.right-section{text-align:right}.title-label{font-size:1rem;cursor:pointer;font-family:Zahrawati}.admin-sidebar{position:fixed;top:80px;left:0;width:220px;height:calc(100vh - 110px);background:#14213d;color:#fff;padding:1rem;display:flex;flex-direction:column;gap:1rem;transition:transform .3s ease;z-index:1000}.admin-sidebar.collapsed{transform:translate(-100%)}.sidebar-link{font-size:1rem;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:background-color .3s ease,color .3s ease}.sidebar-link:hover{background-color:#fca311;color:#fff}.logout-button{margin-top:auto;background-color:transparent;color:#fca311;border:2px solid #FCA311;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .3s ease,color .3s ease}.logout-button:hover{background-color:#fca311;color:#fff}.admin-content{margin-top:60px;padding:2rem;transition:margin-left .3s ease}.admin-content.with-sidebar{margin-left:220px;padding-left:4rem;box-sizing:border-box}.admin-content.full-width{margin-left:0}@media (max-width: 768px){.admin-sidebar{width:120px}.admin-content.with-sidebar{margin-left:0}.title-label{font-size:1.2rem}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-dark)}.admin-container,.settings-section{padding:1rem}.btn-save,.btn-cancel,.btn-change-password,.admin-add-button,.admin-view-all-button,.admin-button-edit,.admin-button-delete{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s,color .3s}.btn-save,.btn-change-password,.admin-view-all-button,.admin-add-button,.admin-button-edit,.admin-button-delete{background-color:var(--main-yellow);color:#fff;border:1px solid var(--border-black)}.btn-save:hover,.btn-change-password:hover,.admin-add-button:hover,.admin-view-all-button:hover,.admin-button-edit:hover,.admin-button-delete:hover{background-color:var(--hover-yellow)}.btn-cancel{background-color:#fff;color:var(--main-yellow);border:2px solid var(--main-yellow)}.btn-cancel:hover{background-color:var(--main-yellow);color:#fff}.admin-add-button,.admin-view-all-button{margin-top:2rem}.admin-table-wrapper{overflow-x:auto;margin-top:1rem}.admin-table{width:100%;border-collapse:collapse;border:1px solid var(--border-black);font-size:.95rem;background-color:#fff;box-shadow:0 2px 5px #0000001a;border-radius:8px;overflow:hidden}.admin-table th,.admin-table td{padding:.75rem 1rem;border:1px solid #ddd;text-align:left;vertical-align:top}.admin-table th{background-color:#f8f8f8;font-weight:600;color:#222}.admin-table tbody tr:nth-child(2n){background-color:#fafafa}.admin-table tbody tr:hover{background-color:#f1f1f1;transition:background-color .2s}.admin-table td img{max-width:80px;border-radius:4px;box-shadow:0 0 4px #0000001a}.table-title{color:#fca311}.admin-buttons{display:flex;gap:.5rem;justify-content:start}.admin-button-edit{margin-right:.5rem}.admin-section-header{display:flex;justify-content:space-between}.password-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center}.password-popup{background:#fff;padding:2rem;border-radius:8px;width:350px;box-shadow:0 2px 10px #0000004d}.password-popup input{width:100%;padding:.5rem;margin-bottom:1rem;border-radius:4px;border:1px solid #ccc}.form-buttons{display:flex;justify-content:flex-end;gap:.5rem}.button-with-text{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.button-with-text p{flex:1;margin:0;color:var(--text-dark);font-size:1rem}.settings-section{border-bottom:1px solid #1b1b1b}.admin-static-container{padding:2rem;max-width:900px;margin:0 auto}.admin-section{background:#fff;border:1px solid var(--border-black);padding:1.5rem;border-radius:10px;margin-bottom:2rem;box-shadow:0 2px 5px #0000000d}.input-text{width:100%;padding:.6rem .8rem;border-radius:6px;border:1px solid #ccc;margin-bottom:.8rem;font-size:.95rem}.input-text:focus{border-color:var(--main-yellow);outline:none;box-shadow:0 0 3px #fca31166}.hero-input-row{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.preview-img-small{width:80px;height:80px;border-radius:6px;object-fit:cover;border:1px solid #ddd;box-shadow:0 0 5px #0000001a}.btn{padding:.5rem 1rem;background-color:var(--main-yellow);border:1px solid var(--border-black);color:#fff;border-radius:6px;cursor:pointer;margin-top:.5rem;margin-right:.5rem;font-weight:600;transition:.25s}.btn:hover{background-color:var(--hover-yellow)}.btn-primary{margin-top:1rem;background:var(--main-yellow);color:#fff}.admin-section hr{margin:1.5rem 0;border:none;border-bottom:1px solid #ddd}.single-input-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.single-input-row .input-text{flex:1}.single-input-row .preview-img-small{width:90px;height:90px;object-fit:cover;border:1px solid #ddd;border-radius:8px}.navbar{padding:16px 0;position:relative;background-color:#fff;width:100%;z-index:999;transition:top .3s ease-in-out;position:fixed;top:0}.navbar.hide{top:-100px}.navbar.show{top:0}.navbar-container{max-width:1280px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}.logo-btn{display:flex;align-items:center;gap:8px;cursor:pointer}.logo-img{width:64px;height:auto}.logo-text{font-size:1rem;max-width:135px;font-family:Zahrawati}.burger-btn{display:none;font-size:24px;background:none;border:none;cursor:pointer;position:absolute;top:18px;right:24px;z-index:1001}.navbar-menu-content{display:flex;align-items:center;justify-content:flex-end;flex:1;gap:32px}.navbar-left-group{display:flex;align-items:center;gap:96px;margin:0 auto 0 64px}.lang-switch{display:flex;border-radius:100px;overflow:hidden;width:fit-content}.lang-btn{font-family:Ripaldhoys;padding:8px 16px;font-size:20px;background-color:#15213a;border:none;cursor:pointer;font-weight:500;color:#fff;transition:background-color .2s}.lang-btn:hover{background-color:#fca311}.lang-btn.active{background-color:#fca311;color:#fff}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;gap:32px;font-family:Ripaldhoys}.nav-link{color:#14213d;font-size:24px;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:#ff9f40}.navbar-right-group{display:flex;align-items:center}.navbar-overlay{position:fixed;width:100%;height:calc(100% - 80px);background-color:#0009;z-index:998;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@media (max-width: 768px){.navbar{padding:10px}.burger-btn{display:block}.navbar-container{flex-direction:column;align-items:flex-start;padding:0}.navbar-menu-content{display:none;flex-direction:column;align-items:flex-start;width:100%;margin-top:1rem;gap:24px;padding:0 16px}.navbar-menu-content.open{display:flex}.navbar-left-group{margin:0;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.lang-switch{margin-bottom:8px}.navbar-menu{flex-direction:column;width:100%;gap:10px}.nav-link{font-size:18px;padding:8px 0}.navbar-right-group{width:100%;justify-content:flex-start}.contact-btn{width:100%;justify-content:center}}.home-seniman-section{background-color:#f3f3f3}.home-hero-slideshow{position:relative;width:100%;overflow:hidden;height:640px}.home-hero-slideshow img{width:100%;height:100%;object-fit:cover;border-radius:36px;transition:opacity .5s ease-in-out}.hero-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:6px 12px;border-radius:20px}.dot{width:10px;height:10px;background-color:#ccc;border-radius:50%;border:2px solid #ffffff;transition:background-color .3s}.dot.active{background-color:#fca311}.home-info-section{width:100%;padding:3rem 0}.home-info-content,.home-karya-header,.home-seniman-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.home-info-text h2{font-family:Ripaldhoys;font-size:48px;font-weight:400}.home-info-text,.home-info-image{flex:1}.home-info-image{text-align:right}.home-info-image img{max-height:240px;max-width:400px;width:100%;border-radius:36px}.home-karya-grid-border{padding:0 1.5rem 1.5rem 0;background-color:#e5e5e5;border-radius:2rem 12rem 2rem 4rem}.home-karya-grid-box{display:flex;gap:2rem;margin-top:2rem;background-color:#1a2a4a;padding:2rem;border-radius:2rem 10rem 2rem 2rem;color:#fff;flex-wrap:wrap;justify-content:space-between}.home-karya-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.home-karya-left{flex:1;min-width:200px;margin-right:21rem}.home-karya-right{display:flex;justify-content:flex-end;align-items:center;min-width:150px}.home-karya-deco{flex:1;display:flex;flex-direction:column;align-items:center;max-width:300px}.home-karya-deco h2{color:#fff;margin:0}.home-karya-deco img{width:100%;max-width:150px;height:auto;border-radius:8px}.home-karya-grid{flex:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;width:100%}.home-karya-border{padding:1rem;background:linear-gradient(to top right,#3558a3,#fff 180%);border:2px solid #3558A3;border-radius:2rem 10rem 2rem 2rem}.home-karya-card{background-color:#fff;color:#000;border-radius:2rem 10rem 2rem 2rem;padding:.5rem;text-align:center}.home-karya-card img{width:100%;height:200px;object-fit:cover;border-radius:2rem 10rem 0 0}.home-seniman-card{background-color:#fff;color:#000;width:280px;padding:0 0 0 1rem;border-radius:2rem 10rem 2rem 2rem}.home-karya-card img,.home-seniman-card img{width:100%}.home-seniman-card img{background-color:#14213d;width:300px;height:360px;object-fit:cover;border-radius:2rem 10rem 2rem 2rem}.home-seniman-card p{padding:1rem 0;text-align:center}@media (max-width: 768px){.home-hero-slideshow{height:320px}.home-info-text h2{font-size:24px}.home-karya-grid-wrapper{flex-direction:column}.home-karya-deco,.home-karya-grid{max-width:100%}.home-karya-grid{grid-template-columns:1fr}.home-karya-header,.home-seniman-header{flex-direction:column;align-items:center;text-align:center}.home-karya-left,.home-karya-right{width:100%;text-align:center;margin:0}.home-karya-right{justify-content:center;display:flex;margin-top:1rem}.home-karya-grid-box{flex-direction:column;align-items:center}.home-karya-deco{margin-bottom:1rem}}.home-seniman-slider{flex:3;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem}.home-seniman-slider-wrapper{display:flex;align-items:center;gap:1rem;margin-top:2rem}@keyframes scrollSeniman{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-seniman-slider-wrapper{overflow:hidden;position:relative}.home-seniman-slider{display:flex;gap:2rem;width:max-content;animation:scrollSeniman 40s linear infinite}.footer{background-color:#e5e5e5}.footer-top-content{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding:2rem 0}.footer-left,.footer-center,.footer-right{flex:1;min-width:200px}.footer-left p{font-size:16px}.footer-center ul li{font-family:Ripaldhoys;font-size:20px;list-style:none;padding:0}.footer-center li{margin-bottom:.5rem}.footer-center a{text-decoration:none;color:inherit}.footer-wave-section{background-image:url(https://res.cloudinary.com/dffkscge9/image/upload/v1752288065/Vector_4_zhzlcz.png);background-size:cover;height:50px;width:100%}.footer-bottom-section{background-color:#fca311}.footer-bottom-text p{color:#fff;margin:0 auto;text-align:center}.artists-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}.artists-header-left{flex:1;min-width:300px;max-width:600px}.artists-header-left h2{text-align:center;background-image:url(https://res.cloudinary.com/dffkscge9/image/upload/v1751211960/Vector_1_rrdute.png);background-size:contain;background-repeat:no-repeat;background-position:center;padding:5rem 0}.artists-header-right{flex:1;text-align:right;min-width:280px}.artists-header-border{position:relative;display:inline-block;padding:0 7px 3px 0;background-color:#fca311;border-radius:128px 48px 100px}.artists-header-image{width:400px;height:400px;object-fit:cover;border:2px solid #000;border-radius:98px 32px}.artists-header-middle{margin:1.5rem 0;text-align:center}.artists-subsection{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:center;flex-wrap:wrap}.artists-subsection-image-left,.artists-subsection-image-right{flex:1;max-width:100px;height:auto;object-fit:contain}.artists-subsection-image-left{transform:rotate(180deg)}.artists-subsection-image-right{transform:rotate(90deg)}.artists-subsection-text{flex:2;font-size:52px}.artists-projects-categories{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}.category-button{padding:10px 20px;background-color:#eee;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.category-button:hover,.category-button.active{background-color:#000;color:#fff}.artists-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}@media (max-width: 1024px){.artists-header-right{text-align:center}.artists-header-image{max-width:240px;max-height:240px}}@media (max-width: 760px){.artists-subsection-text{font-size:36px}.artists-subsection-image{max-width:48px}}.artist-detail-header-content{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:center;gap:1.5rem}.artist-detail-header-image img{max-width:120px;height:auto}.artist-detail-header-image.left{transform:rotate(90deg)}.artist-detail-header-image.right{transform:rotate(220deg)}.artist-detail-header-text{flex:1;padding:0 1rem}@media (max-width: 768px){.artist-detail-header-content{flex-direction:column;align-items:center;text-align:center}.artist-detail-header-text{padding:1rem 0}.artist-detail-header-image img{max-width:80px}}.artist-detail-profile-content{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.artist-detail-profile-left{flex:1;text-align:left;min-width:280px}.artist-detail-profile-border{position:relative;display:inline-block;padding:0 7px 3px 0;background-color:#fca311;border-radius:128px 48px 100px}.artist-detail-profile-image{width:400px;height:400px;object-fit:cover;border:2px solid #000;border-radius:98px 32px}.artist-detail-profile-right{flex:1;min-width:280px}.artist-detail-title{margin-bottom:16px}.artist-detail-description{line-height:1.6}.artist-detail-meta{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}.artist-detail-images-grid,.artist-detail-processImages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px}.artist-detail-another-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.artist-detail-another-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.artist-detail-projects-title{font-size:1.6rem;font-weight:700;margin-bottom:1rem}.artist-detail-projects-list{display:flex;flex-wrap:wrap;gap:12px}.artist-detail-processImages-section{margin-top:48px}.artist-detail-processImages-header h2{font-size:1.8rem;margin-bottom:16px;text-align:center}.artist-detail-slider-wrapper{overflow:hidden;width:100%;position:relative;padding:10px 0}.artist-detail-slider{display:flex;width:max-content;animation:artistSliderScroll 30s linear infinite}.artist-detail-card{flex:0 0 auto;width:300px;padding:0 10px}@keyframes artistSliderScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.artist-detail-card{width:240px;padding:0 6px}}@media (max-width: 1024px){.artist-detail-profile-left{text-align:center}.artist-detail-profile-image{max-width:240px;max-height:240px}}.works-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}.works-header-left{flex:1;min-width:300px;max-width:600px}.works-header-left h2{text-align:center;background-image:url(https://res.cloudinary.com/dffkscge9/image/upload/v1751211960/Vector_1_rrdute.png);background-size:contain;background-repeat:no-repeat;background-position:center;padding:6rem 0}.works-header-right{flex:1;text-align:right;min-width:280px}.works-header-border{position:relative;display:inline-block;padding:0 7px 3px 0;background-color:#fca311;border-radius:128px 48px 100px}.works-header-image{width:400px;height:400px;object-fit:cover;border:2px solid #000;border-radius:98px 32px}.works-header-middle{margin:1.5rem 0;text-align:center}.works-subsection{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:center;flex-wrap:wrap}.works-subsection-image{flex:1;max-width:100px;height:auto;object-fit:contain}.works-subsection-text{flex:2;font-size:52px}.works-projects-categories{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}.category-button{padding:10px 20px;font-family:Ripaldhoys;font-size:20px;background-color:#fff;border:none;border-radius:36px;cursor:pointer;transition:all .3s ease}.category-button:hover,.category-button.active{background-color:#fdc569;color:#fff}.works-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}@media (max-width: 1024px){.works-header-right{text-align:center}.works-header-image{max-width:240px;max-height:240px}}@media (max-width: 760px){.works-subsection-text{font-size:36px}.works-subsection-image{max-width:48px}}.work-detail-hero-slideshow{position:relative;width:100%;overflow:hidden;height:640px}.work-detail-hero-slideshow img{width:100%;height:100%;object-fit:cover;border-radius:36px;transition:opacity .5s ease-in-out}.work-detail-profile-content{display:flex;gap:40px;flex-wrap:wrap;align-items:center}.work-detail-profile-left{flex:1;text-align:left;min-width:280px}.work-detail-profile-border{position:relative;display:inline-block;padding:0 7px 3px 0;background-color:#fca311;border-radius:128px 48px 100px}.work-detail-profile-image{width:400px;height:400px;object-fit:cover;border:2px solid #000;border-radius:98px 32px}.work-detail-profile-right{flex:1;min-width:280px}.work-detail-title{margin-bottom:16px}.work-detail-description{line-height:1.6}.work-detail-meta{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}.work-detail-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px}.work-detail-another-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.work-detail-another-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}@media (max-width: 1024px){.work-detail-profile-left{text-align:center}.work-detail-profile-image{max-width:240px;max-height:240px}}.journal-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}.journal-header-left{flex:1;min-width:300px;max-width:600px}.journal-header-left h2{text-align:center;background-image:url(https://res.cloudinary.com/dffkscge9/image/upload/v1751211960/Vector_1_rrdute.png);background-size:contain;background-repeat:no-repeat;background-position:center;padding:6rem 0}.journal-header-right{flex:1;text-align:right;min-width:280px}.journal-header-border{position:relative;display:inline-block;padding:0 7px 3px 0;background-color:#fca311;border-radius:128px 48px 100px}.journal-header-image{width:400px;height:400px;object-fit:cover;border:2px solid #000;border-radius:98px 32px}.journal-header-middle{margin:1.5rem 0;text-align:center}.journal-subsection{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:center;flex-wrap:wrap}.journal-subsection-image{flex:1;max-width:100px;height:auto;object-fit:contain}.journal-subsection-text{flex:2;font-size:52px}.journal-projects-categories{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}.journal-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}@media (max-width: 1024px){.journal-header-right{text-align:center}.journal-header-image{max-width:240px;max-height:240px}}@media (max-width: 760px){.journal-subsection-text{font-size:36px}.journal-subsection-image{max-width:48px}.journal-projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.journal-header-bg{position:relative;width:100%;height:100%;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;overflow:hidden;border:2px solid black;border-radius:36px;overflow:visible}.journal-header-foreground{position:relative;z-index:1;max-width:100%;max-height:480px;height:auto;object-fit:contain;border:2px solid black;border-radius:36px;box-shadow:0 4px 12px #0000004d;background-color:#fff;margin-left:5rem;margin-top:50px;transform:translateY(50px);overflow:hidden}.journal-header-foreground img{width:100%;height:100%;object-fit:contain}.journal-detail-content-grid{display:flex;flex-direction:row;gap:3rem;align-items:flex-start;margin-top:40px;flex-wrap:wrap}.journal-detail-left{flex:1;max-width:240px}.journal-detail-cover{border-radius:36px;border:2px solid #000;width:250px;height:250px;object-fit:cover;display:block}.journal-detail-right{flex:2;min-width:300px}.journal-detail-description-content{margin-bottom:32px}.journal-detail-fill-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:24px}.journal-detail-another-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.journal-detail-another-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.journal-fill-item,.journal-fill-quote,.journal-detail-fill-image-grid{margin:3rem 0}.journal-fill-quote blockquote,.journal-fill-quote cite{margin:1rem 0;color:#000;font-size:24px;font-family:NasfaFont}@media (max-width: 768px){.journal-detail-cover{align-items:center}.journal-header-foreground{max-height:240px}.journal-detail-another-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.about-header-content{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between}.about-header-left{flex:1;min-width:280px}.about-header-right{flex:1;display:flex;justify-content:flex-end;min-width:280px}.about-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-images-grid img{width:100px;height:100px;object-fit:cover;border-radius:8px}.about-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:20px}.about-section-left{flex:1;min-width:280px}.about-section-right{flex:1;justify-content:flex-end;display:flex;gap:12px}.arrow-icon{background-color:#eee;border:none;border-radius:6px;padding:8px 12px;font-size:20px;cursor:pointer;transition:background-color .3s}.arrow-icon:hover{background-color:#ddd}.about-slider-wrapper{margin-top:1rem;overflow:hidden;position:relative}.about-cards{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.about-cards::-webkit-scrollbar{display:none}.contact-header-content{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between}.contact-header-left{flex:1;min-width:280px}.contact-header-right{flex:1;text-align:right;min-width:280px}.contact-message-box{background:#fca311;padding:24px;border:2px solid #000;border-radius:36px;max-width:600px}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form-row{display:flex;flex-wrap:wrap;gap:12px}.contact-form-row input,.contact-form-row select{font-family:Ripaldhoys;font-size:20px;flex:1;padding:10px;border:2px solid #000;border-radius:50px}.contact-form-row textarea{font-size:20px;flex:1;font-family:Ripaldhoys;padding:10px 0 50px 10px;border:2px solid #000;border-radius:24px}.contact-form-options{display:flex;gap:20px;flex-wrap:wrap}.contact-navigation-header{text-align:center}.contact-navigation-map{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.map-iframe{width:480px;height:300px;border:none;border-radius:24px}.contact-navigation-deco-left,.contact-navigation-deco-right{width:128px;height:auto;object-fit:contain}@media (max-width: 768px){.contact-navigation-deco-left,.contact-navigation-deco-right{display:none}}@media (max-width: 1024px){.contact-form-row input,.contact-form-row select,.contact-form-row textarea{font-size:12.8px}}.invitation-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;text-align:center}.invitation-header-image img{max-width:120px;height:auto}.invitation-header-image.left{order:1}.invitation-header-text{order:2;max-width:720px}.invitation-header-image.right{order:3}@media (max-width: 768px){.invitation-header-content{flex-direction:column}.invitation-header-image img{display:none}}.invitation-info-content{display:flex;gap:40px;flex-wrap:wrap;align-items:center}.invitation-info-left{flex:1;text-align:left;min-width:280px}.invitation-info-border{position:relative;display:inline-block;padding:0 7px 3px 0;background-color:#fca311;border-radius:128px 48px 100px}.invitation-info-image{width:400px;height:400px;object-fit:cover;border:2px solid #000;border-radius:98px 32px}.invitation-info-right{flex:1;min-width:280px}.contact-button,.home-karya-button,.home-seniman-button,.works-header-button,.artist-header-button,.about-header-button,.contact-header-button,.invitation-info-button,.journal-header-button,.work-detail-another-button,.artists-detail-profile-button,.artist-detail-another-button,.artist-detail-project-button,.journal-detail-another-button,.work-detail-meta-item{background-color:#14213de5;color:#fff;padding:12px 24px;border-radius:50px;border:none;font-size:20px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:Ripaldhoys}.work-detail-meta-item{cursor:default}.contact-form-button,.home-karya-card p{font-family:Ripaldhoys;font-size:20px;background-color:#14213d;color:#fff;padding:12px 24px;border-radius:50px;border:2px solid #ffffff;cursor:pointer}@media (max-width: 1024px){.contact-form-button{font-size:13px}}.contact-icon,.home-karya-icon,.home-seniman-icon,.collaboration-icon,.works-header-icon,.artist-header-icon,.about-header-icon,.contact-header-icon,.invitation-info-icon,.journal-header-icon,.work-detail-another-icon,.artists-detail-profile-icon,.artist-detail-another-icon,.journal-detail-another-icon{width:20px;height:20px;object-fit:contain}.contact-button:hover,.home-karya-button:hover,.home-seniman-button:hover,.works-header-button:hover,.artist-header-button:hover,.about-header-button:hover,.contact-header-button:hover,.invitation-info-button:hover,.journal-header-button:hover,.work-detail-another-button:hover,.artists-detail-profile-button:hover,.artist-detail-another-button:hover,.artist-detail-project-button:hover,.journal-detail-another-button:hover{background-color:#fca311}.collaboration-button{background-color:#fff;color:#000;padding:12px 24px;border-radius:50px;border:none;font-size:20px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:Ripaldhoys}.collaboration-button:hover{background-color:#f0f0f0}.arrow-icon{background:#6b7385;color:#fff;border:2px solid #ffffff;border-radius:50%;font-size:1.5rem;padding:.5rem 1rem;cursor:pointer;transition:background .3s}.arrow-icon:hover{background:#3e4960}.collaboration-grid{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.collaboration-deco.left,.collaboration-deco.right{position:absolute;top:0;width:100px;height:auto;z-index:2}.collaboration-deco.left{top:2%;left:0}.collaboration-deco.right{top:73%;right:0}.collaboration-box{position:relative;z-index:1;display:flex;flex:1;background-color:#fca311;border-radius:30px;margin:4rem 3.5rem;padding:2rem 5rem;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;width:100%}.collaboration-left{flex:1}.collaboration-left h2,.collaboration-left p{color:#fff}.collaboration-right{max-width:250px;width:100%;flex:1 1 200px;padding:10px;background-color:#fff;border-radius:32px;box-sizing:border-box}.collaboration-right img{width:100%;border-radius:32px}@media (max-width: 1024px){.collaboration-content{gap:1rem;padding:0 2rem}.collaboration-deco.right{top:70%}}@media (max-width: 426px){.collaboration-deco.right{top:80%}.collaboration-box{margin:0}}.artist-card{background-color:#fff;border-radius:12px;padding:16px;text-align:center;transition:transform .3s ease;height:100%;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer}.artist-card img{width:100%;height:200px;border:2px solid #000000;border-radius:0 36px;box-shadow:0 8px 16px #0003;object-fit:cover}.artist-card:hover,.work-card:hover,.journal-card:hover{transform:translateY(-5px)}.work-card,.journal-card{cursor:pointer;overflow:hidden;background-color:#efefef;transition:transform .3s ease;border-radius:0 36px;padding:1rem;box-shadow:0 8px 16px #0003}.work-card-image,.journal-card-image{position:relative;height:200px;background-size:cover;background-position:center;border-radius:0 36px;border:2px solid #000000}.journal-card-image{border-radius:36px}.work-card-category,.journal-card-category{position:absolute;top:12px;left:12px;background-color:#efefefcc;color:#000;padding:4px 8px;border-radius:8px;font-family:Ripaldhoys}.about-card{flex:0 0 300px;max-width:300px;background-size:cover;background-position:center;border:2px solid #000000;border-radius:0 36px;text-align:center;padding:0;height:400px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff}.about-card-container{padding:0 1rem;background-color:#efefefcc}.about-card-text{background-color:#efefefcc;color:#000;text-align:start;border-bottom-left-radius:12px;border-bottom-right-radius:12px;width:100%}.about-card-header{display:flex;justify-content:space-between;align-items:center}.about-card-icon{width:20px;height:20px;object-fit:contain;transition:transform .3s ease}.about-card-icon.rotated{transform:rotate(180deg)}.about-card-description{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0}.about-card-description.show{max-height:200px;opacity:1}.images-card{border-radius:0 36px;overflow:hidden;background-color:#e5e5e5;padding:1rem;cursor:pointer;transition:transform .2s ease-in-out}.images-card:hover{transform:scale(1.02)}.images-card img{border:2px solid #000000;border-radius:0 36px;width:100%;height:200px;object-fit:cover;display:block}.image-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.image-modal-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:3rem}.image-modal-content{max-width:90vw;max-height:90vh;border-radius:12px;overflow:hidden}.image-modal-content img{max-height:640px;max-width:720px;width:auto;height:auto;object-fit:contain;display:block;margin:auto;border-radius:12px;box-shadow:0 8px 20px #00000080}.close-button{position:absolute;top:-40px;right:-10px;background-color:#fff;border:2px solid #000;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;width:36px;height:36px;box-shadow:0 2px 10px #0000004d;z-index:1100}.journal-detail-fill-image-card{border:2px solid #000;border-radius:36px;overflow:hidden;background-color:#fff}.journal-detail-fill-image-card img{width:100%;height:100%;object-fit:cover;display:block}@font-face{font-family:KekeysFont;src:url(/assets/KekeysFont-Regular-BEoQR5Mn.otf) format("opentype"),url(/assets/KekeysFont-Regular-BEoQR5Mn.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NasfaFont;src:url(/assets/NasfaFont-Regular-B-MeYQCv.otf) format("opentype"),url(/assets/NasfaFont-Regular-B-MeYQCv.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:pansky;src:url(/assets/pansky-DvpvAVMR.otf) format("opentype"),url(/assets/pansky-6Zca9uo6.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Zahra;src:url(/assets/Zahra-Regular-C8tNAqqz.otf) format("opentype"),url(/assets/Zahra-Regular-C8tNAqqz.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Zahrawati;src:url(/assets/Zahrawati-Regular-B40ehg0z.otf) format("opentype"),url(/assets/Zahrawati-Regular-wWMwJtm7.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Ameliapon;src:url(/assets/Ameliapon-Regular-CGMXw14e.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Emripal;src:url(/assets/Emripal-Regular-2Xbf9WSv.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Melipon;src:url(/assets/Melipon-Regular-DF0--ysc.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Ripaldhoys;src:url(/assets/Ripaldhoys-Regular-uLsNVvhd.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Ripalpon;src:url(/assets/Ripalpon-Regular-Do41G-lO.otf) format("opentype");font-weight:400;font-style:normal}html{scroll-behavior:smooth}:root{--main-yellow: #FCA311;--hover-yellow: #ce7f00;--border-black: #000;--text-dark: #333}body{font-family:sans-serif;margin:0;padding:0;background:#fff}.page-container{padding-top:80px}section{width:100%;padding:2rem 0}.container{max-width:1280px;margin:0 auto;padding:0 1rem}h2{color:#000;font-size:48px;font-weight:400;font-family:Ripaldhoys}h3{color:#000;font-size:32px;font-weight:400;font-family:Ripaldhoys}p,label{color:#000;font-size:24px;font-family:NasfaFont;margin:.7rem 0}@media (max-width: 768px){h2{font-size:40px}}.login-wrapper{display:flex;height:100vh;width:100%;overflow:hidden;background:#f8f9fc}.login-left{flex:1.3;background-size:cover;background-position:center;filter:grayscale(40%) brightness(80%);opacity:.9}.login-right{flex:1;display:flex;justify-content:center;align-items:center;background:#fff}.login-card{max-width:380px;width:90%;text-align:center}.login-logo{width:90px;margin:0 auto 20px}.title{font-size:22px;color:#1d3b78;margin-bottom:4px;font-weight:600}.subtitle{color:#555;margin-bottom:25px}.form-group{text-align:left;margin-bottom:18px}label{font-size:14px;color:#333;margin-bottom:6px;display:block}.input-field{width:100%;padding:12px;border-radius:8px;border:1px solid #b9c3d5;outline:none;font-size:14px}.input-field:focus{border-color:#3b5caa}.forgot{text-align:right;margin-bottom:20px}.forgot a{color:#3b5caa;font-size:14px;text-decoration:none}.btn-login{width:100%;background:#294c9b;color:#fff;padding:12px;font-size:15px;border-radius:8px;border:none;cursor:pointer;margin-bottom:15px}.btn-login:hover{background:#1f3d84}.register-text{font-size:14px}.register-text a{color:#1f3d84;text-decoration:none;font-weight:500}.error-message{margin-top:10px;color:red;font-size:14px}