.cdl-cultural-single--orisha,
.cdl-cultural-archive__section--orisha,
.cdl-cultural-hub .cdl-cultural-card--orisha {
--cdl-orisha-radius-lg: 14px;
--cdl-orisha-radius-md: 10px;
--cdl-orisha-shadow-soft: 0 14px 40px color-mix(in srgb, var(--orisha-accent, #6b4c9a) 10%, transparent);
--cdl-orisha-shadow-card: 0 4px 22px rgba(18, 14, 24, 0.06);
--cdl-orisha-read: 42em;
--cdl-orisha-breath: clamp(2rem, 5vw, 3.25rem);
} .cdl-cultural-single--orisha .cdl-cultural-single__header--with-hero {
padding-top: 0;
border-bottom: none;
}
.cdl-cultural-single--orisha .cdl-cultural-single__header--with-hero::after {
display: none;
}
.cdl-cultural-single--orisha .cdl-orisha-hero {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-bottom: clamp(1.35rem, 4vw, 2rem);
}
.cdl-cultural-single--orisha .cdl-orisha-hero__media {
position: relative;
width: 100%;
max-width: none;
margin: 0;
aspect-ratio: 16 / 9;
max-height: min(56vh, 520px);
border-radius: 0;
overflow: hidden;
background: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 8%, #1a1412);
box-shadow: var(--cdl-orisha-shadow-soft);
} .cdl-cultural-single--orisha .cdl-orisha-hero__depth {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.18);
}
.cdl-cultural-single--orisha .cdl-orisha-hero__overlay {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
185deg,
rgba(12, 10, 16, 0.08) 0%,
rgba(12, 10, 16, 0.22) 42%,
color-mix(in srgb, var(--orisha-accent, #6b4c9a) 32%, rgba(8, 6, 12, 0.55)) 100%
);
}
.cdl-cultural-single--orisha .cdl-orisha-hero__media .cdl-cultural-visual__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 42%;
transform: scale(1.01);
transition: transform 1.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (prefers-reduced-motion: no-preference) {
.cdl-cultural-single--orisha .cdl-orisha-hero__media:hover .cdl-cultural-visual__img {
transform: scale(1.025);
}
} .cdl-cultural-single--orisha .cdl-orisha-hero--placeholder .cdl-orisha-hero__media {
display: flex;
align-items: center;
justify-content: center;
min-height: min(42vh, 320px);
background: linear-gradient(
145deg,
color-mix(in srgb, var(--orisha-accent, #6b4c9a) 22%, #1a1412) 0%,
color-mix(in srgb, var(--orisha-accent-2, #6b4c9a) 12%, #2a2420) 55%,
var(--orisha-bg-end, #fffcf9) 100%
);
}
.cdl-cultural-single--orisha .cdl-orisha-hero--placeholder .cdl-cultural-visual__glyph {
font-size: clamp(2.5rem, 8vw, 4rem);
opacity: 0.35;
color: var(--orisha-title, #fff);
} .cdl-cultural-single--orisha .cdl-cultural-single__header--with-hero .cdl-cultural-single__type {
margin-top: 0;
font-size: 0.72rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--orisha-muted, inherit);
opacity: 0.9;
}
.cdl-cultural-single--orisha .cdl-cultural-single__header--with-hero .cdl-cultural-single__title {
font-size: clamp(1.85rem, 5.5vw, 2.45rem);
line-height: 1.12;
letter-spacing: -0.02em;
color: var(--orisha-title, inherit);
margin-bottom: 0.35rem;
}
.cdl-cultural-single--orisha .cdl-cultural-single__header--with-hero .cdl-cultural-single__summary {
font-size: clamp(1.05rem, 2.4vw, 1.18rem);
line-height: 1.62;
max-width: var(--cdl-orisha-read);
color: var(--orisha-text, inherit);
}
.cdl-cultural-single--orisha .cdl-cultural-single__header--with-hero {
padding: 0 clamp(0.15rem, 2vw, 0.5rem) clamp(1.25rem, 3vw, 1.75rem);
border-bottom: 1px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 14%, var(--cdl-cultural-border, #e8e4df));
}
.cdl-cultural-single--orisha .cdl-cultural-single__header--with-hero::after {
content: "";
display: block;
width: 4.5rem;
height: 3px;
margin-top: 1.35rem;
background: linear-gradient(90deg, var(--orisha-accent, #6b4c9a), var(--orisha-accent-2, transparent) 80%);
border-radius: 2px;
} .cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha,
.cdl-cultural-hub .cdl-cultural-card--orisha {
border-radius: var(--cdl-orisha-radius-lg);
box-shadow: var(--cdl-orisha-shadow-card);
transition:
box-shadow 0.45s cubic-bezier(0.25, 0.1, 0.25, 1),
border-color 0.35s ease,
transform 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha:hover,
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha:focus-within,
.cdl-cultural-hub .cdl-cultural-card--orisha:hover,
.cdl-cultural-hub .cdl-cultural-card--orisha:focus-within {
box-shadow: 0 12px 36px color-mix(in srgb, var(--orisha-accent, #6b4c9a) 14%, transparent);
transform: translateY(-2px);
}
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha .cdl-cultural-card__link,
.cdl-cultural-hub .cdl-cultural-card--orisha .cdl-cultural-card__link {
padding: 0;
}
.cdl-cultural-archive__section--orisha .cdl-orisha-card__media,
.cdl-cultural-hub .cdl-orisha-card__media {
margin: 0;
width: 100%;
aspect-ratio: 16 / 9;
max-height: none;
min-height: 0;
border-radius: var(--cdl-orisha-radius-lg) var(--cdl-orisha-radius-lg) 0 0;
overflow: hidden;
background: color-mix(in srgb, var(--orisha-glow, rgba(107, 76, 154, 0.1)) 80%, #1a1412);
}
.cdl-cultural-archive__section--orisha .cdl-orisha-card__media .cdl-cultural-visual__img,
.cdl-cultural-hub .cdl-orisha-card__media .cdl-cultural-visual__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 40%;
transition: transform 1.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (prefers-reduced-motion: no-preference) {
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha:hover .cdl-orisha-card__media .cdl-cultural-visual__img,
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha:focus-within .cdl-orisha-card__media .cdl-cultural-visual__img,
.cdl-cultural-hub .cdl-cultural-card--orisha:hover .cdl-orisha-card__media .cdl-cultural-visual__img {
transform: scale(1.04);
}
}
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha .cdl-cultural-card__body,
.cdl-cultural-hub .cdl-cultural-card--orisha .cdl-cultural-card__body {
padding: 1.15rem 1.3rem 1.1rem;
}
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha .cdl-cultural-card__title,
.cdl-cultural-hub .cdl-cultural-card--orisha .cdl-cultural-card__title {
font-size: 1.08rem;
font-weight: 650;
letter-spacing: -0.01em;
margin-bottom: 0.5rem;
}
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha .cdl-cultural-card__summary,
.cdl-cultural-hub .cdl-cultural-card--orisha .cdl-cultural-card__summary {
font-size: 0.9rem;
line-height: 1.58;
}
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha .cdl-cultural-card__more,
.cdl-cultural-hub .cdl-cultural-card--orisha .cdl-cultural-card__more {
padding-top: 0.85rem;
margin-top: 0.35rem;
border-top: 1px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 12%, transparent);
} .cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha .cdl-cultural-visual--placeholder,
.cdl-cultural-hub .cdl-cultural-card--orisha .cdl-cultural-visual--placeholder {
aspect-ratio: 16 / 9;
min-height: 0;
background: linear-gradient(
160deg,
color-mix(in srgb, var(--orisha-accent, #6b4c9a) 18%, transparent),
color-mix(in srgb, var(--orisha-bg-end, #fffcf9) 40%, transparent)
);
} .cdl-cultural-single-layout:has(.cdl-cultural-single--orisha) {
max-width: 46rem;
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections p,
.cdl-cultural-single--orisha .cdl-cultural-entry-content > p {
max-width: var(--cdl-orisha-read);
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections h2,
.cdl-cultural-single--orisha .cdl-cultural-entry-content h2.wp-block-heading {
margin-top: var(--cdl-orisha-breath);
padding-top: clamp(1.5rem, 3vw, 2rem);
font-size: clamp(1.2rem, 3.2vw, 1.32rem);
font-weight: 650;
letter-spacing: -0.015em;
color: var(--orisha-title, inherit);
line-height: 1.28;
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections h3,
.cdl-cultural-single--orisha .cdl-cultural-entry-content h3.wp-block-heading {
margin-top: 1.85rem;
font-size: 1.06rem;
font-weight: 600;
letter-spacing: 0.01em;
color: var(--orisha-text, inherit);
opacity: 1;
}
.cdl-cultural-single--orisha .cdl-cultural-entry-content blockquote,
.cdl-cultural-single--orisha .cdl-cultural-prose blockquote,
.cdl-cultural-single--orisha .wp-block-quote {
margin: 2rem 0;
padding: 1.25rem 1.5rem 1.2rem 1.2rem;
max-width: var(--cdl-orisha-read);
border-left-width: 3px;
border-radius: 0 var(--cdl-orisha-radius-md) var(--cdl-orisha-radius-md) 0;
font-size: 1.04rem;
line-height: 1.68;
font-style: italic;
background: linear-gradient(
95deg,
color-mix(in srgb, var(--orisha-accent, #6b4c9a) 7%, transparent),
transparent 88%
);
box-shadow: 0 1px 0 color-mix(in srgb, var(--orisha-accent, #6b4c9a) 8%, transparent);
}
.cdl-cultural-single--orisha .wp-block-separator.cdl-cultural-sep--section {
margin: calc(var(--cdl-orisha-breath) * 0.75) auto;
} .cdl-cultural-single--orisha .cdl-cultural-dance-callout--orisha,
.cdl-cultural-single--orisha .cdl-cultural-aside,
.cdl-cultural-single--orisha .cdl-orisha-closing {
margin: var(--cdl-orisha-breath) 0;
padding: clamp(1.35rem, 3vw, 1.65rem) clamp(1.25rem, 3vw, 1.55rem);
border-radius: var(--cdl-orisha-radius-md);
border: 1px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 14%, var(--cdl-cultural-border, #e8e4df));
box-shadow: 0 2px 16px rgba(12, 10, 16, 0.04);
}
.cdl-cultural-single--orisha .cdl-cultural-dance-callout--orisha {
background: linear-gradient(
165deg,
color-mix(in srgb, var(--orisha-accent, #6b4c9a) 6%, #fff) 0%,
color-mix(in srgb, var(--orisha-bg-end, #fffcf9) 90%, #fff) 100%
);
border-left-width: 3px;
border-left-color: var(--orisha-accent, var(--cdl-cultural-accent));
}
.cdl-cultural-single--orisha .cdl-cultural-dance-callout__title,
.cdl-cultural-single--orisha .cdl-cultural-aside__title {
font-size: 1.02rem;
font-weight: 650;
letter-spacing: 0.02em;
margin-bottom: 0.85rem;
color: var(--orisha-title, inherit);
}
.cdl-cultural-single--orisha .cdl-cultural-dance-callout__body,
.cdl-cultural-single--orisha .cdl-cultural-aside__body {
max-width: var(--cdl-orisha-read);
font-size: 0.98rem;
line-height: 1.72;
}
.cdl-cultural-single--orisha .cdl-cultural-aside--orisha-music {
background: linear-gradient(
160deg,
color-mix(in srgb, var(--orisha-accent, #6b4c9a) 7%, transparent),
color-mix(in srgb, var(--orisha-bg, transparent) 40%, #fff) 100%
);
}
.cdl-cultural-single--orisha .cdl-cultural-aside--listen {
background: linear-gradient(
160deg,
rgba(201, 162, 39, 0.06),
color-mix(in srgb, var(--orisha-bg-end, #fffcf9) 80%, #fff)
);
border-color: color-mix(in srgb, #c9a227 18%, var(--cdl-cultural-border));
}
.cdl-cultural-single--orisha .cdl-orisha-closing,
.cdl-cultural-single--orisha .cdl-cultural-aside--remember {
background: linear-gradient(
155deg,
color-mix(in srgb, var(--orisha-accent, #6b4c9a) 8%, rgba(201, 162, 39, 0.05)),
color-mix(in srgb, var(--orisha-bg-end, #fffcf9) 70%, #fff)
);
border-color: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 18%, rgba(201, 162, 39, 0.2));
}
.cdl-cultural-single--orisha .cdl-cultural-aside--caution {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.02), transparent);
border-left-width: 3px;
border-left-color: color-mix(in srgb, var(--orisha-accent-2, var(--cdl-cultural-warm)) 55%, var(--cdl-cultural-warm));
}
.cdl-cultural-single--orisha .cdl-cultural-aside__note,
.cdl-cultural-single--orisha .cdl-cultural-dance-callout__note {
margin-top: 1rem;
padding-top: 0.85rem;
border-top: 1px dashed color-mix(in srgb, var(--orisha-accent, #6b4c9a) 16%, var(--cdl-cultural-border));
font-size: 0.82rem;
line-height: 1.55;
opacity: 0.82;
} .cdl-cultural-single--orisha .cdl-orisha-quickrefs {
margin: 1.75rem 0 2.25rem;
padding: clamp(1.25rem, 3vw, 1.5rem);
border-radius: var(--cdl-orisha-radius-md);
background: linear-gradient(
180deg,
color-mix(in srgb, var(--orisha-bg, transparent) 50%, #fff),
transparent
);
border-color: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 12%, var(--cdl-cultural-border));
}
.cdl-cultural-single--orisha .cdl-orisha-resonance {
margin: var(--cdl-orisha-breath) 0;
padding: clamp(1.35rem, 3vw, 1.6rem);
border-radius: var(--cdl-orisha-radius-md);
background: linear-gradient(
145deg,
color-mix(in srgb, var(--orisha-bg, transparent) 70%, #fff),
color-mix(in srgb, var(--orisha-accent, #6b4c9a) 4%, #fff)
);
box-shadow: 0 2px 20px color-mix(in srgb, var(--orisha-accent, #6b4c9a) 6%, transparent);
}
.cdl-cultural-single--orisha .cdl-orisha-collection {
margin: calc(var(--cdl-orisha-breath) * 1.1) 0;
padding-top: clamp(1rem, 2.5vw, 1.5rem);
border-top: 1px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 12%, var(--cdl-cultural-border));
}
.cdl-cultural-single--orisha .cdl-orisha-collection__title {
font-size: 1.14rem;
font-weight: 650;
color: var(--orisha-title, inherit);
}
.cdl-cultural-single--orisha .cdl-orisha-collection__link {
padding: 1rem 1.1rem;
border-radius: 8px;
transition: box-shadow 0.35s ease, border-color 0.25s ease;
}
.cdl-cultural-single--orisha .cdl-orisha-collection__link:hover,
.cdl-cultural-single--orisha .cdl-orisha-collection__link:focus-visible {
box-shadow: 0 6px 20px color-mix(in srgb, var(--orisha-accent, #6b4c9a) 10%, transparent);
} .cdl-cultural-single--orisha .cdl-orisha-narrative {
margin: var(--cdl-orisha-breath) 0;
padding: clamp(1.15rem, 3vw, 1.45rem);
border-radius: var(--cdl-orisha-radius-md);
border: 1px dashed color-mix(in srgb, var(--orisha-accent, #6b4c9a) 22%, var(--cdl-cultural-border));
background: color-mix(in srgb, var(--orisha-bg, transparent) 35%, transparent);
}
.cdl-cultural-single--orisha .cdl-orisha-narrative__label {
font-size: 0.75rem;
letter-spacing: 0.07em;
opacity: 0.8;
color: var(--orisha-muted, inherit);
} .cdl-cultural-single--orisha .cdl-circulation-trajectory,
.cdl-cultural-single--orisha .cdl-circulation-block,
.cdl-cultural-single--orisha .cdl-circulation-passage {
margin: var(--cdl-orisha-breath) 0;
padding: clamp(1.25rem, 3vw, 1.55rem);
border-radius: var(--cdl-orisha-radius-md);
border: 1px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 12%, var(--cdl-cultural-border));
background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--orisha-bg-end, #fffcf9) 40%, #fff));
}
.cdl-cultural-single--orisha .cdl-circulation-block__title,
.cdl-cultural-single--orisha .cdl-circulation-trajectory__title {
color: var(--orisha-title, inherit);
font-weight: 650;
}
.cdl-cultural-single--orisha .cdl-circulation-chain__link {
border-radius: 8px;
transition: border-color 0.25s ease, box-shadow 0.3s ease;
}
.cdl-cultural-single--orisha .cdl-circulation-chain__link:hover,
.cdl-cultural-single--orisha .cdl-circulation-chain__link:focus-visible {
border-color: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 30%, var(--cdl-cultural-border));
box-shadow: 0 4px 16px color-mix(in srgb, var(--orisha-accent, #6b4c9a) 8%, transparent);
} .cdl-cultural-single--orisha .cdl-cultural-explore--orisha,
.cdl-cultural-single--orisha .cdl-cultural-explore--unified {
margin-top: calc(var(--cdl-orisha-breath) * 1.15);
padding: clamp(1.35rem, 3vw, 1.65rem);
border-radius: var(--cdl-orisha-radius-md);
background: linear-gradient(
165deg,
color-mix(in srgb, var(--orisha-bg, transparent) 45%, #fff),
#fff
);
border: 1px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 14%, var(--cdl-cultural-border));
box-shadow: 0 2px 18px rgba(12, 10, 16, 0.04);
}
.cdl-cultural-single--orisha .cdl-cultural-explore__title {
font-size: 1.12rem;
font-weight: 650;
color: var(--orisha-title, inherit);
}
.cdl-cultural-single--orisha .cdl-cultural-explore__link {
padding: 0.75rem 0.95rem;
border-radius: 8px;
} .cdl-cultural-single--orisha .cdl-cultural-entry-content {
padding-bottom: 0.5rem;
}
.cdl-cultural-single--orisha .cdl-cultural-disclaimer {
margin: 1.5rem 0 2rem;
opacity: 0.88;
} .cdl-cultural-archive__section--orisha {
padding-top: clamp(1.5rem, 4vw, 2.5rem);
margin-top: clamp(2rem, 5vw, 3rem);
border-top: 1px solid color-mix(in srgb, var(--cdl-cultural-accent, #6b4c9a) 12%, var(--cdl-cultural-border));
background: linear-gradient(180deg, transparent, color-mix(in srgb, #6b4c9a 2%, transparent) 120%);
}
.cdl-cultural-archive__section--orisha .cdl-orisha-intro {
margin-bottom: 1.75rem;
padding: clamp(1.25rem, 3vw, 1.6rem);
border-radius: var(--cdl-orisha-radius-md);
background: linear-gradient(145deg, rgba(107, 76, 154, 0.04), transparent);
border: 1px solid var(--cdl-cultural-border);
}
.cdl-cultural-archive__section--orisha .cdl-orisha-intro__title {
font-size: 1.15rem;
font-weight: 650;
letter-spacing: -0.01em;
}
.cdl-cultural-archive__section--orisha .cdl-orisha-colors-note {
margin: 1.5rem 0 2rem;
padding: 1.15rem 1.3rem;
border-radius: var(--cdl-orisha-radius-md);
}
.cdl-cultural-archive__section--orisha .cdl-cultural-grid--orisha {
gap: clamp(1rem, 2.5vw, 1.35rem);
} @media (max-width: 782px) {
.cdl-cultural-single--orisha .cdl-orisha-hero__media {
max-height: min(48vh, 380px);
aspect-ratio: 16 / 10;
}
.cdl-cultural-single-layout:has(.cdl-cultural-single--orisha) {
padding-left: 1rem;
padding-right: 1rem;
}
.cdl-cultural-single--orisha .cdl-cultural-single__header--with-hero {
padding-left: 0;
padding-right: 0;
}
.cdl-cultural-single--orisha .cdl-cultural-dance-callout--orisha,
.cdl-cultural-single--orisha .cdl-cultural-aside,
.cdl-cultural-single--orisha .cdl-orisha-resonance,
.cdl-cultural-single--orisha .cdl-cultural-explore--orisha {
margin-left: 0;
margin-right: 0;
padding: 1.2rem 1.15rem;
}
.cdl-cultural-archive__section--orisha .cdl-cultural-grid--orisha {
grid-template-columns: 1fr;
gap: 1.1rem;
}
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha:hover,
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha:focus-within {
transform: none;
}
}
@media (max-width: 480px) {
.cdl-cultural-single--orisha .cdl-orisha-hero {
margin-bottom: 1.1rem;
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections h2 {
margin-top: 2.25rem;
padding-top: 1.35rem;
}
} @media (prefers-reduced-motion: reduce) {
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha,
.cdl-cultural-archive__section--orisha .cdl-orisha-card__media .cdl-cultural-visual__img,
.cdl-cultural-single--orisha .cdl-orisha-hero__media .cdl-cultural-visual__img {
transition: none;
}
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha:hover,
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha:focus-within {
transform: none;
}
}