.beranda-text{word-break:break-word;white-space:normal;overflow-wrap:anywhere}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/bgberanda.png);background-size:cover;background-position:center;filter:blur(4px);z-index:-1}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;z-index:-1}.hero-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:40px 20px;flex-wrap:wrap;min-height:90vh;position:relative;text-align:left;color:#000}.text-content{max-width:500px;margin-right:40px}.text-content h1{font-size:3rem;font-weight:400}.text-content p{font-size:1.5rem;line-height:1.5;color:#000}.text-child p{font-size:1.2rem;margin-bottom:10px}.hero-buttons{margin-top:50px;display:flex;gap:30px;flex-wrap:wrap}.btn-outline,.btn-filled{font-size:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;text-decoration:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease;gap:10px}.btn-outline{padding:18px 50px;border:2px solid black;background-color:#fff;color:#000}.btn-filled{padding:18px 28px;background-color:pink;color:#000;border:none}.btn-outline:hover,.btn-filled:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.icon{width:20px;height:20px;object-fit:contain}.arrow{margin-left:4px}.logo-content{max-width:300px;flex:1;text-align:center}.school-logo{max-width:300px;height:auto}.akreditasi{display:inline-block;margin-top:20px;background-color:#dedcdc;border-radius:10px;padding:10px 5px;font-size:1.5rem}.visi-misi{background-color:#fff;padding:40px 20px;display:flex;justify-content:center;background-image:linear-gradient(#fff9,#fff9),url(/images/gurubg.jpg);background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}.visi-misi:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0}.visi-misi .container{display:flex;flex-direction:row;gap:40px;max-width:1200px;align-items:center;min-height:90vh;position:relative;z-index:1}.image-section img{max-width:100%;max-height:500px;width:600px;height:550px;border:3px solid #000;object-fit:cover;border-radius:8px}.text-section{flex:1}.text-section h2{font-size:35px;font-weight:400}.text-section p{font-size:1.5rem;line-height:1.6;margin-bottom:20px}.text-section ul{list-style:disc;padding-left:40px;text-align:justify}.text-section li{font-size:1.5rem;margin-bottom:12px;line-height:1.6;text-align:justify}.tujuan-strategi{background-color:#fff;padding:40px 20px;display:flex;justify-content:center;background-image:linear-gradient(#fff9,#fff9),url(/images/gurubg.jpg);background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}.tujuan-strategi:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0}.tujuan-strategi .container{display:flex;flex-direction:row;gap:40px;max-width:1200px;align-items:center;min-height:90vh;position:relative;z-index:1}.tujuan-strategi .text-section{flex:1;order:1}.tujuan-strategi .image-section{flex-shrink:0;order:2}.tujuan-strategi .image-section img{max-width:100%;max-height:500px;width:600px;height:550px;border:3px solid #000;object-fit:cover;border-radius:8px}.tujuan-strategi .text-section h2{font-size:35px;font-weight:400}.tujuan-strategi .text-section p{font-size:1.5rem;line-height:1.6;margin-bottom:20px}.tujuan-strategi .text-section li{font-size:1.5rem;margin-bottom:12px;line-height:1.6}.preview-section{text-align:center;padding:40px 20px;background-image:linear-gradient(#ffffff80,#ffffff80),url(/images/gurubg.jpg);background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}.preview-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0}.preview-section .container{position:relative;z-index:1}.preview-title{font-size:40px;font-weight:400;margin-bottom:40px}.preview-category{margin-bottom:60px;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-left:100px}.preview-category h3{font-size:35px;font-weight:400;margin-bottom:10px}.preview-gallery{display:flex;justify-content:flex-start;gap:120px;flex-wrap:wrap}.preview-gallery img{width:300px;height:180px;object-fit:cover;border:2px solid #000;border-radius:6px}.preview-next{background-color:pink;color:#000;font-size:24px;border:2px solid black;border-radius:50%;width:80px;height:80px;position:absolute;top:50%;right:40px;cursor:pointer;text-decoration:none;display:flex;justify-content:center;align-items:center}.preview-next .arrow-icon{width:30px;height:30px;object-fit:contain}@media screen and (min-width: 2048px){.hero-content,.visi-misi .container,.tujuan-strategi .container{min-height:50vh}}@media (max-width: 1300px){.hero-content{flex-direction:column;text-align:center;gap:30px;margin:0 20px;flex-direction:column-reverse;padding:30px 20px;min-height:75vh}.logo-content{flex:none}.text-content{margin-right:0;max-width:600px}.text-content h1{font-size:2.5rem}.text-content p{font-size:1.3rem}.text-child p{font-size:1.1rem}.school-logo{max-width:200px;margin:0 auto}.hero-buttons{justify-content:center;gap:20px}.btn-outline,.btn-filled{padding:15px 40px;font-size:15px}.visi-misi .container,.tujuan-strategi .container{flex-direction:column;text-align:center;gap:30px;padding:30px 20px;min-height:auto}.visi-misi .image-section img,.tujuan-strategi .image-section img{max-width:100%;max-height:500px;width:500px;height:275px}.tujuan-strategi .text-section{order:2}.tujuan-strategi .image-section{order:1}.text-section h2{font-size:28px}.text-section p,.text-section li{font-size:1.5rem;text-align:initial}.preview-title{font-size:26px;margin-bottom:30px}.preview-category{padding-left:10px;align-items:center;margin-bottom:50px}.preview-category h3{text-align:center;font-size:25px}.preview-gallery{justify-content:center;gap:20px}.preview-gallery img{width:280px;height:180px}.preview-next{position:absolute;top:50%;right:20px;transform:translateY(-25%);width:60px;height:60px;font-size:20px;border:2px solid black;border-radius:50%;background-color:pink;display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none}.preview-next .arrow-icon{width:25px;height:25px}}@media (max-width: 1000px){.preview-gallery img{width:230px;height:180px}}@media (max-width: 940px){.hero-content{min-height:70vh;flex-direction:column-reverse;justify-content:center;align-items:center;padding:40px 20px;gap:20px}.text-content{max-width:90%}.text-content h1{font-size:2rem}.logo-content{width:100%;max-width:250px;flex:none}.school-logo{display:block;margin:0 auto;max-width:150px;height:auto}.akreditasi{margin:10px auto 0;padding:6px 12px;font-size:1rem;background-color:#f0f0f0;border-radius:8px;text-align:center}.hero-buttons{flex-direction:column;gap:12px;align-items:center;margin-top:20px}.btn-outline,.btn-filled{width:80%;max-width:250px;padding:12px 25px;font-size:.95rem}.visi-misi .container,.tujuan-strategi .container{padding:30px 15px;gap:20px}.visi-misi .image-section img,.tujuan-strategi .image-section img{width:100%;max-width:400px;height:180px;aspect-ratio:16 / 9;object-fit:cover;border:2px solid #000;border-radius:8px;margin:0 auto}.text-section h2{font-size:24px}.text-content p,.text-child p,.text-section p,.text-section li,.tujuan-strategi .text-section li,.tujuan-strategi .text-section p{font-size:1.4rem;line-height:1.5}.text-section ul,.text-section li{list-style:disc;padding-left:5px}.preview-gallery{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;gap:20px;padding:10px}.preview-gallery img{width:100%;max-width:350px;aspect-ratio:15 / 9;object-fit:cover;border:2px solid #000;border-radius:6px;scroll-snap-align:center;flex-shrink:0}.preview-category{align-items:center;padding-left:0}.preview-category h3{text-align:center;font-size:25px}.preview-next{position:static;margin-top:20px;align-self:center}}@media (max-width: 480px){.hero-content{padding:30px 0;gap:15px;min-height:80vh}.logo-content{flex:none}.text-content h1{font-size:1.5rem}.text-content p,.text-child p,.text-section p,.text-section li,.tujuan-strategi .text-section li,.tujuan-strategi .text-section p{font-size:1rem;line-height:1.5}.school-logo{max-width:100px}.btn-outline,.btn-filled{width:90%;max-width:220px;padding:10px 15px;font-size:.85rem}.visi-misi .container,.tujuan-strategi .container{padding:20px 10px;gap:15px}.visi-misi .image-section img,.tujuan-strategi .image-section img{max-width:300px;aspect-ratio:4 / 3}.text-section h2,.preview-title{font-size:20px}.preview-category h3{font-size:25px}.preview-gallery{flex-wrap:nowrap;overflow-x:hidden;justify-content:center}.preview-gallery img{display:none}.preview-gallery img:first-child{display:block}}.loader{border:4px solid #f3f3f3;border-top:4px solid #555;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}