.eva-distinctive-entry{
  position:relative;
  max-width:calc(var(--max) - clamp(40px,10vw,160px));
  margin:clamp(2rem,5vw,5rem) auto clamp(3rem,7vw,7rem);
  padding:clamp(1.5rem,4vw,3.5rem);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--accent-2) 42%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 12%,transparent),color-mix(in srgb,var(--bg) 72%,transparent));
}

.eva-distinctive-entry::after{
  content:"";
  position:absolute;
  right:-7rem;
  top:-8rem;
  width:20rem;
  height:20rem;
  border:1px solid color-mix(in srgb,var(--accent-2) 24%,transparent);
  border-radius:50%;
  pointer-events:none;
}

.ee-label{
  margin:0 0 .75rem;
  color:var(--accent-2);
  font:700 .69rem/1.2 var(--mono);
  letter-spacing:.16em;
}

.ee-title{
  max-width:15ch;
  margin:0;
  color:var(--ink);
  font:500 clamp(2.4rem,5.5vw,5.6rem)/.96 var(--serif);
  letter-spacing:-.045em;
}

.ee-text{
  max-width:47rem;
  margin:clamp(1rem,2vw,1.4rem) 0 clamp(1.5rem,3vw,2.2rem);
  color:color-mix(in srgb,var(--ink) 80%,transparent);
  font-size:clamp(1rem,1.5vw,1.2rem);
}

.ee-track{
  display:grid;
  grid-template-columns:repeat(var(--ee-count),minmax(0,1fr));
  gap:.65rem;
}

.ee-step{
  min-height:5.75rem;
  padding:1rem;
  display:grid;
  align-content:space-between;
  gap:.45rem;
  border:1px solid color-mix(in srgb,var(--accent-2) 28%,transparent);
  border-radius:.75rem;
  background:color-mix(in srgb,var(--bg) 70%,transparent);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.ee-step:hover,.ee-step:focus-visible{
  transform:translateY(-2px);
  border-color:var(--accent-2);
  background:color-mix(in srgb,var(--accent-2) 10%,var(--bg));
}

.ee-step b{
  color:var(--accent-2);
  font:700 .72rem/1 var(--mono);
  letter-spacing:.12em;
}

.ee-step span{
  color:var(--ink);
  font-size:.86rem;
}

@media(max-width:900px){
  .eva-distinctive-entry{margin-inline:clamp(1rem,4vw,2.5rem)}
  .ee-track{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:520px){
  .eva-distinctive-entry{margin-inline:.875rem;padding:1.25rem}
  .ee-title{font-size:clamp(2.35rem,13vw,4rem)}
  .ee-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ee-step{min-height:5.25rem;padding:.85rem}
}

@media(prefers-reduced-motion:reduce){
  .ee-step{transition:none}
}

@media(prefers-contrast:more){
  .eva-distinctive-entry,.ee-step{background:var(--bg);border-color:var(--ink)}
}

@media print{
  .eva-distinctive-entry{max-width:none;margin:2rem 0;break-inside:avoid}
}