/* DDC Financial Group — Apple-inspired homepage refinement
   22 Aug 2026. Homepage only: existing event pages and functional fixes remain untouched. */

.home-page{
  --ddc-bg:#ffffff;
  --ddc-soft:#f5f5f7;
  --ddc-ink:#07101f;
  --ddc-black:#020407;
  --ddc-blue:#1674ea;
  --ddc-sky:#a8d8ff;
  --ddc-line:rgba(7,16,31,.11);
  --ddc-muted:#667085;
  --ddc-radius:30px;
  background:var(--ddc-bg);
  color:#121826;
}
.home-page .shell{width:min(calc(100% - 56px),1240px)}
.home-page .section{padding:132px 0}
.home-page h1,
.home-page h2,
.home-page h3{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
.home-page h2{font-weight:700;letter-spacing:-.055em}
.home-page p{letter-spacing:-.012em}

/* Navigation: thin, quiet and translucent. */
.home-page .site-header{
  height:72px;
  position:absolute;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:rgba(3,8,16,.36);
  -webkit-backdrop-filter:saturate(160%) blur(20px);
  backdrop-filter:saturate(160%) blur(20px);
}
.home-page .site-header.is-scrolled{
  height:64px;
  background:rgba(4,9,17,.82);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
  backdrop-filter:saturate(180%) blur(22px);
  box-shadow:none;
}
.home-page .header-inner{gap:24px}
.home-page .site-nav{gap:21px;font-size:.78rem;font-weight:600;letter-spacing:-.01em}
.home-page .site-nav a{opacity:.78}
.home-page .site-nav a:hover{opacity:1;color:#fff}
.home-page .header-cta{
  min-height:38px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(255,255,255,.10);
  box-shadow:none;
  font-size:.72rem;
}
.home-page .header-cta:hover{background:#fff;color:#07101f;border-color:#fff;box-shadow:none}
.home-page .header-social-button{opacity:.74}

/* Hero: one idea, one statement, one cinematic visual. */
.home-page .hero-home{
  min-height:0;
  padding:148px 0 76px;
  align-items:flex-start;
  background:var(--ddc-black);
}
.home-page .hero-mesh{
  background:
    radial-gradient(ellipse at 50% 10%,rgba(40,104,255,.23),transparent 42%),
    radial-gradient(ellipse at 82% 32%,rgba(168,216,255,.09),transparent 28%),
    linear-gradient(180deg,#03070d 0%,#07101f 72%,#081322 100%);
}
.home-page .hero-mesh:before,
.home-page .hero-mesh:after{display:none}
.home-page .hero-grid{
  display:block;
  position:relative;
}
.home-page .hero-copy{
  max-width:1030px;
  margin:0 auto;
  text-align:center;
}
.home-page .hero-copy .eyebrow{
  color:rgba(255,255,255,.68);
  margin-bottom:22px;
  font-size:.72rem;
  letter-spacing:.12em;
}
.home-page .hero-copy h1{
  max-width:1040px;
  margin:0 auto;
  color:#f5f5f7;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  font-size:clamp(4.7rem,8.2vw,7.65rem);
  font-weight:720;
  line-height:.92;
  letter-spacing:-.072em;
}
.home-page .hero-copy h1 em{
  display:inline;
  font:inherit;
  font-style:normal;
  color:transparent;
  background:linear-gradient(90deg,#f7fbff 15%,#b8dcff 56%,#6da7ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.home-page .hero-lead{
  max-width:790px;
  margin:30px auto 0;
  color:rgba(235,241,250,.76);
  font-size:clamp(1.12rem,1.6vw,1.36rem);
  line-height:1.48;
}
.home-page .hero-copy .button-row{
  justify-content:center;
  margin-top:30px;
  gap:8px;
}
.home-page .hero-copy .button{
  min-height:46px;
  padding:0 20px;
  background:#f5f5f7;
  border-color:#f5f5f7;
  color:#07101f;
  font-size:.82rem;
  box-shadow:none;
}
.home-page .hero-copy .button:hover{transform:none;background:#fff;box-shadow:none}
.home-page .hero-copy .button-ghost{
  background:transparent;
  border-color:transparent;
  color:#7eb4ff;
  padding-inline:16px;
}
.home-page .hero-copy .button-ghost:hover{background:transparent;color:#a8d8ff;border-color:transparent}
.home-page .hero-proof{
  max-width:780px;
  margin:38px auto 0;
  padding:24px 0 0;
  justify-content:center;
  gap:0;
  border-top:1px solid rgba(255,255,255,.12);
}
.home-page .hero-proof div{
  min-width:0;
  flex:1;
  padding:0 26px;
  border-right:1px solid rgba(255,255,255,.11);
}
.home-page .hero-proof div:last-child{border-right:0}
.home-page .hero-proof strong{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:650;
  font-size:1.12rem;
  letter-spacing:-.025em;
}
.home-page .hero-proof span{font-size:.69rem;color:rgba(219,230,244,.56)}
.home-page .hero-stage{
  height:455px!important;
  max-width:1120px;
  margin:66px auto 0!important;
  border-radius:34px;
  overflow:hidden;
  transform:none!important;
  background:
    linear-gradient(180deg,rgba(4,8,14,.05) 10%,rgba(4,8,14,.08) 42%,rgba(4,8,14,.76) 100%),
    url('/assets/event-riyadh-city.jpg') center 54%/cover no-repeat;
  box-shadow:0 34px 100px rgba(0,0,0,.34);
}
.home-page .stage-lines,
.home-page .stage-orbit{display:none!important}
.home-page .stage-card-main{
  width:auto;
  height:auto;
  max-width:410px;
  left:28px;
  right:auto;
  top:auto;
  bottom:28px;
  transform:none;
  padding:22px 24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(4,9,17,.67);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  backdrop-filter:blur(22px) saturate(140%);
  box-shadow:0 16px 42px rgba(0,0,0,.24);
  justify-content:flex-start;
}
.home-page .stage-card-main:before{display:none}
.home-page .stage-kicker{font-size:.65rem;letter-spacing:.11em;color:#b9dfff}
.home-page .stage-card-main strong{
  margin:5px 0 4px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:700;
  font-size:2.2rem;
  letter-spacing:-.05em;
}
.home-page .stage-card-main>span:not(.stage-kicker){color:rgba(255,255,255,.72);font-size:.78rem}
.home-page .stage-card-main a{margin-top:12px;color:#8fc3ff;font-size:.75rem}

/* Shared section hierarchy. */
.home-page .eyebrow{
  margin-bottom:18px;
  color:#1674ea;
  font-size:.69rem;
  letter-spacing:.12em;
}
.home-page .section-heading{margin-bottom:64px}
.home-page .split-heading{
  grid-template-columns:minmax(0,1.22fr) minmax(280px,.65fr);
  gap:80px;
  align-items:end;
}
.home-page .split-heading h2,
.home-page #investors h2,
.home-page #linkedin h2,
.home-page .cta-band h2,
.home-page #partnerships h2,
.home-page #about h2,
.home-page #contact h2,
.home-page .section-ink .centre-heading h2{
  font-size:clamp(3.5rem,5.8vw,5.6rem)!important;
  line-height:.95!important;
  letter-spacing:-.065em!important;
  font-weight:720!important;
}
.home-page .split-heading>p{font-size:1rem;line-height:1.55;color:#6e7788}

/* Upcoming events: large editorial tiles, not conference boxes. */
.home-page #events{background:#fff}
.home-page #events .events-pager-head{
  border:0;
  margin-bottom:24px;
}
.home-page #events .events-year-tabs{
  padding:4px;
  border-radius:999px;
  background:#f2f2f4;
}
.home-page #events .events-year-tab{
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  border:0;
  background:transparent;
  box-shadow:none;
  font-size:.73rem;
  font-weight:650;
}
.home-page #events .events-year-tab.is-active{background:#fff;box-shadow:0 1px 7px rgba(7,16,31,.09)}
.home-page #events .events-pager-note{color:#858c98;font-size:.7rem;letter-spacing:.02em;text-transform:none}
.home-page #events .events-grid{gap:26px!important}
.home-page #events .event-card{
  border:0;
  border-radius:30px!important;
  background:#f5f5f7;
  box-shadow:none;
  overflow:hidden;
  transition:transform .28s ease,box-shadow .28s ease;
}
.home-page #events .event-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(7,16,31,.10)}
.home-page #events .event-visual{
  height:390px!important;
  min-height:390px!important;
  border-radius:0;
}
.home-page #events .event-visual:before{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(4,8,15,.62))}
.home-page #events .event-visual .visual-grid{display:none}
.home-page #events .event-region{
  top:0!important;
  left:0!important;
  max-width:82%!important;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(4,9,17,.34);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  font-size:.63rem!important;
  letter-spacing:.08em!important;
}
.home-page #events .city-word{
  left:28px!important;
  bottom:18px!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(4rem,6vw,5.7rem)!important;
  font-weight:700;
  letter-spacing:-.07em;
  color:#fff;
}
.home-page #events .event-card-body{padding:30px 30px 32px!important}
.home-page #events .event-meta{font-size:.72rem;color:#767e8b}
.home-page #events .event-card h3{
  margin-top:13px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(1.75rem,2.6vw,2.35rem)!important;
  font-weight:700;
  line-height:1.03!important;
  letter-spacing:-.045em;
}
.home-page #events .event-card p{max-width:600px;font-size:.9rem;line-height:1.55;color:#666f7e}
.home-page #events .tag-row{margin:18px 0}
.home-page #events .tag-row span{background:#fff;padding:6px 10px;font-size:.64rem;color:#556071}
.home-page #events .event-card-actions{align-items:center}
.home-page #events .event-card-actions .button{
  min-height:40px;
  padding:0 16px;
  background:#07101f;
  border-color:#07101f;
  color:#fff;
  box-shadow:none;
}
.home-page #events .text-link{font-size:.75rem;color:#1674ea}
.home-page #events .events-pager-action{text-align:center;margin-top:34px}
.home-page #events .events-next-year{background:transparent;border-color:#d4d8df;color:#07101f}

/* DDC difference: keep it dark but strip away decorative card noise. */
.home-page .section-ink{background:#070b12}
.home-page .section-ink .centre-heading{max-width:900px;margin-bottom:64px}
.home-page .section-ink .centre-heading>p:last-child{max-width:690px;margin-inline:auto;color:#9ba7b8}
.home-page .principle-grid{gap:38px}
.home-page .principle-grid article{
  min-height:240px;
  padding:28px 0 8px;
  border:0;
  border-top:1px solid rgba(255,255,255,.18);
  border-radius:0;
  background:transparent;
}
.home-page .principle-grid article>span{
  position:static;
  display:block;
  margin-bottom:48px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:.68rem;
  font-weight:650;
  letter-spacing:.12em;
  color:#74b5ff;
  opacity:1;
}
.home-page .principle-grid h3{font-size:1.55rem!important;letter-spacing:-.035em!important}
.home-page .principle-grid p{color:#909cad;font-size:.9rem;line-height:1.55}

/* Investor community: softer, calmer, more product-like. */
.home-page #investors{background:#f5f5f7}
.home-page #investors .network-grid{gap:84px;align-items:center}
.home-page #investors .network-art{
  min-height:560px;
  border-radius:34px;
  background:linear-gradient(145deg,#06101e,#0c2341);
  overflow:hidden;
  box-shadow:0 24px 70px rgba(7,16,31,.12);
}
.home-page #investors .network-art:before{opacity:.5}
.home-page #investors .network-art .node{
  border-color:rgba(255,255,255,.17);
  background:rgba(255,255,255,.08);
  box-shadow:none;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.home-page #investors .button-dark{background:#07101f;box-shadow:none}
.home-page #investors .investor-form-card,
.home-page #investors .newsletter-panel{border:0;box-shadow:none;border-radius:28px}

/* Insights: generous tiles and fewer visual borders. */
.home-page #insights{background:#fff}
.home-page #insights .insight-grid{gap:22px}
.home-page #insights .insight-card{
  border:0;
  border-radius:28px;
  background:#f5f5f7;
  box-shadow:none;
}
.home-page #insights .insight-card h3{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(1.65rem,2.5vw,2.25rem)!important;
  font-weight:700;
  letter-spacing:-.045em;
}
.home-page #insights .insight-feature{background:#07101f;color:#fff}
.home-page #insights .insight-feature p{color:#b6c1d1}
.home-page #insights .insights-home-action{justify-content:center;margin-top:38px}

/* LinkedIn / Friday Flow: high contrast, one clean split. */
.home-page #linkedin{background:#020407}
.home-page #linkedin .social-intelligence-grid{gap:76px}
.home-page #linkedin .social-feature-grid{gap:24px}
.home-page #linkedin .social-feature-grid article{
  padding:22px 0;
  border:0;
  border-top:1px solid rgba(255,255,255,.16);
  border-radius:0;
  background:transparent;
}
.home-page #linkedin .newsletter-panel-dark{
  padding:38px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  box-shadow:none;
}
.home-page #linkedin .newsletter-panel h3{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:700}
.home-page #linkedin .newsletter-input-row input{border-radius:12px}
.home-page #linkedin .newsletter-input-row .button{border-radius:12px}

/* CTA: bold and simple. */
.home-page .cta-band{
  padding:92px 0;
  background:linear-gradient(135deg,#0d5fd0,#247fff 58%,#4f9eff);
}
.home-page .cta-band .cta-grid{gap:70px}
.home-page .cta-band h2{max-width:660px}
.home-page .cta-band p{max-width:480px;color:rgba(255,255,255,.82)}
.home-page .cta-band .button{background:#fff;color:#0b3268;border-color:#fff;box-shadow:none}

/* Partnerships, history, about: less boxed, more editorial. */
.home-page #partnerships{background:#fff}
.home-page #partnerships .partnership-options{gap:90px}
.home-page #partnerships .option-grid{gap:0;border-top:1px solid var(--ddc-line)}
.home-page #partnerships .option-grid article{
  min-height:190px;
  padding:30px 22px 30px 0;
  border:0;
  border-bottom:1px solid var(--ddc-line);
  border-radius:0;
  background:transparent;
}
.home-page #partnerships .option-grid article>span{font-size:.66rem;color:#1674ea}
.home-page #partnerships .option-grid h3{font-size:1.4rem!important;font-weight:700}
.home-page #partnerships .option-grid p{font-size:.86rem;color:#707887}
.home-page #history{background:#f5f5f7}
.home-page #history .history-grid{gap:16px}
.home-page #history .history-grid article{
  min-height:210px;
  padding:30px;
  border:0;
  border-radius:26px;
  box-shadow:none;
}
.home-page #history .history-grid article:hover{transform:none;box-shadow:none}
.home-page #history .history-grid h3{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.35rem!important;font-weight:700}
.home-page #about{background:#fff}
.home-page #about .editorial-grid{gap:110px;align-items:start}
.home-page #about .large-copy{font-size:1.34rem;line-height:1.5;color:#303949}
.home-page #about .button{box-shadow:none}

/* Contact: keep the functional form, quieten the chrome. */
.home-page #contact{background:#f5f5f7}
.home-page #contact .contact-grid{gap:90px}
.home-page #contact .contact-form{
  padding:38px;
  background:#fff;
  border-radius:30px;
  box-shadow:none;
}
.home-page #contact input,
.home-page #contact select,
.home-page #contact textarea{border-radius:12px;background:#f7f7f9;border-color:#e1e4e8}
.home-page #contact .button{border-radius:12px;background:#07101f;box-shadow:none}
.home-page .contact-details>a{padding:16px 0}

.home-page .site-footer{background:#020407}
.home-page .site-footer .footer-bottom{border-top-color:rgba(255,255,255,.12)}

@media(max-width:1050px){
  .home-page .site-nav{gap:14px;font-size:.74rem}
  .home-page .hero-copy h1{font-size:clamp(4.2rem,9vw,6.3rem)}
  .home-page .split-heading{grid-template-columns:1fr;gap:20px}
  .home-page #investors .network-grid{gap:46px}
  .home-page #about .editorial-grid{gap:44px}
}

@media(max-width:760px){
  .home-page .shell{width:min(calc(100% - 32px),1240px)}
  .home-page .section{padding:88px 0}
  .home-page .site-header{height:66px;background:rgba(3,8,16,.58)}
  .home-page .site-header.is-scrolled{height:62px}
  .home-page .site-nav{inset:66px 0 auto;background:rgba(3,8,16,.97);padding:25px 22px 34px;gap:17px}
  .home-page .header-socials{display:none}
  .home-page .hero-home{padding:126px 0 44px!important}
  .home-page .hero-copy{padding:0 4px}
  .home-page .hero-copy .eyebrow{font-size:.61rem;line-height:1.45;margin-bottom:16px}
  .home-page .hero-copy h1{
    font-size:clamp(3.35rem,16.2vw,5rem)!important;
    line-height:.94;
    letter-spacing:-.068em;
  }
  .home-page .hero-lead{margin-top:22px;font-size:1rem;line-height:1.48}
  .home-page .hero-copy .button-row{margin-top:24px;gap:4px}
  .home-page .hero-copy .button{min-height:44px;padding:0 17px;font-size:.78rem}
  .home-page .hero-proof{
    flex-direction:row;
    gap:0;
    margin-top:30px;
    padding-top:20px;
  }
  .home-page .hero-proof div{padding:0 9px}
  .home-page .hero-proof strong{font-size:.94rem}
  .home-page .hero-proof span{font-size:.58rem;line-height:1.3;margin-top:3px}
  .home-page .hero-stage{
    height:355px!important;
    margin:40px -6px 0!important;
    border-radius:24px;
    background-position:58% center;
  }
  .home-page .stage-card-main{
    left:14px;
    right:14px;
    bottom:14px;
    max-width:none;
    padding:18px;
    border-radius:18px;
  }
  .home-page .stage-card-main strong{font-size:1.8rem}
  .home-page .split-heading h2,
  .home-page #investors h2,
  .home-page #linkedin h2,
  .home-page .cta-band h2,
  .home-page #partnerships h2,
  .home-page #about h2,
  .home-page #contact h2,
  .home-page .section-ink .centre-heading h2{
    font-size:clamp(2.65rem,12.8vw,3.75rem)!important;
    line-height:.97!important;
  }
  .home-page .section-heading{margin-bottom:40px}
  .home-page #events .events-pager-head{align-items:flex-start;gap:12px}
  .home-page #events .events-pager-note{display:none}
  .home-page #events .events-grid-2026,
  .home-page #events .events-grid-2027{grid-template-columns:1fr!important;gap:18px!important}
  .home-page #events .events-grid-2026>.event-card,
  .home-page #events .events-grid-2027>.event-card{border-radius:24px!important}
  .home-page #events .events-grid-2026 .event-visual,
  .home-page #events .events-grid-2027 .event-visual,
  .home-page #events .event-card[data-event-year="2026"] .event-visual{
    height:240px!important;
    min-height:240px!important;
  }
  .home-page #events .events-grid-2026 .city-word,
  .home-page #events .events-grid-2027 .city-word,
  .home-page #events .event-card[data-event-year="2026"] .city-word{
    left:18px!important;
    bottom:14px!important;
    font-size:3.15rem!important;
  }
  .home-page #events .events-grid-2026 .event-region,
  .home-page #events .events-grid-2027 .event-region,
  .home-page #events .event-card[data-event-year="2026"] .event-region{
    top:0!important;
    left:0!important;
    max-width:88%!important;
    font-size:.53rem!important;
  }
  .home-page #events .events-grid-2026 .event-card-body,
  .home-page #events .events-grid-2027 .event-card-body,
  .home-page #events .event-card[data-event-year="2026"] .event-card-body{padding:22px 20px 23px!important}
  .home-page #events .events-grid-2026 .event-meta,
  .home-page #events .event-card[data-event-year="2026"] .event-meta{font-size:.64rem!important;flex-direction:row!important;gap:12px!important}
  .home-page #events .events-grid-2026 .event-meta span:nth-child(2),
  .home-page #events .event-card[data-event-year="2026"] .event-meta span:nth-child(2){display:flex!important}
  .home-page #events .events-grid-2026 h3,
  .home-page #events .event-card[data-event-year="2026"] h3{font-size:1.65rem!important;line-height:1.05!important;margin:11px 0 10px!important}
  .home-page #events .events-grid-2026 .event-card-body>p,
  .home-page #events .event-card[data-event-year="2026"] .event-card-body>p{display:block!important;font-size:.83rem!important;line-height:1.5!important;margin-bottom:14px!important}
  .home-page #events .events-grid-2026 .tag-row,
  .home-page #events .event-card[data-event-year="2026"] .tag-row{display:none!important}
  .home-page #events .events-grid-2026 .event-card-actions,
  .home-page #events .event-card[data-event-year="2026"] .event-card-actions{margin-top:0!important;flex-direction:row!important;align-items:center!important;gap:10px!important}
  .home-page #events .events-grid-2026 .event-card-actions .text-link,
  .home-page #events .event-card[data-event-year="2026"] .event-card-actions .text-link{display:inline-flex!important;font-size:.68rem!important}
  .home-page #events .events-grid-2026 .event-card-actions .button,
  .home-page #events .event-card[data-event-year="2026"] .event-card-actions .button{width:auto!important;min-height:38px!important;padding:0 13px!important;font-size:.68rem!important}
  .home-page .principle-grid{grid-template-columns:1fr;gap:16px}
  .home-page .principle-grid article{min-height:0;padding:25px 0}
  .home-page .principle-grid article>span{margin-bottom:20px}
  .home-page #investors .network-art{min-height:430px;border-radius:24px}
  .home-page #linkedin .newsletter-panel-dark{padding:26px;border-radius:24px}
  .home-page .cta-band{padding:72px 0}
  .home-page .cta-band .cta-grid{gap:24px}
  .home-page #partnerships .option-grid{grid-template-columns:1fr}
  .home-page #partnerships .option-grid article{min-height:0;padding:25px 0}
  .home-page #history .history-grid{grid-template-columns:1fr}
  .home-page #contact .contact-form{padding:24px;border-radius:24px}
}

@media(max-width:420px){
  .home-page .hero-copy h1{font-size:3.18rem!important}
  .home-page .hero-copy .button-row{flex-direction:column;align-items:stretch}
  .home-page .hero-copy .button{width:100%}
  .home-page .hero-proof div{padding-inline:6px}
  .home-page .hero-stage{height:330px!important}
  .home-page #events .events-year-tab{padding:0 12px;font-size:.68rem}
  .home-page #events .event-card-actions{align-items:flex-start!important;flex-direction:column!important}
  .home-page #events .event-card-actions .button{width:100%!important}
}

@media(prefers-reduced-motion:reduce){
  .home-page *,
  .home-page *:before,
  .home-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Final header / hero simplification after visual QA */
.home-page .header-socials{display:none}
.home-page .site-nav a[href="#partnerships"],
.home-page .site-nav a[href="/past-events"],
.home-page .site-nav a[href="/team"]{display:none}
.home-page .hero-copy h1{font-size:7rem;font-size:clamp(4.7rem,8.2vw,7.65rem)}
.home-page .hero-copy h1 em{
  color:#a8d8ff;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
}
@media(max-width:760px){
  .home-page .site-nav a[href="#partnerships"],
  .home-page .site-nav a[href="/past-events"],
  .home-page .site-nav a[href="/team"]{display:block}
}
.home-page #events .events-year-tab{color:#656d79!important}
.home-page #events .events-year-tab.is-active{color:#07101f!important}


/* 22 Aug 2026 — The DDC Difference + separated editorial/social content */
.home-page .hero-copy h1{max-width:1180px}
.home-page .hero-copy h1 em{white-space:nowrap}

.home-page #linkedin .linkedin-heading{margin-bottom:46px}
.home-page #linkedin .linkedin-heading>p{color:rgba(226,233,244,.68);font-size:1rem;line-height:1.55}
.home-page #linkedin .linkedin-post-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.home-page #linkedin .linkedin-post-card{
  min-height:330px;
  display:flex;
  flex-direction:column;
  padding:30px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  background:rgba(255,255,255,.055);
}
.home-page #linkedin .linkedin-post-meta{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-bottom:32px;
  color:rgba(221,230,242,.54);
  font-size:.67rem;
  letter-spacing:.04em;
}
.home-page #linkedin .linkedin-post-meta span{color:#9ac9ff;font-weight:700}
.home-page #linkedin .linkedin-post-card h3{
  margin:0 0 14px;
  color:#f5f5f7;
  font-size:clamp(1.45rem,2.15vw,2rem)!important;
  line-height:1.06!important;
  letter-spacing:-.045em;
  font-weight:700;
}
.home-page #linkedin .linkedin-post-card p{margin:0 0 28px;color:rgba(222,230,241,.68);font-size:.9rem;line-height:1.55}
.home-page #linkedin .linkedin-post-card .text-link{margin-top:auto;color:#8fc3ff}
.home-page #linkedin .linkedin-community-row{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:16px;
  margin-top:16px;
}
.home-page #linkedin .linkedin-follow-panel{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  background:rgba(255,255,255,.035);
}
.home-page #linkedin .linkedin-follow-panel h3{
  margin:0 0 12px;
  color:#f5f5f7;
  font-size:clamp(1.8rem,3vw,2.6rem)!important;
  line-height:1!important;
  letter-spacing:-.05em;
}
.home-page #linkedin .linkedin-follow-panel>p:not(.eyebrow){margin:0 0 24px;color:rgba(222,230,241,.68);line-height:1.55}
.home-page #linkedin .linkedin-follow-panel .button{margin-top:auto}
.home-page #linkedin .newsletter-panel-dark{height:100%;box-sizing:border-box}

@media(max-width:900px){
  .home-page #linkedin .linkedin-post-grid{grid-template-columns:1fr}
  .home-page #linkedin .linkedin-post-card{min-height:0}
  .home-page #linkedin .linkedin-community-row{grid-template-columns:1fr}
}
@media(max-width:760px){
  .home-page .hero-copy h1 em{white-space:normal}
  .home-page #linkedin .linkedin-post-card{padding:24px;border-radius:24px}
  .home-page #linkedin .linkedin-post-meta{margin-bottom:24px}
  .home-page #linkedin .linkedin-follow-panel{padding:26px;border-radius:24px}
}