/* ============================================================================= case-v25.css — the old v25 skin's bones, for the per-post case studies ----------------------------------------------------------------------------- The 14 case studies under templates/case-studies-*.php keep their old design verbatim on the 2026 header and footer (Vivek, 3 Sept 2026: "design will remain same, just apply our header and footer, convert Bootstrap to Tailwind"). Every box, size and colour is a Tailwind utility in the template; this file carries only what a utility cannot: - the Biennale faces the old skin set on , scoped to .case-v25 so the header and footer stay on Youth / Neue Montreal; - the red conic sweep the old skin painted on every heading's (utilities reference it as animate-[v25-wave_5s_linear_infinite]). Each template enqueues this before get_header(), then its own css/case/.css with that page's @keyframes. Only the .case-v25 font rule is layered; @font-face and @keyframes are not cascade-sensitive. ========================================================================== */ @font-face { font-family: 'Biennale'; src: url('../../assets/fonts/Biennale-Font/Biennale-Regular.woff2') format('woff2'), url('../../assets/fonts/Biennale-Font/Biennale-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Biennale'; src: url('../../assets/fonts/Biennale-Font/Biennale-Medium.woff2') format('woff2'), url('../../assets/fonts/Biennale-Font/Biennale-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Biennale'; src: url('../../assets/fonts/Biennale-Font/Biennale-SemiBold.woff2') format('woff2'), url('../../assets/fonts/Biennale-Font/Biennale-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Biennale'; src: url('../../assets/fonts/Biennale-Font/Biennale-Bold.woff2') format('woff2'), url('../../assets/fonts/Biennale-Font/Biennale-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Biennale'; src: url('../../assets/fonts/Biennale-Font/Biennale-Light.woff2') format('woff2'), url('../../assets/fonts/Biennale-Font/Biennale-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Biennale'; src: url('../../assets/fonts/Biennale-Font/Biennale-Black.woff2') format('woff2'), url('../../assets/fonts/Biennale-Font/Biennale-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @layer components { /* main.css puts the display face on every heading in its base layer; the old case pages set Biennale on and let the headings inherit it. */ .case-v25, .case-v25 :is(h1, h2, h3, h4, h5, h6) { font-family: 'Biennale', sans-serif; } } /* .title h2 b / strong on the old skin: an animated red conic sweep clipped to the letters. */ @keyframes v25-wave { 0% { background-position: 0 50%; } 100% { background-position: 100% 50%; } }