/* PixAI metallic identity: graphite lettering on light UI, silver on dark UI. */
.av-brand-lockup{--brand-mark:52px;--brand-type:40px;display:inline-flex;align-items:center;justify-content:flex-start;gap:14px;vertical-align:middle;width:210px;max-width:100%;flex-shrink:0;line-height:1}
.av-brand-symbol{display:block;width:var(--brand-mark);height:var(--brand-mark);flex:0 0 var(--brand-mark);object-fit:contain}
.av-brand-name{display:block;color:#242036;font-family:Arial,Helvetica,sans-serif;font-size:var(--brand-type);font-weight:800;line-height:1;letter-spacing:-1.4px;text-transform:none;white-space:nowrap}
.av-brand-lockup[data-brand-tone="dark"] .av-brand-name{color:#f3f5ff}
.av-brand-logo{display:block;width:100%;height:auto;max-height:62px;object-fit:contain}
.av-brand-compact{display:none}
.mk-logo:has(.av-brand-lockup),.brand:has(.av-brand-lockup){gap:0;letter-spacing:normal;font-size:0;flex-shrink:0}
.mk-footer .av-brand-lockup{width:195px;--brand-mark:46px;--brand-type:36px}
.sidebar .av-brand-lockup{width:190px;--brand-mark:46px;--brand-type:36px}
.auth-story .av-brand-lockup{width:230px;--brand-mark:56px;--brand-type:44px}
.main-shell>footer .av-brand-lockup{width:142px;--brand-mark:34px;--brand-type:28px;gap:10px}
.boot .av-brand-lockup{width:245px;--brand-mark:60px;--brand-type:46px;margin:auto}
.boot>.av-brand-lockup{margin-top:0}
.mk-balance{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #d4c9e7;border-radius:12px;background:#f2edfa;color:#36234f;font-size:15px;line-height:1.25;text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums;box-sizing:border-box}
.mk-balance[hidden]{display:none!important}
.mk-balance:hover{background:#e8dff5;color:#281b3d;border-color:#9b7fc1}
.mk-balance>span:last-child{display:flex;align-items:baseline;gap:5px}
.mk-balance strong{font-size:16px;font-weight:750}
.mk-balance-unit{font-size:12px;font-weight:600}
.mk-balance-symbol{color:#6736a8;font-size:20px}
.is-public .mk-header-inner{max-width:1440px;padding-inline:32px;gap:20px;min-height:88px}
.is-public .mk-nav{gap:17px;margin-left:auto}
.is-public .mk-header-actions{display:flex;align-items:center;gap:10px}
.is-public .mk-header-actions>.mk-support{display:none}
.is-public .mk-nav>.mk-mobile-support{display:flex}
.is-public .mk-header-actions>.mk-login{margin:0;min-height:44px;padding:11px 16px;gap:10px}
.is-public .mk-header-actions>.mk-menu{flex:0 0 44px;width:44px;height:44px}
.is-public .mk-nav{top:100%}
@media(min-width:1101px){.is-public .mk-nav{display:flex}.is-public .mk-menu{display:none}}
@media(max-width:1100px){
 .is-public .mk-header-inner{min-height:78px;height:78px;padding-inline:24px;gap:16px;display:flex}
 .is-public .mk-header-actions{margin-left:auto}
 .is-public .mk-menu{display:block}
 .is-public .mk-nav{display:none;position:absolute;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:18px 24px;border-bottom:1px solid #e5daee;box-shadow:0 18px 24px #35244915}
 .is-public .mk-nav.is-open{display:flex}
}
@media(max-width:900px) and (min-width:621px){.sidebar .av-brand-lockup{width:49px;--brand-mark:49px;gap:0}.sidebar .av-brand-name,.sidebar .av-brand-logo{display:none}.sidebar .av-brand-compact{display:block;width:49px;height:49px;object-fit:contain}}
@media(max-width:700px){
 .is-public .mk-header-inner{display:flex}
 .is-public .mk-header-actions{display:flex}
}
@media(max-width:600px){
 .is-public .mk-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px 42px;gap:8px 12px;height:118px;min-height:118px;padding:10px 16px}
 .is-public .mk-header-inner>.mk-logo{grid-column:1;grid-row:1;min-width:0;max-width:100%;justify-self:start}
 .mk-header .av-brand-lockup{width:205px;--brand-mark:44px;--brand-type:38px;max-width:100%}
 .is-public .mk-header-actions{display:contents}
 .is-public .mk-header-actions>.mk-menu{grid-column:2;grid-row:1;justify-self:end}
 .is-public .mk-header-actions>.mk-balance{grid-column:1;grid-row:2;justify-self:start;min-height:42px;padding:8px 11px}
 .is-public .mk-header-actions>.mk-login{grid-column:2;grid-row:2;justify-self:end;min-height:42px;height:42px;font-size:13px;padding:9px 13px;gap:7px;margin:0}
 .is-public .mk-header-actions>.mk-login>span{display:inline}
 .mk-balance strong{font-size:16px}.mk-balance-unit{font-size:12px}
 .ch-portal-stage{min-height:calc(100svh - 118px)}
 .sidebar .av-brand-lockup{width:165px;--brand-mark:40px;--brand-type:32px;gap:12px}.auth-story .av-brand-lockup{width:215px}
 .main-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
}
@media(max-width:380px){.is-public .mk-header-inner{padding-inline:14px;gap:8px 10px}.mk-header .av-brand-lockup{width:178px;--brand-mark:42px;--brand-type:36px}.is-public .mk-header-actions>.mk-login{font-size:12px;padding-inline:11px}}
/* Keep the full service menu clear of the logo and account balance. */
@media(min-width:1301px){
 .is-public .mk-nav{display:flex;position:static;flex-direction:row;align-items:center;padding:0;border:0;box-shadow:none;background:transparent;font-size:14px;gap:14px}
 .is-public .mk-header-actions>.mk-menu{display:none}
}
@media(max-width:1300px){
 .is-public .mk-header-actions>.mk-menu{display:block}
 .is-public .mk-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;align-items:stretch;padding:18px 24px;border:0;border-bottom:1px solid #e5daee;box-shadow:0 18px 24px #35244915;background:#fff;font-size:16px;gap:4px;max-height:calc(100svh - 140px);overflow:auto}
 .is-public .mk-nav.is-open{display:flex}
 .is-public .mk-nav a{padding:12px 0;min-height:44px}
 .is-public .mk-nav a.active:after{display:none}
}
/* A solid graphite silhouette and rim shadow keep the 3D assistant visible. */
#idea-assistant .ah-launcher{width:112px;height:139px;filter:none}
#idea-assistant .ah-launcher .ah-robot{display:block;width:106px;height:106px;object-fit:contain;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 7px 6px #1a133d55)}
#idea-assistant .ah-launcher-label{background:#1b2031;color:#fff;border:1px solid #667b99;box-shadow:0 3px 12px #15162933;font-size:12px;letter-spacing:.5px;padding:6px 11px}
#idea-assistant .ah-head-robot{width:51px;height:58px;flex:0 0 51px}
#idea-assistant .ah-head-robot .ah-robot{display:block;width:100%;height:100%;object-fit:contain}
#idea-assistant .ah-head{background:linear-gradient(115deg,#e8edf7,#f0e8fc)}
.ch-active.ch-hero-visible #idea-assistant .ah-launcher:not(.is-open){visibility:visible;pointer-events:auto}
@media(prefers-reduced-motion:no-preference){:root:not(.motion-disabled) #idea-assistant .ah-launcher .ah-robot{animation:ah-float 4.5s ease-in-out infinite}}
#idea-assistant .ah-launcher.is-dragging .ah-robot{animation:none;transform:rotate(-5deg)}
.ch-paused #idea-assistant .ah-launcher .ah-robot{animation-play-state:paused!important}
@media(max-width:600px){#idea-assistant .ah-launcher{width:78px;height:98px}#idea-assistant .ah-launcher .ah-robot{width:76px;height:76px}#idea-assistant .ah-launcher-label{display:block;font-size:10px;padding:4px 8px}}
@media(prefers-reduced-motion:reduce){#idea-assistant .ah-robot{animation:none!important}}
.motion-disabled #idea-assistant .ah-robot{animation:none!important}

/* Selected lime/fuchsia hero keeps dark readable live text. */
.ch-theme-lime .ch-portal-stage{background:#e5fc08}
.ch-theme-lime .ch-portal-stage::after{background:linear-gradient(90deg,#e5fc082b 0%,#e5fc0818 30%,#e5fc0800 49%)}
.ch-home .ch-theme-lime .ch-copy h1{color:#271737}.ch-theme-lime .ch-eyebrow{color:#42245c}.ch-home .ch-theme-lime .ch-lead{color:#332140}.ch-theme-lime .ch-note{color:#3f2c4d}
@media(max-width:1100px){.ch-theme-lime .ch-portal-backdrop::after{background:linear-gradient(180deg,#e5fc08 0%,#e5fc08dd 5%,#e5fc0800 25%)}}

/* Selected agent city: quiet lilac copy area, complete working scene on the right. */
.ch-theme-agents .ch-portal-stage{background:#eee5fc}
.ch-theme-agents .ch-portal-backdrop img{object-position:right center}
.ch-theme-agents .ch-portal-stage::after{background:linear-gradient(90deg,#f8f4fff8 0%,#f8f4fff0 28%,#f8f4ffe3 38%,#f8f4ffa6 45%,#f8f4ff00 58%)}
.ch-home .ch-theme-agents .ch-copy h1{color:#21152f}.ch-theme-agents .ch-eyebrow{color:#422354;font-weight:700}.ch-home .ch-theme-agents .ch-lead{color:#291b38;font-weight:500;line-height:1.6}.ch-theme-agents .ch-note{color:#362443;font-weight:500}.ch-theme-agents .ch-help{color:#4d1d88;font-weight:700}
@media(max-width:1100px){.ch-theme-agents .ch-portal-backdrop{width:100%;height:clamp(300px,87vw,640px)}.ch-theme-agents .ch-portal-backdrop img{right:0}.ch-theme-agents .ch-portal-backdrop::after{background:linear-gradient(180deg,#eee5fc 0%,#eee5fc77 6%,#eee5fc00 19%)}.ch-theme-agents .ch-copy{padding-bottom:calc(clamp(300px,87vw,640px) + 24px)}}

/* Selected light portfolio gallery: readable live copy and broad view of the exhibits. */
.ch-theme-gallery .ch-portal-stage{background:#f5f2ee}
.ch-theme-gallery .ch-portal-backdrop img{object-position:right center}
.ch-theme-gallery .ch-portal-stage::after{background:linear-gradient(90deg,#fbf8f4fa 0%,#fbf8f4f2 25%,#fbf8f4d9 34%,#fbf8f480 42%,#fbf8f400 53%)}
.ch-hero-portal.ch-theme-gallery .ch-copy{width:33%;max-width:540px}
.ch-home .ch-theme-gallery .ch-copy h1{color:#211b2f}.ch-theme-gallery .ch-eyebrow{color:#432b59;font-weight:700}.ch-home .ch-theme-gallery .ch-lead{color:#302638;font-weight:500;line-height:1.6}.ch-theme-gallery .ch-note{color:#403548;font-weight:500}.ch-theme-gallery .ch-help{color:#542393;font-weight:700}
@media(max-width:1100px){.ch-theme-gallery .ch-portal-backdrop{width:100%;height:clamp(260px,72vw,560px)}.ch-theme-gallery .ch-portal-backdrop img{width:100%;height:100%;object-fit:cover;object-position:right center}.ch-theme-gallery .ch-portal-backdrop::after{background:linear-gradient(180deg,#f5f2ee 0%,#f5f2ee80 5%,#f5f2ee00 18%)}.ch-hero-portal.ch-theme-gallery .ch-copy{width:100%;max-width:600px;padding-bottom:calc(clamp(260px,72vw,560px) + 24px)}}
@media(max-width:760px){
 .ch-theme-gallery .ch-portal-stage{min-height:0}
 .ch-hero-portal.ch-theme-gallery .ch-copy{padding-bottom:calc(clamp(260px,72vw,560px) + 12px)}
}

/* Let the first display stand clear the desktop headline. */
@media(min-width:1101px){.ch-theme-gallery .ch-portal-backdrop{transform:translateX(clamp(110px,12vw,230px))}.ch-theme-gallery .ch-portal-stage{overflow:hidden}}
