/* ============================================================
   IAM — home 2026 page sections.
   Loads only on the IAM Home 2026 template, on top of iam26-chrome.css,
   which supplies the typefaces, tokens and the header/footer. The global
   resets below are why: they are scoped to the .iam26 body class, which
   only that template carries.
   ============================================================ */

/* ---------- scoped reset ---------- */
.iam26{
  background:var(--white);
  color:var(--ink);
  font-family:var(--font-sans);
  font-size:1rem;
  line-height:1.5;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.iam26,
.iam26 *,
.iam26 *::before,
.iam26 *::after{box-sizing:border-box}


.iam26 a{color:inherit;text-decoration:none;box-shadow:none}
.iam26 a:hover{text-decoration:none}
.iam26 img{max-width:100%;height:auto;display:block;border:0;border-radius:0}
.iam26 p,.iam26 ul,.iam26 ol,.iam26 figure,.iam26 blockquote{margin:0}
.iam26 button,.iam26 input,.iam26 select{font:inherit;color:inherit;margin:0}
.iam26 button{background:none;border:0;padding:0;cursor:pointer;text-transform:none}
.iam26 svg{max-width:100%}
.iam26 [hidden]{display:none!important}
.iam26 ::selection{background:var(--accent);color:#fff}
.iam26 a:focus-visible,
.iam26 button:focus-visible,
.iam26 select:focus-visible,
.iam26 input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.iam26 h1,.iam26 h2,.iam26 h3,.iam26 h4,.iam26 h5{
  margin:0;padding:0;color:var(--head);
  font-family:var(--font-serif);font-weight:700;font-style:normal;
  letter-spacing:-.03em;text-wrap:balance;text-transform:none;
}

/* keep the page out from under a fixed admin bar / plugin bars */


/* skip link */


/* small functional label */
.iam26 .i26-lbl{
  display:block;font-family:var(--font-sans);font-weight:400;
  font-size:.8rem;letter-spacing:0;color:var(--meta);
}

/* ---------- media slots ---------- */
.iam26 .i26-media{
  position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:4px;
  border:1px dashed var(--rule-dash);background:var(--linen);
}
.iam26 .i26-media video,
.iam26 .i26-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.iam26 .i26-media.on-dark{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.05)}

/* ---------- bands ---------- */
.iam26 .i26-band{padding:clamp(46px,5.4vw,80px) 0;border-bottom:1px solid var(--rule-2)}
.iam26 .i26-band--white{background:var(--white)}
.iam26 .i26-band--paper{background:var(--paper)}
.iam26 .i26-band--linen{background:var(--linen)}
/* a light photographic ground; the image comes in as --figure-img from PHP */
.iam26 .i26-band--figured{
  background-color:var(--linen);
  background-image:
    linear-gradient(180deg,rgba(246,243,240,.90) 0%,rgba(246,243,240,.82) 45%,rgba(246,243,240,.94) 100%),
    var(--figure-img,none);
  background-size:cover;background-position:center;background-repeat:no-repeat;
  border-bottom:1px solid var(--rule);
}

.iam26 .i26-bandhead{display:flex;align-items:flex-end;gap:18px;margin-bottom:30px;flex-wrap:wrap}
.iam26 .i26-bandhead h2{font-size:clamp(23px,2.5vw,32px)}
.iam26 .i26-bandhead .i26-more{margin-left:auto;font-family:var(--font-serif);font-weight:700;
  font-size:.95rem;color:var(--accent);padding-bottom:3px}
.iam26 .i26-bandhead .i26-more:hover{text-decoration:underline}

/* ---------- hero ---------- */
.iam26 .i26-hero{position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(56px,6.2vw,100px) 0;background-color:#1a1916;
  background-position:center;background-size:cover;background-repeat:no-repeat}
/* the slideshow sits under the scrim, which sits under the copy */
.iam26 .i26-heroslides{position:absolute;inset:0;z-index:-2}
.iam26 .i26-heroslide{position:absolute;inset:0;background-position:center;background-size:cover;
  background-repeat:no-repeat;opacity:0;transition:opacity 1.4s ease-in-out}
.iam26 .i26-heroslide.is-on{opacity:1}
/* these photographs are dark and busy — the scrim is deliberately heavy */
.iam26 .i26-hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(ellipse 68% 78% at 50% 48%, rgba(6,6,5,.66), rgba(6,6,5,.18) 76%),
    linear-gradient(180deg, rgba(10,10,8,.62) 0%, rgba(10,10,8,.44) 38%, rgba(10,10,8,.68) 100%)}
.iam26 .i26-hero .i26-wrap{display:flex;justify-content:center}
.iam26 .i26-herocopy{max-width:60ch;text-align:center;display:flex;flex-direction:column;
  align-items:center}
.iam26 .i26-hero h1{color:#fff;font-weight:500;max-width:23ch;
  font-size:clamp(31px,3.8vw,48px);line-height:1.12;
  text-shadow:0 1px 3px rgba(0,0,0,.55),0 2px 22px rgba(0,0,0,.4)}
.iam26 .i26-hero p{margin:18px 0 0;max-width:62ch;color:#f2efe8;font-size:1.0625rem;
  text-shadow:0 1px 3px rgba(0,0,0,.6),0 1px 14px rgba(0,0,0,.45)}
.iam26 .i26-heroacts{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;justify-content:center}
.iam26 .i26-hero .i26-btn--light{background:#fff;box-shadow:0 3px 3px -1.5px rgba(0,0,0,.2)}
.iam26 .i26-hero .i26-btn--light:hover{background:#f4efe6}

/* ---------- stat strip ---------- */
.iam26 .i26-strip{background:var(--deep-2);color:var(--on-dark)}
.iam26 .i26-strip .i26-wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.iam26 .i26-stat{padding:22px 0 22px 24px;display:flex;flex-direction:column;gap:3px;
  border-left:1px solid var(--on-dark-rule)}
.iam26 .i26-stat:first-child{border-left:0;padding-left:0}
.iam26 .i26-stat b{font-family:var(--font-serif);font-weight:500;font-size:1.9rem;line-height:1.1;
  color:#fff;font-variant-numeric:tabular-nums}
.iam26 .i26-stat span{font-size:.8rem;letter-spacing:0;color:var(--on-dark-muted)}

/* ---------- synoptic + vector selector ---------- */
.iam26 .i26-synlead{font-family:var(--font-serif);font-weight:500;letter-spacing:-.03em;
  font-size:clamp(21px,2.3vw,29px);line-height:1.34;color:var(--head);
  max-width:46ch;margin:0 0 34px}
.iam26 .i26-vectors{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--rule);border:1px solid var(--rule);border-bottom:0}
.iam26 .i26-vec{position:relative;background:var(--card);padding:24px 20px;
  display:flex;flex-direction:column;gap:12px;
  text-align:left;border:0;border-top:3px solid transparent;cursor:pointer;
  min-height:236px;transition:background .18s,border-color .18s;font-family:var(--font-sans);
  width:100%}
/* the rule between the tabs and the panel, drawn tab by tab */
.iam26 .i26-vec::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--rule);transition:background .18s}
.iam26 .i26-vec:hover{background:var(--blush)}
.iam26 .i26-vec[aria-selected="true"]{background:var(--blush);border-top-color:var(--v)}
/* …and removed under the active tab, so it reads as one expanding surface */
.iam26 .i26-vec[aria-selected="true"]::after{background:var(--blush)}
.iam26 .i26-vec .i26-ico{color:var(--v);flex:none}
.iam26 .i26-vec .i26-ico svg{display:block;width:28px;height:28px}
.iam26 .i26-vec h3{font-size:1.2rem;letter-spacing:-.02em}
.iam26 .i26-vec p{margin:0;font-size:.9rem;line-height:1.5;color:var(--muted)}
.iam26 .i26-vec .i26-n{margin-top:auto;padding-top:14px;font-size:.82rem;letter-spacing:0;
  color:var(--meta)}
.iam26 .i26-vec[aria-selected="true"] .i26-n{color:var(--accent)}

.iam26 .i26-vpanel[hidden]{display:none}
.iam26 .i26-vpanel{border:1px solid var(--rule);border-top:0;background:var(--blush);
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,2.3vw,34px);
  padding:clamp(26px,3.2vw,42px)}
.iam26 .i26-vpanel h4{font-family:var(--font-serif);font-weight:500;font-size:clamp(19px,2vw,25px);
  line-height:1.32;color:var(--head);margin-bottom:14px;max-width:30ch}
.iam26 .i26-vpanel .i26-ans{margin:0;font-size:1rem;color:var(--ink);max-width:56ch}
.iam26 .i26-vwork{display:flex;flex-direction:column;gap:4px}
.iam26 .i26-vworklbl{margin-bottom:6px}
.iam26 .i26-vwork a{display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:center;
  padding:12px 0;border-bottom:1px solid var(--rule-2)}
.iam26 .i26-vwork a:last-child{border-bottom:0}
.iam26 .i26-vwork a:hover strong{color:var(--accent)}
.iam26 .i26-vwork .i26-vt{aspect-ratio:16/9;overflow:hidden;border-radius:4px;border:1px solid var(--rule-2)}
.iam26 .i26-vwork .i26-vt img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.iam26 .i26-vwork a:hover .i26-vt img{transform:scale(1.04)}
.iam26 .i26-vwork strong{font-family:var(--font-serif);font-weight:500;font-size:1.02rem;
  letter-spacing:-.03em;line-height:1.3;color:var(--head);display:block;max-width:22ch}
.iam26 .i26-vwork em{font-style:normal;font-size:.82rem;letter-spacing:0;
  color:var(--meta);display:block;margin-top:6px}
.iam26 .i26-synclose{margin:34px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.55;
  color:var(--ink);max-width:68ch}

/* ---------- new story of wholeness band ---------- */
/* light band: the clip is composited onto this ground, so it stays pale
   and flat rather than becoming another photograph to compete with */
.iam26 .i26-lens{
  background-color:var(--blush);
  background-image:
    linear-gradient(180deg,rgba(250,248,247,.42) 0%,rgba(250,248,247,.30) 50%,rgba(250,248,247,.52) 100%),
    var(--lens-bg,none);
  background-size:cover;background-position:center;background-repeat:no-repeat;
  color:var(--ink);
  /* no vertical padding: the clip runs edge to edge and sets the height */
  padding:0;
  border-bottom:1px solid var(--rule-2);
}
.iam26 .i26-lensgrid{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(20px,3vw,48px);
  align-items:center}
/* the copy keeps its own breathing room, since the band has none */
.iam26 .i26-lenscopy{padding:clamp(26px,4vw,60px) 0}
.iam26 .i26-lenslogo{height:40px;width:auto;margin-bottom:20px}
.iam26 .i26-lens h2{font-family:var(--font-serif);font-weight:500;color:var(--head);
  font-size:clamp(28px,3.3vw,44px);line-height:1.12;letter-spacing:-.03em;max-width:15ch}
.iam26 .i26-lens .i26-sub{margin:20px 0 0;color:var(--ink);font-size:1.0625rem;max-width:46ch}
.iam26 .i26-lensacts{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}

.iam26 .i26-lensmedia{position:relative;display:flex;align-items:center;
  justify-content:center;line-height:0}
/* Reads as a window cut into the band rather than an image dropped on top
   of it: a soft inner shadow for depth, over a hairline that defines the
   opening. Sits above the clip, so it must not eat clicks. */
.iam26 .i26-lensmedia::after{content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:
    inset 0 0 clamp(26px,4vw,58px) rgba(44,40,34,.16),
    inset 0 0 0 1px rgba(44,40,34,.06);}
/* Shown as-is: blending it into the band cost too much of the detail.
   Fills its column, so the grid split above is what sizes it. */
.iam26 .i26-lensvideo{
  display:block;width:100%;max-width:none;height:auto;
}

/* ---------- integration journal ---------- */
.iam26 .i26-journal{padding-bottom:clamp(46px,5.4vw,80px)}
.iam26 .i26-jheading{text-align:center;font-family:var(--font-serif);font-weight:500;
  font-size:clamp(22px,2.4vw,31px);letter-spacing:-.03em;color:var(--head);
  margin:0 0 clamp(24px,3vw,38px)}

/* the photograph runs wider than the text column and fades out to the right,
   so the cover mockup reads against a light ground */
.iam26 .i26-jstage{
  position:relative;width:100%;max-width:1440px;margin:0 auto;
  background-color:var(--linen);
  background-image:
    linear-gradient(90deg,
      rgba(20,22,24,.30) 0%,
      rgba(20,22,24,.10) 34%,
      rgba(248,247,245,.55) 56%,
      rgba(250,248,247,.97) 70%,
      var(--blush) 100%),
    var(--journal-bg,none);
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
.iam26 .i26-jinner{display:grid;grid-template-columns:minmax(0,600px) auto;
  justify-content:center;gap:clamp(20px,2.6vw,44px);align-items:center;
  padding:clamp(26px,3.2vw,52px) clamp(20px,3vw,54px)}

.iam26 .i26-jcard{background:var(--white);border-radius:4px;
  padding:clamp(28px,3.2vw,50px);box-shadow:0 18px 50px rgba(28,26,22,.16)}
.iam26 .i26-jlogo{width:min(340px,80%);height:auto;margin-bottom:clamp(20px,2.4vw,32px)}
.iam26 .i26-jlead{font-size:1.0625rem;line-height:1.6;color:var(--ink);
  margin:0 0 clamp(20px,2.4vw,30px);max-width:52ch}
.iam26 .i26-jcard .i26-btn{align-self:flex-start}
.iam26 .i26-jcard{display:flex;flex-direction:column;align-items:flex-start}

/* the cover sits slightly askew, the way a physical copy would */
.iam26 .i26-jaside{--aside-w:min(300px,88%);
  display:flex;flex-direction:column;align-items:center}
.iam26 .i26-jmock{display:flex;justify-content:center;align-items:center;width:var(--aside-w)}
.iam26 .i26-jmock img{width:100%;height:auto;
  transform:rotate(-1.6deg);filter:drop-shadow(0 16px 34px rgba(28,26,22,.24))}

.iam26 .i26-jrows{width:var(--aside-w);margin-top:clamp(24px,2.8vw,34px)}
.iam26 .i26-jrow{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:11px 0;border-bottom:1px dashed var(--rule-dash)}
.iam26 .i26-jrow:last-child{border-bottom:0}
.iam26 .i26-jrow b{font-family:var(--font-serif);font-weight:700;font-size:1rem;color:var(--head);
  letter-spacing:-.03em;transition:color .15s}
.iam26 .i26-jrow:hover b{color:var(--accent)}
.iam26 .i26-jrow span{font-size:.82rem;letter-spacing:0;color:var(--meta);
  white-space:nowrap;flex:none}

@media(max-width:900px){
  .iam26 .i26-jinner{grid-template-columns:1fr;gap:clamp(22px,4vw,36px)}
  .iam26 .i26-jstage{background-image:
    linear-gradient(180deg,rgba(20,22,24,.28) 0%,rgba(248,247,245,.86) 46%,var(--blush) 100%),
    var(--journal-bg,none)}
  .iam26 .i26-jaside{--aside-w:min(300px,72%)}
}

/* ---------- library river ---------- */
.iam26 .i26-filterbar{display:flex;gap:26px;align-items:flex-end;flex-wrap:wrap;
  padding-bottom:16px;border-bottom:1px solid var(--rule);margin-bottom:4px}
.iam26 .i26-fgroup{display:flex;flex-direction:column;gap:9px}
.iam26 .i26-chips{display:flex;gap:6px;flex-wrap:wrap}
.iam26 .i26-chip{font-family:var(--font-sans);font-size:.85rem;line-height:1;letter-spacing:0;
  height:38px;padding:0 17px;display:inline-flex;align-items:center;
  border:1px solid var(--rule);border-radius:9999px;background:transparent;
  color:var(--muted);cursor:pointer;transition:.15s;white-space:nowrap}
.iam26 .i26-chip:hover{border-color:var(--accent);color:var(--accent)}
.iam26 .i26-chip[aria-pressed="true"]{background:var(--head);border-color:var(--head);color:var(--white)}
.iam26 .i26-fsel{font-family:var(--font-sans);font-size:.85rem;line-height:1;
  height:38px;width:190px;max-width:100%;padding:0 34px 0 17px;
  border:1px solid var(--rule);border-radius:9999px;
  color:var(--muted);cursor:pointer;text-overflow:ellipsis;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  background-color:transparent;background-repeat:no-repeat;
  background-position:right 13px center;background-size:10px 6px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%234a4845' stroke-width='1.4'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
  transition:.15s}
.iam26 .i26-fsel:hover{border-color:var(--accent);color:var(--accent)}
/* the native menu inherits the page background, not the pill's transparency */
.iam26 .i26-fsel option{background:var(--white);color:var(--ink)}
.iam26 .i26-fcount{margin-left:auto;padding-bottom:9px;font-size:.85rem;letter-spacing:0;
  color:var(--meta)}

.iam26 .i26-lead{display:grid;grid-template-columns:268px 1fr;gap:clamp(20px,2.6vw,34px);
  align-items:center;padding:24px 0;border-bottom:1px solid var(--rule-2)}
.iam26 .i26-lead .i26-lt{overflow:hidden;border-radius:4px;border:1px solid var(--rule-2);aspect-ratio:16/9}
.iam26 .i26-lead .i26-lt img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.iam26 .i26-lead:hover .i26-lt img{transform:scale(1.03)}
.iam26 .i26-lead .i26-lmeta{font-size:.85rem;letter-spacing:0;color:var(--accent)}
.iam26 .i26-lead h3{font-family:var(--font-serif);font-weight:500;
  font-size:clamp(20px,2.1vw,27px);line-height:1.25;margin:9px 0 11px;max-width:26ch}
.iam26 .i26-lead:hover h3{color:var(--accent)}
.iam26 .i26-lead p{margin:0;color:var(--muted);font-size:.98rem;max-width:52ch}

.iam26 .i26-river{border-bottom:1px solid var(--rule-2)}
.iam26 .i26-row{display:grid;grid-template-columns:110px 1fr 175px;gap:20px;align-items:center;
  padding:12px 6px;border-top:1px solid var(--rule-2);transition:background .15s}
.iam26 .i26-row:first-child{border-top:0}
.iam26 .i26-row:hover{background:var(--paper)}
.iam26 .i26-row:hover h3{color:var(--accent)}
.iam26 .i26-row .i26-rt{aspect-ratio:16/9;overflow:hidden;border-radius:4px;border:1px solid var(--rule-2);
  display:block}
.iam26 .i26-row .i26-rt img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.iam26 .i26-row:hover .i26-rt img{transform:scale(1.05)}
.iam26 .i26-row h3{font-family:var(--font-sans);font-weight:500;font-size:.95rem;line-height:1.45;
  letter-spacing:0;color:var(--head);margin:0;max-width:62ch}
.iam26 .i26-row .i26-rsrc{font-size:.85rem;color:var(--accent);text-align:right;line-height:1.35}
.iam26 .i26-row .i26-rsrc em{font-style:normal;display:block;margin-top:3px;color:var(--meta);font-size:.8rem}
.iam26 .i26-empty{display:none;padding:38px 0;color:var(--meta)}
.iam26 .i26-riverfoot{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ---------- white papers ---------- */
.iam26 .i26-paperslead{font-family:var(--font-sans);font-weight:400;font-size:1rem;
  letter-spacing:0;line-height:1.55;color:var(--ink);max-width:62ch;margin:12px 0 32px}
.iam26 .i26-slider{position:relative}
.iam26 .i26-papers{display:flex;gap:clamp(18px,2.2vw,30px);overflow-x:auto;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 10px;
  scrollbar-width:none;-ms-overflow-style:none}
.iam26 .i26-papers::-webkit-scrollbar{display:none}
.iam26 .i26-paper{flex:0 0 clamp(258px,29vw,356px);scroll-snap-align:start;
  display:flex;flex-direction:column;gap:16px}
.iam26 .i26-paperbody{display:flex;flex-direction:column}
.iam26 .i26-paper h3{font-family:var(--font-serif);font-weight:500;font-size:1.14rem;line-height:1.28;
  margin-bottom:10px}
.iam26 .i26-paper:hover h3{color:var(--accent)}
.iam26 .i26-paper .i26-kick{margin:0;font-size:.9rem;color:var(--muted);line-height:1.5}
.iam26 .i26-paper .i26-pdate{display:block;margin-top:12px;font-size:.85rem;letter-spacing:0;
  color:var(--meta)}
.iam26 .i26-papercov{aspect-ratio:16/9;border:1px solid var(--rule);background:#fff;overflow:hidden;
  border-radius:4px;box-shadow:0 2px 10px rgba(49,47,44,.1);transition:transform .3s}
.iam26 .i26-papercov img{width:100%;height:100%;object-fit:cover}
.iam26 .i26-paper:hover .i26-papercov{transform:translateY(-3px)}
.iam26 .i26-slidernav{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}
.iam26 .i26-sliderbtn{width:42px;height:42px;border:1px solid var(--rule);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--head);
  background:var(--white);transition:.18s}
.iam26 .i26-sliderbtn svg{width:20px;height:20px}
.iam26 .i26-sliderbtn:hover:not(:disabled){border-color:var(--head);background:var(--head);color:var(--white)}
.iam26 .i26-sliderbtn:disabled{opacity:.32;cursor:default}

/* ---------- the IAM Strategy Map embed ---------- */
.iam26 .i26-strategy{padding-bottom:0}
.iam26 .i26-strategylead{font-size:1.0625rem;color:var(--ink);max-width:64ch;margin:-14px 0 0}
/* wider than the text column on purpose — the map wants the room */
.iam26 .i26-embed{width:100%;max-width:1440px;margin:clamp(26px,3vw,42px) auto 0}
.iam26 .i26-embed iframe{display:block;width:100%;border:0;border-radius:0}
@media(max-width:768px){.iam26 .i26-embed iframe{height:640px!important}}
@media(max-width:480px){.iam26 .i26-embed iframe{height:520px!important}}

/* ---------- initiatives ---------- */
.iam26 .i26-inits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;margin-bottom:36px}
.iam26 .i26-init{border:1px solid var(--rule);background:var(--card);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .2s}
.iam26 .i26-init:hover{box-shadow:0 8px 26px rgba(49,47,44,.09)}
.iam26 .i26-init .i26-ph{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--rule-2)}
.iam26 .i26-init .i26-ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.iam26 .i26-init:hover .i26-ph img{transform:scale(1.04)}
.iam26 .i26-initbody{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.iam26 .i26-init h3{font-size:1.24rem}
.iam26 .i26-init p{margin:0;font-size:.9rem;color:var(--muted)}
.iam26 .i26-initlink{color:var(--accent)}
.iam26 .i26-initlink:hover{text-decoration:underline}
.iam26 .i26-status{display:inline-flex;align-items:center;gap:7px;font-size:.85rem;letter-spacing:0;
  color:var(--meta)}
.iam26 .i26-status i{width:6px;height:6px;border-radius:50%;background:var(--s,var(--accent));flex:none}

/* CCI live mini-chart card */
.iam26 .i26-cci{aspect-ratio:16/9;border-bottom:1px solid var(--rule-2);padding:14px 16px 12px;
  display:flex;flex-direction:column;gap:8px;background:var(--paper)}
.iam26 .i26-ccitabs{display:flex;gap:5px}
.iam26 .i26-ccitab{font-family:var(--font-sans);font-size:.76rem;letter-spacing:0;
  padding:4px 10px;border:1px solid var(--rule);border-radius:9999px;background:transparent;
  color:var(--meta);cursor:pointer;transition:.15s}
.iam26 .i26-ccitab[aria-pressed="true"]{background:var(--head);border-color:var(--head);color:var(--white)}
.iam26 .i26-ccibars{display:flex;flex-direction:column;gap:6px;justify-content:center;flex:1}
.iam26 .i26-ccibar{display:grid;grid-template-columns:82px 1fr 30px;gap:9px;align-items:center}
.iam26 .i26-ccibar span{font-size:.7rem;color:var(--muted);white-space:nowrap}
.iam26 .i26-ccibar .i26-track{height:7px;background:var(--rule-2);border-radius:9999px;overflow:hidden}
.iam26 .i26-ccibar .i26-fill{height:100%;background:var(--accent);border-radius:9999px;width:0;
  transition:width .55s cubic-bezier(.22,.7,.3,1)}
.iam26 .i26-ccibar em{font-style:normal;font-size:.68rem;color:var(--meta);text-align:right;
  font-variant-numeric:tabular-nums}

/* registry */
.iam26 .i26-registry{border-top:1px solid var(--rule)}
.iam26 .i26-regrow{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;
  padding:13px 6px;border-bottom:1px solid var(--rule-2);transition:background .15s}
.iam26 .i26-regrow:hover{background:var(--paper)}
.iam26 .i26-regrow:hover h4{color:var(--accent)}
.iam26 .i26-regrow h4{font-family:var(--font-serif);font-weight:500;font-size:1.05rem;letter-spacing:-.01em}
.iam26 .i26-regrow .i26-vtag{font-size:.85rem;letter-spacing:0;color:var(--meta)}

/* ---------- responsive ---------- */
@media(max-width:1240px){
  .iam26 .i26-vectors{grid-template-columns:1fr 1fr}
  .iam26 .i26-vpanel,
  .iam26 .i26-lensgrid{grid-template-columns:1fr}
  .iam26 .i26-lens{padding:0 0 clamp(24px,5vw,40px)}
  .iam26 .i26-lenscopy{padding:clamp(28px,5vw,44px) 0 0}
  .iam26 .i26-papers{grid-template-columns:1fr 1fr}
  .iam26 .i26-row{grid-template-columns:170px 1fr;gap:20px}
  .iam26 .i26-row .i26-rsrc{grid-column:2;text-align:left;margin-top:2px}
}
@media(max-width:860px){
  .iam26 .i26-lead{grid-template-columns:1fr}
  .iam26 .i26-stat:nth-child(odd){border-left:0;padding-left:0}
}
@media(max-width:640px){
  .iam26 .i26-vectors,
  .iam26 .i26-papers,
  .iam26 .i26-jrows{grid-template-columns:1fr}
  .iam26 .i26-paper{grid-template-columns:1fr 96px}
  .iam26 .i26-row{grid-template-columns:118px 1fr;gap:14px;align-items:start}
  .iam26 .i26-row h3{font-size:1rem}
  .iam26 .i26-row .i26-rsrc{grid-column:2;text-align:left;margin-top:4px}
  .iam26 .i26-lenslogo{height:34px}
  .iam26 .i26-vwork a{grid-template-columns:120px 1fr;gap:14px}
  .iam26 .i26-regrow{grid-template-columns:1fr;gap:5px}
}
@media(prefers-reduced-motion:reduce){
  .iam26 *{animation:none!important;transition:none!important}
}