/* =========================================================
   DIGITAL PROMOTIX — BRANDING PAGE
   Fresh hero + identity-system composition.
   Global typography/buttons/tokens remain owned by global.css.
   ========================================================= */

/* 01 — Brand Identity hero */
.brand-hero-v2{
  position:relative;
  min-height:clamp(640px,82svh,820px);
  display:grid;
  align-items:center;
  overflow:clip;
  isolation:isolate;
  background:var(--dp-black);
  color:#fff;
}
.brand-hero-v2__media{
  position:absolute;
  inset:0 0 0 40%;
  z-index:-2;
}
.brand-hero-v2__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.brand-hero-v2__veil{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,var(--dp-black) 0%,rgba(9,8,12,.98) 25%,rgba(9,8,12,.78) 44%,rgba(9,8,12,.18) 73%,rgba(9,8,12,.08) 100%);
}
.brand-hero-v2__inner{
  position:relative;
  min-height:inherit;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);
  align-items:center;
  gap:clamp(36px,7vw,100px);
  padding-block:clamp(72px,9vw,120px);
}
.brand-hero-v2__copy{max-width:760px}
.brand-hero-v2__eyebrow{color:var(--dp-purple-soft);margin-bottom:10px}
.brand-hero-v2__title{
  max-width:760px;
  font-size:var(--dp-hero-h1);
  line-height:.92;
  color:#fff;
}
.brand-hero-v2__title .dp-title-accent{color:var(--dp-purple-soft)}
.brand-hero-v2__lead{
  max-width:650px;
  margin-top:24px;
  color:rgba(255,255,255,.76);
  font-size:var(--dp-body-lg);
  line-height:1.7;
}
.brand-hero-v2__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.brand-hero-v2__actions .btn-secondary{--btn-bg:#fff;--btn-fg:var(--dp-black)}
.brand-hero-v2__stats{
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
  margin-top:34px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.14);
}
.brand-hero-v2__stats span{color:rgba(255,255,255,.68);font-size:.74rem;letter-spacing:.01em}
.brand-hero-v2__stats b{margin-right:7px;color:var(--dp-purple-soft);font-size:.64rem;letter-spacing:.08em}
.brand-hero-v2__proof{
  justify-self:end;
  width:min(250px,100%);
  display:grid;
  gap:4px;
  padding-left:22px;
  border-left:1px solid rgba(255,255,255,.2);
}
.brand-hero-v2__proof strong{font:500 clamp(3.5rem,6vw,5.4rem)/.8 "Barlow Condensed",Arial,sans-serif;color:#fff}
.brand-hero-v2__proof span{margin-top:9px;color:rgba(255,255,255,.58);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.brand-hero-v2__proof small{color:rgba(255,255,255,.88);font-size:.74rem;line-height:1.45}

/* 02 — Identity System */
/* 02 — Inside the Identity System — unified tabbed presentation */
.brand-identity-system{background:var(--dp-white);color:var(--dp-black)}
.brand-identity-system__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);align-items:end;gap:clamp(34px,7vw,100px);margin-bottom:30px}
.brand-identity-system__head .section-subtitle{color:var(--dp-purple)!important}
.brand-identity-system__title{max-width:760px;margin-top:10px;color:var(--dp-black)}
.brand-identity-system__intro{max-width:560px;color:var(--dp-muted);font-size:var(--dp-body-lg);line-height:1.65}
.identity-tabs-v2{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:rgba(112,40,223,.32) transparent;scroll-snap-type:x proximity}
.identity-tabs-v2 .identity-tab{position:relative;flex:1 0 138px;min-width:138px;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--dp-border);border-radius:16px;background:#fff;color:var(--dp-black);cursor:pointer;text-align:left;box-shadow:0 10px 26px rgba(20,10,35,.045);scroll-snap-align:start;transition:transform var(--dp-normal) var(--dp-ease-premium),border-color var(--dp-normal) ease,background var(--dp-normal) ease,color var(--dp-normal) ease,box-shadow var(--dp-normal) var(--dp-ease-premium)}
.identity-tabs-v2 .identity-tab::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:999px;background:transparent;transform:scaleX(.25);transform-origin:left;transition:transform 360ms var(--dp-ease-premium),background 360ms ease}
.identity-tabs-v2 .identity-tab:hover,.identity-tabs-v2 .identity-tab:focus-visible{transform:translateY(-2px);border-color:rgba(112,40,223,.28);box-shadow:0 16px 32px rgba(60,34,90,.10)}
.identity-tabs-v2 .identity-tab.is-active{color:#fff;border-color:var(--dp-purple);background:linear-gradient(135deg,#7b35ee,#5d18c9);box-shadow:0 16px 34px rgba(112,40,223,.20)}
.identity-tabs-v2 .identity-tab.is-active::after{background:#fff;transform:scaleX(1)}
.identity-tabs-v2 .identity-tab__number{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(23,19,29,.10);border-radius:9px;color:var(--dp-purple);background:#f8f8f8;font:800 .6rem/1 "DM Sans",Arial,sans-serif;letter-spacing:.06em;flex:none}
.identity-tabs-v2 .identity-tab.is-active .identity-tab__number{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.12)}
.identity-tabs-v2 .identity-tab__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .73rem/1.1 "DM Sans",Arial,sans-serif}
.identity-tabs-v2 .identity-tab__arrow{color:var(--dp-muted);font-size:.9rem;transition:transform 300ms var(--dp-ease-premium),color 300ms ease}
.identity-tabs-v2 .identity-tab:hover .identity-tab__arrow,.identity-tabs-v2 .identity-tab:focus-visible .identity-tab__arrow,.identity-tabs-v2 .identity-tab.is-active .identity-tab__arrow{color:currentColor;transform:translate(2px,-2px)}
.identity-panels{margin-top:16px}
.identity-panel{height:720px;min-height:720px;overflow:hidden;display:grid;grid-template-rows:292px 1fr;border:1px solid var(--dp-border);border-radius:24px;background:var(--dp-paper);box-shadow:var(--dp-shadow-soft)}
.identity-panel[hidden]{display:none}
.identity-panel.is-active{animation:identityPanelIn 420ms var(--dp-ease-premium) both}
@keyframes identityPanelIn{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.identity-panel__intro{min-height:0;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:stretch;border-bottom:1px solid var(--dp-border);overflow:hidden}
.identity-panel__intro > div:first-child{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:34px 40px}
.identity-panel__intro h3{max-width:620px;margin-top:8px;color:var(--dp-black);font-size:clamp(2.1rem,3.25vw,3.65rem);line-height:.92;letter-spacing:-.012em}
.identity-panel__intro h3 .dp-title-accent{color:var(--dp-purple)!important;-webkit-text-fill-color:currentColor!important}
.identity-panel__intro h3 .dp-title-accent:hover{color:var(--dp-black)!important;-webkit-text-fill-color:currentColor!important}
.identity-panel__intro p:not(.panel-kicker){max-width:510px;margin-top:15px;color:var(--dp-muted);font-size:.9rem;line-height:1.55}
.panel-kicker{margin:0;color:var(--dp-purple);font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.identity-panel__intro > img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;background:#f1eff4}
.identity-panel__body{min-height:0;display:grid;gap:12px;padding:12px;align-items:stretch}
.identity-panel__body--cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.identity-panel__body--icon-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.identity-visual-card,.type-spec-card,.icon-tile{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--dp-border);border-radius:18px;background:#fff}
.identity-visual-card{display:flex;flex-direction:column}
.identity-visual-card img{width:100%;height:214px;object-fit:cover;background:#f1eff4}
.identity-visual-card > div:last-child{padding:13px 15px 15px}
.identity-visual-card h4{margin:0;color:var(--dp-black);font-family:"Barlow Condensed",Arial,sans-serif;font-size:1.22rem;line-height:.98}
.identity-visual-card p{margin-top:6px;color:var(--dp-muted);font-size:.72rem;line-height:1.42}
.type-spec-card{display:flex;flex-direction:column;justify-content:center;padding:30px}
.type-spec-card > span{margin-bottom:15px;color:var(--dp-purple);font-size:.63rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.type-spec-card strong{color:var(--dp-black);font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(2rem,3vw,3.2rem);line-height:.88}
.type-spec-card:nth-child(2) strong{font-family:"DM Sans",Arial,sans-serif;font-weight:700}
.type-spec-card:nth-child(3) strong{font-family:"Kaushan Script",cursive;font-weight:400}
.type-spec-card p{margin-top:12px;color:var(--dp-muted);font-size:.74rem;line-height:1.5}
.identity-panel__body--icon-cards .icon-tile{min-height:0;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:20px;background:#fff;color:var(--dp-black);text-align:left}
.icon-tile span{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:rgba(112,40,223,.08);color:var(--dp-purple);font-family:"Barlow Condensed",Arial,sans-serif;font-size:1.55rem}
.icon-tile b{max-width:180px;color:var(--dp-black);font-size:.74rem;line-height:1.3}
.icon-tile:hover{transform:translateY(-2px);border-color:rgba(112,40,223,.32);box-shadow:0 14px 30px rgba(60,34,90,.08)}
.guideline-palette{display:grid;grid-template-columns:repeat(5,1fr);height:100%;min-height:120px}
.guideline-palette i:nth-child(1){background:#09080c}.guideline-palette i:nth-child(2){background:#7028df}.guideline-palette i:nth-child(3){background:#fff}.guideline-palette i:nth-child(4){background:#ededed}.guideline-palette i:nth-child(5){background:#15121b}
.guideline-type{min-height:120px;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:4px 10px;padding:20px;background:#fff}
.guideline-type strong,.guideline-type b{font-family:"Barlow Condensed",Arial,sans-serif;font-size:2.5rem;line-height:.85}.guideline-type b{font-family:"DM Sans",Arial,sans-serif;font-size:1.9rem}.guideline-type span{align-self:end;color:var(--dp-muted);font-size:.64rem}
@media(max-width:920px){
  .brand-identity-system__head{grid-template-columns:1fr;gap:16px}
  .identity-panel{height:auto;min-height:0;grid-template-rows:auto auto}
  .identity-panel__intro{grid-template-columns:1fr}
  .identity-panel__intro > img{height:250px;min-height:250px}
  .identity-panel__body,.identity-panel__body--cards,.identity-panel__body--icon-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .identity-tabs-v2 .identity-tab{flex-basis:180px;min-width:180px;min-height:62px}
  .identity-panel{border-radius:20px}
  .identity-panel__intro > div:first-child{padding:26px 22px}
  .identity-panel__intro h3{font-size:clamp(2.2rem,11vw,3.2rem)}
  .identity-panel__intro > img{height:210px;min-height:210px}
  .identity-panel__body,.identity-panel__body--cards,.identity-panel__body--icon-cards{grid-template-columns:1fr}
  .identity-visual-card img{height:210px}
  .type-spec-card{min-height:220px}
}

/* 03 — Featured Projects */

.featured-projects {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:var(--dp-black);
  color: #fff;
}

.featured-projects__backdrop {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:url("../images/projects/featured-projects-bg.webp") center / cover no-repeat;
  opacity: .18;
}

.featured-projects::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:linear-gradient(180deg, rgba(9, 8, 12, .80), rgba(9, 8, 12, .97));
}

.featured-projects__head {
  max-width: 800px;
  margin-bottom: 34px;
}

.featured-projects__eyebrow {
  color: rgba(255, 255, 255, .72);
}

.featured-projects__title {
  margin-top: 12px;
  color: #fff;
}

.featured-projects__title .dp-title-accent {
  color: var(--dp-purple-soft);
}

.featured-projects__head > div > p:last-child {
  max-width: 720px;
  margin-top: 16px;
  color: rgba(255, 255, 255, .68);
  font-size: var(--dp-body-lg);
  line-height: 1.55;
}

.featured-projects__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.project-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border:1px solid rgba(255, 255, 255, .16);
  border-radius:18px;
  background:rgba(255, 255, 255, .045);
  box-shadow:0 22px 52px rgba(0, 0, 0, .22);
  transition: transform var(--dp-normal) var(--dp-ease-premium), border-color var(--dp-normal) ease, background var(--dp-normal) ease;
}

.project-card:hover {
  transform: translateY(-5px);
  border-color:rgba(112, 40, 223, .66);
  background:rgba(255, 255, 255, .065);
}

.project-card__media {
  display: block;
  aspect-ratio: 1.14 / 1;
  overflow: hidden;
  background:#17131d;
}

.project-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms var(--dp-ease-premium);
}

.project-card:hover .project-card__media img {
  transform: scale(1.035);
}

.project-card__body {
  min-height: 238px;
  display: flex;
  flex-direction: column;
  padding: 15px;
}

.project-card__project-name {
  color: rgba(255, 255, 255, .54);
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.project-card .service-card__title {
  display: block;
  min-height: 1.9em;
  margin-top: 7px;
  color: #fff;
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: var(--dp-card-title);
  font-weight: 500;
  line-height: .94;
  text-transform: uppercase;
}

.project-card .service-card__title-line {
  display: block;
  white-space: nowrap;
}

.project-card .service-card__title .dp-title-accent {
  color: var(--dp-purple-soft);
}

.project-card__body > p {
  margin-top: 5px;
  color: rgba(255, 255, 255, .66);
  font-size: .76rem;
}

.project-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 13px;
}

.project-card__tags span {
  padding: 6px 8px;
  border:1px solid rgba(255, 255, 255, .25);
  border-radius:999px;
  color: rgba(255, 255, 255, .78);
  font-size: .57rem;
  white-space: nowrap;
}

.project-card__button {
  width: max-content;
  margin-top: auto;
  min-height: 43px;
}

.project-card__button .btn-icon {
  width: 31px;
  height: 31px;
  flex-basis: 31px;
}

/* 04 — Real-world applications */
.real-world-applications {
  position: relative;
  overflow: hidden;
  background:var(--dp-white);
}

.real-world-applications::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:radial-gradient(circle at 82% 12%, rgba(112, 40, 223, .055), transparent 30%);
}

.real-world-applications__inner {
  position: relative;
  z-index: 1;
}

.real-world-applications__head {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: clamp(36px, 6vw, 92px);
  margin-bottom: 28px;
}

.real-world-applications__copy {
  max-width: 610px;
}

.real-world-applications__title {
  margin-top: 12px;
  color: var(--dp-black);
}

.real-world-applications__copy > p:not(.eyebrow) {
  max-width: 560px;
  margin-top: 18px;
  color: var(--dp-muted);
  font-size: var(--dp-body-lg);
  line-height: 1.62;
}

.real-world-applications__copy > .btn {
  margin-top: 26px;
}

.real-world-applications__hero-media {
  overflow: hidden;
  min-height: 420px;
  border:1px solid var(--dp-border);
  border-radius:24px;
  background:var(--dp-paper);
  box-shadow:var(--dp-shadow-soft);
}

.real-world-applications__hero-media img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  transition: transform 800ms var(--dp-ease-premium);
}

.real-world-applications__hero-media:hover img {
  transform: scale(1.025);
}

.applications-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.application-card {
  min-width: 0;
  overflow: hidden;
  border:1px solid var(--dp-border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--dp-shadow-soft);
  transition: transform var(--dp-normal) var(--dp-ease-premium), box-shadow var(--dp-normal) var(--dp-ease-premium), border-color var(--dp-normal) ease;
}

.application-card:hover {
  transform: translateY(-4px);
  border-color:rgba(112, 40, 223, .28);
  box-shadow:var(--dp-shadow);
}

.application-card__media {
  aspect-ratio: 1.35 / 1;
  overflow: hidden;
  background:var(--dp-paper);
}

.application-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms var(--dp-ease-premium);
}

.application-card:hover .application-card__media img {
  transform: scale(1.035);
}

.application-card__body {
  position: relative;
  min-height: 158px;
  padding: 17px 58px 17px 17px;
}

.application-service-title {
  display: block;
  margin: 0;
  color: var(--dp-black);
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: var(--dp-card-title);
  font-weight: 500;
  line-height: .94;
  text-transform: uppercase;
}

.application-service-title .dp-title-accent {
  color: var(--dp-purple);
  -webkit-text-fill-color: currentColor;
}

.application-service-title:hover .dp-title-accent,
.application-service-title:focus-visible .dp-title-accent {
  color: var(--dp-black);
  transform: translateY(-2px) scale(1.018);
}

.application-card__body > p {
  max-width: 250px;
  margin-top: 7px;
  color: var(--dp-muted);
  font-size: .76rem;
  line-height: 1.48;
}

.application-card__action {
  position: absolute;
  top: 50%;
  right: 15px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border:1px solid rgba(23, 19, 29, .18);
  border-radius:50%;
  background:#fff;
  color: var(--dp-black);
  transform: translateY(-50%);
  transition: background var(--dp-normal) ease, color var(--dp-normal) ease, border-color var(--dp-normal) ease, transform var(--dp-normal) var(--dp-ease-premium);
}

.application-card__action svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.application-card__action:hover,
.application-card__action:focus-visible {
  border-color:var(--dp-purple);
  background:var(--dp-purple);
  color: #fff;
  transform: translateY(-50%) translateX(2px);
}

/* 05 — Tools */
.brand-tools {
  background:#fbfafc;
}

.brand-tools__head {
  max-width: 850px;
  margin-inline: auto;
  text-align: center;
}

.brand-tools__title {
  margin-top: 16px;
  color: var(--dp-black);
  font-size: var(--dp-h2);
  line-height: .92;
}

.brand-tools__head > p:last-child {
  max-width: 720px;
  margin: 22px auto 0;
  color: var(--dp-muted);
  font-size: var(--dp-body-lg);
  line-height: 1.6;
}

.brand-tools__grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  margin-top: 48px;
  overflow: hidden;
  border:1px solid rgba(23, 19, 29, .12);
  border-radius:24px;
  background:#fff;
}

.tool-card {
  min-width: 0;
  position: relative;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 46px 15px 34px;
  border-right:1px solid rgba(23, 19, 29, .09);
  text-align: center;
  opacity: 0;
  transform: translateY(28px) scale(.985);
  transition: opacity 680ms var(--dp-ease-premium), transform 680ms var(--dp-ease-premium), border-color 360ms ease, background 360ms ease, box-shadow 360ms ease;
}

.tool-card.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.tool-card:hover {
  z-index: 2;
  background:linear-gradient(180deg, #fff, #f8f8f8);
  box-shadow:0 20px 40px rgba(60, 34, 90, .10);
}

.tool-card:nth-child(2) { transition-delay: 70ms; }
.tool-card:nth-child(3) { transition-delay: 140ms; }
.tool-card:nth-child(4) { transition-delay: 210ms; }
.tool-card:nth-child(5) { transition-delay: 280ms; }
.tool-card:nth-child(6) { transition-delay: 350ms; }
.tool-card:nth-child(7) { transition-delay: 420ms; }

.tool-card:last-child {
  border-right:0;
}

.tool-card__logo {
  width: 96px;
  height: 96px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 30px rgba(20, 10, 35, .10);
  transition: transform 520ms var(--dp-ease-premium), box-shadow 520ms ease;
}

.tool-card:hover .tool-card__logo {
  transform: translateY(-5px);
  box-shadow:0 22px 42px rgba(112, 40, 223, .16);
}

.tool-card__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 520ms var(--dp-ease-premium), filter 520ms ease;
}

.tool-card:hover .tool-card__logo img {
  transform: scale(1.06) rotate(-2deg);
  filter:saturate(1.08);
}

.tool-card h3 {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
  color: var(--dp-black);
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: 1.38rem;
  line-height: .94;
  text-transform: uppercase;
  letter-spacing: -.01em;
}

.tool-card__title .dp-title-accent {
  color: var(--dp-purple);
  -webkit-text-fill-color: currentColor;
}

.tool-card__title:hover .dp-title-accent,
.tool-card__title:focus-visible .dp-title-accent {
  color: var(--dp-black);
  transform: translateY(-2px) scale(1.018);
}

.tool-card__rule {
  width: 30px;
  height: 1px;
  margin-top: 20px;
  background:#bcb6c0;
}

.tool-card p {
  margin-top: 20px;
  color: var(--dp-muted);
  font-size: .72rem;
  line-height: 1.5;
}

.brand-tools__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-top: 40px;
}

.brand-tools__footer span {
  width: 54px;
  height: 1px;
  background:rgba(23, 19, 29, .22);
}

.brand-tools__footer p {
  color: #9a939f;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .20em;
  text-align: center;
  text-transform: uppercase;
}

/* 06 — Final CTA */
.brand-final-cta {
  background:var(--dp-white);
  padding-top: 0;
}

.brand-final-cta__shell {
  position: relative;
  overflow: hidden;
  padding: clamp(56px, 7vw, 86px) clamp(24px, 6vw, 70px);
  border:1px solid rgba(23, 19, 29, .06);
  border-radius:24px;
  background:linear-gradient(135deg, #fbf8f3, #f5f5f5);
  box-shadow:var(--dp-shadow-soft);
  text-align: center;
}

.brand-final-cta__shell::before,
.brand-final-cta__shell::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius:50%;
  pointer-events: none;
  filter:blur(10px);
}

.brand-final-cta__shell::before {
  top: -160px;
  left: -90px;
  background:rgba(112, 40, 223, .09);
}

.brand-final-cta__shell::after {
  right: -100px;
  bottom: -170px;
  background:rgba(112, 40, 223, .07);
}

.brand-final-cta__title {
  position: relative;
  z-index: 1;
  margin-top: 12px;
  color: var(--dp-black);
  font-size: var(--dp-h2);
  line-height: .92;
}

.brand-final-cta__copy {
  position: relative;
  z-index: 1;
  max-width: 780px;
  margin: 18px auto 0;
  color: var(--dp-muted);
  font-size: var(--dp-body-lg);
  line-height: 1.6;
}

.brand-final-cta__actions {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

/* Responsive composition */

.brand-final-cta__shell {
  position: relative;
  overflow: hidden;
  padding: clamp(56px, 7vw, 86px) clamp(24px, 6vw, 70px);
  border:1px solid rgba(23, 19, 29, .06);
  border-radius:24px;
  background:linear-gradient(135deg, #fbf8f3, #f5f5f5);
  box-shadow:var(--dp-shadow-soft);
  text-align: center;
}

.brand-final-cta__shell::before,
.brand-final-cta__shell::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius:50%;
  pointer-events: none;
  filter:blur(10px);
}

.brand-final-cta__shell::before {
  top: -160px;
  left: -90px;
  background:rgba(112, 40, 223, .09);
}

.brand-final-cta__shell::after {
  right: -100px;
  bottom: -170px;
  background:rgba(112, 40, 223, .07);
}

.brand-final-cta__title {
  position: relative;
  z-index: 1;
  margin-top: 12px;
  color: var(--dp-black);
  font-size: var(--dp-h2);
  line-height: .92;
}

.brand-final-cta__copy {
  position: relative;
  z-index: 1;
  max-width: 780px;
  margin: 18px auto 0;
  color: var(--dp-muted);
  font-size: var(--dp-body-lg);
  line-height: 1.6;
}

.brand-final-cta__actions {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

/* Responsive composition */
@media (max-width: 1180px) {
  .brand-hero__panel { width: min(610px, 64vw); }
  .brand-hero__note { width: 285px; }
  .identity-panel__intro { grid-template-columns: 1fr 1fr; }
  .featured-projects__grid,
  .applications-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-tools__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .identity-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tool-card:nth-child(4) { border-right:0; }
  .tool-card:nth-child(n + 5) { border-top:1px solid rgba(23, 19, 29, .09); }
  .imagery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .icon-body { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .brand-hero { min-height: auto; }
  .brand-hero__media { position: absolute; inset: 28% 0 0; }
  .brand-hero__media img { object-position: 60% center; }
  .brand-hero__overlay {
    background:linear-gradient(180deg, rgba(9, 8, 12, .98) 0%, rgba(9, 8, 12, .94) 45%, rgba(9, 8, 12, .42) 100%);
  }
  .brand-hero__shell { min-height: 800px; align-items: flex-start; }
  .brand-hero__panel { width: min(680px, 100%); margin-top: 10px; }
  .brand-hero__note { right: var(--dp-gutter); bottom: 36px; width: 285px; }
  .identity-system__head { grid-template-columns: 1fr; gap: 20px; }
  .identity-panel__intro { grid-template-columns: 1fr; }
  .identity-panel__intro > img { min-height: 300px; max-height: 360px; }
  .identity-panel__intro--palette { grid-template-columns: 1fr; }
  .color-body,
  .type-body,
  .four-up-body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .color-detail--wide { grid-column: span 2; }
  .imagery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .icon-body { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .real-world-applications__head { grid-template-columns: 1fr; gap: 30px; }
  .identity-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-tools__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tool-card:nth-child(odd) { border-right:1px solid rgba(23, 19, 29, .09); }
  .tool-card:nth-child(even) { border-right:0; }
  .tool-card:nth-child(n + 3) { border-top:1px solid rgba(23, 19, 29, .09); }
}

@media (max-width: 620px) {
  .brand-hero__shell { min-height: 760px; padding-block: 66px 110px; }
  .brand-hero__panel { padding: 26px 22px; border-radius:22px; }
  .brand-hero__actions { display: grid; grid-template-columns: 1fr; }
  .brand-hero__actions .btn { width: 100%; }
  .brand-hero__services { display: grid; grid-template-columns: 1fr; }
  .brand-hero__note { left: var(--dp-gutter); right: auto; bottom: 28px; width: calc(100% - (var(--dp-gutter) * 2)); }
  .identity-system { padding-block: 68px 82px; }
  .identity-tabs { margin-inline: -2px; }
  .identity-panel { border-radius:20px; }
  .identity-panel__intro > div:first-child { padding: 28px 22px; }
  .identity-panel__intro h3 { font-size: clamp(2.45rem, 12vw, 3.45rem); }
  .identity-panel__intro > img { min-height: 230px; max-height: 260px; }
  .color-swatch-row { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 20px; }
  .color-swatch-row > span { min-height: 135px; }
  .logo-body,
  .color-body,
  .type-body,
  .four-up-body,
  .imagery-grid { grid-template-columns: 1fr; }
  .color-detail--wide { grid-column: auto; }
  .icon-body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .featured-projects__grid,
  .applications-grid { grid-template-columns: 1fr; }
  .project-card__body { min-height: 220px; }
  .real-world-applications__hero-media,
  .real-world-applications__hero-media img { min-height: 280px; }
  .application-card__body { min-height: 145px; }
  .brand-tools__grid { grid-template-columns: 1fr; border-radius:20px; }
  .identity-tabs { grid-template-columns: 1fr; }
  .identity-panel { min-height: 0; }
  .identity-tab { min-height: 66px; }
  .tool-card,
  .tool-card:nth-child(odd),
  .tool-card:nth-child(even) { min-height: 320px; border-right:0; border-top:1px solid rgba(23, 19, 29, .09); }
  .tool-card:first-child { border-top:0; }
  .brand-tools__footer { gap: 14px; }
  .brand-tools__footer span { width: 28px; }
  .brand-tools__footer p { font-size: .58rem; letter-spacing: .12em; }
  .brand-final-cta__actions { display: grid; grid-template-columns: 1fr; }
  .brand-final-cta__actions .btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-hero__media img,
  .project-card,
  .project-card__media img,
  .application-card,
  .application-card__media img,
  .tool-card,
  .tool-card__logo,
  .tool-card__logo img,
  .identity-panel.is-active,
  .real-world-applications__hero-media img,
  .identity-tab,
  .icon-tile { transition: none; }
}


/* Fresh responsive rules for the rebuilt hero + identity system */
@media (max-width:1180px){
  .brand-hero-v2__inner{grid-template-columns:minmax(0,1fr) minmax(190px,.32fr);gap:44px}
  .brand-hero-v2__media{inset:0 0 0 38%}
  .identity-tabs-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:920px){
  .brand-hero-v2{min-height:720px}
  .brand-hero-v2__media{inset:34% 0 0}
  .brand-hero-v2__veil{background:linear-gradient(180deg,rgba(9,8,12,.94) 0%,rgba(9,8,12,.78) 48%,rgba(9,8,12,.58) 100%)}
  .brand-hero-v2__inner{grid-template-columns:1fr;align-content:start;padding-block:74px 92px}
  .brand-hero-v2__copy{max-width:700px}
  .brand-hero-v2__proof{justify-self:start;width:auto;max-width:300px;margin-top:12px;padding-left:0;padding-top:16px;border-left:0;border-top:1px solid rgba(255,255,255,.2)}
  .brand-identity-system__head{grid-template-columns:1fr;gap:18px}
}
@media (max-width:620px){
  .brand-hero-v2{min-height:760px}
  .brand-hero-v2__media{inset:42% 0 0}
  .brand-hero-v2__inner{padding-block:62px 88px}
  .brand-hero-v2__actions{display:grid;grid-template-columns:1fr}
  .brand-hero-v2__actions .btn{width:100%}
  .brand-hero-v2__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
  .brand-hero-v2__proof{margin-top:6px}
  .identity-tabs-v2{grid-template-columns:1fr}
  .identity-tabs-v2 .identity-tab{min-height:64px}
}
@media (prefers-reduced-motion:reduce){
  .brand-hero-v2__media img,.identity-tabs-v2 .identity-tab,.identity-panel.is-active{transition:none;animation:none}
}

/* Final polish — selected project title accents */
.project-card .service-card__title .dp-title-accent {
  color: var(--dp-purple);
  -webkit-text-fill-color: currentColor;
  transition: color 420ms var(--dp-ease-premium), transform 320ms var(--dp-ease-premium), letter-spacing 320ms var(--dp-ease-premium);
}

.project-card .service-card__title .dp-title-accent:hover,
.project-card .service-card__title .dp-title-accent:focus-visible,
.project-card:hover .service-card__title .dp-title-accent,
.project-card:focus-within .service-card__title .dp-title-accent {
  color: var(--dp-white);
  -webkit-text-fill-color: currentColor;
  transform: translateY(-2px) scale(1.018);
  letter-spacing: .008em;
}

/* Keep every tool-card title visually balanced at exactly two lines. */
.tool-card h3.tool-card__title {
  min-height: 3.05em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-top: 22px;
  font-size: var(--dp-card-title);
  line-height: .94;
}

.tool-card__title-line {
  display: block;
  white-space: nowrap;
}

.tool-card__title-line.dp-title-accent {
  color: var(--dp-purple);
  -webkit-text-fill-color: currentColor;
}

.tool-card__title:hover .dp-title-accent,
.tool-card__title:focus-visible .dp-title-accent {
  color: var(--dp-black);
  -webkit-text-fill-color: currentColor;
  transform: translateY(-2px) scale(1.018);
}

/* Final CTA: clean white section with no bordered/card background. */
.brand-final-cta__shell {
  overflow: visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.brand-final-cta__shell::before,
.brand-final-cta__shell::after {
  display: none;
}


/* Selected Brand Identity Projects — global accent + guaranteed hover contrast. */
.project-card .service-card__title .dp-title-accent,
.project-card .service-card__title .dp-title-accent:visited{
  color:var(--dp-purple)!important;
  -webkit-text-fill-color:var(--dp-purple)!important;
}
.project-card .service-card__title:hover .dp-title-accent,
.project-card:hover .service-card__title .dp-title-accent,
.project-card:focus-within .service-card__title .dp-title-accent,
.project-card .service-card__title .dp-title-accent:hover,
.project-card .service-card__title .dp-title-accent:focus-visible{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* v31 — dark featured-project subtitle */
.branding-featured-projects .featured-projects__eyebrow{color:var(--dp-white)!important;opacity:1!important;}

/* =========================================================
   BRAND IDENTITY HERO — WHITE / 3-IMAGE GRID
   Clean reference-led composition using the existing identity product assets.
   ========================================================= */
.brand-identity-hero{
  position:relative;
  overflow:clip;
  background:var(--dp-white);
  color:var(--dp-black);
}
.brand-identity-hero__inner{
  min-height:clamp(560px,72svh,720px);
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);
  align-items:center;
  gap:clamp(42px,6vw,88px);
  padding-block:clamp(46px,5.5vw,76px);
}
.brand-identity-hero__copy{max-width:650px}
.brand-identity-hero__eyebrow{
  margin:0 0 10px;
  color:var(--dp-purple)!important;
  font-size:var(--dp-eyebrow-size)!important;
  line-height:1.15;
}
.brand-identity-hero__title{
  max-width:650px;
  margin:0;
  color:var(--dp-black);
  font-size:var(--dp-hero-h1);
  line-height:.92;
  letter-spacing:-.018em;
}
.brand-identity-hero__title .dp-title-accent{
  color:var(--dp-purple)!important;
  -webkit-text-fill-color:currentColor!important;
  transition:color 520ms var(--dp-ease-premium),transform 360ms var(--dp-ease-premium),letter-spacing 360ms var(--dp-ease-premium);
}
.brand-identity-hero__title .dp-title-accent:hover,
.brand-identity-hero__title .dp-title-accent:focus-visible{
  color:var(--dp-black)!important;
  -webkit-text-fill-color:currentColor!important;
  transform:translateY(-2px) scale(1.018);
  letter-spacing:.008em;
}
.brand-identity-hero__lead{
  max-width:56ch;
  margin-top:20px;
  color:var(--dp-muted);
  font-size:var(--dp-body-lg);
  line-height:1.62;
}
.brand-identity-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.brand-identity-hero__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid var(--dp-border);
}
.brand-identity-hero__stats span{
  min-width:0;
  color:var(--dp-muted);
  font-size:.74rem;
  line-height:1.3;
}
.brand-identity-hero__stats b{margin-right:6px;color:var(--dp-purple);font-size:.63rem;letter-spacing:.08em}
.brand-identity-hero__visual{
  display:grid;
  grid-template-columns:minmax(0,1.34fr) minmax(0,.86fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  max-width:650px;
  justify-self:end;
  min-height:470px;
}
.brand-identity-hero__tile{
  position:relative;
  display:block;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(9,8,12,.08);
  border-radius:22px;
  background:#f5f4f6;
  box-shadow:0 16px 36px rgba(9,8,12,.08);
  isolation:isolate;
}
.brand-identity-hero__tile--one{grid-row:1 / span 2}
.brand-identity-hero__tile--two{grid-column:2;grid-row:1}
.brand-identity-hero__tile--three{grid-column:2;grid-row:2}
.brand-identity-hero__tile::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,transparent 62%,rgba(9,8,12,.10));
  pointer-events:none;
}
.brand-identity-hero__tile img{
  width:100%;height:100%;display:block;
  object-fit:cover;object-position:center;
  transition:transform 520ms var(--dp-ease-premium);
}
.brand-identity-hero__tile:hover img,.brand-identity-hero__tile:focus-visible img{transform:scale(1.025)}
@media (max-width:1080px){
  .brand-identity-hero__inner{
    grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);
    gap:42px;
  }
  .brand-identity-hero__visual{min-height:500px}
}
@media (max-width:860px){
  .brand-identity-hero__inner{
    grid-template-columns:1fr;
    gap:42px;
    padding-block:70px 78px;
  }
  .brand-identity-hero__copy{max-width:720px}
  .brand-identity-hero__visual{
    justify-self:stretch;
    max-width:none;
    min-height:520px;
  }
}
@media (max-width:620px){
  .brand-identity-hero__inner{padding-block:58px 64px;gap:34px}
  .brand-identity-hero__actions{display:grid;grid-template-columns:1fr}
  .brand-identity-hero__actions .btn{width:100%}
  .brand-identity-hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:28px}
  .brand-identity-hero__visual{
    grid-template-columns:1fr 1fr;
    grid-template-rows:repeat(2,210px);
    gap:10px;
    min-height:430px;
  }
  .brand-identity-hero__tile{border-radius:17px}
}
@media (max-width:430px){
  .brand-identity-hero__visual{
    grid-template-rows:repeat(2,175px);
  }
}
@media (prefers-reduced-motion:reduce){
  .brand-identity-hero__tile img{transition:none}
}

/* v34 — tool titles use a compact global card scale. */
.tool-card h3.tool-card__title{
  font-size:clamp(1.35rem,1.7vw,1.68rem);
  line-height:.94;
}
.tool-card__title .dp-title-accent,
.tool-card__title .dp-title-accent:not(:hover){
  color:var(--dp-purple)!important;
  -webkit-text-fill-color:currentColor!important;
}
.tool-card__title .dp-title-accent:hover,
.tool-card__title .dp-title-accent:focus-visible{
  color:var(--dp-black)!important;
  -webkit-text-fill-color:currentColor!important;
}
@media(max-width:920px){
  .identity-panel{height:auto;min-height:720px}
}
@media(max-width:620px){
  .identity-panel{min-height:0}
}

/* v34 — dark branding sections use white subtitles; light sections retain global purple. */
.branding-featured-projects .section-subtitle,
.brand-tools .section-subtitle{
  color:var(--dp-white)!important;
}

/* v36 — final brand identity system consistency pass. */
.brand-identity-system__head .section-subtitle{
  color:var(--dp-purple)!important;
  font-size:var(--dp-eyebrow-size)!important;
  line-height:1.15;
}
.brand-identity-system__title .dp-title-accent,
.identity-panel h3 .dp-title-accent,
.identity-card-title .dp-title-accent{
  color:var(--dp-purple)!important;
  -webkit-text-fill-color:currentColor!important;
  transition:color 520ms var(--dp-ease-premium),transform 360ms var(--dp-ease-premium),letter-spacing 360ms var(--dp-ease-premium);
}
.brand-identity-system__title .dp-title-accent:hover,
.brand-identity-system__title .dp-title-accent:focus-visible,
.identity-panel h3 .dp-title-accent:hover,
.identity-panel h3 .dp-title-accent:focus-visible,
.identity-card-title .dp-title-accent:hover,
.identity-card-title .dp-title-accent:focus-visible{
  color:var(--dp-black)!important;
  -webkit-text-fill-color:currentColor!important;
  transform:translateY(-2px) scale(1.018);
  letter-spacing:.008em;
}
.identity-panel{
  height:720px!important;
  min-height:720px!important;
  grid-template-rows:292px minmax(0,1fr)!important;
}
.identity-panel__body,
.identity-panel__body--cards,
.identity-panel__body--icon-cards{
  height:100%;
  grid-auto-rows:minmax(0,1fr);
  align-items:stretch;
}
.identity-visual-card,
.type-spec-card,
.icon-tile{height:100%;min-height:0}
.identity-visual-card img{height:214px;flex:0 0 214px;object-fit:cover}
.identity-card-title{
  display:block;
  min-height:1.88em;
  margin:0;
  color:var(--dp-black);
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:var(--dp-card-title);
  font-weight:500;
  line-height:.94;
  letter-spacing:-.01em;
}
.identity-card-title span{display:inline}
.identity-card-title .dp-title-accent{font-weight:700}
.identity-tab__number{
  width:32px!important;height:32px!important;
  border-radius:10px!important;
  color:var(--dp-purple)!important;
  border-color:rgba(112,40,223,.18)!important;
  background:#f8f5ff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
}
.identity-tab.is-active .identity-tab__number{color:#fff!important;background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.28)!important}
.identity-tab__arrow{font-weight:700}

@media (max-width:1080px){
  .brand-identity-hero__inner{grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);gap:36px}
  .brand-identity-hero__visual{min-height:430px}
}
@media (max-width:860px){
  .brand-identity-hero__inner{grid-template-columns:1fr;gap:34px;padding-block:58px 64px}
  .brand-identity-hero__copy{max-width:720px}
  .brand-identity-hero__visual{justify-self:stretch;max-width:none;min-height:500px}
  .identity-panel{height:auto!important;min-height:0!important;grid-template-rows:auto auto!important}
  .identity-panel__intro{grid-template-columns:1fr}
  .identity-panel__intro>img{height:250px;min-height:250px}
  .identity-panel__body,.identity-panel__body--cards,.identity-panel__body--icon-cards{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  .identity-visual-card,.type-spec-card,.icon-tile{height:auto;min-height:260px}
}
@media (max-width:620px){
  .brand-identity-hero__visual{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,205px);min-height:420px;gap:10px}
  .brand-identity-hero__tile{border-radius:17px}
  .brand-identity-hero__stats{grid-template-columns:1fr 1fr;gap:10px}
  .identity-panel__body,.identity-panel__body--cards,.identity-panel__body--icon-cards{grid-template-columns:1fr}
  .identity-visual-card,.type-spec-card,.icon-tile{min-height:240px}
}
@media (max-width:430px){
  .brand-identity-hero__visual{grid-template-rows:repeat(2,175px);min-height:360px}
}
@media (prefers-reduced-motion:reduce){
  .brand-identity-hero__title .dp-title-accent,.identity-panel h3 .dp-title-accent,.identity-card-title .dp-title-accent{transition:none!important}
  .brand-identity-hero__tile img{transition:none!important}
}

/* v37 — Brand Identity banner + fresh second-section rebuild */
.brand-identity-hero__inner{
  min-height:0;
  padding-block:clamp(30px,3.4vw,50px);
  align-items:center;
  gap:clamp(34px,5vw,64px);
}
.brand-identity-hero__copy{max-width:650px}
.brand-identity-hero__lead{
  max-width:38ch;
  margin-top:18px;
  line-height:1.58;
}
.brand-identity-hero__actions{margin-top:22px}
.brand-identity-hero__stats{
  margin-top:22px;
  padding-top:0;
  border-top:0;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.brand-identity-hero__stats span{
  min-height:54px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid var(--dp-border);
  border-radius:14px;
  background:#faf9fb;
  color:var(--dp-black);
  line-height:1.18;
}
.brand-identity-hero__stats span::before{
  content:"";
  width:32px;height:32px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(112,40,223,.08);
  box-shadow:inset 0 0 0 1px rgba(112,40,223,.10);
}
.brand-identity-hero__stats span:nth-child(1)::before{content:"◆";color:var(--dp-purple);font-size:.55rem}
.brand-identity-hero__stats span:nth-child(2)::before{content:"✦";color:var(--dp-purple);font-size:.72rem}
.brand-identity-hero__stats span:nth-child(3)::before{content:"↗";color:var(--dp-purple);font-size:.9rem}
.brand-identity-hero__stats span:nth-child(4)::before{content:"✓";color:var(--dp-purple);font-size:.8rem}
.brand-identity-hero__stats b{display:none}
.brand-identity-hero__visual{
  width:100%;
  max-width:590px;
  min-height:0;
  height:clamp(360px,34vw,450px);
  grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:10px;
}
.brand-identity-hero__tile{border-radius:18px}
.brand-identity-hero__tile img{object-position:center}
.brand-identity-hero__title .dp-title-accent:hover,
.brand-identity-hero__title .dp-title-accent:focus-visible{
  color:var(--dp-black)!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Fresh premium capability section — no tabs or legacy image panels. */
.brand-system-showcase{
  background:var(--dp-white);
  color:var(--dp-black);
}
.brand-system-showcase__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);
  align-items:end;
  gap:clamp(34px,7vw,96px);
  margin-bottom:34px;
}
.brand-system-showcase__head .section-subtitle{
  color:var(--dp-purple)!important;
  font-size:var(--dp-eyebrow-size)!important;
  line-height:1.15;
}
.brand-system-showcase__title{
  max-width:760px;
  margin-top:10px;
  color:var(--dp-black);
}
.brand-system-showcase__title .dp-title-accent,
.brand-system-card h3 .dp-title-accent{
  color:var(--dp-purple)!important;
  -webkit-text-fill-color:currentColor!important;
  transition:color 300ms ease,transform 300ms var(--dp-ease-premium);
}
.brand-system-showcase__title .dp-title-accent:hover,
.brand-system-showcase__title .dp-title-accent:focus-visible,
.brand-system-card h3 .dp-title-accent:hover,
.brand-system-card h3 .dp-title-accent:focus-visible{
  color:var(--dp-black)!important;
  -webkit-text-fill-color:currentColor!important;
}
.brand-system-showcase__intro{
  max-width:560px;
  color:var(--dp-muted);
  font-size:var(--dp-body-lg);
  line-height:1.65;
}
.brand-system-showcase__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.brand-system-card{
  position:relative;
  min-height:310px;
  display:flex;
  flex-direction:column;
  padding:24px;
  overflow:hidden;
  border:1px solid var(--dp-border);
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#faf9fb 100%);
  box-shadow:0 16px 40px rgba(20,10,35,.055);
  transition:transform 320ms var(--dp-ease-premium),box-shadow 320ms var(--dp-ease-premium),border-color 320ms ease;
}
.brand-system-card::after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-70px;top:-70px;
  border-radius:50%;
  background:rgba(112,40,223,.06);
  pointer-events:none;
}
.brand-system-card:hover{
  transform:translateY(-5px);
  border-color:rgba(112,40,223,.25);
  box-shadow:0 22px 46px rgba(55,25,90,.10);
}
.brand-system-card__icon{
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:15px;
  color:var(--dp-purple);
  background:rgba(112,40,223,.08);
  box-shadow:inset 0 0 0 1px rgba(112,40,223,.10);
}
.brand-system-card__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand-system-card__number{
  margin-top:22px;
  color:var(--dp-purple);
  font:800 .64rem/1 "DM Sans",Arial,sans-serif;
  letter-spacing:.13em;
}
.brand-system-card h3{
  margin-top:9px;
  color:var(--dp-black);
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:clamp(1.85rem,2.25vw,2.55rem);
  line-height:.94;
  letter-spacing:-.012em;
}
.brand-system-card p{
  max-width:38ch;
  margin-top:11px;
  color:var(--dp-muted);
  font-size:.82rem;
  line-height:1.55;
}
.brand-system-card__meta{
  margin-top:auto;
  padding-top:18px;
  color:var(--dp-black);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
@media(max-width:1080px){
  .brand-identity-hero__inner{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:34px}
  .brand-identity-hero__visual{height:410px}
  .brand-system-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .brand-identity-hero__inner{grid-template-columns:1fr;gap:30px;padding-block:46px 52px}
  .brand-identity-hero__copy{max-width:720px}
  .brand-identity-hero__lead{max-width:55ch}
  .brand-identity-hero__visual{max-width:none;height:450px}
  .brand-system-showcase__head{grid-template-columns:1fr;gap:16px}
}
@media(max-width:620px){
  .brand-identity-hero__inner{padding-block:38px 44px;gap:28px}
  .brand-identity-hero__lead{max-width:none;font-size:1rem;line-height:1.58}
  .brand-identity-hero__actions{display:grid;grid-template-columns:1fr;gap:10px}
  .brand-identity-hero__actions .btn{width:100%}
  .brand-identity-hero__stats{grid-template-columns:1fr 1fr;gap:9px}
  .brand-identity-hero__stats span{font-size:.7rem;min-height:54px}
  .brand-identity-hero__visual{height:380px;grid-template-rows:repeat(2,185px);gap:9px}
  .brand-system-showcase__grid{grid-template-columns:1fr;gap:12px}
  .brand-system-card{min-height:270px;padding:21px}
}
@media(max-width:430px){
  .brand-identity-hero__visual{height:330px;grid-template-rows:repeat(2,160px)}
  .brand-identity-hero__stats span{grid-template-columns:28px minmax(0,1fr);padding:8px}
  .brand-identity-hero__stats span::before{width:28px;height:28px}
}
@media(prefers-reduced-motion:reduce){
  .brand-identity-hero__title .dp-title-accent,
  .brand-system-showcase__title .dp-title-accent,
  .brand-system-card h3 .dp-title-accent,
  .brand-system-card{transition:none!important}
}

/* v37 — keep the four banner proof points compact and readable. */
.brand-identity-hero__stats span{
  overflow:hidden;
}
.brand-identity-hero__stats span{
  text-wrap:balance;
}
@media(min-width:621px){
  .brand-identity-hero__stats span{font-size:.68rem;}
}

/* v38 — premium image-led brand system cards */
.brand-system-showcase{padding-top:clamp(48px,6vw,72px);padding-bottom:clamp(64px,7vw,92px);background:var(--dp-white);color:var(--dp-black)}
.brand-system-showcase__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);align-items:end;gap:clamp(30px,6vw,90px);margin-bottom:26px}
.brand-system-showcase__head .section-subtitle{color:var(--dp-purple)!important;font-size:var(--dp-eyebrow-size,1rem);line-height:1.15}
.brand-system-showcase__title{margin-top:10px;color:var(--dp-black);max-width:760px}
.brand-system-showcase__intro{max-width:570px;color:var(--dp-muted);font-size:var(--dp-body-lg);line-height:1.62}
.brand-system-showcase__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.brand-system-card{position:relative;isolation:isolate;min-width:0;height:clamp(300px,27vw,390px);overflow:hidden;border:1px solid rgba(23,19,29,.12);border-radius:22px;background:#15121b;box-shadow:0 16px 36px rgba(20,10,35,.10);transition:transform .42s var(--dp-ease-premium),box-shadow .42s var(--dp-ease-premium),border-color .42s ease}
.brand-system-card__media,.brand-system-card__shade{position:absolute;inset:0;z-index:-2}
.brand-system-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.brand-system-card__shade{z-index:-1;background:linear-gradient(180deg,rgba(9,8,12,.12) 0%,rgba(9,8,12,.22) 32%,rgba(9,8,12,.90) 100%)}
.brand-system-card:hover{transform:translateY(-5px);border-color:rgba(112,40,223,.45);box-shadow:0 24px 50px rgba(20,10,35,.18)}
.brand-system-card__icon{position:absolute;top:18px;left:18px;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:15px;background:rgba(9,8,12,.52);backdrop-filter:blur(8px);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.16);transition:transform .42s var(--dp-ease-premium),background .42s ease,color .42s ease}
.brand-system-card__icon::before{content:"";position:absolute;inset:-5px;border:1px solid rgba(112,40,223,.0);border-radius:19px;transform:scale(.82);transition:transform .42s var(--dp-ease-premium),border-color .42s ease}
.brand-system-card__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand-system-card:hover .brand-system-card__icon{transform:translateY(-2px) rotate(-3deg);background:var(--dp-purple);color:#fff}
.brand-system-card:hover .brand-system-card__icon::before{transform:scale(1);border-color:rgba(112,40,223,.55)}
.brand-system-card__content{position:absolute;left:22px;right:22px;bottom:21px;color:#fff}
.brand-system-card__number{display:block;margin-bottom:7px;color:rgba(255,255,255,.70);font:800 .62rem/1 "DM Sans",Arial,sans-serif;letter-spacing:.14em}
.brand-system-card h3{margin:0;max-width:90%;color:#fff;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(1.65rem,2.15vw,2.25rem);line-height:.96;letter-spacing:-.01em}
.brand-system-card h3 .dp-title-accent{color:var(--dp-purple-soft)!important;-webkit-text-fill-color:currentColor!important;transition:color .25s ease,-webkit-text-fill-color .25s ease}
.brand-system-card h3 .dp-title-accent:hover{color:#000!important;-webkit-text-fill-color:#000!important}
.brand-system-card__content p{max-width:390px;margin:8px 0 0;color:rgba(255,255,255,.80);font-size:.76rem;line-height:1.42}
@media(max-width:980px){.brand-system-showcase__head{grid-template-columns:1fr;gap:14px}.brand-system-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-system-card{height:330px}}
@media(max-width:620px){.brand-system-showcase{padding-top:40px}.brand-system-showcase__grid{grid-template-columns:1fr;gap:12px}.brand-system-card{height:320px;border-radius:19px}.brand-system-card__content{left:19px;right:19px;bottom:19px}.brand-system-card__icon{top:15px;left:15px}}
@media(prefers-reduced-motion:reduce){.brand-system-card,.brand-system-card__icon,.brand-system-card__icon::before{transition:none!important}}


/* v39 — brand system cards use only real portfolio imagery and global purple. */
.brand-system-showcase{padding-top:clamp(34px,4vw,52px)}
.brand-system-card h3 .dp-title-accent{color:var(--dp-purple)!important;-webkit-text-fill-color:var(--dp-purple)!important}
.brand-system-card h3 .dp-title-accent:hover,.brand-system-card h3 .dp-title-accent:focus-visible{color:#fff!important;-webkit-text-fill-color:#fff!important}
.brand-system-card__media img{object-position:center;object-fit:cover}
.brand-system-card__shade{background:linear-gradient(180deg,rgba(9,8,12,.08) 0%,rgba(9,8,12,.18) 26%,rgba(9,8,12,.94) 100%)}
.brand-system-card__icon{color:var(--dp-purple);background:rgba(9,8,12,.68);border-color:rgba(255,255,255,.22)}
.brand-system-card:hover .brand-system-card__icon{color:#fff;background:var(--dp-purple)}
@media(max-width:620px){.brand-system-showcase{padding-top:32px}}