{"id":1870,"date":"2026-06-13T17:40:24","date_gmt":"2026-06-13T10:40:24","guid":{"rendered":"https:\/\/unsuda.ac.id\/?page_id=1870"},"modified":"2026-06-22T12:44:23","modified_gmt":"2026-06-22T05:44:23","slug":"beranda","status":"publish","type":"page","link":"https:\/\/unsuda.ac.id\/","title":{"rendered":"Beranda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1870\" class=\"elementor elementor-1870\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf61af5 e-con-full e-flex e-con e-parent\" data-id=\"cf61af5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab136e5 elementor-widget elementor-widget-html\" data-id=\"ab136e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     UNSUDA \u2014 HERO SECTION\r\n     ============================================================ -->\r\n\r\n<style>\r\n  \/* \u2500\u2500\u2500 RESET SCOPE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  #unsuda-hero,\r\n  #unsuda-hero * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 LAYOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  #unsuda-hero {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 LAYER BACKGROUND \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  #unsuda-hero .hero-bg {\r\n    position: absolute;\r\n    inset: -40px;\r\n    background-image: url('https:\/\/unsuda.ac.id\/wp-content\/uploads\/2026\/06\/Gedung-UNSUDA-scaled-1.webp');\r\n    background-size: cover;\r\n    background-position: center;\r\n    filter: blur(2px) brightness(0.72);\r\n    z-index: 0;\r\n  }\r\n\r\n  #unsuda-hero .hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      160deg,\r\n      rgba(5, 25, 12, 0.50) 0%,\r\n      rgba(8, 38, 18, 0.72) 50%,\r\n      rgba(5, 20, 10, 0.88) 100%\r\n    );\r\n    z-index: 1;\r\n  }\r\n\r\n  #unsuda-hero .hero-pattern {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='60' height='60'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='rgba(255,255,255,0.035)' stroke-width='1'\/%3E%3C\/svg%3E\");\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 CONTENT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  #unsuda-hero .hero-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    max-width: 780px;\r\n    padding: 40px 24px;\r\n  }\r\n\r\n  #unsuda-hero .hero-eyebrow {\r\n    display: inline-block;\r\n    font-size: clamp(11px, 1.6vw, 15px);\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #f5d06a;\r\n    background: rgba(245, 208, 106, 0.10);\r\n    border: 1.5px solid rgba(245, 208, 106, 0.38);\r\n    padding: 8px 22px;\r\n    border-radius: 999px;\r\n    margin-bottom: 22px;\r\n    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s ease 0.2s forwards;\r\n  }\r\n\r\n  #unsuda-hero .hero-title {\r\n    font-size: clamp(28px, 5vw, 54px);\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.5px;\r\n    color: #ffffff;\r\n    margin: 0 0 20px;\r\n    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);\r\n    opacity: 0;\r\n    animation: fadeUp 0.9s ease 0.45s forwards;\r\n  }\r\n\r\n  #unsuda-hero .hero-title em {\r\n    font-style: normal;\r\n    color: #f5d06a;\r\n  }\r\n\r\n  #unsuda-hero .hero-desc {\r\n    font-size: clamp(14px, 1.8vw, 17px);\r\n    line-height: 1.75;\r\n    color: rgba(255, 255, 255, 0.88);\r\n    max-width: 560px;\r\n    margin: 0 auto 36px;\r\n    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);\r\n    opacity: 0;\r\n    animation: fadeUp 0.9s ease 0.65s forwards;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  #unsuda-hero .hero-buttons {\r\n    display: flex;\r\n    gap: 16px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    opacity: 0;\r\n    animation: fadeUp 0.9s ease 0.85s forwards;\r\n  }\r\n\r\n  #unsuda-hero .btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 15px 32px;\r\n    border-radius: 8px;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.3px;\r\n    text-decoration: none;\r\n    border: 2px solid transparent;\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  #unsuda-hero .btn:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  #unsuda-hero .btn-white {\r\n    background: #ffffff;\r\n    border-color: #ffffff;\r\n    color: #0f3d22;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n  }\r\n  #unsuda-hero .btn-white:hover {\r\n    background: #edfaf2;\r\n    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.38);\r\n  }\r\n\r\n  #unsuda-hero .btn-gold {\r\n    background: #c8880a;\r\n    border-color: #c8880a;\r\n    color: #ffffff;\r\n    box-shadow: 0 4px 18px rgba(160, 110, 8, 0.45);\r\n  }\r\n  #unsuda-hero .btn-gold:hover {\r\n    background: #dfa012;\r\n    border-color: #dfa012;\r\n    box-shadow: 0 8px 26px rgba(160, 110, 8, 0.55);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 ANIMATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  @keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(22px); }\r\n    to   { opacity: 1; transform: translateY(0);    }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  @media (max-width: 600px) {\r\n    #unsuda-hero .hero-buttons {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    #unsuda-hero .btn {\r\n      width: 100%;\r\n      max-width: 290px;\r\n      justify-content: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"unsuda-hero\">\r\n  <div class=\"hero-bg\" id=\"heroBg\"><\/div>\r\n  <div class=\"hero-overlay\"><\/div>\r\n  <div class=\"hero-pattern\"><\/div>\r\n\r\n  <div class=\"hero-content\">\r\n    <span class=\"hero-eyebrow\">Universitas Sunan Drajat Lamongan<\/span>\r\n    <h1 class=\"hero-title\">\r\n      Membangun Generasi Unggul<br>dan <em>Berakhlakul Karimah<\/em>\r\n    <\/h1>\r\n    <p class=\"hero-desc\">\r\n      Selamat datang di Universitas Sunan Drajat Lamongan, kampus hijau bernuansa Islami\r\n      yang siap mengantarkan masa depan Anda.\r\n    <\/p>\r\n    <div class=\"hero-buttons\">\r\n      <a href=\"https:\/\/ppsd.santrilink.id\/psb\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-white\">\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2\"\/>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n          <line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/>\r\n          <line x1=\"22\" y1=\"11\" x2=\"16\" y2=\"11\"\/>\r\n        <\/svg>\r\n        Daftar Sekarang\r\n      <\/a>\r\n      <a href=\"https:\/\/unsuda.ac.id\/wp-content\/uploads\/2026\/06\/Browsur-Unsuda-scaled.webp\" target=\"_blank\" rel=\"noopener\" download class=\"btn btn-gold\">\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/>\r\n          <polyline points=\"7 10 12 15 17 10\"\/>\r\n          <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\r\n        <\/svg>\r\n        Brosur PMB\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var bg = document.getElementById('heroBg');\r\n  if (!bg || window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n  var ticking = false;\r\n  window.addEventListener('scroll', function () {\r\n    if (ticking) return;\r\n    ticking = true;\r\n    window.requestAnimationFrame(function () {\r\n      var section = document.getElementById('unsuda-hero');\r\n      if (!section) { ticking = false; return; }\r\n      var rect = section.getBoundingClientRect();\r\n      if (rect.bottom < 0 || rect.top > window.innerHeight) { ticking = false; return; }\r\n      bg.style.transform = 'translateY(' + (window.pageYOffset * 0.20) + 'px)';\r\n      ticking = false;\r\n    });\r\n  }, { passive: true });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6bba48 e-con-full e-flex e-con e-parent\" data-id=\"b6bba48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-264dd29 elementor-widget elementor-widget-html\" data-id=\"264dd29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     UNSUDA \u2014 BAGIAN 2: TENTANG UNSUDA SECTION (DIPERBARUI)\n     Tempel kode ini ke dalam widget HTML Elementor.\n     ============================================================ -->\n\n<style>\n  #unsuda-about {\n    padding: 100px 24px;\n    background: #ffffff;\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\n    position: relative;\n    overflow: hidden;\n  }\n\n  #unsuda-about::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='80' height='80'%3E%3Cpath d='M40 0L80 40L40 80L0 40Z' fill='none' stroke='rgba(10,70,30,0.035)' stroke-width='1'\/%3E%3C\/svg%3E\");\n    pointer-events: none;\n  }\n\n  #unsuda-about .about-inner {\n    max-width: 960px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* === HEADER === *\/\n  #unsuda-about .about-header {\n    text-align: center;\n    margin-bottom: 64px;\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  #unsuda-about .about-header.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  #unsuda-about .about-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #1a7a3c;\n    margin-bottom: 18px;\n  }\n  #unsuda-about .about-eyebrow::before,\n  #unsuda-about .about-eyebrow::after {\n    content: '';\n    display: block;\n    width: 28px;\n    height: 1.5px;\n    background: #1a7a3c;\n    opacity: 0.5;\n  }\n\n  #unsuda-about .about-title {\n    font-size: clamp(26px, 3.5vw, 40px);\n    font-weight: 800;\n    line-height: 1.22;\n    color: #0a2218;\n    margin: 0 auto 20px;\n    max-width: 680px;\n    letter-spacing: -0.6px;\n  }\n  #unsuda-about .about-title em {\n    font-style: normal;\n    color: #1a7a3c;\n  }\n\n  #unsuda-about .about-subtitle {\n    font-size: 16px;\n    line-height: 1.8;\n    color: #5a6e62;\n    max-width: 640px;\n    margin: 0 auto;\n  }\n\n  #unsuda-about .about-rule {\n    width: 48px;\n    height: 3px;\n    background: linear-gradient(90deg, #c9951f, #e8c040);\n    border-radius: 2px;\n    margin: 24px auto 0;\n  }\n\n  #unsuda-about .about-tagline {\n    display: inline-block;\n    background: linear-gradient(135deg, #0f2d1a, #1a7a3c);\n    color: #fff;\n    font-size: 15px;\n    font-weight: 700;\n    font-style: italic;\n    padding: 14px 32px;\n    border-radius: 50px;\n    margin-top: 32px;\n    letter-spacing: 0.2px;\n  }\n  #unsuda-about .about-tagline span {\n    color: #e8c040;\n  }\n\n  \/* === TIMELINE === *\/\n  #unsuda-about .about-timeline {\n    margin-top: 72px;\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  #unsuda-about .about-timeline.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  #unsuda-about .section-label {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    color: #1a7a3c;\n    margin-bottom: 28px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  #unsuda-about .section-label::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: rgba(26,122,60,0.15);\n  }\n\n  #unsuda-about .timeline-track {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 0;\n    position: relative;\n  }\n\n  #unsuda-about .timeline-track::before {\n    content: '';\n    position: absolute;\n    top: 28px;\n    left: calc(16.66% + 14px);\n    right: calc(16.66% + 14px);\n    height: 2px;\n    background: linear-gradient(90deg, #1a7a3c, #c9951f, #1a7a3c);\n    opacity: 0.25;\n    z-index: 0;\n  }\n\n  #unsuda-about .timeline-item {\n    text-align: center;\n    padding: 0 16px;\n    position: relative;\n    z-index: 1;\n  }\n\n  #unsuda-about .timeline-dot {\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 16px;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: -0.5px;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n  #unsuda-about .timeline-dot:hover { transform: scale(1.08); }\n\n  #unsuda-about .timeline-dot.dot-start {\n    background: #edf7f1;\n    color: #1a7a3c;\n    border: 2px solid rgba(26,122,60,0.2);\n  }\n  #unsuda-about .timeline-dot.dot-mid {\n    background: #fdf6e3;\n    color: #c9951f;\n    border: 2px solid rgba(201,149,31,0.25);\n  }\n  #unsuda-about .timeline-dot.dot-now {\n    background: linear-gradient(135deg, #1a7a3c, #0f5029);\n    color: #fff;\n    border: 2px solid rgba(26,122,60,0.4);\n    box-shadow: 0 6px 20px rgba(26,122,60,0.25);\n  }\n\n  #unsuda-about .timeline-year {\n    font-size: 22px;\n    font-weight: 800;\n    color: #0a2218;\n    margin-bottom: 4px;\n    letter-spacing: -0.5px;\n  }\n  #unsuda-about .timeline-name {\n    font-size: 12.5px;\n    font-weight: 700;\n    color: #1a7a3c;\n    margin-bottom: 8px;\n    letter-spacing: 0.2px;\n  }\n  #unsuda-about .timeline-desc {\n    font-size: 13px;\n    color: #6a7a6e;\n    line-height: 1.6;\n  }\n\n  \/* === TIGA PILAR === *\/\n  #unsuda-about .about-pillars {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-top: 72px;\n  }\n\n  #unsuda-about .pillar {\n    background: #f7faf8;\n    border: 1px solid rgba(26, 122, 60, 0.10);\n    border-radius: 16px;\n    padding: 32px 24px;\n    text-align: center;\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),\n                transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),\n                box-shadow 0.3s ease;\n  }\n  #unsuda-about .pillar.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  #unsuda-about .pillar:hover {\n    box-shadow: 0 12px 40px rgba(26, 100, 60, 0.10);\n  }\n  #unsuda-about .pillar::before {\n    content: '';\n    display: block;\n    width: 36px;\n    height: 3px;\n    background: linear-gradient(90deg, #1a7a3c, #2db865);\n    border-radius: 2px;\n    margin: 0 auto 22px;\n  }\n\n  #unsuda-about .pillar-icon {\n    width: 54px;\n    height: 54px;\n    background: linear-gradient(135deg, rgba(26,122,60,0.10), rgba(26,122,60,0.04));\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 18px;\n  }\n  #unsuda-about .pillar-icon svg { color: #1a7a3c; }\n\n  #unsuda-about .pillar-name {\n    font-size: 15.5px;\n    font-weight: 700;\n    color: #0a2218;\n    margin: 0 0 8px;\n    letter-spacing: -0.2px;\n  }\n  #unsuda-about .pillar-desc {\n    font-size: 13.5px;\n    line-height: 1.7;\n    color: #6a7a6e;\n    margin: 0;\n  }\n\n  \/* === RESPONSIVE === *\/\n  @media (max-width: 768px) {\n    #unsuda-about { padding: 70px 20px; }\n    #unsuda-about .about-pillars { grid-template-columns: 1fr; gap: 16px; }\n    #unsuda-about .timeline-track { grid-template-columns: 1fr; gap: 28px; }\n    #unsuda-about .timeline-track::before { display: none; }\n    #unsuda-about .timeline-item { text-align: left; display: flex; gap: 16px; align-items: flex-start; padding: 0; }\n    #unsuda-about .timeline-dot { flex-shrink: 0; margin: 0; }\n    #unsuda-about .timeline-year { font-size: 18px; }\n  }\n<\/style>\n\n<section id=\"unsuda-about\">\n  <div class=\"about-inner\">\n\n    <!-- HEADER -->\n    <div class=\"about-header\" data-about-header>\n      <span class=\"about-eyebrow\">Tentang UNSUDA<\/span>\n      <h2 class=\"about-title\">\n        Ilmu Pengetahuan, Amal, dan<br><em>Akhlakul Karimah<\/em>\n      <\/h2>\n      <p class=\"about-subtitle\">\n        Universitas Sunan Drajat Lamongan hadir sebagai perwujudan komitmen Pondok Pesantren Sunan Drajat dalam mencetak generasi santri yang unggul hingga jenjang perguruan tinggi \u2014 berjiwa santri, bermental entrepreneur, berwawasan global, dan berakhlakul karimah.\n      <\/p>\n      <div class=\"about-rule\"><\/div>\n      <div class=\"about-tagline\">\n        \"<span>Dari Ulama Untuk Bangsa<\/span> &nbsp;\u00b7&nbsp; <span>Dari Santri Untuk Negeri<\/span>\"\n      <\/div>\n    <\/div>\n\n    <!-- SEJARAH TIMELINE -->\n    <div class=\"about-timeline\" data-about-timeline>\n      <p class=\"section-label\">Perjalanan Kelembagaan<\/p>\n      <div class=\"timeline-track\">\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-dot dot-start\">2008<\/div>\n          <div class=\"timeline-year\">2008<\/div>\n          <div class=\"timeline-name\">STAIRA<\/div>\n          <div class=\"timeline-desc\">Sekolah Tinggi Agama Islam Raden Qosim berdiri sebagai cikal bakal pendidikan tinggi di lingkungan Pesantren Sunan Drajat.<\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-dot dot-mid\">2015<\/div>\n          <div class=\"timeline-year\">2015<\/div>\n          <div class=\"timeline-name\">INSUD<\/div>\n          <div class=\"timeline-desc\">Alih bentuk menjadi Institut Pesantren Sunan Drajat Lamongan, memperluas cakupan program studi dan kapasitas akademik.<\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-dot dot-now\">2025<\/div>\n          <div class=\"timeline-year\">2025<\/div>\n          <div class=\"timeline-name\">UNSUDA<\/div>\n          <div class=\"timeline-desc\">Resmi bertransformasi menjadi Universitas Sunan Drajat Lamongan dengan 4 fakultas dan program pascasarjana.<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- TIGA PILAR NILAI -->\n    <div class=\"about-pillars\">\n\n      <div class=\"pillar\" data-pillar data-delay=\"0\">\n        <div class=\"pillar-icon\">\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/>\n            <path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"pillar-name\">Ilmu Pengetahuan<\/h3>\n        <p class=\"pillar-desc\">Kurikulum modern berbasis riset yang terintegrasi dengan nilai-nilai Islam dan kebutuhan dunia kerja global.<\/p>\n      <\/div>\n\n      <div class=\"pillar\" data-pillar data-delay=\"140\">\n        <div class=\"pillar-icon\">\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"pillar-name\">Akhlakul Karimah<\/h3>\n        <p class=\"pillar-desc\">Pembentukan karakter mulia berlandaskan nilai-nilai kepesantrenan Sunan Drajat sebagai pondasi kehidupan bermasyarakat.<\/p>\n      <\/div>\n\n      <div class=\"pillar\" data-pillar data-delay=\"280\">\n        <div class=\"pillar-icon\">\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n            <path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"pillar-name\">Wawasan Global<\/h3>\n        <p class=\"pillar-desc\">Jaringan kerjasama nasional dan internasional yang membuka peluang luas bagi lulusan di panggung dunia.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  function observe(el, delay) {\n    if (!el) return;\n    if (reduceMotion) { el.classList.add('is-visible'); return; }\n    var obs = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          setTimeout(function () { entry.target.classList.add('is-visible'); }, delay || 0);\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12 });\n    obs.observe(el);\n  }\n\n  observe(document.querySelector('#unsuda-about [data-about-header]'), 0);\n  observe(document.querySelector('#unsuda-about [data-about-timeline]'), 100);\n\n  var pillars = document.querySelectorAll('#unsuda-about [data-pillar]');\n  pillars.forEach(function (p) {\n    observe(p, parseInt(p.getAttribute('data-delay') || '0', 10));\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-128c4e5 e-con-full e-flex e-con e-parent\" data-id=\"128c4e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8969489 elementor-widget elementor-widget-html\" data-id=\"8969489\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     UNSUDA \u2014 BAGIAN 4: STATISTIK KAMPUS SECTION\r\n     Tempel kode ini ke dalam widget HTML Elementor.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  #unsuda-statistik {\r\n    padding: 90px 24px;\r\n    background: #0f3d22;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n  }\r\n\r\n  \/* === ISLAMIC GEOMETRIC PATTERN BACKGROUND === *\/\r\n  #unsuda-statistik::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cdefs%3E%3Cpattern id='star' x='0' y='0' width='120' height='120' patternUnits='userSpaceOnUse'%3E%3Cpath d='M60 10 L70 45 L105 45 L78 65 L88 100 L60 80 L32 100 L42 65 L15 45 L50 45 Z' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'\/%3E%3Ccircle cx='60' cy='60' r='25' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1'\/%3E%3Crect x='35' y='35' width='50' height='50' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1' transform='rotate(45 60 60)'\/%3E%3C\/pattern%3E%3C\/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23star)'\/%3E%3C\/svg%3E\");\r\n    pointer-events: none;\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* Radial glow center *\/\r\n  #unsuda-statistik::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(45, 120, 70, 0.3) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #unsuda-statistik .stat-inner {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Section label *\/\r\n  #unsuda-statistik .stat-label {\r\n    text-align: center;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #d4a847;\r\n    margin-bottom: 52px;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  #unsuda-statistik .stat-label.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* === GRID === *\/\r\n  #unsuda-statistik .stat-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 2px;\r\n  }\r\n\r\n  #unsuda-statistik .stat-item {\r\n    padding: 36px 28px;\r\n    text-align: center;\r\n    border-right: 1px solid rgba(255,255,255,0.08);\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n    position: relative;\r\n  }\r\n  #unsuda-statistik .stat-item:last-child {\r\n    border-right: none;\r\n  }\r\n  #unsuda-statistik .stat-item.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Hover glow effect *\/\r\n  #unsuda-statistik .stat-item:hover .stat-number {\r\n    text-shadow: 0 0 30px rgba(212, 168, 71, 0.6);\r\n  }\r\n  #unsuda-statistik .stat-item:hover .stat-icon {\r\n    transform: scale(1.15);\r\n  }\r\n\r\n  #unsuda-statistik .stat-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 18px;\r\n    width: 52px;\r\n    height: 52px;\r\n    background: rgba(212, 168, 71, 0.12);\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(212, 168, 71, 0.2);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  #unsuda-statistik .stat-icon svg {\r\n    color: #d4a847;\r\n  }\r\n\r\n  #unsuda-statistik .stat-number {\r\n    font-size: clamp(36px, 5vw, 52px);\r\n    font-weight: 900;\r\n    color: #d4a847;\r\n    line-height: 1;\r\n    margin-bottom: 10px;\r\n    letter-spacing: -1px;\r\n    transition: text-shadow 0.3s ease;\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n\r\n  #unsuda-statistik .stat-suffix {\r\n    font-size: clamp(22px, 3vw, 32px);\r\n    font-weight: 700;\r\n  }\r\n\r\n  #unsuda-statistik .stat-title {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: rgba(255, 255, 255, 0.65);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* === RESPONSIVE === *\/\r\n  @media (max-width: 768px) {\r\n    #unsuda-statistik .stat-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    #unsuda-statistik .stat-item {\r\n      border-right: none;\r\n      border-bottom: 1px solid rgba(255,255,255,0.08);\r\n    }\r\n    #unsuda-statistik .stat-item:nth-child(odd) {\r\n      border-right: 1px solid rgba(255,255,255,0.08);\r\n    }\r\n    #unsuda-statistik .stat-item:nth-last-child(-n+2) {\r\n      border-bottom: none;\r\n    }\r\n  }\r\n  @media (max-width: 400px) {\r\n    #unsuda-statistik .stat-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    #unsuda-statistik .stat-item {\r\n      border-right: none;\r\n      border-bottom: 1px solid rgba(255,255,255,0.08);\r\n    }\r\n    #unsuda-statistik .stat-item:last-child {\r\n      border-bottom: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"unsuda-statistik\">\r\n  <div class=\"stat-inner\">\r\n\r\n    <div class=\"stat-label\" data-stat-label>Keunggulan Kampus<\/div>\r\n\r\n    <div class=\"stat-grid\">\r\n\r\n      <!-- Stat 1: Mahasiswa -->\r\n      <div class=\"stat-item\" data-stat-item data-delay=\"0\">\r\n        <div class=\"stat-icon\">\r\n          <!-- \ud83d\udd16 Ikon Mahasiswa -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n            <path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/>\r\n            <path d=\"M16 3.13a4 4 0 010 7.75\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"stat-number\">\r\n          <span class=\"stat-count\" data-target=\"1000\" data-suffix=\"+\">0<\/span>\r\n        <\/div>\r\n        <div class=\"stat-title\">Mahasiswa Aktif<\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 2: Dosen -->\r\n      <div class=\"stat-item\" data-stat-item data-delay=\"120\">\r\n        <div class=\"stat-icon\">\r\n          <!-- \ud83d\udd16 Ikon Dosen -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M20 7H4a2 2 0 00-2 2v6a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2z\"\/>\r\n            <path d=\"M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"stat-number\">\r\n          <span class=\"stat-count\" data-target=\"50\" data-suffix=\"+\">0<\/span>\r\n        <\/div>\r\n        <div class=\"stat-title\">Dosen Profesional<\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 3: Fakultas -->\r\n      <div class=\"stat-item\" data-stat-item data-delay=\"240\">\r\n        <div class=\"stat-icon\">\r\n          <!-- \ud83d\udd16 Ikon Fakultas -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/>\r\n            <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/>\r\n            <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/>\r\n            <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"stat-number\">\r\n          <span class=\"stat-count\" data-target=\"4\" data-suffix=\"\">0<\/span>\r\n        <\/div>\r\n        <div class=\"stat-title\">Fakultas<\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 4: UKM -->\r\n      <div class=\"stat-item\" data-stat-item data-delay=\"360\">\r\n        <div class=\"stat-icon\">\r\n          <!-- \ud83d\udd16 Ikon UKM -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"8\" r=\"6\"\/>\r\n            <path d=\"M15.477 12.89L17 22l-5-3-5 3 1.523-9.11\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"stat-number\">\r\n          <span class=\"stat-count\" data-target=\"6\" data-suffix=\"+\">0<\/span>\r\n        <\/div>\r\n        <div class=\"stat-title\">Unit Kegiatan Mahasiswa<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  const label = document.querySelector('#unsuda-statistik [data-stat-label]');\r\n  const items = document.querySelectorAll('#unsuda-statistik [data-stat-item]');\r\n  const counters = document.querySelectorAll('#unsuda-statistik .stat-count');\r\n\r\n  \/\/ Easing function\r\n  function easeOutExpo(t) {\r\n    return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);\r\n  }\r\n\r\n  \/\/ Animate a single counter\r\n  function animateCounter(el) {\r\n    const target = parseInt(el.getAttribute('data-target'), 10);\r\n    const suffix = el.getAttribute('data-suffix') || '';\r\n    const duration = 2000; \/\/ ms\r\n    const start = performance.now();\r\n\r\n    function step(now) {\r\n      const elapsed = now - start;\r\n      const progress = Math.min(elapsed \/ duration, 1);\r\n      const eased = easeOutExpo(progress);\r\n      const current = Math.floor(eased * target);\r\n      el.textContent = current.toLocaleString('id-ID') + suffix;\r\n      if (progress < 1) {\r\n        requestAnimationFrame(step);\r\n      } else {\r\n        el.textContent = target.toLocaleString('id-ID') + suffix;\r\n      }\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  if (reduceMotion) {\r\n    if (label) label.classList.add('is-visible');\r\n    items.forEach(function (item) {\r\n      item.classList.add('is-visible');\r\n    });\r\n    counters.forEach(function (el) {\r\n      const target = el.getAttribute('data-target');\r\n      const suffix = el.getAttribute('data-suffix') || '';\r\n      el.textContent = parseInt(target, 10).toLocaleString('id-ID') + suffix;\r\n    });\r\n    return;\r\n  }\r\n\r\n  let countersStarted = false;\r\n\r\n  \/\/ Observe section to trigger counter\r\n  const sectionObs = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting && !countersStarted) {\r\n        countersStarted = true;\r\n        counters.forEach(animateCounter);\r\n        sectionObs.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n  sectionObs.observe(document.getElementById('unsuda-statistik'));\r\n\r\n  \/\/ Observe label\r\n  if (label) {\r\n    const labelObs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) {\r\n        if (e.isIntersecting) { label.classList.add('is-visible'); labelObs.disconnect(); }\r\n      });\r\n    }, { threshold: 0.2 });\r\n    labelObs.observe(label);\r\n  }\r\n\r\n  \/\/ Observe items\r\n  items.forEach(function (item) {\r\n    const delay = parseInt(item.getAttribute('data-delay') || '0', 10);\r\n    const obs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          setTimeout(function () {\r\n            item.classList.add('is-visible');\r\n          }, delay);\r\n          obs.unobserve(item);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n    obs.observe(item);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-021deef e-con-full e-flex e-con e-parent\" data-id=\"021deef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0b90e6 elementor-widget elementor-widget-html\" data-id=\"c0b90e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     UNSUDA \u2014 BAGIAN 3: FAKULTAS PILIHAN SECTION\r\n     Tempel kode ini ke dalam widget HTML Elementor.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  #unsuda-fakultas {\r\n    padding: 100px 24px;\r\n    background: #ffffff;\r\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n  }\r\n\r\n  #unsuda-fakultas .fak-inner {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* === HEADER === *\/\r\n  #unsuda-fakultas .fak-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.8s ease, transform 0.8s ease;\r\n  }\r\n  #unsuda-fakultas .fak-header.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  #unsuda-fakultas .fak-label {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #1a7a3c;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  #unsuda-fakultas .fak-title {\r\n    font-size: clamp(24px, 3.5vw, 38px);\r\n    font-weight: 800;\r\n    color: #0f2d1a;\r\n    margin: 0 0 16px;\r\n    letter-spacing: -0.5px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  #unsuda-fakultas .fak-subtitle {\r\n    font-size: 15px;\r\n    color: #6a7a70;\r\n    line-height: 1.7;\r\n    max-width: 520px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* === GRID \u2014 5 kartu: 3 atas + 2 bawah tengah === *\/\r\n  #unsuda-fakultas .fak-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* Baris kedua: 2 kartu ditengahkan *\/\r\n  #unsuda-fakultas .fak-card:nth-child(4) {\r\n    grid-column: 1 \/ 2;\r\n    margin-left: calc(50% + 12px);\r\n  }\r\n  #unsuda-fakultas .fak-card:nth-child(5) {\r\n    grid-column: 2 \/ 3;\r\n    margin-left: 0;\r\n  }\r\n\r\n  \/* Baris kedua pakai subgrid trick \u2014 simpler: gunakan wrapper *\/\r\n  #unsuda-fakultas .fak-row-2 {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 24px;\r\n    margin-top: 0;\r\n  }\r\n  #unsuda-fakultas .fak-row-2 .fak-card {\r\n    flex: 0 0 calc(33.333% - 16px);\r\n    max-width: calc(33.333% - 16px);\r\n  }\r\n\r\n  #unsuda-fakultas .fak-card {\r\n    background: #f7faf8;\r\n    border: 1px solid rgba(10, 70, 30, 0.10);\r\n    border-radius: 14px;\r\n    padding: 30px 24px 26px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    cursor: pointer;\r\n    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),\r\n                box-shadow 0.3s cubic-bezier(0.22, 1, 0.36, 1),\r\n                border-color 0.3s ease;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  #unsuda-fakultas .fak-card.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  #unsuda-fakultas .fak-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 18px 48px rgba(26, 77, 46, 0.13);\r\n    border-color: rgba(26, 122, 60, 0.25);\r\n  }\r\n\r\n  \/* Green accent bar top *\/\r\n  #unsuda-fakultas .fak-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #1a7a3c, #2db865);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.3s ease;\r\n  }\r\n  #unsuda-fakultas .fak-card:hover::after {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  #unsuda-fakultas .fak-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    background: rgba(26, 122, 60, 0.08);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 18px;\r\n    flex-shrink: 0;\r\n    transition: background 0.3s ease;\r\n  }\r\n  #unsuda-fakultas .fak-card:hover .fak-icon {\r\n    background: rgba(26, 122, 60, 0.14);\r\n  }\r\n  #unsuda-fakultas .fak-icon svg { color: #1a7a3c; }\r\n\r\n  #unsuda-fakultas .fak-name {\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    color: #0a2218;\r\n    margin: 0 0 12px;\r\n    letter-spacing: -0.2px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* Daftar program studi *\/\r\n  #unsuda-fakultas .fak-prodi-list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  #unsuda-fakultas .fak-prodi-list li {\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    color: #5a6e62;\r\n    padding: 4px 0;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 7px;\r\n  }\r\n  #unsuda-fakultas .fak-prodi-list li::before {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: #1a7a3c;\r\n    margin-top: 6px;\r\n    flex-shrink: 0;\r\n    opacity: 0.6;\r\n  }\r\n\r\n  \/* === RESPONSIVE === *\/\r\n  @media (max-width: 900px) {\r\n    #unsuda-fakultas .fak-grid { grid-template-columns: repeat(2, 1fr); }\r\n    #unsuda-fakultas .fak-row-2 .fak-card {\r\n      flex: 0 0 calc(50% - 12px);\r\n      max-width: calc(50% - 12px);\r\n    }\r\n  }\r\n  @media (max-width: 560px) {\r\n    #unsuda-fakultas { padding: 70px 20px; }\r\n    #unsuda-fakultas .fak-grid { grid-template-columns: 1fr; }\r\n    #unsuda-fakultas .fak-row-2 { flex-direction: column; }\r\n    #unsuda-fakultas .fak-row-2 .fak-card {\r\n      flex: 1 1 auto;\r\n      max-width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"unsuda-fakultas\">\r\n  <div class=\"fak-inner\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"fak-header\" data-fak-header>\r\n      <span class=\"fak-label\">Fakultas Pilihan<\/span>\r\n      <h2 class=\"fak-title\">Program Studi Unggulan<\/h2>\r\n      <p class=\"fak-subtitle\">\r\n        Temukan program studi yang sesuai dengan passion dan wujudkan cita-cita Anda bersama kami.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Baris 1: 3 kartu -->\r\n    <div class=\"fak-grid\">\r\n\r\n      <!-- Card 1: Ekonomi dan Bisnis Islam -->\r\n      <div class=\"fak-card\" data-fak-card data-delay=\"0\">\r\n        <div class=\"fak-icon\">\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/>\r\n            <polyline points=\"17 6 23 6 23 12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"fak-name\">Fakultas Ekonomi dan Bisnis Islam<\/h3>\r\n        <ul class=\"fak-prodi-list\">\r\n          <li>S1 Ekonomi Syariah<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Tarbiyah -->\r\n      <div class=\"fak-card\" data-fak-card data-delay=\"120\">\r\n        <div class=\"fak-icon\">\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/>\r\n            <path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"fak-name\">Fakultas Tarbiyah<\/h3>\r\n        <ul class=\"fak-prodi-list\">\r\n          <li>S1 Manajemen Pendidikan Islam<\/li>\r\n          <li>S1 Pendidikan Bahasa Arab<\/li>\r\n          <li>S1 Tadris Matematika<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Syariah -->\r\n      <div class=\"fak-card\" data-fak-card data-delay=\"240\">\r\n        <div class=\"fak-icon\">\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"fak-name\">Fakultas Syariah<\/h3>\r\n        <ul class=\"fak-prodi-list\">\r\n          <li>S1 Hukum Keluarga Islam<\/li>\r\n          <li>S1 Hukum Tata Negara<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/fak-grid baris 1 -->\r\n\r\n    <!-- Baris 2: 2 kartu ditengahkan -->\r\n    <div class=\"fak-row-2\" style=\"margin-top:24px;\">\r\n\r\n      <!-- Card 4: Dakwah -->\r\n      <div class=\"fak-card\" data-fak-card data-delay=\"120\">\r\n        <div class=\"fak-icon\">\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"fak-name\">Fakultas Dakwah<\/h3>\r\n        <ul class=\"fak-prodi-list\">\r\n          <li>S1 Bimbingan Konseling Islam<\/li>\r\n          <li>S1 Komunikasi dan Penyiaran Islam<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Card 5: Pascasarjana -->\r\n      <div class=\"fak-card\" data-fak-card data-delay=\"240\">\r\n        <div class=\"fak-icon\">\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/>\r\n            <path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"fak-name\">Program Pascasarjana<\/h3>\r\n        <ul class=\"fak-prodi-list\">\r\n          <li>S2 Ekonomi Syariah<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/fak-row-2 -->\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  var header = document.querySelector('#unsuda-fakultas [data-fak-header]');\r\n  var cards  = document.querySelectorAll('#unsuda-fakultas [data-fak-card]');\r\n\r\n  function observe(el, delay) {\r\n    if (reduceMotion) { el.classList.add('is-visible'); return; }\r\n    var obs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          setTimeout(function () { entry.target.classList.add('is-visible'); }, delay || 0);\r\n          obs.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.10 });\r\n    obs.observe(el);\r\n  }\r\n\r\n  if (header) observe(header, 0);\r\n  cards.forEach(function (card) {\r\n    observe(card, parseInt(card.getAttribute('data-delay') || '0', 10));\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcfa79e e-con-full e-flex e-con e-parent\" data-id=\"bcfa79e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c49fe8 elementor-widget elementor-widget-html\" data-id=\"5c49fe8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     UNSUDA \u2014 BAGIAN 5: BERITA & AGENDA TERKINI (DINAMIS)\n     Tempel kode ini ke dalam widget HTML Elementor.\n     Otomatis menampilkan postingan terbaru dari kategori\n     \"pengumuman\" dan \"berita\" via WordPress REST API.\n     \ud83d\udd17 Ganti href=\"#\" pada \"Lihat Semua\" dengan URL arsip\n     ============================================================ -->\n\n<style>\n  #unsuda-berita {\n    padding: 100px 24px;\n    background: #faf9f6;\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\n  }\n\n  #unsuda-berita .berita-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  \/* === TOP HEADER ROW === *\/\n  #unsuda-berita .berita-header {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 24px;\n    margin-bottom: 48px;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.7s ease, transform 0.7s ease;\n  }\n  #unsuda-berita .berita-header.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  #unsuda-berita .berita-eyebrow {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    color: #1a7a3c;\n    margin-bottom: 6px;\n    display: block;\n  }\n\n  #unsuda-berita .berita-title {\n    font-size: clamp(20px, 3vw, 30px);\n    font-weight: 800;\n    color: #0f2d1a;\n    margin: 0 0 6px;\n    letter-spacing: -0.4px;\n  }\n\n  #unsuda-berita .berita-subtitle {\n    font-size: 14px;\n    color: #6a7a70;\n    line-height: 1.6;\n    max-width: 420px;\n    margin: 0;\n  }\n\n  #unsuda-berita .berita-all-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1a7a3c;\n    text-decoration: none;\n    white-space: nowrap;\n    flex-shrink: 0;\n    transition: gap 0.2s ease;\n  }\n  #unsuda-berita .berita-all-link:hover { gap: 10px; }\n  #unsuda-berita .berita-all-link svg {\n    transition: transform 0.2s ease;\n  }\n  #unsuda-berita .berita-all-link:hover svg {\n    transform: translateX(3px);\n  }\n\n  \/* === FILTER TABS === *\/\n  #unsuda-berita .berita-filters {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 32px;\n    opacity: 0;\n    transform: translateY(16px);\n    transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\n  }\n  #unsuda-berita .berita-filters.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  #unsuda-berita .berita-filter-btn {\n    font-family: inherit;\n    font-size: 12.5px;\n    font-weight: 600;\n    padding: 7px 18px;\n    border-radius: 8px;\n    border: 1.5px solid rgba(10, 70, 30, 0.15);\n    background: transparent;\n    color: #4a6a54;\n    cursor: pointer;\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n  #unsuda-berita .berita-filter-btn:hover {\n    border-color: #1a7a3c;\n    color: #1a7a3c;\n  }\n  #unsuda-berita .berita-filter-btn.is-active {\n    background: #1a7a3c;\n    border-color: #1a7a3c;\n    color: #fff;\n  }\n\n  \/* === CARDS GRID === *\/\n  #unsuda-berita .berita-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 28px;\n    min-height: 200px;\n  }\n\n  #unsuda-berita .berita-card {\n    background: #ffffff;\n    border-radius: 14px;\n    overflow: hidden;\n    border: 1px solid rgba(10, 70, 30, 0.08);\n    display: flex;\n    flex-direction: column;\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),\n                transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),\n                box-shadow 0.3s ease;\n    cursor: pointer;\n    text-decoration: none;\n    color: inherit;\n  }\n  #unsuda-berita .berita-card.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  #unsuda-berita .berita-card:hover {\n    box-shadow: 0 16px 48px rgba(26, 77, 46, 0.13);\n  }\n\n  \/* Image container *\/\n  #unsuda-berita .berita-img-wrap {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 16\/10;\n    background: #c8d8c2;\n  }\n\n  #unsuda-berita .berita-img-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  #unsuda-berita .berita-card:hover .berita-img-wrap img {\n    transform: scale(1.07);\n  }\n\n  \/* Date badge *\/\n  #unsuda-berita .berita-date-badge {\n    position: absolute;\n    top: 14px;\n    left: 14px;\n    background: rgba(15, 45, 26, 0.82);\n    backdrop-filter: blur(6px);\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 11px;\n    font-weight: 600;\n    padding: 5px 10px;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  #unsuda-berita .berita-date-badge svg {\n    opacity: 0.7;\n  }\n\n  \/* Card body *\/\n  #unsuda-berita .berita-body {\n    padding: 24px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  \/* Tag badge *\/\n  #unsuda-berita .berita-tag {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 3px 10px;\n    border-radius: 4px;\n    margin-bottom: 12px;\n    width: fit-content;\n  }\n  #unsuda-berita .tag-berita {\n    background: rgba(26, 122, 60, 0.1);\n    color: #1a7a3c;\n  }\n  #unsuda-berita .tag-pengumuman {\n    background: rgba(201, 149, 31, 0.12);\n    color: #c9951f;\n  }\n\n  #unsuda-berita .berita-card-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #0f2d1a;\n    line-height: 1.4;\n    margin: 0 0 10px;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  #unsuda-berita .berita-excerpt {\n    font-size: 13.5px;\n    line-height: 1.65;\n    color: #6a7a70;\n    margin: 0 0 auto;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    padding-bottom: 20px;\n  }\n\n  #unsuda-berita .berita-read-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1a7a3c;\n    text-decoration: none;\n    margin-top: 20px;\n    padding-top: 18px;\n    border-top: 1px solid rgba(10, 70, 30, 0.08);\n    transition: gap 0.2s ease;\n  }\n  #unsuda-berita .berita-read-link:hover { gap: 10px; }\n\n  \/* === SKELETON LOADING === *\/\n  @keyframes beritaShimmer {\n    0%   { background-position: -400px 0; }\n    100% { background-position: 400px 0; }\n  }\n\n  #unsuda-berita .berita-skeleton {\n    background: #ffffff;\n    border-radius: 14px;\n    overflow: hidden;\n    border: 1px solid rgba(10, 70, 30, 0.08);\n    display: flex;\n    flex-direction: column;\n  }\n\n  #unsuda-berita .berita-skeleton .skel-img {\n    aspect-ratio: 16\/10;\n    background: linear-gradient(90deg, #e8ede9 25%, #f0f4f1 37%, #e8ede9 63%);\n    background-size: 800px 100%;\n    animation: beritaShimmer 1.6s ease infinite;\n  }\n\n  #unsuda-berita .berita-skeleton .skel-body {\n    padding: 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  #unsuda-berita .berita-skeleton .skel-line {\n    height: 12px;\n    border-radius: 6px;\n    background: linear-gradient(90deg, #e8ede9 25%, #f0f4f1 37%, #e8ede9 63%);\n    background-size: 800px 100%;\n    animation: beritaShimmer 1.6s ease infinite;\n  }\n  #unsuda-berita .berita-skeleton .skel-tag   { width: 60px; height: 20px; }\n  #unsuda-berita .berita-skeleton .skel-title  { width: 85%; height: 16px; }\n  #unsuda-berita .berita-skeleton .skel-title2 { width: 60%; height: 16px; }\n  #unsuda-berita .berita-skeleton .skel-text   { width: 100%; height: 11px; }\n  #unsuda-berita .berita-skeleton .skel-text2  { width: 90%; height: 11px; }\n  #unsuda-berita .berita-skeleton .skel-text3  { width: 70%; height: 11px; }\n\n  \/* === ERROR \/ EMPTY STATE === *\/\n  #unsuda-berita .berita-message {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    padding: 60px 24px;\n    color: #6a7a70;\n    font-size: 14px;\n    line-height: 1.7;\n  }\n  #unsuda-berita .berita-message strong {\n    display: block;\n    font-size: 15px;\n    color: #0f2d1a;\n    margin-bottom: 6px;\n  }\n\n  \/* === RESPONSIVE === *\/\n  @media (max-width: 900px) {\n    #unsuda-berita .berita-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n  @media (max-width: 600px) {\n    #unsuda-berita {\n      padding: 70px 20px;\n    }\n    #unsuda-berita .berita-grid {\n      grid-template-columns: 1fr;\n    }\n    #unsuda-berita .berita-header {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    #unsuda-berita .berita-filters {\n      flex-wrap: wrap;\n    }\n  }\n<\/style>\n\n<section id=\"unsuda-berita\">\n  <div class=\"berita-inner\">\n\n    <!-- Top header row -->\n    <div class=\"berita-header\" data-berita-header>\n      <div class=\"berita-header-left\">\n        <span class=\"berita-eyebrow\">Informasi Terkini<\/span>\n        <h2 class=\"berita-title\">Berita &amp; Pengumuman<\/h2>\n        <p class=\"berita-subtitle\">Informasi terbaru seputar kegiatan akademik dan non-akademik di UNSUDA.<\/p>\n      <\/div>\n      <!-- \ud83d\udd17 Ganti href dengan URL halaman arsip berita -->\n      <a href=\"#\" class=\"berita-all-link\">\n        Lihat Semua\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <!-- Filter tabs -->\n    <div class=\"berita-filters\" data-berita-filters>\n      <button class=\"berita-filter-btn is-active\" data-filter=\"semua\">Semua<\/button>\n      <button class=\"berita-filter-btn\" data-filter=\"berita\">Berita<\/button>\n      <button class=\"berita-filter-btn\" data-filter=\"pengumuman\">Pengumuman<\/button>\n    <\/div>\n\n    <!-- Cards (populated dynamically) -->\n    <div class=\"berita-grid\" id=\"berita-grid-container\"><\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n\n  \/* \u2500\u2500 KONFIGURASI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var CONFIG = {\n    \/\/ Jumlah postingan yang ditampilkan\n    perPage: 6,\n    \/\/ Slug kategori WordPress yang ingin ditampilkan\n    categorySlugs: ['berita', 'pengumuman'],\n    \/\/ Label tampilan untuk setiap kategori (key = slug)\n    categoryLabels: {\n      berita: 'Berita',\n      pengumuman: 'Pengumuman'\n    },\n    \/\/ CSS class tag untuk setiap kategori (key = slug)\n    categoryTagClass: {\n      berita: 'tag-berita',\n      pengumuman: 'tag-pengumuman'\n    },\n    \/\/ Gambar fallback jika post tidak punya featured image\n    fallbackImage: 'data:image\/svg+xml,' + encodeURIComponent(\n      '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 600 375\" fill=\"#c8d8c2\">' +\n      '<rect width=\"600\" height=\"375\"\/>' +\n      '<text x=\"300\" y=\"195\" text-anchor=\"middle\" fill=\"#8aa889\" font-family=\"sans-serif\" font-size=\"14\">Tidak ada gambar<\/text>' +\n      '<\/svg>'\n    )\n  };\n\n  \/* \u2500\u2500 ELEMEN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var gridContainer = document.getElementById('berita-grid-container');\n  var header = document.querySelector('#unsuda-berita [data-berita-header]');\n  var filtersWrap = document.querySelector('#unsuda-berita [data-berita-filters]');\n  var filterBtns = document.querySelectorAll('#unsuda-berita .berita-filter-btn');\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* \u2500\u2500 STATE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var allPosts = [];\n  var categoryMap = {}; \/\/ { slug: id }\n  var activeFilter = 'semua';\n\n  \/* \u2500\u2500 BULAN INDONESIA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var BULAN = [\n    'Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun',\n    'Jul', 'Agu', 'Sep', 'Okt', 'Nov', 'Des'\n  ];\n\n  function formatTanggal(dateStr) {\n    var d = new Date(dateStr);\n    return d.getDate() + ' ' + BULAN[d.getMonth()] + ' ' + d.getFullYear();\n  }\n\n  \/* \u2500\u2500 DECODE HTML ENTITIES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function decodeHTML(html) {\n    var el = document.createElement('textarea');\n    el.innerHTML = html;\n    return el.value;\n  }\n\n  \/* \u2500\u2500 STRIP HTML TAGS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function stripTags(html) {\n    var el = document.createElement('div');\n    el.innerHTML = html;\n    return el.textContent || el.innerText || '';\n  }\n\n  \/* \u2500\u2500 API BASE URL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function getApiBase() {\n    \/\/ Otomatis mendeteksi base URL WordPress\n    \/\/ Jika halaman di https:\/\/unsuda.ac.id\/..., maka API di https:\/\/unsuda.ac.id\/wp-json\/...\n    var base = window.location.origin;\n    return base + '\/wp-json\/wp\/v2';\n  }\n\n  \/* \u2500\u2500 SKELETON LOADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function showSkeletons(count) {\n    var html = '';\n    for (var i = 0; i < count; i++) {\n      html += '' +\n        '<div class=\"berita-skeleton\">' +\n          '<div class=\"skel-img\"><\/div>' +\n          '<div class=\"skel-body\">' +\n            '<div class=\"skel-line skel-tag\"><\/div>' +\n            '<div class=\"skel-line skel-title\"><\/div>' +\n            '<div class=\"skel-line skel-title2\"><\/div>' +\n            '<div class=\"skel-line skel-text\"><\/div>' +\n            '<div class=\"skel-line skel-text2\"><\/div>' +\n            '<div class=\"skel-line skel-text3\"><\/div>' +\n          '<\/div>' +\n        '<\/div>';\n    }\n    gridContainer.innerHTML = html;\n  }\n\n  \/* \u2500\u2500 RENDER SATU CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function buildCard(post, index) {\n    \/\/ Cari slug kategori dari post\n    var catSlug = '';\n    var catIds = post.categories || [];\n    for (var slug in categoryMap) {\n      if (catIds.indexOf(categoryMap[slug]) !== -1) {\n        catSlug = slug;\n        break;\n      }\n    }\n\n    var tagLabel = CONFIG.categoryLabels[catSlug] || 'Berita';\n    var tagClass = CONFIG.categoryTagClass[catSlug] || 'tag-berita';\n\n    \/\/ Featured image\n    var imgUrl = CONFIG.fallbackImage;\n    var imgAlt = decodeHTML(post.title.rendered);\n    try {\n      var media = post._embedded && post._embedded['wp:featuredmedia'];\n      if (media && media[0]) {\n        \/\/ Gunakan ukuran medium_large jika tersedia, fallback ke source\n        var sizes = media[0].media_details && media[0].media_details.sizes;\n        if (sizes && sizes.medium_large) {\n          imgUrl = sizes.medium_large.source_url;\n        } else if (sizes && sizes.large) {\n          imgUrl = sizes.large.source_url;\n        } else {\n          imgUrl = media[0].source_url;\n        }\n        if (media[0].alt_text) imgAlt = media[0].alt_text;\n      }\n    } catch (e) { \/* fallback *\/ }\n\n    var title = decodeHTML(post.title.rendered);\n    var excerpt = stripTags(post.excerpt.rendered).trim();\n    var date = formatTanggal(post.date);\n    var link = post.link;\n    var delay = index * 150;\n\n    var calendarSvg = '<svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>';\n    var arrowSvg = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>';\n\n    var card = document.createElement('a');\n    card.href = link;\n    card.className = 'berita-card';\n    card.setAttribute('data-berita-card', '');\n    card.setAttribute('data-delay', delay);\n    card.setAttribute('data-cat', catSlug);\n\n    card.innerHTML = '' +\n      '<div class=\"berita-img-wrap\">' +\n        '<img decoding=\"async\" src=\"' + imgUrl + '\" alt=\"' + imgAlt.replace(\/\"\/g, '&quot;') + '\" loading=\"lazy\">' +\n        '<div class=\"berita-date-badge\">' + calendarSvg + ' ' + date + '<\/div>' +\n      '<\/div>' +\n      '<div class=\"berita-body\">' +\n        '<span class=\"berita-tag ' + tagClass + '\">' + tagLabel + '<\/span>' +\n        '<h3 class=\"berita-card-title\">' + title + '<\/h3>' +\n        '<p class=\"berita-excerpt\">' + excerpt + '<\/p>' +\n        '<span class=\"berita-read-link\">Baca Selengkapnya ' + arrowSvg + '<\/span>' +\n      '<\/div>';\n\n    return card;\n  }\n\n  \/* \u2500\u2500 RENDER SEMUA CARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function renderPosts(filter) {\n    gridContainer.innerHTML = '';\n\n    var filtered = filter === 'semua'\n      ? allPosts\n      : allPosts.filter(function (post) {\n          var catId = categoryMap[filter];\n          return catId && post.categories && post.categories.indexOf(catId) !== -1;\n        });\n\n    if (filtered.length === 0) {\n      gridContainer.innerHTML =\n        '<div class=\"berita-message\">' +\n          '<strong>Belum ada postingan<\/strong>' +\n          'Belum ada konten untuk kategori ini.' +\n        '<\/div>';\n      return;\n    }\n\n    filtered.forEach(function (post, i) {\n      var card = buildCard(post, i);\n      gridContainer.appendChild(card);\n    });\n\n    \/\/ Animate cards in\n    animateCards();\n  }\n\n  \/* \u2500\u2500 ANIMASI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function animateCards() {\n    var cards = gridContainer.querySelectorAll('[data-berita-card]');\n\n    if (reduceMotion) {\n      cards.forEach(function (c) { c.classList.add('is-visible'); });\n      return;\n    }\n\n    cards.forEach(function (card) {\n      var delay = parseInt(card.getAttribute('data-delay') || '0', 10);\n      var obs = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            setTimeout(function () {\n              entry.target.classList.add('is-visible');\n            }, delay);\n            obs.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.1 });\n      obs.observe(card);\n    });\n  }\n\n  function animateHeader() {\n    if (reduceMotion) {\n      if (header) header.classList.add('is-visible');\n      if (filtersWrap) filtersWrap.classList.add('is-visible');\n      return;\n    }\n\n    function observe(el) {\n      if (!el) return;\n      var obs = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            obs.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.1 });\n      obs.observe(el);\n    }\n\n    observe(header);\n    observe(filtersWrap);\n  }\n\n  \/* \u2500\u2500 FILTER BUTTONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  filterBtns.forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var filter = this.getAttribute('data-filter');\n      if (filter === activeFilter) return;\n\n      activeFilter = filter;\n\n      \/\/ Update active state\n      filterBtns.forEach(function (b) { b.classList.remove('is-active'); });\n      this.classList.add('is-active');\n\n      \/\/ Re-render\n      renderPosts(filter);\n    });\n  });\n\n  \/* \u2500\u2500 FETCH DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function init() {\n    showSkeletons(3);\n    animateHeader();\n\n    var apiBase = getApiBase();\n    var slugParam = CONFIG.categorySlugs.join(',');\n\n    \/\/ Step 1: Ambil ID kategori berdasarkan slug\n    fetch(apiBase + '\/categories?slug=' + slugParam + '&per_page=10')\n      .then(function (res) {\n        if (!res.ok) throw new Error('Gagal mengambil data kategori (HTTP ' + res.status + ')');\n        return res.json();\n      })\n      .then(function (categories) {\n        if (!categories.length) {\n          throw new Error('Kategori \"' + slugParam + '\" tidak ditemukan.');\n        }\n\n        var catIds = [];\n        categories.forEach(function (cat) {\n          categoryMap[cat.slug] = cat.id;\n          catIds.push(cat.id);\n        });\n\n        \/\/ Step 2: Ambil postingan dari kategori tersebut\n        return fetch(\n          apiBase + '\/posts?' +\n          'categories=' + catIds.join(',') +\n          '&per_page=' + CONFIG.perPage +\n          '&orderby=date&order=desc' +\n          '&_embed=wp:featuredmedia'\n        );\n      })\n      .then(function (res) {\n        if (!res.ok) throw new Error('Gagal mengambil data postingan (HTTP ' + res.status + ')');\n        return res.json();\n      })\n      .then(function (posts) {\n        allPosts = posts;\n        renderPosts('semua');\n      })\n      .catch(function (err) {\n        console.error('UNSUDA Berita Widget:', err);\n        gridContainer.innerHTML =\n          '<div class=\"berita-message\">' +\n            '<strong>Gagal memuat berita<\/strong>' +\n            'Terjadi kesalahan saat mengambil data. Silakan muat ulang halaman.<br>' +\n            '<small style=\"color:#a0b0a5;margin-top:6px;display:inline-block;\">' + err.message + '<\/small>' +\n          '<\/div>';\n      });\n  }\n\n  \/* \u2500\u2500 MULAI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ced4436 e-con-full e-flex e-con e-parent\" data-id=\"ced4436\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ef0210 elementor-widget elementor-widget-html\" data-id=\"8ef0210\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     UNSUDA \u2014 BAGIAN 6: KERJASAMA SECTION\r\n     \ud83d\uddbc\ufe0f Ganti src=\"...\" pada setiap <img> dengan URL logo asli\r\n     ============================================================ -->\r\n\r\n<style>\r\n  #unsuda-kerjasama {\r\n    padding: 80px 24px;\r\n    background: #ffffff;\r\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #unsuda-kerjasama *,\r\n  #unsuda-kerjasama *::before,\r\n  #unsuda-kerjasama *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #unsuda-kerjasama .ks-inner {\r\n    max-width: 1080px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* ===== HEADER ===== *\/\r\n  #unsuda-kerjasama .ks-header {\r\n    text-align: center;\r\n    margin-bottom: 52px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  #unsuda-kerjasama .ks-header.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  #unsuda-kerjasama .ks-label {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #1a7a3c;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  #unsuda-kerjasama .ks-title {\r\n    font-size: clamp(20px, 2.8vw, 32px);\r\n    font-weight: 800;\r\n    color: #0a2218;\r\n    margin: 0 0 10px;\r\n    letter-spacing: -0.4px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  #unsuda-kerjasama .ks-subtitle {\r\n    font-size: 14px;\r\n    color: #6a7a70;\r\n    line-height: 1.7;\r\n    max-width: 480px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* ===== GROUP ===== *\/\r\n  #unsuda-kerjasama .ks-group {\r\n    margin-bottom: 40px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  #unsuda-kerjasama .ks-group:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n  #unsuda-kerjasama .ks-group.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Group divider label *\/\r\n  #unsuda-kerjasama .ks-group-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 24px;\r\n  }\r\n  #unsuda-kerjasama .ks-group-label::before,\r\n  #unsuda-kerjasama .ks-group-label::after {\r\n    content: '';\r\n    flex: 1;\r\n    height: 1px;\r\n    background: rgba(26, 122, 60, 0.15);\r\n  }\r\n  #unsuda-kerjasama .ks-group-label span {\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n    background: #1a7a3c;\r\n    padding: 6px 18px;\r\n    border-radius: 999px;\r\n    white-space: nowrap;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* ===== LOGO GRID ===== *\/\r\n  #unsuda-kerjasama .ks-logos {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  \/* Dalam negeri: 8 kolom \u2192 4+4 *\/\r\n  #unsuda-kerjasama .ks-logos-8 {\r\n    grid-template-columns: repeat(8, 1fr);\r\n  }\r\n\r\n  #unsuda-kerjasama .ks-logo-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 18px 10px 14px;\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(26, 122, 60, 0.09);\r\n    background: #f7faf8;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    min-width: 0;\r\n    transition: transform 0.22s ease,\r\n                box-shadow 0.22s ease,\r\n                border-color 0.22s ease,\r\n                background 0.22s ease;\r\n  }\r\n  #unsuda-kerjasama .ks-logo-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 32px rgba(26, 77, 46, 0.11);\r\n    border-color: rgba(26, 122, 60, 0.22);\r\n    background: #ffffff;\r\n  }\r\n\r\n  \/* Logo image box *\/\r\n  #unsuda-kerjasama .ks-logo-img {\r\n    width: 60px;\r\n    height: 60px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n  }\r\n  #unsuda-kerjasama .ks-logo-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n  #unsuda-kerjasama .ks-logo-img svg {\r\n    color: #1a7a3c;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #unsuda-kerjasama .ks-logo-name {\r\n    font-size: 10.5px;\r\n    font-weight: 700;\r\n    color: #0a2218;\r\n    text-align: center;\r\n    line-height: 1.35;\r\n    word-break: break-word;\r\n  }\r\n\r\n  #unsuda-kerjasama .ks-logo-loc {\r\n    font-size: 9.5px;\r\n    color: #8a9e90;\r\n    text-align: center;\r\n    line-height: 1.3;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Mini flag *\/\r\n  #unsuda-kerjasama .flag {\r\n    display: inline-block;\r\n    width: 10px;\r\n    height: 7px;\r\n    border-radius: 1px;\r\n    flex-shrink: 0;\r\n  }\r\n  #unsuda-kerjasama .flag-us { background: linear-gradient(#b22234 43%, #fff 43%, #fff 57%, #3c3b6e 57%); }\r\n  #unsuda-kerjasama .flag-jo { background: linear-gradient(#007a3d 43%, #fff 43%, #fff 57%, #000 57%); }\r\n  #unsuda-kerjasama .flag-bn { background: linear-gradient(#f7e017 43%, #fff 43%, #fff 57%, #000 57%); }\r\n  #unsuda-kerjasama .flag-my { background: linear-gradient(#cc0001 43%, #fff 43%, #fff 57%, #cc0001 57%); }\r\n  #unsuda-kerjasama .flag-id { background: linear-gradient(#ce1126 50%, #fff 50%); }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 960px) {\r\n    #unsuda-kerjasama .ks-logos   { grid-template-columns: repeat(3, 1fr); }\r\n    #unsuda-kerjasama .ks-logos-8 { grid-template-columns: repeat(4, 1fr); }\r\n  }\r\n  @media (max-width: 600px) {\r\n    #unsuda-kerjasama { padding: 60px 16px; }\r\n    #unsuda-kerjasama .ks-logos,\r\n    #unsuda-kerjasama .ks-logos-8 { grid-template-columns: repeat(3, 1fr); gap: 10px; }\r\n  }\r\n  @media (max-width: 400px) {\r\n    #unsuda-kerjasama .ks-logos,\r\n    #unsuda-kerjasama .ks-logos-8 { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"unsuda-kerjasama\">\r\n  <div class=\"ks-inner\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"ks-header\" data-ks-header>\r\n      <span class=\"ks-label\">Kerjasama<\/span>\r\n      <h2 class=\"ks-title\">Menjalin Kerjasama Tingkat Nasional dan Internasional<\/h2>\r\n      <p class=\"ks-subtitle\">Bersinergi membangun pendidikan berkualitas dan berdaya saing global bersama mitra terpercaya.<\/p>\r\n    <\/div>\r\n\r\n    <!-- GROUP 1: LUAR NEGERI (6 mitra) -->\r\n    <div class=\"ks-group\" data-ks-group data-delay=\"0\">\r\n      <div class=\"ks-group-label\"><span>Kerjasama Luar Negeri<\/span><\/div>\r\n      <div class=\"ks-logos\">\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo US Global University -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\r\n              <path d=\"M12 2a15 15 0 010 20M12 2a15 15 0 000 20\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">US Global University<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-us\"><\/span>California, USA<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo Sabeel Institute -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">Sabeel Institute<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-jo\"><\/span>Yordania<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo KUPU SB -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M12 22V12M12 12C12 12 7 9 7 5a5 5 0 0110 0c0 4-5 7-5 7z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">KUPU SB<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-bn\"><\/span>Brunei Darussalam<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo Maahad Tafiz As Sholihin -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/>\r\n              <path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">Maahad Tafiz As Sholihin<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-my\"><\/span>Selangor, MY<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo Mahad Tahfiz Al Quran Darul Falah -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/>\r\n              <path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/>\r\n              <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"21\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">Mahad Tahfiz Al Quran Darul Falah<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-my\"><\/span>Selangor, MY<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo PC NU Malaysia -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\r\n              <path d=\"M12 2a15 15 0 010 20M12 2a15 15 0 000 20\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">PC NU Malaysia<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-my\"><\/span>Malaysia<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- GROUP 2: DALAM NEGERI (8 mitra) -->\r\n    <div class=\"ks-group\" data-ks-group data-delay=\"160\">\r\n      <div class=\"ks-group-label\"><span>Kerjasama Dalam Negeri<\/span><\/div>\r\n      <div class=\"ks-logos ks-logos-8\">\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo Universitas Djuanda Bogor -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/>\r\n              <path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">Universitas Djuanda Bogor<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-id\"><\/span>Bogor, Jabar<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo Universitas Tribakti Lirboyo -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/>\r\n              <path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">Universitas Tribakti Lirboyo<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-id\"><\/span>Kediri, Jatim<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo UIN Syekh Wasil Kediri -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/>\r\n              <path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">UIN Syekh Wasil Kediri<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-id\"><\/span>Kediri, Jatim<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo STIE Abdussalam Kubu Raya -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/>\r\n              <path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">STIE Abdussalam Kubu Raya<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-id\"><\/span>Kubu Raya, Kalbar<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo Pondok Pesantren Abdussalam -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/>\r\n              <polyline points=\"9 22 9 12 15 12 15 22\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">PP Abdussalam<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-id\"><\/span>Kubu Raya, Kalbar<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo PP Mathla'ul Anwar Pontianak -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/>\r\n              <polyline points=\"9 22 9 12 15 12 15 22\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">PP Mathla'ul Anwar Pontianak<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-id\"><\/span>Pontianak, Kalbar<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo MQ Sungai Rengas -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/>\r\n              <path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">MQ Sungai Rengas<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-id\"><\/span>Sungai Rengas, Kalbar<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"ks-logo-card\">\r\n          <div class=\"ks-logo-img\">\r\n            <!-- \ud83d\uddbc\ufe0f GANTI: logo DPRD Lamongan -->\r\n            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\r\n              <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/>\r\n              <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ks-logo-name\">DPRD Lamongan<\/span>\r\n          <span class=\"ks-logo-loc\"><span class=\"flag flag-id\"><\/span>Lamongan, Jatim<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  function observe(el, delay) {\r\n    if (reduceMotion) { el.classList.add('is-visible'); return; }\r\n    var obs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          setTimeout(function () { entry.target.classList.add('is-visible'); }, delay || 0);\r\n          obs.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.08 });\r\n    obs.observe(el);\r\n  }\r\n\r\n  var header = document.querySelector('#unsuda-kerjasama [data-ks-header]');\r\n  if (header) observe(header, 0);\r\n\r\n  document.querySelectorAll('#unsuda-kerjasama [data-ks-group]').forEach(function (g) {\r\n    observe(g, parseInt(g.getAttribute('data-delay') || '0', 10));\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Universitas Sunan Drajat Lamongan Membangun Generasi Ungguldan Berakhlakul Karimah Selamat datang di Universitas Sunan Drajat Lamongan, kampus hijau bernuansa Islami yang siap mengantarkan masa depan Anda. Daftar Sekarang Brosur PMB Tentang UNSUDA Ilmu Pengetahuan, Amal, danAkhlakul Karimah Universitas Sunan Drajat Lamongan hadir sebagai perwujudan komitmen Pondok Pesantren Sunan Drajat dalam mencetak generasi santri yang unggul [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1870","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.0 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Beranda - UNSUDA Lamongan<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/unsuda.ac.id\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beranda\" \/>\n<meta property=\"og:description\" content=\"Universitas Sunan Drajat Lamongan Membangun Generasi Ungguldan Berakhlakul Karimah Selamat datang di Universitas Sunan Drajat Lamongan, kampus hijau bernuansa Islami yang siap mengantarkan masa depan Anda. Daftar Sekarang Brosur PMB Tentang UNSUDA Ilmu Pengetahuan, Amal, danAkhlakul Karimah Universitas Sunan Drajat Lamongan hadir sebagai perwujudan komitmen Pondok Pesantren Sunan Drajat dalam mencetak generasi santri yang unggul [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/unsuda.ac.id\/\" \/>\n<meta property=\"og:site_name\" content=\"UNSUDA Lamongan\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-22T05:44:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/unsuda.ac.id\\\/\",\"url\":\"https:\\\/\\\/unsuda.ac.id\\\/\",\"name\":\"Beranda - UNSUDA Lamongan\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/unsuda.ac.id\\\/#website\"},\"datePublished\":\"2026-06-13T10:40:24+00:00\",\"dateModified\":\"2026-06-22T05:44:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/unsuda.ac.id\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/unsuda.ac.id\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/unsuda.ac.id\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/unsuda.ac.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beranda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/unsuda.ac.id\\\/#website\",\"url\":\"https:\\\/\\\/unsuda.ac.id\\\/\",\"name\":\"UNSUDA Lamongan\",\"description\":\"Universitas Sunan Drajat Lamongan\",\"publisher\":{\"@id\":\"https:\\\/\\\/unsuda.ac.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/unsuda.ac.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/unsuda.ac.id\\\/#organization\",\"name\":\"UNSUDA Lamongan\",\"url\":\"https:\\\/\\\/unsuda.ac.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/unsuda.ac.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/unsuda.ac.id\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Logo-UNSUDA.png\",\"contentUrl\":\"https:\\\/\\\/unsuda.ac.id\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Logo-UNSUDA.png\",\"width\":300,\"height\":100,\"caption\":\"UNSUDA Lamongan\"},\"image\":{\"@id\":\"https:\\\/\\\/unsuda.ac.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Beranda - UNSUDA Lamongan","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/unsuda.ac.id\/","og_locale":"en_US","og_type":"article","og_title":"Beranda","og_description":"Universitas Sunan Drajat Lamongan Membangun Generasi Ungguldan Berakhlakul Karimah Selamat datang di Universitas Sunan Drajat Lamongan, kampus hijau bernuansa Islami yang siap mengantarkan masa depan Anda. Daftar Sekarang Brosur PMB Tentang UNSUDA Ilmu Pengetahuan, Amal, danAkhlakul Karimah Universitas Sunan Drajat Lamongan hadir sebagai perwujudan komitmen Pondok Pesantren Sunan Drajat dalam mencetak generasi santri yang unggul [&hellip;]","og_url":"https:\/\/unsuda.ac.id\/","og_site_name":"UNSUDA Lamongan","article_modified_time":"2026-06-22T05:44:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/unsuda.ac.id\/","url":"https:\/\/unsuda.ac.id\/","name":"Beranda - UNSUDA Lamongan","isPartOf":{"@id":"https:\/\/unsuda.ac.id\/#website"},"datePublished":"2026-06-13T10:40:24+00:00","dateModified":"2026-06-22T05:44:23+00:00","breadcrumb":{"@id":"https:\/\/unsuda.ac.id\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/unsuda.ac.id\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/unsuda.ac.id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/unsuda.ac.id\/"},{"@type":"ListItem","position":2,"name":"Beranda"}]},{"@type":"WebSite","@id":"https:\/\/unsuda.ac.id\/#website","url":"https:\/\/unsuda.ac.id\/","name":"UNSUDA Lamongan","description":"Universitas Sunan Drajat Lamongan","publisher":{"@id":"https:\/\/unsuda.ac.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/unsuda.ac.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/unsuda.ac.id\/#organization","name":"UNSUDA Lamongan","url":"https:\/\/unsuda.ac.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/unsuda.ac.id\/#\/schema\/logo\/image\/","url":"https:\/\/unsuda.ac.id\/wp-content\/uploads\/2026\/06\/Logo-UNSUDA.png","contentUrl":"https:\/\/unsuda.ac.id\/wp-content\/uploads\/2026\/06\/Logo-UNSUDA.png","width":300,"height":100,"caption":"UNSUDA Lamongan"},"image":{"@id":"https:\/\/unsuda.ac.id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/unsuda.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/1870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unsuda.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unsuda.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unsuda.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unsuda.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1870"}],"version-history":[{"count":5,"href":"https:\/\/unsuda.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/1870\/revisions"}],"predecessor-version":[{"id":2138,"href":"https:\/\/unsuda.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/1870\/revisions\/2138"}],"wp:attachment":[{"href":"https:\/\/unsuda.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}