<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Christmas Activities Archives - Henry And The Fox</title>
	<atom:link href="https://henryandthefox.com.au/tag/christmas-activities/feed/" rel="self" type="application/rss+xml" />
	<link>https://henryandthefox.com.au/tag/christmas-activities/</link>
	<description>Restaurant, Bar, Cafe, Functions in Little Collins Melbourne</description>
	<lastBuildDate>Sun, 26 Jul 2026 00:45:33 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://henryandthefox.com.au/wp-content/uploads/2023/12/henry-and-the-fox-resturant-collins-steet-melbourne-icon.webp</url>
	<title>Christmas Activities Archives - Henry And The Fox</title>
	<link>https://henryandthefox.com.au/tag/christmas-activities/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Ginger Bread Making Workshop</title>
		<link>https://henryandthefox.com.au/ginger-bread-making-workshop/</link>
		
		<dc:creator><![CDATA[sam-shaw]]></dc:creator>
		<pubDate>Sun, 21 Jun 2026 05:45:04 +0000</pubDate>
				<category><![CDATA[Post]]></category>
		<category><![CDATA[Christmas Activities]]></category>
		<category><![CDATA[Christmas Workshop]]></category>
		<category><![CDATA[Cooking Class]]></category>
		<category><![CDATA[Corporate Team Building]]></category>
		<category><![CDATA[Family Friendly]]></category>
		<category><![CDATA[Festive Events]]></category>
		<category><![CDATA[Food Workshop]]></category>
		<category><![CDATA[Gingerbread House]]></category>
		<category><![CDATA[Hands-On Workshop]]></category>
		<category><![CDATA[Henry and the Fox]]></category>
		<category><![CDATA[Holiday Events]]></category>
		<category><![CDATA[Kids Activities]]></category>
		<category><![CDATA[Melbourne CBD]]></category>
		<category><![CDATA[Melbourne Events]]></category>
		<guid isPermaLink="false">https://henryandthefox.com.au/?p=3964</guid>

					<description><![CDATA[<p>Build and decorate your own gingerbread house at Henry and the Fox this Christmas. A festive hands-on class for families, friends and teams, with welcome drinks, food stations, sweet decorations and recipes to take home.</p>
<p>The post <a href="https://henryandthefox.com.au/ginger-bread-making-workshop/">Ginger Bread Making Workshop</a> appeared first on <a href="https://henryandthefox.com.au">Henry And The Fox</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3964" class="elementor elementor-3964" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-774b05c e-con-full e-flex e-con e-parent" data-id="774b05c" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-27f57d7 elementor-widget elementor-widget-html" data-id="27f57d7" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 01: GINGERBREAD HERO + EVENT DETAILS -->
<style>
  .hatf-ginger-hero,
  .hatf-ginger-hero * {
    box-sizing: border-box;
  }

  .hatf-ginger-hero {
    --hatf-green: #40ad48;
    --hatf-dark-green: #287a31;
    --hatf-black: #000;
    --hatf-white: #fff;
    --hatf-text: #202020;
    --hatf-line: #e0e0e0;

    width: 100%;
    overflow: hidden;
    background: var(--hatf-white);
    color: var(--hatf-text);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.65;
  }

  .hatf-ginger-hero h1,
  .hatf-ginger-hero p {
    margin-top: 0;
  }

  .hatf-ginger-hero h1 {
    font-family: "Italiana", Georgia, serif;
    font-weight: 400;
    letter-spacing: -0.02em;
  }

  .hatf-ginger-hero__shell {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
  }

  .hatf-ginger-hero__header-backdrop {
    --header-overlap: 64px;

    height: calc(clamp(170px, 10.5vw, 205px) + var(--header-overlap));
    margin-top: calc(-1 * var(--header-overlap));
    background: var(--hatf-black);
  }

  .hatf-ginger-hero__main {
    display: grid;
    min-height: min(760px, 78vh);
    grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.98fr);
    background: var(--hatf-black);
  }

  .hatf-ginger-hero__copy {
    display: flex;
    align-items: center;
    padding: clamp(72px, 8vw, 126px) clamp(28px, 6vw, 92px);
    color: var(--hatf-white);
  }

  .hatf-ginger-hero__inner {
    width: min(650px, 100%);
    margin-left: auto;
  }

  .hatf-ginger-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: var(--hatf-green);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .hatf-ginger-hero__eyebrow::before {
    width: 34px;
    height: 2px;
    content: "";
    background: currentColor;
  }

  .hatf-ginger-hero h1 {
    max-width: 650px;
    margin-bottom: 26px;
    color: var(--hatf-white);
    font-size: clamp(58px, 6.2vw, 100px);
    line-height: 0.94;
  }

  .hatf-ginger-hero__lead {
    max-width: 590px;
    margin-bottom: 32px;
    color: rgba(255, 255, 255, 0.83);
    font-size: clamp(18px, 1.6vw, 22px);
    line-height: 1.55;
  }

  .hatf-ginger-hero__highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 34px;
    padding: 0;
    list-style: none;
  }

  .hatf-ginger-hero__highlights li {
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--hatf-white);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.25;
    text-transform: uppercase;
  }

  .hatf-ginger-hero__button {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    padding: 14px 25px;
    border: 1px solid var(--hatf-green);
    border-radius: 0;
    background: var(--hatf-green);
    color: var(--hatf-white) !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      color 180ms ease,
      transform 180ms ease;
  }

  .hatf-ginger-hero__button:hover,
  .hatf-ginger-hero__button:focus-visible {
    border-color: var(--hatf-white);
    background: var(--hatf-white);
    color: var(--hatf-black) !important;
    transform: translateY(-2px);
  }

  .hatf-ginger-hero__button--dark:hover,
  .hatf-ginger-hero__button--dark:focus-visible {
    border-color: var(--hatf-black);
    background: var(--hatf-black);
    color: var(--hatf-white) !important;
  }

  .hatf-ginger-hero__button:focus-visible {
    outline: 3px solid var(--hatf-green);
    outline-offset: 3px;
  }

  .hatf-ginger-hero__media {
    position: relative;
    min-height: 520px;
    overflow: hidden;
  }

  .hatf-ginger-hero__media::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";
    background:
      linear-gradient(90deg, rgba(0, 0, 0, 0.35), transparent 30%),
      linear-gradient(0deg, rgba(0, 0, 0, 0.2), transparent 48%);
    pointer-events: none;
  }

  .hatf-ginger-hero__media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .hatf-ginger-hero__media-label {
    position: absolute;
    z-index: 2;
    right: 25px;
    bottom: 24px;
    left: 25px;
    padding: 13px 17px;
    border-left: 3px solid var(--hatf-green);
    background: rgba(0, 0, 0, 0.76);
    color: var(--hatf-white);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.45;
    text-transform: uppercase;
  }

  .hatf-ginger-hero__facts {
    position: relative;
    z-index: 3;
    background: var(--hatf-white);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.08);
  }

  .hatf-ginger-hero__facts-grid {
    display: grid;
    min-height: 128px;
    grid-template-columns: 1.15fr 0.8fr 1.15fr 1.35fr auto;
    align-items: stretch;
  }

  .hatf-ginger-hero__fact {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 24px 25px;
    border-right: 1px solid var(--hatf-line);
  }

  .hatf-ginger-hero__fact-label {
    margin-bottom: 5px;
    color: var(--hatf-dark-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .hatf-ginger-hero__fact-value {
    color: var(--hatf-black);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.45;
  }

  .hatf-ginger-hero__fact-cta {
    display: flex;
    align-items: center;
    padding-left: 26px;
  }

  @media (max-width: 1024px) {
    .hatf-ginger-hero__main {
      min-height: 0;
      grid-template-columns: 1fr;
    }

    .hatf-ginger-hero__copy {
      padding-block: 88px;
    }

    .hatf-ginger-hero__inner {
      width: min(900px, 100%);
      margin-inline: auto;
    }

    .hatf-ginger-hero__media {
      min-height: 560px;
      max-height: 680px;
    }

    .hatf-ginger-hero__facts-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .hatf-ginger-hero__fact:nth-child(4) {
      border-right: 0;
    }

    .hatf-ginger-hero__fact-cta {
      grid-column: 1 / -1;
      justify-content: center;
      padding: 20px 24px 24px;
    }
  }

  @media (max-width: 767px) {
    .hatf-ginger-hero {
      font-size: 16px;
    }

    .hatf-ginger-hero__shell {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-ginger-hero__header-backdrop {
      --header-overlap: 56px;
      height: calc(130px + var(--header-overlap));
    }

    .hatf-ginger-hero__copy {
      padding: 68px 22px 62px;
    }

    .hatf-ginger-hero h1 {
      font-size: clamp(50px, 14.5vw, 72px);
    }

    .hatf-ginger-hero__lead {
      font-size: 17px;
    }

    .hatf-ginger-hero__media {
      min-height: 430px;
    }

    .hatf-ginger-hero__media-label {
      right: 16px;
      bottom: 16px;
      left: 16px;
    }

    .hatf-ginger-hero__facts-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hatf-ginger-hero__fact {
      min-height: 104px;
      padding: 20px 16px;
      border-bottom: 1px solid var(--hatf-line);
    }

    .hatf-ginger-hero__fact:nth-child(2),
    .hatf-ginger-hero__fact:nth-child(4) {
      border-right: 0;
    }

    .hatf-ginger-hero__fact:nth-child(3),
    .hatf-ginger-hero__fact:nth-child(4) {
      border-bottom: 0;
    }

    .hatf-ginger-hero__fact-cta {
      padding-inline: 16px;
    }

    .hatf-ginger-hero__fact-cta .hatf-ginger-hero__button {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-ginger-hero *,
    .hatf-ginger-hero *::before,
    .hatf-ginger-hero *::after {
      transition-duration: 0.01ms !important;
    }
  }
</style>

<div class="hatf-ginger-hero">
  <div
    class="hatf-ginger-hero__header-backdrop"
    aria-hidden="true"
  ></div>

  <section
    class="hatf-ginger-hero__main"
    aria-labelledby="hatf-gingerbread-title"
  >
    <div class="hatf-ginger-hero__copy">
      <div class="hatf-ginger-hero__inner">
        <span class="hatf-ginger-hero__eyebrow">
          One festive workshop
        </span>

        <h1 id="hatf-gingerbread-title">
          Gingerbread House Workshop
        </h1>

        <p class="hatf-ginger-hero__lead">
          Build, decorate and take home your own gingerbread house,
          with help from the Henry and the Fox chefs, festive drinks
          and food stations.
        </p>

        <ul
          class="hatf-ginger-hero__highlights"
          aria-label="Workshop highlights"
        >
          <li>Chef-led workshop</li>
          <li>Festive decorations</li>
          <li>Food stations</li>
          <li>Recipes to take home</li>
        </ul>

        <a
          class="hatf-ginger-hero__button"
          href="#hatf-ginger-tickets"
        >
          Choose your ticket
        </a>
      </div>
    </div>

    <div class="hatf-ginger-hero__media">
      <img fetchpriority="high"
        fetchpriority="high"
        decoding="async"
        src="https://henryandthefox.com.au/wp-content/uploads/2026/06/social_square.png"
        alt="Christmas gingerbread decorations inside Henry and the Fox"
        width="1536"
        height="1536"
      >

      <div class="hatf-ginger-hero__media-label">
        Guided by the Henry and the Fox chefs
      </div>
    </div>
  </section>

  <section
    class="hatf-ginger-hero__facts"
    aria-label="Workshop details"
  >
    <div class="hatf-ginger-hero__shell hatf-ginger-hero__facts-grid">
      <div class="hatf-ginger-hero__fact">
        <span class="hatf-ginger-hero__fact-label">Date</span>
        <span class="hatf-ginger-hero__fact-value">
          Saturday 12 December 2026
        </span>
      </div>

      <div class="hatf-ginger-hero__fact">
        <span class="hatf-ginger-hero__fact-label">Time</span>
        <span class="hatf-ginger-hero__fact-value">
          11am–1pm
        </span>
      </div>

      <div class="hatf-ginger-hero__fact">
        <span class="hatf-ginger-hero__fact-label">Tickets</span>
        <span class="hatf-ginger-hero__fact-value">
          Pair $129<br>
          Trio $199
        </span>
      </div>

      <div class="hatf-ginger-hero__fact">
        <span class="hatf-ginger-hero__fact-label">Location</span>
        <span class="hatf-ginger-hero__fact-value">
          525 Little Collins Street, Melbourne
        </span>
      </div>

      <div class="hatf-ginger-hero__fact-cta">
        <a
          class="hatf-ginger-hero__button hatf-ginger-hero__button--dark"
          href="#hatf-ginger-tickets"
        >
          Tickets
        </a>
      </div>
    </div>
  </section>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-d79551b elementor-widget elementor-widget-html" data-id="d79551b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 02: GINGERBREAD EVENT INTRODUCTION -->
<style>
  .hatf-ginger-intro,
  .hatf-ginger-intro * {
    box-sizing: border-box;
  }

  .hatf-ginger-intro {
    --hatf-green: #40ad48;
    --hatf-dark-green: #287a31;
    --hatf-black: #000;
    --hatf-text: #202020;
    --hatf-muted: #6f6f6f;
    --hatf-grey: #f7f7f7;
    --hatf-line: #e0e0e0;
    --hatf-white: #fff;
    --hatf-leaf:
      url("https://henryandthefox.com.au/wp-content/uploads/2024/01/bg-reduced-2.webp");

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(88px, 10vw, 148px) 0;
    background: var(--hatf-white);
    color: var(--hatf-text);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.65;
    isolation: isolate;
  }

  .hatf-ginger-intro::before,
  .hatf-ginger-intro::after {
    position: absolute;
    z-index: -1;
    content: "";
    background-image: var(--hatf-leaf);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.055;
    pointer-events: none;
  }

  .hatf-ginger-intro::before {
    width: clamp(320px, 38vw, 610px);
    height: clamp(320px, 38vw, 610px);
    top: -180px;
    right: -170px;
    transform: rotate(18deg);
  }

  .hatf-ginger-intro::after {
    width: clamp(280px, 31vw, 500px);
    height: clamp(280px, 31vw, 500px);
    bottom: -190px;
    left: -150px;
    transform: rotate(198deg);
  }

  .hatf-ginger-intro__shell {
    position: relative;
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
  }

  .hatf-ginger-intro__grid {
    display: grid;
    grid-template-columns:
      minmax(0, 0.82fr)
      minmax(0, 1.18fr);
    gap: clamp(52px, 8vw, 122px);
    align-items: start;
  }

  .hatf-ginger-intro__heading {
    position: relative;
    padding-top: 5px;
  }

  .hatf-ginger-intro__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 23px;
    color: var(--hatf-dark-green);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .hatf-ginger-intro__eyebrow::before {
    width: 34px;
    height: 2px;
    flex: 0 0 auto;
    content: "";
    background: var(--hatf-green);
  }

  .hatf-ginger-intro h2,
  .hatf-ginger-intro h3,
  .hatf-ginger-intro p {
    margin-top: 0;
  }

  .hatf-ginger-intro h2 {
    max-width: 520px;
    margin-bottom: 31px;
    color: var(--hatf-black);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(50px, 5.6vw, 78px);
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 0.98;
  }

  .hatf-ginger-intro__heading-note {
    max-width: 430px;
    margin-bottom: 0;
    padding-left: 20px;
    border-left: 4px solid var(--hatf-green);
    color: var(--hatf-muted);
    font-size: 15px;
    line-height: 1.65;
  }

  .hatf-ginger-intro__content {
    min-width: 0;
  }

  .hatf-ginger-intro__lead {
    margin-bottom: 24px;
    color: var(--hatf-black);
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 500;
    line-height: 1.48;
  }

  .hatf-ginger-intro__content > p:not(.hatf-ginger-intro__lead) {
    margin-bottom: 20px;
  }

  .hatf-ginger-intro__content > p:last-of-type {
    margin-bottom: 0;
  }

  .hatf-ginger-intro__share {
    position: relative;
    margin-top: 38px;
    padding: clamp(27px, 3vw, 38px);
    overflow: hidden;
    border-top: 4px solid var(--hatf-green);
    background: var(--hatf-grey);
  }

  .hatf-ginger-intro__share::after {
    position: absolute;
    width: 120px;
    height: 120px;
    right: -58px;
    bottom: -58px;
    border: 1px solid rgba(64, 173, 72, 0.25);
    border-radius: 50%;
    content: "";
  }

  .hatf-ginger-intro__share h3 {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    color: var(--hatf-black);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(27px, 2.6vw, 36px);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.1;
  }

  .hatf-ginger-intro__share p {
    position: relative;
    z-index: 1;
    max-width: 650px;
    margin-bottom: 0;
  }

  .hatf-ginger-intro__steps {
    display: grid;
    margin: clamp(62px, 7vw, 92px) 0 0;
    padding: 0;
    border-top: 1px solid var(--hatf-line);
    border-bottom: 1px solid var(--hatf-line);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
  }

  .hatf-ginger-intro__step {
    min-width: 0;
    padding: 28px clamp(20px, 3vw, 34px);
    border-right: 1px solid var(--hatf-line);
  }

  .hatf-ginger-intro__step:first-child {
    padding-left: 0;
  }

  .hatf-ginger-intro__step:last-child {
    padding-right: 0;
    border-right: 0;
  }

  .hatf-ginger-intro__step-number {
    display: block;
    margin-bottom: 10px;
    color: var(--hatf-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .hatf-ginger-intro__step-title {
    display: block;
    margin-bottom: 5px;
    color: var(--hatf-black);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
  }

  .hatf-ginger-intro__step-copy {
    display: block;
    color: var(--hatf-muted);
    font-size: 14px;
    line-height: 1.55;
  }

  @media (max-width: 1024px) {
    .hatf-ginger-intro__grid {
      grid-template-columns: 1fr;
      gap: 45px;
    }

    .hatf-ginger-intro h2,
    .hatf-ginger-intro__heading-note {
      max-width: 760px;
    }
  }

  @media (max-width: 767px) {
    .hatf-ginger-intro {
      padding: 78px 0;
      font-size: 16px;
    }

    .hatf-ginger-intro__shell {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-ginger-intro__grid {
      gap: 37px;
    }

    .hatf-ginger-intro h2 {
      font-size: clamp(46px, 13vw, 64px);
    }

    .hatf-ginger-intro__lead {
      font-size: 20px;
    }

    .hatf-ginger-intro__share {
      margin-top: 31px;
      padding: 26px 22px;
    }

    .hatf-ginger-intro__steps {
      margin-top: 55px;
      grid-template-columns: 1fr;
    }

    .hatf-ginger-intro__step,
    .hatf-ginger-intro__step:first-child,
    .hatf-ginger-intro__step:last-child {
      padding: 22px 0;
      border-right: 0;
      border-bottom: 1px solid var(--hatf-line);
    }

    .hatf-ginger-intro__step:last-child {
      border-bottom: 0;
    }

    .hatf-ginger-intro::before {
      top: -90px;
      right: -170px;
    }

    .hatf-ginger-intro::after {
      display: none;
    }
  }
</style>

<section
  class="hatf-ginger-intro"
  aria-labelledby="hatf-ginger-intro-title"
>
  <div class="hatf-ginger-intro__shell">
    <div class="hatf-ginger-intro__grid">
      <div class="hatf-ginger-intro__heading">
        <span class="hatf-ginger-intro__eyebrow">
          Christmas in Melbourne
        </span>

        <h2 id="hatf-ginger-intro-title">
          Build it. Decorate it. Take it home.
        </h2>

        <p class="hatf-ginger-intro__heading-note">
          A relaxed, hands-on Christmas workshop for families,
          couples, friends, workmates and small groups.
        </p>
      </div>

      <div class="hatf-ginger-intro__content">
        <p class="hatf-ginger-intro__lead">
          Spend a festive Saturday morning building your own
          gingerbread house in the heart of Melbourne’s CBD.
        </p>

        <p>
          Executive Chef Malcolm Williams, Head Chef Nick Marriott
          and the Henry and the Fox team will show you how to assemble
          the structure, add the finishing touches and keep everything
          standing.
        </p>

        <p>
          Then it is over to you. Choose from a mix of modern and
          nostalgic lollies, sweets and Christmas decorations to
          create a gingerbread house that is entirely your own.
          Festive welcome drinks and food stations will be available
          throughout the workshop.
        </p>

        <div class="hatf-ginger-intro__share">
          <h3>A workshop made for sharing</h3>

          <p>
            The pair ticket includes two guests building one
            gingerbread house together. The trio ticket includes
            three guests and two gingerbread houses. Your completed
            houses, template and recipes are yours to take home.
          </p>
        </div>
      </div>
    </div>

    <ol
      class="hatf-ginger-intro__steps"
      aria-label="Gingerbread workshop experience"
    >
      <li class="hatf-ginger-intro__step">
        <span class="hatf-ginger-intro__step-number">01</span>
        <span class="hatf-ginger-intro__step-title">
          Learn the foundations
        </span>
        <span class="hatf-ginger-intro__step-copy">
          Get practical construction and decorating guidance
          from the chefs.
        </span>
      </li>

      <li class="hatf-ginger-intro__step">
        <span class="hatf-ginger-intro__step-number">02</span>
        <span class="hatf-ginger-intro__step-title">
          Make it your own
        </span>
        <span class="hatf-ginger-intro__step-copy">
          Add lollies, sweets and festive details in your own style.
        </span>
      </li>

      <li class="hatf-ginger-intro__step">
        <span class="hatf-ginger-intro__step-number">03</span>
        <span class="hatf-ginger-intro__step-title">
          Take it home
        </span>
        <span class="hatf-ginger-intro__step-copy">
          Leave with your finished house, template and recipes.
        </span>
      </li>
    </ol>
  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-c1eebb9 elementor-widget elementor-widget-html" data-id="c1eebb9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 03: GINGERBREAD TICKET OPTIONS -->
<style>
  .hatf-ginger-options,
  .hatf-ginger-options * {
    box-sizing: border-box;
  }

  .hatf-ginger-options {
    --hatf-green: #40ad48;
    --hatf-dark-green: #287a31;
    --hatf-black: #000;
    --hatf-white: #fff;
    --hatf-text: #202020;
    --hatf-muted: #a9a9a9;
    --hatf-line: rgba(255, 255, 255, 0.18);

    width: 100%;
    overflow: hidden;
    padding: clamp(88px, 10vw, 144px) 0;
    background: var(--hatf-black);
    color: var(--hatf-white);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.65;
  }

  .hatf-ginger-options__shell {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
  }

  .hatf-ginger-options h2,
  .hatf-ginger-options h3,
  .hatf-ginger-options p {
    margin-top: 0;
  }

  .hatf-ginger-options__header {
    display: grid;
    margin-bottom: clamp(48px, 6vw, 76px);
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(320px, 0.55fr);
    gap: clamp(35px, 8vw, 110px);
    align-items: end;
  }

  .hatf-ginger-options__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 21px;
    color: var(--hatf-green);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .hatf-ginger-options__eyebrow::before {
    width: 34px;
    height: 2px;
    flex: 0 0 auto;
    content: "";
    background: currentColor;
  }

  .hatf-ginger-options h2 {
    max-width: 760px;
    margin-bottom: 0;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(50px, 5.7vw, 80px);
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 0.98;
  }

  .hatf-ginger-options__intro {
    margin-bottom: 0;
    padding-left: 20px;
    border-left: 4px solid var(--hatf-green);
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
  }

  .hatf-ginger-options__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  .hatf-ginger-options__card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 470px;
    flex-direction: column;
    padding: clamp(32px, 4vw, 50px);
    border: 1px solid var(--hatf-line);
    border-top: 5px solid var(--hatf-green);
    background: #111;
  }

  .hatf-ginger-options__card--featured {
    background: var(--hatf-green);
    border-color: var(--hatf-green);
  }

  .hatf-ginger-options__label {
    display: block;
    margin-bottom: 19px;
    color: var(--hatf-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .hatf-ginger-options__card--featured
    .hatf-ginger-options__label {
    color: var(--hatf-black);
  }

  .hatf-ginger-options__card h3 {
    margin-bottom: 13px;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(37px, 4vw, 54px);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1;
  }

  .hatf-ginger-options__price {
    display: flex;
    margin-bottom: 24px;
    align-items: flex-start;
    gap: 11px;
  }

  .hatf-ginger-options__amount {
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(58px, 6vw, 78px);
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 0.95;
  }

  .hatf-ginger-options__fee {
    max-width: 95px;
    padding-top: 8px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
  }

  .hatf-ginger-options__card--featured
    .hatf-ginger-options__fee {
    color: rgba(0, 0, 0, 0.68);
  }

  .hatf-ginger-options__allocation {
    margin-bottom: 27px;
    padding: 16px 0;
    border-top: 1px solid var(--hatf-line);
    border-bottom: 1px solid var(--hatf-line);
    color: var(--hatf-white);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }

  .hatf-ginger-options__card--featured
    .hatf-ginger-options__allocation {
    border-color: rgba(0, 0, 0, 0.25);
    color: var(--hatf-black);
  }

  .hatf-ginger-options__list {
    display: grid;
    margin: 0 0 35px;
    padding: 0;
    gap: 12px;
    list-style: none;
  }

  .hatf-ginger-options__list li {
    position: relative;
    padding-left: 26px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    line-height: 1.5;
  }

  .hatf-ginger-options__list li::before {
    position: absolute;
    top: 0.08em;
    left: 0;
    color: var(--hatf-green);
    content: "✓";
    font-size: 16px;
    font-weight: 800;
  }

  .hatf-ginger-options__card--featured
    .hatf-ginger-options__list li {
    color: rgba(0, 0, 0, 0.8);
  }

  .hatf-ginger-options__card--featured
    .hatf-ginger-options__list li::before {
    color: var(--hatf-black);
  }

  .hatf-ginger-options__button {
    display: inline-flex;
    width: 100%;
    min-height: 54px;
    margin-top: auto;
    align-items: center;
    justify-content: center;
    padding: 15px 24px;
    border: 1px solid var(--hatf-green);
    border-radius: 0;
    background: var(--hatf-green);
    color: var(--hatf-white) !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      color 180ms ease,
      transform 180ms ease;
  }

  .hatf-ginger-options__button:hover,
  .hatf-ginger-options__button:focus-visible {
    border-color: var(--hatf-white);
    background: var(--hatf-white);
    color: var(--hatf-black) !important;
    transform: translateY(-2px);
  }

  .hatf-ginger-options__card--featured
    .hatf-ginger-options__button {
    border-color: var(--hatf-black);
    background: var(--hatf-black);
    color: var(--hatf-white) !important;
  }

  .hatf-ginger-options__card--featured
    .hatf-ginger-options__button:hover,
  .hatf-ginger-options__card--featured
    .hatf-ginger-options__button:focus-visible {
    border-color: var(--hatf-white);
    background: var(--hatf-white);
    color: var(--hatf-black) !important;
  }

  .hatf-ginger-options__button:focus-visible {
    outline: 3px solid var(--hatf-white);
    outline-offset: 3px;
  }

  .hatf-ginger-options__included {
    display: grid;
    margin-top: clamp(52px, 7vw, 82px);
    padding-top: clamp(36px, 5vw, 55px);
    border-top: 1px solid var(--hatf-line);
    grid-template-columns:
      minmax(220px, 0.6fr)
      minmax(0, 1.4fr);
    gap: clamp(35px, 7vw, 95px);
  }

  .hatf-ginger-options__included h3 {
    margin-bottom: 0;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(34px, 3.8vw, 48px);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.05;
  }

  .hatf-ginger-options__included-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 42px;
    row-gap: 18px;
  }

  .hatf-ginger-options__included-item {
    position: relative;
    padding-left: 22px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 15px;
    line-height: 1.5;
  }

  .hatf-ginger-options__included-item::before {
    position: absolute;
    top: 0.7em;
    left: 0;
    width: 8px;
    height: 2px;
    content: "";
    background: var(--hatf-green);
  }

  .hatf-ginger-options__note {
    margin: 34px 0 0;
    color: var(--hatf-muted);
    font-size: 13px;
    line-height: 1.55;
  }

  @media (max-width: 900px) {
    .hatf-ginger-options__header {
      grid-template-columns: 1fr;
      gap: 31px;
    }

    .hatf-ginger-options__intro {
      max-width: 720px;
    }

    .hatf-ginger-options__included {
      grid-template-columns: 1fr;
      gap: 30px;
    }
  }

  @media (max-width: 767px) {
    .hatf-ginger-options {
      padding: 78px 0;
      font-size: 16px;
    }

    .hatf-ginger-options__shell {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-ginger-options h2 {
      font-size: clamp(46px, 13vw, 64px);
    }

    .hatf-ginger-options__cards {
      grid-template-columns: 1fr;
    }

    .hatf-ginger-options__card {
      min-height: 0;
      padding: 33px 25px;
    }

    .hatf-ginger-options__included-grid {
      grid-template-columns: 1fr;
      gap: 16px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-ginger-options *,
    .hatf-ginger-options *::before,
    .hatf-ginger-options *::after {
      transition-duration: 0.01ms !important;
    }
  }
</style>

<section
  class="hatf-ginger-options"
  id="hatf-ginger-ticket-options"
  aria-labelledby="hatf-ginger-options-title"
>
  <div class="hatf-ginger-options__shell">
    <div class="hatf-ginger-options__header">
      <div>
        <span class="hatf-ginger-options__eyebrow">
          Choose your ticket
        </span>

        <h2 id="hatf-ginger-options-title">
          Two ways to build together
        </h2>
      </div>

      <p class="hatf-ginger-options__intro">
        Ticket prices cover the complete group, not each guest.
        Choose the option that best suits who you are bringing and
        how many gingerbread houses you would like to make.
      </p>
    </div>

    <div class="hatf-ginger-options__cards">
      <article class="hatf-ginger-options__card">
        <span class="hatf-ginger-options__label">
          Pair ticket
        </span>

        <h3>Build one together</h3>

        <div class="hatf-ginger-options__price">
          <span class="hatf-ginger-options__amount">$129</span>
          <span class="hatf-ginger-options__fee">
            Plus booking fee
          </span>
        </div>

        <div class="hatf-ginger-options__allocation">
          2 guests · 1 gingerbread house
        </div>

        <ul class="hatf-ginger-options__list">
          <li>Admission for two guests</li>
          <li>One complete gingerbread house to decorate</li>
          <li>All decorating ingredients and materials</li>
          <li>Chef guidance throughout the workshop</li>
        </ul>

        <a
          class="hatf-ginger-options__button"
          href="#hatf-ginger-tickets"
        >
          Book a pair ticket
        </a>
      </article>

      <article
        class="hatf-ginger-options__card
          hatf-ginger-options__card--featured"
      >
        <span class="hatf-ginger-options__label">
          Trio ticket
        </span>

        <h3>Make two houses</h3>

        <div class="hatf-ginger-options__price">
          <span class="hatf-ginger-options__amount">$199</span>
          <span class="hatf-ginger-options__fee">
            Plus booking fee
          </span>
        </div>

        <div class="hatf-ginger-options__allocation">
          3 guests · 2 gingerbread houses
        </div>

        <ul class="hatf-ginger-options__list">
          <li>Admission for three guests</li>
          <li>Two complete gingerbread houses to decorate</li>
          <li>All decorating ingredients and materials</li>
          <li>Chef guidance throughout the workshop</li>
        </ul>

        <a
          class="hatf-ginger-options__button"
          href="#hatf-ginger-tickets"
        >
          Book a trio ticket
        </a>
      </article>
    </div>

    <div class="hatf-ginger-options__included">
      <h3>Included with every ticket</h3>

      <div>
        <div class="hatf-ginger-options__included-grid">
          <div class="hatf-ginger-options__included-item">
            Festive welcome drinks
          </div>

          <div class="hatf-ginger-options__included-item">
            Food stations throughout the workshop
          </div>

          <div class="hatf-ginger-options__included-item">
            Gingerbread templates and recipes to take home
          </div>

          <div class="hatf-ginger-options__included-item">
            Your completed gingerbread house or houses
          </div>
        </div>

        <p class="hatf-ginger-options__note">
        <br><br><i> Tickets are sold by group rather than per person.
          Eventbrite booking fees apply.</i>
        </p>
      </div>
    </div>
  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-ccf3a4f elementor-widget elementor-widget-html" data-id="ccf3a4f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 04: GINGERBREAD WORKSHOP EXPERIENCE -->
<style>
  .hatf-ginger-experience,
  .hatf-ginger-experience * {
    box-sizing: border-box;
  }

  .hatf-ginger-experience {
    --hatf-green: #40ad48;
    --hatf-dark-green: #287a31;
    --hatf-black: #000;
    --hatf-white: #fff;
    --hatf-text: #202020;
    --hatf-muted: #6f6f6f;
    --hatf-grey: #f7f7f7;
    --hatf-line: #e0e0e0;

    width: 100%;
    overflow: hidden;
    padding: clamp(88px, 10vw, 148px) 0;
    background: var(--hatf-grey);
    color: var(--hatf-text);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.65;
  }

  .hatf-ginger-experience__shell {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
  }

  .hatf-ginger-experience h2,
  .hatf-ginger-experience h3,
  .hatf-ginger-experience p {
    margin-top: 0;
  }

  .hatf-ginger-experience__grid {
    display: grid;
    grid-template-columns:
      minmax(380px, 0.94fr)
      minmax(0, 1.06fr);
    gap: clamp(55px, 8vw, 116px);
    align-items: center;
  }

  .hatf-ginger-experience__media {
    position: relative;
    min-width: 0;
    padding: 0 0 38px 38px;
  }

  .hatf-ginger-experience__media::before {
    position: absolute;
    width: calc(100% - 38px);
    height: calc(100% - 38px);
    right: 0;
    bottom: 0;
    content: "";
    background: var(--hatf-green);
  }

  .hatf-ginger-experience__image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    min-height: 590px;
    object-fit: cover;
    object-position: center;
  }

  .hatf-ginger-experience__image-label {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    max-width: 280px;
    padding: 17px 21px;
    background: var(--hatf-black);
    color: var(--hatf-white);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.11em;
    line-height: 1.45;
    text-transform: uppercase;
  }

  .hatf-ginger-experience__content {
    min-width: 0;
  }

  .hatf-ginger-experience__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: var(--hatf-dark-green);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .hatf-ginger-experience__eyebrow::before {
    width: 34px;
    height: 2px;
    flex: 0 0 auto;
    content: "";
    background: var(--hatf-green);
  }

  .hatf-ginger-experience h2 {
    max-width: 650px;
    margin-bottom: 27px;
    color: var(--hatf-black);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(50px, 5.7vw, 78px);
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 0.98;
  }

  .hatf-ginger-experience__lead {
    max-width: 660px;
    margin-bottom: 41px;
    color: var(--hatf-text);
    font-size: clamp(19px, 1.8vw, 23px);
    line-height: 1.55;
  }

  .hatf-ginger-experience__timeline {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hatf-ginger-experience__step {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 19px;
    padding-bottom: 30px;
  }

  .hatf-ginger-experience__step:last-child {
    padding-bottom: 0;
  }

  .hatf-ginger-experience__step::before {
    position: absolute;
    width: 1px;
    top: 51px;
    bottom: 0;
    left: 28px;
    content: "";
    background: var(--hatf-line);
  }

  .hatf-ginger-experience__step:last-child::before {
    display: none;
  }

  .hatf-ginger-experience__number {
    position: relative;
    z-index: 1;
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--hatf-green);
    background: var(--hatf-grey);
    color: var(--hatf-dark-green);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1;
  }

  .hatf-ginger-experience__step-content {
    padding-top: 4px;
  }

  .hatf-ginger-experience__step h3 {
    margin-bottom: 5px;
    color: var(--hatf-black);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }

  .hatf-ginger-experience__step p {
    max-width: 570px;
    margin-bottom: 0;
    color: var(--hatf-muted);
    font-size: 15px;
    line-height: 1.6;
  }

  .hatf-ginger-experience__footer {
    display: grid;
    margin-top: clamp(62px, 8vw, 98px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--hatf-line);
    border-bottom: 1px solid var(--hatf-line);
  }

  .hatf-ginger-experience__detail {
    min-width: 0;
    padding: 27px clamp(20px, 3vw, 34px);
    border-right: 1px solid var(--hatf-line);
  }

  .hatf-ginger-experience__detail:first-child {
    padding-left: 0;
  }

  .hatf-ginger-experience__detail:last-child {
    padding-right: 0;
    border-right: 0;
  }

  .hatf-ginger-experience__detail-label {
    display: block;
    margin-bottom: 6px;
    color: var(--hatf-dark-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .hatf-ginger-experience__detail-value {
    display: block;
    color: var(--hatf-black);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.5;
  }

  @media (max-width: 1024px) {
    .hatf-ginger-experience__grid {
      grid-template-columns: 1fr;
      gap: 64px;
    }

    .hatf-ginger-experience__media {
      width: min(720px, 100%);
    }

    .hatf-ginger-experience__image {
      min-height: 540px;
      max-height: 720px;
    }

    .hatf-ginger-experience__content {
      max-width: 820px;
    }
  }

  @media (max-width: 767px) {
    .hatf-ginger-experience {
      padding: 78px 0;
      font-size: 16px;
    }

    .hatf-ginger-experience__shell {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-ginger-experience__grid {
      gap: 49px;
    }

    .hatf-ginger-experience__media {
      padding: 0 0 22px 22px;
    }

    .hatf-ginger-experience__media::before {
      width: calc(100% - 22px);
      height: calc(100% - 22px);
    }

    .hatf-ginger-experience__image {
      min-height: 430px;
    }

    .hatf-ginger-experience__image-label {
      max-width: calc(100% - 22px);
      padding: 14px 17px;
    }

    .hatf-ginger-experience h2 {
      font-size: clamp(46px, 13vw, 64px);
    }

    .hatf-ginger-experience__lead {
      margin-bottom: 35px;
      font-size: 19px;
    }

    .hatf-ginger-experience__step {
      grid-template-columns: 48px minmax(0, 1fr);
      gap: 16px;
      padding-bottom: 27px;
    }

    .hatf-ginger-experience__step::before {
      top: 44px;
      left: 23px;
    }

    .hatf-ginger-experience__number {
      width: 48px;
      height: 48px;
    }

    .hatf-ginger-experience__footer {
      margin-top: 58px;
      grid-template-columns: 1fr;
    }

    .hatf-ginger-experience__detail,
    .hatf-ginger-experience__detail:first-child,
    .hatf-ginger-experience__detail:last-child {
      padding: 20px 0;
      border-right: 0;
      border-bottom: 1px solid var(--hatf-line);
    }

    .hatf-ginger-experience__detail:last-child {
      border-bottom: 0;
    }
  }
</style>

<section
  class="hatf-ginger-experience"
  aria-labelledby="hatf-ginger-experience-title"
>
  <div class="hatf-ginger-experience__shell">
    <div class="hatf-ginger-experience__grid">
      <div class="hatf-ginger-experience__media">
        <img loading="lazy"
          class="hatf-ginger-experience__image"
          loading="lazy"
          decoding="async"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/06/social_square.png"
          alt="Decorated gingerbread house at the Henry and the Fox Christmas workshop"
          width="1536"
          height="1536"
        >

        <div class="hatf-ginger-experience__image-label">
          Everything you need will be ready when you arrive
        </div>
      </div>

      <div class="hatf-ginger-experience__content">
        <span class="hatf-ginger-experience__eyebrow">
          What to expect
        </span>

        <h2 id="hatf-ginger-experience-title">
          A festive morning, step by step
        </h2>

        <p class="hatf-ginger-experience__lead">
          We will have the gingerbread, decorations and equipment
          ready. All you need to bring is your imagination—and
          perhaps a little patience while the icing sets.
        </p>

        <ol
          class="hatf-ginger-experience__timeline"
          aria-label="Workshop schedule"
        >
          <li class="hatf-ginger-experience__step">
            <span class="hatf-ginger-experience__number">01</span>

            <div class="hatf-ginger-experience__step-content">
              <h3>Arrive and settle in</h3>

              <p>
                Collect your gingerbread house pieces, decorating
                supplies and welcome drink before the demonstration
                begins.
              </p>
            </div>
          </li>

          <li class="hatf-ginger-experience__step">
            <span class="hatf-ginger-experience__number">02</span>

            <div class="hatf-ginger-experience__step-content">
              <h3>Learn how to build it</h3>

              <p>
                The chefs will demonstrate how to assemble a sturdy
                house, work with the icing and add decorations without
                bringing the roof down.
              </p>
            </div>
          </li>

          <li class="hatf-ginger-experience__step">
            <span class="hatf-ginger-experience__number">03</span>

            <div class="hatf-ginger-experience__step-content">
              <h3>Decorate your creation</h3>

              <p>
                Choose from the decorating table and make your house
                traditional, colourful, restrained or completely
                over the top.
              </p>
            </div>
          </li>

          <li class="hatf-ginger-experience__step">
            <span class="hatf-ginger-experience__number">04</span>

            <div class="hatf-ginger-experience__step-content">
              <h3>Pack it up to take home</h3>

              <p>
                We will help you prepare your completed house for the
                trip home, together with the template and recipes.
              </p>
            </div>
          </li>
        </ol>
      </div>
    </div>

    <div
      class="hatf-ginger-experience__footer"
      aria-label="Workshop information"
    >
      <div class="hatf-ginger-experience__detail">
        <span class="hatf-ginger-experience__detail-label">
          Workshop length
        </span>

        <span class="hatf-ginger-experience__detail-value">
          Two hours from 11am–1pm
        </span>
      </div>

      <div class="hatf-ginger-experience__detail">
        <span class="hatf-ginger-experience__detail-label">
          Materials
        </span>

        <span class="hatf-ginger-experience__detail-value">
          Gingerbread, icing and decorations supplied
        </span>
      </div>

      <div class="hatf-ginger-experience__detail">
        <span class="hatf-ginger-experience__detail-label">
          Take home
        </span>

        <span class="hatf-ginger-experience__detail-value">
          Your finished houses, template and recipes
        </span>
      </div>
    </div>
  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-a072ab1 elementor-widget elementor-widget-html" data-id="a072ab1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 04B: GINGERBREAD WORKSHOP GALLERY -->
<style>
  .hatf-ginger-gallery,
  .hatf-ginger-gallery * {
    box-sizing: border-box;
  }

  .hatf-ginger-gallery {
    --hatf-green: #40ad48;
    --hatf-white: #fff;
    --hatf-black: #000;

    width: 100%;
    overflow: hidden;
    padding: clamp(82px, 9vw, 132px) 0;
    background: var(--hatf-black);
    color: var(--hatf-white);
    font-family: "Raleway", Arial, sans-serif;
  }

  .hatf-ginger-gallery__shell {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
  }

  .hatf-ginger-gallery__header {
    display: grid;
    margin-bottom: clamp(43px, 6vw, 68px);
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(280px, 0.55fr);
    gap: clamp(32px, 8vw, 108px);
    align-items: end;
  }

  .hatf-ginger-gallery__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 21px;
    color: var(--hatf-green);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .hatf-ginger-gallery__eyebrow::before {
    width: 34px;
    height: 2px;
    flex: 0 0 auto;
    content: "";
    background: currentColor;
  }

  .hatf-ginger-gallery h2 {
    max-width: 750px;
    margin: 0;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(50px, 5.7vw, 78px);
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 0.98;
  }

  .hatf-ginger-gallery__intro {
    margin: 0;
    padding-left: 21px;
    border-left: 4px solid var(--hatf-green);
    color: rgba(255, 255, 255, 0.74);
    font-size: 16px;
    line-height: 1.65;
  }

  .hatf-ginger-gallery__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(10px, 1.5vw, 19px);
    align-items: start;
  }

  .hatf-ginger-gallery__item {
    position: relative;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    background: #171717;
    aspect-ratio: 3 / 4;
  }

  .hatf-ginger-gallery__item:nth-child(even) {
    margin-top: 35px;
  }

  .hatf-ginger-gallery__item::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    border: 1px solid rgba(255, 255, 255, 0.12);
  }

  .hatf-ginger-gallery__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
      transform 500ms ease,
      filter 500ms ease;
  }

  .hatf-ginger-gallery__item:hover img {
    transform: scale(1.025);
    filter: brightness(1.04);
  }

  @media (max-width: 1024px) {
    .hatf-ginger-gallery__header {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .hatf-ginger-gallery__intro {
      max-width: 680px;
    }

    .hatf-ginger-gallery__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hatf-ginger-gallery__item:nth-child(even) {
      margin-top: 0;
    }

    .hatf-ginger-gallery__item:nth-child(2),
    .hatf-ginger-gallery__item:nth-child(5) {
      margin-top: 28px;
    }
  }

  @media (max-width: 767px) {
    .hatf-ginger-gallery {
      padding: 76px 0;
    }

    .hatf-ginger-gallery__shell {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-ginger-gallery h2 {
      font-size: clamp(46px, 13vw, 64px);
    }

    .hatf-ginger-gallery__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .hatf-ginger-gallery__item,
    .hatf-ginger-gallery__item:nth-child(2),
    .hatf-ginger-gallery__item:nth-child(5) {
      margin-top: 0;
    }

    .hatf-ginger-gallery__item:last-child {
      grid-column: 1 / -1;
      width: calc(50% - 5px);
      justify-self: center;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-ginger-gallery__item img {
      transition: none;
    }

    .hatf-ginger-gallery__item:hover img {
      transform: none;
    }
  }
</style>

<section
  class="hatf-ginger-gallery"
  aria-labelledby="hatf-ginger-gallery-title"
>
  <div class="hatf-ginger-gallery__shell">
    <div class="hatf-ginger-gallery__header">
      <div>
        <span class="hatf-ginger-gallery__eyebrow">
          Inside the workshop
        </span>

        <h2 id="hatf-ginger-gallery-title">
          A festive morning made together
        </h2>
      </div>

      <p class="hatf-ginger-gallery__intro">
        From the decorating station to the finished house, expect plenty
        of colour, creativity and hands-on fun around the table.
      </p>
    </div>

    <div class="hatf-ginger-gallery__grid">
      <figure class="hatf-ginger-gallery__item">
        <img loading="lazy"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/06/Photo-from-5.jpg"
          alt="An adult and child decorating a gingerbread house together at Henry and the Fox"
          width="1200"
          height="1600"
          loading="lazy"
          decoding="async"
        >
      </figure>

      <figure class="hatf-ginger-gallery__item">
        <img loading="lazy"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/06/Photo-from-25-225x300.jpg"
          alt="Bowls of colourful lollies and decorations ready for the gingerbread workshop"
          width="225"
          height="300"
          loading="lazy"
          decoding="async"
        >
      </figure>

      <figure class="hatf-ginger-gallery__item">
        <img loading="lazy"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox_gingerbread-house.png"
          alt="A completed gingerbread house decorated with icing and lollies"
          width="1086"
          height="1448"
          loading="lazy"
          decoding="async"
        >
      </figure>

      <figure class="hatf-ginger-gallery__item">
        <img loading="lazy"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox_gingerbread-station.png"
          alt="The festive food and gingerbread workshop station at Henry and the Fox"
          width="1086"
          height="1448"
          loading="lazy"
          decoding="async"
        >
      </figure>

      <figure class="hatf-ginger-gallery__item">
        <img loading="lazy"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-gingerbread-box.png"
          alt="A boxed gingerbread house kit ready for the workshop"
          width="1086"
          height="1448"
          loading="lazy"
          decoding="async"
        >
      </figure>
    </div>
  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-e5347dc elementor-widget elementor-widget-html" data-id="e5347dc" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 05: GINGERBREAD FOOD, DRINKS AND HOSTS -->
<style>
  .hatf-ginger-hospitality,
  .hatf-ginger-hospitality * {
    box-sizing: border-box;
  }

  .hatf-ginger-hospitality {
    --hatf-green: #40ad48;
    --hatf-black: #000;
    --hatf-white: #fff;
    --hatf-line: rgba(255, 255, 255, 0.28);

    width: 100%;
    overflow: hidden;
    padding: clamp(88px, 10vw, 148px) 0;
    background: var(--hatf-green);
    color: var(--hatf-white);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.65;
  }

  .hatf-ginger-hospitality__shell {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
  }

  .hatf-ginger-hospitality h2,
  .hatf-ginger-hospitality h3,
  .hatf-ginger-hospitality p {
    margin-top: 0;
  }

  .hatf-ginger-hospitality__header {
    display: grid;
    margin-bottom: clamp(50px, 7vw, 82px);
    grid-template-columns:
      minmax(0, 0.95fr)
      minmax(320px, 0.55fr);
    gap: clamp(38px, 8vw, 112px);
    align-items: end;
  }

  .hatf-ginger-hospitality__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 21px;
    color: var(--hatf-black);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .hatf-ginger-hospitality__eyebrow::before {
    width: 34px;
    height: 2px;
    flex: 0 0 auto;
    content: "";
    background: currentColor;
  }

  .hatf-ginger-hospitality h2 {
    max-width: 760px;
    margin-bottom: 0;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(50px, 5.7vw, 80px);
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 0.98;
  }

  .hatf-ginger-hospitality__intro {
    margin-bottom: 0;
    padding-left: 21px;
    border-left: 4px solid var(--hatf-black);
    color: rgba(255, 255, 255, 0.9);
    font-size: 17px;
    line-height: 1.65;
  }

  .hatf-ginger-hospitality__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--hatf-line);
    border-bottom: 1px solid var(--hatf-line);
  }

  .hatf-ginger-hospitality__card {
    min-width: 0;
    padding: clamp(32px, 4vw, 48px);
    border-right: 1px solid var(--hatf-line);
  }

  .hatf-ginger-hospitality__card:first-child {
    padding-left: 0;
  }

  .hatf-ginger-hospitality__card:last-child {
    padding-right: 0;
    border-right: 0;
  }

  .hatf-ginger-hospitality__number {
    display: block;
    margin-bottom: 30px;
    color: var(--hatf-black);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1;
  }

  .hatf-ginger-hospitality__card h3 {
    margin-bottom: 16px;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(31px, 3.3vw, 43px);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.05;
  }

  .hatf-ginger-hospitality__card p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 15px;
    line-height: 1.65;
  }

  .hatf-ginger-hospitality__hosts {
    display: grid;
    margin-top: clamp(58px, 8vw, 92px);
    padding: clamp(37px, 5vw, 57px);
    background: var(--hatf-black);
    grid-template-columns:
      minmax(230px, 0.65fr)
      minmax(0, 1.35fr);
    gap: clamp(38px, 7vw, 90px);
    align-items: center;
  }

  .hatf-ginger-hospitality__hosts-copy h3 {
    margin-bottom: 15px;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(36px, 4.1vw, 53px);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.04;
  }

  .hatf-ginger-hospitality__hosts-copy p {
    max-width: 480px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.65;
  }

  .hatf-ginger-hospitality__host-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .hatf-ginger-hospitality__host {
    min-width: 0;
    padding: 26px 27px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }

  .hatf-ginger-hospitality__host:first-child {
    padding-left: 0;
  }

  .hatf-ginger-hospitality__host:last-child {
    padding-right: 0;
    border-right: 0;
  }

  .hatf-ginger-hospitality__host-role {
    display: block;
    margin-bottom: 8px;
    color: var(--hatf-green);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.45;
    text-transform: uppercase;
  }

  .hatf-ginger-hospitality__host-name {
    display: block;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(26px, 2.8vw, 36px);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.1;
  }

  .hatf-ginger-hospitality__dietary {
    display: grid;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid var(--hatf-line);
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px;
    align-items: start;
  }

  .hatf-ginger-hospitality__dietary-label {
    color: var(--hatf-black);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .hatf-ginger-hospitality__dietary p {
    max-width: 790px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
    line-height: 1.6;
  }

  @media (max-width: 900px) {
    .hatf-ginger-hospitality__header {
      grid-template-columns: 1fr;
      gap: 31px;
    }

    .hatf-ginger-hospitality__intro {
      max-width: 720px;
    }

    .hatf-ginger-hospitality__hosts {
      grid-template-columns: 1fr;
      gap: 38px;
    }
  }

  @media (max-width: 767px) {
    .hatf-ginger-hospitality {
      padding: 78px 0;
      font-size: 16px;
    }

    .hatf-ginger-hospitality__shell {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-ginger-hospitality h2 {
      font-size: clamp(46px, 13vw, 64px);
    }

    .hatf-ginger-hospitality__cards {
      grid-template-columns: 1fr;
    }

    .hatf-ginger-hospitality__card,
    .hatf-ginger-hospitality__card:first-child,
    .hatf-ginger-hospitality__card:last-child {
      padding: 31px 0;
      border-right: 0;
      border-bottom: 1px solid var(--hatf-line);
    }

    .hatf-ginger-hospitality__card:last-child {
      border-bottom: 0;
    }

    .hatf-ginger-hospitality__number {
      margin-bottom: 18px;
    }

    .hatf-ginger-hospitality__hosts {
      margin-right: -16px;
      margin-left: -16px;
      padding: 40px 24px;
    }

    .hatf-ginger-hospitality__host-list {
      grid-template-columns: 1fr;
    }

    .hatf-ginger-hospitality__host,
    .hatf-ginger-hospitality__host:first-child,
    .hatf-ginger-hospitality__host:last-child {
      padding: 22px 0;
      border-right: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .hatf-ginger-hospitality__host:last-child {
      border-bottom: 0;
    }

    .hatf-ginger-hospitality__dietary {
      grid-template-columns: 1fr;
      gap: 8px;
    }
  }
</style>

<section
  class="hatf-ginger-hospitality"
  aria-labelledby="hatf-ginger-hospitality-title"
>
  <div class="hatf-ginger-hospitality__shell">
    <div class="hatf-ginger-hospitality__header">
      <div>
        <span class="hatf-ginger-hospitality__eyebrow">
          Food and drinks
        </span>

        <h2 id="hatf-ginger-hospitality-title">
          Something festive while you build
        </h2>
      </div>

      <p class="hatf-ginger-hospitality__intro">
        This is more than two hours around a decorating table.
        Welcome drinks and food stations will be available throughout
        the workshop, giving everyone time to eat, build and enjoy the
        morning together.
      </p>
    </div>

    <div class="hatf-ginger-hospitality__cards">
      <article class="hatf-ginger-hospitality__card">
        <span class="hatf-ginger-hospitality__number">01</span>

        <h3>Welcome drinks</h3>

        <p>
          Begin with a festive welcome drink while you collect your
          gingerbread pieces and prepare for the chef demonstration.
          Adult and alcohol-free options will be available.
        </p>
      </article>

      <article class="hatf-ginger-hospitality__card">
        <span class="hatf-ginger-hospitality__number">02</span>

        <h3>Food stations</h3>

        <p>
          Help yourself to a grazing station with cured meats, cheeses,
          fruit and condiments, alongside a separate station with
          familiar favourites for younger guests.
        </p>
      </article>

      <article class="hatf-ginger-hospitality__card">
        <span class="hatf-ginger-hospitality__number">03</span>

        <h3>More from the bar</h3>

        <p>
          Tea, coffee and full bar service will also be available during
          the workshop if you would like another drink while your
          gingerbread house takes shape.
        </p>
      </article>
    </div>

    <div class="hatf-ginger-hospitality__hosts">
      <div class="hatf-ginger-hospitality__hosts-copy">
        <h3>Meet your workshop hosts</h3>

        <p>
          Executive Chef Malcolm Williams will guide you through the
          practical side of building and decorating your gingerbread
          house. He will be joined by Henry and the Fox’s resident food
          guru, Terry P, who loves sharing his knowledge and will keep
          the morning moving with plenty of food stories along the way.
        </p>
      </div>

      <div
        class="hatf-ginger-hospitality__host-list"
        aria-label="Workshop hosts"
      >
        <div class="hatf-ginger-hospitality__host">
          <span class="hatf-ginger-hospitality__host-role">
            Executive Chef
          </span>

          <span class="hatf-ginger-hospitality__host-name">
            Malcolm Williams
          </span>
        </div>

        <div class="hatf-ginger-hospitality__host">
          <span class="hatf-ginger-hospitality__host-role">
            Event Host &amp; Resident Food Guru
          </span>

          <span class="hatf-ginger-hospitality__host-name">
            Terry P
          </span>
        </div>
      </div>
    </div>

    <div class="hatf-ginger-hospitality__dietary">
      <span class="hatf-ginger-hospitality__dietary-label">
        Dietary requirements
      </span>

      <p>
        Please include any dietary requirements when booking so the
        Henry and the Fox team can confirm what can be accommodated.
      </p>
    </div>
  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-9733c7b elementor-widget elementor-widget-html" data-id="9733c7b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 06: GINGERBREAD TICKETS AND CHECKOUT -->
<style>
  .hatf-ginger-checkout,
  .hatf-ginger-checkout * {
    box-sizing: border-box;
  }

  .hatf-ginger-checkout {
    --hatf-green: #40ad48;
    --hatf-dark-green: #287a31;
    --hatf-black: #000;
    --hatf-white: #fff;
    --hatf-text: #202020;
    --hatf-muted: #6f6f6f;
    --hatf-grey: #f7f7f7;
    --hatf-line: #e0e0e0;

    width: 100%;
    overflow: hidden;
    padding: clamp(88px, 10vw, 148px) 0;
    background: var(--hatf-grey);
    color: var(--hatf-text);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.65;
    scroll-margin-top: 110px;
  }

  .hatf-ginger-checkout__shell {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
  }

  .hatf-ginger-checkout h2,
  .hatf-ginger-checkout h3,
  .hatf-ginger-checkout p {
    margin-top: 0;
  }

  .hatf-ginger-checkout__grid {
    display: grid;
    grid-template-columns:
      minmax(290px, 0.68fr)
      minmax(0, 1.32fr);
    gap: clamp(55px, 8vw, 112px);
    align-items: start;
  }

  .hatf-ginger-checkout__content {
    position: sticky;
    top: 120px;
    min-width: 0;
  }

  .hatf-ginger-checkout__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: var(--hatf-dark-green);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .hatf-ginger-checkout__eyebrow::before {
    width: 34px;
    height: 2px;
    flex: 0 0 auto;
    content: "";
    background: var(--hatf-green);
  }

  .hatf-ginger-checkout h2 {
    max-width: 520px;
    margin-bottom: 27px;
    color: var(--hatf-black);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(50px, 5.7vw, 78px);
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 0.98;
  }

  .hatf-ginger-checkout__lead {
    max-width: 490px;
    margin-bottom: 39px;
    color: var(--hatf-text);
    font-size: 18px;
    line-height: 1.65;
  }

  .hatf-ginger-checkout__event-details {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--hatf-line);
    list-style: none;
  }

  .hatf-ginger-checkout__event-detail {
    display: grid;
    padding: 20px 0;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 18px;
    border-bottom: 1px solid var(--hatf-line);
  }

  .hatf-ginger-checkout__detail-label {
    color: var(--hatf-dark-green);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .hatf-ginger-checkout__detail-value {
    color: var(--hatf-black);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.55;
  }

  .hatf-ginger-checkout__options {
    display: grid;
    margin-top: 34px;
    gap: 12px;
  }

  .hatf-ginger-checkout__option {
    padding: 20px;
    border-left: 4px solid var(--hatf-green);
    background: var(--hatf-white);
  }

  .hatf-ginger-checkout__option h3 {
    margin-bottom: 5px;
    color: var(--hatf-black);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
  }

  .hatf-ginger-checkout__option p {
    margin-bottom: 0;
    color: var(--hatf-muted);
    font-size: 13px;
    line-height: 1.55;
  }

  .hatf-ginger-checkout__widget-card {
    min-width: 0;
    padding: clamp(25px, 4vw, 42px);
    border-top: 6px solid var(--hatf-green);
    background: var(--hatf-white);
  }

  .hatf-ginger-checkout__widget-header {
    margin-bottom: 27px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--hatf-line);
  }

  .hatf-ginger-checkout__widget-header h3 {
    margin-bottom: 7px;
    color: var(--hatf-black);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.05;
  }

  .hatf-ginger-checkout__widget-header p {
    margin-bottom: 0;
    color: var(--hatf-muted);
    font-size: 14px;
    line-height: 1.55;
  }

  .hatf-ginger-checkout__embed {
    width: 100%;
    height: 900px;
    min-height: 900px;
    overflow: hidden;
  }

  .hatf-ginger-checkout__embed iframe {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 900px !important;
    border: 0;
  }

  .hatf-ginger-checkout__fallback {
    margin-top: 23px;
    padding-top: 21px;
    border-top: 1px solid var(--hatf-line);
    text-align: center;
  }

  .hatf-ginger-checkout__fallback p {
    margin-bottom: 12px;
    color: var(--hatf-muted);
    font-size: 13px;
    line-height: 1.55;
  }

  .hatf-ginger-checkout__fallback-link {
    display: inline-flex;
    min-height: 52px;
    padding: 14px 23px;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--hatf-green);
    background: var(--hatf-green);
    color: var(--hatf-white) !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.11em;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      color 180ms ease;
  }

  .hatf-ginger-checkout__fallback-link:hover,
  .hatf-ginger-checkout__fallback-link:focus-visible {
    border-color: var(--hatf-black);
    background: var(--hatf-black);
    color: var(--hatf-white) !important;
  }

  .hatf-ginger-checkout__fallback-link:focus-visible {
    outline: 3px solid rgba(64, 173, 72, 0.35);
    outline-offset: 4px;
  }

  .hatf-ginger-checkout__note {
    margin-top: 23px;
    color: var(--hatf-muted);
    font-size: 12px;
    line-height: 1.6;
  }

  @media (max-width: 1024px) {
    .hatf-ginger-checkout__grid {
      grid-template-columns: 1fr;
      gap: 60px;
    }

    .hatf-ginger-checkout__content {
      position: static;
      max-width: 760px;
    }

    .hatf-ginger-checkout__options {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 767px) {
    .hatf-ginger-checkout {
      padding: 78px 0;
      scroll-margin-top: 80px;
    }

    .hatf-ginger-checkout__shell {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-ginger-checkout__grid {
      gap: 47px;
    }

    .hatf-ginger-checkout h2 {
      font-size: clamp(46px, 13vw, 64px);
    }

    .hatf-ginger-checkout__lead {
      font-size: 17px;
    }

    .hatf-ginger-checkout__event-detail {
      grid-template-columns: 67px minmax(0, 1fr);
      gap: 13px;
    }

    .hatf-ginger-checkout__options {
      grid-template-columns: 1fr;
    }

    .hatf-ginger-checkout__widget-card {
      margin-right: -16px;
      margin-left: -16px;
      padding: 31px 16px;
    }

    .hatf-ginger-checkout__embed {
      height: 1050px;
      min-height: 1050px;
    }

    .hatf-ginger-checkout__embed iframe {
      height: 1050px !important;
    }

    .hatf-ginger-checkout__fallback-link {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-ginger-checkout__fallback-link {
      transition: none;
    }
  }
</style>

<section
  id="hatf-ginger-tickets"
  class="hatf-ginger-checkout"
  aria-labelledby="hatf-ginger-checkout-title"
>
  <div class="hatf-ginger-checkout__shell">
    <div class="hatf-ginger-checkout__grid">
      <div class="hatf-ginger-checkout__content">
        <span class="hatf-ginger-checkout__eyebrow">
          Tickets
        </span>

        <h2 id="hatf-ginger-checkout-title">
          Choose your gingerbread team
        </h2>

        <p class="hatf-ginger-checkout__lead">
          Book for a pair or bring a third guest and build two houses
          together. Select your ticket through the secure Eventbrite
          checkout.
        </p>

        <ul
          class="hatf-ginger-checkout__event-details"
          aria-label="Event details"
        >
          <li class="hatf-ginger-checkout__event-detail">
            <span class="hatf-ginger-checkout__detail-label">
              Date
            </span>

            <span class="hatf-ginger-checkout__detail-value">
              Saturday 12 December 2026
            </span>
          </li>

          <li class="hatf-ginger-checkout__event-detail">
            <span class="hatf-ginger-checkout__detail-label">
              Time
            </span>

            <span class="hatf-ginger-checkout__detail-value">
              11am–1pm
            </span>
          </li>

          <li class="hatf-ginger-checkout__event-detail">
            <span class="hatf-ginger-checkout__detail-label">
              Venue
            </span>

            <span class="hatf-ginger-checkout__detail-value">
              Henry and the Fox<br>
              525 Little Collins Street, Melbourne
            </span>
          </li>
        </ul>

        <div class="hatf-ginger-checkout__options">
          <article class="hatf-ginger-checkout__option">
            <h3>Pair ticket — $129</h3>

            <p>
              Two guests and one gingerbread house. Booking fee applies.
            </p>
          </article>

          <article class="hatf-ginger-checkout__option">
            <h3>Trio ticket — $199</h3>

            <p>
              Three guests and two gingerbread houses. Booking fee applies.
            </p>
          </article>
        </div>

        <p class="hatf-ginger-checkout__note">
          Places are limited. Ticket availability is confirmed through
          Eventbrite at the time of booking.
        </p>
      </div>

      <div class="hatf-ginger-checkout__widget-card">
        <div class="hatf-ginger-checkout__widget-header">
          <h3>Book your tickets</h3>

          <p>
            Select your ticket quantity and complete your booking below.
          </p>
        </div>

        <div
          id="eventbrite-widget-container-1992302008940"
          class="hatf-ginger-checkout__embed"
          aria-label="Eventbrite ticket checkout"
        ></div>

        <div class="hatf-ginger-checkout__fallback">
          <p>
            If the checkout does not appear, open the ticket page directly.
          </p>

          <a
            class="hatf-ginger-checkout__fallback-link"
            href="https://www.eventbrite.com.au/e/ginger-bread-making-workshop-tickets-1992302008940"
            target="_blank"
            rel="noopener noreferrer"
          >
            View tickets on Eventbrite
          </a>
        </div>
      </div>
    </div>
  </div>
</section>

<script>
  (function () {
    var eventId = "1992302008940";
    var containerId =
      "eventbrite-widget-container-1992302008940";
    var widgetScript =
      "https://www.eventbrite.com.au/static/widgets/eb_widgets.js";

    function getWidgetHeight() {
      return window.matchMedia("(max-width: 767px)").matches
        ? 1050
        : 900;
    }

    function initialiseGingerbreadCheckout() {
      var container = document.getElementById(containerId);

      if (
        !container ||
        !window.EBWidgets ||
        container.getAttribute("data-widget-loaded") === "true"
      ) {
        return;
      }

      container.setAttribute("data-widget-loaded", "true");

      window.EBWidgets.createWidget({
        widgetType: "checkout",
        eventId: eventId,
        iframeContainerId: containerId,
        iframeContainerHeight: getWidgetHeight()
      });
    }

    if (window.EBWidgets) {
      initialiseGingerbreadCheckout();
      return;
    }

    var existingScript = document.querySelector(
      'script[src="' + widgetScript + '"]'
    );

    if (existingScript) {
      existingScript.addEventListener(
        "load",
        initialiseGingerbreadCheckout,
        { once: true }
      );
      return;
    }

    var script = document.createElement("script");
    script.src = widgetScript;
    script.async = true;
    script.addEventListener(
      "load",
      initialiseGingerbreadCheckout,
      { once: true }
    );

    document.head.appendChild(script);
  })();
</script>				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://henryandthefox.com.au/ginger-bread-making-workshop/">Ginger Bread Making Workshop</a> appeared first on <a href="https://henryandthefox.com.au">Henry And The Fox</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
