diff --git a/assets/Logo.png b/assets/Logo.png
new file mode 100644
index 0000000..fdcebdb
Binary files /dev/null and b/assets/Logo.png differ
diff --git a/themepo-elegantfin.css b/themepo-elegantfin.css
index 48dffa5..08ad6e3 100644
--- a/themepo-elegantfin.css
+++ b/themepo-elegantfin.css
@@ -155,3 +155,53 @@ body:has(#itemDetailPage) html::after,
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
 }
+
+/* --- Custom Branding --- */
+
+/* Replace Jellyfin header logo */
+.headerLogo {
+  background-image: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center left;
+  width: 40px !important;
+  height: 40px !important;
+}
+.headerLogo img {
+  display: none !important;
+}
+
+/* Replace Jellyfin drawer logo */
+.adminDrawerLogo img,
+.drawerHeaderLogo img {
+  content: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png');
+  width: 36px;
+  height: 36px;
+  object-fit: contain;
+}
+
+/* Replace "Jellyfin" name in drawer with "The Ark" */
+.adminDrawerLogo .adminDrawerLogoName,
+.serverNameContainer span,
+.serverName {
+  font-size: 0 !important;
+}
+.adminDrawerLogo .adminDrawerLogoName::after,
+.serverNameContainer span::after,
+.serverName::after {
+  content: "The Ark";
+  font-family: var(--font-rune);
+  font-size: 1rem;
+  letter-spacing: 0.15em;
+  text-transform: uppercase;
+  color: var(--mithral);
+}
+
+/* Replace login/splash logo */
+.splashLogo,
+.loginLogo {
+  background-image: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}