/* Permanent wafer print. */
#wafer-engraving {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  transform-origin: center;
  pointer-events: none;
}
.etch-face { opacity: 1; }
.etch-edge { fill: none; stroke: #928585; stroke-width: 1.35; stroke-linejoin: round; }
.etch-highlight { fill: none; stroke: #fffdf7; stroke-width: 1.15; stroke-linejoin: round; }

/* Reserve the mobile announcement before the engine measures its home die. */
#mobile-wafer-entrance { display: none; }
html.is-mobile #mobile-wafer-entrance {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 1000 / 410;
  flex: none;
  margin: 32px 0 0;
}
#mobile-wafer-entrance #wafer-engraving {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  transform: none;
}

/* Only cached temporary mask layers move; permanent print stays vector. */
.wafer-mask-layer {
  z-index: 13;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  transform-origin: center;
}
.wafer-mask-motion {
  position: absolute;
  inset: 0;
  transform-origin: center;
  will-change: transform, opacity;
}
.wafer-mask-motion > img {
  position: absolute;
  display: block;
  max-width: none;
  margin: 0;
  object-fit: fill;
  opacity: 1;
}
.wafer-mask-motion > #euv-exposure,
.wafer-mask-motion > #euv-lens-flare {
  opacity: 0;
  will-change: opacity;
}
#mobile-wafer-entrance > .wafer-mask-layer {
  width: 100%;
  height: 100%;
}

/* The entrance action shares the Careers pill, but follows the wafer print. */
.cta-careers.cta-congratulations {
  z-index: 12;
  right: auto; bottom: auto;
  box-sizing: border-box;
  width: 260px; min-width: 260px; max-width: 260px;
  flex: none;
  height: 52px; min-height: 52px; max-height: 52px; margin: 0;
  padding: 10px 56px 10px 22px;
  gap: 0; white-space: nowrap;
  font-size: 15px; letter-spacing: .04em;
  transform-origin: center;
  transition: box-shadow 160ms var(--ease-out);
  pointer-events: auto;
}

html.is-mobile .cta-careers.cta-congratulations {
  position: relative; left: auto; top: auto;
  margin: 18px auto 0; transform: none;
}

.cta-congratulations .cta-orb {
  width: 32px; height: 32px; right: 11px;
  font-size: 16px;
}