/* =====================================================================
   DMT Mate — CEO's Message
   ===================================================================== */

.ceo-hero{position:relative;overflow:hidden;background:var(--navy);color:#c3cee4;
  padding:clamp(1.5rem,3vw,3rem) 0 0}
.ceo-hero__glow{position:absolute;inset:0;z-index:0;
  background:radial-gradient(680px 460px at 88% -8%,rgba(101,191,5,.16),transparent 60%),
             radial-gradient(720px 520px at 6% 110%,rgba(23,64,184,.42),transparent 58%)}
.ceo-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;
  gap:clamp(1.5rem,4vw,3.5rem);align-items:end}

.ceo-portrait{position:relative;align-self:end}
.ceo-portrait::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:38%;
  background:linear-gradient(180deg,transparent,var(--ink));pointer-events:none}
.ceo-portrait picture{display:block}
.ceo-portrait img{width:100%;max-width:420px;height:auto;display:block;margin:0 auto;
  filter:drop-shadow(0 24px 50px rgba(0,0,0,.45))}

.ceo-intro{padding-bottom:clamp(2rem,5vw,4rem)}
.ceo-intro .crumbs{margin-bottom:1rem}
.ceo-intro h1{color:#fff;font-size:var(--step-4);line-height:1.08;margin:.4rem 0 .8rem;max-width:20ch}
.ceo-lead{color:#aebbd6;font-size:var(--step-1);max-width:46ch;margin:0}
.ceo-lead strong{color:#fff}
.ceo-rule{display:block;width:64px;height:3px;border-radius:2px;margin:1.4rem 0;
  background:linear-gradient(90deg,var(--signal),rgba(101,191,5,0))}
.ceo-quote{font-family:var(--font-display,inherit);font-size:clamp(1.15rem,2.4vw,1.6rem);
  color:#fff;font-weight:600;line-height:1.35;margin:0;max-width:24ch}

/* ---------- Letter ---------- */
.ceo-grid{display:grid;grid-template-columns:1fr 330px;gap:clamp(1.6rem,4vw,3rem);align-items:start}
.ceo-letter h2{font-size:var(--step-2);margin:.3rem 0 1.1rem;max-width:22ch}
.ceo-letter p{color:var(--slate);line-height:1.8;margin:0 0 1.1rem;font-size:1.02rem;max-width:68ch}
.ceo-letter p:first-of-type{font-size:1.1rem;color:var(--graphite)}

.ceo-principles{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 1.8rem}
.ceo-principles span{position:relative;padding:.6rem 1.4rem;border-radius:999px;
  background:var(--paper);border:1px solid var(--line);color:var(--ink);
  font-weight:700;font-size:.92rem;letter-spacing:.01em;
  box-shadow:inset 3px 0 0 var(--signal)}

.ceo-signoff{margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.ceo-signoff strong{display:block;font-family:var(--font-display,inherit);font-size:1.25rem;color:var(--ink)}
.ceo-signoff span{display:block;color:var(--steel);font-size:.9rem;margin:.15rem 0 1.2rem}

/* ---------- Leadership card ---------- */
.ceo-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;position:sticky;top:5.5rem}
.ceo-card picture{display:block}
.ceo-card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top center;display:block;
  background:var(--mist)}
.ceo-card__body{padding:1.3rem 1.4rem 1.5rem}
.ceo-card h3{font-size:1.15rem;margin:0;color:var(--ink)}
.ceo-card__role{color:var(--steel);font-size:.86rem;margin:.15rem 0 1rem}
.ceo-card__list{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.55rem}
.ceo-card__list li{position:relative;padding-left:1.5rem;font-size:.9rem;color:var(--slate);line-height:1.45}
.ceo-card__list li::before{content:"";position:absolute;left:0;top:.4em;width:.8rem;height:.45rem;
  border-left:2px solid var(--signal);border-bottom:2px solid var(--signal);
  transform:rotate(-45deg);border-radius:1px}
.ceo-card .btn{width:100%;justify-content:center}

/* ---------- Responsive ---------- */
@media(max-width:940px){
  .ceo-hero__grid{grid-template-columns:1fr;gap:0}
  .ceo-portrait{order:2;max-width:340px;margin:0 auto}
  .ceo-intro{order:1;padding-bottom:1.5rem}
  .ceo-intro h1{max-width:none}
  .ceo-grid{grid-template-columns:1fr}
  .ceo-card{position:static;max-width:420px}
}
@media(max-width:560px){
  .ceo-principles span{flex:1 1 42%;text-align:center;padding:.55rem .8rem;font-size:.86rem}
}