/* IXC enterprise quality layer. Loaded after the legacy stylesheet. */
:root {
  --ixc-black: #030305;
  --ixc-ink: #08080b;
  --ixc-white: #fff;
  --ixc-paper: #f7f7f8;
  --ixc-soft: #f0eef4;
  --ixc-line: rgba(8, 8, 11, 0.16);
  --ixc-line-dark: rgba(255, 255, 255, 0.22);
  --ixc-muted: #555b66;
  --ixc-muted-dark: rgba(255, 255, 255, 0.78);
  --ixc-purple: #51237d;
  --ixc-purple-bright: #7b3fbd;
  --ixc-purple-on-dark: #9f68e6;
  --ixc-purple-soft: #c9a7f2;
  --ixc-edge: clamp(2rem, 6.25vw, 8.75rem);
  --ixc-section: clamp(6.5rem, 11vw, 13.5rem);
  --ixc-gap: clamp(1.25rem, 2.6vw, 3rem);
  --ixc-radius: 0;
}

html {
  background: var(--ixc-white) !important;
  color: var(--ixc-ink) !important;
  overflow-x: clip !important;
  font-size: clamp(14px, 0.72vw + 6.5px, 18px);
}

body {
  margin: 0 !important;
  background: var(--ixc-white) !important;
  color: var(--ixc-ink) !important;
  font-family: var(--font-sans, "Pretendard Variable", "Pretendard", "Noto Sans KR", Arial, sans-serif) !important;
  letter-spacing: 0 !important;
  text-rendering: geometricPrecision;
  overflow-x: clip !important;
}

body,
button,
input,
textarea,
select {
  font-family: inherit !important;
}

img,
video {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.reveal,
.reveal.visible,
.page-hero.reveal,
.page-hero.reveal.visible,
.newsroom-hero.reveal,
.newsroom-hero.reveal.visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

.reveal *,
.reveal.visible * {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

.site-header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 9000 !important;
  height: clamp(4.75rem, 5.8vw, 6.25rem) !important;
  min-height: 0 !important;
  padding: 0 var(--ixc-edge) !important;
  display: grid !important;
  grid-template-columns: minmax(10rem, 1fr) auto minmax(3rem, 1fr) !important;
  align-items: center !important;
  gap: clamp(1rem, 2vw, 2.5rem) !important;
  background: rgba(245, 245, 246, 0.82) !important;
  border-bottom: 1px solid rgba(8, 8, 11, 0.08) !important;
  backdrop-filter: blur(1.25rem) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(1.25rem) saturate(1.08) !important;
  transition: transform 260ms ease, background-color 260ms ease !important;
}

.site-header.is-hidden {
  transform: translate3d(0, -110%, 0) !important;
}

.brand {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
}

.brand-logo {
  display: block !important;
  width: clamp(6.2rem, 7.6vw, 9.6rem) !important;
  height: auto !important;
  object-fit: contain !important;
}

.gnb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(1.6rem, 2.45vw, 3.2rem) !important;
}

.gnb a {
  position: relative !important;
  padding-block: 0.55rem !important;
  color: #09090b !important;
  -webkit-text-fill-color: #09090b !important;
  font-size: clamp(0.9rem, 0.42vw + 0.72rem, 1.18rem) !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.gnb a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -0.75rem !important;
  height: 2px !important;
  background: #09090b !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 220ms ease !important;
}

.gnb a:hover::after,
.gnb a:focus-visible::after,
.gnb a.active::after {
  transform: scaleX(1) !important;
}

.tools {
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
}

.hamburger {
  width: clamp(2.65rem, 3vw, 3.2rem) !important;
  height: clamp(2.65rem, 3vw, 3.2rem) !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

.hamburger::before,
.hamburger::after,
.hamburger > span:first-child {
  content: "" !important;
  display: block !important;
  width: clamp(1.65rem, 2vw, 2rem) !important;
  height: 2px !important;
  background: #09090b !important;
  grid-area: 1 / 1 !important;
}

.hamburger::before {
  transform: translateY(-0.48rem) !important;
}

.hamburger::after {
  transform: translateY(0.48rem) !important;
}

.nav-depth {
  display: none !important;
}

.menu {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  width: 100vw !important;
  height: 100svh !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
  padding: clamp(6.5rem, 9vw, 8rem) var(--ixc-edge) clamp(4.5rem, 8vw, 7rem) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(123, 63, 189, 0.38), transparent 32rem),
    radial-gradient(circle at 88% 18%, rgba(201, 167, 242, 0.18), transparent 30rem),
    linear-gradient(135deg, #08050c 0%, #170c23 52%, #020203 100%) !important;
  color: #fff !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
  transition: opacity 240ms ease, visibility 240ms ease !important;
}

.menu.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.menu-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(1.25rem, 2.3vw, 2.8rem) !important;
  width: min(100%, 92rem) !important;
  max-width: calc(100vw - var(--ixc-edge) * 2) !important;
  margin: 0 auto !important;
}

.menu-grid section {
  min-width: 0 !important;
  padding-top: clamp(1.3rem, 2vw, 2.1rem) !important;
  border-top: 1px solid rgba(201, 167, 242, 0.38) !important;
}

.menu-primary {
  display: grid !important;
  gap: 1.1rem !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(1rem, 0.55vw + 0.82rem, 1.35rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.menu-primary span {
  color: var(--ixc-purple-soft) !important;
  -webkit-text-fill-color: var(--ixc-purple-soft) !important;
  font-size: 0.75rem !important;
}

.menu-links {
  display: grid !important;
  gap: 1.05rem !important;
  margin-top: clamp(2rem, 3.5vw, 3.2rem) !important;
}

.menu-links a {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(0.92rem, 0.35vw + 0.82rem, 1.12rem) !important;
  font-weight: 620 !important;
  line-height: 1.4 !important;
}

.menu-links a:hover,
.menu-links a:focus-visible {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.menu-close {
  position: fixed !important;
  top: clamp(1.4rem, 2.6vw, 2.25rem) !important;
  right: var(--ixc-edge) !important;
  width: clamp(3rem, 3.6vw, 3.6rem) !important;
  height: clamp(3rem, 3.6vw, 3.6rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.menu-close::before,
.menu-close::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 1.55rem !important;
  height: 2px !important;
  background: #fff !important;
}

.menu-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.menu-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

main,
.page-main {
  min-height: 60svh !important;
  background: var(--ixc-white) !important;
}

.hero,
.corporate-hero,
.product-cinematic-hero,
.media-hero,
.what,
.cinematic-statement,
.qoretix-band,
.what-proof-band {
  position: relative !important;
  overflow: hidden !important;
  color: #fff !important;
  background: var(--ixc-black) !important;
}

.hero *,
.corporate-hero *,
.product-cinematic-hero *,
.media-hero *,
.what *,
.cinematic-statement *,
.qoretix-band *,
.what-proof-band * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

.hero,
.corporate-hero,
.product-cinematic-hero {
  min-height: clamp(42rem, 82svh, 58rem) !important;
  display: grid !important;
  align-items: end !important;
  padding: clamp(8rem, 13vw, 13rem) var(--ixc-edge) clamp(5.2rem, 8vw, 7.5rem) !important;
}

.media-hero {
  min-height: clamp(28rem, 56svh, 40rem) !important;
  display: grid !important;
  align-items: end !important;
  padding: clamp(8rem, 13vw, 13rem) var(--ixc-edge) clamp(4.8rem, 7vw, 6.5rem) !important;
  background: #fff !important;
  color: var(--ixc-ink) !important;
}

.hero-video,
.corporate-hero > img,
.product-cinematic-bg,
.qoretix-band > img,
.what-proof-band > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.03) !important;
  opacity: 0.78 !important;
}

.hero::after,
.corporate-hero::after,
.product-cinematic-hero::after,
.qoretix-band::after,
.what-proof-band::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.45) 44%, rgba(0, 0, 0, 0.18)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.86)) !important;
  pointer-events: none !important;
}

.hero-copy,
.corporate-hero > div,
.product-hero-copy {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 66rem) !important;
  margin: 0 !important;
}

.hero-kicker,
.corporate-hero p,
.product-hero-copy p:first-child,
.product-hero-copy span,
.media-hero p,
.section-title span,
.ixc-section-head p,
.product-section-head p,
.product-eyebrow,
.home-split-copy p,
.qoretix-band p,
.why-plain-hero p,
.why-manifest-copy p,
.why-closing p {
  margin: 0 0 clamp(0.9rem, 1.35vw, 1.4rem) !important;
  color: var(--ixc-purple-bright) !important;
  -webkit-text-fill-color: var(--ixc-purple-bright) !important;
  font-size: clamp(0.78rem, 0.32vw + 0.72rem, 0.98rem) !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.hero h1,
.corporate-hero h1,
.product-hero-copy h1 {
  margin: 0 !important;
  max-width: 17ch !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(3.7rem, 6.2vw, 8.2rem) !important;
  font-weight: 660 !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
}

.product-hero-copy h1 {
  max-width: 12ch !important;
  font-size: clamp(4.2rem, 7vw, 8.5rem) !important;
}

.product-hero-copy h2 {
  margin: clamp(1rem, 1.8vw, 1.7rem) 0 0 !important;
  max-width: 18ch !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(1.7rem, 2.4vw, 3.25rem) !important;
  font-weight: 720 !important;
  line-height: 1.18 !important;
  word-break: keep-all !important;
}

.hero-lead,
.corporate-hero span,
.product-hero-copy p:last-child,
.media-hero span {
  display: block !important;
  margin: clamp(1.5rem, 2.5vw, 2.5rem) 0 0 !important;
  max-width: 52rem !important;
  color: rgba(255, 255, 255, 0.86) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
  font-size: clamp(1.05rem, 0.8vw + 0.8rem, 1.55rem) !important;
  font-weight: 520 !important;
  line-height: 1.72 !important;
  word-break: keep-all !important;
}

.media-hero h1 {
  margin: 0 !important;
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: var(--ixc-ink) !important;
  font-size: clamp(4rem, 7vw, 8.6rem) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  word-break: keep-all !important;
}

.media-hero span {
  color: #434955 !important;
  -webkit-text-fill-color: #434955 !important;
}

.hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  margin-top: clamp(1.8rem, 3vw, 3rem) !important;
}

.hero-actions a,
.arrow-link,
.ixc-cta-band .arrow-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 3.25rem !important;
  padding: 0.9rem 1.35rem !important;
  border: 1px solid currentColor !important;
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: var(--ixc-ink) !important;
  background: transparent !important;
  font-size: 0.92rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.hero-actions a,
.arrow-link.light,
.qoretix-band .arrow-link,
.what-proof-band .arrow-link {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.down {
  position: absolute !important;
  z-index: 3 !important;
  right: var(--ixc-edge) !important;
  bottom: clamp(2.25rem, 4vw, 4rem) !important;
  width: clamp(3.2rem, 4.2vw, 4.6rem) !important;
  height: clamp(3.2rem, 4.2vw, 4.6rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.56) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: 0.45rem !important;
}

.down::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 47% !important;
  width: 1rem !important;
  height: 1rem !important;
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.hero-line {
  margin-top: clamp(1.5rem, 3vw, 3rem) !important;
  width: min(100%, 70rem) !important;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.26) !important;
}

.hero-line span {
  display: block !important;
  height: 100% !important;
  width: 36% !important;
  background: #fff !important;
}

.mission,
.home-flow,
.home-business,
.home-split,
.partners,
.home-careers,
.ixc-identity,
.ixc-flywheel,
.ixc-leadership,
.ixc-proof-wall,
.ixc-company-table,
.ixc-split-story,
.history-cinema,
.what-overview-map,
.what-business-board,
.product-section,
.media-toolbar,
.newsroom-feature,
.media-product-grid,
.career-lead,
.career-jobs,
.career-process,
.why-plain-hero,
.why-manifest-copy,
.why-belief-stack,
.why-commitment-grid,
.why-closing,
.ixc-cta-band {
  position: relative !important;
  padding: var(--ixc-section) var(--ixc-edge) !important;
  background: #fff !important;
  color: var(--ixc-ink) !important;
}

.mission-text-only,
.home-flow,
.ixc-identity,
.why-plain-hero {
  display: grid !important;
  min-height: clamp(30rem, 58svh, 42rem) !important;
  align-items: center !important;
}

.mission-copy,
.section-title,
.ixc-section-head,
.product-section-head,
.career-jobs-head {
  width: min(100%, 72rem) !important;
}

.mission-copy h2,
.section-title h2,
.ixc-section-head h2,
.ixc-identity h2,
.why-plain-hero h1,
.why-manifest-copy h2,
.why-closing h2,
.home-split-copy h2,
.qoretix-band h2,
.what-proof-band h2,
.career-lead-copy h2,
.ixc-company-table h2 {
  margin: 0 !important;
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: var(--ixc-ink) !important;
  font-size: clamp(2.8rem, 5.2vw, 7.25rem) !important;
  font-weight: 620 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
}

.mission-copy span,
.section-title p,
.ixc-section-head span,
.ixc-identity span,
.why-plain-hero span,
.why-manifest-copy span,
.why-closing span,
.home-split-copy span,
.career-lead-copy span,
.ixc-company-table span,
.ixc-company-table strong {
  display: block !important;
  margin-top: clamp(1.35rem, 2.5vw, 2.35rem) !important;
  max-width: 58rem !important;
  color: #454b56 !important;
  -webkit-text-fill-color: #454b56 !important;
  font-size: clamp(1.05rem, 0.7vw + 0.85rem, 1.45rem) !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  word-break: keep-all !important;
}

.home-flow-grid,
.ixc-step-grid,
.ixc-leader-grid,
.ixc-proof-grid,
.why-commitment-grid,
.career-value-grid,
.career-role-list,
.product-service-grid,
.product-case-grid,
.recommend-grid,
.difference-grid,
.media-product-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--ixc-gap) !important;
  margin-top: clamp(3rem, 5vw, 5.5rem) !important;
}

.ixc-proof-grid,
.why-commitment-grid,
.product-service-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.home-flow-grid article,
.ixc-step-grid article,
.ixc-leader-grid article,
.ixc-proof-grid article,
.why-commitment-grid article,
.career-value-grid article,
.career-role-list article,
.product-service-grid article,
.product-case-grid article,
.product-case-grid .product-case-card,
.recommend-grid article,
.difference-grid article,
.media-card,
.what-business-card {
  min-width: 0 !important;
  border-top: 1px solid var(--ixc-line) !important;
  padding-top: clamp(1.25rem, 2.2vw, 2rem) !important;
  background: transparent !important;
  color: var(--ixc-ink) !important;
}

.product-case-grid .product-case-card {
  display: block !important;
  text-decoration: none !important;
  outline-offset: 0.35rem !important;
}

article span,
.home-flow-grid span,
.ixc-step-grid span,
.ixc-proof-grid span,
.career-role-list span,
.product-case-grid .product-case-card span,
.what-business-card span,
.media-card span {
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-weight: 850 !important;
}

.product-case-grid .product-case-card span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin-top: clamp(1rem, 1.4vw, 1.5rem) !important;
  font-size: 0.9rem !important;
}

.product-case-grid .product-case-card:hover h3,
.product-case-grid .product-case-card:focus-visible h3 {
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
}

article h3,
.home-flow-grid h3,
.ixc-step-grid h3,
.ixc-leader-grid h3,
.ixc-proof-grid h3,
.why-commitment-grid h3,
.career-value-grid h3,
.career-role-list h3,
.product-service-grid h3,
.product-case-grid h3,
.recommend-grid h3,
.difference-grid h3,
.media-card h2,
.what-business-card h2 {
  margin: clamp(1.1rem, 1.8vw, 1.7rem) 0 0 !important;
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: var(--ixc-ink) !important;
  font-size: clamp(1.28rem, 1.1vw + 0.9rem, 2rem) !important;
  font-weight: 780 !important;
  line-height: 1.35 !important;
  word-break: keep-all !important;
}

article p,
.home-flow-grid p,
.ixc-step-grid p,
.ixc-leader-grid p,
.ixc-proof-grid p,
.why-commitment-grid p,
.career-value-grid p,
.career-role-list p,
.product-service-grid p,
.product-case-grid p,
.recommend-grid p,
.difference-grid p,
.media-card time,
.what-business-card p,
.what-business-card strong {
  margin: clamp(0.9rem, 1.4vw, 1.25rem) 0 0 !important;
  color: #4c5260 !important;
  -webkit-text-fill-color: #4c5260 !important;
  font-size: clamp(0.98rem, 0.35vw + 0.86rem, 1.18rem) !important;
  font-weight: 500 !important;
  line-height: 1.72 !important;
  word-break: keep-all !important;
}

.cinematic-statement {
  min-height: 100svh !important;
  display: grid !important;
  place-items: center !important;
  padding: var(--ixc-section) var(--ixc-edge) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(81, 35, 125, 0.2), transparent 34rem),
    #000 !important;
}

.cinematic-statement > div {
  width: min(100%, 78rem) !important;
  text-align: center !important;
}

.cinematic-statement h2 {
  margin: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(3.2rem, 6.5vw, 8rem) !important;
  font-weight: 540 !important;
  line-height: 1.14 !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
}

.what {
  min-height: 300svh !important;
  padding: 0 !important;
}

.what-stage {
  position: sticky !important;
  top: 0 !important;
  min-height: 100svh !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
}

.what-bg {
  position: absolute !important;
  inset: 0 !important;
}

.what-bg img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: var(--what-bg-opacity, 0) !important;
  transform: scale(var(--what-bg-scale, 1.08)) !important;
  transition: opacity 420ms ease !important;
}

.what-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(0,0,0,0.84), rgba(0,0,0,0.36) 58%, rgba(0,0,0,0.78)) !important;
}

.what-track {
  position: relative !important;
  z-index: 2 !important;
  min-height: 100svh !important;
  display: grid !important;
  align-items: center !important;
  padding: clamp(8rem, 12vw, 12rem) var(--ixc-edge) !important;
}

.what-panel {
  grid-area: 1 / 1 !important;
  opacity: var(--what-item-opacity, 0) !important;
  transform: translate3d(0, var(--what-item-offset, 0), 0) scale(var(--what-item-scale, 1)) !important;
  transition: opacity 300ms ease, transform 420ms ease !important;
  pointer-events: none !important;
}

.what-panel.active {
  pointer-events: auto !important;
}

.what-panel-copy {
  width: min(100%, 58rem) !important;
}

.what-panel-copy p {
  color: var(--ixc-purple-soft) !important;
  -webkit-text-fill-color: var(--ixc-purple-soft) !important;
  font-weight: 850 !important;
}

.what-panel-copy h2 {
  margin: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(3.4rem, 5.4vw, 7.25rem) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  word-break: keep-all !important;
}

.home-split,
.ixc-split-story,
.product-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 1.1fr) !important;
  gap: clamp(3rem, 6vw, 7rem) !important;
  align-items: center !important;
}

.home-split.is-reverse,
.ixc-split-story.is-reverse {
  grid-template-columns: minmax(20rem, 1.1fr) minmax(0, 0.9fr) !important;
}

.home-split.is-reverse > img,
.ixc-split-story.is-reverse > img {
  order: -1 !important;
}

.home-split img,
.ixc-split-story img,
.product-intro img,
.recommend-grid img,
.difference-grid img,
.product-case-grid img,
.media-card img,
.newsroom-feature img,
.what-business-card img {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  display: block !important;
  filter: saturate(0.88) contrast(1.05) !important;
}

.qoretix-band,
.what-proof-band {
  min-height: 100svh !important;
  display: grid !important;
  align-items: center !important;
  padding: var(--ixc-section) var(--ixc-edge) !important;
}

.qoretix-band > div,
.what-proof-band > div {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 58rem) !important;
}

.qoretix-band h2,
.what-proof-band h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.qoretix-band span,
.what-proof-band span {
  display: block !important;
  margin-top: 1.5rem !important;
  max-width: 52rem !important;
  color: rgba(255,255,255,0.82) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.82) !important;
  font-size: clamp(1.05rem, 0.6vw + 0.86rem, 1.32rem) !important;
  line-height: 1.75 !important;
}

.partners {
  background: linear-gradient(180deg, #fff 0%, #f7f3fb 100%) !important;
}

.partner-flow {
  margin-top: clamp(3rem, 5vw, 5rem) !important;
  display: grid !important;
  gap: 1rem !important;
  overflow: hidden !important;
}

.partner-track {
  display: flex !important;
  width: max-content !important;
  gap: 1rem !important;
  animation: ixc-marquee 32s linear infinite !important;
}

.is-bottom .partner-track {
  animation-direction: reverse !important;
  animation-duration: 38s !important;
}

.partner-logo {
  width: clamp(8rem, 11vw, 12rem) !important;
  height: clamp(4rem, 5vw, 5.8rem) !important;
  display: grid !important;
  place-items: center !important;
  background: #fff !important;
  border: 1px solid rgba(8, 8, 11, 0.08) !important;
  padding: 0.8rem !important;
}

.partner-logo.is-wide {
  width: clamp(10rem, 13vw, 14rem) !important;
}

.partner-logo img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  filter: grayscale(1) contrast(1.02) !important;
  opacity: 0.86 !important;
}

@keyframes ixc-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.product-tabs {
  position: sticky !important;
  top: 0 !important;
  z-index: 5000 !important;
  padding: clamp(1rem, 1.6vw, 1.4rem) var(--ixc-edge) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid rgba(8, 8, 11, 0.09) !important;
  backdrop-filter: blur(1rem) !important;
  -webkit-backdrop-filter: blur(1rem) !important;
}

body:not(.header-hidden) .product-tabs {
  top: clamp(4.75rem, 5.8vw, 6.25rem) !important;
}

.product-breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  color: #454b56 !important;
  font-size: 0.82rem !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
  margin-bottom: 1.2rem !important;
}

.product-breadcrumb > span {
  display: inline !important;
  color: #8c929b !important;
}

.product-tab-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(1.5rem, 3vw, 4rem) !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.product-tab-links::-webkit-scrollbar {
  display: none !important;
}

.product-tab-links a {
  position: relative !important;
  flex: 0 0 auto !important;
  padding: 0.7rem 0 1.15rem !important;
  color: #555b66 !important;
  -webkit-text-fill-color: #555b66 !important;
  font-size: clamp(0.9rem, 0.45vw + 0.78rem, 1.12rem) !important;
  font-weight: 790 !important;
}

.product-tab-links a.active {
  color: #09090b !important;
  -webkit-text-fill-color: #09090b !important;
}

.product-tab-links a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  background: #09090b !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
}

.product-tab-links a.active::after {
  transform: scaleX(1) !important;
}

.product-section {
  scroll-margin-top: 11rem !important;
}

.product-section h2,
.product-section-head h2 {
  margin: 0 !important;
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: var(--ixc-ink) !important;
  font-size: clamp(2.4rem, 4.2vw, 5.8rem) !important;
  font-weight: 660 !important;
  line-height: 1.15 !important;
  word-break: keep-all !important;
}

.product-intro span {
  color: #454b56 !important;
  -webkit-text-fill-color: #454b56 !important;
  font-size: clamp(1.05rem, 0.65vw + 0.85rem, 1.35rem) !important;
  line-height: 1.76 !important;
}

.product-process {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  margin-top: clamp(3rem, 5vw, 5rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: #060607 !important;
}

.product-process span {
  min-height: 8rem !important;
  padding: 1.5rem !important;
  border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
  font-weight: 760 !important;
  display: grid !important;
  align-content: space-between !important;
}

.product-process b {
  color: var(--ixc-purple-soft) !important;
  -webkit-text-fill-color: var(--ixc-purple-soft) !important;
}

.why-wide-media {
  position: relative !important;
  min-height: 190svh !important;
  padding: 0 !important;
  background: #fff !important;
}

.why-wide-media-sticky {
  position: sticky !important;
  top: 0 !important;
  min-height: 100svh !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(5rem, 8vw, 7rem) var(--ixc-edge) !important;
  overflow: hidden !important;
}

.why-wide-media-frame {
  width: calc(100vw - var(--ixc-edge) * 2) !important;
  max-width: 92rem !important;
  aspect-ratio: 16 / 8.5 !important;
  box-shadow: 0 2rem 4rem rgba(8, 8, 11, calc(0.12 + var(--why-media-shadow, 0.18) * 0.18)) !important;
  transform: translate3d(0, var(--why-media-y, 0), 0) scale(var(--why-media-scale, 1)) !important;
  transform-origin: center !important;
  overflow: hidden !important;
  background: #000 !important;
}

.why-wide-media-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(var(--why-media-img-scale, 1.05)) !important;
  opacity: 0.88 !important;
}

.why-belief-stack {
  padding: 0 !important;
  background: #fff !important;
}

.why-belief-row {
  display: grid !important;
  grid-template-columns: minmax(4rem, 0.2fr) minmax(0, 0.9fr) minmax(0, 1fr) !important;
  gap: clamp(1.5rem, 4vw, 5rem) !important;
  padding: clamp(4rem, 7vw, 7rem) var(--ixc-edge) !important;
  border-top: 1px solid var(--ixc-line) !important;
  color: var(--ixc-ink) !important;
}

.why-belief-row h2 {
  margin: 0 !important;
  font-size: clamp(2rem, 3vw, 4rem) !important;
  line-height: 1.2 !important;
  word-break: keep-all !important;
}

.why-belief-row p {
  margin: 0 !important;
  color: #454b56 !important;
  -webkit-text-fill-color: #454b56 !important;
  font-size: clamp(1rem, 0.55vw + 0.86rem, 1.28rem) !important;
  line-height: 1.78 !important;
}

.media-toolbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: end !important;
  gap: 2rem !important;
  border-top: 1px solid var(--ixc-line) !important;
  border-bottom: 1px solid var(--ixc-line) !important;
  padding-block: clamp(2rem, 3vw, 3rem) !important;
}

.media-toolbar div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
}

.media-toolbar button {
  min-height: 2.7rem !important;
  padding: 0 1rem !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #59606b !important;
  -webkit-text-fill-color: #59606b !important;
  font-weight: 850 !important;
}

.media-toolbar button.active {
  border-color: #09090b !important;
  color: #09090b !important;
  -webkit-text-fill-color: #09090b !important;
}

.media-toolbar label {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  color: #454b56 !important;
  -webkit-text-fill-color: #454b56 !important;
  font-weight: 800 !important;
}

.media-toolbar input {
  width: clamp(10rem, 18vw, 18rem) !important;
  border: 0 !important;
  border-bottom: 1px solid #8b919b !important;
  background: transparent !important;
  min-height: 2.5rem !important;
}

.newsroom-feature a {
  display: grid !important;
  grid-template-columns: minmax(20rem, 1.05fr) minmax(0, 0.95fr) !important;
  gap: clamp(2rem, 5vw, 6rem) !important;
  align-items: center !important;
}

.newsroom-feature h2 {
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: var(--ixc-ink) !important;
  font-size: clamp(2.4rem, 3.8vw, 5.2rem) !important;
  line-height: 1.16 !important;
  word-break: keep-all !important;
}

.media-detail {
  padding: clamp(8rem, 12vw, 12rem) var(--ixc-edge) !important;
  background: #fff !important;
  color: var(--ixc-ink) !important;
}

.media-detail header h1 {
  margin: 0 !important;
  max-width: 72rem !important;
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: var(--ixc-ink) !important;
  font-size: clamp(2.8rem, 5vw, 6.2rem) !important;
  line-height: 1.16 !important;
  word-break: keep-all !important;
}

.media-detail > img {
  display: block !important;
  width: 100% !important;
  max-height: 42rem !important;
  object-fit: cover !important;
  margin-top: clamp(3rem, 5vw, 5rem) !important;
}

.ax-article-body {
  width: min(100%, 58rem) !important;
  margin-top: clamp(3rem, 5vw, 5rem) !important;
}

.ax-article-body p {
  color: #343a44 !important;
  -webkit-text-fill-color: #343a44 !important;
  font-size: clamp(1.05rem, 0.65vw + 0.86rem, 1.36rem) !important;
  line-height: 1.85 !important;
}

.ixc-cta-band {
  background: #050506 !important;
  color: #fff !important;
}

.ixc-cta-band h2 {
  max-width: 70rem !important;
  margin: 0 0 2rem !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(2.8rem, 5vw, 6rem) !important;
  line-height: 1.14 !important;
  word-break: keep-all !important;
}

.footer {
  padding: clamp(4rem, 6vw, 6rem) var(--ixc-edge) 2rem !important;
  background: #f5f5f7 !important;
  color: var(--ixc-ink) !important;
  border-top: 1px solid rgba(8, 8, 11, 0.08) !important;
}

.footer-company {
  display: grid !important;
  grid-template-columns: minmax(8rem, 0.28fr) minmax(0, 1fr) !important;
  gap: clamp(2rem, 5vw, 6rem) !important;
  align-items: start !important;
}

.footer-logo img {
  width: clamp(6.5rem, 8vw, 10rem) !important;
}

.footer-company-copy strong,
.footer-company-copy p,
.footer-company-copy a,
.legal,
.legal a,
.legal span {
  color: #343a44 !important;
  -webkit-text-fill-color: #343a44 !important;
}

.footer-company-copy strong {
  display: block !important;
  margin-bottom: 1rem !important;
  font-size: 1.1rem !important;
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: var(--ixc-ink) !important;
}

.footer-company-copy p {
  margin: 0.35rem 0 !important;
  font-size: 0.92rem !important;
  line-height: 1.7 !important;
}

.legal {
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-top: clamp(3rem, 5vw, 5rem) !important;
  padding-top: 1.4rem !important;
  border-top: 1px solid rgba(8, 8, 11, 0.08) !important;
  font-size: 0.82rem !important;
}

.legal p {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  margin: 0 !important;
}

.legal > a {
  min-width: 3.25rem !important;
  height: 2rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(81, 35, 125, 0.28) !important;
  border-radius: 999rem !important;
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-weight: 850 !important;
}

.scroll-rail {
  position: fixed !important;
  right: clamp(1rem, 2vw, 2rem) !important;
  top: 50% !important;
  z-index: 7000 !important;
  width: 2px !important;
  height: 10rem !important;
  background: rgba(8, 8, 11, 0.16) !important;
  transform: translateY(-50%) !important;
}

.scroll-rail span {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  transform-origin: top center !important;
  background: var(--ixc-purple) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  .what {
    min-height: auto !important;
  }

  .what-stage,
  .why-wide-media-sticky {
    position: relative !important;
  }
}

@media (max-width: 70rem) {
  .site-header {
    grid-template-columns: 1fr auto !important;
  }

  .gnb {
    display: none !important;
  }

  .menu-grid,
  .home-flow-grid,
  .ixc-step-grid,
  .ixc-leader-grid,
  .ixc-proof-grid,
  .why-commitment-grid,
  .career-value-grid,
  .career-role-list,
  .product-service-grid,
  .product-case-grid,
  .recommend-grid,
  .difference-grid,
  .media-product-grid {
    grid-template-columns: 1fr !important;
  }

  .hero,
  .corporate-hero,
  .product-cinematic-hero {
    min-height: 100svh !important;
  }

  .home-split,
  .home-split.is-reverse,
  .ixc-split-story,
  .ixc-split-story.is-reverse,
  .product-intro,
  .newsroom-feature a,
  .footer-company {
    grid-template-columns: 1fr !important;
  }

  .home-split.is-reverse > img,
  .ixc-split-story.is-reverse > img {
    order: 0 !important;
  }

  .why-belief-row {
    grid-template-columns: 1fr !important;
  }

  .product-process {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 42rem) {
  :root {
    --ixc-edge: clamp(1.25rem, 6vw, 1.8rem);
    --ixc-section: clamp(4.8rem, 18vw, 6.5rem);
  }

  .brand-logo {
    width: 5.6rem !important;
  }

  .hero h1,
  .corporate-hero h1,
  .product-hero-copy h1,
  .media-hero h1,
  .mission-copy h2,
  .section-title h2,
  .ixc-section-head h2,
  .ixc-identity h2,
  .why-plain-hero h1,
  .cinematic-statement h2 {
    font-size: clamp(2.55rem, 13vw, 4.2rem) !important;
    line-height: 1.12 !important;
  }

  .product-hero-copy h2,
  .product-section h2,
  .product-section-head h2 {
    font-size: clamp(2rem, 9vw, 3.2rem) !important;
  }

  .what-panel-copy h2 {
    font-size: clamp(2.4rem, 11vw, 3.9rem) !important;
  }

  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .down {
    right: var(--ixc-edge) !important;
    bottom: 1.4rem !important;
  }

  .product-tabs {
    top: 0 !important;
  }

  .product-tab-links {
    gap: 1.35rem !important;
  }

  .scroll-rail {
    display: none !important;
  }
}

/* Final contrast locks for dark editorial bands. */
.mission.mission-text-only,
.ax-contact {
  background:
    radial-gradient(circle at 72% 28%, rgba(81, 35, 125, 0.24), transparent 28rem),
    #000 !important;
  color: #fff !important;
}

.mission.mission-text-only h2,
.mission.mission-text-only p,
.mission.mission-text-only span,
.ax-contact h2,
.ax-contact p,
.ax-contact span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.mission.mission-text-only span,
.ax-contact p {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

.mission.mission-text-only p,
.ax-contact > p {
  color: var(--ixc-purple-soft) !important;
  -webkit-text-fill-color: var(--ixc-purple-soft) !important;
}

.ax-contact .arrow-link,
.ixc-cta-band .arrow-link {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
}

/* Final layout locks: neutralize legacy high-specificity offsets from styles.css. */
.hero,
.corporate-hero,
.product-cinematic-hero,
.qoretix-band,
.what-proof-band {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  box-sizing: border-box !important;
}

.ixc-home-hero .hero-copy,
.hero .hero-copy,
.corporate-hero > div,
.product-cinematic-hero .product-hero-copy,
.qoretix-band > div,
.what-proof-band > div {
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: min(100%, 66rem) !important;
  max-width: min(100%, 66rem) !important;
  margin: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
  justify-self: start !important;
  box-sizing: border-box !important;
}

.ixc-home-hero .hero-copy h1 {
  max-width: 17ch !important;
  font-size: clamp(3.7rem, 6.2vw, 8.2rem) !important;
  font-weight: 660 !important;
  line-height: 1.06 !important;
}

.hero-actions,
.hero-actions a,
.arrow-link {
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
}

.arrow-link span,
.hero-actions span {
  background: transparent !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

.career-role-list,
.career-role-list article {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.what .what-track {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  width: min(100%, 82rem) !important;
  max-width: min(100%, 82rem) !important;
  margin: 0 auto !important;
  transform: none !important;
}

.what .what-panel {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  inline-size: 100% !important;
  min-inline-size: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  display: grid !important;
  place-items: center !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

.what .what-panel-copy {
  width: min(100%, 68rem) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 42rem) {
  .ixc-home-hero .hero-copy,
  .hero .hero-copy,
  .corporate-hero > div,
  .product-cinematic-hero .product-hero-copy,
  .qoretix-band > div,
  .what-proof-band > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero-actions a {
    width: 100% !important;
  }

  .what-track,
  .what-panel,
  .what-panel-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .what-track {
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    padding-inline: var(--ixc-edge) !important;
  }

  .what-panel {
    left: 0 !important;
    right: 0 !important;
    justify-items: center !important;
    padding-inline: 0 !important;
  }

  .what-panel-copy {
    margin-inline: auto !important;
    text-align: center !important;
    transform: none !important;
  }
}

.what .what-track {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
}

.what .what-panel,
.what .what-panel.active {
  grid-area: auto !important;
  width: 100% !important;
  inline-size: 100% !important;
  min-width: 100% !important;
  min-inline-size: 100% !important;
  max-width: none !important;
  max-inline-size: none !important;
}

.hero-kicker,
.product-cinematic-hero .product-hero-copy p:first-child,
.product-cinematic-hero .product-hero-copy span,
.qoretix-band p,
.what-panel-copy p,
.why-manifest-copy p,
.why-closing p {
  color: var(--ixc-purple-on-dark) !important;
  -webkit-text-fill-color: var(--ixc-purple-on-dark) !important;
}

.product-breadcrumb > span {
  color: #5f6670 !important;
  -webkit-text-fill-color: #5f6670 !important;
}

.product-section-head p,
body[data-template="product"] .product-services .product-section-head p {
  color: #555b66 !important;
  -webkit-text-fill-color: #555b66 !important;
}

html body.subpage .product-section-head p,
html body .product-services .product-section-head p {
  color: #555b66 !important;
  -webkit-text-fill-color: #555b66 !important;
}

.why-manifest-copy p,
.why-closing p {
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
}

/* Home page reference pass: align the main rhythm with Hanwha-style cinematic sections. */
body.home-page .site-header.is-home-hero {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.06) 70%, transparent) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.home-page .site-header.is-home-hero .brand-logo {
  content: url("./assets/ixc/ixc-signature-white.png") !important;
}

body.home-page .site-header.is-home-hero .gnb a {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}

body.home-page .site-header.is-home-hero .hamburger::before,
body.home-page .site-header.is-home-hero .hamburger::after,
body.home-page .site-header.is-home-hero .hamburger > span:first-child {
  background: #fff !important;
}

body.home-page .ixc-home-hero {
  min-height: 100svh !important;
  height: 100svh !important;
  padding: clamp(6rem, 7vw, 7.5rem) var(--ixc-edge) clamp(3.3rem, 5.4vw, 5.5rem) !important;
  align-items: end !important;
  background: #030305 !important;
}

body.home-page .ixc-home-hero::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.18) 45%, rgba(0, 0, 0, 0.78) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.16) 54%, rgba(0, 0, 0, 0.36) 100%) !important;
}

body.home-page .ixc-home-hero .hero-copy {
  align-self: end !important;
  width: min(100%, 78rem) !important;
  max-width: 78rem !important;
  padding-bottom: clamp(0.5rem, 2vw, 2rem) !important;
}

body.home-page .ixc-home-hero .hero-copy h1 {
  max-width: 15.5ch !important;
  font-size: clamp(4.2rem, 7.2vw, 9rem) !important;
  font-weight: 620 !important;
  line-height: 1.04 !important;
}

body.home-page .ixc-home-hero .hero-lead {
  max-width: 66rem !important;
  font-size: clamp(1.12rem, 0.72vw + 0.9rem, 1.55rem) !important;
  line-height: 1.72 !important;
}

body.home-page .mission.mission-text-only {
  min-height: clamp(34rem, 78svh, 49rem) !important;
  padding: clamp(9rem, 13vw, 14rem) var(--ixc-edge) clamp(5rem, 8vw, 8rem) !important;
  align-items: end !important;
  background: #fff !important;
  color: var(--ixc-ink) !important;
}

body.home-page .mission.mission-text-only .mission-copy {
  width: min(100%, 74rem) !important;
  margin: 0 !important;
}

body.home-page .mission.mission-text-only p {
  color: #0a0a0c !important;
  -webkit-text-fill-color: #0a0a0c !important;
  font-size: clamp(0.92rem, 0.38vw + 0.78rem, 1.06rem) !important;
}

body.home-page .mission.mission-text-only h2 {
  max-width: 11ch !important;
  color: #050507 !important;
  -webkit-text-fill-color: #050507 !important;
  font-size: clamp(4.3rem, 8.5vw, 10.5rem) !important;
  font-weight: 520 !important;
  line-height: 1.07 !important;
}

body.home-page .mission.mission-text-only span {
  max-width: 42rem !important;
  color: #333842 !important;
  -webkit-text-fill-color: #333842 !important;
}

body.home-page .what {
  min-height: 250svh !important;
  background: #030305 !important;
  position: relative !important;
  overflow: visible !important;
  overflow-x: clip !important;
}

body.home-page .what-stage {
  position: sticky !important;
  top: 0 !important;
  height: 100svh !important;
  min-height: 100svh !important;
  background: #030305 !important;
  overflow: hidden !important;
}

body.home-page .what-track {
  min-height: 100svh !important;
  padding: clamp(4.75rem, 7.2vw, 7rem) var(--ixc-edge) !important;
}

body.home-page .what-panel-copy {
  width: min(100%, 74rem) !important;
  margin: 0 auto !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.home-page .what-panel-copy p {
  width: 100% !important;
  margin: 0 auto clamp(0.9rem, 1.4vw, 1.35rem) !important;
  text-align: center !important;
  align-self: center !important;
}

body.home-page .what-panel-copy h2 {
  font-size: clamp(3.2rem, 5.55vw, 7.35rem) !important;
  font-weight: 560 !important;
  line-height: 1.12 !important;
}

body.home-page .home-flow {
  min-height: auto !important;
  padding: clamp(8rem, 11vw, 11rem) var(--ixc-edge) clamp(7rem, 10vw, 10rem) !important;
  background: #fff !important;
}

body.home-page .home-flow .section-title {
  width: min(100%, 76rem) !important;
}

body.home-page .home-flow .section-title h2 {
  font-size: clamp(3rem, 5.4vw, 7.4rem) !important;
  font-weight: 560 !important;
}

body.home-page .home-flow-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: clamp(4rem, 6vw, 6rem) !important;
  background: transparent !important;
  border-top: 1px solid var(--ixc-line) !important;
}

body.home-page .home-flow-grid article {
  min-height: 19rem !important;
  padding: clamp(1.6rem, 2.6vw, 2.4rem) clamp(1rem, 1.9vw, 2rem) !important;
  border-top: 0 !important;
  border-right: 1px solid var(--ixc-line) !important;
  background: #fff !important;
}

body.home-page .home-flow-grid article:first-child {
  border-left: 1px solid var(--ixc-line) !important;
}

body.home-page .cinematic-statement {
  min-height: 82svh !important;
  padding: 0 var(--ixc-edge) !important;
  display: grid !important;
  place-items: center !important;
  background: #000 !important;
}

body.home-page .cinematic-statement h2 {
  max-width: 17ch !important;
  margin-inline: auto !important;
  text-align: center !important;
  font-size: clamp(3.2rem, 5.8vw, 7.6rem) !important;
  font-weight: 360 !important;
}

body.home-page .home-split,
body.home-page .home-business,
body.home-page .partners,
body.home-page .home-careers {
  padding-top: clamp(8rem, 11vw, 11rem) !important;
  padding-bottom: clamp(8rem, 11vw, 11rem) !important;
}

@media (max-width: 62rem) {
  body.home-page .site-header.is-home-hero .brand-logo {
    width: clamp(4.2rem, 18vw, 6.2rem) !important;
  }

  body.home-page .ixc-home-hero .hero-copy h1,
  body.home-page .mission.mission-text-only h2,
  body.home-page .what-panel-copy h2,
  body.home-page .home-flow .section-title h2 {
    font-size: clamp(3.2rem, 14.5vw, 5.8rem) !important;
  }

  body.home-page .home-flow-grid {
    grid-template-columns: 1fr !important;
    border-top: 1px solid var(--ixc-line) !important;
  }

  body.home-page .home-flow-grid article,
  body.home-page .home-flow-grid article:first-child {
    min-height: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--ixc-line) !important;
  }
}

/* Final home hero override: beat the legacy high-specificity translucent header rules. */
html body.home-page .site-header[data-header].is-home-hero {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.05) 74%, transparent) !important;
  background-color: transparent !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.home-page .site-header[data-header].is-home-hero .brand-logo {
  content: url("./assets/ixc/ixc-signature-white.png") !important;
}

html body.home-page .site-header[data-header].is-home-hero .gnb a {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}

html body.home-page .site-header[data-header].is-home-hero .hamburger::before,
html body.home-page .site-header[data-header].is-home-hero .hamburger::after,
html body.home-page .site-header[data-header].is-home-hero .hamburger > span:first-child {
  background: #fff !important;
}

/* Enterprise rhythm pass: tighter Hanwha-style section cadence and responsive type hierarchy. */
html {
  overflow-x: clip !important;
}

body {
  overflow-x: clip !important;
}

:root {
  --ixc-edge: clamp(2.4rem, 7.4vw, 10.25rem);
  --ixc-section: clamp(7.5rem, 11.5vw, 15rem);
  --ixc-measure-xl: min(100%, 73rem);
  --ixc-measure-lg: min(100%, 64rem);
  --ixc-measure-md: min(100%, 52rem);
  --ixc-line-quiet: rgba(8, 8, 11, 0.14);
}

.site-header {
  padding-inline: var(--ixc-edge) !important;
}

.corporate-hero,
.product-cinematic-hero {
  min-height: calc(100svh - clamp(4.75rem, 5.8vw, 6.25rem)) !important;
  padding: clamp(7.5rem, 11vw, 12rem) var(--ixc-edge) clamp(6rem, 9vw, 9.5rem) !important;
  align-items: end !important;
}

.corporate-hero::after,
.product-cinematic-hero::after {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.83), rgba(0, 0, 0, 0.44) 46%, rgba(0, 0, 0, 0.12) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48) 46%, rgba(0, 0, 0, 0.9) 100%) !important;
}

.corporate-hero > img,
.product-cinematic-bg {
  opacity: 0.82 !important;
  transform: scale(1.01) !important;
}

.corporate-hero > div,
.product-cinematic-hero .product-hero-copy {
  width: var(--ixc-measure-lg) !important;
  max-width: 64rem !important;
}

.corporate-hero h1,
.product-cinematic-hero .product-hero-copy h1 {
  max-width: 15.5ch !important;
  font-size: clamp(3.45rem, 4.85vw, 6.45rem) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-wrap: balance !important;
}

.product-cinematic-hero .product-hero-copy h1 {
  max-width: 11ch !important;
  font-size: clamp(3.5rem, 5.3vw, 7.25rem) !important;
}

.product-cinematic-hero .product-hero-copy h2 {
  max-width: 16.5ch !important;
  font-size: clamp(1.55rem, 1.65vw, 2.55rem) !important;
  line-height: 1.24 !important;
}

.corporate-hero span,
.product-cinematic-hero .product-hero-copy p:last-child {
  max-width: 48rem !important;
  font-size: clamp(1.05rem, 0.55vw + 0.9rem, 1.38rem) !important;
  line-height: 1.72 !important;
}

.mission,
.home-flow,
.home-business,
.home-split,
.partners,
.home-careers,
.ixc-identity,
.ixc-flywheel,
.ixc-leadership,
.ixc-proof,
.ixc-proof-wall,
.ixc-company-table,
.ixc-split-story,
.history-cinema,
.what-overview-map,
.what-business-board,
.product-section,
.media-toolbar,
.newsroom-feature,
.media-product-grid,
.career-lead,
.career-jobs,
.career-process,
.why-plain-hero,
.why-manifest-copy,
.why-belief-stack,
.why-commitment-grid,
.why-closing,
.ixc-cta-band {
  padding-inline: var(--ixc-edge) !important;
}

.ixc-section-head,
.section-title,
.mission-copy,
.career-jobs-head,
.product-section-head {
  width: var(--ixc-measure-xl) !important;
  max-width: 73rem !important;
}

.ixc-section-head h2,
.section-title h2,
.mission-copy h2,
.ixc-identity h2,
.why-manifest-copy h2,
.why-closing h2,
.career-lead-copy h2,
.ixc-company-table h2 {
  max-width: 16.5ch !important;
  font-size: clamp(3rem, 5vw, 6.75rem) !important;
  font-weight: 560 !important;
  line-height: 1.12 !important;
}

.ixc-section-head span,
.section-title p,
.mission-copy span,
.ixc-identity span,
.why-manifest-copy span,
.why-closing span,
.career-lead-copy span,
.ixc-company-table span {
  max-width: 52rem !important;
  font-size: clamp(1.05rem, 0.52vw + 0.9rem, 1.34rem) !important;
  line-height: 1.78 !important;
}

.why-plain-hero {
  display: block !important;
  min-height: auto !important;
  padding-top: clamp(8.5rem, 13vw, 15rem) !important;
  padding-bottom: clamp(5rem, 8vw, 8.5rem) !important;
  text-align: left !important;
}

.why-plain-hero p,
.why-plain-hero h1,
.why-plain-hero span {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

.why-plain-hero h1 {
  max-width: 12.5ch !important;
  color: #050507 !important;
  -webkit-text-fill-color: #050507 !important;
  font-size: clamp(4rem, 7vw, 9rem) !important;
  font-weight: 520 !important;
  line-height: 1.08 !important;
}

.why-plain-hero span {
  max-width: 53rem !important;
}

.why-wide-media {
  min-height: 170svh !important;
  margin-top: 0 !important;
  background: #fff !important;
}

.why-wide-media-sticky {
  place-items: start center !important;
  padding: clamp(1.25rem, 3vw, 4rem) var(--ixc-edge) clamp(4.5rem, 8vw, 7rem) !important;
}

.why-wide-media-frame {
  width: min(calc(100vw - var(--ixc-edge) * 2), 108rem) !important;
  max-width: 108rem !important;
  aspect-ratio: 16 / 7.6 !important;
  box-shadow: 0 1.5rem 4.2rem rgba(8, 8, 11, 0.16) !important;
}

.why-manifest-copy {
  display: grid !important;
  grid-template-columns: minmax(9rem, 0.42fr) minmax(0, 1.15fr) minmax(0, 0.78fr) !important;
  gap: clamp(2rem, 5vw, 7rem) !important;
  align-items: start !important;
  padding-top: clamp(8rem, 12vw, 13rem) !important;
  padding-bottom: clamp(7rem, 10vw, 11rem) !important;
}

.why-manifest-copy p {
  margin: 0 !important;
  grid-column: 1 !important;
}

.why-manifest-copy h2 {
  grid-column: 2 !important;
  max-width: 13.5ch !important;
  font-size: clamp(2.7rem, 4.3vw, 5.8rem) !important;
}

.why-manifest-copy span {
  grid-column: 3 !important;
  margin-top: 0 !important;
  max-width: 36rem !important;
}

.why-belief-row {
  grid-template-columns: minmax(4rem, 0.18fr) minmax(0, 0.95fr) minmax(0, 1fr) !important;
  padding-top: clamp(4.5rem, 7vw, 7.5rem) !important;
  padding-bottom: clamp(4.5rem, 7vw, 7.5rem) !important;
  border-color: var(--ixc-line-quiet) !important;
}

.why-belief-row h2 {
  max-width: 13ch !important;
  font-size: clamp(2rem, 2.6vw, 3.55rem) !important;
  font-weight: 560 !important;
  line-height: 1.22 !important;
}

.why-belief-row p {
  max-width: 44rem !important;
  font-size: clamp(1rem, 0.44vw + 0.9rem, 1.22rem) !important;
}

.what-overview-map {
  padding-top: clamp(8rem, 12vw, 13rem) !important;
  padding-bottom: clamp(6rem, 9vw, 10rem) !important;
}

.what-business-board {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(2rem, 3.5vw, 4.5rem) !important;
  padding-top: clamp(2rem, 4vw, 4rem) !important;
}

.what-business-card {
  min-height: clamp(28rem, 38vw, 43rem) !important;
}

.product-section {
  padding-top: clamp(7rem, 10vw, 12rem) !important;
  padding-bottom: clamp(7rem, 10vw, 12rem) !important;
}

.product-intro {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr) !important;
  gap: clamp(3rem, 6vw, 7rem) !important;
}

.product-intro h2,
.product-section-head h2 {
  max-width: 13.5ch !important;
  font-size: clamp(2.55rem, 4.25vw, 5.65rem) !important;
  font-weight: 560 !important;
  line-height: 1.14 !important;
}

.recommend-grid,
.difference-grid,
.product-case-grid {
  gap: clamp(2.2rem, 3.4vw, 4rem) !important;
}

.product-case-grid.is-pair {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: min(100%, 82rem) !important;
}

@media (max-width: 80rem) {
  :root {
    --ixc-edge: clamp(1.7rem, 6vw, 4.5rem);
    --ixc-section: clamp(6.2rem, 13vw, 10rem);
  }

  .corporate-hero h1,
  .product-cinematic-hero .product-hero-copy h1 {
    font-size: clamp(3.2rem, 7.4vw, 5.9rem) !important;
  }

  .why-manifest-copy {
    grid-template-columns: 1fr !important;
  }

  .why-manifest-copy p,
  .why-manifest-copy h2,
  .why-manifest-copy span {
    grid-column: 1 !important;
  }

  .why-manifest-copy span {
    margin-top: clamp(1.4rem, 3vw, 2.4rem) !important;
  }

  .why-belief-row {
    grid-template-columns: minmax(3rem, 0.18fr) minmax(0, 1fr) !important;
  }

  .why-belief-row p {
    grid-column: 2 !important;
  }

  .what-business-board {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 48rem) {
  :root {
    --ixc-edge: clamp(1.25rem, 6.2vw, 1.8rem);
    --ixc-section: clamp(4.8rem, 18vw, 6.8rem);
  }

  .corporate-hero,
  .product-cinematic-hero {
    min-height: calc(100svh - 4.75rem) !important;
    padding-top: clamp(6.2rem, 21vw, 8rem) !important;
    padding-bottom: clamp(4.5rem, 16vw, 6rem) !important;
  }

  .corporate-hero h1,
  .product-cinematic-hero .product-hero-copy h1 {
    max-width: 11.5ch !important;
    font-size: clamp(2.75rem, 12vw, 4.2rem) !important;
    line-height: 1.16 !important;
  }

  .corporate-hero span,
  .product-cinematic-hero .product-hero-copy p:last-child {
    font-size: clamp(0.98rem, 4.2vw, 1.15rem) !important;
  }

  .why-plain-hero {
    padding-top: clamp(5.8rem, 22vw, 7.5rem) !important;
    padding-bottom: clamp(3.8rem, 15vw, 5.5rem) !important;
  }

  .why-plain-hero h1,
  .ixc-section-head h2,
  .section-title h2,
  .mission-copy h2,
  .why-manifest-copy h2,
  .why-closing h2,
  .career-lead-copy h2,
  .product-intro h2,
  .product-section-head h2 {
    max-width: 11.8ch !important;
    font-size: clamp(2.55rem, 11.5vw, 4rem) !important;
    line-height: 1.17 !important;
  }

  .why-wide-media {
    min-height: auto !important;
    padding: 0 var(--ixc-edge) var(--ixc-section) !important;
  }

  .why-wide-media-sticky {
    position: relative !important;
    min-height: auto !important;
    padding: 0 !important;
  }

  .why-wide-media-frame {
    width: 100% !important;
    aspect-ratio: 1 / 1.04 !important;
    transform: none !important;
  }

  .why-belief-row {
    grid-template-columns: 1fr !important;
    gap: clamp(1rem, 5vw, 1.8rem) !important;
  }

  .why-belief-row p {
    grid-column: 1 !important;
  }

  .product-intro {
    grid-template-columns: 1fr !important;
  }
}

/* Final enterprise typography lock: defeat legacy hero scale on subpages. */
html body.subpage .corporate-hero > div,
html body.subpage .product-cinematic-hero .product-hero-copy {
  width: min(100%, 60rem) !important;
  max-width: 60rem !important;
}

html body.subpage .corporate-hero h1 {
  max-width: 14.2ch !important;
  font-size: clamp(3.35rem, 4.35vw, 5.85rem) !important;
  line-height: 1.12 !important;
  font-weight: 560 !important;
}

html body.subpage .product-cinematic-hero .product-hero-copy h1 {
  max-width: 10.5ch !important;
  font-size: clamp(3.35rem, 4.75vw, 6.65rem) !important;
  line-height: 1.1 !important;
  font-weight: 560 !important;
}

html body.subpage .corporate-hero span,
html body.subpage .product-cinematic-hero .product-hero-copy p:last-child {
  max-width: 44rem !important;
  font-size: clamp(1.02rem, 0.42vw + 0.9rem, 1.24rem) !important;
  line-height: 1.72 !important;
}

html body.subpage .corporate-hero,
html body.subpage .product-cinematic-hero {
  padding-bottom: clamp(5.6rem, 8vw, 8.5rem) !important;
}

@media (max-width: 48rem) {
  html body.subpage .corporate-hero h1,
  html body.subpage .product-cinematic-hero .product-hero-copy h1 {
    font-size: clamp(2.55rem, 11.2vw, 3.9rem) !important;
    line-height: 1.18 !important;
  }
}

/* CTA integrity lock: keep legacy descendant span rules out of button arrows. */
html body .arrow-link {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.72rem !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: min(100%, 18rem) !important;
  min-height: 3.5rem !important;
  height: auto !important;
  padding: 0.95rem 1.35rem !important;
  white-space: nowrap !important;
  text-align: center !important;
}

html body .arrow-link span {
  display: inline-grid !important;
  flex: 0 0 1.45rem !important;
  place-items: center !important;
  width: 1.45rem !important;
  height: 1.45rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  border-radius: 999rem !important;
  transform: none !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .arrow-link:hover span,
html body .arrow-link:focus-visible span {
  transform: translateX(0.18rem) !important;
}

html body .home-split-copy > .arrow-link {
  margin-top: clamp(1.8rem, 2.8vw, 2.7rem) !important;
}

body.home-page .home-split {
  padding-top: clamp(5.5rem, 7.5vw, 8rem) !important;
  padding-bottom: clamp(6rem, 8.5vw, 9rem) !important;
}

body.home-page .home-split-copy h2 {
  max-width: 9.5ch !important;
}

body.home-page .home-split-copy span {
  max-width: 35rem !important;
}

html body.home-page .ixc-home-hero .hero-line {
  display: none !important;
}

html body.home-page .ixc-home-hero .down {
  left: var(--ixc-edge) !important;
  right: auto !important;
  bottom: clamp(1.25rem, 2vw, 2.4rem) !important;
}

@media (max-width: 48rem) {
  html body .arrow-link {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between !important;
    padding-inline: 1.2rem !important;
  }
}

/* Partner/outcome section lock: separate editorial title from logo flow. */
html body.home-page .partners {
  padding-top: clamp(7rem, 9vw, 10rem) !important;
  padding-bottom: clamp(7rem, 9vw, 10rem) !important;
  background: linear-gradient(180deg, #fff 0%, #f7f4fb 100%) !important;
  overflow: hidden !important;
}

html body.home-page .partners .section-title {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(1rem, 1.6vw, 1.65rem) !important;
  align-items: flex-start !important;
  width: min(100%, 86rem) !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.home-page .partners .section-title::before {
  display: none !important;
  content: none !important;
}

html body.home-page .partners .section-title span {
  margin: 0 !important;
  padding-top: 0 !important;
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-size: clamp(0.88rem, 0.32vw + 0.78rem, 1.08rem) !important;
  line-height: 1.25 !important;
}

html body.home-page .partners .section-title h2 {
  width: min(100%, 58rem) !important;
  max-width: 58rem !important;
  margin: 0 !important;
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: var(--ixc-ink) !important;
  font-size: clamp(3.05rem, 3.85vw, 5.2rem) !important;
  font-weight: 540 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  word-break: keep-all !important;
}

html body.home-page .partner-flow {
  margin-top: clamp(3.4rem, 4.6vw, 5rem) !important;
  display: grid !important;
  gap: clamp(0.9rem, 1.2vw, 1.35rem) !important;
  overflow: visible !important;
}

html body.home-page .partner-track {
  display: flex !important;
  width: max-content !important;
  gap: clamp(0.9rem, 1.2vw, 1.35rem) !important;
  animation: ixc-marquee 44s linear infinite !important;
  will-change: transform !important;
}

html body.home-page .partner-track.is-bottom {
  animation-direction: reverse !important;
  animation-duration: 52s !important;
  transform: translateX(-6rem);
}

html body.home-page .partner-logo {
  width: clamp(9rem, 10.5vw, 12.25rem) !important;
  height: clamp(4.2rem, 5vw, 5.6rem) !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(0.8rem, 1vw, 1.05rem) !important;
  border: 1px solid rgba(81, 35, 125, 0.11) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  contain: paint !important;
}

html body.home-page .partner-logo.is-wide {
  width: clamp(10.25rem, 12vw, 13.75rem) !important;
}

html body.home-page .partner-logo img {
  display: block !important;
  inline-size: auto !important;
  block-size: auto !important;
  width: auto !important;
  height: auto !important;
  max-inline-size: calc(100% - 0.25rem) !important;
  max-block-size: clamp(2.05rem, 2.9vw, 3.35rem) !important;
  max-width: calc(100% - 0.25rem) !important;
  max-height: clamp(2.05rem, 2.9vw, 3.35rem) !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: grayscale(1) contrast(1.04) !important;
  opacity: 0.82 !important;
  background: transparent !important;
  transform: none !important;
}

@media (max-width: 62rem) {
  html body.home-page .partners .section-title {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  html body.home-page .partners .section-title h2,
  html body.home-page .partners .section-title span {
    grid-column: 1 !important;
  }

  html body.home-page .partners .section-title h2 {
    max-width: 11.5ch !important;
    font-size: clamp(2.55rem, 10.5vw, 4.2rem) !important;
  }
}

/* 2026-06-16 enterprise QA lock: GNB active state, WHY editorial grid, and pinned statement motion. */
html body .site-header[data-header] .gnb a,
html body .gnb a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  height: var(--header-h, 6.25rem) !important;
  padding: 0 !important;
}

html body .site-header[data-header] .gnb a::after,
html body .gnb a::after {
  top: auto !important;
  bottom: clamp(1.32rem, 1.45vw, 1.72rem) !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: #050505 !important;
  opacity: 0 !important;
  transform: scaleX(0.22) !important;
  transform-origin: left center !important;
}

html body .site-header[data-header] .gnb a:hover::after,
html body .site-header[data-header] .gnb a:focus-visible::after,
html body .site-header[data-header] .gnb a.active::after,
html body .site-header[data-header] .gnb a[aria-current="page"]::after,
html body .gnb a.active::after,
html body .gnb a[aria-current="page"]::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

html body[data-page="why-we-exist"] .why-manifest-copy,
html body[data-page="why-we-build"] .why-manifest-copy {
  display: grid !important;
  grid-template-columns:
    minmax(7.5rem, 0.22fr)
    minmax(24rem, 0.96fr)
    minmax(22rem, 0.78fr) !important;
  column-gap: clamp(2.4rem, 5.6vw, 7.25rem) !important;
  row-gap: clamp(1.5rem, 2.2vw, 2.4rem) !important;
  align-items: start !important;
  padding-top: clamp(8rem, 11vw, 12rem) !important;
  padding-bottom: clamp(6.8rem, 9.2vw, 10rem) !important;
}

html body[data-page="why-we-exist"] .why-manifest-copy p,
html body[data-page="why-we-build"] .why-manifest-copy p {
  grid-column: 1 !important;
  margin: 0 !important;
  padding-top: clamp(0.22rem, 0.5vw, 0.55rem) !important;
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-size: clamp(0.9rem, 0.34vw + 0.78rem, 1.06rem) !important;
  font-weight: 820 !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

html body[data-page="why-we-exist"] .why-manifest-copy h2,
html body[data-page="why-we-build"] .why-manifest-copy h2 {
  grid-column: 2 !important;
  max-width: 12.6ch !important;
  margin: 0 !important;
  font-size: clamp(2.85rem, 4.15vw, 5.6rem) !important;
  font-weight: 560 !important;
  line-height: 1.13 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
}

html body[data-page="why-we-exist"] .why-manifest-copy span,
html body[data-page="why-we-build"] .why-manifest-copy span {
  grid-column: 3 !important;
  max-width: 36rem !important;
  margin: 0 !important;
  padding-top: clamp(0.18rem, 0.45vw, 0.5rem) !important;
  color: #505762 !important;
  -webkit-text-fill-color: #505762 !important;
  font-size: clamp(1.04rem, 0.5vw + 0.9rem, 1.28rem) !important;
  font-weight: 520 !important;
  line-height: 1.82 !important;
  word-break: keep-all !important;
}

html body[data-page="why-we-exist"] .why-belief-stack,
html body[data-page="why-we-build"] .why-belief-stack {
  padding: 0 var(--ixc-edge) !important;
}

html body[data-page="why-we-exist"] .why-belief-row,
html body[data-page="why-we-build"] .why-belief-row {
  display: grid !important;
  grid-template-columns:
    minmax(7.5rem, 0.22fr)
    minmax(24rem, 0.96fr)
    minmax(22rem, 0.78fr) !important;
  column-gap: clamp(2.4rem, 5.6vw, 7.25rem) !important;
  row-gap: clamp(1.25rem, 2vw, 2.2rem) !important;
  align-items: start !important;
  padding: clamp(5rem, 7.2vw, 7.6rem) 0 !important;
  border-top: 1px solid rgba(5, 5, 5, 0.14) !important;
}

html body[data-page="why-we-exist"] .why-belief-row span,
html body[data-page="why-we-build"] .why-belief-row span {
  grid-column: 1 !important;
  margin: 0 !important;
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-size: clamp(1.9rem, 2.45vw, 3.7rem) !important;
  font-weight: 320 !important;
  line-height: 1 !important;
}

html body[data-page="why-we-exist"] .why-belief-row h2,
html body[data-page="why-we-build"] .why-belief-row h2 {
  grid-column: 2 !important;
  max-width: 12.5ch !important;
  margin: 0 !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  font-size: clamp(2.1rem, 3vw, 4.5rem) !important;
  font-weight: 520 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
}

html body[data-page="why-we-exist"] .why-belief-row p,
html body[data-page="why-we-build"] .why-belief-row p {
  grid-column: 3 !important;
  max-width: 42rem !important;
  margin: 0 !important;
  color: #505762 !important;
  -webkit-text-fill-color: #505762 !important;
  font-size: clamp(1.02rem, 0.46vw + 0.9rem, 1.22rem) !important;
  line-height: 1.82 !important;
}

html body .cinematic-statement.ixc-dark-statement {
  position: relative !important;
  display: block !important;
  min-height: 290svh !important;
  padding: 0 !important;
  overflow: clip !important;
  background: #000 !important;
  color: #fff !important;
}

html body .cinematic-statement.ixc-dark-statement > div {
  position: sticky !important;
  top: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 100svh !important;
  padding: clamp(5rem, 8vw, 8rem) var(--ixc-edge) !important;
  opacity: var(--statement-opacity, 0.72) !important;
  transform:
    translate3d(0, var(--statement-lift, 0), 0)
    scale(var(--statement-scale, 0.92)) !important;
  transform-origin: center !important;
  will-change: opacity, transform !important;
}

html body .cinematic-statement.ixc-dark-statement h2 {
  width: min(100%, 82rem) !important;
  max-width: 82rem !important;
  margin: 0 auto !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(3.15rem, 6vw, 8.7rem) !important;
  font-weight: 260 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
  transform: scale(var(--statement-text-scale, 0.86)) !important;
  transform-origin: center !important;
  will-change: transform !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .cinematic-statement.ixc-dark-statement {
    min-height: auto !important;
    padding: var(--ixc-section) var(--ixc-edge) !important;
  }

  html body .cinematic-statement.ixc-dark-statement > div {
    position: relative !important;
    min-height: auto !important;
    padding: 0 !important;
    opacity: 1 !important;
    transform: none !important;
  }

  html body .cinematic-statement.ixc-dark-statement h2 {
    transform: none !important;
  }
}

@media (max-width: 62rem) {
  html body[data-page="why-we-exist"] .why-manifest-copy,
  html body[data-page="why-we-build"] .why-manifest-copy,
  html body[data-page="why-we-exist"] .why-belief-row,
  html body[data-page="why-we-build"] .why-belief-row {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="why-we-exist"] .why-manifest-copy p,
  html body[data-page="why-we-build"] .why-manifest-copy p,
  html body[data-page="why-we-exist"] .why-manifest-copy h2,
  html body[data-page="why-we-build"] .why-manifest-copy h2,
  html body[data-page="why-we-exist"] .why-manifest-copy span,
  html body[data-page="why-we-build"] .why-manifest-copy span,
  html body[data-page="why-we-exist"] .why-belief-row span,
  html body[data-page="why-we-build"] .why-belief-row span,
  html body[data-page="why-we-exist"] .why-belief-row h2,
  html body[data-page="why-we-build"] .why-belief-row h2,
  html body[data-page="why-we-exist"] .why-belief-row p,
  html body[data-page="why-we-build"] .why-belief-row p {
    grid-column: 1 !important;
  }

  html body[data-page="why-we-exist"] .why-manifest-copy h2,
  html body[data-page="why-we-build"] .why-manifest-copy h2,
  html body[data-page="why-we-exist"] .why-belief-row h2,
  html body[data-page="why-we-build"] .why-belief-row h2 {
    max-width: 12ch !important;
  }
}

@media (max-width: 48rem) {
  html body .site-header[data-header] .gnb a::after,
  html body .gnb a::after {
    bottom: 1.05rem !important;
  }

  html body .cinematic-statement.ixc-dark-statement {
    min-height: 210svh !important;
  }

  html body .cinematic-statement.ixc-dark-statement h2 {
    font-size: clamp(2.6rem, 12vw, 4.6rem) !important;
    line-height: 1.2 !important;
  }
}

/* 2026-06-16 menu QA lock: compact depth menu, no page scroll bleed, single hamburger icon. */
html body.nav-depth-open,
html body.menu-open {
  overflow: hidden !important;
}

html body .site-header[data-header] .hamburger {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: clamp(2.55rem, 2.8vw, 3.05rem) !important;
  height: clamp(2.55rem, 2.8vw, 3.05rem) !important;
  border: 0 !important;
  background: transparent !important;
}

html body .site-header[data-header] .hamburger::before,
html body .site-header[data-header] .hamburger::after,
html body .site-header[data-header] .hamburger > span:first-child {
  content: "" !important;
  display: block !important;
  grid-area: 1 / 1 !important;
  width: clamp(1.65rem, 1.95vw, 2rem) !important;
  height: 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #09090b !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html body .site-header[data-header] .hamburger > span:first-child::before,
html body .site-header[data-header] .hamburger > span:first-child::after {
  display: none !important;
  content: none !important;
}

html body .site-header[data-header] .hamburger::before {
  transform: translate3d(0, -0.48rem, 0) !important;
}

html body .site-header[data-header] .hamburger > span:first-child {
  transform: translate3d(0, 0, 0) !important;
}

html body .site-header[data-header] .hamburger::after {
  transform: translate3d(0, 0.48rem, 0) !important;
}

html body .site-header[data-header][data-nav-open="true"] .hamburger::before,
html body .site-header[data-header][data-nav-open="true"] .hamburger::after,
html body .site-header[data-header][data-nav-open="true"] .hamburger > span:first-child {
  background: #09090b !important;
}

html body .site-header[data-header] .nav-depth {
  top: 100% !important;
  height: auto !important;
  max-height: calc(100svh - var(--header-h, 6.25rem)) !important;
  padding:
    clamp(0.95rem, 1.45vw, 1.55rem)
    var(--ixc-edge)
    clamp(1.25rem, 1.9vw, 2.05rem) !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

html body .site-header[data-header] .nav-depth-inner {
  width: min(100%, 95rem) !important;
  max-width: calc(100vw - var(--ixc-edge) * 2) !important;
  margin: 0 auto !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(1.25rem, 2.2vw, 3rem) !important;
  align-items: start !important;
}

html body .site-header[data-header] .nav-depth-col {
  min-height: 0 !important;
  gap: clamp(0.62rem, 0.68vw, 0.88rem) !important;
  padding-top: clamp(0.95rem, 1.15vw, 1.35rem) !important;
}

html body .site-header[data-header] .nav-depth-title {
  margin-bottom: clamp(0.55rem, 0.74vw, 0.9rem) !important;
}

html body .site-header[data-header] .nav-depth-col a:not(.nav-depth-title) {
  line-height: 1.38 !important;
}

html body .menu {
  display: block !important;
  align-items: initial !important;
  justify-content: initial !important;
  align-content: start !important;
  place-items: initial !important;
  height: 100svh !important;
  max-height: 100svh !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overscroll-behavior: none !important;
  padding:
    clamp(4.85rem, 6.4vw, 6.25rem)
    var(--ixc-edge)
    clamp(3.25rem, 4.4vw, 4.75rem) !important;
}

html body .menu-grid,
html body.subpage .menu-grid,
html body[data-template] .menu-grid,
html body[data-page] .menu-grid {
  padding-top: 0 !important;
  width: min(100%, 95rem) !important;
  max-width: calc(100vw - var(--ixc-edge) * 2) !important;
  margin: clamp(1.2rem, 2.1vw, 2.4rem) auto 0 !important;
  gap: clamp(1.25rem, 2.2vw, 3rem) !important;
  align-items: start !important;
}

html body .menu-grid section,
html body.subpage .menu-grid section,
html body[data-template] .menu-grid section,
html body[data-page] .menu-grid section {
  padding-top: clamp(1rem, 1.3vw, 1.45rem) !important;
}

html body .menu-links {
  gap: clamp(0.55rem, 0.7vw, 0.85rem) !important;
  margin-top: clamp(1.35rem, 2vw, 2.25rem) !important;
}

html body .menu-close {
  top: clamp(1.15rem, 1.7vw, 1.75rem) !important;
}

html body aside.menu[data-menu] > .menu-close,
html body .menu.is-open > .menu-close {
  left: auto !important;
  right: var(--ixc-edge) !important;
  inset-inline-start: auto !important;
  inset-inline-end: var(--ixc-edge) !important;
  transform: none !important;
}

@media (max-width: 70rem) {
  html body .menu {
    overflow-y: auto !important;
    padding-top: clamp(4.5rem, 12vw, 6rem) !important;
  }

  html body .menu-grid,
  html body.subpage .menu-grid,
  html body[data-template] .menu-grid,
  html body[data-page] .menu-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Stronger override for legacy menu rules that target the generated aside directly. */
html body aside#menu.menu[data-menu],
html body.menu-open aside#menu.menu[data-menu].is-open {
  display: block !important;
  align-items: initial !important;
  justify-content: initial !important;
  align-content: start !important;
  place-items: initial !important;
  width: 100vw !important;
  height: 100svh !important;
  max-height: 100svh !important;
  padding:
    clamp(4.85rem, 6.4vw, 6.25rem)
    var(--ixc-edge)
    clamp(3.25rem, 4.4vw, 4.75rem) !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overscroll-behavior: none !important;
}

html body aside#menu.menu[data-menu] > .menu-grid {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  width: min(100%, 95rem) !important;
  max-width: calc(100vw - var(--ixc-edge) * 2) !important;
  min-height: 0 !important;
  margin: clamp(1.2rem, 2.1vw, 2.4rem) auto 0 !important;
  padding: 0 !important;
  gap: clamp(1.25rem, 2.2vw, 3rem) !important;
  align-items: start !important;
  align-content: start !important;
  justify-content: initial !important;
  place-items: initial !important;
}

html body aside#menu.menu[data-menu] > .menu-close,
html body aside#menu.menu[data-menu].is-open > .menu-close,
html body.menu-open aside#menu.menu[data-menu] > .menu-close {
  position: fixed !important;
  top: clamp(1.15rem, 1.7vw, 1.75rem) !important;
  left: auto !important;
  right: var(--ixc-edge) !important;
  inset-inline-start: auto !important;
  inset-inline-end: var(--ixc-edge) !important;
  transform: none !important;
}

@media (max-width: 70rem) {
  html body aside#menu.menu[data-menu],
  html body.menu-open aside#menu.menu[data-menu].is-open {
    overflow-y: auto !important;
    padding-top: clamp(4.5rem, 12vw, 6rem) !important;
  }

  html body aside#menu.menu[data-menu] > .menu-grid {
    grid-template-columns: 1fr !important;
  }
}

body[data-page="pr-library"] .media-hero,
body[data-page="awards"] .media-hero {
  padding-top: calc(var(--ha-header-height) + clamp(6rem, 9vw, 10.5rem)) !important;
  padding-bottom: clamp(2.75rem, 4.6vw, 4.75rem) !important;
}

body[data-page="pr-library"] .media-toolbar,
body[data-page="awards"] .media-toolbar {
  padding-bottom: clamp(1.8rem, 3vw, 3rem) !important;
}

body[data-page="pr-library"] .media-product-grid,
body[data-page="awards"] .media-product-grid {
  padding-top: clamp(3.5rem, 5vw, 6.5rem) !important;
}

html body .media-card p {
  margin: clamp(0.95rem, 1.3vw, 1.35rem) 0 0 !important;
  color: #555b64 !important;
  -webkit-text-fill-color: #555b64 !important;
  font-size: clamp(1rem, 0.45vw + 0.88rem, 1.18rem) !important;
  font-weight: 540 !important;
  line-height: 1.68 !important;
  word-break: keep-all !important;
}

.policy-hero {
  padding:
    calc(var(--ha-header-height) + clamp(6rem, 9vw, 11rem))
    var(--ixc-edge)
    clamp(5rem, 8vw, 9rem) !important;
  background: #fff !important;
  color: var(--ixc-ink) !important;
}

.policy-hero > div {
  width: min(100%, 92rem) !important;
  margin: 0 auto !important;
}

.policy-hero p,
.policy-index strong {
  margin: 0 0 clamp(1.2rem, 2vw, 2rem) !important;
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-size: clamp(0.92rem, 0.3vw + 0.82rem, 1.08rem) !important;
  font-weight: 840 !important;
  letter-spacing: 0 !important;
}

.policy-hero h1 {
  max-width: 82rem !important;
  margin: 0 !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  font-size: clamp(4.25rem, 8.5vw, 10rem) !important;
  font-weight: 640 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}

.policy-hero span {
  display: block !important;
  max-width: 58rem !important;
  margin-top: clamp(2rem, 3vw, 3.2rem) !important;
  color: #4b515a !important;
  -webkit-text-fill-color: #4b515a !important;
  font-size: clamp(1.08rem, 0.65vw + 0.9rem, 1.45rem) !important;
  line-height: 1.72 !important;
  word-break: keep-all !important;
}

.policy-hero time {
  display: inline-block !important;
  margin-top: clamp(1.35rem, 2vw, 2.25rem) !important;
  color: #707782 !important;
  font-size: clamp(0.95rem, 0.36vw + 0.82rem, 1.12rem) !important;
  font-weight: 680 !important;
}

.policy-layout {
  display: grid !important;
  grid-template-columns: minmax(12rem, 18rem) minmax(0, 1fr) !important;
  gap: clamp(3rem, 6vw, 8rem) !important;
  padding: clamp(5rem, 7vw, 8rem) var(--ixc-edge) var(--ixc-section) !important;
  background: #fff !important;
  color: var(--ixc-ink) !important;
}

.policy-index {
  position: sticky !important;
  top: calc(var(--ha-header-height) + 2rem) !important;
  align-self: start !important;
  border-top: 1px solid rgba(0, 0, 0, 0.22) !important;
  padding-top: clamp(1.3rem, 2vw, 1.8rem) !important;
}

.policy-index a {
  display: block !important;
  padding: 0.82rem 0 !important;
  color: #555b64 !important;
  -webkit-text-fill-color: #555b64 !important;
  font-size: clamp(0.95rem, 0.32vw + 0.84rem, 1.1rem) !important;
  font-weight: 680 !important;
  line-height: 1.42 !important;
  text-decoration: none !important;
}

.policy-index a:hover,
.policy-index a:focus-visible {
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
}

.policy-content {
  min-width: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.policy-row {
  display: grid !important;
  grid-template-columns: minmax(4rem, 8rem) minmax(0, 1fr) !important;
  gap: clamp(1.5rem, 3vw, 4rem) !important;
  padding: clamp(2.4rem, 4vw, 4.2rem) 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.policy-row > span {
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-size: clamp(1.35rem, 1.6vw, 2.4rem) !important;
  font-weight: 520 !important;
}

.policy-row h2 {
  margin: 0 0 clamp(1.25rem, 2vw, 2rem) !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  font-size: clamp(1.8rem, 2vw + 1rem, 3.6rem) !important;
  font-weight: 620 !important;
  line-height: 1.16 !important;
  word-break: keep-all !important;
}

.policy-row p {
  margin: 0 !important;
  max-width: 64rem !important;
  color: #454b56 !important;
  -webkit-text-fill-color: #454b56 !important;
  font-size: clamp(1rem, 0.55vw + 0.86rem, 1.28rem) !important;
  font-weight: 500 !important;
  line-height: 1.82 !important;
  word-break: keep-all !important;
}

.policy-row p + p {
  margin-top: 0.85rem !important;
}

@media (max-width: 64rem) {
  .policy-layout {
    grid-template-columns: 1fr !important;
    gap: clamp(2.5rem, 8vw, 4rem) !important;
  }

  .policy-index {
    position: relative !important;
    top: auto !important;
  }
}

@media (max-width: 42rem) {
  .policy-hero h1 {
    font-size: clamp(3.1rem, 15vw, 4.7rem) !important;
  }

  .policy-row {
    grid-template-columns: 1fr !important;
  }
}

/* Careers final lock: keep legacy card rules from stretching the page. */
body[data-page="careers"] .corporate-hero {
  min-height: calc(100svh - var(--ha-header-height)) !important;
}

body[data-page="careers"] .career-lead,
body[data-page="careers"] .career-jobs,
body[data-page="careers"] .career-process {
  padding:
    clamp(6.5rem, 9vw, 10rem)
    var(--ixc-edge)
    clamp(6.5rem, 9vw, 10rem) !important;
}

body[data-page="careers"] .career-lead {
  display: grid !important;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
  gap: clamp(4rem, 7vw, 9rem) !important;
  align-items: start !important;
  background: #fff !important;
  color: var(--ixc-ink) !important;
}

body[data-page="careers"] .career-lead-copy {
  max-width: 54rem !important;
}

body[data-page="careers"] .career-lead-copy p,
body[data-page="careers"] .career-jobs-head p,
body[data-page="careers"] .career-belief p,
body[data-page="careers"] .career-process > p {
  margin: 0 0 clamp(1rem, 1.5vw, 1.45rem) !important;
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-size: clamp(0.9rem, 0.3vw + 0.8rem, 1.08rem) !important;
  font-weight: 860 !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

body[data-page="careers"] .career-lead-copy h2,
body[data-page="careers"] .career-jobs-head h2,
body[data-page="careers"] .career-process h2 {
  margin: 0 !important;
  max-width: 13.5ch !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  font-size: clamp(3rem, 4.7vw, 6.35rem) !important;
  font-weight: 580 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
}

body[data-page="careers"] .career-lead-copy span,
body[data-page="careers"] .career-jobs-head span,
body[data-page="careers"] .career-belief span {
  display: block !important;
  margin-top: clamp(1.35rem, 2.3vw, 2.3rem) !important;
  max-width: 49rem !important;
  color: #4d535d !important;
  -webkit-text-fill-color: #4d535d !important;
  font-size: clamp(1.03rem, 0.5vw + 0.9rem, 1.32rem) !important;
  font-weight: 500 !important;
  line-height: 1.78 !important;
  word-break: keep-all !important;
}

body[data-page="careers"] .career-value-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1.2rem, 2vw, 2.2rem) !important;
  margin: 0 !important;
}

body[data-page="careers"] .career-value-grid article {
  min-height: auto !important;
  padding: clamp(1.4rem, 2vw, 2rem) 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.18) !important;
  background: transparent !important;
}

body[data-page="careers"] .career-value-grid h3 {
  margin: 0 !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  font-size: clamp(1.45rem, 1.15vw + 1rem, 2.4rem) !important;
  font-weight: 680 !important;
  line-height: 1.25 !important;
}

body[data-page="careers"] .career-value-grid p {
  margin-top: clamp(0.9rem, 1.2vw, 1.25rem) !important;
  color: #555b64 !important;
  -webkit-text-fill-color: #555b64 !important;
  font-size: clamp(1rem, 0.38vw + 0.86rem, 1.16rem) !important;
  line-height: 1.72 !important;
}

body[data-page="careers"] .career-belief {
  display: grid !important;
  min-height: clamp(34rem, 72svh, 52rem) !important;
  align-items: center !important;
  padding:
    clamp(6.5rem, 9vw, 10rem)
    var(--ixc-edge)
    clamp(6.5rem, 9vw, 10rem) !important;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.58)),
    radial-gradient(circle at 78% 28%, rgba(91, 46, 145, 0.48), transparent 34%),
    #050505 !important;
  color: #fff !important;
}

body[data-page="careers"] .career-belief > div {
  max-width: 76rem !important;
}

body[data-page="careers"] .career-belief h2 {
  margin: 0 !important;
  max-width: 15ch !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(3.2rem, 5.4vw, 7.4rem) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}

body[data-page="careers"] .career-belief span {
  color: rgba(255, 255, 255, 0.76) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
}

body[data-page="careers"] .career-jobs {
  background: #fff !important;
  color: var(--ixc-ink) !important;
  scroll-margin-top: var(--ha-header-height) !important;
}

body[data-page="careers"] .career-jobs-head {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(18rem, 0.8fr) !important;
  column-gap: clamp(3rem, 7vw, 9rem) !important;
  row-gap: clamp(1.5rem, 3vw, 3rem) !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 clamp(3.5rem, 6vw, 6.5rem) !important;
}

body[data-page="careers"] .career-jobs-head p {
  grid-column: 1 / -1 !important;
}

body[data-page="careers"] .career-jobs-head h2 {
  max-width: 11.5ch !important;
}

body[data-page="careers"] .career-jobs-head span {
  margin-top: 0 !important;
  align-self: end !important;
}

body[data-page="careers"] .career-role-list {
  display: block !important;
  margin: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  background: transparent !important;
  overflow: visible !important;
}

body[data-page="careers"] .career-role-list article {
  display: grid !important;
  grid-template-columns: minmax(3.5rem, 6rem) minmax(15rem, 0.56fr) minmax(0, 1fr) !important;
  gap: clamp(1.4rem, 3vw, 4rem) !important;
  min-height: 0 !important;
  padding: clamp(1.8rem, 3.2vw, 3.5rem) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
  background: transparent !important;
  color: var(--ixc-ink) !important;
  overflow: visible !important;
}

body[data-page="careers"] .career-role-list article:last-child {
  border-bottom: 0 !important;
}

body[data-page="careers"] .career-role-list span {
  display: block !important;
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-size: clamp(1.55rem, 1.7vw, 2.8rem) !important;
  font-weight: 420 !important;
  line-height: 1 !important;
}

body[data-page="careers"] .career-role-list strong {
  display: block !important;
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) !important;
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-size: clamp(0.9rem, 0.28vw + 0.8rem, 1.05rem) !important;
  font-weight: 840 !important;
  line-height: 1.25 !important;
}

body[data-page="careers"] .career-role-list h3 {
  margin: 0 !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  font-size: clamp(1.6rem, 1.65vw + 1rem, 3.1rem) !important;
  font-weight: 620 !important;
  line-height: 1.16 !important;
  word-break: keep-all !important;
}

body[data-page="careers"] .career-role-list p {
  margin: 0 !important;
  max-width: 48rem !important;
  align-self: end !important;
  color: #4b515b !important;
  -webkit-text-fill-color: #4b515b !important;
  font-size: clamp(1rem, 0.45vw + 0.86rem, 1.22rem) !important;
  font-weight: 500 !important;
  line-height: 1.78 !important;
  word-break: keep-all !important;
}

body[data-page="careers"] .career-process {
  display: grid !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr) !important;
  gap: clamp(3rem, 6vw, 8rem) !important;
  align-items: start !important;
  background: #f5f5f6 !important;
  color: var(--ixc-ink) !important;
}

body[data-page="careers"] .career-process > p {
  grid-column: 1 / -1 !important;
}

body[data-page="careers"] .career-process h2 {
  max-width: 12ch !important;
}

body[data-page="careers"] .career-process div {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.18) !important;
}

body[data-page="careers"] .career-process span {
  display: grid !important;
  grid-template-columns: 4rem 1fr !important;
  min-height: 0 !important;
  align-items: center !important;
  gap: clamp(1rem, 2vw, 2rem) !important;
  padding: clamp(1.2rem, 2vw, 1.8rem) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  font-size: clamp(1.08rem, 0.55vw + 0.9rem, 1.35rem) !important;
  font-weight: 680 !important;
  line-height: 1.35 !important;
}

body[data-page="careers"] .career-process em {
  color: var(--ixc-purple) !important;
  -webkit-text-fill-color: var(--ixc-purple) !important;
  font-style: normal !important;
  font-weight: 760 !important;
}

body[data-page="careers"] .career-process .arrow-link {
  grid-column: 2 !important;
  justify-self: start !important;
  margin-top: clamp(1.5rem, 2.5vw, 2.5rem) !important;
  width: clamp(10rem, 13vw, 12.5rem) !important;
  max-width: 100% !important;
  min-height: 4.25rem !important;
  justify-content: space-between !important;
  padding-inline: 1.45rem !important;
  background: transparent !important;
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: var(--ixc-ink) !important;
  text-align: left !important;
}

body[data-page="careers"] .career-process .arrow-link span {
  display: inline-grid !important;
  grid-template-columns: none !important;
  align-content: center !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  width: auto !important;
  height: auto !important;
  flex-basis: auto !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
}

@media (max-width: 48rem) {
  html body.home-page .ixc-home-hero .hero-copy {
    bottom: clamp(5.6rem, 18vw, 6.3rem) !important;
    padding-bottom: 0 !important;
  }

  html body.home-page .ixc-home-hero .down {
    left: var(--ixc-edge) !important;
    bottom: clamp(1rem, 4vw, 1.5rem) !important;
  }
}

@media (max-width: 70rem) {
  body[data-page="careers"] .career-lead,
  body[data-page="careers"] .career-jobs-head,
  body[data-page="careers"] .career-process {
    grid-template-columns: 1fr !important;
  }

  body[data-page="careers"] .career-value-grid {
    grid-template-columns: 1fr 1fr !important;
    margin-top: clamp(2.5rem, 7vw, 4rem) !important;
  }

  body[data-page="careers"] .career-role-list article {
    grid-template-columns: minmax(3rem, 4.5rem) minmax(0, 1fr) !important;
  }

  body[data-page="careers"] .career-role-list p {
    grid-column: 2 !important;
  }

  body[data-page="careers"] .career-process .arrow-link {
    grid-column: 1 !important;
  }
}

@media (max-width: 42rem) {
  body[data-page="careers"] .career-lead,
  body[data-page="careers"] .career-jobs,
  body[data-page="careers"] .career-process,
  body[data-page="careers"] .career-belief {
    padding-top: clamp(4.6rem, 15vw, 6rem) !important;
    padding-bottom: clamp(4.6rem, 15vw, 6rem) !important;
  }

  body[data-page="careers"] .career-lead-copy h2,
  body[data-page="careers"] .career-jobs-head h2,
  body[data-page="careers"] .career-process h2,
  body[data-page="careers"] .career-belief h2 {
    max-width: 12ch !important;
    font-size: clamp(2.45rem, 11vw, 3.9rem) !important;
    line-height: 1.16 !important;
  }

  body[data-page="careers"] .career-value-grid,
  body[data-page="careers"] .career-role-list article {
    grid-template-columns: 1fr !important;
  }

  body[data-page="careers"] .career-role-list p {
    grid-column: 1 !important;
  }

  body[data-page="careers"] .career-process span {
    grid-template-columns: 3rem 1fr !important;
  }
}
body.ixc-static-shell .wp-site-blocks,
body.ixc-static-shell .wp-site-blocks > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

body.ixc-static-shell .wp-site-blocks {
  display: block;
  min-height: 100%;
}

/* Final glass polish: header/hero rhythm and unified CTA surface. */
:root {
  --ixc-glass-radius: 0.58rem;
  --ixc-glass-border: rgba(255, 255, 255, 0.42);
  --ixc-glass-border-dark: rgba(13, 9, 22, 0.2);
  --ixc-glass-shadow: 0 1rem 2.4rem rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  --ixc-glass-shadow-light: 0 0.85rem 2rem rgba(35, 20, 61, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html body.home-page .site-header[data-header].is-home-hero {
  background:
    linear-gradient(180deg, rgba(8, 4, 15, 0.5), rgba(8, 4, 15, 0.16) 64%, rgba(8, 4, 15, 0)) !important;
  background-color: transparent !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

html body:not(.home-page) .site-header[data-header],
html body.home-page .site-header[data-header]:not(.is-home-hero) {
  background: rgba(255, 255, 255, 0.72) !important;
  border-bottom-color: rgba(10, 7, 16, 0.08) !important;
  box-shadow: 0 0.9rem 2.2rem rgba(0, 0, 0, 0.045) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

html body.home-page .ixc-home-hero {
  min-height: max(52rem, 100svh) !important;
}

html body.home-page .ixc-home-hero .hero-video {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 64% !important;
  transform: scale(1.08) !important;
  opacity: 0.86 !important;
}

html body.home-page .ixc-home-hero::after {
  background:
    linear-gradient(180deg, rgba(5, 3, 10, 0.2) 0%, rgba(5, 3, 10, 0.06) 20%, rgba(5, 3, 10, 0.26) 56%, rgba(0, 0, 0, 0.82) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.11) 52%, rgba(0, 0, 0, 0.34) 100%) !important;
}

html body.home-page .ixc-home-hero .hero-copy {
  bottom: clamp(8rem, 11vh, 10.25rem) !important;
  padding-bottom: 0 !important;
}

html body.home-page .ixc-home-hero .hero-actions {
  margin-top: clamp(2rem, 3.5vw, 3.6rem) !important;
}

html body.home-page .ixc-home-hero .down {
  left: var(--ixc-edge) !important;
  right: auto !important;
  bottom: clamp(2.05rem, 3.8vh, 3.3rem) !important;
}

html body .hero-actions a,
html body .arrow-link,
html body .ixc-cta-band .arrow-link,
html body .product-cinematic-cta,
html body .back-link,
html body .wp-block-button__link,
html body button:not(.hamburger):not(.menu-close):not([aria-label="전체 메뉴"]):not([aria-label="메뉴 닫기"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.82rem !important;
  min-width: 0 !important;
  min-height: clamp(3.45rem, 3.7vw, 4.25rem) !important;
  width: auto !important;
  max-width: min(100%, 22rem) !important;
  padding: 0.95rem clamp(1.3rem, 1.7vw, 1.9rem) !important;
  border: 1px solid var(--ixc-glass-border-dark) !important;
  border-radius: var(--ixc-glass-radius) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.38)) !important;
  box-shadow: var(--ixc-glass-shadow-light) !important;
  color: var(--ixc-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: clamp(0.88rem, 0.2vw + 0.82rem, 1rem) !important;
  font-weight: 830 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-align: center !important;
  backdrop-filter: blur(18px) saturate(1.14) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.14) !important;
  transition: transform 0.24s ease, border-color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease, color 0.24s ease !important;
}

html body .hero-actions a,
html body .arrow-link.light,
html body .ixc-cta-band .arrow-link,
html body .qoretix-band .arrow-link,
html body .what-proof-band .arrow-link,
html body .product-cinematic-cta,
html body .corporate-hero .arrow-link,
html body .product-cinematic-hero .arrow-link,
html body .dark-section .arrow-link {
  border-color: var(--ixc-glass-border) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.055)) !important;
  box-shadow: var(--ixc-glass-shadow) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .hero-actions a:hover,
html body .hero-actions a:focus-visible,
html body .arrow-link:hover,
html body .arrow-link:focus-visible,
html body .product-cinematic-cta:hover,
html body .product-cinematic-cta:focus-visible,
html body .back-link:hover,
html body .back-link:focus-visible,
html body .wp-block-button__link:hover,
html body .wp-block-button__link:focus-visible,
html body button:not(.hamburger):not(.menu-close):not([aria-label="전체 메뉴"]):not([aria-label="메뉴 닫기"]):hover,
html body button:not(.hamburger):not(.menu-close):not([aria-label="전체 메뉴"]):not([aria-label="메뉴 닫기"]):focus-visible {
  transform: translateY(-0.12rem) !important;
  border-color: rgba(91, 43, 146, 0.5) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(246, 239, 255, 0.48)) !important;
  box-shadow: 0 1rem 2.4rem rgba(81, 36, 131, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

html body .hero-actions a:hover,
html body .hero-actions a:focus-visible,
html body .arrow-link.light:hover,
html body .arrow-link.light:focus-visible,
html body .ixc-cta-band .arrow-link:hover,
html body .ixc-cta-band .arrow-link:focus-visible,
html body .qoretix-band .arrow-link:hover,
html body .qoretix-band .arrow-link:focus-visible,
html body .what-proof-band .arrow-link:hover,
html body .what-proof-band .arrow-link:focus-visible,
html body .product-cinematic-cta:hover,
html body .product-cinematic-cta:focus-visible,
html body .corporate-hero .arrow-link:hover,
html body .corporate-hero .arrow-link:focus-visible,
html body .product-cinematic-hero .arrow-link:hover,
html body .product-cinematic-hero .arrow-link:focus-visible {
  border-color: rgba(255, 255, 255, 0.66) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.075)) !important;
  box-shadow: 0 1.2rem 2.6rem rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .arrow-link span,
html body .hero-actions span,
html body .product-cinematic-cta span,
html body .back-link span {
  display: inline-grid !important;
  flex: 0 0 1.7rem !important;
  place-items: center !important;
  width: 1.7rem !important;
  height: 1.7rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, currentColor 38%, transparent) !important;
  border-radius: 999rem !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  line-height: 1 !important;
  transform: none !important;
}

html body .arrow-link:hover span,
html body .arrow-link:focus-visible span,
html body .hero-actions a:hover span,
html body .hero-actions a:focus-visible span,
html body .product-cinematic-cta:hover span,
html body .product-cinematic-cta:focus-visible span,
html body .back-link:hover span,
html body .back-link:focus-visible span {
  transform: translateX(0.14rem) !important;
}

html body button.down,
html body button.down.down.down.down.down,
html body button.down:not(.hamburger):not(.menu-close):not([aria-label="전체 메뉴"]):not([aria-label="메뉴 닫기"]),
html body .down {
  display: inline-grid !important;
  place-items: center !important;
  width: clamp(3.2rem, 4.2vw, 4.6rem) !important;
  height: clamp(3.2rem, 4.2vw, 4.6rem) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  border: 1px solid var(--ixc-glass-border) !important;
  border-radius: var(--ixc-glass-radius) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.055)) !important;
  box-shadow: var(--ixc-glass-shadow) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  backdrop-filter: blur(18px) saturate(1.14) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.14) !important;
}

html body .media-toolbar button.active,
html body .product-tabs button.active,
html body .newsroom-tabs button.active,
html body .ax-filter button.active,
html body button[aria-selected="true"] {
  border-color: rgba(91, 43, 146, 0.55) !important;
  background:
    linear-gradient(135deg, rgba(91, 43, 146, 0.96), rgba(118, 76, 176, 0.8)) !important;
  box-shadow: 0 0.9rem 2rem rgba(91, 43, 146, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .career-process .arrow-link {
  width: auto !important;
  max-width: min(100%, 16rem) !important;
  justify-content: center !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.38)) !important;
}

/* 2026-06-18 layout audit lock: keep cinematic panel CTAs out of oversized headlines. */
html body.home-page .what-track {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  padding-inline: var(--ixc-edge) !important;
}

html body.home-page .what-panel {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 100svh !important;
}

html body.home-page .what-panel-copy {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: center !important;
  row-gap: clamp(1.2rem, 2vw, 2.35rem) !important;
  width: min(100%, 72rem) !important;
  max-width: 72rem !important;
  margin-inline: auto !important;
  text-align: center !important;
}

html body.home-page .what-panel-copy p,
html body.home-page .what-panel-copy h2,
html body.home-page .what-panel-copy .arrow-link {
  grid-column: 1 !important;
  margin: 0 !important;
  justify-self: center !important;
  align-self: center !important;
  text-align: center !important;
}

html body.home-page .what-panel-copy h2 {
  max-width: 14.6ch !important;
  font-size: clamp(3.15rem, 5.15vw, 6.75rem) !important;
  line-height: 1.12 !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
}

html body.home-page .what-panel-copy .arrow-link {
  margin-top: clamp(0.65rem, 1vw, 1.05rem) !important;
}

html body.home-page .home-flow .section-title,
html body.home-page .home-flow-grid,
html body.home-page .home-split,
html body.home-page .home-business,
html body.home-page .home-careers {
  max-width: none !important;
}

html body.home-page .section-title h2,
html body.subpage .section-title h2,
html body .cinematic-statement h2 {
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
}

@media (max-width: 48rem) {
  html body.home-page .ixc-home-hero {
    min-height: max(45rem, 100svh) !important;
  }

  html body.home-page .ixc-home-hero .hero-copy {
    bottom: clamp(6.7rem, 20vw, 8rem) !important;
  }

  html body.home-page .ixc-home-hero .down {
    bottom: clamp(1.35rem, 5vw, 2.2rem) !important;
  }

  html body .hero-actions a,
  html body .arrow-link,
  html body .product-cinematic-cta,
  html body .back-link,
  html body .wp-block-button__link {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between !important;
  }

  html body.home-page .what-panel-copy {
    row-gap: clamp(0.9rem, 4vw, 1.45rem) !important;
  }

  html body.home-page .what-panel-copy h2 {
    max-width: 9.8ch !important;
    font-size: clamp(2.65rem, 12.4vw, 4.3rem) !important;
    line-height: 1.16 !important;
  }
}

/* 2026-06-18 final what-stage compositor lock: one focused panel, centered type stack, glass CTA below text. */
html body.home-page .what .what-stage {
  isolation: isolate !important;
}

html body.home-page .what .what-track {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100svh !important;
  margin: 0 !important;
  padding: clamp(7.5rem, 11vh, 10rem) var(--ixc-edge) clamp(7rem, 10vh, 9rem) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body.home-page .what .what-panel,
html body.home-page .what .what-panel + .what-panel {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 var(--ixc-edge) !important;
  box-sizing: border-box !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate3d(0, var(--what-item-offset, 0), 0) scale(var(--what-item-scale, 1)) !important;
  transition: opacity 360ms ease, transform 520ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 360ms !important;
}

html body.home-page .what .what-panel.active {
  z-index: 4 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}

html body.home-page .what .what-panel-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 86rem) !important;
  max-width: 86rem !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body.home-page .what .what-panel-copy p {
  width: 100% !important;
  margin: 0 0 clamp(1.15rem, 1.7vw, 1.85rem) !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

html body.home-page .what .what-panel-copy h2 {
  display: block !important;
  width: 100% !important;
  max-width: 15.8ch !important;
  margin: 0 auto !important;
  font-size: clamp(3.05rem, 4.55vw, 6.05rem) !important;
  line-height: 1.16 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
}

html body.home-page .what .what-panel .arrow-link {
  position: relative !important;
  z-index: 5 !important;
  width: auto !important;
  max-width: min(100%, 18rem) !important;
  min-height: clamp(3.35rem, 3.5vw, 4rem) !important;
  margin: clamp(2.05rem, 3vh, 3.1rem) auto 0 !important;
  justify-content: center !important;
  transform: none !important;
}

html body.home-page .what .what-panel:not(.active) .arrow-link {
  opacity: 0 !important;
}

@media (max-width: 64rem) {
  html body.home-page .what .what-track {
    padding-top: clamp(6.2rem, 13vw, 8rem) !important;
    padding-bottom: clamp(6rem, 14vw, 8rem) !important;
  }

  html body.home-page .what .what-panel-copy {
    width: min(100%, 44rem) !important;
  }

  html body.home-page .what .what-panel-copy h2 {
    max-width: 11.6ch !important;
    font-size: clamp(2.75rem, 8.6vw, 4.75rem) !important;
    line-height: 1.18 !important;
  }
}

@media (max-width: 48rem) {
  html body.home-page .what .what-panel {
    padding-inline: var(--ixc-edge) !important;
  }

  html body.home-page .what .what-panel-copy h2 {
    max-width: 9.8ch !important;
    font-size: clamp(2.35rem, 11.1vw, 3.85rem) !important;
  }

  html body.home-page .what .what-panel .arrow-link {
    width: auto !important;
    max-width: min(100%, 15rem) !important;
    margin-top: clamp(1.55rem, 6vw, 2.35rem) !important;
    justify-content: center !important;
  }
}