/* dg-founders.css — /founders: the program told as an ad, in the banner's style (dark panels, yellow and pink brush strokes,
   bold condensed headlines), Inter for the text. */
body.dg-founders .side, body.dg-founders #dgSideMobile, body.dg-founders .newpill, body.dg-founders #dgMore { display: none !important; }
body.dg-founders .wrap { grid-template-columns: 240px minmax(0, 1fr); }
@media (max-width: 1180px) { body.dg-founders .wrap { grid-template-columns: 76px minmax(0, 1fr); } }
@media (max-width: 960px) { body.dg-founders .wrap { grid-template-columns: minmax(0, 1fr); } }
.fd { display: flex; flex-direction: column; gap: 18px; padding-bottom: 30px; }
.fd-banner { margin: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 26px rgba(0, 0, 0, .18); }
.fd-banner img { width: 100%; height: auto; display: block; }
.fd-sec { position: relative; border-radius: 18px; padding: 26px 28px; color: #fff; overflow: hidden; background: radial-gradient(120% 140% at 0% 0%, #2b1a5e 0%, #0b1a3a 55%, #050b1a 100%); box-shadow: 0 8px 26px rgba(0, 0, 0, .14); }
.fd-sec::after { content: ''; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 214, 0, .25), transparent 70%); pointer-events: none; }
.fd-gifts { background: radial-gradient(120% 140% at 100% 0%, #5a0f3f 0%, #1a0b2e 55%, #07060f 100%); }
.fd-founders { background: radial-gradient(120% 140% at 0% 100%, #3b2a00 0%, #1a1305 50%, #0a0703 100%); }
.fd-investors { background: radial-gradient(120% 140% at 100% 100%, #003b4a 0%, #071d2b 55%, #040b12 100%); }
.fd-members { background: #fff; color: #0F1419; border: 1px solid #EFF3F4; }
.fd-members::after { display: none; }
.fd-sec h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 14px; font: 400 clamp(26px, 4vw, 40px)/1.05 'Bebas Neue', Impact, 'Arial Narrow', sans-serif; letter-spacing: .5px; text-transform: uppercase; }
.fd-num { font: 700 14px Inter, system-ui, sans-serif; color: #FFD600; letter-spacing: 1px; }
.fd-members .fd-num { color: #E21B2D; }
.fd-brush { display: inline-block; padding: 4px 16px 2px; transform: rotate(-1.5deg); }
.fd-brush.black { background: #0F1419; color: #fff; box-shadow: 4px 4px 0 rgba(255, 255, 255, .08); }
.fd-brush.yellow { background: #FFD600; color: #0F1419; }
.fd-vs { font: italic 700 20px Inter, system-ui, sans-serif; color: #FF2D6F; }
.fd-sec p { margin: 0 0 12px; font: 400 16px/1.55 Inter, system-ui, sans-serif; max-width: 860px; opacity: .95; }
.fd-sec p.fd-big { font: 700 clamp(18px, 2.4vw, 24px)/1.3 Inter, system-ui, sans-serif; opacity: 1; }
.fd-pink { display: inline-block; background: #FF2D6F; color: #fff; font-weight: 700 !important; padding: 10px 16px; border-radius: 6px; transform: rotate(-.6deg); }
.fd-quote { border-left: 4px solid #FFD600; padding-left: 14px; font-style: italic; }
.fd-hl { background: #FFD600; color: #0F1419; padding: 0 6px; border-radius: 3px; }
.fd-vsgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 16px; max-width: 760px; }
.fd-vscard { border-radius: 14px; padding: 16px; display: flex; flex-direction: column; gap: 2px; }
.fd-vscard b { font: 700 14px Inter, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .5px; opacity: .85; }
.fd-vscard strong { font: 400 40px/1 'Bebas Neue', Impact, sans-serif; }
.fd-vscard span { font-size: 14px; opacity: .9; }
.fd-vscard.bad { background: rgba(255, 45, 111, .16); border: 1px solid rgba(255, 45, 111, .5); }
.fd-vscard.bad strong { color: #FF2D6F; }
.fd-vscard.good { background: rgba(255, 214, 0, .12); border: 1px solid rgba(255, 214, 0, .5); }
.fd-vscard.good strong { color: #FFD600; }
.fd-100 { margin-top: 8px; }
.fd-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; border: 0; border-radius: 999px; background: #FFD600; color: #0F1419; padding: 14px 28px; font: 400 22px 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; cursor: pointer; box-shadow: 0 6px 18px rgba(255, 214, 0, .3); }
.fd-cta:hover { transform: translateY(-1px); }
.fd-cta.pink { background: #FF2D6F; color: #fff; box-shadow: 0 6px 18px rgba(255, 45, 111, .3); }
.fd-empty { color: #536471; }
.fd-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 14px; }
.fd-card { display: flex; flex-direction: column; text-decoration: none; color: inherit; min-width: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 18px rgba(0, 0, 0, .25); }
.fd-thumb { position: relative; display: grid; place-items: center; aspect-ratio: 2 / 3; overflow: hidden; color: #fff; font: 800 44px Inter, system-ui, sans-serif; }
.fd-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.fd-card:hover .fd-thumb img { transform: scale(1.04); }
.fd-badge { padding: 3px 8px; border-radius: 6px; background: #FFD600; color: #0F1419; font: 800 11px Inter, system-ui, sans-serif; font-style: normal; text-transform: uppercase; letter-spacing: .04em; }
.fd-foot { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 0 2px; }
.fd-name { display: flex; align-items: center; gap: 4px; font: 700 15px Inter, system-ui, sans-serif; color: #0F1419; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fd-title { font: 500 14px/1.35 Inter, system-ui, sans-serif; color: #0F1419; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.fd-card small { color: #536471; font-size: 13px; }
.fd-form-h { font: 700 18px Inter, system-ui, sans-serif; }
.fd-form label { display: block; font-weight: 600; font-size: 14px; margin-top: 10px; }
.fd-form input, .fd-form textarea { display: block; width: 100%; margin-top: 4px; }
.fd-form [hidden] { display: none; }
@media (max-width: 960px) { .fd-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .fd { gap: 12px; padding: 0 0 20px; }
  .fd-banner, .fd-sec { border-radius: 0; }
  .fd-sec { padding: 22px 16px; }
  .fd-vsgrid { grid-template-columns: 1fr; }
  .fd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}
/* owner 2026-10-25: the red See button is the card's footer (no text under the picture) */
.fd-open { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 9px 10px; background: #E21B2D; font: 700 14px Inter, system-ui, sans-serif; color: #fff; }
.fd-see { display: flex; align-items: center; gap: 6px; }
.fd-open img { width: 18px; height: 18px; filter: brightness(0) invert(1); }
.fd-card:hover .fd-open { background: #C8101F; }
/* the banner opens large on a tap */
.fd-banner[data-fd-zoom] { cursor: zoom-in; }
.fd-zoom { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, .88); cursor: zoom-out; }
.fd-zoom[hidden] { display: none; }
.fd-zoom img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; box-shadow: 0 10px 40px rgba(0, 0, 0, .5); }
.fd-zoom-x { position: absolute; top: 12px; right: 16px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .15); color: #fff; font-size: 28px; line-height: 40px; cursor: pointer; }
/* the 5 tabs (one row, scrolled with arrows) */
.fd-tabs { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px 0; white-space: nowrap; }
.fd-tabs::-webkit-scrollbar { display: none; }
.fd-tabs a { flex: 0 0 auto; padding: 9px 16px; border-radius: 999px; background: #fff; border: 1px solid #CFD9DE; font: 700 14px Inter, system-ui, sans-serif; color: #0F1419; text-decoration: none; }
.fd-tabs a.on { background: #E21B2D; border-color: #E21B2D; color: #fff; }
.fd [hidden] { display: none !important; }
@media (max-width: 767px) { .fd-tabs { padding: 2px 10px; } }
.fd > .dg-sx { min-width: 0; width: 100%; }
.fd-tabs { position: relative; }
/* centred when they fit, scrollable from the first tab when they do not */
.fd-tabs a:first-child { margin-left: auto; }
.fd-tabs a:last-child { margin-right: auto; }