/* Approved balanced customer cover, using the same original AutoPay artwork.
   The mask blends its photographic backdrop; no image filter blurs the device. */
body.royal-fidelity-theme.portal-customer .royal-page-hero {
  position:relative;isolation:isolate;display:flex;align-items:center;min-width:0;min-height:184px;
  margin:0 0 18px;padding:24px 28px;border:1px solid #c8a96e60;border-top-color:#d6bf9275;
  border-radius:13px;background:linear-gradient(105deg,#141e2c,#0c141f 63%,#080e16);
  box-shadow:inset 0 1px #ffffff0b,0 8px 22px #0003;
}
body.royal-fidelity-theme.portal-customer .royal-page-hero::before {
  content:"";position:absolute;inset:5px;border:1px solid #c8a96e20;border-radius:9px;pointer-events:none;
}
body.royal-fidelity-theme.portal-customer .royal-page-hero::after {
  content:"";position:absolute;right:14px;top:0;bottom:0;width:320px;z-index:-1;pointer-events:none;
  background:url('./royal-portal-metal-v4.png') center 51% / cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#0000000d 6%,#00000029 13%,#00000066 20%,#000000bf 29%,#000 38%,#000 87%,#000000d9 92%,#00000066 97%,transparent),linear-gradient(180deg,transparent,#0000001a 5%,#00000059 10%,#000000b3 15%,#000 21%,#000 77%,#000000e6 82%,#000000a6 88%,#0000004d 94%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#0000000d 6%,#00000029 13%,#00000066 20%,#000000bf 29%,#000 38%,#000 87%,#000000d9 92%,#00000066 97%,transparent),linear-gradient(180deg,transparent,#0000001a 5%,#00000059 10%,#000000b3 15%,#000 21%,#000 77%,#000000e6 82%,#000000a6 88%,#0000004d 94%,transparent);
  mask-composite:intersect;
}
body.royal-fidelity-theme.portal-customer .royal-hero-copy {min-width:0;width:100%;padding-inline-end:330px}
html[dir=rtl] body.royal-fidelity-theme.portal-customer .royal-page-hero::after {right:auto;left:14px}
body.royal-fidelity-theme.portal-customer .royal-hero-eyebrow {display:block;margin:0 0 8px;font:600 11px/1.5 var(--royal-ui);letter-spacing:1.8px;color:#c8a96e;text-transform:uppercase}
body.royal-fidelity-theme.portal-customer .royal-page-hero .ptitle {margin:0;color:#f5f5f4;font:400 48px/1.22 var(--royal-title);letter-spacing:0;text-shadow:none;background:none;-webkit-text-fill-color:currentColor;overflow-wrap:anywhere}
body.royal-fidelity-theme.portal-customer .royal-page-hero .ptitle::after {display:none}
body.royal-fidelity-theme.portal-customer .royal-hero-copy p {max-width:74ch;margin:10px 0 0;color:#d5d5d4;font:350 14px/1.65 var(--royal-prose)}
html[data-theme=light] body.royal-fidelity-theme.portal-customer .royal-page-hero {background:linear-gradient(105deg,#fffefb,#eef3f9 62%,#dce6f2);border-color:#b3c0d3;border-top-color:#fff;box-shadow:inset 0 1px #fff,0 8px 22px #28436012}
html[data-theme=light] body.royal-fidelity-theme.portal-customer .royal-page-hero::after {opacity:.12;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,#0008 42%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 20%,#0008 42%,transparent 75%)}
html[data-theme=light] body.royal-fidelity-theme.portal-customer .royal-hero-eyebrow {color:#87662c}
html[data-theme=light] body.royal-fidelity-theme.portal-customer .royal-page-hero .ptitle {color:#203651}
html[data-theme=light] body.royal-fidelity-theme.portal-customer .royal-hero-copy p {color:#52647a}
@media(max-width:1100px){body.royal-fidelity-theme.portal-customer .royal-hero-copy{padding-inline-end:230px}body.royal-fidelity-theme.portal-customer .royal-page-hero::after{width:240px;right:0}}
@media(max-width:820px){body.royal-fidelity-theme.portal-customer .royal-page-hero{padding:22px;min-height:164px}body.royal-fidelity-theme.portal-customer .royal-hero-copy{padding-inline-end:0}body.royal-fidelity-theme.portal-customer .royal-page-hero::after{width:210px;opacity:.16}body.royal-fidelity-theme.portal-customer .royal-page-hero .ptitle{font-size:clamp(38px,6vw,48px)}}
@media(max-width:360px){body.royal-fidelity-theme.portal-customer .royal-page-hero{padding:20px 15px}body.royal-fidelity-theme.portal-customer .royal-hero-eyebrow{font-size:9px;letter-spacing:1.3px}}
@media(forced-colors:active){body.royal-fidelity-theme.portal-customer .royal-page-hero::after{display:none}body.royal-fidelity-theme.portal-customer .royal-page-hero{background:Canvas;border-color:CanvasText;box-shadow:none}body.royal-fidelity-theme.portal-customer .royal-page-hero :is(.ptitle,p,.royal-hero-eyebrow){color:CanvasText}}
@media print{body.royal-fidelity-theme.portal-customer .royal-page-hero::after{display:none}}