/* ============================================================
   IDEAS FROM PU — PU Talks · Research shorts · Founder stories
   (slider reuses the theme's shared .cardrow-* progress/arrows,
   see ideas-from-pu.js — same pattern as .pierc-section)
============================================================ */
.ideas{
  background:#0F0445;
  padding:5.5rem 0;
  overflow:hidden;
}

.ideas-head{
  max-width:820px;
  margin:0 0 2.5rem;
}
.ideas-eyebrow{
  color:#fff;
  margin-bottom:.6rem;
}
.ideas-h{
  line-height:1.22;
  color:#fff;
  letter-spacing:-0.02em;
  margin-bottom:1rem;
}
.ideas-p{
  color:#fff;
  font-size:20px;
  line-height:1.6;
  margin:0;
}


.ideas-row{ margin:0 -.75rem; }
.ideas-row .slick-slide{ height:auto; }
.ideas-row .slick-track{ display:block; }

.ideas-card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  margin:0 .75rem;
  box-shadow:0 20px 40px rgba(4,0,32,.35);
}

.ideas-media{
  position:relative;
  aspect-ratio:16/10;
  background:#0a0330;
  overflow:hidden;
}
.ideas-media img,
.ideas-media iframe{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border:0;
}

.ideas-play{
position:absolute;
  top:50%;
  left:50%;
transform:translate(-50%,-50%);
  width:100px;
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .25s ease, background .25s ease;
	background: rgba(175, 162, 255, 0.30);
	border:1px solid #fff;
	border-radius:100%;
}
.ideas-play svg{ margin-left:3px; }
.ideas-card--video:hover .ideas-play{
  transform:translate(-50%,-50%) scale(1.08);
  background:rgba(15,4,69,.75);
}

.ideas-body{
  padding:1.25rem 1.4rem 1.5rem;
  display:flex;
  flex-direction:column;
  flex:1;
}
.ideas-tag{
  display:inline-flex;
  align-self:flex-start;
  color:#000;
  font-family:var(--font-display);
  font-weight:700;
  font-size:12px;
  padding:.3rem .6rem;
  margin-bottom:.7rem;
	border-radius: 8px;
background: rgba(0, 0, 0, 0.10);
}
.ideas-title{
  display:block;
  font-family:var(--font-display);
  font-weight:700;
  font-size:24px;
  line-height:1.35;
  margin-bottom:.9rem;
  text-decoration:none;
  background: var(--New, linear-gradient(90deg, #B53C72 0%, #5641E0 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
a.ideas-title{ cursor:pointer; }
.ideas-divider{
  display:block;
  height:1px;
  background:#000;
  opacity:.12;
  margin-bottom:.8rem;
}
.ideas-byline{
  font-family:var(--font-display);
  font-weight:700;
  font-size:18px;
  color: #0F0445;
  margin:0 0 .15rem;
}
.ideas-meta{
  font-size:16px;
  color:#000;
  margin:0;
}

/* ---------- Bottom row: progress bar + prev/next ----------
   Generated by ideas-from-pu.js as a shared .cardrow-* component
   (same pattern as .pierc-section's founders slider); styled fully
   standalone here rather than relying on any theme-wide default. */
.ideas .cardrow-foot{
  display:flex;
  align-items:center;
  gap:1.5rem;
  margin-top:2rem;
}
.ideas .cardrow-progress{
  flex:1;
  height:2px;
  background:rgba(255,255,255,.2);
  border-radius:2px;
  position:relative;
  overflow:hidden;
}
.ideas .cardrow-progress-fill{
  position:absolute;
  left:0; top:0; bottom:0;
  width:0%;
  background:#FFC800;
  transition:width .3s ease;
  display:block;
}
.ideas .cardrow-nav{
  display:flex;
  gap:.6rem;
  flex-shrink:0;
}
.ideas .cardrow-prev,
.ideas .cardrow-next{
  position: relative;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: transparent;
	border: 0px;
	cursor: pointer;
	transition: background .2s ease, opacity .2s ease;
}
.ideas .cardrow-prev:disabled,
.ideas .cardrow-next:disabled{
  opacity:.35;
  cursor:default;
}
.cardrow-nav svg {
    width: 24px;
    height: 24px;
}
.cardrow-nav svg path {
    stroke: #fff;
}
.ideas .cardrow-foot.is-hidden{ display:none; }
.ideas-row .slick-track{
  display: flex;
  align-items: stretch;
}

.ideas-row .slick-slide{
  height: auto;
}
.ideas-row .ideas-card{
  height: auto !important;
}

@media (max-width:767.98px){
	.ideas-title{font-size:22px;}
	.ideas-byline{font-size:16px;}
	.ideas-meta{font-size:14px;}
	.ideas-play{width:65px; height:65px;}
	.ideas-p{font-size:16px;}
}
@media (max-width:575.98px){
	.ideas-title{font-size:20px !important;}
  .ideas{ padding:3.5rem 0; }
}
@media (max-width:375.98px){
	.ideas-title{font-size:18px !important;}
	.ideas-byline{font-size:15px !important;}
	.ideas-meta{font-size:13px !important;}
}