<!DOCTYPE html>
<html lang="en-AU">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ArtSHINE Industries | Australia's Complete Creative Industries Ecosystem</title>
  <meta name="description" content="ArtSHINE industries Pty Limited is Australia's creative industries ecosystem and founding SECNA member. Building sustainable creative economies, art licensing, and civic placemaking.">
  <link rel="canonical" href="https://artshineindustries.com/">
 
  <!-- Google Fonts: PT Sans -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
 
  <!-- JSON-LD Entity Graph -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "Organization",
        "@id": "https://artshineindustries.com/#organization",
        "name": "ArtSHINE industries Pty Limited",
        "url": "https://artshineindustries.com",
        "logo": "https://artshineindustries.com/assets/artshine-industries-logo.svg",
        "slogan": "The complete creative industries ecosystem. Building sustainable creative economies.",
        "description": "Australia's globally unique creative industries ecosystem and social enterprise. Innovating, creating, sharing bold work, enriching creative practices, advancing sustainable enterprise, and civic placemaking.",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "Level 2, Building 5B/1-59 Quay St",
          "addressLocality": "Haymarket",
          "addressRegion": "NSW",
          "postalCode": "2000",
          "addressCountry": "AU"
        },
        "founder": [
          {
            "@type": "Person",
            "@id": "https://artshineindustries.com/#vinh-van-lam",
            "name": "Vinh Van Lam",
            "jobTitle": "Co-Founder & Creative Director",
            "sameAs": ["https://vinhvanlam.com", "https://www.linkedin.com/in/vinhvanlam/"]
          },
          {
            "@type": "Person",
            "@id": "https://artshineindustries.com/#stuart-horrex",
            "name": "Stuart Horrex",
            "jobTitle": "Co-Founder & Enterprise Architect",
            "sameAs": ["https://stuarthorrex.com", "https://www.linkedin.com/in/stuarthorrex/"]
          }
        ],
        "subOrganization": [
          {
            "@type": "EducationalOrganization",
            "@id": "https://iicip.artshineindustries.com/#organization",
            "name": "International Institute of Creative Industries Professionals (IICIP)",
            "description": "Enterprise action-learning frameworks for creative practitioners."
          },
          {
            "@type": "Organization",
            "@id": "https://quantumcompass.com.au/#organization",
            "name": "Quantum Compass",
            "url": "https://quantumcompass.com.au",
            "description": "Executive practice mapping, social innovation, and corporate advisory."
          }
        ]
      },
      {
        "@type": "EducationalOccupationalProgram",
        "@id": "https://accelerator.artshineindustries.com/#program",
        "name": "ArtSHINE Launch Pad + Accelerator Program",
        "provider": { "@id": "https://artshineindustries.com/#organization" },
        "timeToComplete": "P2Y",
        "educationalCredentialAwarded": "Commercial Creative Practice Mastery",
        "offers": {
          "@type": "Offer",
          "category": "Creative Commercialisation & Art Licensing",
          "url": "https://artshine.com/accelerator-coaching/"
        }
      }
    ]
  }
  </script>
 
  <style>
    :root {
      /* Brand Color Tokens */
      --color-warm-red: #EF4135;
      --color-red: #C02126;
      --color-magenta: #EC008C;
      --color-orange: #F47D30;
      --color-marigold: #FBB034;
      --color-yellow: #FFD200;
      --color-dark: #1A1A1A;
      --color-muted: #4A4A4A;
      --color-border: #E2E8F0;
      --color-bg-light: #F8F9FA;
      --color-white: #FFFFFF;
      --color-focus: #00A3E0;
      
      /* Typography & Spacing */
      --font-main: 'PT Sans', system-ui, -apple-system, sans-serif;
      --header-height: 80px;
      --container-max: 1240px;
    }
 
    /* Reset & Base Standards */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
 
    html {
      scroll-behavior: smooth;
      scroll-padding-top: calc(var(--header-height) + 20px);
      font-size: 16px;
    }
 
    body {
      font-family: var(--font-main);
      color: var(--color-dark);
      background-color: var(--color-white);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }
 
    a {
      color: inherit;
      text-decoration: none;
    }
 
    button, input, select, textarea {
      font-family: inherit;
      font-size: 1rem;
    }
 
    /* WCAG 2.2 Level AA Focus Outlines */
    :focus-visible {
      outline: 2px solid var(--color-focus);
      outline-offset: 3px;
    }
 
    .skip-to-content {
      position: absolute;
      top: -100px;
      left: 1rem;
      background: var(--color-warm-red);
      color: var(--color-white);
      padding: 0.75rem 1.5rem;
      font-weight: 700;
      z-index: 9999;
      border-radius: 0 0 4px 4px;
      transition: top 0.2s ease;
    }
    .skip-to-content:focus {
      top: 0;
    }
 
    .container {
      width: 100%;
      max-width: var(--container-max);
      margin: 0 auto;
      padding: 0 1.5rem;
    }
 
    /* Buttons */
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      padding: 0.85rem 1.75rem;
      font-weight: 700;
      border-radius: 4px;
      cursor: pointer;
      min-height: 48px;
      min-width: 48px;
      transition: background-color 0.2s ease, transform 0.1s ease, border-color 0.2s ease;
      text-align: center;
      border: 2px solid transparent;
    }
    .btn-primary {
      background-color: var(--color-warm-red);
      color: var(--color-white);
    }
    .btn-primary:hover {
      background-color: var(--color-red);
    }
    .btn-outline {
      border-color: var(--color-warm-red);
      color: var(--color-warm-red);
      background-color: transparent;
    }
    .btn-outline:hover {
      background-color: var(--color-warm-red);
      color: var(--color-white);
    }
    .btn-white {
      background-color: var(--color-white);
      color: var(--color-dark);
    }
    .btn-white:hover {
      background-color: var(--color-bg-light);
    }
 
    /* Header & Navigation */
    .utility-strip {
      background-color: var(--color-dark);
      color: #CCC;
      font-size: 0.8125rem;
      padding: 0.4rem 0;
      border-bottom: 1px solid #333;
    }
    .utility-strip .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
 
    .site-header {
      position: sticky;
      top: 0;
      background-color: rgba(255, 255, 255, 0.98);
      backdrop-filter: blur(8px);
      z-index: 1000;
      border-bottom: 1px solid var(--color-border);
      height: var(--header-height);
      display: flex;
      align-items: center;
    }
    .header-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }
    .brand-logo {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--color-dark);
    }
    .brand-star {
      color: var(--color-warm-red);
      font-size: 1.75rem;
      line-height: 1;
    }
    .brand-logo span {
      color: var(--color-muted);
      font-weight: 400;
      font-size: 1.25rem;
    }
 
    .nav-links {
      display: none;
      align-items: center;
      gap: 1.75rem;
      list-style: none;
    }
    @media (min-width: 992px) {
      .nav-links {
        display: flex;
      }
    }
    .nav-link {
      font-weight: 700;
      color: var(--color-dark);
      padding: 0.5rem 0;
      position: relative;
    }
    .nav-link:hover {
      color: var(--color-warm-red);
    }
 
    .header-actions {
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }
 
    /* Hero Section */
    .hero-section {
      padding: 4.5rem 0 4rem;
      background: linear-gradient(135deg, #FFF5F4 0%, #FFFFFF 60%, #F5F7FA 100%);
      border-bottom: 1px solid var(--color-border);
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2.5rem;
      align-items: center;
    }
    @media (min-width: 992px) {
      .hero-grid {
        grid-template-columns: 1.15fr 0.85fr;
      }
    }
    .hero-tagline {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      background-color: rgba(239, 65, 53, 0.1);
      color: var(--color-warm-red);
      font-weight: 700;
      font-size: 0.875rem;
      padding: 0.35rem 0.85rem;
      border-radius: 50px;
      margin-bottom: 1.25rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .hero-title {
      font-size: clamp(2rem, 3.5vw, 3.25rem);
      font-weight: 700;
      line-height: 1.15;
      color: var(--color-dark);
      margin-bottom: 1.25rem;
    }
    .aeo-answer-container {
      background-color: var(--color-white);
      border-left: 4px solid var(--color-warm-red);
      padding: 1.25rem;
      margin-bottom: 2rem;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
      border-radius: 0 4px 4px 0;
      font-size: 1.05rem;
      color: var(--color-muted);
    }
    .hero-ctas {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
    }
 
    .placeholder-box {
      background: linear-gradient(135deg, #E2E8F0 0%, #CBD5E1 100%);
      border: 2px dashed #94A3B8;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 2rem 1.5rem;
      color: var(--color-muted);
      position: relative;
      overflow: hidden;
      min-height: 280px;
    }
    .placeholder-box .badge {
      position: absolute;
      top: 1rem;
      left: 1rem;
      background-color: var(--color-dark);
      color: var(--color-white);
      font-size: 0.75rem;
      padding: 0.25rem 0.6rem;
      border-radius: 3px;
      text-transform: uppercase;
      font-weight: 700;
    }
    .placeholder-specs {
      font-size: 0.8125rem;
      margin-top: 0.5rem;
      color: #64748B;
    }
 
    /* Section Headers */
    .section-header {
      text-align: center;
      max-width: 760px;
      margin: 0 auto 3rem;
    }
    .section-eyebrow {
      color: var(--color-warm-red);
      text-transform: uppercase;
      font-weight: 700;
      font-size: 0.875rem;
      letter-spacing: 0.08em;
      margin-bottom: 0.5rem;
    }
    .section-title {
      font-size: clamp(1.75rem, 2.5vw, 2.35rem);
      font-weight: 700;
      line-height: 1.25;
      margin-bottom: 0.75rem;
    }
 
    /* Initiatives Grid (StartSomeGood "What's On") */
    .initiatives-section {
      padding: 5rem 0;
      background-color: var(--color-bg-light);
    }
    .initiatives-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
    @media (min-width: 768px) {
      .initiatives-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (min-width: 1024px) {
      .initiatives-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }
    .initiative-card {
      background: var(--color-white);
      border-radius: 8px;
      border: 1px solid var(--color-border);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      box-shadow: 0 4px 6px rgba(0,0,0,0.02);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .initiative-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 16px rgba(0,0,0,0.06);
    }
    .card-content {
      padding: 1.25rem;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }
    .card-tag {
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase;
      padding: 0.2rem 0.5rem;
      border-radius: 3px;
      display: inline-block;
      margin-bottom: 0.75rem;
      width: fit-content;
    }
    .tag-placemaking { background-color: #FCE7F3; color: var(--color-magenta); }
    .tag-trade { background-color: #FEF3C7; color: #B45309; }
    .tag-education { background-color: #E0F2FE; color: #0369A1; }
    .tag-social { background-color: #DCFCE7; color: #15803D; }
 
    .card-title {
      font-size: 1.125rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
      line-height: 1.3;
    }
    .card-text {
      font-size: 0.9375rem;
      color: var(--color-muted);
      margin-bottom: 1rem;
      flex-grow: 1;
    }
    .card-link {
      font-weight: 700;
      font-size: 0.875rem;
      color: var(--color-warm-red);
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
    }
 
    /* Program Engine (Launch Pad + Accelerator) */
    .engine-section {
      padding: 5rem 0;
      background-color: var(--color-white);
    }
    .engine-wrapper {
      display: grid;
      grid-template-columns: 1fr;
      gap: 3rem;
      align-items: center;
    }
    @media (min-width: 992px) {
      .engine-wrapper {
        grid-template-columns: 1fr 1fr;
      }
    }
    .engine-highlights {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.25rem;
    }
    .highlight-tile {
      background-color: var(--color-bg-light);
      border-radius: 8px;
      padding: 1.25rem;
      border-left: 3px solid var(--color-warm-red);
    }
    .highlight-stat {
      font-size: 1.75rem;
      font-weight: 700;
      color: var(--color-warm-red);
      line-height: 1.2;
    }
    .highlight-label {
      font-size: 0.875rem;
      font-weight: 700;
      margin-top: 0.25rem;
      color: var(--color-dark);
    }
 
    /* Interactive Diagnostic Tool (5Cs Scorecard) */
    .scorecard-section {
      padding: 5rem 0;
      background: linear-gradient(180deg, var(--color-bg-light) 0%, #FFFFFF 100%);
    }
    .scorecard-container {
      background: var(--color-white);
      border: 1px solid var(--color-border);
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.05);
      padding: 2.5rem;
      max-width: 800px;
      margin: 0 auto;
    }
    .scorecard-progress {
      height: 8px;
      background-color: #E2E8F0;
      border-radius: 4px;
      overflow: hidden;
      margin-bottom: 2rem;
    }
    .scorecard-bar {
      height: 100%;
      width: 20%;
      background-color: var(--color-warm-red);
      transition: width 0.3s ease;
    }
    .diagnostic-step {
      display: none;
    }
    .diagnostic-step.active {
      display: block;
    }
    .option-group {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      margin: 1.5rem 0;
    }
    .option-label {
      border: 1px solid var(--color-border);
      padding: 1rem 1.25rem;
      border-radius: 6px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 0.75rem;
      font-weight: 700;
      transition: border-color 0.2s, background-color 0.2s;
    }
    .option-label:hover {
      border-color: var(--color-warm-red);
      background-color: #FFF5F4;
    }
    .option-label input[type="radio"] {
      accent-color: var(--color-warm-red);
      width: 1.25rem;
      height: 1.25rem;
    }
 
    /* Lead Magnet Strip */
    .lead-magnet-section {
      padding: 4.5rem 0;
      background-color: var(--color-dark);
      color: var(--color-white);
    }
    .inline-form {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      margin-top: 1.5rem;
    }
    @media (min-width: 768px) {
      .inline-form {
        flex-direction: row;
      }
      .inline-form input, .inline-form select {
        flex: 1;
      }
    }
    .inline-form input, .inline-form select {
      padding: 0.85rem 1rem;
      border-radius: 4px;
      border: 1px solid #444;
      background-color: #2D3748;
      color: var(--color-white);
    }
 
    /* Profiling Intake Form (Keap/Infusionsoft Logic) */
    .intake-section {
      padding: 5rem 0;
      background-color: var(--color-white);
    }
    .intake-box {
      max-width: 820px;
      margin: 0 auto;
      border: 1px solid var(--color-border);
      border-radius: 12px;
      padding: 2.5rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    }
    .persona-tabs {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.5rem;
      margin-bottom: 2rem;
    }
    @media (min-width: 768px) {
      .persona-tabs {
        grid-template-columns: repeat(4, 1fr);
      }
    }
    .persona-tab {
      padding: 0.85rem 0.5rem;
      border: 1px solid var(--color-border);
      background: var(--color-bg-light);
      border-radius: 6px;
      font-weight: 700;
      font-size: 0.875rem;
      cursor: pointer;
      text-align: center;
      transition: all 0.2s ease;
    }
    .persona-tab.active {
      background: var(--color-warm-red);
      color: var(--color-white);
      border-color: var(--color-warm-red);
    }
    .form-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.25rem;
    }
    @media (min-width: 768px) {
      .form-grid-2 {
        grid-template-columns: 1fr 1fr;
      }
    }
    .form-group {
      display: flex;
      flex-direction: column;
      gap: 0.4rem;
    }
    .form-group label {
      font-size: 0.875rem;
      font-weight: 700;
    }
    .form-group input, .form-group select, .form-group textarea {
      padding: 0.75rem;
      border: 1px solid #CBD5E1;
      border-radius: 4px;
    }
 
    /* Mission Re-engagement Banner */
    .reengagement-banner {
      padding: 4.5rem 0;
      background: linear-gradient(135deg, var(--color-red) 0%, var(--color-dark) 100%);
      color: var(--color-white);
      text-align: center;
    }
    .reengagement-banner h2 {
      font-size: clamp(1.75rem, 3vw, 2.5rem);
      margin-bottom: 1rem;
    }
    .reengagement-banner p {
      max-width: 750px;
      margin: 0 auto 2rem;
      font-size: 1.125rem;
      opacity: 0.95;
    }
 
    /* Footer & Compliance Repository */
    .site-footer {
      background-color: var(--color-dark);
      color: #CBD5E1;
      padding: 4.5rem 0 2rem;
      font-size: 0.875rem;
    }
    .footer-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2.5rem;
      margin-bottom: 3.5rem;
    }
    @media (min-width: 640px) {
      .footer-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (min-width: 1024px) {
      .footer-grid {
        grid-template-columns: 1.2fr 0.9fr 0.9fr 1fr;
      }
    }
    .footer-col h3 {
      color: var(--color-white);
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 1.25rem;
      border-left: 3px solid var(--color-warm-red);
      padding-left: 0.5rem;
    }
    .footer-links {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }
    .footer-links a:hover {
      color: var(--color-warm-red);
    }
    .badge-ext {
      font-size: 0.6875rem;
      background-color: #334155;
      padding: 0.15rem 0.4rem;
      border-radius: 3px;
      margin-left: 0.35rem;
      color: #94A3B8;
    }
 
    .footer-bottom {
      border-top: 1px solid #334155;
      padding-top: 2rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      font-size: 0.8125rem;
      color: #94A3B8;
    }
    @media (min-width: 768px) {
      .footer-bottom {
        flex-direction: row;
        justify-content: space-between;
      }
    }
 
    /* Sticky Practice Mapping Component */
    .sticky-drawer {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: rgba(26, 26, 26, 0.98);
      border-top: 3px solid var(--color-warm-red);
      color: var(--color-white);
      padding: 0.85rem 1.5rem;
      z-index: 999;
      box-shadow: 0 -4px 16px rgba(0,0,0,0.2);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      transition: transform 0.3s ease;
    }
    .sticky-drawer.hidden {
      transform: translateY(100%);
    }
    .sticky-content {
      display: flex;
      align-items: center;
      gap: 1rem;
      flex-wrap: wrap;
    }
    .sticky-badge {
      background: var(--color-warm-red);
      font-weight: 700;
      font-size: 0.75rem;
      padding: 0.25rem 0.5rem;
      border-radius: 3px;
      text-transform: uppercase;
    }
    .close-sticky {
      background: transparent;
      border: none;
      color: #94A3B8;
      font-size: 1.5rem;
      cursor: pointer;
      line-height: 1;
      padding: 0.25rem 0.5rem;
      min-width: 24px;
      min-height: 24px;
    }
    .close-sticky:hover {
      color: var(--color-white);
    }
  </style>
</head>
<body>
 
  <!-- WCAG 2.2 AA Skip Navigation Link -->
  <a href="#main-content" class="skip-to-content">Skip to main content</a>
 
  <!-- Top Utility Strip & Land Acknowledgement -->
  <div class="utility-strip">
    <div class="container">
      <div>Gadigal Country | Level 2, Building 5B/1-59 Quay St, Haymarket NSW 2000</div>
      <div>Founding Industry Member: Social Enterprise Council of NSW & ACT (SECNA)</div>
    </div>
  </div>
 
  <!-- Global Header -->
  <header class="site-header">
    <div class="header-inner container">
      <a href="/" class="brand-logo" aria-label="ArtSHINE Industries Home">
        <span class="brand-star">★</span>ArtSHINE <span>Industries</span>
      </a>
 
      <nav aria-label="Corporate Primary Navigation">
        <ul class="nav-links">
          <li><a href="#ventures" class="nav-link">Ecosystem & Ventures</a></li>
          <li><a href="#initiatives" class="nav-link">Placemaking & Impact</a></li>
          <li><a href="#accelerator" class="nav-link">Action Learning</a></li>
          <li><a href="#governance" class="nav-link">Corporate Governance</a></li>
        </ul>
      </nav>
 
      <div class="header-actions">
        <a href="#intake-form" class="btn-outline btn" style="display: none; @media(min-width: 600px){ display: inline-flex; }">Partner With Us</a>
        <a href="https://calendar.google.com/calendar/u/0/r/appointment" target="_blank" rel="noopener noreferrer" class="btn-primary btn">
          Practice Mapping ↗
        </a>
      </div>
    </div>
  </header>
 
  <main id="main-content">
 
    <!-- 1. Institutional Hero Block (StartSomeGood Model) -->
    <section class="hero-section">
      <div class="hero-grid container">
        <div>
          <div class="hero-tagline">Complete Creative Industries Ecosystem</div>
          <h1 class="hero-title">Building Sustainable Creative Economies & Thriving Civic Spaces</h1>
          
          <!-- Answer Engine Optimisation (AEO) Declarative Container -->
          <div class="aeo-answer-container">
            <strong>ArtSHINE industries Pty Limited</strong> is Australia’s globally unique creative industries ecosystem and founding member of SECNA. Integrating practical business acceleration, art licensing agency representation, and self-paced action learning, ArtSHINE partners with local governments, impact investors, and artists to build sustainable creative economies and revitalize urban civic spaces.
          </div>
 
          <div class="hero-ctas">
            <a href="#intake-form" class="btn-primary btn">Explore Civic Partnerships →</a>
            <a href="#scorecard" class="btn-outline btn">Check Enterprise Readiness</a>
          </div>
        </div>
 
        <div>
          <div class="placeholder-box" style="height: 380px;">
            <span class="badge">Visual Asset Placement</span>
            <svg width="48" height="48" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="margin-bottom: 1rem; color: #64748B;"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
            <strong>Production Reel / Civic Placemaking Imagery</strong>
            <p class="placeholder-specs">Required: 1200x800px WebP montage showcasing Sydney creative studios, surface design production, and Darling Square public activation.</p>
          </div>
        </div>
      </div>
    </section>
 
    <!-- 2. Active Initiatives ("What's On" at ArtSHINE) -->
    <section class="initiatives-section" id="initiatives">
      <div class="container">
        <div class="section-header">
          <div class="section-eyebrow">Active Momentum</div>
          <h2 class="section-title">Current Ecosystem Initiatives & Placemaking</h2>
          <p>Verified public engagements, cultural precinct activations, and commercial export pathways currently in execution.</p>
        </div>
 
        <div class="initiatives-grid">
          <!-- Card 1: Asia Live 2026 -->
          <article class="initiative-card">
            <div class="placeholder-box" style="min-height: 180px; border-radius: 0; border: none; border-bottom: 1px solid var(--color-border);">
              <span class="badge" style="top: 0.5rem; left: 0.5rem;">Placemaking</span>
              <p class="placeholder-specs">Image: Darling Square pedestrian evening activation (1200x800px)</p>
            </div>
            <div class="card-content">
              <span class="tag-placemaking card-tag">Civic Activation</span>
              <h3 class="card-title">Asia Live 2026: Darling Square & Haymarket</h3>
              <p class="card-text">Partnering across Haymarket and Darling Square for Asia Live 2026 (April 4–18), activating public spaces with cultural installations and retail integration supported by City of Sydney.</p>
              <a href="https://www.darlingsq.com/news-and-events/news/asialive/" target="_blank" rel="noopener noreferrer" class="card-link">Review Precinct Program ↗</a>
            </div>
          </article>
 
          <!-- Card 2: International Trade -->
          <article class="initiative-card">
            <div class="placeholder-box" style="min-height: 180px; border-radius: 0; border: none; border-bottom: 1px solid var(--color-border);">
              <span class="badge" style="top: 0.5rem; left: 0.5rem;">Export</span>
              <p class="placeholder-specs">Image: International Trade Show Booth (Surtex / BLE)</p>
            </div>
            <div class="card-content">
              <span class="tag-trade card-tag">Global Delegations</span>
              <h3 class="card-title">International Licensing Trade Delegations</h3>
              <p class="card-text">Preparing Australian surface designers and creators for curated exhibition panels at Surtex New York, Brand Licensing Europe, and Licensing Expo.</p>
              <a href="https://artshinelicensing.com" target="_blank" rel="noopener noreferrer" class="card-link">Explore Licensing Catalogue ↗</a>
            </div>
          </article>
 
          <!-- Card 3: IICIP Frameworks -->
          <article class="initiative-card">
            <div class="placeholder-box" style="min-height: 180px; border-radius: 0; border: none; border-bottom: 1px solid var(--color-border);">
              <span class="badge" style="top: 0.5rem; left: 0.5rem;">Education</span>
              <p class="placeholder-specs">Image: Action Learning Practice Mapping Workshop</p>
            </div>
            <div class="card-content">
              <span class="tag-education card-tag">Action Learning</span>
              <h3 class="card-title">IICIP: Applied Micro-Enterprise Frameworks</h3>
              <p class="card-text">Self-paced, real-world educational modules empowering artists to build operational business systems and commercial portfolios in 5–7 hours weekly.</p>
              <a href="#accelerator" class="card-link">Discover OPIC™ Methodology →</a>
            </div>
          </article>
 
          <!-- Card 4: SECNA Membership -->
          <article class="initiative-card">
            <div class="placeholder-box" style="min-height: 180px; border-radius: 0; border: none; border-bottom: 1px solid var(--color-border);">
              <span class="badge" style="top: 0.5rem; left: 0.5rem;">Governance</span>
              <p class="placeholder-specs">Logo: SECNA Founding Industry Member Badge</p>
            </div>
            <div class="card-content">
              <span class="tag-social card-tag">Social Enterprise</span>
              <h3 class="card-title">Founding Member: SECNA Network</h3>
              <p class="card-text">Collaborating with the Social Enterprise Council of NSW & ACT to build sustainable social procurement channels and champion purpose-led creative enterprise.</p>
              <a href="#governance" class="card-link">Social Enterprise Charter →</a>
            </div>
          </article>
        </div>
      </div>
    </section>
 
    <!-- 3. Flagship Commercial Engine: Launch Pad + Accelerator -->
    <section class="engine-section" id="accelerator">
      <div class="engine-wrapper container">
        <div>
          <div class="section-eyebrow">Proven Pedagogical System</div>
          <h2 class="section-title">24-Month Launch Pad + Accelerator Pipeline</h2>
          <p style="margin-bottom: 1.5rem; font-size: 1.05rem; color: var(--color-muted);">
            Traditional arts education leaves 90% of practitioners below the poverty line. ArtSHINE replaces theoretical busywork with structured, real-world action learning powered by the proprietary <strong>OPIC™ Planning System</strong> (Outcomes, Priorities, Indicators, Continuous action).
          </p>
          
          <div class="engine-highlights">
            <div class="highlight-tile">
              <div class="highlight-stat">80%</div>
              <div class="highlight-label">Year 1 Art Licensing Rate</div>
              <p style="font-size: 0.8125rem; color: var(--color-muted); margin-top: 0.25rem;">Participants securing commercial deals within 12 months.</p>
            </div>
            <div class="highlight-tile">
              <div class="highlight-stat">5–7 hrs</div>
              <div class="highlight-label">Weekly Commitment</div>
              <p style="font-size: 0.8125rem; color: var(--color-muted); margin-top: 0.25rem;">Engineered for working practitioners and career changers.</p>
            </div>
            <div class="highlight-tile">
              <div class="highlight-stat">100%</div>
              <div class="highlight-label">IP Retained by Creator</div>
              <p style="font-size: 0.8125rem; color: var(--color-muted); margin-top: 0.25rem;">Ethical, non-exclusive terms with below-market agency fees.</p>
            </div>
            <div class="highlight-tile">
              <div class="highlight-stat">Global</div>
              <div class="highlight-label">Trade Show Panels</div>
              <p style="font-size: 0.8125rem; color: var(--color-muted); margin-top: 0.25rem;">Exhibiting at Surtex NY, BLE London, and Frankfurt Messe.</p>
            </div>
          </div>
 
          <div style="margin-top: 2rem;">
            <a href="https://artshine.com/accelerator-coaching/" target="_blank" rel="noopener noreferrer" class="btn-primary btn">
              Apply for Accelerator Intake [↗]
            </a>
          </div>
        </div>
 
        <div>
          <div class="placeholder-box" style="min-height: 420px;">
            <span class="badge">Ecosystem Blueprint</span>
            <svg width="64" height="64" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="margin-bottom: 1rem; color: #64748B;"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
            <strong>24-Month Roadmap Infographic Placeholder</strong>
            <p class="placeholder-specs">Required: Diagram showing Phase 1 (Launch Pad: Foundation & Quirk) transitioning into Phase 2 (Accelerator: Global Licensing & B2B Distribution).</p>
          </div>
        </div>
      </div>
    </section>
 
    <!-- 4. Interactive Diagnostic: 5Cs Creative Readiness Scorecard -->
    <section class="scorecard-section" id="scorecard">
      <div class="container">
        <div class="section-header">
          <div class="section-eyebrow">Diagnostic Tool</div>
          <h2 class="section-title">Creative Enterprise Readiness Scorecard</h2>
          <p>Evaluate your creative practice across the 5Cs of sustainable enterprise to discover commercialisation and placemaking potential.</p>
        </div>
 
        <div class="scorecard-container" id="diagnostic-widget">
          <div class="scorecard-progress">
            <div class="scorecard-bar" id="diagnostic-progress"></div>
          </div>
 
          <!-- Step 1: Capital -->
          <div class="active diagnostic-step" data-step="1">
            <h3>Dimension 1: Capital & Revenue Diversification</h3>
            <p style="color: var(--color-muted); font-size: 0.9375rem;">How diversified are your current commercial revenue streams?</p>
            <div class="option-group">
              <label class="option-label"><input type="radio" name="c1" value="5"> Solely reliant on one-off original art or client hourly fees</label>
              <label class="option-label"><input type="radio" name="c1" value="15"> Occasional print sales, commissions, or local market stalls</label>
              <label class="option-label"><input type="radio" name="c1" value="20"> Recurring licensing royalties, wholesale stockists, or gallery contracts</label>
            </div>
            <button class="btn-primary btn" onclick="nextScorecardStep(2)">Proceed to Step 2 →</button>
          </div>
 
          <!-- Step 2: Commercialisation -->
          <div class="diagnostic-step" data-step="2">
            <h3>Dimension 2: Commercialisation & Product Suitability</h3>
            <p style="color: var(--color-muted); font-size: 0.9375rem;">Is your portfolio structured for surface design and B2B manufacturer licensing?</p>
            <div class="option-group">
              <label class="option-label"><input type="radio" name="c2" value="5"> No digital repeats, style guides, or commercial collections prepared</label>
              <label class="option-label"><input type="radio" name="c2" value="15"> High-resolution files exist but lack technical repeat patterns and mockups</label>
              <label class="option-label"><input type="radio" name="c2" value="20"> Trade-ready 8-page licensing lookbook with defined trend themes</label>
            </div>
            <button class="btn-primary btn" onclick="nextScorecardStep(3)">Proceed to Step 3 →</button>
          </div>
 
          <!-- Step 3: Capacity -->
          <div class="diagnostic-step" data-step="3">
            <h3>Dimension 3: Capacity & Action Systems</h3>
            <p style="color: var(--color-muted); font-size: 0.9375rem;">Can you allocate 5–7 focused hours weekly toward business building?</p>
            <div class="option-group">
              <label class="option-label"><input type="radio" name="c3" value="5"> Stretched thin by daily admin with zero structured time allocation</label>
              <label class="option-label"><input type="radio" name="c3" value="15"> Able to find irregular hours on weekends without a systematic plan</label>
              <label class="option-label"><input type="radio" name="c3" value="20"> Dedicated weekly rhythm established to execute priority action templates</label>
            </div>
            <button class="btn-primary btn" onclick="nextScorecardStep(4)">Proceed to Step 4 →</button>
          </div>
 
          <!-- Step 4: Community -->
          <div class="diagnostic-step" data-step="4">
            <h3>Dimension 4: Community & Stakeholder Connection</h3>
            <p style="color: var(--color-muted); font-size: 0.9375rem;">What level of civic engagement or professional peer network do you maintain?</p>
            <div class="option-group">
              <label class="option-label"><input type="radio" name="c4" value="5"> Isolated studio practice with minimal peer or community involvement</label>
              <label class="option-label"><input type="radio" name="c4" value="15"> Active in online creative groups but lacking local placemaking partnerships</label>
              <label class="option-label"><input type="radio" name="c4" value="20"> Connected with local councils, gallery spaces, and supportive creator cohorts</label>
            </div>
            <button class="btn-primary btn" onclick="nextScorecardStep(5)">Proceed to Step 5 →</button>
          </div>
 
          <!-- Step 5: Culture & Quirk -->
          <div class="diagnostic-step" data-step="5">
            <h3>Dimension 5: Culture & Commercial Signature</h3>
            <p style="color: var(--color-muted); font-size: 0.9375rem;">Have you defined your unique artistic 'Quirk' that distinguishes your work?</p>
            <div class="option-group">
              <label class="option-label"><input type="radio" name="c5" value="5"> Unsure of distinctive style; following temporary social media trends</label>
              <label class="option-label"><input type="radio" name="c5" value="15"> Distinct aesthetic identified but not yet commercialised for product lines</label>
              <label class="option-label"><input type="radio" name="c5" value="20"> Crystal clear signature brand recognizable across products and homewares</label>
            </div>
            <button class="btn-primary btn" onclick="calculateScorecard()">Generate Enterprise Report →</button>
          </div>
 
          <!-- Results Gate (Keap CRM Ingestion Hook) -->
          <div class="diagnostic-step" id="scorecard-result">
            <div style="text-align: center; margin-bottom: 1.5rem;">
              <div style="font-size: 3rem; font-weight: 700; color: var(--color-warm-red);" id="score-display">0/100</div>
              <h3 id="score-tier">Enterprise Evaluation Complete</h3>
              <p style="color: var(--color-muted); font-size: 0.9375rem;">Enter your business email to receive your tailored 5Cs Growth & Placemaking Strategy PDF via Keap CRM automation.</p>
            </div>
            <form action="https://artshine.infusionsoft.com/app/form/process/diagnostic-intake" method="POST" class="form-grid">
              <div class="form-group">
                <label for="diag-name">Full Name</label>
                <input type="text" id="diag-name" name="contact_name" required placeholder="Your full name">
              </div>
              <div class="form-group">
                <label for="diag-email">Business Email</label>
                <input type="email" id="diag-email" name="contact_email" required placeholder="you@domain.com">
              </div>
              <button type="submit" class="btn-primary btn" style="margin-top: 0.5rem;">Email Complete Evaluation Report</button>
            </form>
          </div>
        </div>
      </div>
    </section>
 
    <!-- 5. Educational Value On-Ramp: 5-Day Email Briefings -->
    <section class="lead-magnet-section">
      <div class="container" style="max-width: 860px; text-align: center;">
        <span class="hero-tagline" style="background: rgba(255,255,255,0.1); color: var(--color-yellow);">Executive On-Ramp</span>
        <h2 style="font-size: 2.25rem; font-weight: 700; margin-bottom: 0.75rem;">5 Days to Sustainable Creative Enterprise & Impact Placemaking</h2>
        <p style="opacity: 0.9; font-size: 1.05rem;">
          A complimentary 5-part executive email series covering artist income resilience, commercial licensing models, and precinct placemaking frameworks.
        </p>
 
        <!-- Keap/Infusionsoft CRM Capture Form -->
        <form action="https://artshine.infusionsoft.com/app/form/process/5day-course" method="POST" class="inline-form">
          <input type="text" name="first_name" placeholder="First Name" required aria-label="First Name">
          <input type="email" name="email" placeholder="Business Email Address" required aria-label="Email Address">
          <select name="stakeholder_type" required aria-label="Stakeholder Role">
            <option value="" disabled selected>Select Your Sector</option>
            <option value="Artist">Creative Practitioner / Artist</option>
            <option value="Council">Local Council / Precinct Planner</option>
            <option value="Investor">Impact Investor / Arts Patron</option>
            <option value="Commercial">Retailer / Manufacturer</option>
          </select>
          <button type="submit" class="btn-primary btn">Enroll in Free Course</button>
        </form>
      </div>
    </section>
 
    <!-- 6. Multi-Stakeholder Profiling Intake Engine -->
    <section class="intake-section" id="intake-form">
      <div class="container">
        <div class="section-header">
          <div class="section-eyebrow">Strategic Engagement</div>
          <h2 class="section-title">Institutional, Civic & Enterprise Inquiries</h2>
          <p>Select your operational sector below to route your strategic inquiry directly to executive CRM management.</p>
        </div>
 
        <div class="intake-box">
          <div class="persona-tabs" role="tablist">
            <button class="active persona-tab" type="button" role="tab" onclick="switchPersona('council', this)">Local Government & Precincts</button>
            <button class="persona-tab" type="button" role="tab" onclick="switchPersona('investor', this)">Investors & Patrons</button>
            <button class="persona-tab" type="button" role="tab" onclick="switchPersona('commercial', this)">Retailers & Licensees</button>
            <button class="persona-tab" type="button" role="tab" onclick="switchPersona('creative', this)">Creative Practitioners</button>
          </div>
 
          <!-- Dynamic Form Posting to Keap CRM -->
          <form action="https://artshine.infusionsoft.com/app/form/process/corporate-intake" method="POST" class="form-grid">
            <input type="hidden" name="intake_persona" id="intake_persona" value="council">
            
            <div class="form-grid-2 form-grid">
              <div class="form-group">
                <label for="contact_first">First Name *</label>
                <input type="text" id="contact_first" name="first_name" required>
              </div>
              <div class="form-group">
                <label for="contact_last">Last Name *</label>
                <input type="text" id="contact_last" name="last_name" required>
              </div>
            </div>
 
            <div class="form-grid-2 form-grid">
              <div class="form-group">
                <label for="contact_corp_email">Business / Institutional Email *</label>
                <input type="email" id="contact_corp_email" name="email" required>
              </div>
              <div class="form-group">
                <label for="contact_phone">Direct Phone *</label>
                <input type="tel" id="contact_phone" name="phone" required>
              </div>
            </div>
 
            <!-- Dynamic Fields -->
            <div class="form-group" id="field-dynamic-org">
              <label for="org_name" id="label-dynamic-org">Council Jurisdiction / Organisation *</label>
              <input type="text" id="org_name" name="organisation" required>
            </div>
 
            <div class="form-group" id="field-dynamic-scope">
              <label for="project_scope" id="label-dynamic-scope">Precinct Scope & Available Floorspace</label>
              <textarea id="project_scope" name="project_scope" rows="3" placeholder="Outline available retail/cultural footprints, grant objectives, or precinct timeline..."></textarea>
            </div>
 
            <div style="font-size: 0.8125rem; color: var(--color-muted);">
              <label style="display: flex; gap: 0.5rem; align-items: flex-start;">
                <input type="checkbox" name="gdpr_consent" required style="margin-top: 0.2rem;">
                I consent to ArtSHINE industries Pty Limited processing my details in accordance with Australian Privacy Principles and its Corporate Privacy Charter.
              </label>
            </div>
 
            <button type="submit" class="btn-primary btn" style="align-self: flex-start; margin-top: 0.5rem;">
              Submit Strategic Inquiry →
            </button>
          </form>
        </div>
      </div>
    </section>
 
    <!-- 7. Mission Re-engagement Banner (StartSomeGood Model) -->
    <section class="reengagement-banner">
      <div class="container">
        <h2>Reversing Creative Workforce Displacement in Australian Cities</h2>
        <p>
          By connecting commercial enterprise coaching, art licensing, and cultural precinct activation, ArtSHINE protects cultural identity, drives local economic vibrancy, and ensures creative enterprise remains sustainable.
        </p>
        <a href="#governance" class="btn-white btn">Review Corporate Governance Charter</a>
      </div>
    </section>
 
  </main>
 
  <!-- 8. Deep Compliance & Ecosystem Directory Footer -->
  <footer class="site-footer" id="governance">
    <div class="container">
      <div class="footer-grid">
        
        <!-- Column 1: Ecosystem Services Directory -->
        <div class="footer-col" id="ventures">
          <h3>Ecosystem Services</h3>
          <ul class="footer-links">
            <li><a href="https://artshine.com/academy/" target="_blank" rel="noopener noreferrer">Academy <span class="badge-ext">Standalone ↗</span></a></li>
            <li><a href="https://artshine.com/accelerator-coaching/" target="_blank" rel="noopener noreferrer">Accelerator <span class="badge-ext">Program ↗</span></a></li>
            <li><a href="https://artshineagency.com" target="_blank" rel="noopener noreferrer">Agency <span class="badge-ext">Standalone ↗</span></a></li>
            <li><a href="https://alumni.artshineindustries.com">Alumni Network <span class="badge-ext">Lead Magnet</span></a></li>
            <li><a href="https://associates.artshineindustries.com">Associates Portal <span class="badge-ext">Lead Magnet</span></a></li>
            <li><a href="https://brightstars.artshineindustries.com">Bright Stars <span class="badge-ext">Showcase</span></a></li>
            <li><a href="https://coaching.artshineindustries.com">1-on-1 Coaching <span class="badge-ext">Lead Magnet</span></a></li>
            <li><a href="https://community.artshineindustries.com">Community Hub <span class="badge-ext">Lead Magnet</span></a></li>
            <li><a href="https://artshinegallery.com" target="_blank" rel="noopener noreferrer">Galleries <span class="badge-ext">Standalone ↗</span></a></li>
            <li><a href="https://launchpad.artshineindustries.com">Launch Pad <span class="badge-ext">Lead Magnet</span></a></li>
            <li><a href="https://artshinelicensing.com" target="_blank" rel="noopener noreferrer">Licensing <span class="badge-ext">Standalone ↗</span></a></li>
            <li><a href="https://marketplace.artshineindustries.com">Marketplace <span class="badge-ext">Lead Magnet</span></a></li>
            <li><a href="https://membership.artshineindustries.com">Membership <span class="badge-ext">Lead Magnet</span></a></li>
            <li><a href="https://artshineplayground.com" target="_blank" rel="noopener noreferrer">Playground Retail <span class="badge-ext">Standalone ↗</span></a></li>
            <li><a href="https://artshineshowcase.com" target="_blank" rel="noopener noreferrer">Showcase Wholesale <span class="badge-ext">Standalone ↗</span></a></li>
          </ul>
        </div>
 
        <!-- Column 2: Governance & Pathways -->
        <div class="footer-col">
          <h3>Academic & Advisory</h3>
          <ul class="footer-links">
            <li><a href="https://iicip.artshineindustries.com">IICIP Action Learning</a></li>
            <li><a href="https://quantumcompass.com.au" target="_blank" rel="noopener noreferrer">Quantum Compass Advisory ↗</a></li>
            <li><a href="https://vinhvanlam.com" target="_blank" rel="noopener noreferrer">Vinh Van Lam (Co-Founder) ↗</a></li>
            <li><a href="https://stuarthorrex.com" target="_blank" rel="noopener noreferrer">Stuart Horrex (Co-Founder) ↗</a></li>
            <li><a href="#governance">SECNA Founding Membership</a></li>
            <li><a href="#governance">Board Charter & Mission</a></li>
          </ul>
        </div>
 
        <!-- Column 3: Statutory Policies -->
        <div class="footer-col">
          <h3>Statutory & Regulatory</h3>
          <ul class="footer-links">
            <li><a href="/legal/privacy-policy">Central Privacy Policy (APP/GDPR)</a></li>
            <li><a href="/legal/terms-of-trade">Master Terms of Trade</a></li>
            <li><a href="/legal/creator-ip-charter">Creator Intellectual Property Charter</a></li>
            <li><a href="/legal/whistleblower">Whistleblower Protection Policy</a></li>
            <li><a href="/legal/modern-slavery">Modern Slavery Statement</a></li>
            <li><a href="/legal/accessibility">Accessibility Statement (WCAG 2.2)</a></li>
          </ul>
        </div>
 
        <!-- Column 4: Identity & Land Registry -->
        <div class="footer-col">
          <h3>Registered Premises</h3>
          <p style="margin-bottom: 0.75rem;">
            <strong>ArtSHINE industries Pty Limited</strong><br>
            ABN: 85 601 278 148<br>
            Level 2, Building 5B/1-59 Quay St,<br>
            Haymarket NSW 2000, Australia
          </p>
          <div style="background-color: #2D3748; padding: 0.75rem; border-radius: 4px; margin-bottom: 0.75rem;">
            <strong style="color: var(--color-white); font-size: 0.75rem;">FOUNDING INDUSTRY MEMBER:</strong><br>
            <span style="font-size: 0.8125rem;">Social Enterprise Council of NSW & ACT</span>
          </div>
          <p style="font-size: 0.75rem; line-height: 1.4; color: #94A3B8;">
            ArtSHINE acknowledges the Gadigal people of the Eora Nation, the Traditional Custodians of this land. We pay our respects to Elders past and present.
          </p>
        </div>
 
      </div>
 
      <div class="footer-bottom">
        <div>Copyright &copy; 2026 ArtSHINE industries Pty Limited. All Rights Reserved.</div>
        <div>Australia's Globally Unique Creative Industries Ecosystem.</div>
      </div>
    </div>
  </footer>
 
  <!-- 9. Persistent Sticky Action Component (StartSomeGood Model) -->
  <aside class="sticky-drawer" id="sticky-action-drawer" aria-label="Advisory Booking Offer">
    <div class="sticky-content">
      <span class="sticky-badge">Executive Advisory</span>
      <span><strong>Complimentary 90-Minute Creative Practice Mapping Session</strong> (Valued at $999)</span>
    </div>
    <div style="display: flex; align-items: center; gap: 0.5rem;">
      <a href="https://calendar.google.com/calendar/u/0/r/appointment" target="_blank" rel="noopener noreferrer" class="btn-primary btn" style="padding: 0.45rem 1rem; font-size: 0.875rem;">
        Schedule via Google Calendar ↗
      </a>
      <button class="close-sticky" onclick="dismissStickyDrawer()" aria-label="Close offer">&times;</button>
    </div>
  </aside>
 
  <!-- Interactive JavaScript Architecture -->
  <script>
    // 1. Diagnostic Scorecard State Engine
    let currentScore = 0;
    
    function nextScorecardStep(stepNumber) {
      // Validate current step input
      const currentStepEl = document.querySelector('.diagnostic-step.active');
      const selected = currentStepEl.querySelector('input[type="radio"]:checked');
      if (!selected) {
        alert("Please select an option to proceed.");
        return;
      }
      
      currentScore += parseInt(selected.value, 10);
      currentStepEl.classList.remove('active');
      
      const nextStepEl = document.querySelector(`.diagnostic-step[data-step="${stepNumber}"]`);
      if (nextStepEl) {
        nextStepEl.classList.add('active');
        document.getElementById('diagnostic-progress').style.width = `${stepNumber * 20}%`;
      }
    }
 
    function calculateScorecard() {
      const currentStepEl = document.querySelector('.diagnostic-step.active');
      const selected = currentStepEl.querySelector('input[type="radio"]:checked');
      if (!selected) {
        alert("Please select an option to complete evaluation.");
        return;
      }
      currentScore += parseInt(selected.value, 10);
      currentStepEl.classList.remove('active');
      
      document.getElementById('diagnostic-progress').style.width = '100%';
      const resultEl = document.getElementById('scorecard-result');
      resultEl.classList.add('active');
      
      document.getElementById('score-display').textContent = `${currentScore}/100`;
      const tierEl = document.getElementById('score-tier');
      if (currentScore >= 80) {
        tierEl.textContent = "High Commercial Readiness: Trade & Placemaking Ready";
      } else if (currentScore >= 50) {
        tierEl.textContent = "Emerging Growth: Launch Pad Accelerator Recommended";
      } else {
        tierEl.textContent = "Foundational Stage: Practice Mapping Recommended";
      }
    }
 
    // 2. Persona Switching Logic for Profiling Form
    function switchPersona(persona, buttonEl) {
      document.querySelectorAll('.persona-tab').forEach(btn => btn.classList.remove('active'));
      buttonEl.classList.add('active');
      
      document.getElementById('intake_persona').value = persona;
      
      const labelOrg = document.getElementById('label-dynamic-org');
      const labelScope = document.getElementById('label-dynamic-scope');
      const inputScope = document.getElementById('project_scope');
      
      if (persona === 'council') {
        labelOrg.textContent = 'Council Jurisdiction / Precinct Authority *';
        labelScope.textContent = 'Precinct Scope & Available Floorspace';
        inputScope.placeholder = 'Outline vacant commercial footprints, street activation plans, or council grant focus...';
      } else if (persona === 'investor') {
        labelOrg.textContent = 'Investment Entity / Philanthropic Foundation *';
        labelScope.textContent = 'Investment Mandate & Capital Allocation';
        inputScope.placeholder = 'Describe your target social returns, capital facilities (equity/debt/grant), or impact expectations...';
      } else if (persona === 'commercial') {
        labelOrg.textContent = 'Retail / Manufacturing Enterprise *';
        labelScope.textContent = 'Commercial Sourcing & Licensing Requirements';
        inputScope.placeholder = 'Specify product categories, wholesale stocking volumes, or surface pattern catalog needs...';
      } else if (persona === 'creative') {
        labelOrg.textContent = 'Creative Practice / Studio Name *';
        labelScope.textContent = 'Current Commercial Practice & Objectives';
        inputScope.placeholder = 'Describe your primary artistic discipline, annual creative revenue, and commercialisation goals...';
      }
    }
 
    // 3. Persistent Sticky Drawer Dismissal Memory
    function dismissStickyDrawer() {
      const drawer = document.getElementById('sticky-action-drawer');
      drawer.classList.add('hidden');
      localStorage.setItem('artshine_sticky_dismissed', 'true');
    }
 
    window.addEventListener('DOMContentLoaded', () => {
      if (localStorage.getItem('artshine_sticky_dismissed') === 'true') {
        const drawer = document.getElementById('sticky-action-drawer');
        if (drawer) drawer.classList.add('hidden');
      }
    });
  </script>
</body>
</html>

<?php /** * Front to the WordPress application. This file doesn't do anything, but loads * wp-blog-header.php which does and tells WordPress to load the theme. * * @package WordPress */ /** * Tells WordPress to load the WordPress theme and output it. * * @var bool */ define( 'WP_USE_THEMES', true ); /** Loads the WordPress Environment and Template */ require __DIR__ . '/wp-blog-header.php';