.deyee-internal {
  --internal-ink: #121212;
  --internal-text: #454249;
  --internal-muted: #77727d;
  --internal-line: #e7e4eb;
  --internal-pearl: #f7f6f8;
  --internal-purple: #826daf;
  padding: clamp(88px, 8vw, 144px) 0;
  background: #fff;
  color: var(--internal-ink);
}

.deyee-internal.is-pearl { background: var(--internal-pearl); }
.deyee-internal.is-dark { background: var(--internal-ink); color: #fff; }
.deyee-internal__inner {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
}
.deyee-internal__copy { grid-column: 1 / span 5; }
.deyee-internal__copy h2 {
  max-width: 760px;
  margin: 10px 0 24px;
  color: var(--internal-ink);
  font-size: clamp(36px, 4vw, 50px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.025em;
}
.is-dark .deyee-internal__copy h2 { color: #fff; }
.deyee-internal__body {
  color: var(--internal-text);
  font-size: 18px;
  line-height: 1.72;
}
.is-dark .deyee-internal__body { color: rgba(255, 255, 255, .72); }
.deyee-internal__media {
  grid-column: 7 / -1;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #eceaef;
}
.deyee-internal__media img,
.deyee-internal__item img { width: 100%; height: 100%; object-fit: cover; }
.deyee-internal__media-placeholder {
  display: grid;
  place-items: center;
  border: 1px solid var(--internal-line);
  background: var(--internal-pearl);
  color: var(--internal-muted);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.deyee-internal__items {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0;
  margin-top: clamp(28px, 4vw, 64px);
  border-top: 1px solid var(--internal-line);
}
.deyee-internal__item {
  position: relative;
  grid-column: span 4;
  padding: 34px 30px 42px;
  border-right: 1px solid var(--internal-line);
  border-bottom: 1px solid var(--internal-line);
  background: transparent;
}
.deyee-internal__item:nth-child(3n) { border-right: 0; }
.is-dark .deyee-internal__items,
.is-dark .deyee-internal__item { border-color: rgba(255, 255, 255, .16); }
.deyee-internal__item > img {
  height: 240px;
  margin: -34px -30px 30px;
  width: calc(100% + 60px);
}
.deyee-internal__index {
  display: block;
  margin-bottom: 28px;
  color: var(--internal-purple);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
}
.deyee-internal__item h3 {
  margin: 0 0 14px;
  font-size: clamp(21px, 2vw, 28px);
  font-weight: 500;
  line-height: 1.2;
}
.deyee-internal__item p {
  margin: 0;
  color: var(--internal-muted);
  font-size: 16px;
  line-height: 1.65;
}
.is-dark .deyee-internal__item p { color: rgba(255, 255, 255, .68); }
.deyee-internal__item a {
  display: inline-flex;
  margin-top: 24px;
  color: var(--internal-purple);
  font-weight: 500;
  text-underline-offset: 5px;
}
.deyee-internal__item a:hover,
.deyee-internal__item a:focus-visible { text-decoration: underline; }
.deyee-internal__form {
  grid-column: 7 / -1;
  padding: clamp(32px, 4vw, 58px);
  border-top: 3px solid var(--internal-purple);
  background: #fff;
  color: var(--internal-ink);
  box-shadow: 0 26px 70px rgba(35, 25, 56, .09);
}
.deyee-internal__placeholder {
  grid-column: 1 / -1;
  margin: 24px 0 0;
  padding: 13px 16px;
  border: 1px dashed var(--internal-purple);
  color: #6b5792;
  background: #f5f1fb;
}

/* Shared editorial banner. */
.deyee-internal--inner-hero {
  position: relative;
  min-height: 480px;
  padding: 0;
  background-color: #2d2b35 !important;
  background-image: var(--internal-bg, linear-gradient(135deg, #2d2b35, #25242d)) !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}
.deyee-internal--inner-hero::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .15); }
.deyee-internal--inner-hero .deyee-internal__inner { position: relative; z-index: 1; min-height: 480px; align-items: center; }
.deyee-internal--inner-hero .deyee-internal__copy { grid-column: 1 / span 9; max-width: 900px; padding-bottom: 0; }
.deyee-internal--inner-hero .deyee-internal__copy h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(48px, 5vw, 72px);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.035em;
}
.deyee-internal--inner-hero .deyee-eyebrow,
.deyee-internal--inner-hero .deyee-internal__body,
.deyee-internal--inner-hero .deyee-button { display: none; }

/* Company: calm editorial storytelling. */
.deyee-internal--editorial-split .deyee-internal__copy { grid-column: 1 / span 5; padding-top: 36px; }
.deyee-internal--editorial-split .deyee-internal__media { grid-column: 7 / -1; aspect-ratio: 16 / 11; }
.deyee-internal--principles-panel .deyee-internal__copy {
  grid-column: 1 / span 4;
  position: sticky;
  top: 120px;
}
.deyee-internal--principles-panel .deyee-internal__items { grid-column: 6 / -1; margin-top: 0; }
.deyee-internal--principles-panel .deyee-internal__item {
  grid-column: 1 / -1;
  min-height: 190px;
  padding: 34px 0;
  border-right: 0;
}
.deyee-internal--principles-panel .deyee-internal__item:first-child h3 {
  max-width: 720px;
  color: var(--internal-purple);
  font-size: clamp(32px, 4vw, 50px);
}
.deyee-internal--company-timeline .deyee-internal__item {
  grid-column: span 2;
  min-height: 300px;
  padding: 30px 22px 40px;
}
.deyee-internal--company-timeline .deyee-internal__item h3 { margin-top: 70px; }
.deyee-internal--global-footprint { background: #17151b; color: #fff; }
.deyee-internal--global-footprint .deyee-internal__copy h2 { color: #fff; }
.deyee-internal--global-footprint .deyee-internal__body { color: rgba(255, 255, 255, .7); }
.deyee-internal--global-footprint .deyee-internal__media { aspect-ratio: 16 / 9; opacity: .86; }
.deyee-internal--team-editorial .deyee-internal__item:first-child { grid-column: span 6; }
.deyee-internal--team-editorial .deyee-internal__item:not(:first-child) { grid-column: span 3; }
.deyee-internal--team-editorial .deyee-internal__item > img { height: 340px; object-position: center top; }

/* Product theatre: clean renders and technical hierarchy. */
.deyee-internal--product-archive-intro,
.deyee-internal--product-detail-stage { background: #f5f4f6; }
.deyee-internal--product-archive-intro .deyee-internal__copy,
.deyee-internal--product-detail-stage .deyee-internal__copy {
  grid-column: 8 / -1;
  grid-row: 1;
  align-self: center;
}
.deyee-internal--product-archive-intro .deyee-internal__media,
.deyee-internal--product-detail-stage .deyee-internal__media {
  grid-column: 1 / span 6;
  grid-row: 1;
  aspect-ratio: 1 / 1;
  background: #fff;
}
.deyee-internal--product-archive-intro .deyee-internal__items,
.deyee-internal--product-detail-stage .deyee-internal__items { margin-top: 80px; }
.deyee-internal--product-modules .deyee-internal__copy {
  grid-column: 1 / span 4;
  position: sticky;
  top: 120px;
}
.deyee-internal--product-modules .deyee-internal__items { grid-column: 6 / -1; margin-top: 0; }
.deyee-internal--product-modules .deyee-internal__item { grid-column: span 6; }
.deyee-internal--product-modules .deyee-internal__item > img {
  height: 210px;
  object-fit: contain;
  background: #f6f5f7;
}

/* Solutions: spatial chapters rather than a repeated card wall. */
.deyee-internal--solution-chapters .deyee-internal__copy { grid-column: 1 / span 6; }
.deyee-internal--solution-chapters .deyee-internal__items { gap: 0 64px; border-top: 0; }
.deyee-internal--solution-chapters .deyee-internal__item {
  grid-column: span 6;
  min-height: 560px;
  padding: 0 0 70px;
  border-right: 0;
}
.deyee-internal--solution-chapters .deyee-internal__item:nth-child(even) { margin-top: 120px; }
.deyee-internal--solution-chapters .deyee-internal__item > img,
.deyee-internal--case-evidence .deyee-internal__item > img {
  width: 100%;
  height: auto;
  margin: 0 0 30px;
}
.deyee-internal--solution-chapters .deyee-internal__item > img { aspect-ratio: 16 / 10; }
.deyee-internal--project-delivery .deyee-internal__item,
.deyee-internal--distributor-process .deyee-internal__item,
.deyee-internal--service-lifecycle .deyee-internal__item {
  grid-column: span 2;
  min-height: 280px;
  padding: 30px 22px 42px;
}
.deyee-internal--project-delivery .deyee-internal__index,
.deyee-internal--distributor-process .deyee-internal__index,
.deyee-internal--service-lifecycle .deyee-internal__index {
  margin-bottom: 72px;
  font-size: 18px;
}

/* After-sales service: five readable service chapters sourced from the approved document. */
.deyee-internal--service-lifecycle .deyee-internal__copy { grid-column: 1 / span 5; }
.deyee-internal--service-lifecycle .deyee-internal__media { grid-column: 7 / -1; }
.deyee-internal--service-lifecycle .deyee-internal__items { gap: 0 48px; border-top: 0; }
.deyee-internal--service-lifecycle .deyee-internal__item {
  grid-column: span 6;
  min-height: 0;
  padding: 42px 0 52px;
  border-top: 1px solid var(--internal-line);
  border-right: 0;
}
.deyee-internal--service-lifecycle .deyee-internal__item:last-child { grid-column: 1 / -1; }
.deyee-internal--service-lifecycle .deyee-internal__index { margin-bottom: 38px; }
.deyee-internal--service-lifecycle .deyee-internal__item h3 { max-width: 520px; }
.deyee-internal--service-lifecycle .deyee-internal__item p { max-width: 700px; line-height: 1.78; }

/* Cases: photographic evidence and long-form rhythm. */
.deyee-internal--case-evidence .deyee-internal__items { border-top: 0; gap: 64px; }
.deyee-internal--case-evidence .deyee-internal__item {
  grid-column: span 6;
  padding: 0 0 56px;
  border-right: 0;
}
.deyee-internal--case-evidence .deyee-internal__item:nth-child(even) { margin-top: 100px; }
.deyee-internal--case-evidence .deyee-internal__item > img { aspect-ratio: 4 / 3; }

/* Core technology: dense, dark and schematic. */
.deyee-internal.deyee-internal--technology-architecture { background: #151318; color: #fff; }
.deyee-internal--technology-architecture .deyee-internal__copy h2 { color: #fff; }
.deyee-internal--technology-architecture .deyee-internal__body { color: rgba(255, 255, 255, .68); }
.deyee-internal--technology-architecture .deyee-internal__items,
.deyee-internal--technology-architecture .deyee-internal__item { border-color: rgba(255, 255, 255, .14); }
.deyee-internal--technology-architecture .deyee-internal__item { grid-column: span 3; min-height: 310px; }
.deyee-internal--technology-architecture .deyee-internal__item p { color: rgba(255, 255, 255, .62); }

/* Forms: one dark information plane and one clear working surface. */
.deyee-internal--distributor-application,
.deyee-internal--service-request,
.deyee-internal--contact-layout { background: #19171d; color: #fff; }
.deyee-internal--distributor-application .deyee-internal__copy,
.deyee-internal--service-request .deyee-internal__copy,
.deyee-internal--contact-layout .deyee-internal__copy { grid-column: 1 / span 5; padding-top: 28px; }
.deyee-internal--distributor-application .deyee-internal__copy h2,
.deyee-internal--service-request .deyee-internal__copy h2,
.deyee-internal--contact-layout .deyee-internal__copy h2 { color: #fff; }
.deyee-internal--distributor-application .deyee-internal__body,
.deyee-internal--service-request .deyee-internal__body,
.deyee-internal--contact-layout .deyee-internal__body { color: rgba(255, 255, 255, .7); }
.deyee-internal--distributor-application .deyee-internal__form,
.deyee-internal--service-request .deyee-internal__form,
.deyee-internal--contact-layout .deyee-internal__form { grid-column: 7 / -1; }

@media (max-width: 1024px) {
  .deyee-internal__copy,
  .deyee-internal__media,
  .deyee-internal--editorial-split .deyee-internal__copy,
  .deyee-internal--editorial-split .deyee-internal__media,
  .deyee-internal--principles-panel .deyee-internal__copy,
  .deyee-internal--principles-panel .deyee-internal__items,
  .deyee-internal--product-archive-intro .deyee-internal__copy,
  .deyee-internal--product-detail-stage .deyee-internal__copy,
  .deyee-internal--product-archive-intro .deyee-internal__media,
  .deyee-internal--product-detail-stage .deyee-internal__media,
  .deyee-internal--product-modules .deyee-internal__copy,
  .deyee-internal--product-modules .deyee-internal__items,
  .deyee-internal__form,
  .deyee-internal--distributor-application .deyee-internal__copy,
  .deyee-internal--service-request .deyee-internal__copy,
  .deyee-internal--contact-layout .deyee-internal__copy,
  .deyee-internal--distributor-application .deyee-internal__form,
  .deyee-internal--service-request .deyee-internal__form,
  .deyee-internal--contact-layout .deyee-internal__form {
    grid-column: 1 / -1;
    grid-row: auto;
    position: static;
  }
  .deyee-internal__item,
  .deyee-internal--company-timeline .deyee-internal__item,
  .deyee-internal--project-delivery .deyee-internal__item,
  .deyee-internal--distributor-process .deyee-internal__item,
  .deyee-internal--service-lifecycle .deyee-internal__item,
  .deyee-internal--technology-architecture .deyee-internal__item,
  .deyee-internal--team-editorial .deyee-internal__item:first-child,
  .deyee-internal--team-editorial .deyee-internal__item:not(:first-child) { grid-column: span 6; }
  .deyee-internal--solution-chapters .deyee-internal__item:nth-child(even),
  .deyee-internal--case-evidence .deyee-internal__item:nth-child(even) { margin-top: 0; }
}

@media (max-width: 767px) {
  .deyee-internal { padding: 72px 0; }
  .deyee-internal--inner-hero,
  .deyee-internal--inner-hero .deyee-internal__inner { min-height: clamp(280px, 75vw, 400px); }
  .deyee-internal--inner-hero { background-position: 65% center; }
  .deyee-internal--inner-hero { padding: 0; }
  .deyee-internal--inner-hero .deyee-internal__copy { grid-column: 1 / -1; }
  .deyee-internal--inner-hero .deyee-internal__copy h1 { max-width:70%; font-size: clamp(34px, 8vw, 44px); overflow-wrap: anywhere; }
  .deyee-internal__item,
  .deyee-internal--company-timeline .deyee-internal__item,
  .deyee-internal--project-delivery .deyee-internal__item,
  .deyee-internal--distributor-process .deyee-internal__item,
  .deyee-internal--service-lifecycle .deyee-internal__item,
  .deyee-internal--technology-architecture .deyee-internal__item,
  .deyee-internal--team-editorial .deyee-internal__item:first-child,
  .deyee-internal--team-editorial .deyee-internal__item:not(:first-child),
  .deyee-internal--product-modules .deyee-internal__item,
  .deyee-internal--solution-chapters .deyee-internal__item,
  .deyee-internal--case-evidence .deyee-internal__item {
    grid-column: 1 / -1;
    min-height: 0;
  }
  .deyee-internal__item { padding: 28px 0 36px; border-right: 0; }
  .deyee-internal__item > img,
  .deyee-internal--product-modules .deyee-internal__item > img {
    width: 100%;
    height: auto;
    margin: 0 0 26px;
    aspect-ratio: 4 / 3;
  }
  .deyee-internal--company-timeline .deyee-internal__item h3 { margin-top: 28px; }
  .deyee-internal--project-delivery .deyee-internal__index,
  .deyee-internal--distributor-process .deyee-internal__index,
  .deyee-internal--service-lifecycle .deyee-internal__index { margin-bottom: 28px; }
  .deyee-internal__form { padding: 28px 20px; }
  .deyee-internal--service-lifecycle .deyee-internal__items { column-gap: 0; }
}

/* Gutenberg uses the same visual grammar but remains static and bounded. */
.editor-styles-wrapper .deyee-internal { min-height: 0; }
.editor-styles-wrapper .deyee-internal__copy,
.editor-styles-wrapper .deyee-internal__items {
  position: static !important;
  transform: none !important;
}
.editor-styles-wrapper .deyee-internal__item:nth-child(n + 5) { display: none; }

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