*{font-family:"Inter",serif;font-optical-sizing:auto}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#fff;font-family:'Inter',sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background-color:#fff;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.logo-container{display:flex;align-items:center}.logo{height:40px;margin-right:10px}.title{font-size:18px;font-weight:700;color:#b30000}.nav-links{list-style:none;display:flex;gap:20px}.nav-links li{cursor:pointer;font-size:16px;color:#333}.nav-links .active{color:#b30000;font-weight:700}.content{display:grid;grid-template-columns:4fr 3fr;justify-content:space-between;background-color:#b30000;color:#fff;height:100vh;overflow:hidden}.text-section{padding:100px;padding-right:0}.text-section h1{font-size:36px;margin-bottom:20px;font-weight:400}.text-section h1 em{font-weight:600}.text-section p{font-size:18px;margin-bottom:20px}.buttons{display:flex;gap:15px}.btn-primary,.btn-secondary{padding:10px 20px;border:none;cursor:pointer;font-size:16px}.btn-primary{background-color:#fff;color:#b30000;border-radius:5px}.btn-secondary{background-color:#e0e0e0;color:#333;border-radius:5px}.image-grids{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;overflow:hidden}.image-grid{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;transition:.6s;height:calc(100vh/3)}.image-grid:hover{height:100vh;z-index:2}.image-grid img{width:100%;height:100%;object-fit:cover;filter:brightness(.6);transition:.6s}.image-grid:hover img{filter:brightness(1)}.sambutan-container{display:flex;align-items:center;background-color:#fef7f6;padding:50px;border-radius:10px}.sambutan-image{flex:1;max-width:300px}.sambutan-image img{width:100%;height:auto;border-radius:10px}.sambutan-text{flex:2;padding-left:30px}.sambutan-text h3{color:#b30000;font-size:18px;font-style:italic;font-weight:700}.sambutan-text p{font-size:16px;color:#333;font-style:italic}.sambutan-text strong{font-weight:700}.tulisan-container{text-align:center;margin-top:30px}.tulisan-header{font-size:24px;font-weight:700;margin-bottom:20px;color:#b30000}.tulisan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tulisan-item{background-color:#fef7f6;padding:auto;position:relative;max-width:300px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.tulisan-item img{width:100%;border-radius:10px}.tulisan-item h3{font-size:18px;color:#fff;position:absolute;top:20px;left:10px;right:10px;z-index:1}.tulisan-item .tanggal{font-size:14px;color:#333;position:absolute;bottom:20px;left:10px;z-index:1}.tulisan-item p{font-size:14px;color:#333;margin-bottom:10px}.footer{background-color:#333;color:#fcf9f9;padding:30px;display:flex;justify-content:space-between}.footer-section{flex:1;min-width:200px;margin:10px;color:#e0e0e0}.footer-logo{width:120px;margin-bottom:10px}.footer-section iframe{width:100%;max-width:300px;border-radius:5px}@media (max-width:768px){.navbar{padding:15px 20px}.nav-links{display:none;flex-direction:column;gap:10px;margin-top:15px}.nav-links li{font-size:14px}.navbar.active .nav-links{display:flex}.content{grid-template-columns:1fr;height:auto}.text-section{padding:50px 20px}.text-section h1{font-size:28px}.text-section p{font-size:16px}.sambutan-container{flex-direction:column;padding:30px}.sambutan-image{max-width:100%;margin-bottom:20px}.sambutan-text{padding-left:0}.tulisan-grid{grid-template-columns:1fr 1fr}.footer{flex-direction:column;align-items:center}}@media (max-width:480px){.navbar{padding:15px 10px}.logo{height:30px}.title{font-size:16px}.nav-links li{font-size:12px}.content{grid-template-columns:1fr;padding:20px}.text-section h1{font-size:24px}.text-section p{font-size:14px}.image-grid{height:60vh}.footer{flex-direction:column;padding:20px}.footer-section{min-width:100%;margin-bottom:15px}}@media screen and (max-width:768px){.nav-links{display:none;position:absolute;top:60px;right:0;background-color:#fff;width:100%;padding:20px;box-shadow:0 2px 5px rgb(0 0 0 / .1);text-align:center}.nav-links li{padding:10px;font-size:18px;border-bottom:1px solid #ddd;cursor:pointer}.nav-links li:last-child{border-bottom:none}.hamburger{display:block;cursor:pointer;z-index:999}.hamburger .bar{width:25px;height:3px;background-color:#333;margin:5px 0;transition:0.3s}.hamburger.active .bar:nth-child(1){transform:rotate(45deg);position:relative;top:8px}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg);position:relative;top:-8px}}.nav-links.active{display:block}