fix: restore brand text on iOS by isolating from backdrop-filter

Shibuya's .sy-head-blur uses -webkit-backdrop-filter: blur(), which
causes -webkit-background-clip: text on sibling elements to silently
fail in iOS Safari — making the 'UltraPlot' nav link invisible.

Adding isolation: isolate to .sy-head-brand creates a new stacking
context, shielding the gradient text compositing from the blur layer.

Author: cvanelteren

docs/_static/custom.css

@@ -84,6 +84,12 @@
     gap: 0.5rem;
     padding: 0.2rem 0.04rem 0.2rem;
     line-height: 1.25;
+    /* Shibuya's .sy-head-blur sibling uses -webkit-backdrop-filter: blur().
+       On iOS Safari, backdrop-filter on any element in the same stacking
+       context breaks -webkit-background-clip: text in descendants, making
+       the brand text invisible. isolation: isolate creates a new stacking
+       context here so the gradient clip composites independently. */
+    isolation: isolate;
 }
 
 .sy-head .sy-head-brand strong {

docs/conf.py

@@ -537,7 +537,7 @@ def _reset_ultraplot(gallery_conf, fname):
 # docs.  This file should be a Windows icon file (.ico) being 16x16 or 32x32
 # pixels large. Static folder is for CSS and image files. Use ImageMagick to
 # convert png to ico on command line with 'convert image.png image.ico'
-html_favicon = str(Path("_static") / "logo_blank.svg")
+html_favicon = str(Path("_static") / "logo_square.svg")
 
 # -- Options for HTMLHelp output ---------------------------------------------