.pixel-icon{display:inline-block;flex-shrink:0;width:24px;height:24px;vertical-align:middle;background:currentColor;-webkit-mask:var(--pixel-icon) center/contain no-repeat;mask:var(--pixel-icon) center/contain no-repeat;pointer-events:none}

/* Both states share a grid cell, so toggles keep the same footprint. */
.header .sound-toggle>.pixel-icon{grid-area:1/1;width:24px;height:24px}
.sound-toggle[aria-pressed="false"]>.sound-icon-on,.sound-toggle[aria-pressed="true"]>.sound-icon-off{display:none}
.header .menu-toggle[aria-expanded]{width:auto;min-width:44px;min-height:44px;margin-left:8px;padding:0;gap:0;place-items:center;background:transparent;color:var(--brand-carbon)}
.header .menu-toggle[aria-expanded]>.menu-toggle-label{display:block;grid-area:1/1;width:auto;height:auto;background:none;transform:none;transition:none;font:500 18px/1.2 var(--button-font);white-space:nowrap}
.header .menu-toggle[aria-expanded="false"]>.menu-label-close,.header .menu-toggle[aria-expanded="true"]>.menu-label-open{visibility:hidden}
.header .menu-toggle:is(:hover,:focus-visible){color:var(--brand-carbon);background:var(--brand-acid)}
.mobile-menu-language-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mobile-menu-languages{margin-top:18px;padding-top:22px;border-top:1px solid var(--line)}
.mobile-nav .mobile-menu-language-links>a{display:grid;place-items:center;min-width:44px;min-height:40px;padding:8px;border:1px solid var(--line);font:500 14px/1 var(--button-font);letter-spacing:0}
.mobile-menu-language-links>a[aria-current],.mobile-menu-language-links>a:hover,.mobile-menu-language-links>a:focus-visible{background:var(--brand-acid);color:var(--brand-carbon);border-color:var(--brand-acid)}
@media(max-width:1350px){
  .header .language-control{display:none}
  .mobile-nav{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:620px){
  .header .menu-toggle[aria-expanded]{min-height:34px;margin-left:2px}
  .header .menu-toggle[aria-expanded]>.menu-toggle-label{font-size:16px}
}

.language-trigger[aria-expanded] .language-indicator::before{content:none}
.language-trigger .language-indicator{display:grid;place-items:center;width:12px;height:12px}
.language-indicator>.pixel-icon{grid-area:1/1;width:12px;height:12px}
.language-trigger[aria-expanded="false"] .icon-collapse,.language-trigger[aria-expanded="true"] .icon-expand{display:none}
.language-check{display:grid;place-items:center;width:16px}
.language-check>.pixel-icon{width:12px;height:12px}

.details-sign,details[open]>summary .details-sign{display:grid;place-items:center;width:24px;height:24px;transform:none}
.details-sign>.pixel-icon{grid-area:1/1}
.details-sign>.icon-collapse,details[open]>summary .details-sign>.icon-expand{display:none}
details[open]>summary .details-sign>.icon-collapse{display:block}
.contact-select-trigger>[data-select-indicator]{display:grid;place-items:center;width:24px;height:24px}
[data-select-indicator]>.pixel-icon{grid-area:1/1}
.contact-select-trigger[aria-expanded="false"] .icon-collapse,.contact-select-trigger[aria-expanded="true"] .icon-expand{display:none}

.dialog-close,.mark-dialog-controls button,.preview-notice button{display:grid;place-items:center;padding:0}
.preview-notice button>.pixel-icon{width:12px;height:12px}
[data-animation-label]{display:grid;place-items:center}
.motion-arrow>.pixel-icon{display:block;width:100%;height:100%}
.motion-footer-arrow{width:24px;height:24px}
.cj-footer-heart{width:16px;height:16px}

.header .menu-toggle>.menu-toggle-icon,.mobile-menu-tools{display:none}
/* CJ-style phone header: a wordmark and one menu toggle. Utilities live inside. */
@media(max-width:767px){
  html .header{padding-block:12px;gap:16px}
  html .header .header-tools{margin-left:auto;gap:0}
  html .header .header-tools>.sound-toggle,html .header .header-tools>.contact-button{display:none}
  html .header .menu-toggle[aria-expanded]{width:44px;height:44px;min-height:44px;margin:0;padding:0}
  html .header .menu-toggle[aria-expanded]>.menu-toggle-label{display:none}
  html .header .menu-toggle[aria-expanded]>.menu-toggle-icon{display:block;grid-area:1/1;width:24px;height:24px;background:currentColor;transform:none;transition:none}
  html .header .menu-toggle[aria-expanded="false"]>.menu-icon-close,html .header .menu-toggle[aria-expanded="true"]>.menu-icon-open{display:none}
  html .header .mobile-nav{padding:12px var(--page-pad) 28px;gap:0;max-height:calc(100dvh - 90px)}
  html .header .mobile-nav>a{display:flex;align-items:center;min-height:72px;padding:18px 0;font-size:20px;text-transform:uppercase;letter-spacing:0}
  html .header .mobile-menu-tools{display:flex;padding-top:18px}
  html .header .mobile-menu-tools .sound-toggle{margin:0;width:44px;height:44px;flex-basis:44px}
}