{
  "reasoning": "Woonderbear is a single-tagline brand with only a logo asset and a contemporary warm-minimal identity — the modern-minimal style fits perfectly: the wordmark/logo as the entire hero, extreme restraint, generous whitespace, and a single accent (the brand's gold #C9A227). With no products, contacts, or photos beyond the logo, I lean into a gallery-style single-statement page driven by atmospheric copy.",
  "selected_reference_style": "01-modern-minimal",
  "astro_file": "---\nconst { data, copy, i, lang } = Astro.props;\nconst imgUrl = (p) => `${import.meta.env.BASE_URL.replace(/\\/$/, '')}/images/${p}`;\nconst palette = {\n  primary:    data.visual_identity?.color_palette?.primary    || \"#9B9387\",\n  secondary:  data.visual_identity?.color_palette?.secondary  || \"#6B4A2F\",\n  accent:     data.visual_identity?.color_palette?.accent     || \"#C9A227\",\n  background: data.visual_identity?.color_palette?.background || \"#F2F1EE\",\n  text:       data.visual_identity?.color_palette?.text       || \"#2B2B2B\",\n};\n---\n<!DOCTYPE html>\n<html lang={lang}>\n<head>\n  <meta charset=\"utf-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n  <title>{data.business_name}</title>\n  <meta name=\"description\" content={data.tagline} />\n</head>\n<body>\n  <style is:global>\n    @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&display=swap');\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n    html { scroll-behavior: smooth; }\n    body { font-family: var(--font-body); color: var(--color-text); background: var(--color-background); -webkit-font-smoothing: antialiased; }\n    a { color: inherit; text-decoration: none; }\n  </style>\n\n  <style define:vars={{\n    colorPrimary:    palette.primary,\n    colorSecondary:  palette.secondary,\n    colorAccent:     palette.accent,\n    colorBackground: palette.background,\n    colorText:       palette.text,\n  }}>\n    :root {\n      --color-primary:    var(--colorPrimary);\n      --color-secondary:  var(--colorSecondary);\n      --color-accent:     var(--colorAccent);\n      --color-background: var(--colorBackground);\n      --color-text:       var(--colorText);\n      --font-heading: 'Manrope', sans-serif;\n      --font-body: 'Manrope', sans-serif;\n    }\n\n    .site-header {\n      position: sticky; top: 0; z-index: 50;\n      display: flex; align-items: center; justify-content: space-between;\n      padding: 1.1rem 2rem;\n      background: var(--color-background);\n      border-bottom: 1px solid rgba(43,43,43,0.08);\n    }\n    .brand-mark {\n      font-family: var(--font-heading);\n      font-weight: 600;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      font-size: 0.95rem;\n      color: var(--color-secondary);\n    }\n    .header-nav { display: flex; align-items: center; gap: 1.6rem; }\n    .header-nav a {\n      font-size: 0.78rem;\n      text-transform: uppercase;\n      letter-spacing: 0.14em;\n      font-weight: 500;\n      color: var(--color-text);\n      opacity: 0.75;\n      transition: opacity .2s;\n    }\n    .header-nav a:hover { opacity: 1; }\n\n    .lang-switcher {\n      display: inline-flex; align-items: center; gap: 0.5em;\n      font-family: var(--font-body);\n      font-size: 0.82em;\n      letter-spacing: 0.05em;\n    }\n    .lang-switcher span[aria-current] { font-weight: 600; color: var(--color-accent); }\n    .lang-switcher a { opacity: 0.6; }\n    .lang-switcher a:hover { opacity: 1; }\n    .lang-switcher > *:not(:last-child)::after { content: \"\\00b7\"; margin-left: 0.5em; opacity: 0.4; }\n\n    .hero {\n      min-height: 88vh;\n      display: flex; flex-direction: column;\n      align-items: center; justify-content: center;\n      text-align: center;\n      padding: 4rem 1.5rem 5rem;\n    }\n    .hero-logo { max-width: 240px; width: 60vw; height: auto; margin-bottom: 2.5rem; }\n    .hero-eyebrow {\n      font-size: 0.72rem; text-transform: uppercase;\n      letter-spacing: 0.28em; color: var(--color-accent);\n      font-weight: 600; margin-bottom: 1.4rem;\n    }\n    .hero-tagline {\n      font-family: var(--font-heading);\n      font-weight: 300;\n      font-size: clamp(2rem, 6vw, 4rem);\n      line-height: 1.1;\n      letter-spacing: 0.01em;\n      color: var(--color-text);\n      max-width: 18ch;\n    }\n    .hero-text-only {\n      background: var(--color-primary);\n      color: var(--color-background);\n      padding: 6rem 2rem; width: 100%;\n    }\n    .hero-text-only h1 { font-family: var(--font-heading); font-size: clamp(2.5rem, 6vw, 5rem); }\n\n    .statement {\n      max-width: 720px; margin: 0 auto;\n      padding: 5rem 1.5rem 6rem;\n      text-align: center;\n    }\n    .statement .eyebrow {\n      font-size: 0.72rem; text-transform: uppercase;\n      letter-spacing: 0.26em; color: var(--color-accent);\n      font-weight: 600; margin-bottom: 1.6rem;\n    }\n    .statement p {\n      font-size: clamp(1.1rem, 2.4vw, 1.45rem);\n      line-height: 1.7; font-weight: 300;\n      color: var(--color-text);\n    }\n    .statement p + p { margin-top: 1.6rem; }\n\n    .divider {\n      width: 48px; height: 1px; background: var(--color-accent);\n      margin: 0 auto 2.4rem;\n    }\n\n    .contact-cta {\n      text-align: center; padding: 4rem 1.5rem 6rem;\n      background: var(--color-background);\n    }\n    .contact-cta .eyebrow {\n      font-size: 0.72rem; text-transform: uppercase;\n      letter-spacing: 0.26em; color: var(--color-secondary);\n      font-weight: 600; margin-bottom: 1.2rem;\n    }\n    .contact-cta p {\n      font-size: clamp(1.05rem, 2.2vw, 1.3rem);\n      font-weight: 300; max-width: 540px; margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    .site-footer {\n      border-top: 1px solid rgba(43,43,43,0.08);\n      padding: 2.6rem 1.5rem;\n      text-align: center;\n      display: flex; flex-direction: column; align-items: center; gap: 1.2rem;\n    }\n    .footer-logo { width: 44px; height: auto; opacity: 0.9; }\n    .footer-links {\n      display: flex; flex-wrap: wrap; justify-content: center;\n      gap: 1.4rem;\n    }\n    .footer-links a {\n      font-size: 0.74rem; text-transform: uppercase;\n      letter-spacing: 0.14em; opacity: 0.7;\n    }\n    .footer-meta {\n      font-size: 0.72rem; opacity: 0.55; letter-spacing: 0.05em;\n    }\n\n    @media (max-width: 600px) {\n      .site-header { flex-wrap: wrap; gap: 0.8rem; padding: 0.9rem 1.2rem; }\n      .header-nav { gap: 1rem; }\n    }\n  </style>\n\n  <header class=\"site-header\">\n    <span class=\"brand-mark\">{data.business_name}</span>\n    <nav class=\"header-nav\" aria-label=\"primary\">\n      <a href=\"#statement\">{i.nav_about}</a>\n      <a href=\"#contact\">{i.nav_contact}</a>\n      {data.available_locales.length > 1 && (\n        <nav aria-label={i.lang_switcher_label} class=\"lang-switcher\">\n          {data.available_locales.map((loc, idx) => {\n            const isActive = loc === lang;\n            const base = import.meta.env.BASE_URL.replace(/\\/$/, '');\n            const href = idx === 0 ? `${base}/` : `${base}/${loc}/`;\n            return isActive\n              ? <span aria-current=\"page\">{loc.toUpperCase()}</span>\n              : <a href={href}>{loc.toUpperCase()}</a>;\n          })}\n        </nav>\n      )}\n    </nav>\n  </header>\n\n  <section class=\"hero\">\n    {data.images.logo ? (\n      <img class=\"hero-logo\" src={imgUrl(data.images.logo.path)} alt={data.images.logo.alt} />\n    ) : null}\n    <p class=\"hero-eyebrow\">{copy.hero_eyebrow}</p>\n    <h1 class=\"hero-tagline\">{data.tagline}</h1>\n  </section>\n\n  <section id=\"statement\" class=\"statement\">\n    <div class=\"divider\"></div>\n    <p class=\"eyebrow\">{i.section_eyebrow_about}</p>\n    <p>{copy.statement_intro}</p>\n    <p>{copy.statement_body}</p>\n  </section>\n\n  <section id=\"contact\" class=\"contact-cta\">\n    <p class=\"eyebrow\">{i.section_eyebrow_contact}</p>\n    <p>{copy.contact_invitation}</p>\n  </section>\n\n  <footer class=\"site-footer\">\n    {data.images.logo ? (\n      <img class=\"footer-logo\" src={imgUrl(data.images.logo.path)} alt={data.images.logo.alt} />\n    ) : null}\n    <div class=\"footer-links\">\n      <a href=\"#statement\">{i.nav_about}</a>\n      <a href=\"#contact\">{i.nav_contact}</a>\n    </div>\n    <p class=\"footer-meta\">{data.business_name} — {copy.footer_tag}</p>\n  </footer>\n</body>\n</html>",
  "content_schema": [
    {
      "key": "hero_eyebrow",
      "type": "text",
      "max_chars": 40,
      "description": "Tiny uppercase eyebrow above the tagline. Atmospheric, brand-defining word or short phrase — no facts.",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    },
    {
      "key": "statement_intro",
      "type": "text",
      "max_chars": 200,
      "description": "Opening atmospheric line for the statement section. Evocative, abstract — captures the spirit of curiosity and design. No facts.",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    },
    {
      "key": "statement_body",
      "type": "richtext",
      "max_chars": 600,
      "description": "Second atmospheric paragraph elaborating the brand philosophy of wonder and strategy. Abstract, poetic, no verifiable claims.",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    },
    {
      "key": "contact_invitation",
      "type": "text",
      "max_chars": 200,
      "description": "Warm, restrained invitation to get in touch or follow the journey. Atmospheric, no specific contact facts.",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    },
    {
      "key": "footer_tag",
      "type": "text",
      "max_chars": 60,
      "description": "Short footer signature phrase echoing the brand spirit. No facts.",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    }
  ],
  "data_bindings": [
    "business_name",
    "tagline",
    "visual_identity.color_palette.primary",
    "visual_identity.color_palette.secondary",
    "visual_identity.color_palette.accent",
    "visual_identity.color_palette.background",
    "visual_identity.color_palette.text",
    "images.logo",
    "available_locales[]"
  ],
  "ui_translations": {
    "nav_about": "About",
    "nav_contact": "Contact",
    "section_eyebrow_about": "The idea",
    "section_eyebrow_contact": "Get in touch",
    "lang_switcher_label": "Language"
  }
}