/* home-doors-polish.css · homepage hero doors only (Nov 10 2026).
   Loaded after styles.a1, community-home, community-lux and the inline #door-instr-css block.
   Everything is scoped to .home2 .hero-band.editorial so no other page or section changes.
   Remove the <link> in index.html to roll back. */

/* ---------- shared ---------- */
.home2 .hero-band.editorial .doors .door-t{font-family:var(--font-display,"Fraunces",Georgia,serif);font-feature-settings:"soft" 50,"wonk" 0;font-weight:500;letter-spacing:-.015em}
.home2 .hero-band.editorial .doors .door-k{display:inline-flex;align-items:center;gap:8px}
.home2 .hero-band.editorial .doors .door-k::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;opacity:.9}
.home2 .hero-band.editorial .door-survey .door-k{color:#f0c674}
.home2 .hero-band.editorial .door-instr .door-k{color:#e9dfc8}
.home2 .hero-band.editorial .door-deal .door-k{color:#9ec3ff}
.home2 .hero-band.editorial .door-pulse .door-k{color:#7fd1c7}
/* Same order on every screen: the two tools, then the archive, then Community */
.home2 .hero-band.editorial .doors .door-survey{order:1}
.home2 .hero-band.editorial .doors .door-instr{order:2}
.home2 .hero-band.editorial .doors .door-deal{order:3}
.home2 .hero-band.editorial .doors .door-pulse{order:4}

/* ---------- phones and small tablets ---------- */
@media(max-width:900px){
  /* compact headline, same words */
  .home2 .hero-band.editorial .hero-h{display:block!important;margin:20px 16px 10px!important;max-width:none!important;font-size:clamp(30px,8.6vw,38px)!important;line-height:1.05!important;letter-spacing:-.028em!important}
  .home2 .hero-band.editorial .hero-h br{display:none}
  .home2 .hero-band.editorial .hero-h span::before{content:" "}
  .home2 .hero-band.editorial .hero-h span{color:#e9dfc8}
  .home2 .hero-band.editorial .entry-line{margin:0 0 18px!important;font-size:14.5px!important;line-height:1.5!important;color:#a9a9b1!important;max-width:36ch}

  .home2 .hero-band.editorial .doors{margin-bottom:14px}
  .home2 .hero-band.editorial .doors .door{padding:15px 14px 15px 16px!important;min-height:0!important}
  .home2 .hero-band.editorial .doors .door-body{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:14px;row-gap:0}
  .home2 .hero-band.editorial .doors .door-body::after{grid-row:1/-1!important;grid-column:2;align-self:center}
  .home2 .hero-band.editorial .doors .door-k{grid-column:1;font-size:10.5px;letter-spacing:.18em}
  .home2 .hero-band.editorial .doors .door-t{grid-column:1;margin-top:5px;font-size:18px;line-height:1.2;color:#f6f6f8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  /* the purpose line: always visible on phones */
  .home2 .hero-band.editorial .doors .door .door-d{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;grid-column:1;margin:5px 0 0;font-size:13.5px;line-height:1.42;color:#a3a3ab;max-width:44ch}
  /* no collage, no secondary links on the first screen */
  .home2 .hero-band.editorial .doors .door-media,
  .home2 .hero-band.editorial .doors .door-actions{display:none!important}
}
/* small tablets: two by two */
@media(min-width:640px) and (max-width:900px){
  .home2 .hero-band.editorial .doors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home2 .hero-band.editorial .doors .door{padding:18px 16px 18px 18px!important}
}

/* ---------- desktop ---------- */
@media(min-width:901px){
  .home2 .hero-band.editorial .doors{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:16px;margin:32px 0 10px}
  .home2 .hero-band.editorial .doors .door,
  .home2 .hero-band.editorial .doors .door-instr{grid-column:auto!important;grid-row:auto!important;display:flex!important;flex-direction:column;min-height:0!important;padding:0!important}
  .home2 .hero-band.editorial .doors .door-media,
  .home2 .hero-band.editorial .doors .door-instr .door-media{display:block!important;height:170px!important;min-height:0!important;flex:0 0 auto}
  .home2 .hero-band.editorial .doors .sv-preview,
  .home2 .hero-band.editorial .doors .pulse-media{min-height:0;height:100%;box-sizing:border-box}
  .home2 .hero-band.editorial .doors .pulse-card{margin:16px}
  .home2 .hero-band.editorial .doors .door-body,
  .home2 .hero-band.editorial .doors .door-instr .door-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:20px 22px 22px!important;flex:1 1 auto}
  .home2 .hero-band.editorial .doors .door-k{font-size:11px;letter-spacing:.2em}
  .home2 .hero-band.editorial .doors .door-t{max-width:none;font-size:clamp(22px,1.75vw,26px);line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .home2 .hero-band.editorial .doors .door .door-d{display:block;flex:0 0 auto;max-width:40ch;font-size:14.5px;line-height:1.5;color:#9c9ca4}
  /* actions sit on one baseline across the row */
  .home2 .hero-band.editorial .doors .door-actions,
  .home2 .hero-band.editorial .doors .door-instr .door-actions{display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 16px;width:100%;margin-top:auto!important;padding-top:12px}
  .home2 .hero-band.editorial .doors .door-cta{margin-top:0;text-decoration:none}
  .home2 .hero-band.editorial .doors .door-sec{margin-top:0}
  .home2 .hero-band.editorial .doors .door-btn{padding:10px 16px}
}
/* desktop headline: same words, balanced lines, no single-word line */
@media(min-width:901px){
  .home2 .hero-band.editorial .hero-h{max-width:none;font-size:clamp(44px,4.6vw,66px);text-wrap:balance}
  .home2 .hero-band.editorial .hero-h br{display:none}
  .home2 .hero-band.editorial .hero-h span::before{content:" "}
}
/* wide desktop: all four doors in one even row */
@media(min-width:1280px){
  .home2 .hero-band.editorial .doors{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px;margin-top:28px}
  .home2 .hero-band.editorial .doors .door-media,
  .home2 .hero-band.editorial .doors .door-instr .door-media{height:136px!important}
  .home2 .hero-band.editorial .doors .door-body,
  .home2 .hero-band.editorial .doors .door-instr .door-body{padding:18px 20px 20px!important}
  .home2 .hero-band.editorial .doors .door-t{font-size:clamp(21px,1.55vw,24px)}
  .home2 .hero-band.editorial .doors .door .door-d{font-size:14px}
  .home2 .hero-band.editorial .doors .door-sec{flex-basis:100%}
  .home2 .hero-band.editorial .doors .sv-pin img{width:40px;height:40px;border-radius:10px}
  .home2 .hero-band.editorial .doors .pulse-card{margin:12px 14px;padding:12px 14px}
  .home2 .hero-band.editorial .doors .pulse-card p{font-size:15px;-webkit-line-clamp:2}
}
@media(prefers-reduced-motion:reduce){.home2 .hero-band.editorial .doors .door-k::before{box-shadow:none}}