/* ─── CC Fest · Animations ──────────────────────────────────────────── * Owner: Shristi * * This file is loaded after styles.css and owns all motion on the site. * Target elements via the .anim-* hook classes already on the HTML — * never change layout, color, or typography here. * * Scroll-triggered reveals: animations.js adds .is-visible to * .anim-scroll elements when they enter the viewport. Everything * else triggers on page load. * * Always add a counterpart rule inside the prefers-reduced-motion * block at the bottom whenever you add a new animation. * ─────────────────────────────────────────────────────────────────── */ @font-face { font-family: 'caslon'; src: url('assets/caslon/LibreCaslonCondensed-Medium.woff2') format('woff2'); font-style: normal; font-display: swap; } :root{ font-size: 16px; --cc-orange: #f44c2d; --cc-power-green: #84D136; --cc-neutral: #b7b7b7; --pill-bg: #1e1f22; --pill-fg: #f5f5f5; } /* ── Keyframes ─────────────────────────────────────────────────────── */ @keyframes fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes ruleExpand { from { transform: scaleX(0); transform-origin: left; } to { transform: scaleX(1); transform-origin: left; } } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } /* ── Page-load: nav ────────────────────────────────────────────────── */ .anim-nav { animation: slideDown 0.45s cubic-bezier(0.22, 1, 0.36, 1) both; } /* ── Page-load: hero ───────────────────────────────────────────────── */ .anim-hero-title { animation: fadeUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both; } .anim-hero-rule { animation: ruleExpand 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.35s both; } .anim-hero-sub { animation: fadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.5s both; } /* ── Scroll-triggered: default hidden state ────────────────────────── */ /* Hidden states are gated behind .js (added by an inline