:root { --secondary-reveal-ease: cubic-bezier(.16, 1, .3, 1); }
body.secondary-reveal-pending:not(.secondary-reveal-active) .project-hero__title h1,body.secondary-reveal-pending:not(.secondary-reveal-active) .film-hero__title h1,body.secondary-reveal-pending:not(.secondary-reveal-active) .music-intro h1{opacity:0}
body.secondary-reveal-pending:not(.secondary-reveal-active) .project-hero__title>p,body.secondary-reveal-pending:not(.secondary-reveal-active) .film-hero__title>p{opacity:0;transform:translate3d(0,24px,0)}
body.secondary-reveal-pending.secondary-reveal-active .project-hero__title h1,body.secondary-reveal-pending.secondary-reveal-active .film-hero__title h1,body.secondary-reveal-pending.secondary-reveal-active .music-intro h1{opacity:1}
body.secondary-reveal-pending .project-hero__back,body.secondary-reveal-pending .project-hero__front,body.secondary-reveal-pending .film-hero__back,body.secondary-reveal-pending .film-hero__front,body.secondary-reveal-pending .album-backdrop{opacity:0}
body.secondary-reveal-pending.secondary-reveal-active .project-hero__back,body.secondary-reveal-pending.secondary-reveal-active .project-hero__front,body.secondary-reveal-pending.secondary-reveal-active .film-hero__back,body.secondary-reveal-pending.secondary-reveal-active .film-hero__front,body.secondary-reveal-pending.secondary-reveal-active .album-backdrop{opacity:1}
.secondary-reveal-media-inner { position:absolute; inset:0; width:100%; height:100%; transform-origin:center top; will-change:transform,opacity; transition:transform 1300ms var(--secondary-reveal-ease),opacity 1300ms var(--secondary-reveal-ease); }
.secondary-reveal-media-inner>img,.secondary-reveal-media-inner>video { width:100%; height:100%; }
.secondary-reveal-media-direct { transform-origin:center top; will-change:transform,opacity; transition:transform 1300ms var(--secondary-reveal-ease),opacity 1300ms var(--secondary-reveal-ease); }
.secondary-reveal-title-inner { display:block; padding:.1em 0 .3em; margin:-.1em 0 -.3em; clip-path:none; will-change:transform,opacity,clip-path; transition:transform 1100ms var(--secondary-reveal-ease) 420ms,opacity 1100ms var(--secondary-reveal-ease) 420ms,clip-path 1100ms var(--secondary-reveal-ease) 420ms; }
.secondary-reveal-nav,.secondary-reveal-back,.secondary-reveal-eyebrow,.secondary-reveal-description,.secondary-reveal-interaction { will-change:transform,opacity; }
.secondary-reveal-nav,.secondary-reveal-back { transition:opacity 950ms var(--secondary-reveal-ease) 180ms; }
.secondary-reveal-eyebrow { transition:transform 900ms var(--secondary-reveal-ease) 420ms,opacity 900ms var(--secondary-reveal-ease) 420ms; }
.secondary-reveal-description { transition:transform 1000ms var(--secondary-reveal-ease) 820ms,opacity 1000ms var(--secondary-reveal-ease) 820ms; }
.secondary-reveal-interaction { transition:transform 900ms var(--secondary-reveal-ease) 1180ms,opacity 900ms var(--secondary-reveal-ease) 1180ms; }
body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-media-inner,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-media-direct { opacity:0; transform:translate3d(0,18px,0) scale(1.025); }
body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-nav,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-back,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-eyebrow,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-description,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-interaction,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-title-inner { opacity:0; }
body.secondary-reveal-pending .secondary-reveal-title-inner { clip-path:inset(-18% -4% -28% -4%); }
body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-title-inner { clip-path:inset(-18% -4% 118% -4%); }
body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-eyebrow,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-description,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-interaction,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-title-inner { transform:translate3d(0,24px,0); }
body.secondary-reveal-active .secondary-reveal-media-inner,body.secondary-reveal-active .secondary-reveal-media-direct,body.secondary-reveal-active .secondary-reveal-eyebrow,body.secondary-reveal-active .secondary-reveal-description,body.secondary-reveal-active .secondary-reveal-interaction,body.secondary-reveal-active .secondary-reveal-title-inner { opacity:1; transform:translate3d(0,0,0) scale(1); }
body.secondary-reveal-active .secondary-reveal-title-inner { clip-path:inset(-18% -4% -28% -4%); }
body.secondary-reveal-active .secondary-reveal-nav,body.secondary-reveal-active .secondary-reveal-back { opacity:1; }
@media(max-width:800px){body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-media-inner,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-media-direct { transform:translate3d(0,12px,0) scale(1.018); }body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-eyebrow,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-description,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-interaction,body.secondary-reveal-pending:not(.secondary-reveal-active) .secondary-reveal-title-inner { transform:translate3d(0,12px,0); }}
@media(prefers-reduced-motion:reduce){.secondary-reveal-media-inner,.secondary-reveal-media-direct,.secondary-reveal-nav,.secondary-reveal-back,.secondary-reveal-eyebrow,.secondary-reveal-description,.secondary-reveal-interaction,.secondary-reveal-title-inner { opacity:1!important; transform:none!important; clip-path:none!important; transition:none!important; animation:none!important; }}

@media(max-width:800px){
  .aigc-nav,.design-nav,.music-nav{padding-top:env(safe-area-inset-top);height:max(68px,calc(48px + env(safe-area-inset-top)))}
  .aigc-nav nav a,.design-nav nav a,.music-nav nav a{min-height:44px;display:grid;place-items:center}
  .aigc-back,.design-back,.music-back{min-height:44px;display:inline-flex;align-items:center}
}