/* Circadian Rhythm Studios — Sections & Widgets */
.crs-widget{
  border-radius: var(--crs-radius, 18px);
  border: 1px solid rgba(245,240,230,.16);
  background: rgba(17,17,17,.35);
  padding: 14px 14px 12px;
  color: rgba(245,240,230,.92);
  margin-top: 12px;
}
.crs-widget__kicker{
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.75;
  margin-bottom:6px;
}
.crs-widget__title{font-weight:800; color: rgba(245,240,230,.98); margin-bottom:6px}
.crs-widget__line{margin:4px 0}
.crs-widget__btn{
  display:inline-block;
  padding:10px 14px;
  border-radius: calc(var(--crs-radius, 18px) - 4px);
  background: rgba(198,161,91,.92);
  color:#111;
  text-decoration:none;
  font-weight:800;
  border: 1px solid rgba(198,161,91,.55);
}
.crs-widget__btn:hover{filter:brightness(1.05)}
.crs-widget__note{margin-top:8px; opacity:.8; font-size:.95rem}

.crs-social{display:flex;flex-wrap:wrap;gap:10px}
.crs-social__link{
  display:inline-flex;
  padding:8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(245,240,230,.16);
  text-decoration:none;
  color: rgba(245,240,230,.9);
  background: rgba(245,240,230,.05);
}
.crs-social__link:hover{filter:brightness(1.05)}

.crs-trustbar{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 16px;padding:10px;border-radius:var(--crs-radius,18px);border:1px solid rgba(245,240,230,.12);background:rgba(245,240,230,.04)}
.crs-trustbar__pill{
  display:inline-flex;
  padding:8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(198,161,91,.35);
  background: rgba(198,161,91,.08);
  color: rgba(245,240,230,.92);
}

/* Extra animation utility classes */
@media (prefers-reduced-motion: no-preference){
  .crs-float{animation:crsFloat 5.8s ease-in-out infinite}
  @keyframes crsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

  .crs-glow{box-shadow: 0 0 0 rgba(198,161,91,0); animation:crsGlow 2.8s ease-in-out infinite}
  @keyframes crsGlow{0%,100%{box-shadow:0 0 0 rgba(198,161,91,0)}50%{box-shadow:0 0 22px rgba(198,161,91,.18)}}

  .crs-shimmer{
    background: linear-gradient(90deg, rgba(245,240,230,.04), rgba(245,240,230,.08), rgba(245,240,230,.04));
    background-size: 200% 100%;
    animation: crsShimmer 2.6s ease-in-out infinite;
  }
  @keyframes crsShimmer{0%{background-position:0% 50%}100%{background-position:100% 50%}}
}