.portrait-placeholder:before,
.portrait-placeholder > span,
.portrait-placeholder > small { display: none; }

.portrait-placeholder img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
}

.about-visual {
  padding: 0;
  position: relative;
  overflow: hidden;
}

.about-visual > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
  filter: grayscale(100%);
}

.about-visual:after {
  content: "";
  position: absolute;
  inset: 42% 0 0;
  background: linear-gradient(transparent, rgba(18, 51, 47, .72));
}

.about-visual > small {
  position: absolute;
  left: 2.2rem;
  bottom: 2.2rem;
  z-index: 1;
  color: #fff;
}

/* Paletă aliniată cu ecosistemul IQStom */
:root {
  --ink: #111827;
  --deep: #062f34;
  --cream: #e8f1f0;
  --paper: #f6f4ef;
  --sand: #d9e9e7;
  --rose: #00aead;
  --muted: #5c6676;
  --line: rgba(17, 24, 39, .12);
  --aqua: #00c9c8;
  --gold: #d8aa45;
}

.button { background: #065b5b; border-color: #065b5b; }
.button:hover { background: #062f34; }
.hero-emphasis,.signature i,.journey b,.clarity-copy li:before { color: #008f8f; }
.statement h2 em { color: var(--aqua); }
.quote-mark { color: var(--gold); }
.note { border-color: var(--aqua); }
.section-lead { max-width: 700px; margin: 1.5rem 0 0; color: var(--muted); font-size: 1.05rem; }
.ecosystem { background: linear-gradient(135deg, #062f34, #121827); }
.ecosystem-brand { display:flex; align-items:center; gap:1rem; margin-bottom:4.5rem; color:rgba(255,255,255,.36); }
.iqstom-logo { display:block; width:clamp(86px,9vw,120px); line-height:0; }
.iqstom-logo img { display:block; width:100%; height:auto; }
.adelina-wordmark { color:#fff; font-family:"Instrument Serif",Georgia,serif; font-size:clamp(1.4rem,2.5vw,2.2rem); }
.orbit { border-color:rgba(0,201,200,.5); }
.orbit:before,.orbit:after { border-color:rgba(0,201,200,.16); }
.tags span:hover { border-color:var(--aqua); color:var(--aqua); }
.portrait-card { border-top:3px solid var(--aqua); }
.brand-mark { border-color:#065b5b; color:#065b5b; }
.footer-brand .brand-mark { color:var(--aqua); border-color:var(--aqua); }

@media (max-width: 600px) {
  .ecosystem-brand { margin-bottom:3rem; }
}