/* UI-017-TITLE · additive homepage-only title treatment. Existing labels/visibility stay owned by #F. */
#routePanel:has(>.studio-page[data-studio-view=home]) {
 --studio-topbar-title-size:21px;
 --studio-hero-title-min:36px;
 --studio-hero-title-max:44px;
 --studio-title-pink:#f3a5be;
 --studio-title-violet:#c8b2ec;
 --studio-title-highlight:#fff1f7;
 --studio-title-shimmer-period:9s;
}

/* A single bounded line keeps the established68px bar and the back button geometry. */
#routePanel:has(>.studio-page[data-studio-view=home])>.fullscreen-route-top>:nth-child(2) {
 font-size:var(--studio-topbar-title-size);
 font-weight:650;
 line-height:1.2;
 letter-spacing:.025em;
 max-height:44px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 color:var(--studio-title-highlight);
 text-shadow:0 0 18px #f0698c26;
}
#routePanel:has(>.studio-page[data-studio-view=home])>.fullscreen-route-top>:nth-child(2) [data-ui-key] {white-space:inherit;}

.studio-page[data-studio-view=home]>.studio-heading>div>h1[data-ui-key="studio.home.title"] {
 font-size:40px;
 font-size:clamp(var(--studio-hero-title-min,36px),12cqw,var(--studio-hero-title-max,44px));
 font-weight:720;
 line-height:1.2;
 letter-spacing:-.04em;
 max-width:100%;
 word-break:keep-all;
 overflow-wrap:anywhere;
 text-wrap:balance;
 color:var(--studio-title-highlight,#fff1f7);
 text-shadow:0 0 24px #f0698c24,0 2px 12px #bba0df16;
}

@supports ((background-clip:text) or (-webkit-background-clip:text)) {
 #routePanel:has(>.studio-page[data-studio-view=home])>.fullscreen-route-top>:nth-child(2),
 .studio-page[data-studio-view=home]>.studio-heading>div>h1[data-ui-key="studio.home.title"] {
  background-image:linear-gradient(110deg,var(--studio-title-highlight,#fff1f7) 0%,var(--studio-title-pink,#f3a5be) 24%,var(--studio-title-highlight,#fff1f7) 46%,var(--studio-title-violet,#c8b2ec) 68%,var(--studio-title-pink,#f3a5be) 87%,var(--studio-title-highlight,#fff1f7) 100%);
  background-size:200% 100%;
  background-position:0% 50%;
  background-repeat:no-repeat;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
 }
}
@media(prefers-reduced-motion:no-preference) {
 .studio-page[data-studio-view=home]>.studio-heading>div>h1[data-ui-key="studio.home.title"] {animation:studio-title-glint var(--studio-title-shimmer-period,9s) ease-in-out infinite;}
}
@media(prefers-reduced-motion:reduce) {
 .studio-page[data-studio-view=home]>.studio-heading>div>h1[data-ui-key="studio.home.title"] {animation:none;}
}
@keyframes studio-title-glint {0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}