/* UPIK 24: approved, one-shot editorial motion and a compact desktop header.
   No logo edits, scroll hijacking, hidden default content, or demo controls. */
.signature-motion .home-hero h1{position:relative;overflow:visible}
.signature-motion .signature-title-line,
.signature-motion .signature-line{display:block}
.signature-motion .home-hero h1 .signature-title-first{color:var(--ink)}
/* Keep the gradient paint area larger than the line box so descenders and
   Polish diacritics cannot be clipped during the one-shot sheen. Apply this
   spacing permanently, with compensating margins: no layout shift when the
   has-sheen class is added or removed, and the rule stays in its V22 position. */
.signature-motion .home-hero h1 .signature-title-accent{
  color:var(--blue);padding-block:.2em;margin-block:-.2em;overflow:visible;
}
.signature-motion .home-hero h1 .signature-rule{
  position:static;display:block;margin:28px auto 0;
  width:84px;height:2px;border-radius:2px;pointer-events:none;
  background:linear-gradient(90deg,#003366,#a6c6de)
}
.signature-motion .signature-title-accent.has-sheen{
  background-image:linear-gradient(110deg,#003366 0%,#003366 40%,#548cad 48%,#003366 56%,#003366 100%);
  background-size:300% 100%;background-position:100% 50%;
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  -webkit-text-fill-color:transparent
}

/* Only the visual surface and its contents move; the document footprint and
   horizontal menu slots remain unchanged, preventing content jumps. */
@media screen and (min-width:1101px){
  .signature-motion .site-header.header-enhanced{
    height:99px;border:0;background:transparent;
    -webkit-backdrop-filter:none;backdrop-filter:none;
    isolation:isolate;pointer-events:none
  }
  .signature-motion .header-enhanced::before{
    content:"";position:absolute;inset:0;z-index:-1;
    background:#fff;border-bottom:1px solid rgba(219,227,235,.65);
    box-shadow:0 0 0 transparent;pointer-events:none
  }
  .signature-motion .header-enhanced .header-inner{
    position:relative;min-height:98px;transform:translateY(0);pointer-events:auto
  }
  .signature-motion .header-enhanced .brand img{
    transform:scale(1);transform-origin:left center
  }
  .signature-motion .header-enhanced.is-compact::before{
    bottom:16px;border-bottom-color:rgba(219,227,235,.85);
    box-shadow:0 4px 18px rgba(19,29,43,.04)
  }
  .signature-motion .header-enhanced.is-compact .header-inner{transform:translateY(-8px)}
  .signature-motion .header-enhanced.is-compact .brand img{transform:scale(.93)}
}
@media screen and (min-width:1101px) and (prefers-reduced-motion:no-preference){
  .signature-motion .header-enhanced.header-motion-ready::before{
    transition:bottom 240ms cubic-bezier(.22,.61,.36,1),
      box-shadow 240ms ease,border-color 240ms ease
  }
  .signature-motion .header-enhanced.header-motion-ready .header-inner,
  .signature-motion .header-enhanced.header-motion-ready .brand img{
    transition:transform 240ms cubic-bezier(.22,.61,.36,1)
  }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .signature-motion .focus-card{
    transition:transform 260ms cubic-bezier(.22,.61,.36,1),border-color 260ms,background 260ms
  }
  .signature-motion .focus-card:hover{transform:translateY(-3px);border-color:#9fbcd3}
  .signature-motion .text-link>span[aria-hidden="true"],
  .signature-motion .button>span[aria-hidden="true"]{
    transition:transform 220ms ease;display:inline-block
  }
  .signature-motion .text-link:hover>span[aria-hidden="true"],
  .signature-motion .button:hover>span[aria-hidden="true"]{transform:translateX(3px)}
}
@media(max-width:700px){
  .signature-motion .home-hero h1 .signature-rule{
    width:56px;margin:24px auto 0;height:1.5px
  }
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .signature-motion .focus-card,
  .signature-motion .button,
  .signature-motion .text-link{transition:none!important;transform:none!important}
  .signature-motion .header-enhanced::before{bottom:0!important;box-shadow:none!important;transition:none!important}
  .signature-motion .header-enhanced .header-inner,
  .signature-motion .header-enhanced .brand img{transform:none!important;transition:none!important}
  .signature-motion .signature-title-accent.has-sheen{
    background:none!important;color:var(--blue)!important;-webkit-text-fill-color:currentColor
  }
}
@media(forced-colors:active){
  .signature-motion .signature-title-accent.has-sheen{
    background:none!important;color:CanvasText!important;-webkit-text-fill-color:currentColor
  }
  .signature-motion .signature-rule{background:CanvasText!important}
}
@media print{
  .signature-motion .signature-rule{display:none!important}
  .signature-motion .has-sheen{background:none!important;color:var(--blue)!important;-webkit-text-fill-color:currentColor}
  .signature-motion .header-inner,.signature-motion .brand img{transform:none!important}
}


/* V24: subpage headlines. No masks, clips, sheen or decorative rule.
   Text remains visible with JavaScript off or reduced motion enabled. */
.signature-motion .subpage-entrance-title{
  position:relative;overflow:visible;
}
.signature-motion .subpage-entrance-title .subpage-title-line{
  display:block;overflow:visible;transform-origin:left center;
  padding:0;margin:0;
}
.signature-motion .subpage-entrance-title .title-line-base{color:var(--ink)}
.signature-motion .subpage-entrance-title .title-line-accent{color:var(--blue)}
/* Retain the approved extra spacing before the blue platform-page line. */
.offer-uber .offer-hero .subpage-entrance-title .title-line-accent{margin-top:.2em}
@media(prefers-reduced-motion:reduce){
  .signature-motion .subpage-title-line{opacity:1!important;transform:none!important}
}
@media print{
  .signature-motion .subpage-title-line{opacity:1!important;transform:none!important}
}