{"id":48,"date":"2026-09-15T15:10:35","date_gmt":"2026-09-15T15:10:35","guid":{"rendered":"https:\/\/doktorhukum.untan.ac.id\/?page_id=48"},"modified":"2026-09-15T15:28:47","modified_gmt":"2026-09-15T15:28:47","slug":"visionmission","status":"publish","type":"page","link":"https:\/\/doktorhukum.untan.ac.id\/index.php\/about\/visionmission\/","title":{"rendered":"Vision &#038; Mission"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"48\" class=\"elementor elementor-48\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ee8f7f e-flex e-con-boxed e-con e-parent\" data-id=\"9ee8f7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0558ef2 elementor-widget elementor-widget-html\" data-id=\"0558ef2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   PSDH FH UNTAN \u2014 VISION & MISSION (3D Motion & Leadership)\r\n   Self-contained Elementor \/ Web Component\r\n   ========================================================= *\/\r\n\r\n.psdh-vision-mission {\r\n  --navy: #14252d;\r\n  --navy-2: #1c323b;\r\n  --burgundy: #8b1f33;\r\n  --gold: #d8ad67;\r\n  --gold-dark: #a9782c;\r\n  --teal: #2f5c56;\r\n  --paper: #f4f1e9;\r\n  --cream: #ebe5d8;\r\n  --white: #ffffff;\r\n  --ink: #202326;\r\n  --muted: #697076;\r\n  --line: #d9d7d0;\r\n\r\n  width: 100%;\r\n  background: #ffffff;\r\n  color: var(--ink);\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n  box-sizing: border-box;\r\n  padding: 100px 0;\r\n}\r\n\r\n.psdh-vision-mission *,\r\n.psdh-vision-mission *::before,\r\n.psdh-vision-mission *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.psdh-vm-wrap {\r\n  width: min(1240px, calc(100% - 64px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Section Header ---------- *\/\r\n.psdh-vm-head {\r\n  display: grid;\r\n  grid-template-columns: 0.9fr 1.1fr;\r\n  gap: 80px;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.psdh-vm-kicker {\r\n  font-size: 11px;\r\n  color: var(--burgundy);\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  margin-bottom: 16px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.psdh-vm-heading {\r\n  margin: 0;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(36px, 4.2vw, 56px);\r\n  line-height: 1.08;\r\n  font-weight: 400;\r\n  letter-spacing: -0.02em;\r\n  color: #1e2224;\r\n}\r\n\r\n.psdh-vm-heading em {\r\n  color: var(--burgundy);\r\n  font-style: italic;\r\n}\r\n\r\n.psdh-vm-intro {\r\n  align-self: end;\r\n}\r\n\r\n.psdh-vm-intro p {\r\n  margin: 0;\r\n  color: #5a6164;\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* ---------- Main Grid Layout ---------- *\/\r\n.psdh-vm-grid {\r\n  display: grid;\r\n  grid-template-columns: 0.8fr 1.2fr;\r\n  gap: 50px;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* ---------- 3D Stage & Layers ---------- *\/\r\n.psdh-3d-stage {\r\n  perspective: 1600px;\r\n  padding: 14px 22px 22px 0;\r\n}\r\n\r\n.psdh-3d-card {\r\n  position: relative;\r\n  background: #ffffff;\r\n  border: 1px solid var(--line);\r\n  height: 100%;\r\n  transform-style: preserve-3d;\r\n  transform: rotateX(4deg) rotateY(-3deg);\r\n  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease;\r\n  box-shadow: \r\n    0 2px 0 var(--line),\r\n    0 28px 55px -18px rgba(20, 37, 45, 0.35),\r\n    0 14px 24px -12px rgba(20, 37, 45, 0.22);\r\n}\r\n\r\n.psdh-3d-card::before,\r\n.psdh-3d-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 14px;\r\n  right: -14px;\r\n  height: 100%;\r\n  background: var(--paper);\r\n  border: 1px solid var(--line);\r\n  z-index: -1;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.psdh-3d-card::before {\r\n  top: 12px;\r\n  transform: translateZ(-24px);\r\n}\r\n\r\n.psdh-3d-card::after {\r\n  top: 24px;\r\n  left: 26px;\r\n  right: -26px;\r\n  background: var(--cream);\r\n  transform: translateZ(-48px);\r\n}\r\n\r\n.psdh-3d-stage:hover .psdh-3d-card {\r\n  box-shadow: \r\n    0 2px 0 var(--line),\r\n    0 40px 75px -20px rgba(20, 37, 45, 0.45),\r\n    0 18px 32px -14px rgba(20, 37, 45, 0.3);\r\n}\r\n\r\n.psdh-card-bar {\r\n  height: 6px;\r\n  background: var(--burgundy);\r\n}\r\n\r\n\/* ---------- Leadership Card ---------- *\/\r\n.psdh-dekan-box {\r\n  padding: 36px 24px;\r\n  text-align: center;\r\n  transform: translateZ(20px);\r\n}\r\n\r\n.psdh-dekan-img-wrap {\r\n  width: 190px;\r\n  height: 230px;\r\n  margin: 0 auto 22px;\r\n  border: 2px solid var(--gold);\r\n  border-radius: 8px;\r\n  background: linear-gradient(180deg, #ffffff 0%, var(--paper) 100%);\r\n  padding: 10px 10px 0;\r\n  box-shadow: 0 12px 28px rgba(20, 37, 45, 0.15);\r\n  position: relative;\r\n  transform: translateZ(30px);\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.psdh-dekan-img-wrap img {\r\n  max-height: 100%;\r\n  width: auto;\r\n  object-fit: contain;\r\n  display: block;\r\n  filter: drop-shadow(0 6px 12px rgba(20, 37, 45, 0.25));\r\n}\r\n\r\n.psdh-dekan-badge {\r\n  display: inline-block;\r\n  font-size: 10.5px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.16em;\r\n  color: var(--burgundy);\r\n  text-transform: uppercase;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* Proportional Name Styling *\/\r\n.psdh-dekan-name {\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(18px, 1.6vw, 21px);\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  margin: 0 0 8px;\r\n  line-height: 1.35;\r\n  padding: 0 8px;\r\n}\r\n\r\n.psdh-dekan-title {\r\n  font-size: 13px;\r\n  color: var(--muted);\r\n  font-weight: 600;\r\n  margin: 0;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* ---------- Vision & Mission Content ---------- *\/\r\n.psdh-vm-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 28px;\r\n  transform: translateZ(15px);\r\n  padding: 32px;\r\n}\r\n\r\n.psdh-vision-box {\r\n  background: var(--navy);\r\n  color: #ffffff;\r\n  padding: 28px;\r\n  border-left: 4px solid var(--gold);\r\n  box-shadow: 0 8px 20px rgba(20, 37, 45, 0.12);\r\n}\r\n\r\n.psdh-vision-box h3 {\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 20px;\r\n  color: var(--gold);\r\n  margin: 0 0 10px;\r\n  font-weight: 400;\r\n  letter-spacing: 0.04em;\r\n}\r\n\r\n.psdh-vision-box p {\r\n  margin: 0;\r\n  font-size: 15.5px;\r\n  line-height: 1.75;\r\n  font-style: italic;\r\n  color: #e3e8ec;\r\n}\r\n\r\n.psdh-mission-box h3 {\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 20px;\r\n  color: var(--navy);\r\n  margin: 0 0 18px;\r\n  font-weight: 400;\r\n  border-bottom: 1px solid var(--line);\r\n  padding-bottom: 8px;\r\n  letter-spacing: 0.04em;\r\n}\r\n\r\n.psdh-mission-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.psdh-mission-item {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: flex-start;\r\n}\r\n\r\n.psdh-mission-num {\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 15px;\r\n  font-style: italic;\r\n  color: var(--gold-dark);\r\n  font-weight: 700;\r\n  min-width: 30px;\r\n  height: 30px;\r\n  background: var(--paper);\r\n  border: 1px solid var(--line);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n  margin-top: 2px;\r\n}\r\n\r\n.psdh-mission-text {\r\n  font-size: 14.5px;\r\n  color: #2c3033;\r\n  line-height: 1.68;\r\n  margin: 0;\r\n}\r\n\r\n\/* ---------- Responsive Breakpoints ---------- *\/\r\n@media (max-width: 1050px) {\r\n  .psdh-vm-head { grid-template-columns: 1fr; gap: 24px; }\r\n  .psdh-vm-intro { align-self: auto; }\r\n  .psdh-vm-grid { grid-template-columns: 1fr; gap: 40px; }\r\n  .psdh-3d-stage { padding: 14px 0 22px; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .psdh-vision-mission { padding: 64px 0; }\r\n  .psdh-vm-wrap { width: calc(100% - 32px); }\r\n  .psdh-3d-card { transform: none !important; }\r\n  .psdh-3d-card::before, .psdh-3d-card::after { display: none; }\r\n  .psdh-dekan-box { padding: 24px 16px; }\r\n  .psdh-vm-content { padding: 20px; gap: 24px; }\r\n  .psdh-vision-box { padding: 20px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"psdh-vision-mission\" id=\"vision-mission\">\r\n  <div class=\"psdh-vm-wrap\">\r\n\r\n    <!-- Header Section -->\r\n    <div class=\"psdh-vm-head\">\r\n      <div>\r\n        <div class=\"psdh-vm-kicker\">PROGRAMME IDENTITY<\/div>\r\n        <h2 class=\"psdh-vm-heading\">Vision &amp; Mission<br><em>Academic Programme.<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"psdh-vm-intro\">\r\n        <p>The academic direction and strategic commitment of the Doctoral Programme in Law (Ph.D.), Faculty of Law, Tanjungpura University, in fostering globally competitive scholars rooted in local wisdom.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content Grid -->\r\n    <div class=\"psdh-vm-grid\">\r\n\r\n      <!-- LEADERSHIP CARD -->\r\n      <div class=\"psdh-3d-stage\">\r\n        <div class=\"psdh-3d-card psdh-js-tilt\">\r\n          <div class=\"psdh-card-bar\"><\/div>\r\n          <div class=\"psdh-dekan-box\">\r\n            <div class=\"psdh-dekan-img-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/hukum.untan.ac.id\/wp-content\/uploads\/2023\/05\/Dekan-FH-UNTAN.jpg\" alt=\"Dr. Hj. Sri Ismawati, S.H., M.Hum.\" onerror=\"this.onerror=null; this.src='https:\/\/via.placeholder.com\/190x230?text=Dean+Photo';\">\r\n            <\/div>\r\n            <span class=\"psdh-dekan-badge\">Programme Leadership<\/span>\r\n            <h3 class=\"psdh-dekan-name\">Dr. Hj. Sri Ismawati, S.H., M.Hum.<\/h3>\r\n            <p class=\"psdh-dekan-title\">Dean of Faculty of Law, UNTAN<br>Acting Head of Doctoral Programme in Law<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- VISION & MISSION CONTENT CARD -->\r\n      <div class=\"psdh-3d-stage\">\r\n        <div class=\"psdh-3d-card psdh-js-tilt\">\r\n          <div class=\"psdh-card-bar\" style=\"background: var(--navy);\"><\/div>\r\n          <div class=\"psdh-vm-content\">\r\n            \r\n            <div class=\"psdh-vision-box\">\r\n              <h3>VISION<\/h3>\r\n              <p>\u201cTo become an Excellent and Globally Competitive Doctoral Programme in Law in the Development of Legal Scholarship Based on Local Wisdom and Border Regions\u201d<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"psdh-mission-box\">\r\n              <h3>MISSION<\/h3>\r\n              <ul class=\"psdh-mission-list\">\r\n                <li class=\"psdh-mission-item\">\r\n                  <span class=\"psdh-mission-num\">01<\/span>\r\n                  <p class=\"psdh-mission-text\">To organize Doctoral Legal Education to produce excellent and globally competitive graduates capable of integrating local wisdom values with national law and offering solutions to legal issues.<\/p>\r\n                <\/li>\r\n                <li class=\"psdh-mission-item\">\r\n                  <span class=\"psdh-mission-num\">02<\/span>\r\n                  <p class=\"psdh-mission-text\">To develop science and technology in the field of legal studies based on local wisdom, natural resources, and border regions to achieve justice, societal welfare, and sustainable development.<\/p>\r\n                <\/li>\r\n                <li class=\"psdh-mission-item\">\r\n                  <span class=\"psdh-mission-num\">03<\/span>\r\n                  <p class=\"psdh-mission-text\">To implement doctoral legal study programme governance based on the principles of good university governance.<\/p>\r\n                <\/li>\r\n                <li class=\"psdh-mission-item\">\r\n                  <span class=\"psdh-mission-num\">04<\/span>\r\n                  <p class=\"psdh-mission-text\">To enhance domestic and international collaboration aimed at advancing the globally competitive Higher Education Tri Dharma (Education, Research, and Community Service).<\/p>\r\n                <\/li>\r\n              <\/ul>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var tiltCards = document.querySelectorAll('.psdh-js-tilt');\r\n  \r\n  tiltCards.forEach(function(card){\r\n    var stage = card.parentElement;\r\n    \r\n    stage.addEventListener('mousemove', function(e){\r\n      var rect = stage.getBoundingClientRect();\r\n      var x = e.clientX - rect.left;\r\n      var y = e.clientY - rect.top;\r\n      \r\n      var centerX = rect.width \/ 2;\r\n      var centerY = rect.height \/ 2;\r\n      \r\n      var rotateX = ((y - centerY) \/ centerY) * -10;\r\n      var rotateY = ((x - centerX) \/ centerX) * 10;\r\n      \r\n      card.style.transform = 'rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg) translateZ(10px)';\r\n    });\r\n    \r\n    stage.addEventListener('mouseleave', function(){\r\n      card.style.transform = 'rotateX(4deg) rotateY(-3deg) translateZ(0px)';\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>PROGRAMME IDENTITY Vision &amp; MissionAcademic Programme. The academic direction and strategic commitment of the Doctoral Programme in Law (Ph.D.), Faculty of Law, Tanjungpura University, in fostering globally competitive scholars rooted in local wisdom. Programme Leadership Dr. Hj. Sri Ismawati, S.H., M.Hum. Dean of Faculty of Law, UNTANActing Head of Doctoral Programme in Law VISION \u201cTo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":34,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doktorhukum.untan.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doktorhukum.untan.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doktorhukum.untan.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doktorhukum.untan.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doktorhukum.untan.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":12,"href":"https:\/\/doktorhukum.untan.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/doktorhukum.untan.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/48\/revisions\/64"}],"up":[{"embeddable":true,"href":"https:\/\/doktorhukum.untan.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/34"}],"wp:attachment":[{"href":"https:\/\/doktorhukum.untan.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}