/* Version 3: Pulse. Moving gold grid, bento tiles, stacking cards, moving rows. */
.ver-3 main{background:#050505;color:#fff}
.ver-3 h2{color:#fff}
.ver-3 .lede,.ver-3 p{color:#fff}
.ver-3 .kicker{color:var(--accent-ink)}
.ver-3 .ital{color:var(--accent-ink)}
.ver-3 .hero-copy{max-width:980px}
.ver-3 .hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.9}
.ver-3 .hero h1 .ital{font-size:1em}
.ver-3 #join .lede{color:#fff}

/* hero: a slow gold grid glows up from the bottom left */
.v3-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(230,207,87,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(230,207,87,.4) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 20% 100%,#000 5%,transparent 70%);mask-image:radial-gradient(ellipse 75% 65% at 20% 100%,#000 5%,transparent 70%)}
.v3-hero .v3-grid{animation:v3breathe 5s ease-in-out infinite alternate} /* the grid stays still; only its brightness breathes */
@keyframes v3breathe{from{opacity:.45}to{opacity:1}}

/* bento */
.v3-bento-sec h2,.v3-stack-sec h2,.v3-flow h2{font-size:clamp(2.6rem,5.6vw,4.8rem);line-height:.95}
.v3-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(210px,25svh);gap:14px}
.v3-tile{position:relative;display:flex;align-items:flex-end;border-radius:24px;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;border:1px solid rgba(255,255,255,.12)}
.v3-tile::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) center/cover;transition:scale 1s cubic-bezier(.2,.7,.2,1)}
.v3-tile:hover::before{scale:1.08}
.v3-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(400px circle at var(--mx,-200px) var(--my,-200px),rgba(230,207,87,.28),transparent 60%),linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.08) 70%)}
.v3-tile-in{padding:22px 24px}
.v3-tag{display:block;margin-bottom:8px;font-weight:800;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink)}
.v3-tile h3{margin:0;font:400 clamp(1.7rem,2.6vw,2.6rem)/1 var(--font-display);text-transform:uppercase;color:#fff}
.v3-tile p{margin:8px 0 0;color:#fff;max-width:420px}
.t-a{grid-column:1/3;grid-row:span 2}.t-a h3{font-size:clamp(2.6rem,4.6vw,4.4rem)}
.t-b{grid-column:3/5}
.t-f{grid-column:2/5}
.v3-gold{background:var(--gold-metal);border-color:var(--accent)}
.v3-gold::before,.v3-gold::after{display:none}
.v3-gold svg{width:46px;height:46px;color:#000;margin-bottom:auto}
.v3-gold .v3-tile-in{height:100%;display:flex;flex-direction:column;justify-content:space-between}
.v3-gold .v3-tag,.v3-gold h3{color:#000}

/* stacking cards */
.v3-stack-sec{background:#050505}
.v3-stack{position:relative;display:grid;gap:30px;padding-bottom:6svh;margin-bottom:24px}
.v3-card{position:sticky;top:calc(var(--nav-h) + 18px + var(--i) * 18px)}
.v3-card-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:min(500px,68svh);border-radius:28px;overflow:hidden;background:#151515;border:1px solid rgba(255,255,255,.12);transform-origin:top center;transform:scale(calc(1 - max(0, var(--p,0) * 5 - var(--i) - 1) * .04));box-shadow:0 -24px 60px rgba(0,0,0,.6)}
.v3-card:nth-child(3n+2) .v3-card-in{background:var(--gold-metal);border-color:var(--accent);color:#000}
.v3-card:nth-child(3n+3) .v3-card-in{background:var(--paper);border-color:var(--paper);color:#000}
.v3-card-img{background:center/cover;min-height:240px}
.v3-card-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,52px)}
.v3-card-n{font:400 clamp(4.4rem,9vw,8rem)/.8 var(--font-display);color:var(--accent-ink)}
.v3-card .v3-card-w{margin:14px 0 6px;font-weight:800;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink)}
.v3-card h3{margin:0 0 10px;font:400 clamp(2.2rem,4vw,3.4rem)/.95 var(--font-display);text-transform:uppercase;color:#fff}
.v3-card p{margin:0;font-size:1.08rem;color:#fff}
.v3-card:nth-child(3n+2) .v3-card-n,.v3-card:nth-child(3n+2) .v3-card-w,.v3-card:nth-child(3n+2) h3,.v3-card:nth-child(3n+2) p,
.v3-card:nth-child(3n+3) .v3-card-n,.v3-card:nth-child(3n+3) .v3-card-w,.v3-card:nth-child(3n+3) h3,.v3-card:nth-child(3n+3) p{color:#000}
.v3-card:nth-child(3n+2) .stack li:not(.on),.v3-card:nth-child(3n+3) .stack li:not(.on){color:#000;border-color:rgba(0,0,0,.35)}
.v3-card:nth-child(3n+2) .stack li.on{background:#000;border-color:#000;color:var(--accent-ink)}

.v3-card .stack li:not(.on){color:#fff;border-color:rgba(255,255,255,.3)}

/* moving rows */
.v3-flow{padding:var(--sec) 0;background:#050505}
.v3-marquee{overflow:hidden;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.v3-row,.v3-dup{display:flex;gap:16px;width:max-content}
.v3-row{animation:v3run 48s linear infinite}
.v3-marquee.rev .v3-row{animation-direction:reverse;animation-duration:58s}
.v3-marquee:hover .v3-row{animation-play-state:paused}
@keyframes v3run{to{transform:translateX(calc(-50% - 8px))}}
.v3-chip{flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:10px 26px 10px 10px;border-radius:20px;background:#121212;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:border-color .3s,background .3s}
.v3-chip:hover{border-color:var(--accent);background:#1a1a1a}
.v3-chip .i{width:96px;height:72px;border-radius:12px;background:center/cover;flex:none}
.v3-chip b{display:block;font:400 1.5rem/1 var(--font-display);text-transform:uppercase;white-space:nowrap}
.v3-chip small{font-weight:700;color:var(--accent-ink)}

/* numbers */
.v3-nums-sec{padding:0 0 var(--sec);background:#050505}
.v3-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0}
.v3-nums div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding:28px 24px;border-radius:22px;background:#111;border:1px solid rgba(255,255,255,.12)}
.v3-nums dd{margin:0;font:400 clamp(3.4rem,7vw,6rem)/.85 var(--font-display);color:var(--accent-ink)}
.v3-nums dt{font-weight:700;color:#fff}

/* join: a soft gold glow behind the form */
.ver-3 #join,.ver-3 #join-form{position:relative;isolation:isolate;background:#050505;overflow:hidden}
.ver-3 #join::before,.ver-3 #join-form::before{content:"";position:absolute;left:10%;right:10%;top:12%;height:76%;z-index:-1;background:radial-gradient(closest-side,rgba(230,207,87,.4),transparent);filter:blur(30px);animation:v3glow 7s ease-in-out infinite alternate}
@keyframes v3glow{from{transform:translateX(-6%) scale(.95)}to{transform:translateX(6%) scale(1.05)}}

@media (max-width:860px){
  .v3-bento{grid-template-columns:1fr 1fr;grid-auto-rows:190px}
  .t-a,.t-b,.t-f{grid-column:1/3}
  .t-a{grid-row:span 2}
  .v3-card-in{grid-template-columns:1fr;min-height:0}
  .v3-card-img{min-height:0;aspect-ratio:16/9}
  .v3-card-body{padding:22px}
  .v3-card-n{font-size:3.6rem}
  .v3-nums{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){.ver-3 .hero h1{font-size:clamp(2.3rem,10vw,3.2rem)}}

/* 3A: white sections mixed in */
.ver-3 .sec-white{background:var(--paper);color:var(--text)}
.ver-3 .sec-white h2{color:#000}
.ver-3 .sec-white .ital{color:var(--accent-dark)}
.ver-3 .sec-white .kicker{color:var(--accent-dark)}
.ver-3 .sec-white .lede,.ver-3 .sec-white .head p{color:var(--text)}
.ver-3 .sec-white .v3-tile p,.ver-3 .sec-white .v3-chip *{color:#fff}
.ver-3 .sec-white .v3-tile .v3-tag,.ver-3 .sec-white .v3-chip small{color:var(--accent-ink)}
.ver-3 .sec-white .v3-gold .v3-tag,.ver-3 .sec-white .v3-gold h3{color:#000}
.ver-3 .sec-white .v3-chip{background:#111;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.ver-3 .sec-white .v3-nums div{background:#fff;border-color:var(--line-light);box-shadow:0 14px 34px rgba(0,0,0,.06)}
.ver-3 .sec-white .v3-nums dd{color:#000}
.ver-3 .sec-white .v3-nums dt{color:var(--text)}
.ver-3 .v3-nums-sec.sec-white{padding-top:var(--sec)}

/* 3B: gold sections mixed in (the original MyRevival metallic gold) */
.ver-3 .sec-gold{background:var(--gold-metal);color:#000}
.ver-3 .sec-gold h2,.ver-3 .sec-gold .ital,.ver-3 .sec-gold .kicker,.ver-3 .sec-gold .lede,.ver-3 .sec-gold .head p{color:#000}
.ver-3 .sec-gold .kicker::before{background:#000}
.ver-3 .sec-gold .v3-card .v3-card-in{background:#0b0b0b;border-color:#0b0b0b;color:#fff}
.ver-3 .sec-gold .v3-card:nth-child(even) .v3-card-in{background:var(--paper);border-color:var(--paper);color:#000}
.ver-3 .sec-gold .v3-card .v3-card-n,.ver-3 .sec-gold .v3-card .v3-card-w{color:var(--accent-ink)}
.ver-3 .sec-gold .v3-card h3,.ver-3 .sec-gold .v3-card p{color:#fff}
.ver-3 .sec-gold .v3-card .stack li:not(.on){color:#fff;border-color:rgba(255,255,255,.3)}
.ver-3 .sec-gold .v3-card:nth-child(even) .v3-card-n,.ver-3 .sec-gold .v3-card:nth-child(even) .v3-card-w{color:var(--accent-dark)}
.ver-3 .sec-gold .v3-card:nth-child(even) h3,.ver-3 .sec-gold .v3-card:nth-child(even) p{color:#000}
.ver-3 .sec-gold .v3-card:nth-child(even) .stack li:not(.on){color:#000;border-color:rgba(0,0,0,.35)}
.ver-3 .sec-gold .v3-card .stack li.on{background:var(--gold-metal);border-color:transparent;color:#000}
.ver-3 .sec-gold .v3-card-in{box-shadow:0 -24px 60px rgba(0,0,0,.25)}
.ver-3 .sec-gold .v3-nums div{background:#0b0b0b;border-color:#0b0b0b}
.ver-3 .sec-gold .v3-nums dd{color:var(--accent-ink)}
.ver-3 .sec-gold .v3-nums dt{color:#fff}
.ver-3 .v3-nums-sec.sec-gold{padding-top:var(--sec)}
.v3-gold{background:var(--gold-metal)}

/* Gold = the nav bar "Join free" button: solid #c9a227 with the same light shine sweeping across (Marcos 2026-10-19) */
.ver-3 .sec-gold,.v3-gold{position:relative;isolation:isolate;overflow:clip}
.ver-3 .sec-gold::before,.v3-gold::after{content:"";display:block;position:absolute;top:0;left:-60%;width:40%;height:100%;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:shine 4.5s ease-in-out infinite}
.v3-gold::after{z-index:0}
.v3-gold .v3-tile-in{position:relative;z-index:1}
.ver-3 .sec-gold::before{width:22%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);animation-duration:7s}

/* Numbers in the Join Free button's gold gradient (Marcos 2026-10-19, 3A). On black tiles so they read clearly.
   The one place MyRevival uses gold-gradient text, by his request. */
.ver-3 .v3-nums-sec .v3-nums div{background:#0b0b0b;border-color:#0b0b0b;box-shadow:none}
.ver-3 .v3-nums-sec .v3-nums dd{align-self:flex-start;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.ver-3 .v3-nums-sec .v3-nums dt{color:#fff}