/* Featured companies — directory strip, series index, and article */

.featured-latest{background:var(--bg)}
.directory-map-sec .sec-pad{padding-bottom:28px}
.featured-latest--strip .wrap{padding:8px 40px 48px}
.featured-latest--strip + section .sec-pad{padding-top:48px}
.featured-latest-card{
  display:grid;
  grid-template-columns:112px 1fr;
  gap:24px 28px;
  align-items:center;
  background:var(--bg-elev);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:var(--shadow);
}
.featured-latest-photo-link{
  display:block;
  width:112px;
  height:112px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid var(--line);
  flex-shrink:0;
}
.featured-latest-photo{width:100%;height:100%;object-fit:cover}
.featured-latest-kicker{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px}
.featured-latest-kicker .mono{color:var(--muted)}
.featured-latest-title{font-size:clamp(22px,2.5vw,32px);letter-spacing:-.03em;text-wrap:balance;max-width:28ch}
.featured-latest-title a{transition:color .15s}
.featured-latest-title a:hover{color:var(--accent)}
.featured-latest-deck{color:var(--muted);margin-top:10px;max-width:62ch;font-size:17px;line-height:1.5}
.featured-latest-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.featured-latest-card--lead{grid-template-columns:200px 1fr;gap:28px 36px;padding:28px;align-items:center}
.featured-latest-card--lead .featured-latest-photo-link{width:200px;height:200px;border-radius:var(--radius)}
.feature-index{list-style:none;display:flex;flex-direction:column;gap:16px}

.feature-mast{border-bottom:none}
.feature-mast .wrap{max-width:720px;margin:0 auto;padding:36px 40px 8px}
.feature-crumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;height:auto;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.feature-crumb a{color:var(--muted);padding:10px 2px}
.feature-crumb a:hover{color:var(--ink)}
.feature-crumb [aria-current="page"]{color:var(--ink)}
.feature-kicker{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:22px;padding-top:16px;border-top:1px dashed var(--line)}
.feature-mast h1{font-size:clamp(32px,4.2vw,44px);letter-spacing:-.03em;margin-top:14px;text-wrap:balance}
.feature-deck{color:var(--muted);font-size:19px;line-height:1.45;max-width:40ch;margin-top:16px}
.featured-latest-card--lead .featured-latest-title{font-size:clamp(26px,3vw,36px);max-width:24ch}

.feature-body{max-width:720px;margin:0 auto;padding:12px 40px 96px}
.feature-body p{font-size:18.5px;line-height:1.65;margin-top:1.15em}
.feature-body a:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.feature-body strong{font-weight:700}
.feature-body ol{margin:14px 0 0;padding-left:1.3em;display:flex;flex-direction:column;gap:8px}
.feature-body li{font-size:18px;line-height:1.5;padding:2px 0}
.feature-figure{margin:28px 0 8px}
.feature-figure img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--line2)}
.feature-portrait{max-width:420px}
.feature-end{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.feature-end .btn{text-decoration:none}
.feature-subscribe{width:min(100%,480px);display:flex;flex-direction:column;align-items:flex-start;gap:12px;container-type:inline-size}
.feature-body .feature-subscribe p{margin-top:0}
.feature-body .feature-subscribe-kicker{font-family:var(--mono);font-size:13px;letter-spacing:.02em;text-transform:none;color:var(--accent);line-height:1.3}
.feature-subscribe-slot{width:100%;height:360px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-sizing:border-box}
.feature-subscribe-embed{display:block;width:480px;height:360px;border:0;background:#fff}
@supports (width:1cqi){
  .feature-subscribe-slot{height:calc(360px * min(1, (100cqi - 2px) / 480px) + 2px);overflow:hidden}
  .feature-subscribe-embed{transform:scale(min(1, (100cqi - 2px) / 480px));transform-origin:top left}
}
.feature-body .feature-subscribe-note{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);line-height:1.4}
.feature-invite{width:100%;box-sizing:border-box;margin:0;padding:20px 22px;background:var(--bg-elev);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow)}
.feature-body .feature-invite p{margin:0;max-width:38em;font-size:18px;line-height:1.55}
.feature-subscribe .btn{min-height:44px}

.featured-latest a:focus-visible,
.feature-crumb a:focus-visible,
.feature-body a:focus-visible,
.feature-mast a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

@media(max-width:900px){
  .feature-mast .wrap{padding:32px 22px 4px}
  .feature-body{padding:8px 22px 80px}
  .featured-latest--strip .wrap{padding:4px 22px 32px}
}

@media(max-width:700px){
  .featured-latest--strip .wrap{padding:4px 22px 32px}
  .featured-latest--strip + section .sec-pad{padding-top:36px}
  .featured-latest-card,
  .featured-latest-card--lead{grid-template-columns:1fr;gap:16px;padding:16px}
  .featured-latest-photo-link{width:88px;height:88px}
  .featured-latest-card--lead .featured-latest-photo-link{width:168px;height:168px}
  .feature-mast .wrap{padding:28px 22px 4px}
  .feature-body{padding:8px 22px 72px}
  .feature-mast h1{font-size:clamp(28px,8vw,36px)}
  .feature-kicker{flex-direction:column;align-items:flex-start;gap:6px}
  .feature-subscribe .btn{justify-content:center;width:100%}
  .feature-invite{padding:18px 16px}
}

@media(prefers-reduced-motion:reduce){
  .featured-latest-title a{transition:none}
}
