/* Set Life Kit — call-sheet look elevation (Villeneuve / soft launch)
   Link AFTER assets/v4.css.
   Design Read: directory landing · film crew · call-sheet craft · ink/chalk/tungsten
   Dials: VARIANCE 4 / MOTION 3 / DENSITY 5
*/

:root{
  --rec:#D9412B;
  --tape:#F1ECE4;
  --display:'Barlow Condensed',var(--sans);
}

/* Logo / wordmark — Concept A (tape slate): condensed uppercase */
.brand{
  font-family:var(--display);
  font-weight:700;
  font-size:18px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.brand::after{
  content:"";
  display:inline-block;
  width:28px;
  height:3px;
  margin-left:8px;
  vertical-align:middle;
  background:var(--or);
  transform:skewX(-12deg);
}

/* Nav: hairline call-sheet rule when solid */
.nav{min-height:64px;padding-block:0}
.nav.solid{border-bottom-color:var(--line)}

/* Filters → gaffer-tape strips (not SaaS pills) */
.filter button{
  font:600 12px/1 var(--mono);
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--ink);
  background:var(--tape);
  border:0;
  border-radius:1px;
  padding:10px 14px 9px;
  transform:rotate(-1.2deg);
  box-shadow:1px 1px 0 rgba(0,0,0,.35);
  clip-path:polygon(2% 0,100% 0,98% 100%,0 100%);
}
.filter button + button{transform:rotate(.8deg)}
.filter button:nth-child(3){transform:rotate(-.6deg)}
.filter button:nth-child(4){transform:rotate(1.1deg)}
.filter button:hover{
  color:var(--ink);
  background:#f7f2ea;
  border-color:transparent;
  filter:brightness(1.03);
}
.filter button[aria-pressed=true]{
  background:var(--or);
  color:var(--ink);
  border-color:transparent;
}

/* Spec rows: REC cue on hover (never purple glow) */
tbody tr{position:relative}
tbody tr:hover{
  background:var(--ink-2);
  box-shadow:inset 2px 0 0 var(--rec);
}
tbody tr:hover .t-name::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:8px;
  border-radius:50%;
  background:var(--rec);
  vertical-align:middle;
  box-shadow:0 0 0 1px rgba(217,65,43,.35);
}

/* Open sponsor slot */
.sponsor-open{
  margin-top:28px;
  padding:20px 22px;
  border:1px dashed var(--line);
  color:var(--mute);
  font:500 13px/1.5 var(--mono);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.sponsor-open strong{
  display:block;
  color:var(--chalk-2);
  font-family:var(--sans);
  font-size:15px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  margin-bottom:6px;
}

/* Checklist paper substrate */
.page img{background:var(--tape)}

/* Footer wrap line */
.foot .wrap{
  font:500 12px/1 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--mute);
}

@media (prefers-reduced-motion:reduce){
  .filter button,
  .filter button + button,
  .filter button:nth-child(3),
  .filter button:nth-child(4){transform:none}
}

/* —— Founding sponsor page —— */
.founding{
  padding:120px var(--pad) 10vh;
  max-width:720px;
}
.founding .hero{
  height:auto;
  min-height:0;
  display:block;
  align-items:unset;
  padding:0 0 48px;
  border-bottom:1px solid var(--line);
  margin-bottom:48px;
}
.founding .eyebrow{
  font:600 12px/1 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ink);
  background:var(--or);
  display:inline-block;
  padding:8px 12px 7px;
  margin-bottom:28px;
  transform:rotate(-1deg);
  clip-path:polygon(2% 0,100% 0,98% 100%,0 100%);
  box-shadow:1px 1px 0 rgba(0,0,0,.35);
}
.founding h1{
  font-size:clamp(32px,4.5vw,56px);
  line-height:1.05;
  letter-spacing:-.03em;
  font-weight:600;
  max-width:18ch;
}
.founding .hero > p{
  margin-top:18px;
  color:var(--chalk-2);
  max-width:46ch;
  font-size:17px;
}
.founding .ctas{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  align-items:center;
}
.founding .ctas .link{color:var(--chalk)}
.founding .mute,
.founding .fine{
  font-size:13px;
  color:var(--mute);
  margin-top:16px;
  max-width:46ch;
}
.founding > section:not(.hero){
  padding:36px 0;
  border-bottom:1px solid var(--line);
}
.founding > section:not(.hero) h2{
  font-size:clamp(22px,2.4vw,28px);
  margin-bottom:16px;
  letter-spacing:-.02em;
}
.founding ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.founding ul li{
  position:relative;
  padding-left:18px;
  color:var(--chalk-2);
  max-width:52ch;
}
.founding ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:8px;
  height:2px;
  background:var(--or);
}
.founding ul li strong{color:var(--chalk)}
.founding .price-block{
  display:flex;
  flex-wrap:wrap;
  gap:20px 40px;
  align-items:baseline;
}
.founding .price-num{
  font:500 clamp(40px,6vw,64px)/1 var(--mono);
  color:var(--chalk);
  letter-spacing:-.02em;
}
.founding .price-meta{
  color:var(--chalk-2);
  max-width:36ch;
  font-size:15px;
}
.founding .faq p{
  margin-top:18px;
  color:var(--chalk-2);
  max-width:52ch;
}
.founding .faq p strong{
  display:block;
  color:var(--chalk);
  font-size:15px;
  margin-bottom:4px;
}
.founding #ask{
  border-bottom:0;
  padding-top:48px;
}
.founding .ask-box{
  border:1px dashed var(--line);
  padding:24px 26px;
  max-width:46ch;
}
.founding .ask-box p{margin:0;color:var(--mute);font-size:14px}
.founding-nav .nav{background:rgba(11,12,14,.9);backdrop-filter:blur(10px);border-color:var(--line)}
@media (max-width:860px){
  .founding{padding-top:100px}
  .founding h1{max-width:none}
}