.ct32 {
  --ct32-gutter:80px;
  --ct32-tail:160px;
  --ct32-stick:80px;
  --ct32-section-gap:80px;
  --ct32-tag-width:226px;
  --ct32-copy-size:16px;
  --ct32-badge-size:14px;
  --ct32-title-size:48px;
  --ct32-title-line:1.2;
  --ct32-title-track:-1.5px;
  --ct32-name-size:32px;
  --ct32-stat-label-size:20px;
  --ct32-paper:#f0f0f0;
  --ct32-ink:#313131;
  --ct32-copy:#5a5a5a;
  --ct32-black:#0a0a0a;
  --ct32-pink:#f4baff;
  padding:0 var(--ct32-gutter) var(--ct32-tail);
  background:var(--ct32-paper);
  color:var(--ct32-copy);
  font:400 var(--ct32-copy-size)/1.4 "Contina Nunito Sans",sans-serif;
}
.ct32-inner { display:flex; flex-direction:column; gap:var(--ct32-section-gap); max-width:1280px; margin:auto; }
.ct32-intro { display:flex; justify-content:space-between; align-items:flex-end; }
.ct32-heading { display:flex; flex-direction:column; align-items:flex-start; gap:22px; width:100%; max-width:377.5px; }
.ct32-badge {
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--ct32-paper);
  border-radius:100px;
  padding:4px 16px;
  background:white;
  color:var(--ct32-black);
  font-size:var(--ct32-badge-size);
}
.ct32-badge::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--ct32-pink); }
.ct32 h2,.ct32 h3,.ct32-stat-label,.ct32-stat-number { color:var(--ct32-ink); font-family:var(--atlas-bebas); font-weight:400; }
.ct32 h2 {
  font-size:var(--ct32-title-size);
  line-height:var(--ct32-title-line);
  letter-spacing:var(--ct32-title-track);
}
.ct32-word,.ct32-mask,.ct32-letter { display:inline-block; position:relative; }
.ct32-mask { overflow:clip; }
.ct32 [data-reveal="waiting"] .ct32-letter { opacity:0; transform:translateY(10%); }
.ct32 [data-reveal="playing"] .ct32-letter { animation:ct32-reveal .5s linear var(--ct32-delay) both; }
@keyframes ct32-reveal { from { opacity:0; transform:translateY(10%); } }
.ct32 p { max-width:none; color:inherit; }
.ct32-stack { display:flex; flex-direction:column; gap:32px; position:relative; }
.ct32-layer { position:sticky; top:var(--ct32-stick); }
.ct32-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  color:var(--ct32-black);
  text-decoration:none;
  cursor:pointer;
}
.ct32-layer:nth-child(1) { --ct32-card:var(--ct32-pink); }
.ct32-layer:nth-child(2) { --ct32-card:#babbff; }
.ct32-layer:nth-child(3) { --ct32-card:#eaffba; }
.ct32-layer:nth-child(4) { --ct32-card:#ffdfba; }
.ct32-tags { display:flex; align-items:center; width:100%; }
.ct32-tag {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  max-width:var(--ct32-tag-width);
  padding:4px 16px;
  border-radius:5px 20px 0 0;
  background:var(--ct32-card);
  color:var(--ct32-ink);
  font-weight:500;
}
.ct32-body {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:32px;
  background:var(--ct32-card);
}
.ct32-content { display:flex; flex-direction:column; align-items:flex-start; gap:56px; width:50%; }
.ct32-name { display:flex; flex-direction:column; align-items:flex-start; width:100%; }
.ct32 h3 { font-size:var(--ct32-name-size); line-height:1.3; letter-spacing:normal; }
.ct32-meta { display:flex; align-items:center; gap:10px; color:var(--ct32-copy); }
.ct32-stats { display:flex; align-items:center; gap:27px; width:100%; margin:0; }
.ct32-stat { display:flex; flex-direction:column-reverse; align-items:flex-start; gap:8px; padding-bottom:8px; border-bottom:1px solid var(--ct32-black); }
.ct32-stat-label { font-size:var(--ct32-stat-label-size); line-height:var(--ct32-title-line); }
.ct32-stat-number { width:100%; margin:0; font-size:var(--ct32-title-size); line-height:1; letter-spacing:-1.5px; }
.ct32-picture { display:contents; }
.ct32-picture source { display:none; }
.ct32-thumbnail { width:350px; height:350px; border-radius:10px; object-fit:cover; }

@media(max-width:991px) {
  .ct32 {
    --ct32-gutter:32px;
    --ct32-tail:100px;
    --ct32-tag-width:120px;
    --ct32-title-size:42px;
    --ct32-name-size:28px;
    --ct32-stat-label-size:16px;
  }
  .ct32-intro { flex-direction:column; align-items:flex-start; gap:16px; }
  .ct32-meta { gap:8px; }
  .ct32-result { flex-direction:column; align-items:flex-start; }
  .ct32-thumbnail { width:45%; }
}
@media(max-width:767px) {
  .ct32 {
    --ct32-gutter:32px;
    --ct32-section-gap:48px;
    --ct32-copy-size:14px;
    --ct32-badge-size:12px;
    --ct32-title-size:40px;
    --ct32-title-line:1;
  }
  .ct32-meta { width:100%; }
}
@media(max-width:479px) {
  .ct32 {
    --ct32-gutter:24px;
    --ct32-stick:48px;
    --ct32-tag-width:80px;
    --ct32-title-size:32px;
    --ct32-title-line:1.2;
    --ct32-title-track:-1px;
  }
  .ct32-body { flex-direction:column; gap:24px; padding:24px; }
  .ct32-content { gap:32px; width:100%; }
  .ct32-thumbnail { width:100%; height:auto; aspect-ratio:1; }
}
@media(prefers-reduced-motion:reduce) {
  .ct32 [data-reveal] .ct32-letter { animation:none; opacity:1; transform:none; }
}