/* Project-specific presentation; the portfolio's editorial shell is shared. */
.alda-identity { background: #662bf9; }
.alda-credits { margin: var(--space-md) 0 0; border-top: 1px solid var(--rule); }
.alda-credits > div { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 16px; padding-top: 12px; }
.alda-credits dt, .alda-credits dd { font-size: .8rem; line-height: 1.5; margin: 0; }
.alda-credits dt { color: var(--ink-muted); }
.alda-credits dd { color: var(--ink); }
.alda-section-intro { margin-bottom: var(--space-md); }
.alda-specimen { margin: 0; }
.alda-specimen img { width: 100%; height: auto; background: #fff800; }
.alda-specimen figcaption, .alda-film > figcaption, .alda-mobile-pair figcaption {
    margin-top: 14px;
    color: var(--ink-muted);
    font-size: .75rem;
    line-height: 1.5;
}
.alda-film { margin: 0; }
.alda-film-stage { position: relative; background: #662bf9; }
.alda-film video { width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: contain; }
.alda-film > figcaption { padding: 0 var(--gutter); }
.alda-playback {
    position: absolute;
    right: 16px;
    bottom: 16px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 100px;
    background: #050505;
    color: #fff;
    padding: 12px 18px;
    font-size: .75rem;
    cursor: pointer;
}
.alda-playback[hidden] { display: none; }
.alda-playback:hover { background: #262626; }
.alda-web-content { padding-top: var(--space-lg); padding-bottom: 0; }
.alda-mobile-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.alda-mobile-pair figure { min-width: 0; margin: 0; }
.alda-mobile-pair img { width: 100%; height: auto; border: 1px solid var(--rule-strong); }
.alda-mobile-pair figure:nth-child(2) { margin-top: 60px; }
.alda-live-link { display: inline-flex; align-items: center; gap: 16px; padding: 6px 0; }

@media (max-width: 768px) {
    .alda-credits > div { grid-template-columns: 88px minmax(0, 1fr); }
    .alda-section-intro { gap: 0; }
    .alda-film > figcaption { font-size: .7rem; }
    .alda-mobile-pair { width: 100%; gap: 12px; }
    .alda-mobile-pair figure:nth-child(2) { margin-top: 32px; }
    .alda-mobile-pair figcaption { font-size: .65rem; margin-top: 8px; }
    .alda-web-content { padding-top: var(--space-lg); }
}

/* Respect the visitor's motion preference from the first paint. */
@media (prefers-reduced-motion: reduce) {
    .reveal-element { opacity: 1; transform: none; }
}