[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-automattic-wordpress-block-theming":3,"mdc-c6vcg9-key":36,"related-org-automattic-wordpress-block-theming":5928,"related-repo-automattic-wordpress-block-theming":6112},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"wordpress-block-theming","build WordPress block themes","WordPress Full Site Editing (FSE) theme architecture. Use when generating theme.json, block templates, template parts, patterns, and functions.php for WordPress block themes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"automattic","Automattic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fautomattic.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Full Site Editing","full-site-editing","tag",{"name":17,"slug":18,"type":15},"WordPress","wordpress",{"name":20,"slug":21,"type":15},"Themes","themes",{"name":23,"slug":24,"type":15},"Block Editor","block-editor",104,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fwordpress-agent-skills","2026-04-06T18:03:25.231453",null,11,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"A collection of agent skills that can be used to create WordPress themes and sites","https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fwordpress-agent-skills\u002Ftree\u002FHEAD\u002Fclaude-cowork\u002Fwp-site-creator\u002Fskills\u002Fwordpress-block-theming","---\nname: wordpress-block-theming\ndescription: WordPress Full Site Editing (FSE) theme architecture. Use when generating theme.json, block templates, template parts, patterns, and functions.php for WordPress block themes.\n---\n\n# WordPress Block Theming Skill\n\nComprehensive knowledge for building WordPress block themes using Full Site Editing (FSE) architecture.\n\n## Absolute Rules\n\n- **NO EMOJIS**: Never use emojis anywhere in generated content - not in headings, paragraphs, button text, or any other text. This applies to all templates, patterns, and content.\n\n## Theme Architecture\n\n### Directory Structure\n\n```\ntheme-slug\u002F\n├── theme.json           # Central configuration file\n├── style.css            # Theme metadata + custom CSS\n├── functions.php        # Asset enqueuing, pattern registration\n├── templates\u002F           # Block templates\n│   ├── index.html       # Main\u002Ffallback template\n│   ├── single.html      # Single post\n│   ├── page.html        # Single page\n│   ├── archive.html     # Archive listings\n│   ├── search.html      # Search results\n│   └── 404.html         # Not found\n├── parts\u002F               # Reusable template parts\n│   ├── header.html      # Site header\n│   └── footer.html      # Site footer\n└── patterns\u002F            # Block patterns\n    ├── hero.php\n    ├── features.php\n    └── cta.php\n```\n\n## theme.json Configuration\n\nThe `theme.json` file is the central configuration for block themes. It defines:\n\n### Schema and Version\n\n```json\n{\n  \"$schema\": \"https:\u002F\u002Fschemas.wp.org\u002Ftrunk\u002Ftheme.json\",\n  \"version\": 3\n}\n```\n\n### Settings\n\nDefine available options for the editor:\n\n```json\n{\n  \"settings\": {\n    \"appearanceTools\": true,\n    \"layout\": { \"contentSize\": \"800px\", \"wideSize\": \"1280px\" },\n    \"color\": {\n      \"palette\": [ \u002F* 5 colors: primary, secondary, accent, light, dark *\u002F ],\n      \"defaultPalette\": false,\n      \"defaultGradients\": false\n    },\n    \"typography\": {\n      \"fontFamilies\": [ \u002F* heading + body font families *\u002F ],\n      \"fontSizes\": [ \u002F* 5-6 step scale: small through huge *\u002F ]\n    },\n    \"spacing\": {\n      \"units\": [\"px\", \"em\", \"rem\", \"%\", \"vw\", \"vh\"],\n      \"spacingSizes\": [ \u002F* 6 steps from compact to spacious *\u002F ]\n    }\n  }\n}\n```\n\n### Styles\n\nDefine default styles for the site and blocks:\n\n```json\n{\n  \"styles\": {\n    \"color\": { \u002F* background + text from palette *\u002F },\n    \"typography\": { \u002F* body font family, medium size, line-height 1.5-1.65 *\u002F },\n    \"elements\": {\n      \"heading\": { \u002F* heading font family, appropriate weight, line-height 1.1-1.3 *\u002F },\n      \"link\": { \u002F* accent color *\u002F },\n      \"button\": { \u002F* accent background, light text, border-radius *\u002F }\n    }\n  }\n}\n```\n## Typography\n- Choose fonts that are beautiful, unique, and interesting. Avoid generic fonts like Arial and Inter; opt instead for distinctive choices that elevate the frontend's aesthetics; unexpected, characterful font choices. Pair a distinctive display font with a refined body font.\n- **Font size scale**: Keep sizes grounded and usable. Body: 1rem. Headings: scale modestly (h1 ≤ 2.5–3rem). Use `clamp()` for responsive display text, but cap at ~3.5rem max. Avoid \"massive\"\u002F\"gigantic\" sizes above 4rem—they rarely improve design and often degrade it. A good 6-step scale: 0.875rem \u002F 1rem \u002F 1.25rem \u002F 1.75rem \u002F 2.25rem \u002F clamp(2.5rem, 4vw, 3.5rem).\n- **Line height**: Body text: 1.5–1.65. Headings: 1.1–1.3. Never go below 1.0 for any text. Apply via `styles.typography.lineHeight` and `styles.elements.heading.typography.lineHeight` in theme.json.\n\n## Block Templates\n\nTemplates use WordPress block markup (HTML comments with JSON attributes).\n\n### Template Structure\n\n```html\n\u003C!-- wp:template-part {\"slug\":\"header\",\"tagName\":\"header\"} \u002F-->\n\n\u003C!-- wp:group {\"tagName\":\"main\",\"layout\":{\"type\":\"constrained\"}} -->\n\u003Cmain class=\"wp-block-group\">\n  \u003C!-- Content blocks here -->\n\u003C\u002Fmain>\n\u003C!-- \u002Fwp:group -->\n\n\u003C!-- wp:template-part {\"slug\":\"footer\",\"tagName\":\"footer\"} \u002F-->\n```\n\n## Template Parts\n\n### Header Requirements\n- Constrained layout group with site-appropriate background\n- Flex row: `site-title` (level:0 — renders `\u003Cp>` not `\u003Ch1>`) + `navigation`\n- Appropriate padding using spacing presets\n\n### Footer Requirements\n- Constrained layout group, matching or complementing header style\n- Content varies by site type (copyright, social links, contact info, etc.)\n- Include footer margin reset in style.css\n\n## Block Patterns\n\nPatterns are PHP files that register reusable block content.\n\n### Pattern Registration\n\n```php\n\u003C?php\n\u002F**\n * Title: Hero Section\n * Slug: theme-slug\u002Fhero\n * Categories: featured\n *\u002F\n?>\n\u003C!-- wp:group {\"backgroundColor\":\"primary\",\"textColor\":\"light\",\"layout\":{\"type\":\"constrained\"}} -->\n...\n\u003C!-- \u002Fwp:group -->\n```\n\n## functions.php\n\nKeep functions.php minimal. Primary uses:\n\n### Google Fonts Enqueuing\n\n**IMPORTANT:** Always use `enqueue_block_assets` hook (not `wp_enqueue_scripts`) to ensure fonts load in BOTH the front-end AND block editor.\n\n```php\n\u003C?php\n\u002F**\n * Theme functions and definitions\n *\u002F\n\n\u002F\u002F Enqueue Google Fonts and theme stylesheet for both front-end and block editor\nfunction theme_slug_enqueue_assets() {\n    wp_enqueue_style(\n        'theme-slug-fonts',\n        'https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Clash+Display:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap',\n        array(),\n        null\n    );\n\n    wp_enqueue_style(\n        'theme-slug-style',\n        get_stylesheet_uri(),\n        array( 'theme-slug-fonts' ),\n        wp_get_theme()->get( 'Version' )\n    );\n}\nadd_action( 'enqueue_block_assets', 'theme_slug_enqueue_assets' );\n\n\u002F\u002F Register block patterns\nfunction theme_slug_register_patterns() {\n    register_block_pattern_category(\n        'theme-slug',\n        array( 'label' => __( 'Theme Patterns', 'theme-slug' ) )\n    );\n}\nadd_action( 'init', 'theme_slug_register_patterns' );\n```\n\n## Security in Generated Code\n\n- When `functions.php` outputs any user-derived value, use WordPress escaping functions:\n  - HTML context: `esc_html()`\n  - Attribute context: `esc_attr()`\n  - URL context: `esc_url()`\n- Never use `eval()`, `create_function()`, `shell_exec()`, `exec()`, or `system()` in generated theme code\n- Static block themes with hardcoded content (the default) do not need escaping — WordPress core blocks handle this. Escaping matters only if generating PHP that renders dynamic data.\n\n## style.css\n\nThe style.css file contains theme metadata and custom CSS.\n** Important ** Always bring across custom CSS from the design into style.css that is not achievable via theme.json, especially for layout and composition techniques that are critical to the design's aesthetics such as animation\u002Fmotion.\n\n```css\n\u002F*\nTheme Name: Theme Name\nTheme URI: https:\u002F\u002Fexample.com\nAuthor: Author Name\nAuthor URI: https:\u002F\u002Fexample.com\nDescription: A beautiful WordPress block theme\nVersion: 1.0.0\nRequires at least: 6.0\nTested up to: 6.7\nRequires PHP: 7.4\nLicense: GNU General Public License v2 or later\nLicense URI: https:\u002F\u002Fwww.gnu.org\u002Flicenses\u002Fgpl-2.0.html\nText Domain: theme-slug\n*\u002F\n\n```\n\n## Animation & Motion in Block Themes\n\nAnimation brings life to block themes, but WordPress block markup requires a specific pattern to connect CSS animations to blocks.\n\n### The className Pattern\n\nAdd animation classes to blocks via the `className` JSON attribute. WordPress renders this as a class on the wrapper div:\n\n```html\n\u003C!-- wp:group {\"className\":\"fade-up\",\"align\":\"full\",\"layout\":{\"type\":\"constrained\"}} -->\n\u003Cdiv class=\"wp-block-group alignfull fade-up\">\n  \u003C!-- content -->\n\u003C\u002Fdiv>\n\u003C!-- \u002Fwp:group -->\n```\n\nThis works on any block — groups, columns, headings, paragraphs, buttons, images:\n\n```html\n\u003C!-- wp:heading {\"className\":\"slide-in-left\"} -->\n\u003Ch2 class=\"wp-block-heading slide-in-left\">Features\u003C\u002Fh2>\n\u003C!-- \u002Fwp:heading -->\n\n\u003C!-- wp:columns {\"className\":\"stagger-children\",\"align\":\"wide\"} -->\n\u003Cdiv class=\"wp-block-columns alignwide stagger-children\">\n  ...\n\u003C\u002Fdiv>\n\u003C!-- \u002Fwp:columns -->\n```\n\n### Animation Classes in style.css\n\nGenerate and adapt these classes (these are examples only, do not limit yourself to these) in each theme's `style.css`:\n\n**Entrance animations:**\n```css\n.fade-up {\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeUp 0.6s ease forwards;\n}\n.fade-in {\n  opacity: 0;\n  animation: fadeIn 0.6s ease forwards;\n}\n.slide-in-left {\n  opacity: 0;\n  transform: translateX(-40px);\n  animation: slideIn 0.7s ease forwards;\n}\n.slide-in-right {\n  opacity: 0;\n  transform: translateX(40px);\n  animation: slideIn 0.7s ease forwards;\n}\n\n@keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\n@keyframes fadeIn { to { opacity: 1; } }\n@keyframes slideIn { to { opacity: 1; transform: translateX(0); } }\n```\n\n**Staggered children** — delays applied via nth-child:\n```css\n.stagger-children > * {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeUp 0.5s ease forwards;\n}\n.stagger-children > *:nth-child(1) { animation-delay: 0.1s; }\n.stagger-children > *:nth-child(2) { animation-delay: 0.2s; }\n.stagger-children > *:nth-child(3) { animation-delay: 0.3s; }\n.stagger-children > *:nth-child(4) { animation-delay: 0.4s; }\n```\n\n**Interactive transitions:**\n```css\n.hover-lift {\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.hover-lift:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 24px rgba(0,0,0,0.15);\n}\n.hover-glow {\n  transition: box-shadow 0.3s ease;\n}\n.hover-glow:hover {\n  box-shadow: 0 0 20px rgba(var(--wp--preset--color--accent-rgb, 0,0,0), 0.3);\n}\n```\n\n**Continuous ambient motion:**\n```css\n.float {\n  animation: float 3s ease-in-out infinite;\n}\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n.pulse-subtle {\n  animation: pulse 2s ease-in-out infinite;\n}\n@keyframes pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.7; }\n}\n```\n\n### Scroll-Triggered Reveals via functions.php\n\nThe most impactful animation pattern — sections revealing as the user scrolls — requires a small IntersectionObserver script. Add this to `functions.php`:\n\n```php\n\u002F\u002F Enqueue scroll animation observer\nfunction theme_slug_scroll_animations() {\n    wp_add_inline_script( 'theme-slug-style', \"\n        document.addEventListener('DOMContentLoaded', function() {\n            var els = document.querySelectorAll('.animate-on-scroll');\n            if (!els.length) return;\n            var observer = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('is-visible');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.15 });\n            els.forEach(function(el) { observer.observe(el); });\n        });\n    \" );\n}\nadd_action( 'enqueue_block_assets', 'theme_slug_scroll_animations' );\n```\n\n**Note:** `wp_add_inline_script` requires an existing registered script handle. Since block themes may not always have a script registered, a more reliable approach is to output the script directly:\n\n```php\n\u002F\u002F Scroll animation observer — outputs inline script\nfunction theme_slug_scroll_animations() {\n    ?>\n    \u003Cscript>\n    document.addEventListener('DOMContentLoaded', function() {\n        var els = document.querySelectorAll('.animate-on-scroll');\n        if (!els.length) return;\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.15 });\n        els.forEach(function(el) { observer.observe(el); });\n    });\n    \u003C\u002Fscript>\n    \u003C?php\n}\nadd_action( 'wp_footer', 'theme_slug_scroll_animations' );\n```\n\nThen in `style.css`, pair with CSS that starts elements hidden and animates them when `.is-visible` is added:\n\n```css\n.animate-on-scroll {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.animate-on-scroll.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n```\n\nUse `className: \"animate-on-scroll\"` on section-level Group blocks:\n\n```html\n\u003C!-- wp:group {\"className\":\"animate-on-scroll\",\"align\":\"full\",\"layout\":{\"type\":\"constrained\"}} -->\n\u003Cdiv class=\"wp-block-group alignfull animate-on-scroll\">\n  \u003C!-- section content -->\n\u003C\u002Fdiv>\n\u003C!-- \u002Fwp:group -->\n```\n\n### prefers-reduced-motion (Required)\n\nEvery theme MUST include this in `style.css`:\n\n```css\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n```\n\n### How Much Animation\n\nNot every element needs animation. Prioritize:\n- **Hero section entrance** — the first impression (fade-up, scale, or slide)\n- **Section reveals on scroll** — major content blocks with `animate-on-scroll`\n- **Interactive elements** — cards with `hover-lift`, buttons with transitions\n- **1-2 decorative ambient animations** — a floating shape, gradient shift, or pulsing accent\n\nAvoid animating every heading, paragraph, and button individually — it creates visual noise rather than delight.\n\n## Card layouts in rows\n\nFor equal-height, equal-width cards ( with optional bottom-aligned CTAs ), use this structure unless the user specifies otherwise:\n\n```\nColumns (className: \"equal-cards\")\n  └── Column\n        verticalAlignment: \"stretch\"\n        width: \"X%\" where X = 100 \u002F number_of_cards (e.g., 2 cards = 50%, 3 cards = 33.33%, 4 cards = 25%)\n        └── Group [card wrapper]\n              └── [content: headings, paragraphs, images*, lists]\n              └── (optional) Buttons (className: \"cta-bottom\")\n```\n\n**Width rule**: All cards in a row MUST have equal width. Calculate each column's width as `100% \u002F number_of_cards` (e.g., 3 cards = 33.33% each). The sum of all column widths must equal exactly 100% - never exceed the parent element width.\n\n*Images in cards: `style=\"height:200px;object-fit:cover;width:100%\"`\n\n**Required CSS** (style.css):\n```css\n.equal-cards > .wp-block-column {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 0;\n}\n.equal-cards > .wp-block-column > .wp-block-group {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n```\nIf present, ensure bottom-aligned CTAs unless otherwise specified:\n```css\n.equal-cards .cta-bottom {\n  margin-top: auto;\n  justify-content: center;\n}\n```\nAlways add the following CSS to reset the footer top margin:\n```css\n.wp-site-blocks > footer {\n  margin-block-start: 0;\n}\n```\n\n## Landing Page Composition\n\nWhen generating homepage block markup, think like a landing page designer, not a template assembler. Every section should be a visually distinct, full-width band that creates rhythm and visual impact as the user scrolls.\n\n### Section Architecture\n\n- **Section margin reset**: Add `\"style\":{\"spacing\":{\"margin\":{\"top\":\"0\"}}}` to every top-level Group block that wraps a landing page section. This overrides WordPress's default top margin on direct children of `.wp-site-blocks` and can be easily adjusted by users in the editor.\n- **Section layout widths**: Hero sections, header groups, cover blocks, and feature grids should use `\"align\":\"wide\"` or `\"align\":\"full\"` rather than defaulting to narrow content width. Only use default (content) alignment for text-heavy reading sections.\n- Do **not** use `\u003Cinner-blocks>`; output the full expanded markup inside each block.\n- **Columns alignment**: ALWAYS set `\"align\":\"wide\"` on `wp:columns` blocks (and add the `alignwide` class on the wrapper div) unless specifically instructed otherwise.\n- **No decorative HTML comments**: Never insert section-labeling comments like `\u003C!-- Hero Section -->` or `\u003C!-- Services Section -->` in templates, template parts, or patterns. Only WordPress block comments (`\u003C!-- wp:block-name -->`) are allowed.\n\n**Every major homepage section must be `alignfull`** — edge-to-edge across the viewport. Content inside can be constrained, but the section wrapper fills the screen width. This is the **full-bleed wrapper, constrained content** pattern:\n\n`\u003C!-- wp:group {\"align\":\"full\",\"backgroundColor\":\"...\",\"layout\":{\"type\":\"constrained\"}} -->`\n\n**Never use bare `{\"layout\":{\"type\":\"constrained\"}}` without `\"align\":\"full\"` for homepage sections.** Without `alignfull`, sections render at `contentSize` (800px) and the page looks narrow and lifeless.\n\n**YOU DECIDE** which sections best serve this specific site. Do not follow a rigid template. Consider the site type, audience, and primary goal:\n\n- A portfolio needs a full-bleed project gallery\n- A SaaS needs feature grids with clear value props\n- A restaurant needs appetizing imagery and menu sections\n- An agency needs case study cards and social proof\n- An escape room needs atmosphere and immersion\n\n### Visual Rhythm\n\nAlternate between visual treatments to create rhythm as the user scrolls:\n\n| Technique | WordPress Implementation |\n|-----------|------------------------|\n| Alternating backgrounds | Alternate `backgroundColor` between `background` and `surface` (or `primary`\u002F`secondary` for bold sections) |\n| Full-bleed imagery | Cover blocks with `\"align\":\"full\"` and `overlayColor` from the brand palette |\n| Edge-to-edge media-text | `wp:media-text` with `\"align\":\"full\"` for alternating image\u002Fcontent sides |\n| Bold CTA bands | Full-width group with `primary` or `accent` background, centered text |\n| Spacer breaks | `wp:spacer` between sections for breathing room |\n\nEvery section should feel visually distinct from its neighbors. If two adjacent sections have the same background color and layout pattern, the page feels monotonous — change the background, flip the image side, switch from grid to single-column, or add a cover block break.\n\n## Image Handling\n\nONLY add user provided images\u002Fimage URLs to the initial site build. Stock image urls often fail to load in the block editor and break the design.\nLook at any user supplies images carefully and include them in the design if appropriate, but do not force them in if they do not fit the design. \n\n### Creating Visual Richness Without Images\n\nSince only user provided images\u002Fimage URLs can be used, if none are available convey atmosphere and visual interest through:\n\n- **CSS Gradients**: Linear, radial, and conic gradients for depth and color\n- **Color Blocks**: Bold use of background colors to create visual hierarchy\n- **Typography as Design**: Large, distinctive headings; creative font pairing; varied text sizes and weights\n- **CSS Patterns**: Repeating backgrounds using CSS gradients (stripes, dots, grids)\n- **Shadows & Depth**: Box-shadow, text-shadow, and drop-shadow for dimension\n- **Borders & Frames**: Creative use of borders, outlines, and decorative frames\n- **Spacing & Layout**: Generous whitespace or controlled density to create mood\n- **CSS Pseudo-elements**: ::before and ::after for decorative visual elements\n- **Color Overlays**: Layered divs with transparency for atmospheric effects\n",{"data":37,"body":38},{"name":4,"description":6},{"type":39,"children":40},"root",[41,50,56,63,79,85,92,105,111,124,130,232,238,243,841,847,852,1098,1103,1155,1161,1166,1172,1295,1301,1307,1355,1361,1379,1385,1390,1396,1484,1490,1495,1501,1527,1783,1789,1888,1894,1899,2020,2026,2031,2037,2050,2132,2137,2297,2303,2314,2322,2917,2927,3305,3313,3683,3691,4010,4016,4027,4185,4203,4376,4396,4593,4606,4687,4693,4704,4857,4863,4868,4923,4928,4934,4939,4948,4966,4977,4987,5196,5201,5281,5286,5345,5351,5356,5362,5503,5526,5535,5574,5584,5612,5618,5623,5802,5807,5813,5818,5824,5829,5922],{"type":42,"tag":43,"props":44,"children":46},"element","h1",{"id":45},"wordpress-block-theming-skill",[47],{"type":48,"value":49},"text","WordPress Block Theming Skill",{"type":42,"tag":51,"props":52,"children":53},"p",{},[54],{"type":48,"value":55},"Comprehensive knowledge for building WordPress block themes using Full Site Editing (FSE) architecture.",{"type":42,"tag":57,"props":58,"children":60},"h2",{"id":59},"absolute-rules",[61],{"type":48,"value":62},"Absolute Rules",{"type":42,"tag":64,"props":65,"children":66},"ul",{},[67],{"type":42,"tag":68,"props":69,"children":70},"li",{},[71,77],{"type":42,"tag":72,"props":73,"children":74},"strong",{},[75],{"type":48,"value":76},"NO EMOJIS",{"type":48,"value":78},": Never use emojis anywhere in generated content - not in headings, paragraphs, button text, or any other text. This applies to all templates, patterns, and content.",{"type":42,"tag":57,"props":80,"children":82},{"id":81},"theme-architecture",[83],{"type":48,"value":84},"Theme Architecture",{"type":42,"tag":86,"props":87,"children":89},"h3",{"id":88},"directory-structure",[90],{"type":48,"value":91},"Directory Structure",{"type":42,"tag":93,"props":94,"children":98},"pre",{"className":95,"code":97,"language":48},[96],"language-text","theme-slug\u002F\n├── theme.json           # Central configuration file\n├── style.css            # Theme metadata + custom CSS\n├── functions.php        # Asset enqueuing, pattern registration\n├── templates\u002F           # Block templates\n│   ├── index.html       # Main\u002Ffallback template\n│   ├── single.html      # Single post\n│   ├── page.html        # Single page\n│   ├── archive.html     # Archive listings\n│   ├── search.html      # Search results\n│   └── 404.html         # Not found\n├── parts\u002F               # Reusable template parts\n│   ├── header.html      # Site header\n│   └── footer.html      # Site footer\n└── patterns\u002F            # Block patterns\n    ├── hero.php\n    ├── features.php\n    └── cta.php\n",[99],{"type":42,"tag":100,"props":101,"children":103},"code",{"__ignoreMap":102},"",[104],{"type":48,"value":97},{"type":42,"tag":57,"props":106,"children":108},{"id":107},"themejson-configuration",[109],{"type":48,"value":110},"theme.json Configuration",{"type":42,"tag":51,"props":112,"children":113},{},[114,116,122],{"type":48,"value":115},"The ",{"type":42,"tag":100,"props":117,"children":119},{"className":118},[],[120],{"type":48,"value":121},"theme.json",{"type":48,"value":123}," file is the central configuration for block themes. It defines:",{"type":42,"tag":86,"props":125,"children":127},{"id":126},"schema-and-version",[128],{"type":48,"value":129},"Schema and Version",{"type":42,"tag":93,"props":131,"children":135},{"className":132,"code":133,"language":134,"meta":102,"style":102},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"$schema\": \"https:\u002F\u002Fschemas.wp.org\u002Ftrunk\u002Ftheme.json\",\n  \"version\": 3\n}\n","json",[136],{"type":42,"tag":100,"props":137,"children":138},{"__ignoreMap":102},[139,151,196,223],{"type":42,"tag":140,"props":141,"children":144},"span",{"class":142,"line":143},"line",1,[145],{"type":42,"tag":140,"props":146,"children":148},{"style":147},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[149],{"type":48,"value":150},"{\n",{"type":42,"tag":140,"props":152,"children":154},{"class":142,"line":153},2,[155,160,166,171,176,181,187,191],{"type":42,"tag":140,"props":156,"children":157},{"style":147},[158],{"type":48,"value":159},"  \"",{"type":42,"tag":140,"props":161,"children":163},{"style":162},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[164],{"type":48,"value":165},"$schema",{"type":42,"tag":140,"props":167,"children":168},{"style":147},[169],{"type":48,"value":170},"\"",{"type":42,"tag":140,"props":172,"children":173},{"style":147},[174],{"type":48,"value":175},":",{"type":42,"tag":140,"props":177,"children":178},{"style":147},[179],{"type":48,"value":180}," \"",{"type":42,"tag":140,"props":182,"children":184},{"style":183},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[185],{"type":48,"value":186},"https:\u002F\u002Fschemas.wp.org\u002Ftrunk\u002Ftheme.json",{"type":42,"tag":140,"props":188,"children":189},{"style":147},[190],{"type":48,"value":170},{"type":42,"tag":140,"props":192,"children":193},{"style":147},[194],{"type":48,"value":195},",\n",{"type":42,"tag":140,"props":197,"children":199},{"class":142,"line":198},3,[200,204,209,213,217],{"type":42,"tag":140,"props":201,"children":202},{"style":147},[203],{"type":48,"value":159},{"type":42,"tag":140,"props":205,"children":206},{"style":162},[207],{"type":48,"value":208},"version",{"type":42,"tag":140,"props":210,"children":211},{"style":147},[212],{"type":48,"value":170},{"type":42,"tag":140,"props":214,"children":215},{"style":147},[216],{"type":48,"value":175},{"type":42,"tag":140,"props":218,"children":220},{"style":219},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[221],{"type":48,"value":222}," 3\n",{"type":42,"tag":140,"props":224,"children":226},{"class":142,"line":225},4,[227],{"type":42,"tag":140,"props":228,"children":229},{"style":147},[230],{"type":48,"value":231},"}\n",{"type":42,"tag":86,"props":233,"children":235},{"id":234},"settings",[236],{"type":48,"value":237},"Settings",{"type":42,"tag":51,"props":239,"children":240},{},[241],{"type":48,"value":242},"Define available options for the editor:",{"type":42,"tag":93,"props":244,"children":246},{"className":132,"code":245,"language":134,"meta":102,"style":102},"{\n  \"settings\": {\n    \"appearanceTools\": true,\n    \"layout\": { \"contentSize\": \"800px\", \"wideSize\": \"1280px\" },\n    \"color\": {\n      \"palette\": [ \u002F* 5 colors: primary, secondary, accent, light, dark *\u002F ],\n      \"defaultPalette\": false,\n      \"defaultGradients\": false\n    },\n    \"typography\": {\n      \"fontFamilies\": [ \u002F* heading + body font families *\u002F ],\n      \"fontSizes\": [ \u002F* 5-6 step scale: small through huge *\u002F ]\n    },\n    \"spacing\": {\n      \"units\": [\"px\", \"em\", \"rem\", \"%\", \"vw\", \"vh\"],\n      \"spacingSizes\": [ \u002F* 6 steps from compact to spacious *\u002F ]\n    }\n  }\n}\n",[247],{"type":42,"tag":100,"props":248,"children":249},{"__ignoreMap":102},[250,257,281,308,403,428,466,492,518,527,552,585,620,628,653,781,815,824,833],{"type":42,"tag":140,"props":251,"children":252},{"class":142,"line":143},[253],{"type":42,"tag":140,"props":254,"children":255},{"style":147},[256],{"type":48,"value":150},{"type":42,"tag":140,"props":258,"children":259},{"class":142,"line":153},[260,264,268,272,276],{"type":42,"tag":140,"props":261,"children":262},{"style":147},[263],{"type":48,"value":159},{"type":42,"tag":140,"props":265,"children":266},{"style":162},[267],{"type":48,"value":234},{"type":42,"tag":140,"props":269,"children":270},{"style":147},[271],{"type":48,"value":170},{"type":42,"tag":140,"props":273,"children":274},{"style":147},[275],{"type":48,"value":175},{"type":42,"tag":140,"props":277,"children":278},{"style":147},[279],{"type":48,"value":280}," {\n",{"type":42,"tag":140,"props":282,"children":283},{"class":142,"line":198},[284,289,295,299,303],{"type":42,"tag":140,"props":285,"children":286},{"style":147},[287],{"type":48,"value":288},"    \"",{"type":42,"tag":140,"props":290,"children":292},{"style":291},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[293],{"type":48,"value":294},"appearanceTools",{"type":42,"tag":140,"props":296,"children":297},{"style":147},[298],{"type":48,"value":170},{"type":42,"tag":140,"props":300,"children":301},{"style":147},[302],{"type":48,"value":175},{"type":42,"tag":140,"props":304,"children":305},{"style":147},[306],{"type":48,"value":307}," true,\n",{"type":42,"tag":140,"props":309,"children":310},{"class":142,"line":225},[311,315,320,324,328,333,337,342,346,350,354,359,363,368,372,377,381,385,389,394,398],{"type":42,"tag":140,"props":312,"children":313},{"style":147},[314],{"type":48,"value":288},{"type":42,"tag":140,"props":316,"children":317},{"style":291},[318],{"type":48,"value":319},"layout",{"type":42,"tag":140,"props":321,"children":322},{"style":147},[323],{"type":48,"value":170},{"type":42,"tag":140,"props":325,"children":326},{"style":147},[327],{"type":48,"value":175},{"type":42,"tag":140,"props":329,"children":330},{"style":147},[331],{"type":48,"value":332}," {",{"type":42,"tag":140,"props":334,"children":335},{"style":147},[336],{"type":48,"value":180},{"type":42,"tag":140,"props":338,"children":339},{"style":219},[340],{"type":48,"value":341},"contentSize",{"type":42,"tag":140,"props":343,"children":344},{"style":147},[345],{"type":48,"value":170},{"type":42,"tag":140,"props":347,"children":348},{"style":147},[349],{"type":48,"value":175},{"type":42,"tag":140,"props":351,"children":352},{"style":147},[353],{"type":48,"value":180},{"type":42,"tag":140,"props":355,"children":356},{"style":183},[357],{"type":48,"value":358},"800px",{"type":42,"tag":140,"props":360,"children":361},{"style":147},[362],{"type":48,"value":170},{"type":42,"tag":140,"props":364,"children":365},{"style":147},[366],{"type":48,"value":367},",",{"type":42,"tag":140,"props":369,"children":370},{"style":147},[371],{"type":48,"value":180},{"type":42,"tag":140,"props":373,"children":374},{"style":219},[375],{"type":48,"value":376},"wideSize",{"type":42,"tag":140,"props":378,"children":379},{"style":147},[380],{"type":48,"value":170},{"type":42,"tag":140,"props":382,"children":383},{"style":147},[384],{"type":48,"value":175},{"type":42,"tag":140,"props":386,"children":387},{"style":147},[388],{"type":48,"value":180},{"type":42,"tag":140,"props":390,"children":391},{"style":183},[392],{"type":48,"value":393},"1280px",{"type":42,"tag":140,"props":395,"children":396},{"style":147},[397],{"type":48,"value":170},{"type":42,"tag":140,"props":399,"children":400},{"style":147},[401],{"type":48,"value":402}," },\n",{"type":42,"tag":140,"props":404,"children":406},{"class":142,"line":405},5,[407,411,416,420,424],{"type":42,"tag":140,"props":408,"children":409},{"style":147},[410],{"type":48,"value":288},{"type":42,"tag":140,"props":412,"children":413},{"style":291},[414],{"type":48,"value":415},"color",{"type":42,"tag":140,"props":417,"children":418},{"style":147},[419],{"type":48,"value":170},{"type":42,"tag":140,"props":421,"children":422},{"style":147},[423],{"type":48,"value":175},{"type":42,"tag":140,"props":425,"children":426},{"style":147},[427],{"type":48,"value":280},{"type":42,"tag":140,"props":429,"children":431},{"class":142,"line":430},6,[432,437,442,446,450,455,461],{"type":42,"tag":140,"props":433,"children":434},{"style":147},[435],{"type":48,"value":436},"      \"",{"type":42,"tag":140,"props":438,"children":439},{"style":219},[440],{"type":48,"value":441},"palette",{"type":42,"tag":140,"props":443,"children":444},{"style":147},[445],{"type":48,"value":170},{"type":42,"tag":140,"props":447,"children":448},{"style":147},[449],{"type":48,"value":175},{"type":42,"tag":140,"props":451,"children":452},{"style":147},[453],{"type":48,"value":454}," [",{"type":42,"tag":140,"props":456,"children":458},{"style":457},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[459],{"type":48,"value":460}," \u002F* 5 colors: primary, secondary, accent, light, dark *\u002F",{"type":42,"tag":140,"props":462,"children":463},{"style":147},[464],{"type":48,"value":465}," ],\n",{"type":42,"tag":140,"props":467,"children":469},{"class":142,"line":468},7,[470,474,479,483,487],{"type":42,"tag":140,"props":471,"children":472},{"style":147},[473],{"type":48,"value":436},{"type":42,"tag":140,"props":475,"children":476},{"style":219},[477],{"type":48,"value":478},"defaultPalette",{"type":42,"tag":140,"props":480,"children":481},{"style":147},[482],{"type":48,"value":170},{"type":42,"tag":140,"props":484,"children":485},{"style":147},[486],{"type":48,"value":175},{"type":42,"tag":140,"props":488,"children":489},{"style":147},[490],{"type":48,"value":491}," false,\n",{"type":42,"tag":140,"props":493,"children":495},{"class":142,"line":494},8,[496,500,505,509,513],{"type":42,"tag":140,"props":497,"children":498},{"style":147},[499],{"type":48,"value":436},{"type":42,"tag":140,"props":501,"children":502},{"style":219},[503],{"type":48,"value":504},"defaultGradients",{"type":42,"tag":140,"props":506,"children":507},{"style":147},[508],{"type":48,"value":170},{"type":42,"tag":140,"props":510,"children":511},{"style":147},[512],{"type":48,"value":175},{"type":42,"tag":140,"props":514,"children":515},{"style":147},[516],{"type":48,"value":517}," false\n",{"type":42,"tag":140,"props":519,"children":521},{"class":142,"line":520},9,[522],{"type":42,"tag":140,"props":523,"children":524},{"style":147},[525],{"type":48,"value":526},"    },\n",{"type":42,"tag":140,"props":528,"children":530},{"class":142,"line":529},10,[531,535,540,544,548],{"type":42,"tag":140,"props":532,"children":533},{"style":147},[534],{"type":48,"value":288},{"type":42,"tag":140,"props":536,"children":537},{"style":291},[538],{"type":48,"value":539},"typography",{"type":42,"tag":140,"props":541,"children":542},{"style":147},[543],{"type":48,"value":170},{"type":42,"tag":140,"props":545,"children":546},{"style":147},[547],{"type":48,"value":175},{"type":42,"tag":140,"props":549,"children":550},{"style":147},[551],{"type":48,"value":280},{"type":42,"tag":140,"props":553,"children":554},{"class":142,"line":29},[555,559,564,568,572,576,581],{"type":42,"tag":140,"props":556,"children":557},{"style":147},[558],{"type":48,"value":436},{"type":42,"tag":140,"props":560,"children":561},{"style":219},[562],{"type":48,"value":563},"fontFamilies",{"type":42,"tag":140,"props":565,"children":566},{"style":147},[567],{"type":48,"value":170},{"type":42,"tag":140,"props":569,"children":570},{"style":147},[571],{"type":48,"value":175},{"type":42,"tag":140,"props":573,"children":574},{"style":147},[575],{"type":48,"value":454},{"type":42,"tag":140,"props":577,"children":578},{"style":457},[579],{"type":48,"value":580}," \u002F* heading + body font families *\u002F",{"type":42,"tag":140,"props":582,"children":583},{"style":147},[584],{"type":48,"value":465},{"type":42,"tag":140,"props":586,"children":588},{"class":142,"line":587},12,[589,593,598,602,606,610,615],{"type":42,"tag":140,"props":590,"children":591},{"style":147},[592],{"type":48,"value":436},{"type":42,"tag":140,"props":594,"children":595},{"style":219},[596],{"type":48,"value":597},"fontSizes",{"type":42,"tag":140,"props":599,"children":600},{"style":147},[601],{"type":48,"value":170},{"type":42,"tag":140,"props":603,"children":604},{"style":147},[605],{"type":48,"value":175},{"type":42,"tag":140,"props":607,"children":608},{"style":147},[609],{"type":48,"value":454},{"type":42,"tag":140,"props":611,"children":612},{"style":457},[613],{"type":48,"value":614}," \u002F* 5-6 step scale: small through huge *\u002F",{"type":42,"tag":140,"props":616,"children":617},{"style":147},[618],{"type":48,"value":619}," ]\n",{"type":42,"tag":140,"props":621,"children":623},{"class":142,"line":622},13,[624],{"type":42,"tag":140,"props":625,"children":626},{"style":147},[627],{"type":48,"value":526},{"type":42,"tag":140,"props":629,"children":631},{"class":142,"line":630},14,[632,636,641,645,649],{"type":42,"tag":140,"props":633,"children":634},{"style":147},[635],{"type":48,"value":288},{"type":42,"tag":140,"props":637,"children":638},{"style":291},[639],{"type":48,"value":640},"spacing",{"type":42,"tag":140,"props":642,"children":643},{"style":147},[644],{"type":48,"value":170},{"type":42,"tag":140,"props":646,"children":647},{"style":147},[648],{"type":48,"value":175},{"type":42,"tag":140,"props":650,"children":651},{"style":147},[652],{"type":48,"value":280},{"type":42,"tag":140,"props":654,"children":656},{"class":142,"line":655},15,[657,661,666,670,674,678,682,687,691,695,699,704,708,712,716,721,725,729,733,738,742,746,750,755,759,763,767,772,776],{"type":42,"tag":140,"props":658,"children":659},{"style":147},[660],{"type":48,"value":436},{"type":42,"tag":140,"props":662,"children":663},{"style":219},[664],{"type":48,"value":665},"units",{"type":42,"tag":140,"props":667,"children":668},{"style":147},[669],{"type":48,"value":170},{"type":42,"tag":140,"props":671,"children":672},{"style":147},[673],{"type":48,"value":175},{"type":42,"tag":140,"props":675,"children":676},{"style":147},[677],{"type":48,"value":454},{"type":42,"tag":140,"props":679,"children":680},{"style":147},[681],{"type":48,"value":170},{"type":42,"tag":140,"props":683,"children":684},{"style":183},[685],{"type":48,"value":686},"px",{"type":42,"tag":140,"props":688,"children":689},{"style":147},[690],{"type":48,"value":170},{"type":42,"tag":140,"props":692,"children":693},{"style":147},[694],{"type":48,"value":367},{"type":42,"tag":140,"props":696,"children":697},{"style":147},[698],{"type":48,"value":180},{"type":42,"tag":140,"props":700,"children":701},{"style":183},[702],{"type":48,"value":703},"em",{"type":42,"tag":140,"props":705,"children":706},{"style":147},[707],{"type":48,"value":170},{"type":42,"tag":140,"props":709,"children":710},{"style":147},[711],{"type":48,"value":367},{"type":42,"tag":140,"props":713,"children":714},{"style":147},[715],{"type":48,"value":180},{"type":42,"tag":140,"props":717,"children":718},{"style":183},[719],{"type":48,"value":720},"rem",{"type":42,"tag":140,"props":722,"children":723},{"style":147},[724],{"type":48,"value":170},{"type":42,"tag":140,"props":726,"children":727},{"style":147},[728],{"type":48,"value":367},{"type":42,"tag":140,"props":730,"children":731},{"style":147},[732],{"type":48,"value":180},{"type":42,"tag":140,"props":734,"children":735},{"style":183},[736],{"type":48,"value":737},"%",{"type":42,"tag":140,"props":739,"children":740},{"style":147},[741],{"type":48,"value":170},{"type":42,"tag":140,"props":743,"children":744},{"style":147},[745],{"type":48,"value":367},{"type":42,"tag":140,"props":747,"children":748},{"style":147},[749],{"type":48,"value":180},{"type":42,"tag":140,"props":751,"children":752},{"style":183},[753],{"type":48,"value":754},"vw",{"type":42,"tag":140,"props":756,"children":757},{"style":147},[758],{"type":48,"value":170},{"type":42,"tag":140,"props":760,"children":761},{"style":147},[762],{"type":48,"value":367},{"type":42,"tag":140,"props":764,"children":765},{"style":147},[766],{"type":48,"value":180},{"type":42,"tag":140,"props":768,"children":769},{"style":183},[770],{"type":48,"value":771},"vh",{"type":42,"tag":140,"props":773,"children":774},{"style":147},[775],{"type":48,"value":170},{"type":42,"tag":140,"props":777,"children":778},{"style":147},[779],{"type":48,"value":780},"],\n",{"type":42,"tag":140,"props":782,"children":784},{"class":142,"line":783},16,[785,789,794,798,802,806,811],{"type":42,"tag":140,"props":786,"children":787},{"style":147},[788],{"type":48,"value":436},{"type":42,"tag":140,"props":790,"children":791},{"style":219},[792],{"type":48,"value":793},"spacingSizes",{"type":42,"tag":140,"props":795,"children":796},{"style":147},[797],{"type":48,"value":170},{"type":42,"tag":140,"props":799,"children":800},{"style":147},[801],{"type":48,"value":175},{"type":42,"tag":140,"props":803,"children":804},{"style":147},[805],{"type":48,"value":454},{"type":42,"tag":140,"props":807,"children":808},{"style":457},[809],{"type":48,"value":810}," \u002F* 6 steps from compact to spacious *\u002F",{"type":42,"tag":140,"props":812,"children":813},{"style":147},[814],{"type":48,"value":619},{"type":42,"tag":140,"props":816,"children":818},{"class":142,"line":817},17,[819],{"type":42,"tag":140,"props":820,"children":821},{"style":147},[822],{"type":48,"value":823},"    }\n",{"type":42,"tag":140,"props":825,"children":827},{"class":142,"line":826},18,[828],{"type":42,"tag":140,"props":829,"children":830},{"style":147},[831],{"type":48,"value":832},"  }\n",{"type":42,"tag":140,"props":834,"children":836},{"class":142,"line":835},19,[837],{"type":42,"tag":140,"props":838,"children":839},{"style":147},[840],{"type":48,"value":231},{"type":42,"tag":86,"props":842,"children":844},{"id":843},"styles",[845],{"type":48,"value":846},"Styles",{"type":42,"tag":51,"props":848,"children":849},{},[850],{"type":48,"value":851},"Define default styles for the site and blocks:",{"type":42,"tag":93,"props":853,"children":855},{"className":132,"code":854,"language":134,"meta":102,"style":102},"{\n  \"styles\": {\n    \"color\": { \u002F* background + text from palette *\u002F },\n    \"typography\": { \u002F* body font family, medium size, line-height 1.5-1.65 *\u002F },\n    \"elements\": {\n      \"heading\": { \u002F* heading font family, appropriate weight, line-height 1.1-1.3 *\u002F },\n      \"link\": { \u002F* accent color *\u002F },\n      \"button\": { \u002F* accent background, light text, border-radius *\u002F }\n    }\n  }\n}\n",[856],{"type":42,"tag":100,"props":857,"children":858},{"__ignoreMap":102},[859,866,889,921,953,977,1010,1043,1077,1084,1091],{"type":42,"tag":140,"props":860,"children":861},{"class":142,"line":143},[862],{"type":42,"tag":140,"props":863,"children":864},{"style":147},[865],{"type":48,"value":150},{"type":42,"tag":140,"props":867,"children":868},{"class":142,"line":153},[869,873,877,881,885],{"type":42,"tag":140,"props":870,"children":871},{"style":147},[872],{"type":48,"value":159},{"type":42,"tag":140,"props":874,"children":875},{"style":162},[876],{"type":48,"value":843},{"type":42,"tag":140,"props":878,"children":879},{"style":147},[880],{"type":48,"value":170},{"type":42,"tag":140,"props":882,"children":883},{"style":147},[884],{"type":48,"value":175},{"type":42,"tag":140,"props":886,"children":887},{"style":147},[888],{"type":48,"value":280},{"type":42,"tag":140,"props":890,"children":891},{"class":142,"line":198},[892,896,900,904,908,912,917],{"type":42,"tag":140,"props":893,"children":894},{"style":147},[895],{"type":48,"value":288},{"type":42,"tag":140,"props":897,"children":898},{"style":291},[899],{"type":48,"value":415},{"type":42,"tag":140,"props":901,"children":902},{"style":147},[903],{"type":48,"value":170},{"type":42,"tag":140,"props":905,"children":906},{"style":147},[907],{"type":48,"value":175},{"type":42,"tag":140,"props":909,"children":910},{"style":147},[911],{"type":48,"value":332},{"type":42,"tag":140,"props":913,"children":914},{"style":457},[915],{"type":48,"value":916}," \u002F* background + text from palette *\u002F",{"type":42,"tag":140,"props":918,"children":919},{"style":147},[920],{"type":48,"value":402},{"type":42,"tag":140,"props":922,"children":923},{"class":142,"line":225},[924,928,932,936,940,944,949],{"type":42,"tag":140,"props":925,"children":926},{"style":147},[927],{"type":48,"value":288},{"type":42,"tag":140,"props":929,"children":930},{"style":291},[931],{"type":48,"value":539},{"type":42,"tag":140,"props":933,"children":934},{"style":147},[935],{"type":48,"value":170},{"type":42,"tag":140,"props":937,"children":938},{"style":147},[939],{"type":48,"value":175},{"type":42,"tag":140,"props":941,"children":942},{"style":147},[943],{"type":48,"value":332},{"type":42,"tag":140,"props":945,"children":946},{"style":457},[947],{"type":48,"value":948}," \u002F* body font family, medium size, line-height 1.5-1.65 *\u002F",{"type":42,"tag":140,"props":950,"children":951},{"style":147},[952],{"type":48,"value":402},{"type":42,"tag":140,"props":954,"children":955},{"class":142,"line":405},[956,960,965,969,973],{"type":42,"tag":140,"props":957,"children":958},{"style":147},[959],{"type":48,"value":288},{"type":42,"tag":140,"props":961,"children":962},{"style":291},[963],{"type":48,"value":964},"elements",{"type":42,"tag":140,"props":966,"children":967},{"style":147},[968],{"type":48,"value":170},{"type":42,"tag":140,"props":970,"children":971},{"style":147},[972],{"type":48,"value":175},{"type":42,"tag":140,"props":974,"children":975},{"style":147},[976],{"type":48,"value":280},{"type":42,"tag":140,"props":978,"children":979},{"class":142,"line":430},[980,984,989,993,997,1001,1006],{"type":42,"tag":140,"props":981,"children":982},{"style":147},[983],{"type":48,"value":436},{"type":42,"tag":140,"props":985,"children":986},{"style":219},[987],{"type":48,"value":988},"heading",{"type":42,"tag":140,"props":990,"children":991},{"style":147},[992],{"type":48,"value":170},{"type":42,"tag":140,"props":994,"children":995},{"style":147},[996],{"type":48,"value":175},{"type":42,"tag":140,"props":998,"children":999},{"style":147},[1000],{"type":48,"value":332},{"type":42,"tag":140,"props":1002,"children":1003},{"style":457},[1004],{"type":48,"value":1005}," \u002F* heading font family, appropriate weight, line-height 1.1-1.3 *\u002F",{"type":42,"tag":140,"props":1007,"children":1008},{"style":147},[1009],{"type":48,"value":402},{"type":42,"tag":140,"props":1011,"children":1012},{"class":142,"line":468},[1013,1017,1022,1026,1030,1034,1039],{"type":42,"tag":140,"props":1014,"children":1015},{"style":147},[1016],{"type":48,"value":436},{"type":42,"tag":140,"props":1018,"children":1019},{"style":219},[1020],{"type":48,"value":1021},"link",{"type":42,"tag":140,"props":1023,"children":1024},{"style":147},[1025],{"type":48,"value":170},{"type":42,"tag":140,"props":1027,"children":1028},{"style":147},[1029],{"type":48,"value":175},{"type":42,"tag":140,"props":1031,"children":1032},{"style":147},[1033],{"type":48,"value":332},{"type":42,"tag":140,"props":1035,"children":1036},{"style":457},[1037],{"type":48,"value":1038}," \u002F* accent color *\u002F",{"type":42,"tag":140,"props":1040,"children":1041},{"style":147},[1042],{"type":48,"value":402},{"type":42,"tag":140,"props":1044,"children":1045},{"class":142,"line":494},[1046,1050,1055,1059,1063,1067,1072],{"type":42,"tag":140,"props":1047,"children":1048},{"style":147},[1049],{"type":48,"value":436},{"type":42,"tag":140,"props":1051,"children":1052},{"style":219},[1053],{"type":48,"value":1054},"button",{"type":42,"tag":140,"props":1056,"children":1057},{"style":147},[1058],{"type":48,"value":170},{"type":42,"tag":140,"props":1060,"children":1061},{"style":147},[1062],{"type":48,"value":175},{"type":42,"tag":140,"props":1064,"children":1065},{"style":147},[1066],{"type":48,"value":332},{"type":42,"tag":140,"props":1068,"children":1069},{"style":457},[1070],{"type":48,"value":1071}," \u002F* accent background, light text, border-radius *\u002F",{"type":42,"tag":140,"props":1073,"children":1074},{"style":147},[1075],{"type":48,"value":1076}," }\n",{"type":42,"tag":140,"props":1078,"children":1079},{"class":142,"line":520},[1080],{"type":42,"tag":140,"props":1081,"children":1082},{"style":147},[1083],{"type":48,"value":823},{"type":42,"tag":140,"props":1085,"children":1086},{"class":142,"line":529},[1087],{"type":42,"tag":140,"props":1088,"children":1089},{"style":147},[1090],{"type":48,"value":832},{"type":42,"tag":140,"props":1092,"children":1093},{"class":142,"line":29},[1094],{"type":42,"tag":140,"props":1095,"children":1096},{"style":147},[1097],{"type":48,"value":231},{"type":42,"tag":57,"props":1099,"children":1100},{"id":539},[1101],{"type":48,"value":1102},"Typography",{"type":42,"tag":64,"props":1104,"children":1105},{},[1106,1111,1129],{"type":42,"tag":68,"props":1107,"children":1108},{},[1109],{"type":48,"value":1110},"Choose fonts that are beautiful, unique, and interesting. Avoid generic fonts like Arial and Inter; opt instead for distinctive choices that elevate the frontend's aesthetics; unexpected, characterful font choices. Pair a distinctive display font with a refined body font.",{"type":42,"tag":68,"props":1112,"children":1113},{},[1114,1119,1121,1127],{"type":42,"tag":72,"props":1115,"children":1116},{},[1117],{"type":48,"value":1118},"Font size scale",{"type":48,"value":1120},": Keep sizes grounded and usable. Body: 1rem. Headings: scale modestly (h1 ≤ 2.5–3rem). Use ",{"type":42,"tag":100,"props":1122,"children":1124},{"className":1123},[],[1125],{"type":48,"value":1126},"clamp()",{"type":48,"value":1128}," for responsive display text, but cap at ~3.5rem max. Avoid \"massive\"\u002F\"gigantic\" sizes above 4rem—they rarely improve design and often degrade it. A good 6-step scale: 0.875rem \u002F 1rem \u002F 1.25rem \u002F 1.75rem \u002F 2.25rem \u002F clamp(2.5rem, 4vw, 3.5rem).",{"type":42,"tag":68,"props":1130,"children":1131},{},[1132,1137,1139,1145,1147,1153],{"type":42,"tag":72,"props":1133,"children":1134},{},[1135],{"type":48,"value":1136},"Line height",{"type":48,"value":1138},": Body text: 1.5–1.65. Headings: 1.1–1.3. Never go below 1.0 for any text. Apply via ",{"type":42,"tag":100,"props":1140,"children":1142},{"className":1141},[],[1143],{"type":48,"value":1144},"styles.typography.lineHeight",{"type":48,"value":1146}," and ",{"type":42,"tag":100,"props":1148,"children":1150},{"className":1149},[],[1151],{"type":48,"value":1152},"styles.elements.heading.typography.lineHeight",{"type":48,"value":1154}," in theme.json.",{"type":42,"tag":57,"props":1156,"children":1158},{"id":1157},"block-templates",[1159],{"type":48,"value":1160},"Block Templates",{"type":42,"tag":51,"props":1162,"children":1163},{},[1164],{"type":48,"value":1165},"Templates use WordPress block markup (HTML comments with JSON attributes).",{"type":42,"tag":86,"props":1167,"children":1169},{"id":1168},"template-structure",[1170],{"type":48,"value":1171},"Template Structure",{"type":42,"tag":93,"props":1173,"children":1177},{"className":1174,"code":1175,"language":1176,"meta":102,"style":102},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- wp:template-part {\"slug\":\"header\",\"tagName\":\"header\"} \u002F-->\n\n\u003C!-- wp:group {\"tagName\":\"main\",\"layout\":{\"type\":\"constrained\"}} -->\n\u003Cmain class=\"wp-block-group\">\n  \u003C!-- Content blocks here -->\n\u003C\u002Fmain>\n\u003C!-- \u002Fwp:group -->\n\n\u003C!-- wp:template-part {\"slug\":\"footer\",\"tagName\":\"footer\"} \u002F-->\n","html",[1178],{"type":42,"tag":100,"props":1179,"children":1180},{"__ignoreMap":102},[1181,1189,1198,1206,1248,1256,1272,1280,1287],{"type":42,"tag":140,"props":1182,"children":1183},{"class":142,"line":143},[1184],{"type":42,"tag":140,"props":1185,"children":1186},{"style":457},[1187],{"type":48,"value":1188},"\u003C!-- wp:template-part {\"slug\":\"header\",\"tagName\":\"header\"} \u002F-->\n",{"type":42,"tag":140,"props":1190,"children":1191},{"class":142,"line":153},[1192],{"type":42,"tag":140,"props":1193,"children":1195},{"emptyLinePlaceholder":1194},true,[1196],{"type":48,"value":1197},"\n",{"type":42,"tag":140,"props":1199,"children":1200},{"class":142,"line":198},[1201],{"type":42,"tag":140,"props":1202,"children":1203},{"style":457},[1204],{"type":48,"value":1205},"\u003C!-- wp:group {\"tagName\":\"main\",\"layout\":{\"type\":\"constrained\"}} -->\n",{"type":42,"tag":140,"props":1207,"children":1208},{"class":142,"line":225},[1209,1214,1220,1225,1230,1234,1239,1243],{"type":42,"tag":140,"props":1210,"children":1211},{"style":147},[1212],{"type":48,"value":1213},"\u003C",{"type":42,"tag":140,"props":1215,"children":1217},{"style":1216},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[1218],{"type":48,"value":1219},"main",{"type":42,"tag":140,"props":1221,"children":1222},{"style":162},[1223],{"type":48,"value":1224}," class",{"type":42,"tag":140,"props":1226,"children":1227},{"style":147},[1228],{"type":48,"value":1229},"=",{"type":42,"tag":140,"props":1231,"children":1232},{"style":147},[1233],{"type":48,"value":170},{"type":42,"tag":140,"props":1235,"children":1236},{"style":183},[1237],{"type":48,"value":1238},"wp-block-group",{"type":42,"tag":140,"props":1240,"children":1241},{"style":147},[1242],{"type":48,"value":170},{"type":42,"tag":140,"props":1244,"children":1245},{"style":147},[1246],{"type":48,"value":1247},">\n",{"type":42,"tag":140,"props":1249,"children":1250},{"class":142,"line":405},[1251],{"type":42,"tag":140,"props":1252,"children":1253},{"style":457},[1254],{"type":48,"value":1255},"  \u003C!-- Content blocks here -->\n",{"type":42,"tag":140,"props":1257,"children":1258},{"class":142,"line":430},[1259,1264,1268],{"type":42,"tag":140,"props":1260,"children":1261},{"style":147},[1262],{"type":48,"value":1263},"\u003C\u002F",{"type":42,"tag":140,"props":1265,"children":1266},{"style":1216},[1267],{"type":48,"value":1219},{"type":42,"tag":140,"props":1269,"children":1270},{"style":147},[1271],{"type":48,"value":1247},{"type":42,"tag":140,"props":1273,"children":1274},{"class":142,"line":468},[1275],{"type":42,"tag":140,"props":1276,"children":1277},{"style":457},[1278],{"type":48,"value":1279},"\u003C!-- \u002Fwp:group -->\n",{"type":42,"tag":140,"props":1281,"children":1282},{"class":142,"line":494},[1283],{"type":42,"tag":140,"props":1284,"children":1285},{"emptyLinePlaceholder":1194},[1286],{"type":48,"value":1197},{"type":42,"tag":140,"props":1288,"children":1289},{"class":142,"line":520},[1290],{"type":42,"tag":140,"props":1291,"children":1292},{"style":457},[1293],{"type":48,"value":1294},"\u003C!-- wp:template-part {\"slug\":\"footer\",\"tagName\":\"footer\"} \u002F-->\n",{"type":42,"tag":57,"props":1296,"children":1298},{"id":1297},"template-parts",[1299],{"type":48,"value":1300},"Template Parts",{"type":42,"tag":86,"props":1302,"children":1304},{"id":1303},"header-requirements",[1305],{"type":48,"value":1306},"Header Requirements",{"type":42,"tag":64,"props":1308,"children":1309},{},[1310,1315,1350],{"type":42,"tag":68,"props":1311,"children":1312},{},[1313],{"type":48,"value":1314},"Constrained layout group with site-appropriate background",{"type":42,"tag":68,"props":1316,"children":1317},{},[1318,1320,1326,1328,1334,1336,1342,1344],{"type":48,"value":1319},"Flex row: ",{"type":42,"tag":100,"props":1321,"children":1323},{"className":1322},[],[1324],{"type":48,"value":1325},"site-title",{"type":48,"value":1327}," (level:0 — renders ",{"type":42,"tag":100,"props":1329,"children":1331},{"className":1330},[],[1332],{"type":48,"value":1333},"\u003Cp>",{"type":48,"value":1335}," not ",{"type":42,"tag":100,"props":1337,"children":1339},{"className":1338},[],[1340],{"type":48,"value":1341},"\u003Ch1>",{"type":48,"value":1343},") + ",{"type":42,"tag":100,"props":1345,"children":1347},{"className":1346},[],[1348],{"type":48,"value":1349},"navigation",{"type":42,"tag":68,"props":1351,"children":1352},{},[1353],{"type":48,"value":1354},"Appropriate padding using spacing presets",{"type":42,"tag":86,"props":1356,"children":1358},{"id":1357},"footer-requirements",[1359],{"type":48,"value":1360},"Footer Requirements",{"type":42,"tag":64,"props":1362,"children":1363},{},[1364,1369,1374],{"type":42,"tag":68,"props":1365,"children":1366},{},[1367],{"type":48,"value":1368},"Constrained layout group, matching or complementing header style",{"type":42,"tag":68,"props":1370,"children":1371},{},[1372],{"type":48,"value":1373},"Content varies by site type (copyright, social links, contact info, etc.)",{"type":42,"tag":68,"props":1375,"children":1376},{},[1377],{"type":48,"value":1378},"Include footer margin reset in style.css",{"type":42,"tag":57,"props":1380,"children":1382},{"id":1381},"block-patterns",[1383],{"type":48,"value":1384},"Block Patterns",{"type":42,"tag":51,"props":1386,"children":1387},{},[1388],{"type":48,"value":1389},"Patterns are PHP files that register reusable block content.",{"type":42,"tag":86,"props":1391,"children":1393},{"id":1392},"pattern-registration",[1394],{"type":48,"value":1395},"Pattern Registration",{"type":42,"tag":93,"props":1397,"children":1401},{"className":1398,"code":1399,"language":1400,"meta":102,"style":102},"language-php shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C?php\n\u002F**\n * Title: Hero Section\n * Slug: theme-slug\u002Fhero\n * Categories: featured\n *\u002F\n?>\n\u003C!-- wp:group {\"backgroundColor\":\"primary\",\"textColor\":\"light\",\"layout\":{\"type\":\"constrained\"}} -->\n...\n\u003C!-- \u002Fwp:group -->\n","php",[1402],{"type":42,"tag":100,"props":1403,"children":1404},{"__ignoreMap":102},[1405,1413,1421,1429,1437,1445,1453,1461,1469,1477],{"type":42,"tag":140,"props":1406,"children":1407},{"class":142,"line":143},[1408],{"type":42,"tag":140,"props":1409,"children":1410},{},[1411],{"type":48,"value":1412},"\u003C?php\n",{"type":42,"tag":140,"props":1414,"children":1415},{"class":142,"line":153},[1416],{"type":42,"tag":140,"props":1417,"children":1418},{},[1419],{"type":48,"value":1420},"\u002F**\n",{"type":42,"tag":140,"props":1422,"children":1423},{"class":142,"line":198},[1424],{"type":42,"tag":140,"props":1425,"children":1426},{},[1427],{"type":48,"value":1428}," * Title: Hero Section\n",{"type":42,"tag":140,"props":1430,"children":1431},{"class":142,"line":225},[1432],{"type":42,"tag":140,"props":1433,"children":1434},{},[1435],{"type":48,"value":1436}," * Slug: theme-slug\u002Fhero\n",{"type":42,"tag":140,"props":1438,"children":1439},{"class":142,"line":405},[1440],{"type":42,"tag":140,"props":1441,"children":1442},{},[1443],{"type":48,"value":1444}," * Categories: featured\n",{"type":42,"tag":140,"props":1446,"children":1447},{"class":142,"line":430},[1448],{"type":42,"tag":140,"props":1449,"children":1450},{},[1451],{"type":48,"value":1452}," *\u002F\n",{"type":42,"tag":140,"props":1454,"children":1455},{"class":142,"line":468},[1456],{"type":42,"tag":140,"props":1457,"children":1458},{},[1459],{"type":48,"value":1460},"?>\n",{"type":42,"tag":140,"props":1462,"children":1463},{"class":142,"line":494},[1464],{"type":42,"tag":140,"props":1465,"children":1466},{},[1467],{"type":48,"value":1468},"\u003C!-- wp:group {\"backgroundColor\":\"primary\",\"textColor\":\"light\",\"layout\":{\"type\":\"constrained\"}} -->\n",{"type":42,"tag":140,"props":1470,"children":1471},{"class":142,"line":520},[1472],{"type":42,"tag":140,"props":1473,"children":1474},{},[1475],{"type":48,"value":1476},"...\n",{"type":42,"tag":140,"props":1478,"children":1479},{"class":142,"line":529},[1480],{"type":42,"tag":140,"props":1481,"children":1482},{},[1483],{"type":48,"value":1279},{"type":42,"tag":57,"props":1485,"children":1487},{"id":1486},"functionsphp",[1488],{"type":48,"value":1489},"functions.php",{"type":42,"tag":51,"props":1491,"children":1492},{},[1493],{"type":48,"value":1494},"Keep functions.php minimal. Primary uses:",{"type":42,"tag":86,"props":1496,"children":1498},{"id":1497},"google-fonts-enqueuing",[1499],{"type":48,"value":1500},"Google Fonts Enqueuing",{"type":42,"tag":51,"props":1502,"children":1503},{},[1504,1509,1511,1517,1519,1525],{"type":42,"tag":72,"props":1505,"children":1506},{},[1507],{"type":48,"value":1508},"IMPORTANT:",{"type":48,"value":1510}," Always use ",{"type":42,"tag":100,"props":1512,"children":1514},{"className":1513},[],[1515],{"type":48,"value":1516},"enqueue_block_assets",{"type":48,"value":1518}," hook (not ",{"type":42,"tag":100,"props":1520,"children":1522},{"className":1521},[],[1523],{"type":48,"value":1524},"wp_enqueue_scripts",{"type":48,"value":1526},") to ensure fonts load in BOTH the front-end AND block editor.",{"type":42,"tag":93,"props":1528,"children":1530},{"className":1398,"code":1529,"language":1400,"meta":102,"style":102},"\u003C?php\n\u002F**\n * Theme functions and definitions\n *\u002F\n\n\u002F\u002F Enqueue Google Fonts and theme stylesheet for both front-end and block editor\nfunction theme_slug_enqueue_assets() {\n    wp_enqueue_style(\n        'theme-slug-fonts',\n        'https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Clash+Display:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap',\n        array(),\n        null\n    );\n\n    wp_enqueue_style(\n        'theme-slug-style',\n        get_stylesheet_uri(),\n        array( 'theme-slug-fonts' ),\n        wp_get_theme()->get( 'Version' )\n    );\n}\nadd_action( 'enqueue_block_assets', 'theme_slug_enqueue_assets' );\n\n\u002F\u002F Register block patterns\nfunction theme_slug_register_patterns() {\n    register_block_pattern_category(\n        'theme-slug',\n        array( 'label' => __( 'Theme Patterns', 'theme-slug' ) )\n    );\n}\nadd_action( 'init', 'theme_slug_register_patterns' );\n",[1531],{"type":42,"tag":100,"props":1532,"children":1533},{"__ignoreMap":102},[1534,1541,1548,1556,1563,1570,1578,1586,1594,1602,1610,1618,1626,1634,1641,1648,1656,1664,1672,1680,1688,1696,1705,1713,1722,1731,1740,1749,1758,1766,1774],{"type":42,"tag":140,"props":1535,"children":1536},{"class":142,"line":143},[1537],{"type":42,"tag":140,"props":1538,"children":1539},{},[1540],{"type":48,"value":1412},{"type":42,"tag":140,"props":1542,"children":1543},{"class":142,"line":153},[1544],{"type":42,"tag":140,"props":1545,"children":1546},{},[1547],{"type":48,"value":1420},{"type":42,"tag":140,"props":1549,"children":1550},{"class":142,"line":198},[1551],{"type":42,"tag":140,"props":1552,"children":1553},{},[1554],{"type":48,"value":1555}," * Theme functions and definitions\n",{"type":42,"tag":140,"props":1557,"children":1558},{"class":142,"line":225},[1559],{"type":42,"tag":140,"props":1560,"children":1561},{},[1562],{"type":48,"value":1452},{"type":42,"tag":140,"props":1564,"children":1565},{"class":142,"line":405},[1566],{"type":42,"tag":140,"props":1567,"children":1568},{"emptyLinePlaceholder":1194},[1569],{"type":48,"value":1197},{"type":42,"tag":140,"props":1571,"children":1572},{"class":142,"line":430},[1573],{"type":42,"tag":140,"props":1574,"children":1575},{},[1576],{"type":48,"value":1577},"\u002F\u002F Enqueue Google Fonts and theme stylesheet for both front-end and block editor\n",{"type":42,"tag":140,"props":1579,"children":1580},{"class":142,"line":468},[1581],{"type":42,"tag":140,"props":1582,"children":1583},{},[1584],{"type":48,"value":1585},"function theme_slug_enqueue_assets() {\n",{"type":42,"tag":140,"props":1587,"children":1588},{"class":142,"line":494},[1589],{"type":42,"tag":140,"props":1590,"children":1591},{},[1592],{"type":48,"value":1593},"    wp_enqueue_style(\n",{"type":42,"tag":140,"props":1595,"children":1596},{"class":142,"line":520},[1597],{"type":42,"tag":140,"props":1598,"children":1599},{},[1600],{"type":48,"value":1601},"        'theme-slug-fonts',\n",{"type":42,"tag":140,"props":1603,"children":1604},{"class":142,"line":529},[1605],{"type":42,"tag":140,"props":1606,"children":1607},{},[1608],{"type":48,"value":1609},"        'https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Clash+Display:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap',\n",{"type":42,"tag":140,"props":1611,"children":1612},{"class":142,"line":29},[1613],{"type":42,"tag":140,"props":1614,"children":1615},{},[1616],{"type":48,"value":1617},"        array(),\n",{"type":42,"tag":140,"props":1619,"children":1620},{"class":142,"line":587},[1621],{"type":42,"tag":140,"props":1622,"children":1623},{},[1624],{"type":48,"value":1625},"        null\n",{"type":42,"tag":140,"props":1627,"children":1628},{"class":142,"line":622},[1629],{"type":42,"tag":140,"props":1630,"children":1631},{},[1632],{"type":48,"value":1633},"    );\n",{"type":42,"tag":140,"props":1635,"children":1636},{"class":142,"line":630},[1637],{"type":42,"tag":140,"props":1638,"children":1639},{"emptyLinePlaceholder":1194},[1640],{"type":48,"value":1197},{"type":42,"tag":140,"props":1642,"children":1643},{"class":142,"line":655},[1644],{"type":42,"tag":140,"props":1645,"children":1646},{},[1647],{"type":48,"value":1593},{"type":42,"tag":140,"props":1649,"children":1650},{"class":142,"line":783},[1651],{"type":42,"tag":140,"props":1652,"children":1653},{},[1654],{"type":48,"value":1655},"        'theme-slug-style',\n",{"type":42,"tag":140,"props":1657,"children":1658},{"class":142,"line":817},[1659],{"type":42,"tag":140,"props":1660,"children":1661},{},[1662],{"type":48,"value":1663},"        get_stylesheet_uri(),\n",{"type":42,"tag":140,"props":1665,"children":1666},{"class":142,"line":826},[1667],{"type":42,"tag":140,"props":1668,"children":1669},{},[1670],{"type":48,"value":1671},"        array( 'theme-slug-fonts' ),\n",{"type":42,"tag":140,"props":1673,"children":1674},{"class":142,"line":835},[1675],{"type":42,"tag":140,"props":1676,"children":1677},{},[1678],{"type":48,"value":1679},"        wp_get_theme()->get( 'Version' )\n",{"type":42,"tag":140,"props":1681,"children":1683},{"class":142,"line":1682},20,[1684],{"type":42,"tag":140,"props":1685,"children":1686},{},[1687],{"type":48,"value":1633},{"type":42,"tag":140,"props":1689,"children":1691},{"class":142,"line":1690},21,[1692],{"type":42,"tag":140,"props":1693,"children":1694},{},[1695],{"type":48,"value":231},{"type":42,"tag":140,"props":1697,"children":1699},{"class":142,"line":1698},22,[1700],{"type":42,"tag":140,"props":1701,"children":1702},{},[1703],{"type":48,"value":1704},"add_action( 'enqueue_block_assets', 'theme_slug_enqueue_assets' );\n",{"type":42,"tag":140,"props":1706,"children":1708},{"class":142,"line":1707},23,[1709],{"type":42,"tag":140,"props":1710,"children":1711},{"emptyLinePlaceholder":1194},[1712],{"type":48,"value":1197},{"type":42,"tag":140,"props":1714,"children":1716},{"class":142,"line":1715},24,[1717],{"type":42,"tag":140,"props":1718,"children":1719},{},[1720],{"type":48,"value":1721},"\u002F\u002F Register block patterns\n",{"type":42,"tag":140,"props":1723,"children":1725},{"class":142,"line":1724},25,[1726],{"type":42,"tag":140,"props":1727,"children":1728},{},[1729],{"type":48,"value":1730},"function theme_slug_register_patterns() {\n",{"type":42,"tag":140,"props":1732,"children":1734},{"class":142,"line":1733},26,[1735],{"type":42,"tag":140,"props":1736,"children":1737},{},[1738],{"type":48,"value":1739},"    register_block_pattern_category(\n",{"type":42,"tag":140,"props":1741,"children":1743},{"class":142,"line":1742},27,[1744],{"type":42,"tag":140,"props":1745,"children":1746},{},[1747],{"type":48,"value":1748},"        'theme-slug',\n",{"type":42,"tag":140,"props":1750,"children":1752},{"class":142,"line":1751},28,[1753],{"type":42,"tag":140,"props":1754,"children":1755},{},[1756],{"type":48,"value":1757},"        array( 'label' => __( 'Theme Patterns', 'theme-slug' ) )\n",{"type":42,"tag":140,"props":1759,"children":1761},{"class":142,"line":1760},29,[1762],{"type":42,"tag":140,"props":1763,"children":1764},{},[1765],{"type":48,"value":1633},{"type":42,"tag":140,"props":1767,"children":1769},{"class":142,"line":1768},30,[1770],{"type":42,"tag":140,"props":1771,"children":1772},{},[1773],{"type":48,"value":231},{"type":42,"tag":140,"props":1775,"children":1777},{"class":142,"line":1776},31,[1778],{"type":42,"tag":140,"props":1779,"children":1780},{},[1781],{"type":48,"value":1782},"add_action( 'init', 'theme_slug_register_patterns' );\n",{"type":42,"tag":57,"props":1784,"children":1786},{"id":1785},"security-in-generated-code",[1787],{"type":48,"value":1788},"Security in Generated Code",{"type":42,"tag":64,"props":1790,"children":1791},{},[1792,1840,1883],{"type":42,"tag":68,"props":1793,"children":1794},{},[1795,1797,1802,1804],{"type":48,"value":1796},"When ",{"type":42,"tag":100,"props":1798,"children":1800},{"className":1799},[],[1801],{"type":48,"value":1489},{"type":48,"value":1803}," outputs any user-derived value, use WordPress escaping functions:\n",{"type":42,"tag":64,"props":1805,"children":1806},{},[1807,1818,1829],{"type":42,"tag":68,"props":1808,"children":1809},{},[1810,1812],{"type":48,"value":1811},"HTML context: ",{"type":42,"tag":100,"props":1813,"children":1815},{"className":1814},[],[1816],{"type":48,"value":1817},"esc_html()",{"type":42,"tag":68,"props":1819,"children":1820},{},[1821,1823],{"type":48,"value":1822},"Attribute context: ",{"type":42,"tag":100,"props":1824,"children":1826},{"className":1825},[],[1827],{"type":48,"value":1828},"esc_attr()",{"type":42,"tag":68,"props":1830,"children":1831},{},[1832,1834],{"type":48,"value":1833},"URL context: ",{"type":42,"tag":100,"props":1835,"children":1837},{"className":1836},[],[1838],{"type":48,"value":1839},"esc_url()",{"type":42,"tag":68,"props":1841,"children":1842},{},[1843,1845,1851,1853,1859,1860,1866,1867,1873,1875,1881],{"type":48,"value":1844},"Never use ",{"type":42,"tag":100,"props":1846,"children":1848},{"className":1847},[],[1849],{"type":48,"value":1850},"eval()",{"type":48,"value":1852},", ",{"type":42,"tag":100,"props":1854,"children":1856},{"className":1855},[],[1857],{"type":48,"value":1858},"create_function()",{"type":48,"value":1852},{"type":42,"tag":100,"props":1861,"children":1863},{"className":1862},[],[1864],{"type":48,"value":1865},"shell_exec()",{"type":48,"value":1852},{"type":42,"tag":100,"props":1868,"children":1870},{"className":1869},[],[1871],{"type":48,"value":1872},"exec()",{"type":48,"value":1874},", or ",{"type":42,"tag":100,"props":1876,"children":1878},{"className":1877},[],[1879],{"type":48,"value":1880},"system()",{"type":48,"value":1882}," in generated theme code",{"type":42,"tag":68,"props":1884,"children":1885},{},[1886],{"type":48,"value":1887},"Static block themes with hardcoded content (the default) do not need escaping — WordPress core blocks handle this. Escaping matters only if generating PHP that renders dynamic data.",{"type":42,"tag":57,"props":1889,"children":1891},{"id":1890},"stylecss",[1892],{"type":48,"value":1893},"style.css",{"type":42,"tag":51,"props":1895,"children":1896},{},[1897],{"type":48,"value":1898},"The style.css file contains theme metadata and custom CSS.\n** Important ** Always bring across custom CSS from the design into style.css that is not achievable via theme.json, especially for layout and composition techniques that are critical to the design's aesthetics such as animation\u002Fmotion.",{"type":42,"tag":93,"props":1900,"children":1904},{"className":1901,"code":1902,"language":1903,"meta":102,"style":102},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F*\nTheme Name: Theme Name\nTheme URI: https:\u002F\u002Fexample.com\nAuthor: Author Name\nAuthor URI: https:\u002F\u002Fexample.com\nDescription: A beautiful WordPress block theme\nVersion: 1.0.0\nRequires at least: 6.0\nTested up to: 6.7\nRequires PHP: 7.4\nLicense: GNU General Public License v2 or later\nLicense URI: https:\u002F\u002Fwww.gnu.org\u002Flicenses\u002Fgpl-2.0.html\nText Domain: theme-slug\n*\u002F\n\n","css",[1905],{"type":42,"tag":100,"props":1906,"children":1907},{"__ignoreMap":102},[1908,1916,1924,1932,1940,1948,1956,1964,1972,1980,1988,1996,2004,2012],{"type":42,"tag":140,"props":1909,"children":1910},{"class":142,"line":143},[1911],{"type":42,"tag":140,"props":1912,"children":1913},{"style":457},[1914],{"type":48,"value":1915},"\u002F*\n",{"type":42,"tag":140,"props":1917,"children":1918},{"class":142,"line":153},[1919],{"type":42,"tag":140,"props":1920,"children":1921},{"style":457},[1922],{"type":48,"value":1923},"Theme Name: Theme Name\n",{"type":42,"tag":140,"props":1925,"children":1926},{"class":142,"line":198},[1927],{"type":42,"tag":140,"props":1928,"children":1929},{"style":457},[1930],{"type":48,"value":1931},"Theme URI: https:\u002F\u002Fexample.com\n",{"type":42,"tag":140,"props":1933,"children":1934},{"class":142,"line":225},[1935],{"type":42,"tag":140,"props":1936,"children":1937},{"style":457},[1938],{"type":48,"value":1939},"Author: Author Name\n",{"type":42,"tag":140,"props":1941,"children":1942},{"class":142,"line":405},[1943],{"type":42,"tag":140,"props":1944,"children":1945},{"style":457},[1946],{"type":48,"value":1947},"Author URI: https:\u002F\u002Fexample.com\n",{"type":42,"tag":140,"props":1949,"children":1950},{"class":142,"line":430},[1951],{"type":42,"tag":140,"props":1952,"children":1953},{"style":457},[1954],{"type":48,"value":1955},"Description: A beautiful WordPress block theme\n",{"type":42,"tag":140,"props":1957,"children":1958},{"class":142,"line":468},[1959],{"type":42,"tag":140,"props":1960,"children":1961},{"style":457},[1962],{"type":48,"value":1963},"Version: 1.0.0\n",{"type":42,"tag":140,"props":1965,"children":1966},{"class":142,"line":494},[1967],{"type":42,"tag":140,"props":1968,"children":1969},{"style":457},[1970],{"type":48,"value":1971},"Requires at least: 6.0\n",{"type":42,"tag":140,"props":1973,"children":1974},{"class":142,"line":520},[1975],{"type":42,"tag":140,"props":1976,"children":1977},{"style":457},[1978],{"type":48,"value":1979},"Tested up to: 6.7\n",{"type":42,"tag":140,"props":1981,"children":1982},{"class":142,"line":529},[1983],{"type":42,"tag":140,"props":1984,"children":1985},{"style":457},[1986],{"type":48,"value":1987},"Requires PHP: 7.4\n",{"type":42,"tag":140,"props":1989,"children":1990},{"class":142,"line":29},[1991],{"type":42,"tag":140,"props":1992,"children":1993},{"style":457},[1994],{"type":48,"value":1995},"License: GNU General Public License v2 or later\n",{"type":42,"tag":140,"props":1997,"children":1998},{"class":142,"line":587},[1999],{"type":42,"tag":140,"props":2000,"children":2001},{"style":457},[2002],{"type":48,"value":2003},"License URI: https:\u002F\u002Fwww.gnu.org\u002Flicenses\u002Fgpl-2.0.html\n",{"type":42,"tag":140,"props":2005,"children":2006},{"class":142,"line":622},[2007],{"type":42,"tag":140,"props":2008,"children":2009},{"style":457},[2010],{"type":48,"value":2011},"Text Domain: theme-slug\n",{"type":42,"tag":140,"props":2013,"children":2014},{"class":142,"line":630},[2015],{"type":42,"tag":140,"props":2016,"children":2017},{"style":457},[2018],{"type":48,"value":2019},"*\u002F\n",{"type":42,"tag":57,"props":2021,"children":2023},{"id":2022},"animation-motion-in-block-themes",[2024],{"type":48,"value":2025},"Animation & Motion in Block Themes",{"type":42,"tag":51,"props":2027,"children":2028},{},[2029],{"type":48,"value":2030},"Animation brings life to block themes, but WordPress block markup requires a specific pattern to connect CSS animations to blocks.",{"type":42,"tag":86,"props":2032,"children":2034},{"id":2033},"the-classname-pattern",[2035],{"type":48,"value":2036},"The className Pattern",{"type":42,"tag":51,"props":2038,"children":2039},{},[2040,2042,2048],{"type":48,"value":2041},"Add animation classes to blocks via the ",{"type":42,"tag":100,"props":2043,"children":2045},{"className":2044},[],[2046],{"type":48,"value":2047},"className",{"type":48,"value":2049}," JSON attribute. WordPress renders this as a class on the wrapper div:",{"type":42,"tag":93,"props":2051,"children":2053},{"className":1174,"code":2052,"language":1176,"meta":102,"style":102},"\u003C!-- wp:group {\"className\":\"fade-up\",\"align\":\"full\",\"layout\":{\"type\":\"constrained\"}} -->\n\u003Cdiv class=\"wp-block-group alignfull fade-up\">\n  \u003C!-- content -->\n\u003C\u002Fdiv>\n\u003C!-- \u002Fwp:group -->\n",[2054],{"type":42,"tag":100,"props":2055,"children":2056},{"__ignoreMap":102},[2057,2065,2102,2110,2125],{"type":42,"tag":140,"props":2058,"children":2059},{"class":142,"line":143},[2060],{"type":42,"tag":140,"props":2061,"children":2062},{"style":457},[2063],{"type":48,"value":2064},"\u003C!-- wp:group {\"className\":\"fade-up\",\"align\":\"full\",\"layout\":{\"type\":\"constrained\"}} -->\n",{"type":42,"tag":140,"props":2066,"children":2067},{"class":142,"line":153},[2068,2072,2077,2081,2085,2089,2094,2098],{"type":42,"tag":140,"props":2069,"children":2070},{"style":147},[2071],{"type":48,"value":1213},{"type":42,"tag":140,"props":2073,"children":2074},{"style":1216},[2075],{"type":48,"value":2076},"div",{"type":42,"tag":140,"props":2078,"children":2079},{"style":162},[2080],{"type":48,"value":1224},{"type":42,"tag":140,"props":2082,"children":2083},{"style":147},[2084],{"type":48,"value":1229},{"type":42,"tag":140,"props":2086,"children":2087},{"style":147},[2088],{"type":48,"value":170},{"type":42,"tag":140,"props":2090,"children":2091},{"style":183},[2092],{"type":48,"value":2093},"wp-block-group alignfull fade-up",{"type":42,"tag":140,"props":2095,"children":2096},{"style":147},[2097],{"type":48,"value":170},{"type":42,"tag":140,"props":2099,"children":2100},{"style":147},[2101],{"type":48,"value":1247},{"type":42,"tag":140,"props":2103,"children":2104},{"class":142,"line":198},[2105],{"type":42,"tag":140,"props":2106,"children":2107},{"style":457},[2108],{"type":48,"value":2109},"  \u003C!-- content -->\n",{"type":42,"tag":140,"props":2111,"children":2112},{"class":142,"line":225},[2113,2117,2121],{"type":42,"tag":140,"props":2114,"children":2115},{"style":147},[2116],{"type":48,"value":1263},{"type":42,"tag":140,"props":2118,"children":2119},{"style":1216},[2120],{"type":48,"value":2076},{"type":42,"tag":140,"props":2122,"children":2123},{"style":147},[2124],{"type":48,"value":1247},{"type":42,"tag":140,"props":2126,"children":2127},{"class":142,"line":405},[2128],{"type":42,"tag":140,"props":2129,"children":2130},{"style":457},[2131],{"type":48,"value":1279},{"type":42,"tag":51,"props":2133,"children":2134},{},[2135],{"type":48,"value":2136},"This works on any block — groups, columns, headings, paragraphs, buttons, images:",{"type":42,"tag":93,"props":2138,"children":2140},{"className":1174,"code":2139,"language":1176,"meta":102,"style":102},"\u003C!-- wp:heading {\"className\":\"slide-in-left\"} -->\n\u003Ch2 class=\"wp-block-heading slide-in-left\">Features\u003C\u002Fh2>\n\u003C!-- \u002Fwp:heading -->\n\n\u003C!-- wp:columns {\"className\":\"stagger-children\",\"align\":\"wide\"} -->\n\u003Cdiv class=\"wp-block-columns alignwide stagger-children\">\n  ...\n\u003C\u002Fdiv>\n\u003C!-- \u002Fwp:columns -->\n",[2141],{"type":42,"tag":100,"props":2142,"children":2143},{"__ignoreMap":102},[2144,2152,2207,2215,2222,2230,2266,2274,2289],{"type":42,"tag":140,"props":2145,"children":2146},{"class":142,"line":143},[2147],{"type":42,"tag":140,"props":2148,"children":2149},{"style":457},[2150],{"type":48,"value":2151},"\u003C!-- wp:heading {\"className\":\"slide-in-left\"} -->\n",{"type":42,"tag":140,"props":2153,"children":2154},{"class":142,"line":153},[2155,2159,2163,2167,2171,2175,2180,2184,2189,2195,2199,2203],{"type":42,"tag":140,"props":2156,"children":2157},{"style":147},[2158],{"type":48,"value":1213},{"type":42,"tag":140,"props":2160,"children":2161},{"style":1216},[2162],{"type":48,"value":57},{"type":42,"tag":140,"props":2164,"children":2165},{"style":162},[2166],{"type":48,"value":1224},{"type":42,"tag":140,"props":2168,"children":2169},{"style":147},[2170],{"type":48,"value":1229},{"type":42,"tag":140,"props":2172,"children":2173},{"style":147},[2174],{"type":48,"value":170},{"type":42,"tag":140,"props":2176,"children":2177},{"style":183},[2178],{"type":48,"value":2179},"wp-block-heading slide-in-left",{"type":42,"tag":140,"props":2181,"children":2182},{"style":147},[2183],{"type":48,"value":170},{"type":42,"tag":140,"props":2185,"children":2186},{"style":147},[2187],{"type":48,"value":2188},">",{"type":42,"tag":140,"props":2190,"children":2192},{"style":2191},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[2193],{"type":48,"value":2194},"Features",{"type":42,"tag":140,"props":2196,"children":2197},{"style":147},[2198],{"type":48,"value":1263},{"type":42,"tag":140,"props":2200,"children":2201},{"style":1216},[2202],{"type":48,"value":57},{"type":42,"tag":140,"props":2204,"children":2205},{"style":147},[2206],{"type":48,"value":1247},{"type":42,"tag":140,"props":2208,"children":2209},{"class":142,"line":198},[2210],{"type":42,"tag":140,"props":2211,"children":2212},{"style":457},[2213],{"type":48,"value":2214},"\u003C!-- \u002Fwp:heading -->\n",{"type":42,"tag":140,"props":2216,"children":2217},{"class":142,"line":225},[2218],{"type":42,"tag":140,"props":2219,"children":2220},{"emptyLinePlaceholder":1194},[2221],{"type":48,"value":1197},{"type":42,"tag":140,"props":2223,"children":2224},{"class":142,"line":405},[2225],{"type":42,"tag":140,"props":2226,"children":2227},{"style":457},[2228],{"type":48,"value":2229},"\u003C!-- wp:columns {\"className\":\"stagger-children\",\"align\":\"wide\"} -->\n",{"type":42,"tag":140,"props":2231,"children":2232},{"class":142,"line":430},[2233,2237,2241,2245,2249,2253,2258,2262],{"type":42,"tag":140,"props":2234,"children":2235},{"style":147},[2236],{"type":48,"value":1213},{"type":42,"tag":140,"props":2238,"children":2239},{"style":1216},[2240],{"type":48,"value":2076},{"type":42,"tag":140,"props":2242,"children":2243},{"style":162},[2244],{"type":48,"value":1224},{"type":42,"tag":140,"props":2246,"children":2247},{"style":147},[2248],{"type":48,"value":1229},{"type":42,"tag":140,"props":2250,"children":2251},{"style":147},[2252],{"type":48,"value":170},{"type":42,"tag":140,"props":2254,"children":2255},{"style":183},[2256],{"type":48,"value":2257},"wp-block-columns alignwide stagger-children",{"type":42,"tag":140,"props":2259,"children":2260},{"style":147},[2261],{"type":48,"value":170},{"type":42,"tag":140,"props":2263,"children":2264},{"style":147},[2265],{"type":48,"value":1247},{"type":42,"tag":140,"props":2267,"children":2268},{"class":142,"line":468},[2269],{"type":42,"tag":140,"props":2270,"children":2271},{"style":2191},[2272],{"type":48,"value":2273},"  ...\n",{"type":42,"tag":140,"props":2275,"children":2276},{"class":142,"line":494},[2277,2281,2285],{"type":42,"tag":140,"props":2278,"children":2279},{"style":147},[2280],{"type":48,"value":1263},{"type":42,"tag":140,"props":2282,"children":2283},{"style":1216},[2284],{"type":48,"value":2076},{"type":42,"tag":140,"props":2286,"children":2287},{"style":147},[2288],{"type":48,"value":1247},{"type":42,"tag":140,"props":2290,"children":2291},{"class":142,"line":520},[2292],{"type":42,"tag":140,"props":2293,"children":2294},{"style":457},[2295],{"type":48,"value":2296},"\u003C!-- \u002Fwp:columns -->\n",{"type":42,"tag":86,"props":2298,"children":2300},{"id":2299},"animation-classes-in-stylecss",[2301],{"type":48,"value":2302},"Animation Classes in style.css",{"type":42,"tag":51,"props":2304,"children":2305},{},[2306,2308,2313],{"type":48,"value":2307},"Generate and adapt these classes (these are examples only, do not limit yourself to these) in each theme's ",{"type":42,"tag":100,"props":2309,"children":2311},{"className":2310},[],[2312],{"type":48,"value":1893},{"type":48,"value":175},{"type":42,"tag":51,"props":2315,"children":2316},{},[2317],{"type":42,"tag":72,"props":2318,"children":2319},{},[2320],{"type":48,"value":2321},"Entrance animations:",{"type":42,"tag":93,"props":2323,"children":2325},{"className":1901,"code":2324,"language":1903,"meta":102,"style":102},".fade-up {\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeUp 0.6s ease forwards;\n}\n.fade-in {\n  opacity: 0;\n  animation: fadeIn 0.6s ease forwards;\n}\n.slide-in-left {\n  opacity: 0;\n  transform: translateX(-40px);\n  animation: slideIn 0.7s ease forwards;\n}\n.slide-in-right {\n  opacity: 0;\n  transform: translateX(40px);\n  animation: slideIn 0.7s ease forwards;\n}\n\n@keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\n@keyframes fadeIn { to { opacity: 1; } }\n@keyframes slideIn { to { opacity: 1; transform: translateX(0); } }\n",[2326],{"type":42,"tag":100,"props":2327,"children":2328},{"__ignoreMap":102},[2329,2346,2369,2402,2433,2440,2456,2475,2503,2510,2526,2545,2574,2603,2610,2626,2645,2673,2700,2707,2714,2797,2845],{"type":42,"tag":140,"props":2330,"children":2331},{"class":142,"line":143},[2332,2337,2342],{"type":42,"tag":140,"props":2333,"children":2334},{"style":147},[2335],{"type":48,"value":2336},".",{"type":42,"tag":140,"props":2338,"children":2339},{"style":291},[2340],{"type":48,"value":2341},"fade-up",{"type":42,"tag":140,"props":2343,"children":2344},{"style":147},[2345],{"type":48,"value":280},{"type":42,"tag":140,"props":2347,"children":2348},{"class":142,"line":153},[2349,2355,2359,2364],{"type":42,"tag":140,"props":2350,"children":2352},{"style":2351},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[2353],{"type":48,"value":2354},"  opacity",{"type":42,"tag":140,"props":2356,"children":2357},{"style":147},[2358],{"type":48,"value":175},{"type":42,"tag":140,"props":2360,"children":2361},{"style":219},[2362],{"type":48,"value":2363}," 0",{"type":42,"tag":140,"props":2365,"children":2366},{"style":147},[2367],{"type":48,"value":2368},";\n",{"type":42,"tag":140,"props":2370,"children":2371},{"class":142,"line":198},[2372,2377,2381,2387,2392,2397],{"type":42,"tag":140,"props":2373,"children":2374},{"style":2351},[2375],{"type":48,"value":2376},"  transform",{"type":42,"tag":140,"props":2378,"children":2379},{"style":147},[2380],{"type":48,"value":175},{"type":42,"tag":140,"props":2382,"children":2384},{"style":2383},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[2385],{"type":48,"value":2386}," translateY",{"type":42,"tag":140,"props":2388,"children":2389},{"style":147},[2390],{"type":48,"value":2391},"(",{"type":42,"tag":140,"props":2393,"children":2394},{"style":219},[2395],{"type":48,"value":2396},"30px",{"type":42,"tag":140,"props":2398,"children":2399},{"style":147},[2400],{"type":48,"value":2401},");\n",{"type":42,"tag":140,"props":2403,"children":2404},{"class":142,"line":225},[2405,2410,2414,2419,2424,2429],{"type":42,"tag":140,"props":2406,"children":2407},{"style":2351},[2408],{"type":48,"value":2409},"  animation",{"type":42,"tag":140,"props":2411,"children":2412},{"style":147},[2413],{"type":48,"value":175},{"type":42,"tag":140,"props":2415,"children":2416},{"style":2191},[2417],{"type":48,"value":2418}," fadeUp ",{"type":42,"tag":140,"props":2420,"children":2421},{"style":219},[2422],{"type":48,"value":2423},"0.6s",{"type":42,"tag":140,"props":2425,"children":2426},{"style":2191},[2427],{"type":48,"value":2428}," ease forwards",{"type":42,"tag":140,"props":2430,"children":2431},{"style":147},[2432],{"type":48,"value":2368},{"type":42,"tag":140,"props":2434,"children":2435},{"class":142,"line":405},[2436],{"type":42,"tag":140,"props":2437,"children":2438},{"style":147},[2439],{"type":48,"value":231},{"type":42,"tag":140,"props":2441,"children":2442},{"class":142,"line":430},[2443,2447,2452],{"type":42,"tag":140,"props":2444,"children":2445},{"style":147},[2446],{"type":48,"value":2336},{"type":42,"tag":140,"props":2448,"children":2449},{"style":291},[2450],{"type":48,"value":2451},"fade-in",{"type":42,"tag":140,"props":2453,"children":2454},{"style":147},[2455],{"type":48,"value":280},{"type":42,"tag":140,"props":2457,"children":2458},{"class":142,"line":468},[2459,2463,2467,2471],{"type":42,"tag":140,"props":2460,"children":2461},{"style":2351},[2462],{"type":48,"value":2354},{"type":42,"tag":140,"props":2464,"children":2465},{"style":147},[2466],{"type":48,"value":175},{"type":42,"tag":140,"props":2468,"children":2469},{"style":219},[2470],{"type":48,"value":2363},{"type":42,"tag":140,"props":2472,"children":2473},{"style":147},[2474],{"type":48,"value":2368},{"type":42,"tag":140,"props":2476,"children":2477},{"class":142,"line":494},[2478,2482,2486,2491,2495,2499],{"type":42,"tag":140,"props":2479,"children":2480},{"style":2351},[2481],{"type":48,"value":2409},{"type":42,"tag":140,"props":2483,"children":2484},{"style":147},[2485],{"type":48,"value":175},{"type":42,"tag":140,"props":2487,"children":2488},{"style":2191},[2489],{"type":48,"value":2490}," fadeIn ",{"type":42,"tag":140,"props":2492,"children":2493},{"style":219},[2494],{"type":48,"value":2423},{"type":42,"tag":140,"props":2496,"children":2497},{"style":2191},[2498],{"type":48,"value":2428},{"type":42,"tag":140,"props":2500,"children":2501},{"style":147},[2502],{"type":48,"value":2368},{"type":42,"tag":140,"props":2504,"children":2505},{"class":142,"line":520},[2506],{"type":42,"tag":140,"props":2507,"children":2508},{"style":147},[2509],{"type":48,"value":231},{"type":42,"tag":140,"props":2511,"children":2512},{"class":142,"line":529},[2513,2517,2522],{"type":42,"tag":140,"props":2514,"children":2515},{"style":147},[2516],{"type":48,"value":2336},{"type":42,"tag":140,"props":2518,"children":2519},{"style":291},[2520],{"type":48,"value":2521},"slide-in-left",{"type":42,"tag":140,"props":2523,"children":2524},{"style":147},[2525],{"type":48,"value":280},{"type":42,"tag":140,"props":2527,"children":2528},{"class":142,"line":29},[2529,2533,2537,2541],{"type":42,"tag":140,"props":2530,"children":2531},{"style":2351},[2532],{"type":48,"value":2354},{"type":42,"tag":140,"props":2534,"children":2535},{"style":147},[2536],{"type":48,"value":175},{"type":42,"tag":140,"props":2538,"children":2539},{"style":219},[2540],{"type":48,"value":2363},{"type":42,"tag":140,"props":2542,"children":2543},{"style":147},[2544],{"type":48,"value":2368},{"type":42,"tag":140,"props":2546,"children":2547},{"class":142,"line":587},[2548,2552,2556,2561,2565,2570],{"type":42,"tag":140,"props":2549,"children":2550},{"style":2351},[2551],{"type":48,"value":2376},{"type":42,"tag":140,"props":2553,"children":2554},{"style":147},[2555],{"type":48,"value":175},{"type":42,"tag":140,"props":2557,"children":2558},{"style":2383},[2559],{"type":48,"value":2560}," translateX",{"type":42,"tag":140,"props":2562,"children":2563},{"style":147},[2564],{"type":48,"value":2391},{"type":42,"tag":140,"props":2566,"children":2567},{"style":219},[2568],{"type":48,"value":2569},"-40px",{"type":42,"tag":140,"props":2571,"children":2572},{"style":147},[2573],{"type":48,"value":2401},{"type":42,"tag":140,"props":2575,"children":2576},{"class":142,"line":622},[2577,2581,2585,2590,2595,2599],{"type":42,"tag":140,"props":2578,"children":2579},{"style":2351},[2580],{"type":48,"value":2409},{"type":42,"tag":140,"props":2582,"children":2583},{"style":147},[2584],{"type":48,"value":175},{"type":42,"tag":140,"props":2586,"children":2587},{"style":2191},[2588],{"type":48,"value":2589}," slideIn ",{"type":42,"tag":140,"props":2591,"children":2592},{"style":219},[2593],{"type":48,"value":2594},"0.7s",{"type":42,"tag":140,"props":2596,"children":2597},{"style":2191},[2598],{"type":48,"value":2428},{"type":42,"tag":140,"props":2600,"children":2601},{"style":147},[2602],{"type":48,"value":2368},{"type":42,"tag":140,"props":2604,"children":2605},{"class":142,"line":630},[2606],{"type":42,"tag":140,"props":2607,"children":2608},{"style":147},[2609],{"type":48,"value":231},{"type":42,"tag":140,"props":2611,"children":2612},{"class":142,"line":655},[2613,2617,2622],{"type":42,"tag":140,"props":2614,"children":2615},{"style":147},[2616],{"type":48,"value":2336},{"type":42,"tag":140,"props":2618,"children":2619},{"style":291},[2620],{"type":48,"value":2621},"slide-in-right",{"type":42,"tag":140,"props":2623,"children":2624},{"style":147},[2625],{"type":48,"value":280},{"type":42,"tag":140,"props":2627,"children":2628},{"class":142,"line":783},[2629,2633,2637,2641],{"type":42,"tag":140,"props":2630,"children":2631},{"style":2351},[2632],{"type":48,"value":2354},{"type":42,"tag":140,"props":2634,"children":2635},{"style":147},[2636],{"type":48,"value":175},{"type":42,"tag":140,"props":2638,"children":2639},{"style":219},[2640],{"type":48,"value":2363},{"type":42,"tag":140,"props":2642,"children":2643},{"style":147},[2644],{"type":48,"value":2368},{"type":42,"tag":140,"props":2646,"children":2647},{"class":142,"line":817},[2648,2652,2656,2660,2664,2669],{"type":42,"tag":140,"props":2649,"children":2650},{"style":2351},[2651],{"type":48,"value":2376},{"type":42,"tag":140,"props":2653,"children":2654},{"style":147},[2655],{"type":48,"value":175},{"type":42,"tag":140,"props":2657,"children":2658},{"style":2383},[2659],{"type":48,"value":2560},{"type":42,"tag":140,"props":2661,"children":2662},{"style":147},[2663],{"type":48,"value":2391},{"type":42,"tag":140,"props":2665,"children":2666},{"style":219},[2667],{"type":48,"value":2668},"40px",{"type":42,"tag":140,"props":2670,"children":2671},{"style":147},[2672],{"type":48,"value":2401},{"type":42,"tag":140,"props":2674,"children":2675},{"class":142,"line":826},[2676,2680,2684,2688,2692,2696],{"type":42,"tag":140,"props":2677,"children":2678},{"style":2351},[2679],{"type":48,"value":2409},{"type":42,"tag":140,"props":2681,"children":2682},{"style":147},[2683],{"type":48,"value":175},{"type":42,"tag":140,"props":2685,"children":2686},{"style":2191},[2687],{"type":48,"value":2589},{"type":42,"tag":140,"props":2689,"children":2690},{"style":219},[2691],{"type":48,"value":2594},{"type":42,"tag":140,"props":2693,"children":2694},{"style":2191},[2695],{"type":48,"value":2428},{"type":42,"tag":140,"props":2697,"children":2698},{"style":147},[2699],{"type":48,"value":2368},{"type":42,"tag":140,"props":2701,"children":2702},{"class":142,"line":835},[2703],{"type":42,"tag":140,"props":2704,"children":2705},{"style":147},[2706],{"type":48,"value":231},{"type":42,"tag":140,"props":2708,"children":2709},{"class":142,"line":1682},[2710],{"type":42,"tag":140,"props":2711,"children":2712},{"emptyLinePlaceholder":1194},[2713],{"type":48,"value":1197},{"type":42,"tag":140,"props":2715,"children":2716},{"class":142,"line":1690},[2717,2723,2729,2733,2738,2742,2747,2751,2756,2761,2766,2770,2774,2778,2783,2788,2793],{"type":42,"tag":140,"props":2718,"children":2720},{"style":2719},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[2721],{"type":48,"value":2722},"@keyframes",{"type":42,"tag":140,"props":2724,"children":2726},{"style":2725},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2727],{"type":48,"value":2728}," fadeUp",{"type":42,"tag":140,"props":2730,"children":2731},{"style":147},[2732],{"type":48,"value":332},{"type":42,"tag":140,"props":2734,"children":2735},{"style":291},[2736],{"type":48,"value":2737}," to",{"type":42,"tag":140,"props":2739,"children":2740},{"style":147},[2741],{"type":48,"value":332},{"type":42,"tag":140,"props":2743,"children":2744},{"style":2351},[2745],{"type":48,"value":2746}," opacity",{"type":42,"tag":140,"props":2748,"children":2749},{"style":147},[2750],{"type":48,"value":175},{"type":42,"tag":140,"props":2752,"children":2753},{"style":219},[2754],{"type":48,"value":2755}," 1",{"type":42,"tag":140,"props":2757,"children":2758},{"style":147},[2759],{"type":48,"value":2760},";",{"type":42,"tag":140,"props":2762,"children":2763},{"style":2351},[2764],{"type":48,"value":2765}," transform",{"type":42,"tag":140,"props":2767,"children":2768},{"style":147},[2769],{"type":48,"value":175},{"type":42,"tag":140,"props":2771,"children":2772},{"style":2383},[2773],{"type":48,"value":2386},{"type":42,"tag":140,"props":2775,"children":2776},{"style":147},[2777],{"type":48,"value":2391},{"type":42,"tag":140,"props":2779,"children":2780},{"style":219},[2781],{"type":48,"value":2782},"0",{"type":42,"tag":140,"props":2784,"children":2785},{"style":147},[2786],{"type":48,"value":2787},");",{"type":42,"tag":140,"props":2789,"children":2790},{"style":147},[2791],{"type":48,"value":2792}," }",{"type":42,"tag":140,"props":2794,"children":2795},{"style":147},[2796],{"type":48,"value":1076},{"type":42,"tag":140,"props":2798,"children":2799},{"class":142,"line":1698},[2800,2804,2809,2813,2817,2821,2825,2829,2833,2837,2841],{"type":42,"tag":140,"props":2801,"children":2802},{"style":2719},[2803],{"type":48,"value":2722},{"type":42,"tag":140,"props":2805,"children":2806},{"style":2725},[2807],{"type":48,"value":2808}," fadeIn",{"type":42,"tag":140,"props":2810,"children":2811},{"style":147},[2812],{"type":48,"value":332},{"type":42,"tag":140,"props":2814,"children":2815},{"style":291},[2816],{"type":48,"value":2737},{"type":42,"tag":140,"props":2818,"children":2819},{"style":147},[2820],{"type":48,"value":332},{"type":42,"tag":140,"props":2822,"children":2823},{"style":2351},[2824],{"type":48,"value":2746},{"type":42,"tag":140,"props":2826,"children":2827},{"style":147},[2828],{"type":48,"value":175},{"type":42,"tag":140,"props":2830,"children":2831},{"style":219},[2832],{"type":48,"value":2755},{"type":42,"tag":140,"props":2834,"children":2835},{"style":147},[2836],{"type":48,"value":2760},{"type":42,"tag":140,"props":2838,"children":2839},{"style":147},[2840],{"type":48,"value":2792},{"type":42,"tag":140,"props":2842,"children":2843},{"style":147},[2844],{"type":48,"value":1076},{"type":42,"tag":140,"props":2846,"children":2847},{"class":142,"line":1707},[2848,2852,2857,2861,2865,2869,2873,2877,2881,2885,2889,2893,2897,2901,2905,2909,2913],{"type":42,"tag":140,"props":2849,"children":2850},{"style":2719},[2851],{"type":48,"value":2722},{"type":42,"tag":140,"props":2853,"children":2854},{"style":2725},[2855],{"type":48,"value":2856}," slideIn",{"type":42,"tag":140,"props":2858,"children":2859},{"style":147},[2860],{"type":48,"value":332},{"type":42,"tag":140,"props":2862,"children":2863},{"style":291},[2864],{"type":48,"value":2737},{"type":42,"tag":140,"props":2866,"children":2867},{"style":147},[2868],{"type":48,"value":332},{"type":42,"tag":140,"props":2870,"children":2871},{"style":2351},[2872],{"type":48,"value":2746},{"type":42,"tag":140,"props":2874,"children":2875},{"style":147},[2876],{"type":48,"value":175},{"type":42,"tag":140,"props":2878,"children":2879},{"style":219},[2880],{"type":48,"value":2755},{"type":42,"tag":140,"props":2882,"children":2883},{"style":147},[2884],{"type":48,"value":2760},{"type":42,"tag":140,"props":2886,"children":2887},{"style":2351},[2888],{"type":48,"value":2765},{"type":42,"tag":140,"props":2890,"children":2891},{"style":147},[2892],{"type":48,"value":175},{"type":42,"tag":140,"props":2894,"children":2895},{"style":2383},[2896],{"type":48,"value":2560},{"type":42,"tag":140,"props":2898,"children":2899},{"style":147},[2900],{"type":48,"value":2391},{"type":42,"tag":140,"props":2902,"children":2903},{"style":219},[2904],{"type":48,"value":2782},{"type":42,"tag":140,"props":2906,"children":2907},{"style":147},[2908],{"type":48,"value":2787},{"type":42,"tag":140,"props":2910,"children":2911},{"style":147},[2912],{"type":48,"value":2792},{"type":42,"tag":140,"props":2914,"children":2915},{"style":147},[2916],{"type":48,"value":1076},{"type":42,"tag":51,"props":2918,"children":2919},{},[2920,2925],{"type":42,"tag":72,"props":2921,"children":2922},{},[2923],{"type":48,"value":2924},"Staggered children",{"type":48,"value":2926}," — delays applied via nth-child:",{"type":42,"tag":93,"props":2928,"children":2930},{"className":1901,"code":2929,"language":1903,"meta":102,"style":102},".stagger-children > * {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeUp 0.5s ease forwards;\n}\n.stagger-children > *:nth-child(1) { animation-delay: 0.1s; }\n.stagger-children > *:nth-child(2) { animation-delay: 0.2s; }\n.stagger-children > *:nth-child(3) { animation-delay: 0.3s; }\n.stagger-children > *:nth-child(4) { animation-delay: 0.4s; }\n",[2931],{"type":42,"tag":100,"props":2932,"children":2933},{"__ignoreMap":102},[2934,2960,2979,3007,3035,3042,3110,3175,3240],{"type":42,"tag":140,"props":2935,"children":2936},{"class":142,"line":143},[2937,2941,2946,2951,2956],{"type":42,"tag":140,"props":2938,"children":2939},{"style":147},[2940],{"type":48,"value":2336},{"type":42,"tag":140,"props":2942,"children":2943},{"style":291},[2944],{"type":48,"value":2945},"stagger-children",{"type":42,"tag":140,"props":2947,"children":2948},{"style":147},[2949],{"type":48,"value":2950}," >",{"type":42,"tag":140,"props":2952,"children":2953},{"style":291},[2954],{"type":48,"value":2955}," *",{"type":42,"tag":140,"props":2957,"children":2958},{"style":147},[2959],{"type":48,"value":280},{"type":42,"tag":140,"props":2961,"children":2962},{"class":142,"line":153},[2963,2967,2971,2975],{"type":42,"tag":140,"props":2964,"children":2965},{"style":2351},[2966],{"type":48,"value":2354},{"type":42,"tag":140,"props":2968,"children":2969},{"style":147},[2970],{"type":48,"value":175},{"type":42,"tag":140,"props":2972,"children":2973},{"style":219},[2974],{"type":48,"value":2363},{"type":42,"tag":140,"props":2976,"children":2977},{"style":147},[2978],{"type":48,"value":2368},{"type":42,"tag":140,"props":2980,"children":2981},{"class":142,"line":198},[2982,2986,2990,2994,2998,3003],{"type":42,"tag":140,"props":2983,"children":2984},{"style":2351},[2985],{"type":48,"value":2376},{"type":42,"tag":140,"props":2987,"children":2988},{"style":147},[2989],{"type":48,"value":175},{"type":42,"tag":140,"props":2991,"children":2992},{"style":2383},[2993],{"type":48,"value":2386},{"type":42,"tag":140,"props":2995,"children":2996},{"style":147},[2997],{"type":48,"value":2391},{"type":42,"tag":140,"props":2999,"children":3000},{"style":219},[3001],{"type":48,"value":3002},"20px",{"type":42,"tag":140,"props":3004,"children":3005},{"style":147},[3006],{"type":48,"value":2401},{"type":42,"tag":140,"props":3008,"children":3009},{"class":142,"line":225},[3010,3014,3018,3022,3027,3031],{"type":42,"tag":140,"props":3011,"children":3012},{"style":2351},[3013],{"type":48,"value":2409},{"type":42,"tag":140,"props":3015,"children":3016},{"style":147},[3017],{"type":48,"value":175},{"type":42,"tag":140,"props":3019,"children":3020},{"style":2191},[3021],{"type":48,"value":2418},{"type":42,"tag":140,"props":3023,"children":3024},{"style":219},[3025],{"type":48,"value":3026},"0.5s",{"type":42,"tag":140,"props":3028,"children":3029},{"style":2191},[3030],{"type":48,"value":2428},{"type":42,"tag":140,"props":3032,"children":3033},{"style":147},[3034],{"type":48,"value":2368},{"type":42,"tag":140,"props":3036,"children":3037},{"class":142,"line":405},[3038],{"type":42,"tag":140,"props":3039,"children":3040},{"style":147},[3041],{"type":48,"value":231},{"type":42,"tag":140,"props":3043,"children":3044},{"class":142,"line":430},[3045,3049,3053,3057,3061,3065,3070,3074,3079,3084,3088,3093,3097,3102,3106],{"type":42,"tag":140,"props":3046,"children":3047},{"style":147},[3048],{"type":48,"value":2336},{"type":42,"tag":140,"props":3050,"children":3051},{"style":291},[3052],{"type":48,"value":2945},{"type":42,"tag":140,"props":3054,"children":3055},{"style":147},[3056],{"type":48,"value":2950},{"type":42,"tag":140,"props":3058,"children":3059},{"style":291},[3060],{"type":48,"value":2955},{"type":42,"tag":140,"props":3062,"children":3063},{"style":147},[3064],{"type":48,"value":175},{"type":42,"tag":140,"props":3066,"children":3067},{"style":162},[3068],{"type":48,"value":3069},"nth-child",{"type":42,"tag":140,"props":3071,"children":3072},{"style":147},[3073],{"type":48,"value":2391},{"type":42,"tag":140,"props":3075,"children":3076},{"style":219},[3077],{"type":48,"value":3078},"1",{"type":42,"tag":140,"props":3080,"children":3081},{"style":147},[3082],{"type":48,"value":3083},")",{"type":42,"tag":140,"props":3085,"children":3086},{"style":147},[3087],{"type":48,"value":332},{"type":42,"tag":140,"props":3089,"children":3090},{"style":2351},[3091],{"type":48,"value":3092}," animation-delay",{"type":42,"tag":140,"props":3094,"children":3095},{"style":147},[3096],{"type":48,"value":175},{"type":42,"tag":140,"props":3098,"children":3099},{"style":219},[3100],{"type":48,"value":3101}," 0.1s",{"type":42,"tag":140,"props":3103,"children":3104},{"style":147},[3105],{"type":48,"value":2760},{"type":42,"tag":140,"props":3107,"children":3108},{"style":147},[3109],{"type":48,"value":1076},{"type":42,"tag":140,"props":3111,"children":3112},{"class":142,"line":468},[3113,3117,3121,3125,3129,3133,3137,3141,3146,3150,3154,3158,3162,3167,3171],{"type":42,"tag":140,"props":3114,"children":3115},{"style":147},[3116],{"type":48,"value":2336},{"type":42,"tag":140,"props":3118,"children":3119},{"style":291},[3120],{"type":48,"value":2945},{"type":42,"tag":140,"props":3122,"children":3123},{"style":147},[3124],{"type":48,"value":2950},{"type":42,"tag":140,"props":3126,"children":3127},{"style":291},[3128],{"type":48,"value":2955},{"type":42,"tag":140,"props":3130,"children":3131},{"style":147},[3132],{"type":48,"value":175},{"type":42,"tag":140,"props":3134,"children":3135},{"style":162},[3136],{"type":48,"value":3069},{"type":42,"tag":140,"props":3138,"children":3139},{"style":147},[3140],{"type":48,"value":2391},{"type":42,"tag":140,"props":3142,"children":3143},{"style":219},[3144],{"type":48,"value":3145},"2",{"type":42,"tag":140,"props":3147,"children":3148},{"style":147},[3149],{"type":48,"value":3083},{"type":42,"tag":140,"props":3151,"children":3152},{"style":147},[3153],{"type":48,"value":332},{"type":42,"tag":140,"props":3155,"children":3156},{"style":2351},[3157],{"type":48,"value":3092},{"type":42,"tag":140,"props":3159,"children":3160},{"style":147},[3161],{"type":48,"value":175},{"type":42,"tag":140,"props":3163,"children":3164},{"style":219},[3165],{"type":48,"value":3166}," 0.2s",{"type":42,"tag":140,"props":3168,"children":3169},{"style":147},[3170],{"type":48,"value":2760},{"type":42,"tag":140,"props":3172,"children":3173},{"style":147},[3174],{"type":48,"value":1076},{"type":42,"tag":140,"props":3176,"children":3177},{"class":142,"line":494},[3178,3182,3186,3190,3194,3198,3202,3206,3211,3215,3219,3223,3227,3232,3236],{"type":42,"tag":140,"props":3179,"children":3180},{"style":147},[3181],{"type":48,"value":2336},{"type":42,"tag":140,"props":3183,"children":3184},{"style":291},[3185],{"type":48,"value":2945},{"type":42,"tag":140,"props":3187,"children":3188},{"style":147},[3189],{"type":48,"value":2950},{"type":42,"tag":140,"props":3191,"children":3192},{"style":291},[3193],{"type":48,"value":2955},{"type":42,"tag":140,"props":3195,"children":3196},{"style":147},[3197],{"type":48,"value":175},{"type":42,"tag":140,"props":3199,"children":3200},{"style":162},[3201],{"type":48,"value":3069},{"type":42,"tag":140,"props":3203,"children":3204},{"style":147},[3205],{"type":48,"value":2391},{"type":42,"tag":140,"props":3207,"children":3208},{"style":219},[3209],{"type":48,"value":3210},"3",{"type":42,"tag":140,"props":3212,"children":3213},{"style":147},[3214],{"type":48,"value":3083},{"type":42,"tag":140,"props":3216,"children":3217},{"style":147},[3218],{"type":48,"value":332},{"type":42,"tag":140,"props":3220,"children":3221},{"style":2351},[3222],{"type":48,"value":3092},{"type":42,"tag":140,"props":3224,"children":3225},{"style":147},[3226],{"type":48,"value":175},{"type":42,"tag":140,"props":3228,"children":3229},{"style":219},[3230],{"type":48,"value":3231}," 0.3s",{"type":42,"tag":140,"props":3233,"children":3234},{"style":147},[3235],{"type":48,"value":2760},{"type":42,"tag":140,"props":3237,"children":3238},{"style":147},[3239],{"type":48,"value":1076},{"type":42,"tag":140,"props":3241,"children":3242},{"class":142,"line":520},[3243,3247,3251,3255,3259,3263,3267,3271,3276,3280,3284,3288,3292,3297,3301],{"type":42,"tag":140,"props":3244,"children":3245},{"style":147},[3246],{"type":48,"value":2336},{"type":42,"tag":140,"props":3248,"children":3249},{"style":291},[3250],{"type":48,"value":2945},{"type":42,"tag":140,"props":3252,"children":3253},{"style":147},[3254],{"type":48,"value":2950},{"type":42,"tag":140,"props":3256,"children":3257},{"style":291},[3258],{"type":48,"value":2955},{"type":42,"tag":140,"props":3260,"children":3261},{"style":147},[3262],{"type":48,"value":175},{"type":42,"tag":140,"props":3264,"children":3265},{"style":162},[3266],{"type":48,"value":3069},{"type":42,"tag":140,"props":3268,"children":3269},{"style":147},[3270],{"type":48,"value":2391},{"type":42,"tag":140,"props":3272,"children":3273},{"style":219},[3274],{"type":48,"value":3275},"4",{"type":42,"tag":140,"props":3277,"children":3278},{"style":147},[3279],{"type":48,"value":3083},{"type":42,"tag":140,"props":3281,"children":3282},{"style":147},[3283],{"type":48,"value":332},{"type":42,"tag":140,"props":3285,"children":3286},{"style":2351},[3287],{"type":48,"value":3092},{"type":42,"tag":140,"props":3289,"children":3290},{"style":147},[3291],{"type":48,"value":175},{"type":42,"tag":140,"props":3293,"children":3294},{"style":219},[3295],{"type":48,"value":3296}," 0.4s",{"type":42,"tag":140,"props":3298,"children":3299},{"style":147},[3300],{"type":48,"value":2760},{"type":42,"tag":140,"props":3302,"children":3303},{"style":147},[3304],{"type":48,"value":1076},{"type":42,"tag":51,"props":3306,"children":3307},{},[3308],{"type":42,"tag":72,"props":3309,"children":3310},{},[3311],{"type":48,"value":3312},"Interactive transitions:",{"type":42,"tag":93,"props":3314,"children":3316},{"className":1901,"code":3315,"language":1903,"meta":102,"style":102},".hover-lift {\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.hover-lift:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 24px rgba(0,0,0,0.15);\n}\n.hover-glow {\n  transition: box-shadow 0.3s ease;\n}\n.hover-glow:hover {\n  box-shadow: 0 0 20px rgba(var(--wp--preset--color--accent-rgb, 0,0,0), 0.3);\n}\n",[3317],{"type":42,"tag":100,"props":3318,"children":3319},{"__ignoreMap":102},[3320,3336,3384,3391,3415,3443,3511,3518,3534,3562,3569,3592,3676],{"type":42,"tag":140,"props":3321,"children":3322},{"class":142,"line":143},[3323,3327,3332],{"type":42,"tag":140,"props":3324,"children":3325},{"style":147},[3326],{"type":48,"value":2336},{"type":42,"tag":140,"props":3328,"children":3329},{"style":291},[3330],{"type":48,"value":3331},"hover-lift",{"type":42,"tag":140,"props":3333,"children":3334},{"style":147},[3335],{"type":48,"value":280},{"type":42,"tag":140,"props":3337,"children":3338},{"class":142,"line":153},[3339,3344,3348,3353,3358,3363,3367,3372,3376,3380],{"type":42,"tag":140,"props":3340,"children":3341},{"style":2351},[3342],{"type":48,"value":3343},"  transition",{"type":42,"tag":140,"props":3345,"children":3346},{"style":147},[3347],{"type":48,"value":175},{"type":42,"tag":140,"props":3349,"children":3350},{"style":2191},[3351],{"type":48,"value":3352}," transform ",{"type":42,"tag":140,"props":3354,"children":3355},{"style":219},[3356],{"type":48,"value":3357},"0.2s",{"type":42,"tag":140,"props":3359,"children":3360},{"style":2191},[3361],{"type":48,"value":3362}," ease",{"type":42,"tag":140,"props":3364,"children":3365},{"style":147},[3366],{"type":48,"value":367},{"type":42,"tag":140,"props":3368,"children":3369},{"style":2191},[3370],{"type":48,"value":3371}," box-shadow ",{"type":42,"tag":140,"props":3373,"children":3374},{"style":219},[3375],{"type":48,"value":3357},{"type":42,"tag":140,"props":3377,"children":3378},{"style":2191},[3379],{"type":48,"value":3362},{"type":42,"tag":140,"props":3381,"children":3382},{"style":147},[3383],{"type":48,"value":2368},{"type":42,"tag":140,"props":3385,"children":3386},{"class":142,"line":198},[3387],{"type":42,"tag":140,"props":3388,"children":3389},{"style":147},[3390],{"type":48,"value":231},{"type":42,"tag":140,"props":3392,"children":3393},{"class":142,"line":225},[3394,3398,3402,3406,3411],{"type":42,"tag":140,"props":3395,"children":3396},{"style":147},[3397],{"type":48,"value":2336},{"type":42,"tag":140,"props":3399,"children":3400},{"style":291},[3401],{"type":48,"value":3331},{"type":42,"tag":140,"props":3403,"children":3404},{"style":147},[3405],{"type":48,"value":175},{"type":42,"tag":140,"props":3407,"children":3408},{"style":162},[3409],{"type":48,"value":3410},"hover",{"type":42,"tag":140,"props":3412,"children":3413},{"style":147},[3414],{"type":48,"value":280},{"type":42,"tag":140,"props":3416,"children":3417},{"class":142,"line":405},[3418,3422,3426,3430,3434,3439],{"type":42,"tag":140,"props":3419,"children":3420},{"style":2351},[3421],{"type":48,"value":2376},{"type":42,"tag":140,"props":3423,"children":3424},{"style":147},[3425],{"type":48,"value":175},{"type":42,"tag":140,"props":3427,"children":3428},{"style":2383},[3429],{"type":48,"value":2386},{"type":42,"tag":140,"props":3431,"children":3432},{"style":147},[3433],{"type":48,"value":2391},{"type":42,"tag":140,"props":3435,"children":3436},{"style":219},[3437],{"type":48,"value":3438},"-4px",{"type":42,"tag":140,"props":3440,"children":3441},{"style":147},[3442],{"type":48,"value":2401},{"type":42,"tag":140,"props":3444,"children":3445},{"class":142,"line":430},[3446,3451,3455,3459,3464,3469,3474,3478,3482,3486,3490,3494,3498,3502,3507],{"type":42,"tag":140,"props":3447,"children":3448},{"style":2351},[3449],{"type":48,"value":3450},"  box-shadow",{"type":42,"tag":140,"props":3452,"children":3453},{"style":147},[3454],{"type":48,"value":175},{"type":42,"tag":140,"props":3456,"children":3457},{"style":219},[3458],{"type":48,"value":2363},{"type":42,"tag":140,"props":3460,"children":3461},{"style":219},[3462],{"type":48,"value":3463}," 12px",{"type":42,"tag":140,"props":3465,"children":3466},{"style":219},[3467],{"type":48,"value":3468}," 24px",{"type":42,"tag":140,"props":3470,"children":3471},{"style":2383},[3472],{"type":48,"value":3473}," rgba",{"type":42,"tag":140,"props":3475,"children":3476},{"style":147},[3477],{"type":48,"value":2391},{"type":42,"tag":140,"props":3479,"children":3480},{"style":219},[3481],{"type":48,"value":2782},{"type":42,"tag":140,"props":3483,"children":3484},{"style":147},[3485],{"type":48,"value":367},{"type":42,"tag":140,"props":3487,"children":3488},{"style":219},[3489],{"type":48,"value":2782},{"type":42,"tag":140,"props":3491,"children":3492},{"style":147},[3493],{"type":48,"value":367},{"type":42,"tag":140,"props":3495,"children":3496},{"style":219},[3497],{"type":48,"value":2782},{"type":42,"tag":140,"props":3499,"children":3500},{"style":147},[3501],{"type":48,"value":367},{"type":42,"tag":140,"props":3503,"children":3504},{"style":219},[3505],{"type":48,"value":3506},"0.15",{"type":42,"tag":140,"props":3508,"children":3509},{"style":147},[3510],{"type":48,"value":2401},{"type":42,"tag":140,"props":3512,"children":3513},{"class":142,"line":468},[3514],{"type":42,"tag":140,"props":3515,"children":3516},{"style":147},[3517],{"type":48,"value":231},{"type":42,"tag":140,"props":3519,"children":3520},{"class":142,"line":494},[3521,3525,3530],{"type":42,"tag":140,"props":3522,"children":3523},{"style":147},[3524],{"type":48,"value":2336},{"type":42,"tag":140,"props":3526,"children":3527},{"style":291},[3528],{"type":48,"value":3529},"hover-glow",{"type":42,"tag":140,"props":3531,"children":3532},{"style":147},[3533],{"type":48,"value":280},{"type":42,"tag":140,"props":3535,"children":3536},{"class":142,"line":520},[3537,3541,3545,3549,3554,3558],{"type":42,"tag":140,"props":3538,"children":3539},{"style":2351},[3540],{"type":48,"value":3343},{"type":42,"tag":140,"props":3542,"children":3543},{"style":147},[3544],{"type":48,"value":175},{"type":42,"tag":140,"props":3546,"children":3547},{"style":2191},[3548],{"type":48,"value":3371},{"type":42,"tag":140,"props":3550,"children":3551},{"style":219},[3552],{"type":48,"value":3553},"0.3s",{"type":42,"tag":140,"props":3555,"children":3556},{"style":2191},[3557],{"type":48,"value":3362},{"type":42,"tag":140,"props":3559,"children":3560},{"style":147},[3561],{"type":48,"value":2368},{"type":42,"tag":140,"props":3563,"children":3564},{"class":142,"line":529},[3565],{"type":42,"tag":140,"props":3566,"children":3567},{"style":147},[3568],{"type":48,"value":231},{"type":42,"tag":140,"props":3570,"children":3571},{"class":142,"line":29},[3572,3576,3580,3584,3588],{"type":42,"tag":140,"props":3573,"children":3574},{"style":147},[3575],{"type":48,"value":2336},{"type":42,"tag":140,"props":3577,"children":3578},{"style":291},[3579],{"type":48,"value":3529},{"type":42,"tag":140,"props":3581,"children":3582},{"style":147},[3583],{"type":48,"value":175},{"type":42,"tag":140,"props":3585,"children":3586},{"style":162},[3587],{"type":48,"value":3410},{"type":42,"tag":140,"props":3589,"children":3590},{"style":147},[3591],{"type":48,"value":280},{"type":42,"tag":140,"props":3593,"children":3594},{"class":142,"line":587},[3595,3599,3603,3607,3611,3616,3620,3624,3629,3633,3638,3642,3646,3650,3654,3658,3662,3667,3672],{"type":42,"tag":140,"props":3596,"children":3597},{"style":2351},[3598],{"type":48,"value":3450},{"type":42,"tag":140,"props":3600,"children":3601},{"style":147},[3602],{"type":48,"value":175},{"type":42,"tag":140,"props":3604,"children":3605},{"style":219},[3606],{"type":48,"value":2363},{"type":42,"tag":140,"props":3608,"children":3609},{"style":219},[3610],{"type":48,"value":2363},{"type":42,"tag":140,"props":3612,"children":3613},{"style":219},[3614],{"type":48,"value":3615}," 20px",{"type":42,"tag":140,"props":3617,"children":3618},{"style":2383},[3619],{"type":48,"value":3473},{"type":42,"tag":140,"props":3621,"children":3622},{"style":147},[3623],{"type":48,"value":2391},{"type":42,"tag":140,"props":3625,"children":3626},{"style":2383},[3627],{"type":48,"value":3628},"var",{"type":42,"tag":140,"props":3630,"children":3631},{"style":147},[3632],{"type":48,"value":2391},{"type":42,"tag":140,"props":3634,"children":3635},{"style":2191},[3636],{"type":48,"value":3637},"--wp--preset--color--accent-rgb",{"type":42,"tag":140,"props":3639,"children":3640},{"style":147},[3641],{"type":48,"value":367},{"type":42,"tag":140,"props":3643,"children":3644},{"style":219},[3645],{"type":48,"value":2363},{"type":42,"tag":140,"props":3647,"children":3648},{"style":147},[3649],{"type":48,"value":367},{"type":42,"tag":140,"props":3651,"children":3652},{"style":219},[3653],{"type":48,"value":2782},{"type":42,"tag":140,"props":3655,"children":3656},{"style":147},[3657],{"type":48,"value":367},{"type":42,"tag":140,"props":3659,"children":3660},{"style":219},[3661],{"type":48,"value":2782},{"type":42,"tag":140,"props":3663,"children":3664},{"style":147},[3665],{"type":48,"value":3666},"),",{"type":42,"tag":140,"props":3668,"children":3669},{"style":219},[3670],{"type":48,"value":3671}," 0.3",{"type":42,"tag":140,"props":3673,"children":3674},{"style":147},[3675],{"type":48,"value":2401},{"type":42,"tag":140,"props":3677,"children":3678},{"class":142,"line":622},[3679],{"type":42,"tag":140,"props":3680,"children":3681},{"style":147},[3682],{"type":48,"value":231},{"type":42,"tag":51,"props":3684,"children":3685},{},[3686],{"type":42,"tag":72,"props":3687,"children":3688},{},[3689],{"type":48,"value":3690},"Continuous ambient motion:",{"type":42,"tag":93,"props":3692,"children":3694},{"className":1901,"code":3693,"language":1903,"meta":102,"style":102},".float {\n  animation: float 3s ease-in-out infinite;\n}\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n.pulse-subtle {\n  animation: pulse 2s ease-in-out infinite;\n}\n@keyframes pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.7; }\n}\n",[3695],{"type":42,"tag":100,"props":3696,"children":3697},{"__ignoreMap":102},[3698,3714,3744,3751,3767,3816,3857,3864,3880,3909,3916,3932,3971,4003],{"type":42,"tag":140,"props":3699,"children":3700},{"class":142,"line":143},[3701,3705,3710],{"type":42,"tag":140,"props":3702,"children":3703},{"style":147},[3704],{"type":48,"value":2336},{"type":42,"tag":140,"props":3706,"children":3707},{"style":291},[3708],{"type":48,"value":3709},"float",{"type":42,"tag":140,"props":3711,"children":3712},{"style":147},[3713],{"type":48,"value":280},{"type":42,"tag":140,"props":3715,"children":3716},{"class":142,"line":153},[3717,3721,3725,3730,3735,3740],{"type":42,"tag":140,"props":3718,"children":3719},{"style":2351},[3720],{"type":48,"value":2409},{"type":42,"tag":140,"props":3722,"children":3723},{"style":147},[3724],{"type":48,"value":175},{"type":42,"tag":140,"props":3726,"children":3727},{"style":2191},[3728],{"type":48,"value":3729}," float ",{"type":42,"tag":140,"props":3731,"children":3732},{"style":219},[3733],{"type":48,"value":3734},"3s",{"type":42,"tag":140,"props":3736,"children":3737},{"style":2191},[3738],{"type":48,"value":3739}," ease-in-out infinite",{"type":42,"tag":140,"props":3741,"children":3742},{"style":147},[3743],{"type":48,"value":2368},{"type":42,"tag":140,"props":3745,"children":3746},{"class":142,"line":198},[3747],{"type":42,"tag":140,"props":3748,"children":3749},{"style":147},[3750],{"type":48,"value":231},{"type":42,"tag":140,"props":3752,"children":3753},{"class":142,"line":225},[3754,3758,3763],{"type":42,"tag":140,"props":3755,"children":3756},{"style":2719},[3757],{"type":48,"value":2722},{"type":42,"tag":140,"props":3759,"children":3760},{"style":2725},[3761],{"type":48,"value":3762}," float",{"type":42,"tag":140,"props":3764,"children":3765},{"style":147},[3766],{"type":48,"value":280},{"type":42,"tag":140,"props":3768,"children":3769},{"class":142,"line":405},[3770,3775,3779,3784,3788,3792,3796,3800,3804,3808,3812],{"type":42,"tag":140,"props":3771,"children":3772},{"style":291},[3773],{"type":48,"value":3774},"  0%",{"type":42,"tag":140,"props":3776,"children":3777},{"style":2191},[3778],{"type":48,"value":1852},{"type":42,"tag":140,"props":3780,"children":3781},{"style":291},[3782],{"type":48,"value":3783},"100%",{"type":42,"tag":140,"props":3785,"children":3786},{"style":147},[3787],{"type":48,"value":332},{"type":42,"tag":140,"props":3789,"children":3790},{"style":2351},[3791],{"type":48,"value":2765},{"type":42,"tag":140,"props":3793,"children":3794},{"style":147},[3795],{"type":48,"value":175},{"type":42,"tag":140,"props":3797,"children":3798},{"style":2383},[3799],{"type":48,"value":2386},{"type":42,"tag":140,"props":3801,"children":3802},{"style":147},[3803],{"type":48,"value":2391},{"type":42,"tag":140,"props":3805,"children":3806},{"style":219},[3807],{"type":48,"value":2782},{"type":42,"tag":140,"props":3809,"children":3810},{"style":147},[3811],{"type":48,"value":2787},{"type":42,"tag":140,"props":3813,"children":3814},{"style":147},[3815],{"type":48,"value":1076},{"type":42,"tag":140,"props":3817,"children":3818},{"class":142,"line":430},[3819,3824,3828,3832,3836,3840,3844,3849,3853],{"type":42,"tag":140,"props":3820,"children":3821},{"style":291},[3822],{"type":48,"value":3823},"  50%",{"type":42,"tag":140,"props":3825,"children":3826},{"style":147},[3827],{"type":48,"value":332},{"type":42,"tag":140,"props":3829,"children":3830},{"style":2351},[3831],{"type":48,"value":2765},{"type":42,"tag":140,"props":3833,"children":3834},{"style":147},[3835],{"type":48,"value":175},{"type":42,"tag":140,"props":3837,"children":3838},{"style":2383},[3839],{"type":48,"value":2386},{"type":42,"tag":140,"props":3841,"children":3842},{"style":147},[3843],{"type":48,"value":2391},{"type":42,"tag":140,"props":3845,"children":3846},{"style":219},[3847],{"type":48,"value":3848},"-10px",{"type":42,"tag":140,"props":3850,"children":3851},{"style":147},[3852],{"type":48,"value":2787},{"type":42,"tag":140,"props":3854,"children":3855},{"style":147},[3856],{"type":48,"value":1076},{"type":42,"tag":140,"props":3858,"children":3859},{"class":142,"line":468},[3860],{"type":42,"tag":140,"props":3861,"children":3862},{"style":147},[3863],{"type":48,"value":231},{"type":42,"tag":140,"props":3865,"children":3866},{"class":142,"line":494},[3867,3871,3876],{"type":42,"tag":140,"props":3868,"children":3869},{"style":147},[3870],{"type":48,"value":2336},{"type":42,"tag":140,"props":3872,"children":3873},{"style":291},[3874],{"type":48,"value":3875},"pulse-subtle",{"type":42,"tag":140,"props":3877,"children":3878},{"style":147},[3879],{"type":48,"value":280},{"type":42,"tag":140,"props":3881,"children":3882},{"class":142,"line":520},[3883,3887,3891,3896,3901,3905],{"type":42,"tag":140,"props":3884,"children":3885},{"style":2351},[3886],{"type":48,"value":2409},{"type":42,"tag":140,"props":3888,"children":3889},{"style":147},[3890],{"type":48,"value":175},{"type":42,"tag":140,"props":3892,"children":3893},{"style":2191},[3894],{"type":48,"value":3895}," pulse ",{"type":42,"tag":140,"props":3897,"children":3898},{"style":219},[3899],{"type":48,"value":3900},"2s",{"type":42,"tag":140,"props":3902,"children":3903},{"style":2191},[3904],{"type":48,"value":3739},{"type":42,"tag":140,"props":3906,"children":3907},{"style":147},[3908],{"type":48,"value":2368},{"type":42,"tag":140,"props":3910,"children":3911},{"class":142,"line":529},[3912],{"type":42,"tag":140,"props":3913,"children":3914},{"style":147},[3915],{"type":48,"value":231},{"type":42,"tag":140,"props":3917,"children":3918},{"class":142,"line":29},[3919,3923,3928],{"type":42,"tag":140,"props":3920,"children":3921},{"style":2719},[3922],{"type":48,"value":2722},{"type":42,"tag":140,"props":3924,"children":3925},{"style":2725},[3926],{"type":48,"value":3927}," pulse",{"type":42,"tag":140,"props":3929,"children":3930},{"style":147},[3931],{"type":48,"value":280},{"type":42,"tag":140,"props":3933,"children":3934},{"class":142,"line":587},[3935,3939,3943,3947,3951,3955,3959,3963,3967],{"type":42,"tag":140,"props":3936,"children":3937},{"style":291},[3938],{"type":48,"value":3774},{"type":42,"tag":140,"props":3940,"children":3941},{"style":2191},[3942],{"type":48,"value":1852},{"type":42,"tag":140,"props":3944,"children":3945},{"style":291},[3946],{"type":48,"value":3783},{"type":42,"tag":140,"props":3948,"children":3949},{"style":147},[3950],{"type":48,"value":332},{"type":42,"tag":140,"props":3952,"children":3953},{"style":2351},[3954],{"type":48,"value":2746},{"type":42,"tag":140,"props":3956,"children":3957},{"style":147},[3958],{"type":48,"value":175},{"type":42,"tag":140,"props":3960,"children":3961},{"style":219},[3962],{"type":48,"value":2755},{"type":42,"tag":140,"props":3964,"children":3965},{"style":147},[3966],{"type":48,"value":2760},{"type":42,"tag":140,"props":3968,"children":3969},{"style":147},[3970],{"type":48,"value":1076},{"type":42,"tag":140,"props":3972,"children":3973},{"class":142,"line":622},[3974,3978,3982,3986,3990,3995,3999],{"type":42,"tag":140,"props":3975,"children":3976},{"style":291},[3977],{"type":48,"value":3823},{"type":42,"tag":140,"props":3979,"children":3980},{"style":147},[3981],{"type":48,"value":332},{"type":42,"tag":140,"props":3983,"children":3984},{"style":2351},[3985],{"type":48,"value":2746},{"type":42,"tag":140,"props":3987,"children":3988},{"style":147},[3989],{"type":48,"value":175},{"type":42,"tag":140,"props":3991,"children":3992},{"style":219},[3993],{"type":48,"value":3994}," 0.7",{"type":42,"tag":140,"props":3996,"children":3997},{"style":147},[3998],{"type":48,"value":2760},{"type":42,"tag":140,"props":4000,"children":4001},{"style":147},[4002],{"type":48,"value":1076},{"type":42,"tag":140,"props":4004,"children":4005},{"class":142,"line":630},[4006],{"type":42,"tag":140,"props":4007,"children":4008},{"style":147},[4009],{"type":48,"value":231},{"type":42,"tag":86,"props":4011,"children":4013},{"id":4012},"scroll-triggered-reveals-via-functionsphp",[4014],{"type":48,"value":4015},"Scroll-Triggered Reveals via functions.php",{"type":42,"tag":51,"props":4017,"children":4018},{},[4019,4021,4026],{"type":48,"value":4020},"The most impactful animation pattern — sections revealing as the user scrolls — requires a small IntersectionObserver script. Add this to ",{"type":42,"tag":100,"props":4022,"children":4024},{"className":4023},[],[4025],{"type":48,"value":1489},{"type":48,"value":175},{"type":42,"tag":93,"props":4028,"children":4030},{"className":1398,"code":4029,"language":1400,"meta":102,"style":102},"\u002F\u002F Enqueue scroll animation observer\nfunction theme_slug_scroll_animations() {\n    wp_add_inline_script( 'theme-slug-style', \"\n        document.addEventListener('DOMContentLoaded', function() {\n            var els = document.querySelectorAll('.animate-on-scroll');\n            if (!els.length) return;\n            var observer = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('is-visible');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.15 });\n            els.forEach(function(el) { observer.observe(el); });\n        });\n    \" );\n}\nadd_action( 'enqueue_block_assets', 'theme_slug_scroll_animations' );\n",[4031],{"type":42,"tag":100,"props":4032,"children":4033},{"__ignoreMap":102},[4034,4042,4050,4058,4066,4074,4082,4090,4098,4106,4114,4122,4130,4138,4146,4154,4162,4170,4177],{"type":42,"tag":140,"props":4035,"children":4036},{"class":142,"line":143},[4037],{"type":42,"tag":140,"props":4038,"children":4039},{},[4040],{"type":48,"value":4041},"\u002F\u002F Enqueue scroll animation observer\n",{"type":42,"tag":140,"props":4043,"children":4044},{"class":142,"line":153},[4045],{"type":42,"tag":140,"props":4046,"children":4047},{},[4048],{"type":48,"value":4049},"function theme_slug_scroll_animations() {\n",{"type":42,"tag":140,"props":4051,"children":4052},{"class":142,"line":198},[4053],{"type":42,"tag":140,"props":4054,"children":4055},{},[4056],{"type":48,"value":4057},"    wp_add_inline_script( 'theme-slug-style', \"\n",{"type":42,"tag":140,"props":4059,"children":4060},{"class":142,"line":225},[4061],{"type":42,"tag":140,"props":4062,"children":4063},{},[4064],{"type":48,"value":4065},"        document.addEventListener('DOMContentLoaded', function() {\n",{"type":42,"tag":140,"props":4067,"children":4068},{"class":142,"line":405},[4069],{"type":42,"tag":140,"props":4070,"children":4071},{},[4072],{"type":48,"value":4073},"            var els = document.querySelectorAll('.animate-on-scroll');\n",{"type":42,"tag":140,"props":4075,"children":4076},{"class":142,"line":430},[4077],{"type":42,"tag":140,"props":4078,"children":4079},{},[4080],{"type":48,"value":4081},"            if (!els.length) return;\n",{"type":42,"tag":140,"props":4083,"children":4084},{"class":142,"line":468},[4085],{"type":42,"tag":140,"props":4086,"children":4087},{},[4088],{"type":48,"value":4089},"            var observer = new IntersectionObserver(function(entries) {\n",{"type":42,"tag":140,"props":4091,"children":4092},{"class":142,"line":494},[4093],{"type":42,"tag":140,"props":4094,"children":4095},{},[4096],{"type":48,"value":4097},"                entries.forEach(function(entry) {\n",{"type":42,"tag":140,"props":4099,"children":4100},{"class":142,"line":520},[4101],{"type":42,"tag":140,"props":4102,"children":4103},{},[4104],{"type":48,"value":4105},"                    if (entry.isIntersecting) {\n",{"type":42,"tag":140,"props":4107,"children":4108},{"class":142,"line":529},[4109],{"type":42,"tag":140,"props":4110,"children":4111},{},[4112],{"type":48,"value":4113},"                        entry.target.classList.add('is-visible');\n",{"type":42,"tag":140,"props":4115,"children":4116},{"class":142,"line":29},[4117],{"type":42,"tag":140,"props":4118,"children":4119},{},[4120],{"type":48,"value":4121},"                        observer.unobserve(entry.target);\n",{"type":42,"tag":140,"props":4123,"children":4124},{"class":142,"line":587},[4125],{"type":42,"tag":140,"props":4126,"children":4127},{},[4128],{"type":48,"value":4129},"                    }\n",{"type":42,"tag":140,"props":4131,"children":4132},{"class":142,"line":622},[4133],{"type":42,"tag":140,"props":4134,"children":4135},{},[4136],{"type":48,"value":4137},"                });\n",{"type":42,"tag":140,"props":4139,"children":4140},{"class":142,"line":630},[4141],{"type":42,"tag":140,"props":4142,"children":4143},{},[4144],{"type":48,"value":4145},"            }, { threshold: 0.15 });\n",{"type":42,"tag":140,"props":4147,"children":4148},{"class":142,"line":655},[4149],{"type":42,"tag":140,"props":4150,"children":4151},{},[4152],{"type":48,"value":4153},"            els.forEach(function(el) { observer.observe(el); });\n",{"type":42,"tag":140,"props":4155,"children":4156},{"class":142,"line":783},[4157],{"type":42,"tag":140,"props":4158,"children":4159},{},[4160],{"type":48,"value":4161},"        });\n",{"type":42,"tag":140,"props":4163,"children":4164},{"class":142,"line":817},[4165],{"type":42,"tag":140,"props":4166,"children":4167},{},[4168],{"type":48,"value":4169},"    \" );\n",{"type":42,"tag":140,"props":4171,"children":4172},{"class":142,"line":826},[4173],{"type":42,"tag":140,"props":4174,"children":4175},{},[4176],{"type":48,"value":231},{"type":42,"tag":140,"props":4178,"children":4179},{"class":142,"line":835},[4180],{"type":42,"tag":140,"props":4181,"children":4182},{},[4183],{"type":48,"value":4184},"add_action( 'enqueue_block_assets', 'theme_slug_scroll_animations' );\n",{"type":42,"tag":51,"props":4186,"children":4187},{},[4188,4193,4195,4201],{"type":42,"tag":72,"props":4189,"children":4190},{},[4191],{"type":48,"value":4192},"Note:",{"type":48,"value":4194}," ",{"type":42,"tag":100,"props":4196,"children":4198},{"className":4197},[],[4199],{"type":48,"value":4200},"wp_add_inline_script",{"type":48,"value":4202}," requires an existing registered script handle. Since block themes may not always have a script registered, a more reliable approach is to output the script directly:",{"type":42,"tag":93,"props":4204,"children":4206},{"className":1398,"code":4205,"language":1400,"meta":102,"style":102},"\u002F\u002F Scroll animation observer — outputs inline script\nfunction theme_slug_scroll_animations() {\n    ?>\n    \u003Cscript>\n    document.addEventListener('DOMContentLoaded', function() {\n        var els = document.querySelectorAll('.animate-on-scroll');\n        if (!els.length) return;\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.15 });\n        els.forEach(function(el) { observer.observe(el); });\n    });\n    \u003C\u002Fscript>\n    \u003C?php\n}\nadd_action( 'wp_footer', 'theme_slug_scroll_animations' );\n",[4207],{"type":42,"tag":100,"props":4208,"children":4209},{"__ignoreMap":102},[4210,4218,4225,4233,4241,4249,4257,4265,4273,4281,4289,4297,4305,4313,4321,4329,4337,4345,4353,4361,4368],{"type":42,"tag":140,"props":4211,"children":4212},{"class":142,"line":143},[4213],{"type":42,"tag":140,"props":4214,"children":4215},{},[4216],{"type":48,"value":4217},"\u002F\u002F Scroll animation observer — outputs inline script\n",{"type":42,"tag":140,"props":4219,"children":4220},{"class":142,"line":153},[4221],{"type":42,"tag":140,"props":4222,"children":4223},{},[4224],{"type":48,"value":4049},{"type":42,"tag":140,"props":4226,"children":4227},{"class":142,"line":198},[4228],{"type":42,"tag":140,"props":4229,"children":4230},{},[4231],{"type":48,"value":4232},"    ?>\n",{"type":42,"tag":140,"props":4234,"children":4235},{"class":142,"line":225},[4236],{"type":42,"tag":140,"props":4237,"children":4238},{},[4239],{"type":48,"value":4240},"    \u003Cscript>\n",{"type":42,"tag":140,"props":4242,"children":4243},{"class":142,"line":405},[4244],{"type":42,"tag":140,"props":4245,"children":4246},{},[4247],{"type":48,"value":4248},"    document.addEventListener('DOMContentLoaded', function() {\n",{"type":42,"tag":140,"props":4250,"children":4251},{"class":142,"line":430},[4252],{"type":42,"tag":140,"props":4253,"children":4254},{},[4255],{"type":48,"value":4256},"        var els = document.querySelectorAll('.animate-on-scroll');\n",{"type":42,"tag":140,"props":4258,"children":4259},{"class":142,"line":468},[4260],{"type":42,"tag":140,"props":4261,"children":4262},{},[4263],{"type":48,"value":4264},"        if (!els.length) return;\n",{"type":42,"tag":140,"props":4266,"children":4267},{"class":142,"line":494},[4268],{"type":42,"tag":140,"props":4269,"children":4270},{},[4271],{"type":48,"value":4272},"        var observer = new IntersectionObserver(function(entries) {\n",{"type":42,"tag":140,"props":4274,"children":4275},{"class":142,"line":520},[4276],{"type":42,"tag":140,"props":4277,"children":4278},{},[4279],{"type":48,"value":4280},"            entries.forEach(function(entry) {\n",{"type":42,"tag":140,"props":4282,"children":4283},{"class":142,"line":529},[4284],{"type":42,"tag":140,"props":4285,"children":4286},{},[4287],{"type":48,"value":4288},"                if (entry.isIntersecting) {\n",{"type":42,"tag":140,"props":4290,"children":4291},{"class":142,"line":29},[4292],{"type":42,"tag":140,"props":4293,"children":4294},{},[4295],{"type":48,"value":4296},"                    entry.target.classList.add('is-visible');\n",{"type":42,"tag":140,"props":4298,"children":4299},{"class":142,"line":587},[4300],{"type":42,"tag":140,"props":4301,"children":4302},{},[4303],{"type":48,"value":4304},"                    observer.unobserve(entry.target);\n",{"type":42,"tag":140,"props":4306,"children":4307},{"class":142,"line":622},[4308],{"type":42,"tag":140,"props":4309,"children":4310},{},[4311],{"type":48,"value":4312},"                }\n",{"type":42,"tag":140,"props":4314,"children":4315},{"class":142,"line":630},[4316],{"type":42,"tag":140,"props":4317,"children":4318},{},[4319],{"type":48,"value":4320},"            });\n",{"type":42,"tag":140,"props":4322,"children":4323},{"class":142,"line":655},[4324],{"type":42,"tag":140,"props":4325,"children":4326},{},[4327],{"type":48,"value":4328},"        }, { threshold: 0.15 });\n",{"type":42,"tag":140,"props":4330,"children":4331},{"class":142,"line":783},[4332],{"type":42,"tag":140,"props":4333,"children":4334},{},[4335],{"type":48,"value":4336},"        els.forEach(function(el) { observer.observe(el); });\n",{"type":42,"tag":140,"props":4338,"children":4339},{"class":142,"line":817},[4340],{"type":42,"tag":140,"props":4341,"children":4342},{},[4343],{"type":48,"value":4344},"    });\n",{"type":42,"tag":140,"props":4346,"children":4347},{"class":142,"line":826},[4348],{"type":42,"tag":140,"props":4349,"children":4350},{},[4351],{"type":48,"value":4352},"    \u003C\u002Fscript>\n",{"type":42,"tag":140,"props":4354,"children":4355},{"class":142,"line":835},[4356],{"type":42,"tag":140,"props":4357,"children":4358},{},[4359],{"type":48,"value":4360},"    \u003C?php\n",{"type":42,"tag":140,"props":4362,"children":4363},{"class":142,"line":1682},[4364],{"type":42,"tag":140,"props":4365,"children":4366},{},[4367],{"type":48,"value":231},{"type":42,"tag":140,"props":4369,"children":4370},{"class":142,"line":1690},[4371],{"type":42,"tag":140,"props":4372,"children":4373},{},[4374],{"type":48,"value":4375},"add_action( 'wp_footer', 'theme_slug_scroll_animations' );\n",{"type":42,"tag":51,"props":4377,"children":4378},{},[4379,4381,4386,4388,4394],{"type":48,"value":4380},"Then in ",{"type":42,"tag":100,"props":4382,"children":4384},{"className":4383},[],[4385],{"type":48,"value":1893},{"type":48,"value":4387},", pair with CSS that starts elements hidden and animates them when ",{"type":42,"tag":100,"props":4389,"children":4391},{"className":4390},[],[4392],{"type":48,"value":4393},".is-visible",{"type":48,"value":4395}," is added:",{"type":42,"tag":93,"props":4397,"children":4399},{"className":1901,"code":4398,"language":1903,"meta":102,"style":102},".animate-on-scroll {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.animate-on-scroll.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n",[4400],{"type":42,"tag":100,"props":4401,"children":4402},{"__ignoreMap":102},[4403,4419,4438,4465,4509,4516,4540,4559,4586],{"type":42,"tag":140,"props":4404,"children":4405},{"class":142,"line":143},[4406,4410,4415],{"type":42,"tag":140,"props":4407,"children":4408},{"style":147},[4409],{"type":48,"value":2336},{"type":42,"tag":140,"props":4411,"children":4412},{"style":291},[4413],{"type":48,"value":4414},"animate-on-scroll",{"type":42,"tag":140,"props":4416,"children":4417},{"style":147},[4418],{"type":48,"value":280},{"type":42,"tag":140,"props":4420,"children":4421},{"class":142,"line":153},[4422,4426,4430,4434],{"type":42,"tag":140,"props":4423,"children":4424},{"style":2351},[4425],{"type":48,"value":2354},{"type":42,"tag":140,"props":4427,"children":4428},{"style":147},[4429],{"type":48,"value":175},{"type":42,"tag":140,"props":4431,"children":4432},{"style":219},[4433],{"type":48,"value":2363},{"type":42,"tag":140,"props":4435,"children":4436},{"style":147},[4437],{"type":48,"value":2368},{"type":42,"tag":140,"props":4439,"children":4440},{"class":142,"line":198},[4441,4445,4449,4453,4457,4461],{"type":42,"tag":140,"props":4442,"children":4443},{"style":2351},[4444],{"type":48,"value":2376},{"type":42,"tag":140,"props":4446,"children":4447},{"style":147},[4448],{"type":48,"value":175},{"type":42,"tag":140,"props":4450,"children":4451},{"style":2383},[4452],{"type":48,"value":2386},{"type":42,"tag":140,"props":4454,"children":4455},{"style":147},[4456],{"type":48,"value":2391},{"type":42,"tag":140,"props":4458,"children":4459},{"style":219},[4460],{"type":48,"value":2396},{"type":42,"tag":140,"props":4462,"children":4463},{"style":147},[4464],{"type":48,"value":2401},{"type":42,"tag":140,"props":4466,"children":4467},{"class":142,"line":225},[4468,4472,4476,4481,4485,4489,4493,4497,4501,4505],{"type":42,"tag":140,"props":4469,"children":4470},{"style":2351},[4471],{"type":48,"value":3343},{"type":42,"tag":140,"props":4473,"children":4474},{"style":147},[4475],{"type":48,"value":175},{"type":42,"tag":140,"props":4477,"children":4478},{"style":2191},[4479],{"type":48,"value":4480}," opacity ",{"type":42,"tag":140,"props":4482,"children":4483},{"style":219},[4484],{"type":48,"value":2423},{"type":42,"tag":140,"props":4486,"children":4487},{"style":2191},[4488],{"type":48,"value":3362},{"type":42,"tag":140,"props":4490,"children":4491},{"style":147},[4492],{"type":48,"value":367},{"type":42,"tag":140,"props":4494,"children":4495},{"style":2191},[4496],{"type":48,"value":3352},{"type":42,"tag":140,"props":4498,"children":4499},{"style":219},[4500],{"type":48,"value":2423},{"type":42,"tag":140,"props":4502,"children":4503},{"style":2191},[4504],{"type":48,"value":3362},{"type":42,"tag":140,"props":4506,"children":4507},{"style":147},[4508],{"type":48,"value":2368},{"type":42,"tag":140,"props":4510,"children":4511},{"class":142,"line":405},[4512],{"type":42,"tag":140,"props":4513,"children":4514},{"style":147},[4515],{"type":48,"value":231},{"type":42,"tag":140,"props":4517,"children":4518},{"class":142,"line":430},[4519,4523,4527,4531,4536],{"type":42,"tag":140,"props":4520,"children":4521},{"style":147},[4522],{"type":48,"value":2336},{"type":42,"tag":140,"props":4524,"children":4525},{"style":291},[4526],{"type":48,"value":4414},{"type":42,"tag":140,"props":4528,"children":4529},{"style":147},[4530],{"type":48,"value":2336},{"type":42,"tag":140,"props":4532,"children":4533},{"style":291},[4534],{"type":48,"value":4535},"is-visible",{"type":42,"tag":140,"props":4537,"children":4538},{"style":147},[4539],{"type":48,"value":280},{"type":42,"tag":140,"props":4541,"children":4542},{"class":142,"line":468},[4543,4547,4551,4555],{"type":42,"tag":140,"props":4544,"children":4545},{"style":2351},[4546],{"type":48,"value":2354},{"type":42,"tag":140,"props":4548,"children":4549},{"style":147},[4550],{"type":48,"value":175},{"type":42,"tag":140,"props":4552,"children":4553},{"style":219},[4554],{"type":48,"value":2755},{"type":42,"tag":140,"props":4556,"children":4557},{"style":147},[4558],{"type":48,"value":2368},{"type":42,"tag":140,"props":4560,"children":4561},{"class":142,"line":494},[4562,4566,4570,4574,4578,4582],{"type":42,"tag":140,"props":4563,"children":4564},{"style":2351},[4565],{"type":48,"value":2376},{"type":42,"tag":140,"props":4567,"children":4568},{"style":147},[4569],{"type":48,"value":175},{"type":42,"tag":140,"props":4571,"children":4572},{"style":2383},[4573],{"type":48,"value":2386},{"type":42,"tag":140,"props":4575,"children":4576},{"style":147},[4577],{"type":48,"value":2391},{"type":42,"tag":140,"props":4579,"children":4580},{"style":219},[4581],{"type":48,"value":2782},{"type":42,"tag":140,"props":4583,"children":4584},{"style":147},[4585],{"type":48,"value":2401},{"type":42,"tag":140,"props":4587,"children":4588},{"class":142,"line":520},[4589],{"type":42,"tag":140,"props":4590,"children":4591},{"style":147},[4592],{"type":48,"value":231},{"type":42,"tag":51,"props":4594,"children":4595},{},[4596,4598,4604],{"type":48,"value":4597},"Use ",{"type":42,"tag":100,"props":4599,"children":4601},{"className":4600},[],[4602],{"type":48,"value":4603},"className: \"animate-on-scroll\"",{"type":48,"value":4605}," on section-level Group blocks:",{"type":42,"tag":93,"props":4607,"children":4609},{"className":1174,"code":4608,"language":1176,"meta":102,"style":102},"\u003C!-- wp:group {\"className\":\"animate-on-scroll\",\"align\":\"full\",\"layout\":{\"type\":\"constrained\"}} -->\n\u003Cdiv class=\"wp-block-group alignfull animate-on-scroll\">\n  \u003C!-- section content -->\n\u003C\u002Fdiv>\n\u003C!-- \u002Fwp:group -->\n",[4610],{"type":42,"tag":100,"props":4611,"children":4612},{"__ignoreMap":102},[4613,4621,4657,4665,4680],{"type":42,"tag":140,"props":4614,"children":4615},{"class":142,"line":143},[4616],{"type":42,"tag":140,"props":4617,"children":4618},{"style":457},[4619],{"type":48,"value":4620},"\u003C!-- wp:group {\"className\":\"animate-on-scroll\",\"align\":\"full\",\"layout\":{\"type\":\"constrained\"}} -->\n",{"type":42,"tag":140,"props":4622,"children":4623},{"class":142,"line":153},[4624,4628,4632,4636,4640,4644,4649,4653],{"type":42,"tag":140,"props":4625,"children":4626},{"style":147},[4627],{"type":48,"value":1213},{"type":42,"tag":140,"props":4629,"children":4630},{"style":1216},[4631],{"type":48,"value":2076},{"type":42,"tag":140,"props":4633,"children":4634},{"style":162},[4635],{"type":48,"value":1224},{"type":42,"tag":140,"props":4637,"children":4638},{"style":147},[4639],{"type":48,"value":1229},{"type":42,"tag":140,"props":4641,"children":4642},{"style":147},[4643],{"type":48,"value":170},{"type":42,"tag":140,"props":4645,"children":4646},{"style":183},[4647],{"type":48,"value":4648},"wp-block-group alignfull animate-on-scroll",{"type":42,"tag":140,"props":4650,"children":4651},{"style":147},[4652],{"type":48,"value":170},{"type":42,"tag":140,"props":4654,"children":4655},{"style":147},[4656],{"type":48,"value":1247},{"type":42,"tag":140,"props":4658,"children":4659},{"class":142,"line":198},[4660],{"type":42,"tag":140,"props":4661,"children":4662},{"style":457},[4663],{"type":48,"value":4664},"  \u003C!-- section content -->\n",{"type":42,"tag":140,"props":4666,"children":4667},{"class":142,"line":225},[4668,4672,4676],{"type":42,"tag":140,"props":4669,"children":4670},{"style":147},[4671],{"type":48,"value":1263},{"type":42,"tag":140,"props":4673,"children":4674},{"style":1216},[4675],{"type":48,"value":2076},{"type":42,"tag":140,"props":4677,"children":4678},{"style":147},[4679],{"type":48,"value":1247},{"type":42,"tag":140,"props":4681,"children":4682},{"class":142,"line":405},[4683],{"type":42,"tag":140,"props":4684,"children":4685},{"style":457},[4686],{"type":48,"value":1279},{"type":42,"tag":86,"props":4688,"children":4690},{"id":4689},"prefers-reduced-motion-required",[4691],{"type":48,"value":4692},"prefers-reduced-motion (Required)",{"type":42,"tag":51,"props":4694,"children":4695},{},[4696,4698,4703],{"type":48,"value":4697},"Every theme MUST include this in ",{"type":42,"tag":100,"props":4699,"children":4701},{"className":4700},[],[4702],{"type":48,"value":1893},{"type":48,"value":175},{"type":42,"tag":93,"props":4705,"children":4707},{"className":1901,"code":4706,"language":1903,"meta":102,"style":102},"@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n",[4708],{"type":42,"tag":100,"props":4709,"children":4710},{"__ignoreMap":102},[4711,4746,4793,4819,4843,4850],{"type":42,"tag":140,"props":4712,"children":4713},{"class":142,"line":143},[4714,4719,4724,4729,4733,4738,4742],{"type":42,"tag":140,"props":4715,"children":4716},{"style":2719},[4717],{"type":48,"value":4718},"@media",{"type":42,"tag":140,"props":4720,"children":4721},{"style":147},[4722],{"type":48,"value":4723}," (",{"type":42,"tag":140,"props":4725,"children":4726},{"style":2191},[4727],{"type":48,"value":4728},"prefers-reduced-motion",{"type":42,"tag":140,"props":4730,"children":4731},{"style":147},[4732],{"type":48,"value":175},{"type":42,"tag":140,"props":4734,"children":4735},{"style":2191},[4736],{"type":48,"value":4737}," reduce",{"type":42,"tag":140,"props":4739,"children":4740},{"style":147},[4741],{"type":48,"value":3083},{"type":42,"tag":140,"props":4743,"children":4744},{"style":147},[4745],{"type":48,"value":280},{"type":42,"tag":140,"props":4747,"children":4748},{"class":142,"line":153},[4749,4754,4758,4762,4767,4772,4776,4780,4784,4789],{"type":42,"tag":140,"props":4750,"children":4751},{"style":291},[4752],{"type":48,"value":4753},"  *",{"type":42,"tag":140,"props":4755,"children":4756},{"style":147},[4757],{"type":48,"value":367},{"type":42,"tag":140,"props":4759,"children":4760},{"style":291},[4761],{"type":48,"value":2955},{"type":42,"tag":140,"props":4763,"children":4764},{"style":147},[4765],{"type":48,"value":4766},"::",{"type":42,"tag":140,"props":4768,"children":4769},{"style":162},[4770],{"type":48,"value":4771},"before",{"type":42,"tag":140,"props":4773,"children":4774},{"style":147},[4775],{"type":48,"value":367},{"type":42,"tag":140,"props":4777,"children":4778},{"style":291},[4779],{"type":48,"value":2955},{"type":42,"tag":140,"props":4781,"children":4782},{"style":147},[4783],{"type":48,"value":4766},{"type":42,"tag":140,"props":4785,"children":4786},{"style":162},[4787],{"type":48,"value":4788},"after",{"type":42,"tag":140,"props":4790,"children":4791},{"style":147},[4792],{"type":48,"value":280},{"type":42,"tag":140,"props":4794,"children":4795},{"class":142,"line":198},[4796,4801,4805,4810,4815],{"type":42,"tag":140,"props":4797,"children":4798},{"style":2351},[4799],{"type":48,"value":4800},"    animation-duration",{"type":42,"tag":140,"props":4802,"children":4803},{"style":147},[4804],{"type":48,"value":175},{"type":42,"tag":140,"props":4806,"children":4807},{"style":219},[4808],{"type":48,"value":4809}," 0.01ms",{"type":42,"tag":140,"props":4811,"children":4812},{"style":219},[4813],{"type":48,"value":4814}," !important",{"type":42,"tag":140,"props":4816,"children":4817},{"style":147},[4818],{"type":48,"value":2368},{"type":42,"tag":140,"props":4820,"children":4821},{"class":142,"line":225},[4822,4827,4831,4835,4839],{"type":42,"tag":140,"props":4823,"children":4824},{"style":2351},[4825],{"type":48,"value":4826},"    transition-duration",{"type":42,"tag":140,"props":4828,"children":4829},{"style":147},[4830],{"type":48,"value":175},{"type":42,"tag":140,"props":4832,"children":4833},{"style":219},[4834],{"type":48,"value":4809},{"type":42,"tag":140,"props":4836,"children":4837},{"style":219},[4838],{"type":48,"value":4814},{"type":42,"tag":140,"props":4840,"children":4841},{"style":147},[4842],{"type":48,"value":2368},{"type":42,"tag":140,"props":4844,"children":4845},{"class":142,"line":405},[4846],{"type":42,"tag":140,"props":4847,"children":4848},{"style":147},[4849],{"type":48,"value":832},{"type":42,"tag":140,"props":4851,"children":4852},{"class":142,"line":430},[4853],{"type":42,"tag":140,"props":4854,"children":4855},{"style":147},[4856],{"type":48,"value":231},{"type":42,"tag":86,"props":4858,"children":4860},{"id":4859},"how-much-animation",[4861],{"type":48,"value":4862},"How Much Animation",{"type":42,"tag":51,"props":4864,"children":4865},{},[4866],{"type":48,"value":4867},"Not every element needs animation. Prioritize:",{"type":42,"tag":64,"props":4869,"children":4870},{},[4871,4881,4896,4913],{"type":42,"tag":68,"props":4872,"children":4873},{},[4874,4879],{"type":42,"tag":72,"props":4875,"children":4876},{},[4877],{"type":48,"value":4878},"Hero section entrance",{"type":48,"value":4880}," — the first impression (fade-up, scale, or slide)",{"type":42,"tag":68,"props":4882,"children":4883},{},[4884,4889,4891],{"type":42,"tag":72,"props":4885,"children":4886},{},[4887],{"type":48,"value":4888},"Section reveals on scroll",{"type":48,"value":4890}," — major content blocks with ",{"type":42,"tag":100,"props":4892,"children":4894},{"className":4893},[],[4895],{"type":48,"value":4414},{"type":42,"tag":68,"props":4897,"children":4898},{},[4899,4904,4906,4911],{"type":42,"tag":72,"props":4900,"children":4901},{},[4902],{"type":48,"value":4903},"Interactive elements",{"type":48,"value":4905}," — cards with ",{"type":42,"tag":100,"props":4907,"children":4909},{"className":4908},[],[4910],{"type":48,"value":3331},{"type":48,"value":4912},", buttons with transitions",{"type":42,"tag":68,"props":4914,"children":4915},{},[4916,4921],{"type":42,"tag":72,"props":4917,"children":4918},{},[4919],{"type":48,"value":4920},"1-2 decorative ambient animations",{"type":48,"value":4922}," — a floating shape, gradient shift, or pulsing accent",{"type":42,"tag":51,"props":4924,"children":4925},{},[4926],{"type":48,"value":4927},"Avoid animating every heading, paragraph, and button individually — it creates visual noise rather than delight.",{"type":42,"tag":57,"props":4929,"children":4931},{"id":4930},"card-layouts-in-rows",[4932],{"type":48,"value":4933},"Card layouts in rows",{"type":42,"tag":51,"props":4935,"children":4936},{},[4937],{"type":48,"value":4938},"For equal-height, equal-width cards ( with optional bottom-aligned CTAs ), use this structure unless the user specifies otherwise:",{"type":42,"tag":93,"props":4940,"children":4943},{"className":4941,"code":4942,"language":48},[96],"Columns (className: \"equal-cards\")\n  └── Column\n        verticalAlignment: \"stretch\"\n        width: \"X%\" where X = 100 \u002F number_of_cards (e.g., 2 cards = 50%, 3 cards = 33.33%, 4 cards = 25%)\n        └── Group [card wrapper]\n              └── [content: headings, paragraphs, images*, lists]\n              └── (optional) Buttons (className: \"cta-bottom\")\n",[4944],{"type":42,"tag":100,"props":4945,"children":4946},{"__ignoreMap":102},[4947],{"type":48,"value":4942},{"type":42,"tag":51,"props":4949,"children":4950},{},[4951,4956,4958,4964],{"type":42,"tag":72,"props":4952,"children":4953},{},[4954],{"type":48,"value":4955},"Width rule",{"type":48,"value":4957},": All cards in a row MUST have equal width. Calculate each column's width as ",{"type":42,"tag":100,"props":4959,"children":4961},{"className":4960},[],[4962],{"type":48,"value":4963},"100% \u002F number_of_cards",{"type":48,"value":4965}," (e.g., 3 cards = 33.33% each). The sum of all column widths must equal exactly 100% - never exceed the parent element width.",{"type":42,"tag":51,"props":4967,"children":4968},{},[4969,4971],{"type":48,"value":4970},"*Images in cards: ",{"type":42,"tag":100,"props":4972,"children":4974},{"className":4973},[],[4975],{"type":48,"value":4976},"style=\"height:200px;object-fit:cover;width:100%\"",{"type":42,"tag":51,"props":4978,"children":4979},{},[4980,4985],{"type":42,"tag":72,"props":4981,"children":4982},{},[4983],{"type":48,"value":4984},"Required CSS",{"type":48,"value":4986}," (style.css):",{"type":42,"tag":93,"props":4988,"children":4990},{"className":1901,"code":4989,"language":1903,"meta":102,"style":102},".equal-cards > .wp-block-column {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 0;\n}\n.equal-cards > .wp-block-column > .wp-block-group {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n",[4991],{"type":42,"tag":100,"props":4992,"children":4993},{"__ignoreMap":102},[4994,5024,5045,5066,5086,5093,5132,5151,5170,5189],{"type":42,"tag":140,"props":4995,"children":4996},{"class":142,"line":143},[4997,5001,5006,5010,5015,5020],{"type":42,"tag":140,"props":4998,"children":4999},{"style":147},[5000],{"type":48,"value":2336},{"type":42,"tag":140,"props":5002,"children":5003},{"style":291},[5004],{"type":48,"value":5005},"equal-cards",{"type":42,"tag":140,"props":5007,"children":5008},{"style":147},[5009],{"type":48,"value":2950},{"type":42,"tag":140,"props":5011,"children":5012},{"style":147},[5013],{"type":48,"value":5014}," .",{"type":42,"tag":140,"props":5016,"children":5017},{"style":291},[5018],{"type":48,"value":5019},"wp-block-column",{"type":42,"tag":140,"props":5021,"children":5022},{"style":147},[5023],{"type":48,"value":280},{"type":42,"tag":140,"props":5025,"children":5026},{"class":142,"line":153},[5027,5032,5036,5041],{"type":42,"tag":140,"props":5028,"children":5029},{"style":2351},[5030],{"type":48,"value":5031},"  display",{"type":42,"tag":140,"props":5033,"children":5034},{"style":147},[5035],{"type":48,"value":175},{"type":42,"tag":140,"props":5037,"children":5038},{"style":2191},[5039],{"type":48,"value":5040}," flex",{"type":42,"tag":140,"props":5042,"children":5043},{"style":147},[5044],{"type":48,"value":2368},{"type":42,"tag":140,"props":5046,"children":5047},{"class":142,"line":198},[5048,5053,5057,5062],{"type":42,"tag":140,"props":5049,"children":5050},{"style":2351},[5051],{"type":48,"value":5052},"  flex-direction",{"type":42,"tag":140,"props":5054,"children":5055},{"style":147},[5056],{"type":48,"value":175},{"type":42,"tag":140,"props":5058,"children":5059},{"style":2191},[5060],{"type":48,"value":5061}," column",{"type":42,"tag":140,"props":5063,"children":5064},{"style":147},[5065],{"type":48,"value":2368},{"type":42,"tag":140,"props":5067,"children":5068},{"class":142,"line":225},[5069,5074,5078,5082],{"type":42,"tag":140,"props":5070,"children":5071},{"style":2351},[5072],{"type":48,"value":5073},"  flex-grow",{"type":42,"tag":140,"props":5075,"children":5076},{"style":147},[5077],{"type":48,"value":175},{"type":42,"tag":140,"props":5079,"children":5080},{"style":219},[5081],{"type":48,"value":2363},{"type":42,"tag":140,"props":5083,"children":5084},{"style":147},[5085],{"type":48,"value":2368},{"type":42,"tag":140,"props":5087,"children":5088},{"class":142,"line":405},[5089],{"type":42,"tag":140,"props":5090,"children":5091},{"style":147},[5092],{"type":48,"value":231},{"type":42,"tag":140,"props":5094,"children":5095},{"class":142,"line":430},[5096,5100,5104,5108,5112,5116,5120,5124,5128],{"type":42,"tag":140,"props":5097,"children":5098},{"style":147},[5099],{"type":48,"value":2336},{"type":42,"tag":140,"props":5101,"children":5102},{"style":291},[5103],{"type":48,"value":5005},{"type":42,"tag":140,"props":5105,"children":5106},{"style":147},[5107],{"type":48,"value":2950},{"type":42,"tag":140,"props":5109,"children":5110},{"style":147},[5111],{"type":48,"value":5014},{"type":42,"tag":140,"props":5113,"children":5114},{"style":291},[5115],{"type":48,"value":5019},{"type":42,"tag":140,"props":5117,"children":5118},{"style":147},[5119],{"type":48,"value":2950},{"type":42,"tag":140,"props":5121,"children":5122},{"style":147},[5123],{"type":48,"value":5014},{"type":42,"tag":140,"props":5125,"children":5126},{"style":291},[5127],{"type":48,"value":1238},{"type":42,"tag":140,"props":5129,"children":5130},{"style":147},[5131],{"type":48,"value":280},{"type":42,"tag":140,"props":5133,"children":5134},{"class":142,"line":468},[5135,5139,5143,5147],{"type":42,"tag":140,"props":5136,"children":5137},{"style":2351},[5138],{"type":48,"value":5031},{"type":42,"tag":140,"props":5140,"children":5141},{"style":147},[5142],{"type":48,"value":175},{"type":42,"tag":140,"props":5144,"children":5145},{"style":2191},[5146],{"type":48,"value":5040},{"type":42,"tag":140,"props":5148,"children":5149},{"style":147},[5150],{"type":48,"value":2368},{"type":42,"tag":140,"props":5152,"children":5153},{"class":142,"line":494},[5154,5158,5162,5166],{"type":42,"tag":140,"props":5155,"children":5156},{"style":2351},[5157],{"type":48,"value":5052},{"type":42,"tag":140,"props":5159,"children":5160},{"style":147},[5161],{"type":48,"value":175},{"type":42,"tag":140,"props":5163,"children":5164},{"style":2191},[5165],{"type":48,"value":5061},{"type":42,"tag":140,"props":5167,"children":5168},{"style":147},[5169],{"type":48,"value":2368},{"type":42,"tag":140,"props":5171,"children":5172},{"class":142,"line":520},[5173,5177,5181,5185],{"type":42,"tag":140,"props":5174,"children":5175},{"style":2351},[5176],{"type":48,"value":5073},{"type":42,"tag":140,"props":5178,"children":5179},{"style":147},[5180],{"type":48,"value":175},{"type":42,"tag":140,"props":5182,"children":5183},{"style":219},[5184],{"type":48,"value":2755},{"type":42,"tag":140,"props":5186,"children":5187},{"style":147},[5188],{"type":48,"value":2368},{"type":42,"tag":140,"props":5190,"children":5191},{"class":142,"line":529},[5192],{"type":42,"tag":140,"props":5193,"children":5194},{"style":147},[5195],{"type":48,"value":231},{"type":42,"tag":51,"props":5197,"children":5198},{},[5199],{"type":48,"value":5200},"If present, ensure bottom-aligned CTAs unless otherwise specified:",{"type":42,"tag":93,"props":5202,"children":5204},{"className":1901,"code":5203,"language":1903,"meta":102,"style":102},".equal-cards .cta-bottom {\n  margin-top: auto;\n  justify-content: center;\n}\n",[5205],{"type":42,"tag":100,"props":5206,"children":5207},{"__ignoreMap":102},[5208,5232,5253,5274],{"type":42,"tag":140,"props":5209,"children":5210},{"class":142,"line":143},[5211,5215,5219,5223,5228],{"type":42,"tag":140,"props":5212,"children":5213},{"style":147},[5214],{"type":48,"value":2336},{"type":42,"tag":140,"props":5216,"children":5217},{"style":291},[5218],{"type":48,"value":5005},{"type":42,"tag":140,"props":5220,"children":5221},{"style":147},[5222],{"type":48,"value":5014},{"type":42,"tag":140,"props":5224,"children":5225},{"style":291},[5226],{"type":48,"value":5227},"cta-bottom",{"type":42,"tag":140,"props":5229,"children":5230},{"style":147},[5231],{"type":48,"value":280},{"type":42,"tag":140,"props":5233,"children":5234},{"class":142,"line":153},[5235,5240,5244,5249],{"type":42,"tag":140,"props":5236,"children":5237},{"style":2351},[5238],{"type":48,"value":5239},"  margin-top",{"type":42,"tag":140,"props":5241,"children":5242},{"style":147},[5243],{"type":48,"value":175},{"type":42,"tag":140,"props":5245,"children":5246},{"style":2191},[5247],{"type":48,"value":5248}," auto",{"type":42,"tag":140,"props":5250,"children":5251},{"style":147},[5252],{"type":48,"value":2368},{"type":42,"tag":140,"props":5254,"children":5255},{"class":142,"line":198},[5256,5261,5265,5270],{"type":42,"tag":140,"props":5257,"children":5258},{"style":2351},[5259],{"type":48,"value":5260},"  justify-content",{"type":42,"tag":140,"props":5262,"children":5263},{"style":147},[5264],{"type":48,"value":175},{"type":42,"tag":140,"props":5266,"children":5267},{"style":2191},[5268],{"type":48,"value":5269}," center",{"type":42,"tag":140,"props":5271,"children":5272},{"style":147},[5273],{"type":48,"value":2368},{"type":42,"tag":140,"props":5275,"children":5276},{"class":142,"line":225},[5277],{"type":42,"tag":140,"props":5278,"children":5279},{"style":147},[5280],{"type":48,"value":231},{"type":42,"tag":51,"props":5282,"children":5283},{},[5284],{"type":48,"value":5285},"Always add the following CSS to reset the footer top margin:",{"type":42,"tag":93,"props":5287,"children":5289},{"className":1901,"code":5288,"language":1903,"meta":102,"style":102},".wp-site-blocks > footer {\n  margin-block-start: 0;\n}\n",[5290],{"type":42,"tag":100,"props":5291,"children":5292},{"__ignoreMap":102},[5293,5318,5338],{"type":42,"tag":140,"props":5294,"children":5295},{"class":142,"line":143},[5296,5300,5305,5309,5314],{"type":42,"tag":140,"props":5297,"children":5298},{"style":147},[5299],{"type":48,"value":2336},{"type":42,"tag":140,"props":5301,"children":5302},{"style":291},[5303],{"type":48,"value":5304},"wp-site-blocks",{"type":42,"tag":140,"props":5306,"children":5307},{"style":147},[5308],{"type":48,"value":2950},{"type":42,"tag":140,"props":5310,"children":5311},{"style":291},[5312],{"type":48,"value":5313}," footer",{"type":42,"tag":140,"props":5315,"children":5316},{"style":147},[5317],{"type":48,"value":280},{"type":42,"tag":140,"props":5319,"children":5320},{"class":142,"line":153},[5321,5326,5330,5334],{"type":42,"tag":140,"props":5322,"children":5323},{"style":2351},[5324],{"type":48,"value":5325},"  margin-block-start",{"type":42,"tag":140,"props":5327,"children":5328},{"style":147},[5329],{"type":48,"value":175},{"type":42,"tag":140,"props":5331,"children":5332},{"style":219},[5333],{"type":48,"value":2363},{"type":42,"tag":140,"props":5335,"children":5336},{"style":147},[5337],{"type":48,"value":2368},{"type":42,"tag":140,"props":5339,"children":5340},{"class":142,"line":198},[5341],{"type":42,"tag":140,"props":5342,"children":5343},{"style":147},[5344],{"type":48,"value":231},{"type":42,"tag":57,"props":5346,"children":5348},{"id":5347},"landing-page-composition",[5349],{"type":48,"value":5350},"Landing Page Composition",{"type":42,"tag":51,"props":5352,"children":5353},{},[5354],{"type":48,"value":5355},"When generating homepage block markup, think like a landing page designer, not a template assembler. Every section should be a visually distinct, full-width band that creates rhythm and visual impact as the user scrolls.",{"type":42,"tag":86,"props":5357,"children":5359},{"id":5358},"section-architecture",[5360],{"type":48,"value":5361},"Section Architecture",{"type":42,"tag":64,"props":5363,"children":5364},{},[5365,5391,5417,5437,5470],{"type":42,"tag":68,"props":5366,"children":5367},{},[5368,5373,5375,5381,5383,5389],{"type":42,"tag":72,"props":5369,"children":5370},{},[5371],{"type":48,"value":5372},"Section margin reset",{"type":48,"value":5374},": Add ",{"type":42,"tag":100,"props":5376,"children":5378},{"className":5377},[],[5379],{"type":48,"value":5380},"\"style\":{\"spacing\":{\"margin\":{\"top\":\"0\"}}}",{"type":48,"value":5382}," to every top-level Group block that wraps a landing page section. This overrides WordPress's default top margin on direct children of ",{"type":42,"tag":100,"props":5384,"children":5386},{"className":5385},[],[5387],{"type":48,"value":5388},".wp-site-blocks",{"type":48,"value":5390}," and can be easily adjusted by users in the editor.",{"type":42,"tag":68,"props":5392,"children":5393},{},[5394,5399,5401,5407,5409,5415],{"type":42,"tag":72,"props":5395,"children":5396},{},[5397],{"type":48,"value":5398},"Section layout widths",{"type":48,"value":5400},": Hero sections, header groups, cover blocks, and feature grids should use ",{"type":42,"tag":100,"props":5402,"children":5404},{"className":5403},[],[5405],{"type":48,"value":5406},"\"align\":\"wide\"",{"type":48,"value":5408}," or ",{"type":42,"tag":100,"props":5410,"children":5412},{"className":5411},[],[5413],{"type":48,"value":5414},"\"align\":\"full\"",{"type":48,"value":5416}," rather than defaulting to narrow content width. Only use default (content) alignment for text-heavy reading sections.",{"type":42,"tag":68,"props":5418,"children":5419},{},[5420,5422,5427,5429,5435],{"type":48,"value":5421},"Do ",{"type":42,"tag":72,"props":5423,"children":5424},{},[5425],{"type":48,"value":5426},"not",{"type":48,"value":5428}," use ",{"type":42,"tag":100,"props":5430,"children":5432},{"className":5431},[],[5433],{"type":48,"value":5434},"\u003Cinner-blocks>",{"type":48,"value":5436},"; output the full expanded markup inside each block.",{"type":42,"tag":68,"props":5438,"children":5439},{},[5440,5445,5447,5452,5454,5460,5462,5468],{"type":42,"tag":72,"props":5441,"children":5442},{},[5443],{"type":48,"value":5444},"Columns alignment",{"type":48,"value":5446},": ALWAYS set ",{"type":42,"tag":100,"props":5448,"children":5450},{"className":5449},[],[5451],{"type":48,"value":5406},{"type":48,"value":5453}," on ",{"type":42,"tag":100,"props":5455,"children":5457},{"className":5456},[],[5458],{"type":48,"value":5459},"wp:columns",{"type":48,"value":5461}," blocks (and add the ",{"type":42,"tag":100,"props":5463,"children":5465},{"className":5464},[],[5466],{"type":48,"value":5467},"alignwide",{"type":48,"value":5469}," class on the wrapper div) unless specifically instructed otherwise.",{"type":42,"tag":68,"props":5471,"children":5472},{},[5473,5478,5480,5486,5487,5493,5495,5501],{"type":42,"tag":72,"props":5474,"children":5475},{},[5476],{"type":48,"value":5477},"No decorative HTML comments",{"type":48,"value":5479},": Never insert section-labeling comments like ",{"type":42,"tag":100,"props":5481,"children":5483},{"className":5482},[],[5484],{"type":48,"value":5485},"\u003C!-- Hero Section -->",{"type":48,"value":5408},{"type":42,"tag":100,"props":5488,"children":5490},{"className":5489},[],[5491],{"type":48,"value":5492},"\u003C!-- Services Section -->",{"type":48,"value":5494}," in templates, template parts, or patterns. Only WordPress block comments (",{"type":42,"tag":100,"props":5496,"children":5498},{"className":5497},[],[5499],{"type":48,"value":5500},"\u003C!-- wp:block-name -->",{"type":48,"value":5502},") are allowed.",{"type":42,"tag":51,"props":5504,"children":5505},{},[5506,5517,5519,5524],{"type":42,"tag":72,"props":5507,"children":5508},{},[5509,5511],{"type":48,"value":5510},"Every major homepage section must be ",{"type":42,"tag":100,"props":5512,"children":5514},{"className":5513},[],[5515],{"type":48,"value":5516},"alignfull",{"type":48,"value":5518}," — edge-to-edge across the viewport. Content inside can be constrained, but the section wrapper fills the screen width. This is the ",{"type":42,"tag":72,"props":5520,"children":5521},{},[5522],{"type":48,"value":5523},"full-bleed wrapper, constrained content",{"type":48,"value":5525}," pattern:",{"type":42,"tag":51,"props":5527,"children":5528},{},[5529],{"type":42,"tag":100,"props":5530,"children":5532},{"className":5531},[],[5533],{"type":48,"value":5534},"\u003C!-- wp:group {\"align\":\"full\",\"backgroundColor\":\"...\",\"layout\":{\"type\":\"constrained\"}} -->",{"type":42,"tag":51,"props":5536,"children":5537},{},[5538,5558,5560,5565,5567,5572],{"type":42,"tag":72,"props":5539,"children":5540},{},[5541,5543,5549,5551,5556],{"type":48,"value":5542},"Never use bare ",{"type":42,"tag":100,"props":5544,"children":5546},{"className":5545},[],[5547],{"type":48,"value":5548},"{\"layout\":{\"type\":\"constrained\"}}",{"type":48,"value":5550}," without ",{"type":42,"tag":100,"props":5552,"children":5554},{"className":5553},[],[5555],{"type":48,"value":5414},{"type":48,"value":5557}," for homepage sections.",{"type":48,"value":5559}," Without ",{"type":42,"tag":100,"props":5561,"children":5563},{"className":5562},[],[5564],{"type":48,"value":5516},{"type":48,"value":5566},", sections render at ",{"type":42,"tag":100,"props":5568,"children":5570},{"className":5569},[],[5571],{"type":48,"value":341},{"type":48,"value":5573}," (800px) and the page looks narrow and lifeless.",{"type":42,"tag":51,"props":5575,"children":5576},{},[5577,5582],{"type":42,"tag":72,"props":5578,"children":5579},{},[5580],{"type":48,"value":5581},"YOU DECIDE",{"type":48,"value":5583}," which sections best serve this specific site. Do not follow a rigid template. Consider the site type, audience, and primary goal:",{"type":42,"tag":64,"props":5585,"children":5586},{},[5587,5592,5597,5602,5607],{"type":42,"tag":68,"props":5588,"children":5589},{},[5590],{"type":48,"value":5591},"A portfolio needs a full-bleed project gallery",{"type":42,"tag":68,"props":5593,"children":5594},{},[5595],{"type":48,"value":5596},"A SaaS needs feature grids with clear value props",{"type":42,"tag":68,"props":5598,"children":5599},{},[5600],{"type":48,"value":5601},"A restaurant needs appetizing imagery and menu sections",{"type":42,"tag":68,"props":5603,"children":5604},{},[5605],{"type":48,"value":5606},"An agency needs case study cards and social proof",{"type":42,"tag":68,"props":5608,"children":5609},{},[5610],{"type":48,"value":5611},"An escape room needs atmosphere and immersion",{"type":42,"tag":86,"props":5613,"children":5615},{"id":5614},"visual-rhythm",[5616],{"type":48,"value":5617},"Visual Rhythm",{"type":42,"tag":51,"props":5619,"children":5620},{},[5621],{"type":48,"value":5622},"Alternate between visual treatments to create rhythm as the user scrolls:",{"type":42,"tag":5624,"props":5625,"children":5626},"table",{},[5627,5646],{"type":42,"tag":5628,"props":5629,"children":5630},"thead",{},[5631],{"type":42,"tag":5632,"props":5633,"children":5634},"tr",{},[5635,5641],{"type":42,"tag":5636,"props":5637,"children":5638},"th",{},[5639],{"type":48,"value":5640},"Technique",{"type":42,"tag":5636,"props":5642,"children":5643},{},[5644],{"type":48,"value":5645},"WordPress Implementation",{"type":42,"tag":5647,"props":5648,"children":5649},"tbody",{},[5650,5703,5730,5756,5783],{"type":42,"tag":5632,"props":5651,"children":5652},{},[5653,5659],{"type":42,"tag":5654,"props":5655,"children":5656},"td",{},[5657],{"type":48,"value":5658},"Alternating backgrounds",{"type":42,"tag":5654,"props":5660,"children":5661},{},[5662,5664,5670,5672,5678,5679,5685,5687,5693,5695,5701],{"type":48,"value":5663},"Alternate ",{"type":42,"tag":100,"props":5665,"children":5667},{"className":5666},[],[5668],{"type":48,"value":5669},"backgroundColor",{"type":48,"value":5671}," between ",{"type":42,"tag":100,"props":5673,"children":5675},{"className":5674},[],[5676],{"type":48,"value":5677},"background",{"type":48,"value":1146},{"type":42,"tag":100,"props":5680,"children":5682},{"className":5681},[],[5683],{"type":48,"value":5684},"surface",{"type":48,"value":5686}," (or ",{"type":42,"tag":100,"props":5688,"children":5690},{"className":5689},[],[5691],{"type":48,"value":5692},"primary",{"type":48,"value":5694},"\u002F",{"type":42,"tag":100,"props":5696,"children":5698},{"className":5697},[],[5699],{"type":48,"value":5700},"secondary",{"type":48,"value":5702}," for bold sections)",{"type":42,"tag":5632,"props":5704,"children":5705},{},[5706,5711],{"type":42,"tag":5654,"props":5707,"children":5708},{},[5709],{"type":48,"value":5710},"Full-bleed imagery",{"type":42,"tag":5654,"props":5712,"children":5713},{},[5714,5716,5721,5722,5728],{"type":48,"value":5715},"Cover blocks with ",{"type":42,"tag":100,"props":5717,"children":5719},{"className":5718},[],[5720],{"type":48,"value":5414},{"type":48,"value":1146},{"type":42,"tag":100,"props":5723,"children":5725},{"className":5724},[],[5726],{"type":48,"value":5727},"overlayColor",{"type":48,"value":5729}," from the brand palette",{"type":42,"tag":5632,"props":5731,"children":5732},{},[5733,5738],{"type":42,"tag":5654,"props":5734,"children":5735},{},[5736],{"type":48,"value":5737},"Edge-to-edge media-text",{"type":42,"tag":5654,"props":5739,"children":5740},{},[5741,5747,5749,5754],{"type":42,"tag":100,"props":5742,"children":5744},{"className":5743},[],[5745],{"type":48,"value":5746},"wp:media-text",{"type":48,"value":5748}," with ",{"type":42,"tag":100,"props":5750,"children":5752},{"className":5751},[],[5753],{"type":48,"value":5414},{"type":48,"value":5755}," for alternating image\u002Fcontent sides",{"type":42,"tag":5632,"props":5757,"children":5758},{},[5759,5764],{"type":42,"tag":5654,"props":5760,"children":5761},{},[5762],{"type":48,"value":5763},"Bold CTA bands",{"type":42,"tag":5654,"props":5765,"children":5766},{},[5767,5769,5774,5775,5781],{"type":48,"value":5768},"Full-width group with ",{"type":42,"tag":100,"props":5770,"children":5772},{"className":5771},[],[5773],{"type":48,"value":5692},{"type":48,"value":5408},{"type":42,"tag":100,"props":5776,"children":5778},{"className":5777},[],[5779],{"type":48,"value":5780},"accent",{"type":48,"value":5782}," background, centered text",{"type":42,"tag":5632,"props":5784,"children":5785},{},[5786,5791],{"type":42,"tag":5654,"props":5787,"children":5788},{},[5789],{"type":48,"value":5790},"Spacer breaks",{"type":42,"tag":5654,"props":5792,"children":5793},{},[5794,5800],{"type":42,"tag":100,"props":5795,"children":5797},{"className":5796},[],[5798],{"type":48,"value":5799},"wp:spacer",{"type":48,"value":5801}," between sections for breathing room",{"type":42,"tag":51,"props":5803,"children":5804},{},[5805],{"type":48,"value":5806},"Every section should feel visually distinct from its neighbors. If two adjacent sections have the same background color and layout pattern, the page feels monotonous — change the background, flip the image side, switch from grid to single-column, or add a cover block break.",{"type":42,"tag":57,"props":5808,"children":5810},{"id":5809},"image-handling",[5811],{"type":48,"value":5812},"Image Handling",{"type":42,"tag":51,"props":5814,"children":5815},{},[5816],{"type":48,"value":5817},"ONLY add user provided images\u002Fimage URLs to the initial site build. Stock image urls often fail to load in the block editor and break the design.\nLook at any user supplies images carefully and include them in the design if appropriate, but do not force them in if they do not fit the design.",{"type":42,"tag":86,"props":5819,"children":5821},{"id":5820},"creating-visual-richness-without-images",[5822],{"type":48,"value":5823},"Creating Visual Richness Without Images",{"type":42,"tag":51,"props":5825,"children":5826},{},[5827],{"type":48,"value":5828},"Since only user provided images\u002Fimage URLs can be used, if none are available convey atmosphere and visual interest through:",{"type":42,"tag":64,"props":5830,"children":5831},{},[5832,5842,5852,5862,5872,5882,5892,5902,5912],{"type":42,"tag":68,"props":5833,"children":5834},{},[5835,5840],{"type":42,"tag":72,"props":5836,"children":5837},{},[5838],{"type":48,"value":5839},"CSS Gradients",{"type":48,"value":5841},": Linear, radial, and conic gradients for depth and color",{"type":42,"tag":68,"props":5843,"children":5844},{},[5845,5850],{"type":42,"tag":72,"props":5846,"children":5847},{},[5848],{"type":48,"value":5849},"Color Blocks",{"type":48,"value":5851},": Bold use of background colors to create visual hierarchy",{"type":42,"tag":68,"props":5853,"children":5854},{},[5855,5860],{"type":42,"tag":72,"props":5856,"children":5857},{},[5858],{"type":48,"value":5859},"Typography as Design",{"type":48,"value":5861},": Large, distinctive headings; creative font pairing; varied text sizes and weights",{"type":42,"tag":68,"props":5863,"children":5864},{},[5865,5870],{"type":42,"tag":72,"props":5866,"children":5867},{},[5868],{"type":48,"value":5869},"CSS Patterns",{"type":48,"value":5871},": Repeating backgrounds using CSS gradients (stripes, dots, grids)",{"type":42,"tag":68,"props":5873,"children":5874},{},[5875,5880],{"type":42,"tag":72,"props":5876,"children":5877},{},[5878],{"type":48,"value":5879},"Shadows & Depth",{"type":48,"value":5881},": Box-shadow, text-shadow, and drop-shadow for dimension",{"type":42,"tag":68,"props":5883,"children":5884},{},[5885,5890],{"type":42,"tag":72,"props":5886,"children":5887},{},[5888],{"type":48,"value":5889},"Borders & Frames",{"type":48,"value":5891},": Creative use of borders, outlines, and decorative frames",{"type":42,"tag":68,"props":5893,"children":5894},{},[5895,5900],{"type":42,"tag":72,"props":5896,"children":5897},{},[5898],{"type":48,"value":5899},"Spacing & Layout",{"type":48,"value":5901},": Generous whitespace or controlled density to create mood",{"type":42,"tag":68,"props":5903,"children":5904},{},[5905,5910],{"type":42,"tag":72,"props":5906,"children":5907},{},[5908],{"type":48,"value":5909},"CSS Pseudo-elements",{"type":48,"value":5911},": ::before and ::after for decorative visual elements",{"type":42,"tag":68,"props":5913,"children":5914},{},[5915,5920],{"type":42,"tag":72,"props":5916,"children":5917},{},[5918],{"type":48,"value":5919},"Color Overlays",{"type":48,"value":5921},": Layered divs with transparency for atmospheric effects",{"type":42,"tag":5923,"props":5924,"children":5925},"style",{},[5926],{"type":48,"value":5927},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":5929,"total":6111},[5930,5951,5964,5978,5995,6010,6024,6039,6056,6067,6082,6096],{"slug":5931,"name":5931,"fn":5932,"description":5933,"org":5934,"tags":5935,"stars":5948,"repoUrl":5949,"updatedAt":5950},"annotate","collect visual feedback with browser annotation tools","Open a browser with visual annotation tools. The user clicks elements on their site and leaves feedback — the agent reads annotations and makes changes. Use this when the user wants to point at specific elements to fix, tweak, or redesign.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5936,5939,5942,5945],{"name":5937,"slug":5938,"type":15},"Frontend","frontend",{"name":5940,"slug":5941,"type":15},"Productivity","productivity",{"name":5943,"slug":5944,"type":15},"UX Copy","ux-copy",{"name":5946,"slug":5947,"type":15},"UX Design","ux-design",484,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fstudio","2026-05-06T05:40:01.516544",{"slug":5952,"name":5952,"fn":5953,"description":5954,"org":5955,"tags":5956,"stars":5948,"repoUrl":5949,"updatedAt":5963},"block-content","write editable WordPress block markup","Write editable WordPress block markup for local Studio sites, including core\u002Fhtml limits, block-theme layout rules, full-width sections, validation, and skeleton-first page\u002FCSS recipes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5957,5958,5960,5962],{"name":23,"slug":24,"type":15},{"name":5959,"slug":1903,"type":15},"CSS",{"name":5961,"slug":1176,"type":15},"HTML",{"name":17,"slug":18,"type":15},"2026-05-27T07:01:55.629681",{"slug":5965,"name":5965,"fn":5966,"description":5967,"org":5968,"tags":5969,"stars":5948,"repoUrl":5949,"updatedAt":5977},"hosting-plans-helper","provide WordPress.com hosting plan information","Answer WordPress.com plan, pricing, upgrade, and feature-tier questions (plan names, what each tier unlocks — plugins, themes, custom code, SSH, hosting — and current prices) from authoritative live data. Load before answering ANY plan, pricing, or feature-gating question; never answer these from memory.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5970,5973,5976],{"name":5971,"slug":5972,"type":15},"Pricing","pricing",{"name":5974,"slug":5975,"type":15},"Reference","reference",{"name":17,"slug":18,"type":15},"2026-07-02T07:42:33.654791",{"slug":5979,"name":5979,"fn":5980,"description":5981,"org":5982,"tags":5983,"stars":5948,"repoUrl":5949,"updatedAt":5994},"liberate","migrate websites to WordPress","Import and rebuild a website from a closed platform (Wix, Squarespace, Webflow, Shopify, GoDaddy, Hostinger, HubSpot, Weebly) into a Studio WordPress site. Extracts pages\u002Fposts\u002Fproducts + media, then reconstructs the design as editable blocks + WooCommerce OR as a high-fidelity replica theme. Invoke when the user wants to migrate, import, liberate, or rebuild a site from one of these platforms.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5984,5987,5990,5993],{"name":5985,"slug":5986,"type":15},"CMS","cms",{"name":5988,"slug":5989,"type":15},"Migration","migration",{"name":5991,"slug":5992,"type":15},"Web Development","web-development",{"name":17,"slug":18,"type":15},"2026-07-09T06:47:33.454311",{"slug":5996,"name":5996,"fn":5997,"description":5998,"org":5999,"tags":6000,"stars":5948,"repoUrl":5949,"updatedAt":6009},"need-for-speed","run frontend performance audits for WordPress sites","Run a frontend performance audit on a WordPress site and get actionable optimization recommendations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6001,6004,6005,6008],{"name":6002,"slug":6003,"type":15},"Audit","audit",{"name":5937,"slug":5938,"type":15},{"name":6006,"slug":6007,"type":15},"Performance","performance",{"name":17,"slug":18,"type":15},"2026-05-06T05:40:06.433267",{"slug":6011,"name":6011,"fn":6012,"description":6013,"org":6014,"tags":6015,"stars":5948,"repoUrl":5949,"updatedAt":6023},"plugin-recommendations","recommend WordPress plugins for site features","Choose recommended plugins and plugin-provided blocks for features core WordPress blocks do not cover - ecommerce (WooCommerce), forms and newsletters (Jetpack), online courses and quizzes (Sensei LMS), polls, surveys and ratings (Crowdsignal), spam protection (Akismet) - while keeping generated content editable and avoiding raw HTML fallbacks. Any request to sell products or build a shop, store, or storefront requires WooCommerce with products.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6016,6019,6022],{"name":6017,"slug":6018,"type":15},"Content Creation","content-creation",{"name":6020,"slug":6021,"type":15},"Plugin Development","plugin-development",{"name":17,"slug":18,"type":15},"2026-05-27T07:01:58.249105",{"slug":6025,"name":6025,"fn":6026,"description":6027,"org":6028,"tags":6029,"stars":5948,"repoUrl":5949,"updatedAt":6038},"rank-me-up","run on-page SEO audits for WordPress sites","Run an on-page SEO audit on a WordPress site and get actionable recommendations to improve search visibility.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6030,6031,6034,6037],{"name":6002,"slug":6003,"type":15},{"name":6032,"slug":6033,"type":15},"Marketing","marketing",{"name":6035,"slug":6036,"type":15},"SEO","seo",{"name":17,"slug":18,"type":15},"2026-05-06T05:40:05.196367",{"slug":6040,"name":6040,"fn":6041,"description":6042,"org":6043,"tags":6044,"stars":5948,"repoUrl":5949,"updatedAt":6055},"site-spec","gather specifications for new WordPress sites","Gather the site name and layout preference before building a WordPress site. Run this before creating any new site.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6045,6048,6051,6054],{"name":6046,"slug":6047,"type":15},"Design","design",{"name":6049,"slug":6050,"type":15},"Product Management","product-management",{"name":6052,"slug":6053,"type":15},"Specs","specs",{"name":17,"slug":18,"type":15},"2026-05-06T05:40:02.739409",{"slug":6057,"name":6057,"fn":6058,"description":6059,"org":6060,"tags":6061,"stars":5948,"repoUrl":5949,"updatedAt":6066},"studio-cli","manage local WordPress sites with Studio CLI","Use the Studio CLI to manage local WordPress sites, authentication, and preview sites. Invoke this skill when you need to run Studio CLI commands, manage sites, or troubleshoot site issues.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6062,6065],{"name":6063,"slug":6064,"type":15},"CLI","cli",{"name":17,"slug":18,"type":15},"2026-04-06T18:02:57.150231",{"slug":6068,"name":6068,"fn":6069,"description":6070,"org":6071,"tags":6072,"stars":5948,"repoUrl":5949,"updatedAt":6081},"taxonomist","optimize WordPress category taxonomy","Analyze and optimize a WordPress site's category taxonomy. Exports all posts, uses AI to suggest an improved category structure — merging duplicates, retiring dead categories, creating missing ones, writing descriptions, and re-categorizing posts. Run this when the user wants to clean up or improve their categories.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6073,6076,6079,6080],{"name":6074,"slug":6075,"type":15},"Content Strategy","content-strategy",{"name":6077,"slug":6078,"type":15},"Data Cleaning","data-cleaning",{"name":6035,"slug":6036,"type":15},{"name":17,"slug":18,"type":15},"2026-05-06T05:40:03.966799",{"slug":6083,"name":6083,"fn":6084,"description":6085,"org":6086,"tags":6087,"stars":5948,"repoUrl":5949,"updatedAt":6095},"visual-design","plan and execute visual design direction","Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6088,6091,6092,6093],{"name":6089,"slug":6090,"type":15},"Animation","animation",{"name":6046,"slug":6047,"type":15},{"name":1102,"slug":539,"type":15},{"name":6094,"slug":6083,"type":15},"Visual Design","2026-07-24T05:40:57.887452",{"slug":6097,"name":6097,"fn":6098,"description":6099,"org":6100,"tags":6101,"stars":5948,"repoUrl":5949,"updatedAt":6110},"visual-polish","verify and polish website visual design","Verify and polish a built or redesigned site by diagnosing rendered-DOM issues against intent and fixing them in a planned, batched screenshot-and-fix loop.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6102,6105,6106,6109],{"name":6103,"slug":6104,"type":15},"Debugging","debugging",{"name":5937,"slug":5938,"type":15},{"name":6107,"slug":6108,"type":15},"Screenshots","screenshots",{"name":6094,"slug":6083,"type":15},"2026-06-06T07:09:59.809812",81,{"items":6113,"total":198},[6114,6129,6139],{"slug":6115,"name":6115,"fn":6116,"description":6117,"org":6118,"tags":6119,"stars":25,"repoUrl":26,"updatedAt":6128},"design-systems","guide web design aesthetic decisions","Bold aesthetic direction guidance for web design. Use when making creative decisions about typography, color, motion, spatial composition, and overall visual style. Helps avoid generic \"AI slop\" aesthetics.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6120,6123,6124,6127],{"name":6121,"slug":6122,"type":15},"Creative","creative",{"name":6046,"slug":6047,"type":15},{"name":6125,"slug":6126,"type":15},"Design System","design-system",{"name":1102,"slug":539,"type":15},"2026-04-06T18:03:22.699005",{"slug":6130,"name":6130,"fn":6131,"description":6132,"org":6133,"tags":6134,"stars":25,"repoUrl":26,"updatedAt":6138},"site-specification","extract WordPress site specifications","Extract comprehensive site specifications from simple descriptions. Use when analyzing a user's theme request to determine site type, audience, tone, layout requirements, and typography.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6135,6136,6137],{"name":6046,"slug":6047,"type":15},{"name":6052,"slug":6053,"type":15},{"name":17,"slug":18,"type":15},"2026-04-06T18:03:23.950929",{"slug":4,"name":4,"fn":5,"description":6,"org":6140,"tags":6141,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6142,6143,6144,6145],{"name":23,"slug":24,"type":15},{"name":13,"slug":14,"type":15},{"name":20,"slug":21,"type":15},{"name":17,"slug":18,"type":15}]