/* Companion scenes for the original NYC portrait; preview only. */
.pillar-scene{flex-shrink:0}
.pillar-scene img{object-position:center}
.home-pillars .pillar-card h3{margin-top:24px;margin-bottom:20px;min-height:2.24em}
.home-pillars .pillar-card .pillar-labs-logo{margin:24px 0 20px;max-width:240px;display:flex;align-items:center}
.home-pillars .pillar-labs-logo img{max-width:220px}
@media(max-width:680px){
  .home-pillars .pillar-card h3{min-height:0}
  .home-pillars .pillar-card .pillar-labs-logo{min-height:80px}
}

/* Matching frames preserve the full flask and path at every card width. */
.home-pillars .pillar-portrait{height:auto;aspect-ratio:3/2;flex-shrink:0}

/* One family of cards; the illustrations and original logos carry their identities. */
.home-pillars .pillar-card,
[data-theme="dark"] .home-pillars .pillar-card {
  background:var(--surface);
  color:var(--ink);
  border:1px solid var(--line);
}
.home-pillars .pillar-card h3,
[data-theme="dark"] .home-pillars .pillar-card h3 {color:var(--ink)}
.home-pillars .pillar-card h3>span,
[data-theme="dark"] .home-pillars .pillar-card h3>span {color:var(--accent)}
.home-pillars .pillar-card p,
.home-pillars .pillar-card .pillar-top,
[data-theme="dark"] .home-pillars .pillar-card p,
[data-theme="dark"] .home-pillars .pillar-card .pillar-top {color:var(--muted)}
.home-pillars .pillar-card .pillar-link,
[data-theme="dark"] .home-pillars .pillar-card .pillar-link {color:var(--ink)}
.home-pillars .pillar-card:hover .pillar-link {color:var(--accent)}
.home-pillars .pillar-labs-logo .logo-for-light {display:block}
.home-pillars .pillar-labs-logo .logo-for-dark {display:none}
[data-theme="dark"] .home-pillars .pillar-labs-logo .logo-for-light {display:none}
[data-theme="dark"] .home-pillars .pillar-labs-logo .logo-for-dark {display:block}

/* The homepage opens with a welcome and leads directly into the three cards. */
.home-page .home-hero{padding:55px 20px 42px}
.home-page .home-hero .welcome-heading{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:550;line-height:1.25;letter-spacing:-.045em;max-width:900px;margin:0 auto}
@media(max-width:680px){.home-page .home-hero{padding:36px 20px 30px}.home-page .home-hero .welcome-heading{max-width:340px}}