.header-account{position:relative;flex:0 0 auto;color:#102a4c;font-family:inherit;letter-spacing:-.025em}
.header-account .header-login,.header-account-menu>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 17px;border:1px solid #b8d4ec;border-radius:9px;background:#f1f7ff;color:#0057a1;text-decoration:none;font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;cursor:pointer;list-style:none;box-sizing:border-box}
.header-account .header-login:hover,.header-account-menu>summary:hover{border-color:#0068b5;background:#e6f2ff;color:#0054c0}
.header-account-menu>summary::-webkit-details-marker{display:none}
.header-account-menu>summary:after{content:"";width:5px;height:5px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px)}
.header-account-menu[open]>summary:after{transform:rotate(225deg) translate(-1px,-1px)}
.header-account-menu{position:relative}
.header-account-panel{position:absolute;top:calc(100% + 10px);right:0;width:190px;padding:8px;background:#fff;border:1px solid #d5e5f4;border-radius:13px;box-shadow:0 15px 40px #102a4c22;z-index:101;display:grid;gap:3px;box-sizing:border-box}
.header-account-menu:not([open])>.header-account-panel{display:none}
.header-account-panel>a,.header-account-panel>button{display:block;width:100%;border:0;border-radius:7px;background:#fff;color:#183b64;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;text-align:left;text-decoration:none;min-height:42px;padding:10px 12px;letter-spacing:-.03em;cursor:pointer;box-sizing:border-box}
.header-account-panel>a:hover,.header-account-panel>button:hover{background:#eef6ff;color:#0068b5}
.header-account :focus-visible{outline:3px solid #00a3e0;outline-offset:3px}
.header-account-error{font-size:12px!important;line-height:1.65!important;color:#a52b36!important;padding:8px 12px;margin:0!important;white-space:normal}
.header-account-error[hidden]{display:none}
.customer-header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
body[data-page="films"] header>nav{align-items:center;flex-wrap:wrap}
@media(min-width:1001px) and (max-width:1360px){.site-header .header-cta{display:none}}
@media(max-width:1000px){.site-header .desktop-nav,.kinetic-landing .site-header .desktop-nav{display:none}.site-header .header-cta{display:none}.site-header .menu-toggle{display:block;min-height:44px;min-width:44px}.kinetic-landing .mobile-nav{top:76px}}
@media(max-width:700px){.kinetic-landing .mobile-nav{top:68px}.site-header .header-actions{gap:10px}.header-account .header-login,.header-account-menu>summary{font-size:13px;min-height:40px;padding:9px 12px}.customer-header-actions{gap:10px}.customer-header-actions>.customer-home{display:none}}
@media(max-width:480px){.site-header .brand-service,.customer-header-wrap .portal-brand>small{display:none}.site-header .header-actions{gap:6px}.site-header .header-account .header-login,.site-header .header-account-menu>summary{padding-inline:11px}.header-account-panel{width:184px}body[data-page="films"] header{flex-wrap:wrap}body[data-page="films"] header>nav{gap:12px;width:100%}}

/* V18.2: center the supplied 702 x 284 Intel mark beside CYNEXZONE. */
/* Use the full new mark height; the previous SVG optical offset does not apply. */
.header-partner-mark { --header-intel-width:48px; }
.site-header .brand-service.header-partner-mark,
.customer-header-wrap .portal-brand > small.header-partner-mark {
  display:inline-flex;
  align-items:center;
  align-self:center;
  height:calc(var(--header-intel-width) * 284 / 702);
  overflow:visible;
  flex:0 0 auto;
  line-height:1;
}
.header-intel-logo {
  display:block;
  width:var(--header-intel-width);
  height:auto;
  max-width:none;
  aspect-ratio:702 / 284;
  object-fit:contain;
  /* V18.2.2: enlarge 10% from the bottom edge, preserving the 1px alignment. */
  transform-origin:left bottom;
  transform:translateY(1px) scale(1.1);
  flex:none;
}
@media(max-width:480px) {
  .site-header .brand { gap:8px; }
  .site-header .brand-service.header-partner-mark { padding-left:10px; }
  .customer-header-wrap .portal-brand > small.header-partner-mark {
    margin-left:10px;
    padding-left:10px;
  }
  .header-partner-mark { --header-intel-width:40px; }
}
@media(max-width:360px) {
  .site-header,.kinetic-landing .site-header,.campaign-prices .site-header { gap:8px; }
  .site-header .brand { gap:6px; }
  .site-header .brand-word { font-size:18px; }
  .site-header .brand-service.header-partner-mark { padding-left:8px; }
  .site-header .header-account .header-login,
  .site-header .header-account-menu > summary { padding-inline:9px; }
  .customer-header-wrap { gap:8px; }
  .customer-header-wrap .portal-brand { font-size:20px; }
  .customer-header-wrap .portal-brand > small.header-partner-mark {
    margin-left:8px;
    padding-left:8px;
  }
  .header-partner-mark { --header-intel-width:34px; }
}
@media(max-width:340px) {
  .site-header .brand-word { font-size:17px; }
  .header-partner-mark { --header-intel-width:30px; }
}

/* V20.1: campaign signature shares the logo blue and preserves logo proportions. */
.site-header .header-campaign-label,
.customer-header-wrap .portal-brand > .header-campaign-label {
  display:block;
  flex:0 0 auto;
  margin-left:6px;
  color:#0068b5;
  font:700 12px/1.25 Arial,sans-serif;
  letter-spacing:.07em;
  white-space:nowrap;
}
@media(min-width:1001px) and (max-width:1360px) {
  .site-header .header-campaign-label {
    width:84px;
    white-space:normal;
    text-wrap:balance;
  }
}
@media(max-width:700px) {
  .site-header .brand,
  .customer-header-wrap .portal-brand {
    position:relative;
    padding-bottom:15px;
  }
  .site-header .header-campaign-label,
  .customer-header-wrap .portal-brand > .header-campaign-label {
    position:absolute;
    left:0;
    bottom:0;
    margin:0;
    font-size:9px;
    line-height:11px;
    letter-spacing:.12em;
  }
}