<?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 functions Melbourne Archives - Henry And The Fox</title>
	<atom:link href="https://henryandthefox.com.au/tag/christmas-functions-melbourne/feed/" rel="self" type="application/rss+xml" />
	<link>https://henryandthefox.com.au/tag/christmas-functions-melbourne/</link>
	<description>Restaurant, Bar, Cafe, Functions in Little Collins Melbourne</description>
	<lastBuildDate>Mon, 03 Aug 2026 10:36:04 +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 functions Melbourne Archives - Henry And The Fox</title>
	<link>https://henryandthefox.com.au/tag/christmas-functions-melbourne/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Festive Menus 2026</title>
		<link>https://henryandthefox.com.au/festive-menus-2026/</link>
		
		<dc:creator><![CDATA[sam-shaw]]></dc:creator>
		<pubDate>Tue, 28 Jul 2026 04:29:36 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[beverage packages]]></category>
		<category><![CDATA[Christmas canapés]]></category>
		<category><![CDATA[Christmas functions Melbourne]]></category>
		<category><![CDATA[Christmas party venue Melbourne]]></category>
		<category><![CDATA[corporate Christmas parties]]></category>
		<category><![CDATA[festive functions Melbourne]]></category>
		<category><![CDATA[festive menus]]></category>
		<category><![CDATA[gingerbread workshops]]></category>
		<category><![CDATA[group dining Melbourne]]></category>
		<category><![CDATA[Henry and the Fox]]></category>
		<guid isPermaLink="false">https://henryandthefox.com.au/?p=4189</guid>

					<description><![CDATA[<p>Plan your 2026 Christmas function at Henry and the Fox with festive menus, canapés, beverage packages and gingerbread workshops.</p>
<p>The post <a href="https://henryandthefox.com.au/festive-menus-2026/">Festive Menus 2026</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="4189" class="elementor elementor-4189" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-d0fa267 e-con-full e-flex e-con e-parent" data-id="d0fa267" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ca06ede elementor-widget elementor-widget-html" data-id="ca06ede" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 01: FESTIVE MENUS HERO -->
<style>
  .hatf-festive-hero,
  .hatf-festive-hero * {
    box-sizing: border-box;
  }

  .hatf-festive-hero {
    --hatf-green: #40ad48;
    --hatf-dark-green: #153c2c;
    --hatf-deep-green: #0b281d;
    --hatf-gold: #d8ad4b;
    --hatf-cream: #f6f0df;
    --hatf-white: #ffffff;
    --hatf-black: #000000;

    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: clamp(92px, 9vw, 138px);
    color: var(--hatf-white);
    background: var(--hatf-black);
    font-family: "Raleway", Arial, sans-serif;
    isolation: isolate;
  }

  .hatf-festive-hero__stage {
    position: relative;
    display: flex;
    align-items: center;
    min-height: clamp(680px, 78vh, 860px);
    overflow: hidden;
  }

  .hatf-festive-hero__image {
    position: absolute;
    inset: 0;
    z-index: -3;
  }

  .hatf-festive-hero__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .hatf-festive-hero__stage::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
      linear-gradient(
        90deg,
        rgba(4, 24, 17, 0.97) 0%,
        rgba(8, 39, 28, 0.92) 36%,
        rgba(9, 30, 22, 0.58) 67%,
        rgba(0, 0, 0, 0.28) 100%
      );
  }

  .hatf-festive-hero__stage::after {
    content: "";
    position: absolute;
    inset: 18px;
    z-index: -1;
    border: 1px solid rgba(216, 173, 75, 0.55);
    pointer-events: none;
  }

  .hatf-festive-hero__inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: clamp(88px, 10vw, 142px) 0 clamp(76px, 9vw, 124px);
  }

  .hatf-festive-hero__content {
    width: min(680px, 64%);
  }

  .hatf-festive-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 22px;
    color: var(--hatf-gold);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.17em;
    text-transform: uppercase;
  }

  .hatf-festive-hero__eyebrow::before {
    content: "";
    flex: 0 0 42px;
    height: 2px;
    background: var(--hatf-gold);
  }

  .hatf-festive-hero h1 {
    max-width: 720px;
    margin: 0;
    color: var(--hatf-cream);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(64px, 8.2vw, 126px);
    font-weight: 400;
    line-height: 0.91;
    letter-spacing: -0.035em;
  }

  .hatf-festive-hero h1 span {
    display: block;
    color: var(--hatf-gold);
  }

  .hatf-festive-hero__date {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 32px 0 0;
    padding: 12px 16px;
    border-top: 1px solid rgba(216, 173, 75, 0.72);
    border-bottom: 1px solid rgba(216, 173, 75, 0.72);
    color: var(--hatf-white);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .hatf-festive-hero__date-label {
    color: var(--hatf-gold);
  }

  .hatf-festive-hero__intro {
    max-width: 630px;
    margin: 28px 0 0;
    color: rgba(255, 255, 255, 0.91);
    font-size: clamp(17px, 1.45vw, 20px);
    line-height: 1.65;
  }

  .hatf-festive-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 34px;
  }

  .hatf-festive-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 25px;
    border: 2px solid var(--hatf-green);
    border-radius: 0;
    color: var(--hatf-white);
    background: var(--hatf-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      color 180ms ease,
      transform 180ms ease;
  }

  /*
    Stronger selectors prevent the Elementor theme from overriding
    the primary button label colour.
  */
  .hatf-festive-hero
  a.hatf-festive-hero__button:not(.hatf-festive-hero__button--secondary) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  .hatf-festive-hero
  a.hatf-festive-hero__button:not(.hatf-festive-hero__button--secondary):hover,
  .hatf-festive-hero
  a.hatf-festive-hero__button:not(.hatf-festive-hero__button--secondary):focus {
    border-color: #ffffff;
    color: #000000 !important;
    background: #ffffff;
    -webkit-text-fill-color: #000000 !important;
    transform: translateY(-2px);
  }

  .hatf-festive-hero__button--secondary {
    border-color: rgba(255, 255, 255, 0.7);
    color: #ffffff !important;
    background: transparent;
    -webkit-text-fill-color: #ffffff !important;
  }

  .hatf-festive-hero__button--secondary:hover,
  .hatf-festive-hero__button--secondary:focus {
    border-color: var(--hatf-gold);
    color: #000000 !important;
    background: var(--hatf-gold);
    -webkit-text-fill-color: #000000 !important;
    transform: translateY(-2px);
  }

  .hatf-festive-hero__button:focus-visible {
    outline: 3px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  .hatf-festive-hero__offers {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin: 40px 0 0;
    padding: 22px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
    list-style: none;
  }

  .hatf-festive-hero__offers li {
    position: relative;
    margin: 0;
    padding-left: 15px;
    color: var(--hatf-cream);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  .hatf-festive-hero__offers li::before {
    content: "";
    position: absolute;
    top: 0.45em;
    left: 0;
    width: 6px;
    height: 6px;
    background: var(--hatf-gold);
    transform: rotate(45deg);
  }

  .hatf-festive-hero__ornaments {
    position: absolute;
    top: 0;
    right: clamp(22px, 8vw, 130px);
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: clamp(28px, 4vw, 62px);
    pointer-events: none;
  }

  .hatf-festive-hero__ornament {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    margin-top: var(--ornament-drop);
    border: 2px solid rgba(255, 255, 255, 0.32);
    border-radius: 50%;
    background: var(--ornament-colour);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  }

  .hatf-festive-hero__ornament::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 1px;
    height: var(--ornament-drop);
    background: rgba(216, 173, 75, 0.56);
  }

  .hatf-festive-hero__ornament::after {
    content: "";
    position: absolute;
    bottom: calc(100% + 1px);
    left: 50%;
    width: 7px;
    height: 4px;
    border-radius: 1px;
    background: var(--hatf-gold);
    transform: translateX(-50%);
  }

  .hatf-festive-hero__ornament--one {
    --ornament-drop: 52px;
    --ornament-colour: #a52a2f;
    width: 27px;
    height: 27px;
  }

  .hatf-festive-hero__ornament--two {
    --ornament-drop: 87px;
    --ornament-colour: #17653e;
    width: 19px;
    height: 19px;
  }

  .hatf-festive-hero__ornament--three {
    --ornament-drop: 38px;
    --ornament-colour: #d8ad4b;
    width: 23px;
    height: 23px;
  }

  .hatf-festive-hero__ornament--four {
    --ornament-drop: 73px;
    --ornament-colour: #8f2025;
    width: 16px;
    height: 16px;
  }

  @media (max-width: 1024px) {
    .hatf-festive-hero__content {
      width: min(680px, 76%);
    }

    .hatf-festive-hero__stage::before {
      background:
        linear-gradient(
          90deg,
          rgba(4, 24, 17, 0.96) 0%,
          rgba(8, 39, 28, 0.86) 52%,
          rgba(0, 0, 0, 0.38) 100%
        );
    }
  }

  @media (max-width: 767px) {
    .hatf-festive-hero {
      padding-top: 78px;
    }

    .hatf-festive-hero__stage {
      min-height: 720px;
      align-items: flex-end;
    }

    .hatf-festive-hero__image img {
      object-position: 57% center;
    }

    .hatf-festive-hero__stage::before {
      background:
        linear-gradient(
          180deg,
          rgba(4, 24, 17, 0.34) 0%,
          rgba(4, 24, 17, 0.72) 36%,
          rgba(4, 24, 17, 0.98) 72%,
          rgba(4, 24, 17, 1) 100%
        );
    }

    .hatf-festive-hero__stage::after {
      inset: 10px;
    }

    .hatf-festive-hero__inner {
      width: min(1180px, calc(100% - 32px));
      padding: 150px 0 54px;
    }

    .hatf-festive-hero__content {
      width: 100%;
    }

    .hatf-festive-hero__eyebrow {
      margin-bottom: 17px;
      font-size: 11px;
    }

    .hatf-festive-hero h1 {
      font-size: clamp(54px, 17vw, 76px);
      line-height: 0.94;
    }

    .hatf-festive-hero__date {
      display: flex;
      width: 100%;
      margin-top: 25px;
      padding: 12px 0;
      font-size: 12px;
      letter-spacing: 0.055em;
    }

    .hatf-festive-hero__intro {
      margin-top: 22px;
      font-size: 16px;
      line-height: 1.58;
    }

    .hatf-festive-hero__actions {
      display: grid;
      grid-template-columns: 1fr;
      margin-top: 27px;
    }

    .hatf-festive-hero__button {
      width: 100%;
    }

    .hatf-festive-hero__offers {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 11px 16px;
      margin-top: 29px;
      padding-top: 19px;
    }

    .hatf-festive-hero__offers li {
      font-size: 11px;
    }

    .hatf-festive-hero__ornaments {
      right: 28px;
      transform: scale(0.82);
      transform-origin: top right;
    }
  }

  @media (max-width: 420px) {
    .hatf-festive-hero__offers {
      grid-template-columns: 1fr;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-festive-hero__button {
      transition: none;
    }

    .hatf-festive-hero__button:hover {
      transform: none;
    }
  }
</style>

<section
  class="hatf-festive-hero"
  aria-labelledby="hatf-festive-hero-title"
>
  <div class="hatf-festive-hero__stage">

    <div class="hatf-festive-hero__image" aria-hidden="true">
      <img fetchpriority="high"
        src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox_festive_banner-2.png"
        width="1600"
        height="900"
        alt=""
        loading="eager"
        fetchpriority="high"
        decoding="async"
      >
    </div>

    <div class="hatf-festive-hero__ornaments" aria-hidden="true">
      <span class="hatf-festive-hero__ornament hatf-festive-hero__ornament--one"></span>
      <span class="hatf-festive-hero__ornament hatf-festive-hero__ornament--two"></span>
      <span class="hatf-festive-hero__ornament hatf-festive-hero__ornament--three"></span>
      <span class="hatf-festive-hero__ornament hatf-festive-hero__ornament--four"></span>
    </div>

    <div class="hatf-festive-hero__inner">
      <div class="hatf-festive-hero__content">

        <p class="hatf-festive-hero__eyebrow">
          Festive dining and events
        </p>

        <h1 id="hatf-festive-hero-title">
          Festive Menus
          <span>2026</span>
        </h1>

        <p class="hatf-festive-hero__date">
          <span class="hatf-festive-hero__date-label">Available</span>
          <span>
            <time datetime="2026-11-30">30 November</time>–<time datetime="2026-12-20">20 December 2026</time>
          </span>
        </p>

        <p class="hatf-festive-hero__intro">
          Plan your end-of-year celebration at Henry and the Fox with
          shared dining, individual choice menus, canapé packages and
          a hands-on gingerbread workshop.
        </p>

        <div class="hatf-festive-hero__actions">
          <a
            class="hatf-festive-hero__button"
            href="#festive-enquiry"
          >
            Make an enquiry
          </a>

          <a
            class="hatf-festive-hero__button hatf-festive-hero__button--secondary"
            href="#festive-options"
          >
            Explore festive options
          </a>
        </div>

        <ul
          class="hatf-festive-hero__offers"
          aria-label="Available festive experiences"
        >
          <li>Shared menus</li>
          <li>Choice menus</li>
          <li>Canapé packages</li>
          <li>Gingerbread workshop</li>
        </ul>

      </div>
    </div>
  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-2a3a2fd elementor-widget elementor-widget-html" data-id="2a3a2fd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 02: CHOOSE YOUR FESTIVE CELEBRATION -->
<style>
  .hatf-festive-options,
  .hatf-festive-options * {
    box-sizing: border-box;
  }

  .hatf-festive-options {
    --hatf-green: #40ad48;
    --hatf-dark-green: #153c2c;
    --hatf-deep-green: #0b281d;
    --hatf-gold: #d8ad4b;
    --hatf-orange: #af6a14;
    --hatf-cream: #f6f0df;
    --hatf-white: #ffffff;
    --hatf-ink: #202020;
    --hatf-muted: #686868;
    --hatf-border: #ded8c8;
    --hatf-leaf:
      url("https://henryandthefox.com.au/wp-content/uploads/2024/01/bg-reduced-2.webp");

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(82px, 9vw, 132px) 0;
    color: var(--hatf-ink);
    background: var(--hatf-cream);
    font-family: "Raleway", Arial, sans-serif;
    isolation: isolate;
  }

  .hatf-festive-options::before {
    content: "";
    position: absolute;
    top: -130px;
    right: -110px;
    z-index: -1;
    width: 500px;
    height: 500px;
    background-image: var(--hatf-leaf);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.075;
    transform: rotate(16deg);
    pointer-events: none;
  }

  .hatf-festive-options__inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
  }

  .hatf-festive-options__header {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(300px, 0.72fr);
    gap: clamp(38px, 8vw, 110px);
    align-items: end;
    margin-bottom: clamp(48px, 6vw, 76px);
  }

  .hatf-festive-options__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 18px;
    color: var(--hatf-dark-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .hatf-festive-options__eyebrow::before {
    content: "";
    flex: 0 0 42px;
    height: 2px;
    background: var(--hatf-green);
  }

  .hatf-festive-options h2 {
    max-width: 690px;
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(50px, 6vw, 84px);
    font-weight: 400;
    line-height: 0.98;
    letter-spacing: -0.03em;
  }

  .hatf-festive-options__intro {
    margin: 0;
    color: var(--hatf-ink);
    font-size: clamp(17px, 1.5vw, 19px);
    line-height: 1.68;
  }

  .hatf-festive-options__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--hatf-border);
    border-left: 1px solid var(--hatf-border);
  }

  .hatf-festive-option {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 480px;
    flex-direction: column;
    padding: 30px 26px 28px;
    border-right: 1px solid var(--hatf-border);
    border-bottom: 1px solid var(--hatf-border);
    background: rgba(255, 255, 255, 0.88);
    transition:
      background-color 180ms ease,
      transform 180ms ease;
  }

  .hatf-festive-option::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: var(--hatf-green);
  }

  .hatf-festive-option:hover {
    z-index: 2;
    background: var(--hatf-white);
    transform: translateY(-4px);
  }

  .hatf-festive-option--gingerbread {
    background: #fff9ee;
  }

  .hatf-festive-option--gingerbread::before {
    background: var(--hatf-orange);
  }

  .hatf-festive-option__number {
    margin: 0 0 30px;
    color: #aaa38f;
    font-family: "Italiana", Georgia, serif;
    font-size: 22px;
    line-height: 1;
  }

  .hatf-festive-option__image {
    position: relative;
    width: 100%;
    height: 158px;
    margin: 0 0 25px;
    overflow: hidden;
    background: #ebe6d8;
  }

  .hatf-festive-option__image img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
  }

  .hatf-festive-option__image--shared img {
    object-position: 50% 50% !important;
  }

  .hatf-festive-option__image--choice img {
    object-position: 50% 50% !important;
  }

  .hatf-festive-option__image--canape img {
    object-position: 50% 42% !important;
  }

  .hatf-festive-option__image--gingerbread img {
    object-position: 50% 48% !important;
  }

  .hatf-festive-option__type {
    margin: 0 0 8px;
    color: var(--hatf-dark-green);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .hatf-festive-option--gingerbread
  .hatf-festive-option__type {
    color: var(--hatf-orange);
  }

  .hatf-festive-option h3 {
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(31px, 2.5vw, 39px);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -0.025em;
  }

  .hatf-festive-option__price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 24px 0 0;
    color: var(--hatf-deep-green);
  }

  .hatf-festive-option__price-prefix {
    color: var(--hatf-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }

  .hatf-festive-option__price-value {
   font-family: "Raleway", Arial, sans-serif;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  }

  .hatf-festive-option__price-unit {
    color: var(--hatf-muted);
    font-size: 13px;
    font-weight: 600;
  }

  .hatf-festive-option__description {
    margin: 22px 0 0;
    color: var(--hatf-ink);
    font-size: 15px;
    line-height: 1.62;
  }

  .hatf-festive-option__facts {
    display: grid;
    gap: 9px;
    margin: 23px 0 0;
    padding: 18px 0 0;
    border-top: 1px solid #e6e1d5;
    list-style: none;
  }

  .hatf-festive-option__facts li {
    position: relative;
    margin: 0;
    padding-left: 16px;
    color: #4f4f4f;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
  }

  .hatf-festive-option__facts li::before {
    content: "";
    position: absolute;
    top: 0.48em;
    left: 0;
    width: 6px;
    height: 6px;
    background: var(--hatf-green);
    transform: rotate(45deg);
  }

  .hatf-festive-option--gingerbread
  .hatf-festive-option__facts li::before {
    background: var(--hatf-orange);
  }

  .hatf-festive-option__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: auto;
    padding-top: 28px;
    color: var(--hatf-deep-green) !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.1em;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-text-fill-color: var(--hatf-deep-green) !important;
  }

  .hatf-festive-option__link::after {
    content: "→";
    color: var(--hatf-green);
    font-size: 19px;
    font-weight: 400;
    line-height: 1;
    transition: transform 180ms ease;
  }

  .hatf-festive-option__link:hover::after {
    transform: translateX(5px);
  }

  .hatf-festive-option__link:focus-visible {
    outline: 3px solid var(--hatf-green);
    outline-offset: 5px;
  }

  .hatf-festive-options__footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 32px;
    align-items: center;
    margin-top: 34px;
    padding: 28px 30px;
    color: var(--hatf-white);
    background: var(--hatf-deep-green);
  }

  .hatf-festive-options__footer-copy {
    display: flex;
    gap: 18px;
    align-items: flex-start;
  }

  .hatf-festive-options__footer-mark {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    margin-top: 7px;
    background: var(--hatf-gold);
    transform: rotate(45deg);
  }

  .hatf-festive-options__footer-text {
    margin: 0;
    color: rgba(255, 255, 255, 0.91);
    font-size: 15px;
    line-height: 1.6;
  }

  .hatf-festive-options__footer-text strong {
    display: block;
    margin-bottom: 2px;
    color: var(--hatf-white);
    font-size: 16px;
    font-weight: 700;
  }

  .hatf-festive-options__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 23px;
    border: 2px solid var(--hatf-green);
    color: #ffffff !important;
    background: var(--hatf-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-text-fill-color: #ffffff !important;
    transition:
      border-color 180ms ease,
      color 180ms ease,
      background-color 180ms ease,
      transform 180ms ease;
  }

  .hatf-festive-options
  a.hatf-festive-options__button:hover,
  .hatf-festive-options
  a.hatf-festive-options__button:focus {
    border-color: var(--hatf-white);
    color: #000000 !important;
    background: var(--hatf-white);
    -webkit-text-fill-color: #000000 !important;
    transform: translateY(-2px);
  }

  .hatf-festive-options__button:focus-visible {
    outline: 3px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  .hatf-festive-options__download {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 32px;
    align-items: center;
    margin-top: 14px;
    padding: 24px 30px;
    border: 2px solid var(--hatf-orange);
    color: var(--hatf-deep-green);
    background: var(--hatf-white);
  }

  .hatf-festive-options__download-copy {
    margin: 0;
    color: var(--hatf-ink);
    font-size: 15px;
    line-height: 1.6;
  }

  .hatf-festive-options__download-copy strong {
    display: block;
    margin-bottom: 2px;
    color: var(--hatf-deep-green);
    font-size: 16px;
    font-weight: 700;
  }

  .hatf-festive-options__download-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 23px;
    border: 2px solid var(--hatf-orange);
    color: #ffffff !important;
    background: var(--hatf-orange);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-text-fill-color: #ffffff !important;
    transition:
      color 180ms ease,
      background-color 180ms ease,
      transform 180ms ease;
  }

  .hatf-festive-options
  a.hatf-festive-options__download-button:hover,
  .hatf-festive-options
  a.hatf-festive-options__download-button:focus {
    color: var(--hatf-orange) !important;
    background: var(--hatf-white);
    -webkit-text-fill-color: var(--hatf-orange) !important;
    transform: translateY(-2px);
  }

  .hatf-festive-options__download-button:focus-visible {
    outline: 3px solid var(--hatf-deep-green);
    outline-offset: 4px;
  }

  @media (max-width: 1024px) {
    .hatf-festive-options__header {
      grid-template-columns: 1fr;
      gap: 25px;
    }

    .hatf-festive-options__intro {
      max-width: 700px;
    }

    .hatf-festive-options__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hatf-festive-option {
      min-height: 430px;
    }
  }

  @media (max-width: 767px) {
    .hatf-festive-options {
      padding: 72px 0;
    }

    .hatf-festive-options::before {
      top: -60px;
      right: -160px;
      width: 360px;
      height: 360px;
    }

    .hatf-festive-options__inner {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-festive-options__header {
      margin-bottom: 38px;
    }

    .hatf-festive-options h2 {
      font-size: clamp(46px, 14vw, 64px);
    }

    .hatf-festive-options__intro {
      font-size: 16px;
    }

    .hatf-festive-options__grid {
      grid-template-columns: 1fr;
    }

    .hatf-festive-option {
      min-height: 0;
      padding: 27px 24px 26px;
    }

    .hatf-festive-option:hover {
      transform: none;
    }

    .hatf-festive-option__number {
      margin-bottom: 20px;
    }

    .hatf-festive-option__image {
      height: clamp(178px, 52vw, 250px);
      margin-bottom: 24px;
    }

    .hatf-festive-option h3 {
      font-size: 36px;
    }

    .hatf-festive-option__link {
      margin-top: 28px;
      padding-top: 0;
    }

    .hatf-festive-options__footer {
      grid-template-columns: 1fr;
      padding: 25px 23px;
    }

    .hatf-festive-options__download {
      grid-template-columns: 1fr;
      gap: 20px;
      padding: 23px;
    }

    .hatf-festive-options__button,
    .hatf-festive-options__download-button {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-festive-option,
    .hatf-festive-option__link::after,
    .hatf-festive-options__button,
    .hatf-festive-options__download-button {
      transition: none;
    }

    .hatf-festive-option:hover,
    .hatf-festive-options__button:hover,
    .hatf-festive-options__download-button:hover {
      transform: none;
    }
  }
</style>

<section
  id="festive-options"
  class="hatf-festive-options"
  aria-labelledby="hatf-festive-options-title"
>
  <div class="hatf-festive-options__inner">

    <header class="hatf-festive-options__header">
      <div>
        <p class="hatf-festive-options__eyebrow">
          Four ways to celebrate
        </p>

        <h2 id="hatf-festive-options-title">
          Choose your celebration
        </h2>
      </div>

      <p class="hatf-festive-options__intro">
        From a relaxed shared meal to a hands-on gingerbread workshop,
        choose the format that suits your group. Our team can help with
        menu selection, dietaries and drinks.
      </p>
    </header>

    <div class="hatf-festive-options__grid">

      <!-- FESTIVE SHARED MENU -->
      <article class="hatf-festive-option">
        <p class="hatf-festive-option__number" aria-hidden="true">01</p>

        <div class="hatf-festive-option__image hatf-festive-option__image--shared">
          <img
            src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-sharing-1.png"
            alt="Festive shared dining at Henry and the Fox"
            loading="lazy"
            decoding="async"
          >
        </div>

        <p class="hatf-festive-option__type">
          Sit-down dining
        </p>

        <h3>Festive Shared Menu</h3>

        <p class="hatf-festive-option__price">
          <span class="hatf-festive-option__price-prefix">From</span>
          <span class="hatf-festive-option__price-value">$52</span>
          <span class="hatf-festive-option__price-unit">per person</span>
        </p>

        <p class="hatf-festive-option__description">
          A generous shared dining format designed for larger festive
          lunches and dinners.
        </p>

        <ul class="hatf-festive-option__facts">
          <li>Two or three courses</li>
          <li>Best suited to groups of 19 or more</li>
          <li>Shared entrées, mains and sides</li>
        </ul>

        <a
          class="hatf-festive-option__link"
          href="#festive-shared"
          aria-label="View the Festive Shared Menu"
        >
          View menu
        </a>
      </article>

      <!-- FESTIVE CHOICE MENU -->
      <article class="hatf-festive-option">
        <p class="hatf-festive-option__number" aria-hidden="true">02</p>

        <div class="hatf-festive-option__image hatf-festive-option__image--choice">
          <img
            src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-festive-food.png"
            alt="Festive choice menu dish at Henry and the Fox"
            loading="lazy"
            decoding="async"
          >
        </div>

        <p class="hatf-festive-option__type">
          Individual selection
        </p>

        <h3>Festive Choice Menu</h3>

        <p class="hatf-festive-option__price">
          <span class="hatf-festive-option__price-prefix">From</span>
          <span class="hatf-festive-option__price-value">$55</span>
          <span class="hatf-festive-option__price-unit">per person</span>
        </p>

        <p class="hatf-festive-option__description">
          Guests select their own dishes while enjoying the celebration
          together.
        </p>

        <ul class="hatf-festive-option__facts">
          <li>Two or three courses</li>
          <li>Ideal for groups of up to 18</li>
          <li>Larger-group arrangements available</li>
        </ul>

        <a
          class="hatf-festive-option__link"
          href="#festive-choice"
          aria-label="View the Festive Choice Menu"
        >
          View menu
        </a>
      </article>

      <!-- FESTIVE CANAPÉ PACKAGE -->
      <article class="hatf-festive-option">
        <p class="hatf-festive-option__number" aria-hidden="true">03</p>

        <div class="hatf-festive-option__image hatf-festive-option__image--canape">
          <img
            src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-cocktail-staff.png"
            alt="Cocktail-style festive event at Henry and the Fox"
            loading="lazy"
            decoding="async"
          >
        </div>

        <p class="hatf-festive-option__type">
          Cocktail-style events
        </p>

        <h3>Festive Canapé Package</h3>

        <p class="hatf-festive-option__price">
          <span class="hatf-festive-option__price-value">$42</span>
          <span class="hatf-festive-option__price-unit">per person</span>
        </p>

        <p class="hatf-festive-option__description">
          A relaxed option for stand-up celebrations, office parties and
          social events.
        </p>

        <ul class="hatf-festive-option__facts">
          <li>Five savoury canapés</li>
          <li>One grazing bowl</li>
          <li>One Koko Black chocolate</li>
        </ul>

        <a
          class="hatf-festive-option__link"
          href="#festive-canapes"
          aria-label="View the Festive Canapé Package"
        >
          View package
        </a>
      </article>

      <!-- GINGERBREAD WORKSHOP -->
      <article class="hatf-festive-option hatf-festive-option--gingerbread">
        <p class="hatf-festive-option__number" aria-hidden="true">04</p>

        <div class="hatf-festive-option__image hatf-festive-option__image--gingerbread">
          <img
            src="https://henryandthefox.com.au/wp-content/uploads/2026/06/Photo-from-22.jpg"
            alt="Festive gingerbread workshop at Henry and the Fox"
            loading="lazy"
            decoding="async"
          >
        </div>

        <p class="hatf-festive-option__type">
          Hands-on experience
        </p>

        <h3>Gingerbread Workshop</h3>

        <p class="hatf-festive-option__price">
          <span class="hatf-festive-option__price-value">$125</span>
          <span class="hatf-festive-option__price-unit">per person</span>
        </p>

        <p class="hatf-festive-option__description">
          Work in pairs to create and decorate a festive gingerbread piece
          with guidance from our team.
        </p>

        <ul class="hatf-festive-option__facts">
          <li>1.5-hour guided workshop</li>
          <li>Festive canapés available for +$40pp</li>
          <li>Three-hour drinks package available for +$40pp</li>
        </ul>

        <a
          class="hatf-festive-option__link"
          href="#festive-gingerbread"
          aria-label="View the Festive Gingerbread Workshop"
        >
          View experience
        </a>
      </article>

    </div>

    <div class="hatf-festive-options__footer">
      <div class="hatf-festive-options__footer-copy">
        <span
          class="hatf-festive-options__footer-mark"
          aria-hidden="true"
        ></span>

        <p class="hatf-festive-options__footer-text">
          <strong>Not sure which option suits your group?</strong>
          Tell us your preferred date, guest numbers and event style, and
          our team will guide you through the available options.
        </p>
      </div>

      <a
        class="hatf-festive-options__button"
        href="#festive-enquiry"
      >
        Make an enquiry
      </a>
    </div>

    <div class="hatf-festive-options__download">
      <p class="hatf-festive-options__download-copy">
        <strong>Need to share with the team?</strong>
        Download our 2026 Festive Menu Pack to review and share.
      </p>

      <a
        class="hatf-festive-options__download-button"
        href="https://henryandthefox.com.au/wp-content/uploads/2026/07/HATF-Festive-Menus-26.pdf"
        target="_blank"
        rel="noopener"
        aria-label="Download the Henry and the Fox 2026 Festive Menu Pack PDF"
      >
        Download menu pack
      </a>
    </div>

  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-358fd8c elementor-widget elementor-widget-html" data-id="358fd8c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 04: FESTIVE CHOICE MENU -->
<style>
  .hatf-festive-choice,
  .hatf-festive-choice * {
    box-sizing: border-box;
  }

  .hatf-festive-choice {
    --hatf-green: #40ad48;
    --hatf-dark-green: #287a31;
    --hatf-deep-green: #0b281d;
    --hatf-gold: #d8ad4b;
    --hatf-cream: #f6f0df;
    --hatf-soft-cream: #fbf8ef;
    --hatf-white: #ffffff;
    --hatf-ink: #202020;
    --hatf-muted: #6f6f6f;
    --hatf-border: #ddd8ca;
    --hatf-leaf:
      url("https://henryandthefox.com.au/wp-content/uploads/2024/01/bg-reduced-2.webp");

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(84px, 9vw, 138px) 0;
    color: var(--hatf-ink);
    background: var(--hatf-soft-cream);
    font-family: "Raleway", Arial, sans-serif;
    scroll-margin-top: 100px;
    isolation: isolate;
  }

  .hatf-festive-choice::before {
    content: "";
    position: absolute;
    top: -170px;
    left: -190px;
    z-index: -1;
    width: 610px;
    height: 610px;
    background-image: var(--hatf-leaf);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.065;
    transform: rotate(-18deg);
    pointer-events: none;
  }

  .hatf-festive-choice::after {
    content: "";
    position: absolute;
    right: -240px;
    bottom: -280px;
    z-index: -1;
    width: 540px;
    height: 540px;
    border: 1px solid rgba(40, 122, 49, 0.12);
    border-radius: 50%;
    pointer-events: none;
  }

  .hatf-festive-choice__inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
  }

  .hatf-festive-choice__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
    gap: clamp(48px, 8vw, 110px);
    align-items: end;
    margin-bottom: clamp(50px, 7vw, 80px);
  }

  .hatf-festive-choice__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 18px;
    color: var(--hatf-dark-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .hatf-festive-choice__eyebrow::before {
    content: "";
    flex: 0 0 42px;
    height: 2px;
    background: var(--hatf-green);
  }

  .hatf-festive-choice h2 {
    max-width: 700px;
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(54px, 7vw, 96px);
    font-weight: 400;
    line-height: 0.96;
    letter-spacing: -0.03em;
  }

  .hatf-festive-choice__intro {
    margin: 0;
    color: var(--hatf-ink);
    font-size: clamp(17px, 1.5vw, 19px);
    line-height: 1.7;
  }

  .hatf-festive-choice__quick-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: 28px;
    border: 1px solid var(--hatf-border);
    background: var(--hatf-border);
  }

  .hatf-festive-choice__fact {
    padding: 17px 18px;
    background: rgba(255, 255, 255, 0.82);
  }

  .hatf-festive-choice__fact-label {
    display: block;
    margin-bottom: 5px;
    color: var(--hatf-dark-green);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .hatf-festive-choice__fact-value {
    display: block;
    color: var(--hatf-deep-green);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
  }

  .hatf-festive-choice__gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 3.5vw, 46px);
    align-items: center;
    width: min(100%, 900px);
    margin: 0 auto clamp(46px, 6vw, 72px);
    padding: 0 clamp(8px, 2vw, 24px);
  }

  .hatf-festive-choice__gallery-item {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    margin: 0;
    overflow: hidden;
    border: 5px solid rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    background: var(--hatf-cream);
    box-shadow:
      0 0 0 1px rgba(40, 122, 49, 0.18),
      0 15px 36px rgba(11, 40, 29, 0.12);
  }

  .hatf-festive-choice__gallery-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
  }

  .hatf-festive-choice__gallery-item:nth-child(1)
  .hatf-festive-choice__gallery-image {
    object-position: 50% 44%;
  }

  .hatf-festive-choice__gallery-item:nth-child(2)
  .hatf-festive-choice__gallery-image {
    object-position: 50% 50%;
  }

  .hatf-festive-choice__gallery-item:nth-child(3)
  .hatf-festive-choice__gallery-image {
    object-position: 50% 46%;
  }

  .hatf-festive-choice__pricing {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 28px;
    border-top: 1px solid rgba(40, 122, 49, 0.38);
    border-bottom: 1px solid rgba(40, 122, 49, 0.38);
  }

  .hatf-festive-choice__price {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: center;
    min-height: 122px;
    padding: 24px clamp(24px, 4vw, 48px);
  }

  .hatf-festive-choice__price +
  .hatf-festive-choice__price {
    border-left: 1px solid rgba(40, 122, 49, 0.38);
  }

  .hatf-festive-choice__price-value {
    color: var(--hatf-dark-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(48px, 5vw, 68px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.025em;
    font-variant-numeric: tabular-nums;
  }

  .hatf-festive-choice__price-details {
    display: grid;
    gap: 3px;
  }

  .hatf-festive-choice__price-course {
    color: var(--hatf-deep-green);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }

  .hatf-festive-choice__price-unit {
    color: var(--hatf-muted);
    font-size: 13px;
    line-height: 1.4;
  }

  .hatf-festive-choice__service-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    margin-bottom: 18px;
    padding: 25px 28px;
    border-left: 4px solid var(--hatf-gold);
    background: var(--hatf-cream);
  }

  .hatf-festive-choice__service-mark {
    width: 11px;
    height: 11px;
    margin-top: 7px;
    background: var(--hatf-gold);
    transform: rotate(45deg);
  }

  .hatf-festive-choice__service-copy {
    margin: 0;
    color: #454545;
    font-size: 14px;
    line-height: 1.68;
  }

  .hatf-festive-choice__service-copy strong {
    color: var(--hatf-deep-green);
  }

  .hatf-festive-choice__dietary-options {
    margin-top: clamp(58px, 7vw, 86px);
    border: 1px solid rgba(40, 122, 49, 0.28);
    background: rgba(64, 173, 72, 0.07);
  }

  .hatf-festive-choice__dietary-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: 22px 24px;
    color: var(--hatf-ink);
    cursor: pointer;
    list-style: none;
  }

  .hatf-festive-choice__dietary-summary::-webkit-details-marker {
    display: none;
  }

  .hatf-festive-choice__dietary-summary::marker {
    content: "";
  }

  .hatf-festive-choice__dietary-summary:hover {
    background: rgba(64, 173, 72, 0.06);
  }

  .hatf-festive-choice__dietary-summary:focus-visible {
    outline: 3px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  .hatf-festive-choice__dietary-summary-title {
    display: block;
    margin-bottom: 5px;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.02em;
  }

  .hatf-festive-choice__dietary-summary-copy {
    display: block;
    max-width: 820px;
    color: #555555;
    font-size: 14px;
    line-height: 1.65;
  }

  .hatf-festive-choice__dietary-icon {
    position: relative;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(40, 122, 49, 0.48);
    background: rgba(255, 255, 255, 0.62);
  }

  .hatf-festive-choice__dietary-icon::before,
  .hatf-festive-choice__dietary-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 2px;
    background: var(--hatf-dark-green);
    transform: translate(-50%, -50%);
  }

  .hatf-festive-choice__dietary-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: opacity 180ms ease;
  }

  .hatf-festive-choice__dietary-options[open]
  .hatf-festive-choice__dietary-summary {
    border-bottom: 1px solid rgba(40, 122, 49, 0.22);
    background: rgba(64, 173, 72, 0.05);
  }

  .hatf-festive-choice__dietary-options[open]
  .hatf-festive-choice__dietary-icon::after {
    opacity: 0;
  }

  .hatf-festive-choice__dietary-panel {
    padding: clamp(28px, 4vw, 44px);
    background: rgba(255, 255, 255, 0.74);
  }

  .hatf-festive-choice__dietary-intro {
    max-width: 850px;
    margin: 0 0 30px;
    color: #454545;
    font-size: 15px;
    line-height: 1.7;
  }

  .hatf-festive-choice__dietary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(34px, 5vw, 64px);
  }

  .hatf-festive-choice__dietary-group {
    min-width: 0;
  }

  .hatf-festive-choice__dietary-group +
  .hatf-festive-choice__dietary-group {
    padding-left: clamp(34px, 5vw, 64px);
    border-left: 1px solid var(--hatf-border);
  }

  .hatf-festive-choice__dietary-heading {
    margin: 0 0 24px;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(24px, 2.6vw, 32px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }

  .hatf-festive-choice__dietary-list {
    display: grid;
    gap: 23px;
  }

  .hatf-festive-choice__dietary-item {
    margin: 0;
    padding-top: 23px;
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-choice__dietary-item:first-child {
    padding-top: 0;
    border-top: 0;
  }

  .hatf-festive-choice__dietary-course {
    display: block;
    margin-bottom: 7px;
    color: var(--hatf-dark-green);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .hatf-festive-choice
  h4.hatf-festive-choice__dietary-name {
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: clamp(23px, 2.1vw, 30px);
    font-weight: 700 !important;
    line-height: 1.17;
    letter-spacing: -0.015em;
  }

  .hatf-festive-choice__dietary-description {
    margin: 7px 0 0;
    color: #555555;
    font-size: 13px;
    line-height: 1.65;
  }

  .hatf-festive-choice__dietary-code {
    color: var(--hatf-dark-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
  }

  .hatf-festive-choice__dietary-guidance {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(30px, 5vw, 58px);
    margin-top: clamp(34px, 5vw, 48px);
    padding-top: clamp(30px, 4vw, 40px);
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-choice__dietary-guidance-card {
    min-width: 0;
  }

  .hatf-festive-choice__dietary-guidance-title {
    margin: 0 0 10px;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }

  .hatf-festive-choice__dietary-guidance-copy {
    margin: 0;
    color: #555555;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.68;
  }

  .hatf-festive-choice__menu {
    width: 100%;
    margin: 0;
    padding: clamp(38px, 5vw, 58px);
    border: 1px solid rgba(40, 122, 49, 0.28);
  }

  .hatf-festive-choice__column {
    display: grid;
    gap: clamp(52px, 7vw, 78px);
    width: min(100%, 900px);
    margin: 0 auto;
  }

  .hatf-choice-course {
    min-width: 0;
  }

  .hatf-choice-course__heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 27px;
    color: var(--hatf-dark-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.15em;
    text-transform: uppercase;
  }

  .hatf-choice-course__heading::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: rgba(40, 122, 49, 0.3);
  }

  .hatf-choice-course__items {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hatf-choice-dish {
    margin: 0;
    padding: 0 0 24px;
  }

  .hatf-choice-dish +
  .hatf-choice-dish {
    padding-top: 24px;
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-choice-dish__name {
    display: block;
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(23px, 2.1vw, 30px);
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: -0.015em;
  }

  .hatf-choice-dish__description {
    display: block;
    margin-top: 8px;
    color: #555555;
    font-size: 14px;
    line-height: 1.62;
  }

  .hatf-choice-dish__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
  }

  .hatf-choice-dish__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 25px;
    padding: 4px 7px;
    border: 1px solid rgba(40, 122, 49, 0.42);
    color: var(--hatf-dark-green);
    background: rgba(64, 173, 72, 0.07);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .hatf-choice-dish__tag--origin {
    border-color: rgba(165, 118, 20, 0.45);
    color: #805a0f;
    background: rgba(216, 173, 75, 0.1);
  }

  /*
   * Sides are supporting dishes, so this section is deliberately quieter
   * than entrée, main and dessert.
   */
  .hatf-choice-course--sides
  .hatf-choice-course__heading {
    margin-bottom: 19px;
    color: var(--hatf-muted);
  }

  .hatf-choice-course--sides
  .hatf-choice-course__heading::after {
    background: var(--hatf-border);
  }

  .hatf-choice-course--sides
  .hatf-choice-dish {
    padding-bottom: 16px;
  }

  .hatf-choice-course--sides
  .hatf-choice-dish +
  .hatf-choice-dish {
    padding-top: 16px;
  }

  .hatf-choice-course--sides
  .hatf-choice-dish__name {
    font-size: clamp(17px, 1.55vw, 21px);
    line-height: 1.3;
  }

  .hatf-choice-course--sides
  .hatf-choice-dish__description {
    margin-top: 5px;
    font-size: 13px;
  }

  .hatf-choice-course--sides
  .hatf-choice-dish__tags {
    margin-top: 9px;
  }

  .hatf-festive-choice__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: clamp(44px, 6vw, 68px);
  }

  .hatf-festive-choice__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 25px;
    border: 2px solid var(--hatf-green);
    color: #ffffff !important;
    background: var(--hatf-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-text-fill-color: #ffffff !important;
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      color 180ms ease,
      transform 180ms ease;
  }

  .hatf-festive-choice
  a.hatf-festive-choice__button:hover,
  .hatf-festive-choice
  a.hatf-festive-choice__button:focus {
    border-color: var(--hatf-deep-green);
    color: #ffffff !important;
    background: var(--hatf-deep-green);
    -webkit-text-fill-color: #ffffff !important;
    transform: translateY(-2px);
  }

  .hatf-festive-choice__button--secondary {
    border-color: var(--hatf-deep-green);
    color: var(--hatf-deep-green) !important;
    background: transparent;
    -webkit-text-fill-color: var(--hatf-deep-green) !important;
  }

  .hatf-festive-choice
  a.hatf-festive-choice__button--secondary:hover,
  .hatf-festive-choice
  a.hatf-festive-choice__button--secondary:focus {
    border-color: var(--hatf-gold);
    color: #000000 !important;
    background: var(--hatf-gold);
    -webkit-text-fill-color: #000000 !important;
  }

  .hatf-festive-choice__button:focus-visible {
    outline: 3px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  .hatf-festive-choice__download {
    margin-top: 22px;
    text-align: center;
  }

  .hatf-festive-choice__download-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    color: var(--hatf-deep-green) !important;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: underline !important;
    text-decoration-color: var(--hatf-gold) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px;
    -webkit-text-fill-color: var(--hatf-deep-green) !important;
    transition:
      color 180ms ease,
      text-decoration-color 180ms ease;
  }

  .hatf-festive-choice__download-link::after {
    content: "↓";
    color: var(--hatf-gold);
    font-size: 16px;
    line-height: 1;
  }

  .hatf-festive-choice
  a.hatf-festive-choice__download-link:hover,
  .hatf-festive-choice
  a.hatf-festive-choice__download-link:focus {
    color: var(--hatf-dark-green) !important;
    text-decoration-color: var(--hatf-dark-green) !important;
    -webkit-text-fill-color: var(--hatf-dark-green) !important;
  }

  .hatf-festive-choice__download-link:focus-visible {
    outline: 2px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  @media (max-width: 1024px) {
    .hatf-festive-choice__header {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .hatf-festive-choice__header-copy {
      max-width: 760px;
    }

  }

  @media (max-width: 767px) {
    .hatf-festive-choice {
      padding: 72px 0;
    }

    .hatf-festive-choice::before {
      top: -70px;
      left: -170px;
      width: 380px;
      height: 380px;
    }

    .hatf-festive-choice__inner {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-festive-choice h2 {
      font-size: clamp(48px, 15vw, 68px);
    }

    .hatf-festive-choice__gallery {
      gap: 10px;
      margin-bottom: 42px;
      padding: 0;
    }

    .hatf-festive-choice__gallery-item {
      border-width: 3px;
      box-shadow:
        0 0 0 1px rgba(40, 122, 49, 0.18),
        0 9px 22px rgba(11, 40, 29, 0.1);
    }

    .hatf-festive-choice__quick-facts,
    .hatf-festive-choice__pricing {
      grid-template-columns: 1fr;
    }

    .hatf-festive-choice__price {
      min-height: 104px;
      padding: 22px 18px;
    }

    .hatf-festive-choice__price +
    .hatf-festive-choice__price {
      border-top: 1px solid rgba(40, 122, 49, 0.38);
      border-left: 0;
    }

    .hatf-festive-choice__service-note {
      padding: 23px 21px;
    }

    .hatf-festive-choice__menu {
      padding: 30px 21px;
    }

    .hatf-festive-choice__dietary-summary {
      gap: 16px;
      padding: 21px;
    }

    .hatf-festive-choice__dietary-panel {
      padding: 27px 21px;
    }

    .hatf-festive-choice__dietary-grid {
      grid-template-columns: 1fr;
      gap: 38px;
    }

    .hatf-festive-choice__dietary-group +
    .hatf-festive-choice__dietary-group {
      padding-top: 38px;
      padding-left: 0;
      border-top: 1px solid var(--hatf-border);
      border-left: 0;
    }

    .hatf-festive-choice__dietary-guidance {
      grid-template-columns: 1fr;
      gap: 28px;
    }

    .hatf-festive-choice__dietary-guidance-card +
    .hatf-festive-choice__dietary-guidance-card {
      padding-top: 28px;
      border-top: 1px solid var(--hatf-border);
    }

    .hatf-festive-choice__column {
      gap: 48px;
    }

    .hatf-choice-dish__name {
      font-size: 26px;
    }

    .hatf-choice-course--sides
    .hatf-choice-dish__name {
      font-size: 18px;
    }

    .hatf-festive-choice__actions {
      display: grid;
      grid-template-columns: 1fr;
    }

    .hatf-festive-choice__button {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-festive-choice__button,
    .hatf-festive-choice__download-link,
    .hatf-festive-choice__dietary-icon::after {
      transition: none;
    }

    .hatf-festive-choice__button:hover {
      transform: none;
    }
  }
</style>

<section
  id="festive-choice"
  class="hatf-festive-choice"
  aria-labelledby="hatf-festive-choice-title"
>
  <div class="hatf-festive-choice__inner">

    <header class="hatf-festive-choice__header">
      <div>
        <p class="hatf-festive-choice__eyebrow">
          Individual choice for each guest
        </p>

        <h2 id="hatf-festive-choice-title">
          Festive Choice Menu
        </h2>
      </div>

      <div class="hatf-festive-choice__header-copy">
        <p class="hatf-festive-choice__intro">
          Let each guest select their preferred dishes from our festive menu.
          This format is designed for groups of up to 18, with alternate-drop
          and pre-order arrangements available for larger groups.
        </p>

        <div class="hatf-festive-choice__quick-facts">
          <div class="hatf-festive-choice__fact">
            <span class="hatf-festive-choice__fact-label">
              Group size
            </span>

            <span class="hatf-festive-choice__fact-value">
              Best suited to groups of up to 18
            </span>
          </div>

          <div class="hatf-festive-choice__fact">
            <span class="hatf-festive-choice__fact-label">
              Available
            </span>

            <span class="hatf-festive-choice__fact-value">
              30 November–20 December 2026
            </span>
          </div>
        </div>
      </div>
    </header>

    <div
      class="hatf-festive-choice__gallery"
      aria-label="Festive Choice Menu highlights"
    >
      <figure class="hatf-festive-choice__gallery-item">
        <img
          class="hatf-festive-choice__gallery-image"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-festive-entrees.png"
          alt="Festive entrée selection at Henry and the Fox"
          loading="lazy"
          decoding="async"
        >
      </figure>

      <figure class="hatf-festive-choice__gallery-item">
        <img
          class="hatf-festive-choice__gallery-image"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-festive-cheer.png"
          alt="Guests sharing festive cheer at Henry and the Fox"
          loading="lazy"
          decoding="async"
        >
      </figure>

      <figure class="hatf-festive-choice__gallery-item">
        <img
          class="hatf-festive-choice__gallery-image"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-festive-food.png"
          alt="Festive food at Henry and the Fox"
          loading="lazy"
          decoding="async"
        >
      </figure>
    </div>

    <div
      class="hatf-festive-choice__pricing"
      aria-label="Festive Choice Menu pricing"
    >
      <div class="hatf-festive-choice__price">
        <span class="hatf-festive-choice__price-value">$55</span>

        <span class="hatf-festive-choice__price-details">
          <span class="hatf-festive-choice__price-course">
            Two courses
          </span>

          <span class="hatf-festive-choice__price-unit">
            Per person
          </span>
        </span>
      </div>

      <div class="hatf-festive-choice__price">
        <span class="hatf-festive-choice__price-value">$68</span>

        <span class="hatf-festive-choice__price-details">
          <span class="hatf-festive-choice__price-course">
            Three courses
          </span>

          <span class="hatf-festive-choice__price-unit">
            Per person
          </span>
        </span>
      </div>
    </div>

    <div class="hatf-festive-choice__service-note">
      <span
        class="hatf-festive-choice__service-mark"
        aria-hidden="true"
      ></span>

      <p class="hatf-festive-choice__service-copy">
        <strong>Choosing two courses?</strong>
        Everyone in the group must enjoy the same two courses—either entrée
        and main or main and dessert. For groups of 19 or more, this menu can
        be arranged as an alternate drop using two preselected dishes, or by
        organising guest pre-orders in advance.
      </p>
    </div>


    <div
      class="hatf-festive-choice__menu"
      aria-label="Festive Choice Menu courses"
    >

      <div class="hatf-festive-choice__column">

        <!-- ENTRÉE -->
        <section
          class="hatf-choice-course"
          aria-labelledby="festive-choice-entree-title"
        >
          <h3
            id="festive-choice-entree-title"
            class="hatf-choice-course__heading"
          >
            Choice of entrée
          </h3>

          <ul class="hatf-choice-course__items">
            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                Chicken, Fig and Pistachio Terrine
              </span>

              <span class="hatf-choice-dish__description">
                Cornichons, beetroot relish, Dijon mustard and sourdough
                croutons
              </span>
            </li>

            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                Duck, Thyme and Caramelised Onion Croquettes
              </span>

              <span class="hatf-choice-dish__description">
                Macadamia sauce and cherry compote
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">GIF</span>
              </span>
            </li>

            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                Cured Tasmanian Ocean Trout Pastrami
              </span>

              <span class="hatf-choice-dish__description">
                Dijon mustard crema, cornichons, dill, pickled red onion,
                breakfast radish and sourdough croutons
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">GFO</span>

                <span
                  class="hatf-choice-dish__tag hatf-choice-dish__tag--origin"
                >
                  A
                </span>
              </span>
            </li>

            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                French Brie, Candied Walnut and Grape Tarts
              </span>

              <span class="hatf-choice-dish__description">
                Vincotto, parsley, basil and lemon EVOO
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">V</span>
              </span>
            </li>
          </ul>
        </section>

        <!-- MAIN -->
        <section
          class="hatf-choice-course"
          aria-labelledby="festive-choice-main-title"
        >
          <h3
            id="festive-choice-main-title"
            class="hatf-choice-course__heading"
          >
            Choice of main
          </h3>

          <ul class="hatf-choice-course__items">
            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                220g Victorian Grass Fed Porterhouse
              </span>

              <span class="hatf-choice-dish__description">
                French fries and brandy peppercorn sauce
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">GIF</span>
              </span>
            </li>

            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                Confit Yarra Valley Rainbow Trout
              </span>

              <span class="hatf-choice-dish__description">
                Sweet corn purée, shaved fennel, asparagus and pickled
                zucchini salad with summer herb salsa verde
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">GF</span>

                <span
                  class="hatf-choice-dish__tag hatf-choice-dish__tag--origin"
                >
                  A
                </span>
              </span>
            </li>

            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                Lemon Butter and Goat’s Cheese Risotto
              </span>

              <span class="hatf-choice-dish__description">
                Caramelised shallots, spinach, confit garlic, peas, confit
                cherry tomatoes, aged parmesan and parsley oil
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">V</span>
              </span>
            </li>

            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                Scottsdale Free Range Porchetta Burger
              </span>

              <span class="hatf-choice-dish__description">
                Roast pumpkin smash, provolone, rocket and salsa verde on
                toasted sourdough, with spiced apple dipping sauce,
                twice-cooked potatoes and gravy
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">GIFO</span>
              </span>
            </li>

            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                Sage and Pepper Roasted Turkey Salad
              </span>

              <span class="hatf-choice-dish__description">
                Butter lettuce, pear, apple, pecans, mint, celery, craisins
                and lemon cream dressing
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">GFO</span>
              </span>
            </li>
          </ul>
        </section>

        <!-- SIDES -->
        <section
          class="hatf-choice-course hatf-choice-course--sides"
          aria-labelledby="festive-choice-sides-title"
        >
          <h3
            id="festive-choice-sides-title"
            class="hatf-choice-course__heading"
          >
            Sharing sides
          </h3>

          <ul class="hatf-choice-course__items">
            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                Potato Salad
              </span>

              <span class="hatf-choice-dish__description">
                New potatoes, red onion, capers, dill, parsley, mint and
                horseradish cream
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">GF</span>
                <span class="hatf-choice-dish__tag">V</span>
                <span class="hatf-choice-dish__tag">VGO</span>
              </span>
            </li>

            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                Crunchy Potato Chips
              </span>

              <span class="hatf-choice-dish__description">
                Sea salt, parsley and roasted garlic aioli
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">V</span>
                <span class="hatf-choice-dish__tag">GIF</span>
              </span>
            </li>
          </ul>
        </section>

        <!-- DESSERT -->
        <section
          class="hatf-choice-course"
          aria-labelledby="festive-choice-dessert-title"
        >
          <h3
            id="festive-choice-dessert-title"
            class="hatf-choice-course__heading"
          >
            Sweet sensations
          </h3>

          <ul class="hatf-choice-course__items">
            <li class="hatf-choice-dish">
              <span class="hatf-choice-dish__name">
                Individual Dessert
              </span>

              <span class="hatf-choice-dish__description">
                White chocolate and mango tartlet with passionfruit gelée,
                chocolate-covered honey and pistachio baklava, cranberry and
                orange shortbread
              </span>

              <span class="hatf-choice-dish__tags">
                <span class="hatf-choice-dish__tag">V</span>
              </span>
            </li>
          </ul>
        </section>

      </div>
    </div>

    <div class="hatf-festive-choice__download">
      <a
        class="hatf-festive-choice__download-link"
        href="https://henryandthefox.com.au/wp-content/uploads/2026/07/HATF-Festive-Menus-26.pdf"
        target="_blank"
        rel="noopener"
        aria-label="Download the full Henry and the Fox Festive 2026 Pack PDF"
      >
        Download the full Festive 2026 Pack .pdf
      </a>
    </div>

    <details class="hatf-festive-choice__dietary-options">
      <summary class="hatf-festive-choice__dietary-summary">
        <span>
          <strong class="hatf-festive-choice__dietary-summary-title">
            Dietary options
          </strong>

          <span class="hatf-festive-choice__dietary-summary-copy">
            Does your group have dietary requirements? View the vegan,
            gluten-free, halal and other dietary information for this menu.
          </span>
        </span>

        <span
          class="hatf-festive-choice__dietary-icon"
          aria-hidden="true"
        ></span>
      </summary>

      <div class="hatf-festive-choice__dietary-panel">
        <p class="hatf-festive-choice__dietary-intro">
          We understand that every group may have different dietary
          requirements, and we’ll work with you to ensure your guests are
          well looked after.
        </p>

        <div class="hatf-festive-choice__dietary-grid">

          <section
            class="hatf-festive-choice__dietary-group"
            aria-labelledby="hatf-choice-vegan-title"
          >
            <h3
              id="hatf-choice-vegan-title"
              class="hatf-festive-choice__dietary-heading"
            >
              Vegan options
            </h3>

            <div class="hatf-festive-choice__dietary-list">
              <article class="hatf-festive-choice__dietary-item">
                <span class="hatf-festive-choice__dietary-course">
                  Entrée
                </span>

                <h4 class="hatf-festive-choice__dietary-name">
                  Popcorn cauliflower
                </h4>

                <p class="hatf-festive-choice__dietary-description">
                  Cumin and fennel spiced buttermilk popcorn cauliflower,
                  volcano salt and minted coconut yoghurt
                  <span class="hatf-festive-choice__dietary-code">
                    (vg, gif)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-choice__dietary-item">
                <span class="hatf-festive-choice__dietary-course">
                  Main
                </span>

                <h4 class="hatf-festive-choice__dietary-name">
                  Mezzo plate
                </h4>

                <p class="hatf-festive-choice__dietary-description">
                  With hand-rolled vine leaves, pumpkin hummus, tahini,
                  toasted flatbread, cauliflower and cashew falafel, smoked
                  almonds, artichokes, marinated red peppers, wild rocket,
                  mint and pomegranate molasses
                  <span class="hatf-festive-choice__dietary-code">
                    (vg, gfo)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-choice__dietary-item">
                <span class="hatf-festive-choice__dietary-course">
                  Sides
                </span>

                <h4 class="hatf-festive-choice__dietary-name">
                  Wild rocket, nectarine and cucumber salad
                </h4>

                <p class="hatf-festive-choice__dietary-description">
                  With champagne vinaigrette
                  <span class="hatf-festive-choice__dietary-code">
                    (v, gif)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-choice__dietary-item">
                <span class="hatf-festive-choice__dietary-course">
                  Dessert
                </span>

                <h4 class="hatf-festive-choice__dietary-name">
                  Vegan sticky date pudding
                </h4>

                <p class="hatf-festive-choice__dietary-description">
                  With toffee sauce, candied walnuts and coconut vanilla
                  ice cream
                  <span class="hatf-festive-choice__dietary-code">
                    (vg, gif)
                  </span>
                </p>
              </article>
            </div>
          </section>

          <section
            class="hatf-festive-choice__dietary-group"
            aria-labelledby="hatf-choice-coeliac-title"
          >
            <h3
              id="hatf-choice-coeliac-title"
              class="hatf-festive-choice__dietary-heading"
            >
              Gluten-free (coeliac) options
            </h3>

            <div class="hatf-festive-choice__dietary-list">
              <article class="hatf-festive-choice__dietary-item">
                <span class="hatf-festive-choice__dietary-course">
                  Entrée
                </span>

                <h4 class="hatf-festive-choice__dietary-name">
                  Caprese salad
                </h4>

                <p class="hatf-festive-choice__dietary-description">
                  Heirloom tomato, basil and burrata caprese salad, lemon oil
                  and black salt
                  <span class="hatf-festive-choice__dietary-code">
                    (v, gf)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-choice__dietary-item">
                <span class="hatf-festive-choice__dietary-course">
                  Main
                </span>

                <h4 class="hatf-festive-choice__dietary-name">
                  Lemon butter and goat’s cheese risotto
                </h4>

                <p class="hatf-festive-choice__dietary-description">
                  With caramelised shallots, spinach, confit garlic, peas,
                  confit cherry tomatoes, aged parmesan and parsley oil
                  <span class="hatf-festive-choice__dietary-code">
                    (v, gf)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-choice__dietary-item">
                <span class="hatf-festive-choice__dietary-course">
                  Sides
                </span>

                <h4 class="hatf-festive-choice__dietary-name">
                  Wild rocket, nectarine and aged parmesan salad
                </h4>

                <p class="hatf-festive-choice__dietary-description">
                  With champagne vinaigrette
                  <span class="hatf-festive-choice__dietary-code">
                    (v, gf)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-choice__dietary-item">
                <span class="hatf-festive-choice__dietary-course">
                  Dessert
                </span>

                <h4 class="hatf-festive-choice__dietary-name">
                  Raspberry frangipane slice
                </h4>

                <p class="hatf-festive-choice__dietary-description">
                  Strawberries, lemon curd and mint sugar
                  <span class="hatf-festive-choice__dietary-code">
                    (vg, gf)
                  </span>
                </p>
              </article>
            </div>
          </section>

        </div>

        <div
          class="hatf-festive-choice__dietary-guidance"
          aria-label="Additional dietary information"
        >
          <section class="hatf-festive-choice__dietary-guidance-card">
            <h3 class="hatf-festive-choice__dietary-guidance-title">
              Halal Certified Suppliers
            </h3>

            <p class="hatf-festive-choice__dietary-guidance-copy">
              All of our meat, except for pork, is sourced from halal
              certified suppliers. Please speak with your event co-ordinator
              if your guests require further information regarding halal
              preparation or menu suitability.
            </p>
          </section>

          <section class="hatf-festive-choice__dietary-guidance-card">
            <h3 class="hatf-festive-choice__dietary-guidance-title">
              Other Dietary Requirements
            </h3>

            <p class="hatf-festive-choice__dietary-guidance-copy">
              We can cater for almost all other dietary requirements. Please
              consult your event co-ordinator to discuss how we can best
              accommodate your guests.
            </p>
          </section>
        </div>
      </div>
    </details>

    <div class="hatf-festive-choice__actions">
      <a
        class="hatf-festive-choice__button"
        href="#festive-enquiry"
      >
        Enquire about this menu
      </a>

      <a
        class="hatf-festive-choice__button hatf-festive-choice__button--secondary"
        href="#festive-canapes"
      >
        View the canapé package
      </a>
    </div>

  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-6f57ec2 elementor-widget elementor-widget-html" data-id="6f57ec2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 03: FESTIVE SHARED MENU -->
<style>
  .hatf-festive-shared,
  .hatf-festive-shared * {
    box-sizing: border-box;
  }

  .hatf-festive-shared {
    --hatf-green: #40ad48;
    --hatf-dark-green: #287a31;
    --hatf-deep-green: #0b281d;
    --hatf-gold: #d8ad4b;
    --hatf-cream: #f6f0df;
    --hatf-soft-cream: #fbf8ef;
    --hatf-white: #ffffff;
    --hatf-ink: #202020;
    --hatf-muted: #6f6f6f;
    --hatf-border: #ddd8ca;
    --hatf-leaf:
      url("https://henryandthefox.com.au/wp-content/uploads/2024/01/bg-reduced-2.webp");

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(84px, 9vw, 138px) 0;
    color: var(--hatf-ink);
    background: var(--hatf-soft-cream);
    font-family: "Raleway", Arial, sans-serif;
    scroll-margin-top: 100px;
    isolation: isolate;
  }

  .hatf-festive-shared::before {
    content: "";
    position: absolute;
    top: -170px;
    left: -190px;
    z-index: -1;
    width: 610px;
    height: 610px;
    background-image: var(--hatf-leaf);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.065;
    transform: rotate(-18deg);
    pointer-events: none;
  }

  .hatf-festive-shared::after {
    content: "";
    position: absolute;
    right: -240px;
    bottom: -280px;
    z-index: -1;
    width: 540px;
    height: 540px;
    border: 1px solid rgba(40, 122, 49, 0.12);
    border-radius: 50%;
    pointer-events: none;
  }

  .hatf-festive-shared__inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
  }

  .hatf-festive-shared__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
    gap: clamp(48px, 8vw, 110px);
    align-items: end;
    margin-bottom: clamp(50px, 7vw, 80px);
  }

  .hatf-festive-shared__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 18px;
    color: var(--hatf-dark-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .hatf-festive-shared__eyebrow::before {
    content: "";
    flex: 0 0 42px;
    height: 2px;
    background: var(--hatf-green);
  }

  .hatf-festive-shared h2 {
    max-width: 700px;
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(54px, 7vw, 96px);
    font-weight: 400;
    line-height: 0.96;
    letter-spacing: -0.03em;
  }

  .hatf-festive-shared__intro {
    margin: 0;
    color: var(--hatf-ink);
    font-size: clamp(17px, 1.5vw, 19px);
    line-height: 1.7;
  }

  .hatf-festive-shared__quick-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: 28px;
    border: 1px solid var(--hatf-border);
    background: var(--hatf-border);
  }

  .hatf-festive-shared__fact {
    padding: 17px 18px;
    background: rgba(255, 255, 255, 0.82);
  }

  .hatf-festive-shared__fact-label {
    display: block;
    margin-bottom: 5px;
    color: var(--hatf-dark-green);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .hatf-festive-shared__fact-value {
    display: block;
    color: var(--hatf-deep-green);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
  }

  .hatf-festive-shared__gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 3.5vw, 46px);
    align-items: center;
    width: min(100%, 900px);
    margin: 0 auto clamp(46px, 6vw, 72px);
    padding: 0 clamp(8px, 2vw, 24px);
  }

  .hatf-festive-shared__gallery-item {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    margin: 0;
    overflow: hidden;
    border: 5px solid rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    background: var(--hatf-cream);
    box-shadow:
      0 0 0 1px rgba(40, 122, 49, 0.18),
      0 15px 36px rgba(11, 40, 29, 0.12);
  }

  .hatf-festive-shared__gallery-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
  }

  .hatf-festive-shared__gallery-item:nth-child(1)
  .hatf-festive-shared__gallery-image {
    object-position: 50% 50%;
  }

  .hatf-festive-shared__gallery-item:nth-child(2)
  .hatf-festive-shared__gallery-image {
    object-position: 50% 48%;
  }

  .hatf-festive-shared__gallery-item:nth-child(3)
  .hatf-festive-shared__gallery-image {
    object-position: 50% 50%;
  }

  .hatf-festive-shared__pricing {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 28px;
    border-top: 1px solid rgba(40, 122, 49, 0.38);
    border-bottom: 1px solid rgba(40, 122, 49, 0.38);
  }

  .hatf-festive-shared__price {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: center;
    min-height: 122px;
    padding: 24px clamp(24px, 4vw, 48px);
  }

  .hatf-festive-shared__price +
  .hatf-festive-shared__price {
    border-left: 1px solid rgba(40, 122, 49, 0.38);
  }

  .hatf-festive-shared__price-value {
    color: var(--hatf-dark-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(48px, 5vw, 68px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.025em;
    font-variant-numeric: tabular-nums;
  }

  .hatf-festive-shared__price-details {
    display: grid;
    gap: 3px;
  }

  .hatf-festive-shared__price-course {
    color: var(--hatf-deep-green);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }

  .hatf-festive-shared__price-unit {
    color: var(--hatf-muted);
    font-size: 13px;
    line-height: 1.4;
  }

  .hatf-festive-shared__service-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    margin-bottom: 18px;
    padding: 25px 28px;
    border-left: 4px solid var(--hatf-gold);
    background: var(--hatf-cream);
  }

  .hatf-festive-shared__service-mark {
    width: 11px;
    height: 11px;
    margin-top: 7px;
    background: var(--hatf-gold);
    transform: rotate(45deg);
  }

  .hatf-festive-shared__service-copy {
    margin: 0;
    color: #454545;
    font-size: 14px;
    line-height: 1.68;
  }

  .hatf-festive-shared__service-copy strong {
    color: var(--hatf-deep-green);
  }

  .hatf-festive-shared__dietary-options {
    margin-top: clamp(58px, 7vw, 86px);
    border: 1px solid rgba(40, 122, 49, 0.28);
    background: rgba(64, 173, 72, 0.07);
  }

  .hatf-festive-shared__dietary-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: 22px 24px;
    color: var(--hatf-ink);
    cursor: pointer;
    list-style: none;
  }

  .hatf-festive-shared__dietary-summary::-webkit-details-marker {
    display: none;
  }

  .hatf-festive-shared__dietary-summary::marker {
    content: "";
  }

  .hatf-festive-shared__dietary-summary:hover {
    background: rgba(64, 173, 72, 0.06);
  }

  .hatf-festive-shared__dietary-summary:focus-visible {
    outline: 3px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  .hatf-festive-shared__dietary-summary-title {
    display: block;
    margin-bottom: 5px;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.02em;
  }

  .hatf-festive-shared__dietary-summary-copy {
    display: block;
    max-width: 820px;
    color: #555555;
    font-size: 14px;
    line-height: 1.65;
  }

  .hatf-festive-shared__dietary-icon {
    position: relative;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(40, 122, 49, 0.48);
    background: rgba(255, 255, 255, 0.62);
  }

  .hatf-festive-shared__dietary-icon::before,
  .hatf-festive-shared__dietary-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 2px;
    background: var(--hatf-dark-green);
    transform: translate(-50%, -50%);
  }

  .hatf-festive-shared__dietary-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: opacity 180ms ease;
  }

  .hatf-festive-shared__dietary-options[open]
  .hatf-festive-shared__dietary-summary {
    border-bottom: 1px solid rgba(40, 122, 49, 0.22);
    background: rgba(64, 173, 72, 0.05);
  }

  .hatf-festive-shared__dietary-options[open]
  .hatf-festive-shared__dietary-icon::after {
    opacity: 0;
  }

  .hatf-festive-shared__dietary-panel {
    padding: clamp(28px, 4vw, 44px);
    background: rgba(255, 255, 255, 0.74);
  }

  .hatf-festive-shared__dietary-intro {
    max-width: 850px;
    margin: 0 0 30px;
    color: #454545;
    font-size: 15px;
    line-height: 1.7;
  }

  .hatf-festive-shared__dietary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(34px, 5vw, 64px);
  }

  .hatf-festive-shared__dietary-group {
    min-width: 0;
  }

  .hatf-festive-shared__dietary-group +
  .hatf-festive-shared__dietary-group {
    padding-left: clamp(34px, 5vw, 64px);
    border-left: 1px solid var(--hatf-border);
  }

  .hatf-festive-shared__dietary-heading {
    margin: 0 0 24px;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(24px, 2.6vw, 32px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }

  .hatf-festive-shared__dietary-list {
    display: grid;
    gap: 23px;
  }

  .hatf-festive-shared__dietary-item {
    margin: 0;
    padding-top: 23px;
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-shared__dietary-item:first-child {
    padding-top: 0;
    border-top: 0;
  }

  .hatf-festive-shared__dietary-course {
    display: block;
    margin-bottom: 7px;
    color: var(--hatf-dark-green);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .hatf-festive-shared
  h4.hatf-festive-shared__dietary-name {
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: clamp(23px, 2.1vw, 30px);
    font-weight: 700 !important;
    line-height: 1.17;
    letter-spacing: -0.015em;
  }

  .hatf-festive-shared__dietary-description {
    margin: 7px 0 0;
    color: #555555;
    font-size: 13px;
    line-height: 1.65;
  }

  .hatf-festive-shared__dietary-code {
    color: var(--hatf-dark-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
  }

  .hatf-festive-shared__dietary-guidance {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(30px, 5vw, 58px);
    margin-top: clamp(34px, 5vw, 48px);
    padding-top: clamp(30px, 4vw, 40px);
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-shared__dietary-guidance-card {
    min-width: 0;
  }

  .hatf-festive-shared__dietary-guidance-title {
    margin: 0 0 10px;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }

  .hatf-festive-shared__dietary-guidance-copy {
    margin: 0;
    color: #555555;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.68;
  }

  .hatf-festive-shared__menu {
    width: 100%;
    margin: 0;
    padding: clamp(38px, 5vw, 58px);
    border: 1px solid rgba(40, 122, 49, 0.28);
  }

  .hatf-festive-shared__column {
    display: grid;
    gap: clamp(52px, 7vw, 78px);
    width: min(100%, 900px);
    margin: 0 auto;
  }

  .hatf-shared-course {
    min-width: 0;
  }

  .hatf-shared-course__heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 27px;
    color: var(--hatf-dark-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.15em;
    text-transform: uppercase;
  }

  .hatf-shared-course__heading::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: rgba(40, 122, 49, 0.3);
  }

  .hatf-shared-course__items {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hatf-shared-dish {
    margin: 0;
    padding: 0 0 24px;
  }

  .hatf-shared-dish +
  .hatf-shared-dish {
    padding-top: 24px;
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-shared-dish__name {
    display: block;
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(23px, 2.1vw, 30px);
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: -0.015em;
  }

  .hatf-shared-dish__description {
    display: block;
    margin-top: 8px;
    color: #555555;
    font-size: 14px;
    line-height: 1.62;
  }

  .hatf-shared-dish__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
  }

  .hatf-shared-dish__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 25px;
    padding: 4px 7px;
    border: 1px solid rgba(40, 122, 49, 0.42);
    color: var(--hatf-dark-green);
    background: rgba(64, 173, 72, 0.07);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .hatf-shared-dish__tag--origin {
    border-color: rgba(165, 118, 20, 0.45);
    color: #805a0f;
    background: rgba(216, 173, 75, 0.1);
  }

  /*
   * Sides are supporting dishes, so this section is deliberately quieter
   * than entrée, main and dessert.
   */
  .hatf-shared-course--sides
  .hatf-shared-course__heading {
    margin-bottom: 19px;
    color: var(--hatf-muted);
  }

  .hatf-shared-course--sides
  .hatf-shared-course__heading::after {
    background: var(--hatf-border);
  }

  .hatf-shared-course--sides
  .hatf-shared-dish {
    padding-bottom: 16px;
  }

  .hatf-shared-course--sides
  .hatf-shared-dish +
  .hatf-shared-dish {
    padding-top: 16px;
  }

  .hatf-shared-course--sides
  .hatf-shared-dish__name {
    font-size: clamp(17px, 1.55vw, 21px);
    line-height: 1.3;
  }

  .hatf-shared-course--sides
  .hatf-shared-dish__description {
    margin-top: 5px;
    font-size: 13px;
  }

  .hatf-shared-course--sides
  .hatf-shared-dish__tags {
    margin-top: 9px;
  }

  .hatf-festive-shared__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: clamp(44px, 6vw, 68px);
  }

  .hatf-festive-shared__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 25px;
    border: 2px solid var(--hatf-green);
    color: #ffffff !important;
    background: var(--hatf-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-text-fill-color: #ffffff !important;
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      color 180ms ease,
      transform 180ms ease;
  }

  .hatf-festive-shared
  a.hatf-festive-shared__button:hover,
  .hatf-festive-shared
  a.hatf-festive-shared__button:focus {
    border-color: var(--hatf-deep-green);
    color: #ffffff !important;
    background: var(--hatf-deep-green);
    -webkit-text-fill-color: #ffffff !important;
    transform: translateY(-2px);
  }

  .hatf-festive-shared__button--secondary {
    border-color: var(--hatf-deep-green);
    color: var(--hatf-deep-green) !important;
    background: transparent;
    -webkit-text-fill-color: var(--hatf-deep-green) !important;
  }

  .hatf-festive-shared
  a.hatf-festive-shared__button--secondary:hover,
  .hatf-festive-shared
  a.hatf-festive-shared__button--secondary:focus {
    border-color: var(--hatf-gold);
    color: #000000 !important;
    background: var(--hatf-gold);
    -webkit-text-fill-color: #000000 !important;
  }

  .hatf-festive-shared__button:focus-visible {
    outline: 3px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  .hatf-festive-shared__download {
    margin-top: 22px;
    text-align: center;
  }

  .hatf-festive-shared__download-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    color: var(--hatf-deep-green) !important;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: underline !important;
    text-decoration-color: var(--hatf-gold) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px;
    -webkit-text-fill-color: var(--hatf-deep-green) !important;
    transition:
      color 180ms ease,
      text-decoration-color 180ms ease;
  }

  .hatf-festive-shared__download-link::after {
    content: "↓";
    color: var(--hatf-gold);
    font-size: 16px;
    line-height: 1;
  }

  .hatf-festive-shared
  a.hatf-festive-shared__download-link:hover,
  .hatf-festive-shared
  a.hatf-festive-shared__download-link:focus {
    color: var(--hatf-dark-green) !important;
    text-decoration-color: var(--hatf-dark-green) !important;
    -webkit-text-fill-color: var(--hatf-dark-green) !important;
  }

  .hatf-festive-shared__download-link:focus-visible {
    outline: 2px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  @media (max-width: 1024px) {
    .hatf-festive-shared__header {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .hatf-festive-shared__header-copy {
      max-width: 760px;
    }

  }

  @media (max-width: 767px) {
    .hatf-festive-shared {
      padding: 72px 0;
    }

    .hatf-festive-shared::before {
      top: -70px;
      left: -170px;
      width: 380px;
      height: 380px;
    }

    .hatf-festive-shared__inner {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-festive-shared h2 {
      font-size: clamp(48px, 15vw, 68px);
    }

    .hatf-festive-shared__gallery {
      gap: 10px;
      margin-bottom: 42px;
      padding: 0;
    }

    .hatf-festive-shared__gallery-item {
      border-width: 3px;
      box-shadow:
        0 0 0 1px rgba(40, 122, 49, 0.18),
        0 9px 22px rgba(11, 40, 29, 0.1);
    }

    .hatf-festive-shared__quick-facts,
    .hatf-festive-shared__pricing {
      grid-template-columns: 1fr;
    }

    .hatf-festive-shared__price {
      min-height: 104px;
      padding: 22px 18px;
    }

    .hatf-festive-shared__price +
    .hatf-festive-shared__price {
      border-top: 1px solid rgba(40, 122, 49, 0.38);
      border-left: 0;
    }

    .hatf-festive-shared__service-note {
      padding: 23px 21px;
    }

    .hatf-festive-shared__menu {
      padding: 30px 21px;
    }

    .hatf-festive-shared__dietary-summary {
      gap: 16px;
      padding: 21px;
    }

    .hatf-festive-shared__dietary-panel {
      padding: 27px 21px;
    }

    .hatf-festive-shared__dietary-grid {
      grid-template-columns: 1fr;
      gap: 38px;
    }

    .hatf-festive-shared__dietary-group +
    .hatf-festive-shared__dietary-group {
      padding-top: 38px;
      padding-left: 0;
      border-top: 1px solid var(--hatf-border);
      border-left: 0;
    }

    .hatf-festive-shared__dietary-guidance {
      grid-template-columns: 1fr;
      gap: 28px;
    }

    .hatf-festive-shared__dietary-guidance-card +
    .hatf-festive-shared__dietary-guidance-card {
      padding-top: 28px;
      border-top: 1px solid var(--hatf-border);
    }

    .hatf-festive-shared__column {
      gap: 48px;
    }

    .hatf-shared-dish__name {
      font-size: 26px;
    }

    .hatf-shared-course--sides
    .hatf-shared-dish__name {
      font-size: 18px;
    }

    .hatf-festive-shared__actions {
      display: grid;
      grid-template-columns: 1fr;
    }

    .hatf-festive-shared__button {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-festive-shared__button,
    .hatf-festive-shared__download-link,
    .hatf-festive-shared__dietary-icon::after {
      transition: none;
    }

    .hatf-festive-shared__button:hover {
      transform: none;
    }
  }
</style>

<section
  id="festive-shared"
  class="hatf-festive-shared"
  aria-labelledby="hatf-festive-shared-title"
>
  <div class="hatf-festive-shared__inner">

    <header class="hatf-festive-shared__header">
      <div>
        <p class="hatf-festive-shared__eyebrow">
          Celebrate together
        </p>

        <h2 id="hatf-festive-shared-title">
          Festive Shared Menu
        </h2>
      </div>

      <div class="hatf-festive-shared__header-copy">
        <p class="hatf-festive-shared__intro">
          A relaxed festive menu designed for the table. Choose two or
          three courses and enjoy generous seasonal dishes with your group.
        </p>

        <div class="hatf-festive-shared__quick-facts">
          <div class="hatf-festive-shared__fact">
            <span class="hatf-festive-shared__fact-label">
              Group size
            </span>

            <span class="hatf-festive-shared__fact-value">
              Available for groups of 19 or more
            </span>
          </div>

          <div class="hatf-festive-shared__fact">
            <span class="hatf-festive-shared__fact-label">
              Available
            </span>

            <span class="hatf-festive-shared__fact-value">
              30 November–20 December 2026
            </span>
          </div>
        </div>
      </div>
    </header>

    <div
      class="hatf-festive-shared__gallery"
      aria-label="Festive Shared Menu highlights"
    >
      <figure class="hatf-festive-shared__gallery-item">
        <img
          class="hatf-festive-shared__gallery-image"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henry-and-the-fox-festive-food-enhanced.jpg"
          alt="Festive shared dining at Henry and the Fox"
          loading="lazy"
          decoding="async"
        >
      </figure>

      <figure class="hatf-festive-shared__gallery-item">
        <img
          class="hatf-festive-shared__gallery-image"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-sharing-1.png"
          alt="Guests enjoying a shared festive meal at Henry and the Fox"
          loading="lazy"
          decoding="async"
        >
      </figure>

      <figure class="hatf-festive-shared__gallery-item">
        <img
          class="hatf-festive-shared__gallery-image"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-terrace-festive.png"
          alt="Festive gathering on the Henry and the Fox terrace"
          loading="lazy"
          decoding="async"
        >
      </figure>
    </div>

    <div
      class="hatf-festive-shared__pricing"
      aria-label="Festive Shared Menu pricing"
    >
      <div class="hatf-festive-shared__price">
        <span class="hatf-festive-shared__price-value">$52</span>

        <span class="hatf-festive-shared__price-details">
          <span class="hatf-festive-shared__price-course">
            Two courses
          </span>

          <span class="hatf-festive-shared__price-unit">
            Per person
          </span>
        </span>
      </div>

      <div class="hatf-festive-shared__price">
        <span class="hatf-festive-shared__price-value">$64</span>

        <span class="hatf-festive-shared__price-details">
          <span class="hatf-festive-shared__price-course">
            Three courses
          </span>

          <span class="hatf-festive-shared__price-unit">
            Per person
          </span>
        </span>
      </div>
    </div>

    <div class="hatf-festive-shared__service-note">
      <span
        class="hatf-festive-shared__service-mark"
        aria-hidden="true"
      ></span>

      <p class="hatf-festive-shared__service-copy">
        <strong>Designed for the table.</strong>
        Entrées, mains and sides are presented for guests to share, creating
        a relaxed festive meal that works especially well for larger groups.
      </p>
    </div>


    <div
      class="hatf-festive-shared__menu"
      aria-label="Festive Shared Menu courses"
    >

      <div class="hatf-festive-shared__column">

        <!-- ENTRÉE -->
        <section
          class="hatf-shared-course"
          aria-labelledby="festive-shared-entree-title"
        >
          <h3
            id="festive-shared-entree-title"
            class="hatf-shared-course__heading"
          >
            Shared entrée
          </h3>

          <ul class="hatf-shared-course__items">
            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                Roasted Duck, Thyme and Caramelised Onion Croquettes
              </span>

              <span class="hatf-shared-dish__description">
                Macadamia sauce and cherry compote
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">GIF</span>
              </span>
            </li>

            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                Cured Tasmanian Salmon Pastrami
              </span>

              <span class="hatf-shared-dish__description">
                Dijon mustard crema, cornichons, dill, pickled red onion,
                breakfast radish and sourdough croutons
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">GFO</span>

                <span
                  class="hatf-shared-dish__tag hatf-shared-dish__tag--origin"
                >
                  A
                </span>
              </span>
            </li>

            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                French Brie, Beechworth Honey and Cranberry Sizzle Plate
              </span>

              <span class="hatf-shared-dish__description">
                Pickled grapes, parsley, basil, lemon EVOO and toasted
                flatbread
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">V</span>
              </span>
            </li>
          </ul>
        </section>

        <!-- MAIN -->
        <section
          class="hatf-shared-course"
          aria-labelledby="festive-shared-main-title"
        >
          <h3
            id="festive-shared-main-title"
            class="hatf-shared-course__heading"
          >
            Shared main
          </h3>

          <ul class="hatf-shared-course__items">
            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                220g Victorian Grass Fed Porterhouse
              </span>

              <span class="hatf-shared-dish__description">
                French fries and brandy peppercorn sauce
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">GIF</span>
              </span>
            </li>

            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                Confit Yarra Valley Rainbow Trout
              </span>

              <span class="hatf-shared-dish__description">
                Sweet corn purée, shaved fennel, asparagus and pickled
                zucchini salad with summer herb salsa verde
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">GF</span>

                <span
                  class="hatf-shared-dish__tag hatf-shared-dish__tag--origin"
                >
                  A
                </span>
              </span>
            </li>

            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                Lemon Butter and Goat’s Cheese Risotto
              </span>

              <span class="hatf-shared-dish__description">
                Caramelised shallots, spinach, confit garlic, peas, confit
                cherry tomatoes, aged parmesan and parsley oil
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">V</span>
              </span>
            </li>

            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                Scottsdale Free Range Porchetta Burger
              </span>

              <span class="hatf-shared-dish__description">
                Roasted pumpkin, provolone, rocket salad, salsa verde,
                spiced apple sauce, twice-cooked potatoes and gravy
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">GIFO</span>
              </span>
            </li>

            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                Sage and Pepper Roasted Turkey Salad
              </span>

              <span class="hatf-shared-dish__description">
                Butter lettuce, pear, apple, pecans, mint, celery, craisins
                and lemon cream dressing
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">GFO</span>
              </span>
            </li>
          </ul>
        </section>

        <!-- SIDES -->
        <section
          class="hatf-shared-course hatf-shared-course--sides"
          aria-labelledby="festive-shared-sides-title"
        >
          <h3
            id="festive-shared-sides-title"
            class="hatf-shared-course__heading"
          >
            Sharing sides
          </h3>

          <ul class="hatf-shared-course__items">
            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                Potato Salad
              </span>

              <span class="hatf-shared-dish__description">
                New potatoes, red onion, capers, dill, parsley, mint and
                horseradish cream
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">GF</span>
                <span class="hatf-shared-dish__tag">V</span>
                <span class="hatf-shared-dish__tag">VGO</span>
              </span>
            </li>

            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                Wild Rocket, Nectarine and Aged Parmesan Salad
              </span>

              <span class="hatf-shared-dish__description">
                Champagne vinaigrette
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">V</span>
                <span class="hatf-shared-dish__tag">GIF</span>
              </span>
            </li>
          </ul>
        </section>

        <!-- DESSERT -->
        <section
          class="hatf-shared-course"
          aria-labelledby="festive-shared-dessert-title"
        >
          <h3
            id="festive-shared-dessert-title"
            class="hatf-shared-course__heading"
          >
            Sweet sensations
          </h3>

          <ul class="hatf-shared-course__items">
            <li class="hatf-shared-dish">
              <span class="hatf-shared-dish__name">
                Individual Dessert
              </span>

              <span class="hatf-shared-dish__description">
                White chocolate and mango tartlet with passionfruit gelée,
                chocolate-covered honey and pistachio baklava, cranberry and
                orange shortbread
              </span>

              <span class="hatf-shared-dish__tags">
                <span class="hatf-shared-dish__tag">V</span>
              </span>
            </li>
          </ul>
        </section>

      </div>
    </div>

    <div class="hatf-festive-shared__download">
      <a
        class="hatf-festive-shared__download-link"
        href="https://henryandthefox.com.au/wp-content/uploads/2026/07/HATF-Festive-Menus-26.pdf"
        target="_blank"
        rel="noopener"
        aria-label="Download the full Henry and the Fox Festive 2026 Pack PDF"
      >
        Download the full Festive 2026 Pack .pdf
      </a>
    </div>

    <details class="hatf-festive-shared__dietary-options">
      <summary class="hatf-festive-shared__dietary-summary">
        <span>
          <strong class="hatf-festive-shared__dietary-summary-title">
            Dietary options
          </strong>

          <span class="hatf-festive-shared__dietary-summary-copy">
            Does your group have dietary requirements? View the vegan,
            gluten-free, halal and other dietary information for this menu.
          </span>
        </span>

        <span
          class="hatf-festive-shared__dietary-icon"
          aria-hidden="true"
        ></span>
      </summary>

      <div class="hatf-festive-shared__dietary-panel">
        <p class="hatf-festive-shared__dietary-intro">
          We understand that every group may have different dietary
          requirements, and we’ll work with you to ensure your guests are
          well looked after.
        </p>

        <div class="hatf-festive-shared__dietary-grid">

          <section
            class="hatf-festive-shared__dietary-group"
            aria-labelledby="hatf-shared-vegan-title"
          >
            <h3
              id="hatf-shared-vegan-title"
              class="hatf-festive-shared__dietary-heading"
            >
              Vegan options
            </h3>

            <div class="hatf-festive-shared__dietary-list">
              <article class="hatf-festive-shared__dietary-item">
                <span class="hatf-festive-shared__dietary-course">
                  Entrée
                </span>

                <h4 class="hatf-festive-shared__dietary-name">
                  Popcorn cauliflower
                </h4>

                <p class="hatf-festive-shared__dietary-description">
                  Cumin and fennel spiced buttermilk popcorn cauliflower,
                  volcano salt and minted coconut yoghurt
                  <span class="hatf-festive-shared__dietary-code">
                    (vg, gif)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-shared__dietary-item">
                <span class="hatf-festive-shared__dietary-course">
                  Main
                </span>

                <h4 class="hatf-festive-shared__dietary-name">
                  Mezzo plate
                </h4>

                <p class="hatf-festive-shared__dietary-description">
                  With hand-rolled vine leaves, pumpkin hummus, tahini,
                  toasted flatbread, cauliflower and cashew falafel, smoked
                  almonds, artichokes, marinated red peppers, wild rocket,
                  mint and pomegranate molasses
                  <span class="hatf-festive-shared__dietary-code">
                    (vg, gfo)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-shared__dietary-item">
                <span class="hatf-festive-shared__dietary-course">
                  Sides
                </span>

                <h4 class="hatf-festive-shared__dietary-name">
                  Wild rocket, nectarine and cucumber salad
                </h4>

                <p class="hatf-festive-shared__dietary-description">
                  With champagne vinaigrette
                  <span class="hatf-festive-shared__dietary-code">
                    (v, gif)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-shared__dietary-item">
                <span class="hatf-festive-shared__dietary-course">
                  Dessert
                </span>

                <h4 class="hatf-festive-shared__dietary-name">
                  Vegan sticky date pudding
                </h4>

                <p class="hatf-festive-shared__dietary-description">
                  With toffee sauce, candied walnuts and coconut vanilla
                  ice cream
                  <span class="hatf-festive-shared__dietary-code">
                    (vg, gif)
                  </span>
                </p>
              </article>
            </div>
          </section>

          <section
            class="hatf-festive-shared__dietary-group"
            aria-labelledby="hatf-shared-coeliac-title"
          >
            <h3
              id="hatf-shared-coeliac-title"
              class="hatf-festive-shared__dietary-heading"
            >
              Gluten-free (coeliac) options
            </h3>

            <div class="hatf-festive-shared__dietary-list">
              <article class="hatf-festive-shared__dietary-item">
                <span class="hatf-festive-shared__dietary-course">
                  Entrée
                </span>

                <h4 class="hatf-festive-shared__dietary-name">
                  Caprese salad
                </h4>

                <p class="hatf-festive-shared__dietary-description">
                  Heirloom tomato, basil and burrata caprese salad, lemon oil
                  and black salt
                  <span class="hatf-festive-shared__dietary-code">
                    (v, gf)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-shared__dietary-item">
                <span class="hatf-festive-shared__dietary-course">
                  Main
                </span>

                <h4 class="hatf-festive-shared__dietary-name">
                  Lemon butter and goat’s cheese risotto
                </h4>

                <p class="hatf-festive-shared__dietary-description">
                  With caramelised shallots, spinach, confit garlic, peas,
                  confit cherry tomatoes, aged parmesan and parsley oil
                  <span class="hatf-festive-shared__dietary-code">
                    (v, gf)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-shared__dietary-item">
                <span class="hatf-festive-shared__dietary-course">
                  Sides
                </span>

                <h4 class="hatf-festive-shared__dietary-name">
                  Wild rocket, nectarine and aged parmesan salad
                </h4>

                <p class="hatf-festive-shared__dietary-description">
                  With champagne vinaigrette
                  <span class="hatf-festive-shared__dietary-code">
                    (v, gf)
                  </span>
                </p>
              </article>

              <article class="hatf-festive-shared__dietary-item">
                <span class="hatf-festive-shared__dietary-course">
                  Dessert
                </span>

                <h4 class="hatf-festive-shared__dietary-name">
                  Raspberry frangipane slice
                </h4>

                <p class="hatf-festive-shared__dietary-description">
                  Strawberries, lemon curd and mint sugar
                  <span class="hatf-festive-shared__dietary-code">
                    (vg, gf)
                  </span>
                </p>
              </article>
            </div>
          </section>

        </div>

        <div
          class="hatf-festive-shared__dietary-guidance"
          aria-label="Additional dietary information"
        >
          <section class="hatf-festive-shared__dietary-guidance-card">
            <h3 class="hatf-festive-shared__dietary-guidance-title">
              Halal Certified Suppliers
            </h3>

            <p class="hatf-festive-shared__dietary-guidance-copy">
              All of our meat, except for pork, is sourced from halal
              certified suppliers. Please speak with your event co-ordinator
              if your guests require further information regarding halal
              preparation or menu suitability.
            </p>
          </section>

          <section class="hatf-festive-shared__dietary-guidance-card">
            <h3 class="hatf-festive-shared__dietary-guidance-title">
              Other Dietary Requirements
            </h3>

            <p class="hatf-festive-shared__dietary-guidance-copy">
              We can cater for almost all other dietary requirements. Please
              consult your event co-ordinator to discuss how we can best
              accommodate your guests.
            </p>
          </section>
        </div>
      </div>
    </details>

    <div class="hatf-festive-shared__actions">
      <a
        class="hatf-festive-shared__button"
        href="#festive-enquiry"
      >
        Enquire about this menu
      </a>

      <a
        class="hatf-festive-shared__button hatf-festive-shared__button--secondary"
        href="#festive-choice"
      >
        View the Choice Menu
      </a>
    </div>

  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-a829ab7 elementor-widget elementor-widget-html" data-id="a829ab7" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 05: FESTIVE CANAPÉ PACKAGE -->
<style>
  .hatf-festive-canapes,
  .hatf-festive-canapes * {
    box-sizing: border-box;
  }

  .hatf-festive-canapes {
    --hatf-green: #40ad48;
    --hatf-dark-green: #287a31;
    --hatf-deep-green: #0b281d;
    --hatf-gold: #d8ad4b;
    --hatf-white: #ffffff;
    --hatf-ink: #202020;
    --hatf-muted-white: rgba(255, 255, 255, 0.72);
    --hatf-border: rgba(255, 255, 255, 0.17);
    --hatf-leaf:
      url("https://henryandthefox.com.au/wp-content/uploads/2024/01/bg-reduced-2.webp");

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(84px, 9vw, 138px) 0;
    color: var(--hatf-white);
    background: #080f0b;
    font-family: "Raleway", Arial, sans-serif;
    isolation: isolate;
  }

  .hatf-festive-canapes::before {
    content: "";
    position: absolute;
    top: -160px;
    right: -190px;
    z-index: -1;
    width: 620px;
    height: 620px;
    background-image: var(--hatf-leaf);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.075;
    transform: rotate(20deg);
    pointer-events: none;
  }

  .hatf-festive-canapes::after {
    content: "";
    position: absolute;
    bottom: -290px;
    left: -230px;
    z-index: -1;
    width: 570px;
    height: 570px;
    border: 1px solid rgba(216, 173, 75, 0.18);
    border-radius: 50%;
    pointer-events: none;
  }

  .hatf-festive-canapes__inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
  }

  .hatf-festive-canapes__header {
    display: grid;
    grid-template-columns:
      minmax(0, 1fr)
      minmax(320px, 0.72fr);
    gap: clamp(48px, 8vw, 110px);
    align-items: end;
    margin-bottom: clamp(48px, 7vw, 78px);
  }

  .hatf-festive-canapes__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 18px;
    color: var(--hatf-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .hatf-festive-canapes__eyebrow::before {
    content: "";
    flex: 0 0 42px;
    height: 2px;
    background: var(--hatf-green);
  }

  .hatf-festive-canapes h2 {
    max-width: 720px;
    margin: 0;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(54px, 7vw, 96px);
    font-weight: 400;
    line-height: 0.96;
    letter-spacing: -0.03em;
  }

  .hatf-festive-canapes__intro {
    margin: 0;
    color: var(--hatf-muted-white);
    font-size: clamp(17px, 1.5vw, 19px);
    line-height: 1.7;
  }

  .hatf-festive-canapes__quick-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: 28px;
    border: 1px solid var(--hatf-border);
    background: var(--hatf-border);
  }

  .hatf-festive-canapes__fact {
    padding: 17px 18px;
    background: #111914;
  }

  .hatf-festive-canapes__fact-label {
    display: block;
    margin-bottom: 5px;
    color: var(--hatf-gold);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .hatf-festive-canapes__fact-value {
    display: block;
    color: var(--hatf-white);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
  }

  .hatf-festive-canapes__gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 3.5vw, 46px);
    align-items: center;
    width: min(100%, 600px);
    margin: 0 auto clamp(46px, 6vw, 72px);
    padding: 0 clamp(8px, 2vw, 24px);
  }

  .hatf-festive-canapes__gallery-item {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    margin: 0;
    overflow: hidden;
    border: 5px solid rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    background: #111914;
    box-shadow:
      0 0 0 1px rgba(216, 173, 75, 0.28),
      0 15px 36px rgba(0, 0, 0, 0.26);
  }

  .hatf-festive-canapes__gallery-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
  }

  .hatf-festive-canapes__gallery-item:nth-child(1)
  .hatf-festive-canapes__gallery-image {
    object-position: 50% 45%;
  }

  .hatf-festive-canapes__gallery-item:nth-child(2)
  .hatf-festive-canapes__gallery-image {
    object-position: 50% 50%;
  }

  .hatf-festive-canapes__package {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: clamp(30px, 5vw, 62px);
    align-items: center;
    margin-bottom: clamp(58px, 8vw, 94px);
    padding: clamp(28px, 4vw, 46px);
    border-top: 1px solid rgba(216, 173, 75, 0.45);
    border-bottom: 1px solid rgba(216, 173, 75, 0.45);
    background: rgba(255, 255, 255, 0.035);
  }

  .hatf-festive-canapes__price {
    color: var(--hatf-gold);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(58px, 7vw, 88px);
    font-weight: 800;
    line-height: 0.92;
    white-space: nowrap;
  }

  .hatf-festive-canapes__price-unit {
    display: block;
    margin-top: 9px;
    color: var(--hatf-muted-white);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .hatf-festive-canapes__inclusions-label {
    display: block;
    margin-bottom: 9px;
    color: var(--hatf-green);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .hatf-festive-canapes__inclusions {
    margin: 0;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 400;
    line-height: 1.18;
  }

  .hatf-festive-canapes__section-heading {
    display: flex;
    align-items: center;
    gap: 17px;
    margin: 0 0 30px;
    color: var(--hatf-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.15em;
    text-transform: uppercase;
  }

  .hatf-festive-canapes__section-heading::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: var(--hatf-border);
  }

  .hatf-festive-canapes__savouries {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--hatf-border);
    border-left: 1px solid var(--hatf-border);
    list-style: none;
  }

  .hatf-festive-canape {
    position: relative;
    min-height: 235px;
    margin: 0;
    padding: clamp(29px, 4vw, 43px);
    border-right: 1px solid var(--hatf-border);
    border-bottom: 1px solid var(--hatf-border);
    background: rgba(255, 255, 255, 0.025);
  }

  .hatf-festive-canape:nth-child(5) {
    grid-column: 1 / -1;
    min-height: 205px;
  }

  .hatf-festive-canape__number {
    display: block;
    margin-bottom: 27px;
    color: var(--hatf-gold);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.12em;
  }

  .hatf-festive-canape__name {
    display: block;
    max-width: 490px;
    color: var(--hatf-white);
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: clamp(20px, 2vw, 27px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
  }

  .hatf-festive-canape__description {
    display: block;
    max-width: 520px;
    margin-top: 10px;
    color: var(--hatf-muted-white);
    font-size: 14px;
    line-height: 1.62;
  }

  .hatf-festive-canape__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 14px;
  }

  .hatf-festive-canape__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 25px;
    padding: 4px 7px;
    border: 1px solid rgba(64, 173, 72, 0.62);
    color: #a5e0a9;
    background: rgba(64, 173, 72, 0.08);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .hatf-festive-canape__tag--origin {
    border-color: rgba(216, 173, 75, 0.62);
    color: var(--hatf-gold);
    background: rgba(216, 173, 75, 0.08);
  }

  .hatf-festive-canapes__bowls {
    margin-top: clamp(58px, 8vw, 92px);
  }

  .hatf-festive-canapes__bowl-note {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: -10px 0 27px;
    color: var(--hatf-muted-white);
    font-size: 13px;
    line-height: 1.5;
  }

  .hatf-festive-canapes__bowl-note::before {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--hatf-gold);
    transform: rotate(45deg);
  }

  .hatf-festive-canapes__bowl-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--hatf-border);
  }

  .hatf-festive-bowl {
    min-height: 260px;
    padding: clamp(30px, 4vw, 46px);
    background: #111914;
  }

  .hatf-festive-bowl + .hatf-festive-bowl {
    border-left: 1px solid var(--hatf-border);
  }

  .hatf-festive-bowl__label {
    display: block;
    margin-bottom: 23px;
    color: var(--hatf-gold);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .hatf-festive-bowl__name {
    display: block;
    color: var(--hatf-white);
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: clamp(20px, 2vw, 27px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
  }

  .hatf-festive-bowl__description {
    display: block;
    margin-top: 11px;
    color: var(--hatf-muted-white);
    font-size: 14px;
    line-height: 1.65;
  }

  .hatf-festive-canapes__chocolate {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    margin-top: 22px;
    padding: 25px 28px;
    border-left: 4px solid var(--hatf-gold);
    background: rgba(216, 173, 75, 0.08);
  }

  .hatf-festive-canapes__chocolate-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(216, 173, 75, 0.55);
    color: var(--hatf-gold);
    font-family: "Italiana", Georgia, serif;
    font-size: 24px;
    line-height: 1;
  }

  .hatf-festive-canapes__chocolate-label {
    display: block;
    margin-bottom: 4px;
    color: var(--hatf-gold);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .hatf-festive-canapes__chocolate-copy {
    display: block;
    color: var(--hatf-white);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
  }

  .hatf-festive-canapes__dietary {
    margin-top: clamp(62px, 8vw, 96px);
    border: 1px solid var(--hatf-border);
    background: rgba(255, 255, 255, 0.025);
  }

  .hatf-festive-canapes__dietary-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px;
    gap: 24px;
    align-items: center;
    padding: clamp(25px, 4vw, 38px);
    cursor: pointer;
    list-style: none;
  }

  .hatf-festive-canapes__dietary-summary::-webkit-details-marker {
    display: none;
  }

  .hatf-festive-canapes__dietary-summary::marker {
    content: "";
  }

  .hatf-festive-canapes__dietary-summary:focus-visible {
    outline: 3px solid var(--hatf-green);
    outline-offset: -3px;
  }

  .hatf-festive-canapes__dietary-title {
    display: block;
    margin: 0 0 8px;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 400;
    line-height: 1.1;
  }

  .hatf-festive-canapes__dietary-copy {
    max-width: 650px;
    margin: 0;
    color: var(--hatf-muted-white);
    font-size: 14px;
    line-height: 1.68;
  }

  .hatf-festive-canapes__dietary-icon {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
  }

  .hatf-festive-canapes__dietary-icon::before,
  .hatf-festive-canapes__dietary-icon::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 3px;
    width: 18px;
    height: 2px;
    background: var(--hatf-green);
    transition: transform 180ms ease;
  }

  .hatf-festive-canapes__dietary-icon::after {
    transform: rotate(90deg);
  }

  .hatf-festive-canapes__dietary[open]
  .hatf-festive-canapes__dietary-icon::after {
    transform: rotate(0);
  }

  .hatf-festive-canapes__dietary-panel {
    padding: 0 clamp(25px, 4vw, 38px) clamp(30px, 5vw, 48px);
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-canapes__dietary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(30px, 5vw, 60px);
    padding-top: clamp(30px, 5vw, 48px);
  }

  .hatf-festive-canapes div.hatf-festive-canapes__dietary-heading,
  .hatf-festive-canapes div.hatf-festive-canapes__guidance-title {
    margin: 0 0 18px;
    color: var(--hatf-green);
    font-family: "Italiana", Georgia, serif !important;
    font-size: clamp(27px, 3vw, 36px);
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.12;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .hatf-festive-canapes__dietary-item {
    padding: 18px 0;
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-canapes__dietary-item:first-of-type {
    border-top: 0;
  }

  h4.hatf-festive-canapes__dietary-name {
    margin: 0;
    color: var(--hatf-white);
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
  }

  .hatf-festive-canapes__dietary-description {
    margin: 7px 0 0;
    color: var(--hatf-muted-white);
    font-size: 14px;
    line-height: 1.65;
  }

  .hatf-festive-canapes__dietary-code {
    color: #a5e0a9;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .hatf-festive-canapes__guidance {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(26px, 4vw, 46px);
    margin-top: clamp(28px, 4vw, 44px);
    padding-top: clamp(28px, 4vw, 40px);
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-canapes__guidance-title {
    margin-bottom: 10px;
    color: var(--hatf-gold);
    font-size: clamp(24px, 2.6vw, 31px);
  }

  .hatf-festive-canapes__guidance-copy {
    margin: 0;
    color: var(--hatf-muted-white);
    font-size: 13px;
    line-height: 1.7;
  }

  .hatf-festive-canapes__legend {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 15px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-canapes__legend li {
    margin: 0;
    color: var(--hatf-muted-white);
    font-size: 11px;
    line-height: 1.45;
  }

  .hatf-festive-canapes__legend strong {
    color: var(--hatf-gold);
    font-weight: 700;
    text-transform: uppercase;
  }

  .hatf-festive-canapes__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: clamp(44px, 6vw, 68px);
  }

  .hatf-festive-canapes__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 25px;
    border: 2px solid var(--hatf-green);
    color: #ffffff !important;
    background: var(--hatf-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-text-fill-color: #ffffff !important;
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      color 180ms ease,
      transform 180ms ease;
  }

  .hatf-festive-canapes
  a.hatf-festive-canapes__button:hover,
  .hatf-festive-canapes
  a.hatf-festive-canapes__button:focus {
    border-color: var(--hatf-white);
    color: #000000 !important;
    background: var(--hatf-white);
    -webkit-text-fill-color: #000000 !important;
    transform: translateY(-2px);
  }

  .hatf-festive-canapes__button--secondary {
    border-color: rgba(255, 255, 255, 0.62);
    color: #ffffff !important;
    background: transparent;
    -webkit-text-fill-color: #ffffff !important;
  }

  .hatf-festive-canapes
  a.hatf-festive-canapes__button--secondary:hover,
  .hatf-festive-canapes
  a.hatf-festive-canapes__button--secondary:focus {
    border-color: var(--hatf-gold);
    color: #000000 !important;
    background: var(--hatf-gold);
    -webkit-text-fill-color: #000000 !important;
  }

  .hatf-festive-canapes__button:focus-visible {
    outline: 3px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  .hatf-festive-canapes__download {
    margin-top: 22px;
    text-align: center;
  }

  .hatf-festive-canapes__download-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    color: rgba(255, 255, 255, 0.82) !important;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: underline !important;
    text-decoration-color: rgba(216, 173, 75, 0.58) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
    transition:
      color 180ms ease,
      text-decoration-color 180ms ease;
  }

  .hatf-festive-canapes__download-link::after {
    content: "↓";
    color: var(--hatf-gold);
    font-size: 16px;
    line-height: 1;
  }

  .hatf-festive-canapes
  a.hatf-festive-canapes__download-link:hover,
  .hatf-festive-canapes
  a.hatf-festive-canapes__download-link:focus {
    color: var(--hatf-white) !important;
    text-decoration-color: var(--hatf-gold) !important;
    -webkit-text-fill-color: var(--hatf-white) !important;
  }

  .hatf-festive-canapes__download-link:focus-visible {
    outline: 2px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  @media (max-width: 1024px) {
    .hatf-festive-canapes__header {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .hatf-festive-canapes__header-copy {
      max-width: 760px;
    }

  }

  @media (max-width: 767px) {
    .hatf-festive-canapes {
      padding: 72px 0;
    }

    .hatf-festive-canapes::before {
      top: -70px;
      right: -170px;
      width: 380px;
      height: 380px;
    }

    .hatf-festive-canapes__inner {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-festive-canapes h2 {
      font-size: clamp(48px, 15vw, 68px);
    }

    .hatf-festive-canapes__gallery {
      gap: 10px;
      margin-bottom: 42px;
      padding: 0;
    }

    .hatf-festive-canapes__gallery-item {
      border-width: 3px;
      box-shadow:
        0 0 0 1px rgba(216, 173, 75, 0.28),
        0 9px 22px rgba(0, 0, 0, 0.22);
    }

    .hatf-festive-canapes__quick-facts,
    .hatf-festive-canapes__package,
    .hatf-festive-canapes__savouries,
    .hatf-festive-canapes__bowl-grid {
      grid-template-columns: 1fr;
    }

    .hatf-festive-canapes__package {
      gap: 25px;
    }

    .hatf-festive-canapes__price {
      white-space: normal;
    }

    .hatf-festive-canape {
      min-height: 0;
    }

    .hatf-festive-canape:nth-child(5) {
      grid-column: auto;
      min-height: 0;
    }

    .hatf-festive-bowl {
      min-height: 0;
    }

    .hatf-festive-bowl + .hatf-festive-bowl {
      border-top: 1px solid var(--hatf-border);
      border-left: 0;
    }

    .hatf-festive-canapes__chocolate {
      grid-template-columns: 1fr;
    }

    .hatf-festive-canapes__dietary-summary {
      gap: 14px;
      padding: 24px 20px;
    }

    .hatf-festive-canapes__dietary-panel {
      padding: 0 20px 28px;
    }

    .hatf-festive-canapes__dietary-grid,
    .hatf-festive-canapes__guidance {
      grid-template-columns: 1fr;
    }

    .hatf-festive-canapes__actions {
      display: grid;
      grid-template-columns: 1fr;
    }

    .hatf-festive-canapes__button {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-festive-canapes__button,
    .hatf-festive-canapes__download-link {
      transition: none;
    }

    .hatf-festive-canapes__button:hover {
      transform: none;
    }
  }
  /* Match the approved Festive Choice Menu dietary treatment */
  .hatf-festive-canapes__dietary {
    color: var(--hatf-ink);
    border: 1px solid rgba(40, 122, 49, 0.28);
    background: #f8f8f2;
  }

  .hatf-festive-canapes__dietary-summary {
    padding: 22px 24px;
  }

  .hatf-festive-canapes__dietary-summary:hover,
  .hatf-festive-canapes__dietary[open]
  .hatf-festive-canapes__dietary-summary {
    background: rgba(64, 173, 72, 0.06);
  }

  .hatf-festive-canapes__dietary[open]
  .hatf-festive-canapes__dietary-summary {
    border-bottom: 1px solid rgba(40, 122, 49, 0.22);
  }

  .hatf-festive-canapes__dietary-title {
    margin-bottom: 5px;
    color: var(--hatf-deep-green);
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.05;
    letter-spacing: -0.02em;
  }

  .hatf-festive-canapes__dietary-copy {
    max-width: 820px;
    color: #555555;
    line-height: 1.65;
  }

  .hatf-festive-canapes__dietary-icon {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(40, 122, 49, 0.48);
    background: rgba(255, 255, 255, 0.62);
  }

  .hatf-festive-canapes__dietary-icon::before,
  .hatf-festive-canapes__dietary-icon::after {
    top: 50%;
    left: 50%;
    width: 13px;
    background: var(--hatf-dark-green);
    transform: translate(-50%, -50%);
  }

  .hatf-festive-canapes__dietary-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .hatf-festive-canapes__dietary[open]
  .hatf-festive-canapes__dietary-icon::after {
    opacity: 0;
  }

  .hatf-festive-canapes__dietary-panel {
    padding: clamp(28px, 4vw, 44px);
    border-top: 0;
    background: rgba(255, 255, 255, 0.74);
  }

  .hatf-festive-canapes__dietary-grid {
    gap: clamp(34px, 5vw, 64px);
    padding-top: 0;
  }

  .hatf-festive-canapes__dietary-grid > section + section {
    padding-left: clamp(34px, 5vw, 64px);
    border-left: 1px solid rgba(11, 40, 29, 0.17);
  }

  .hatf-festive-canapes h3.hatf-festive-canapes__dietary-heading,
  .hatf-festive-canapes h3.hatf-festive-canapes__guidance-title {
    margin: 0 0 24px;
    color: var(--hatf-dark-green);
    font-family: "Italiana", Georgia, serif !important;
    font-size: clamp(30px, 3vw, 40px);
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.12;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
  }

  .hatf-festive-canapes h4.hatf-festive-canapes__dietary-name {
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 700 !important;
  }

  .hatf-festive-canapes__dietary-description,
  .hatf-festive-canapes__guidance-copy {
    color: #555555;
  }

  .hatf-festive-canapes__dietary-code,
  .hatf-festive-canapes__legend strong {
    color: var(--hatf-dark-green);
  }

  .hatf-festive-canapes__dietary-item,
  .hatf-festive-canapes__guidance {
    border-color: rgba(11, 40, 29, 0.17);
  }

  .hatf-festive-canapes__legend {
    color: #555555;
    border-color: rgba(11, 40, 29, 0.17);
  }

  @media (max-width: 760px) {
    .hatf-festive-canapes__dietary-grid > section + section {
      padding-top: 38px;
      padding-left: 0;
      border-top: 1px solid rgba(11, 40, 29, 0.17);
      border-left: 0;
    }
  }
</style>

<section
  id="festive-canapes"
  class="hatf-festive-canapes"
  aria-labelledby="hatf-festive-canapes-title"
>
  <div class="hatf-festive-canapes__inner">

    <header class="hatf-festive-canapes__header">
      <div>
        <p class="hatf-festive-canapes__eyebrow">
          Stand-up celebrations and cocktail parties
        </p>

        <h2 id="hatf-festive-canapes-title">
          Festive Canapé Package
        </h2>
      </div>

      <div class="hatf-festive-canapes__header-copy">
        <p class="hatf-festive-canapes__intro">
          A relaxed festive format made for mingling. Enjoy five savoury
          canapés, two grazing bowl options served half and half, and a
          Koko Black chocolate for each guest.
        </p>

        <div class="hatf-festive-canapes__quick-facts">
          <div class="hatf-festive-canapes__fact">
            <span class="hatf-festive-canapes__fact-label">
              Event style
            </span>

            <span class="hatf-festive-canapes__fact-value">
              Cocktail-style and stand-up events
            </span>
          </div>

          <div class="hatf-festive-canapes__fact">
            <span class="hatf-festive-canapes__fact-label">
              Available
            </span>

            <span class="hatf-festive-canapes__fact-value">
              30 November–20 December 2026
            </span>
          </div>
        </div>
      </div>
    </header>

    <div
      class="hatf-festive-canapes__gallery"
      aria-label="Festive Canapé Package highlights"
    >
      <figure class="hatf-festive-canapes__gallery-item">
        <img
          class="hatf-festive-canapes__gallery-image"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henry-and-the-fox-standing-function-enhanced.jpg"
          alt="Standing function at Henry and the Fox"
          loading="lazy"
          decoding="async"
        >
      </figure>

      <figure class="hatf-festive-canapes__gallery-item">
        <img
          class="hatf-festive-canapes__gallery-image"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-canape-festive.png"
          alt="Festive canapés at Henry and the Fox"
          loading="lazy"
          decoding="async"
        >
      </figure>
    </div>

    <div
      class="hatf-festive-canapes__package"
      aria-label="Festive Canapé Package price and inclusions"
    >
      <div class="hatf-festive-canapes__price">
        $42

        <span class="hatf-festive-canapes__price-unit">
          Per person
        </span>
      </div>

      <div>
        <span class="hatf-festive-canapes__inclusions-label">
          Package includes
        </span>

        <p class="hatf-festive-canapes__inclusions">
          Five savoury canapés, one grazing bowl and one Koko Black chocolate
        </p>
      </div>
    </div>

    <section aria-labelledby="hatf-festive-savouries-title">
      <h3
        id="hatf-festive-savouries-title"
        class="hatf-festive-canapes__section-heading"
      >
        Savoury canapés
      </h3>

      <ol class="hatf-festive-canapes__savouries">
        <li class="hatf-festive-canape">
          <span class="hatf-festive-canape__number">
            01
          </span>

          <span class="hatf-festive-canape__name">
            Pastrami Cured Tasmanian Ocean Trout Crostini
          </span>

          <span class="hatf-festive-canape__description">
            Horseradish cream, capers and dill
          </span>

          <span class="hatf-festive-canape__tags">
            <span
              class="hatf-festive-canape__tag
                     hatf-festive-canape__tag--origin"
            >
              A
            </span>
          </span>
        </li>

        <li class="hatf-festive-canape">
          <span class="hatf-festive-canape__number">
            02
          </span>

          <span class="hatf-festive-canape__name">
            Chicken and Brandy Parfait Tartlet
          </span>

          <span class="hatf-festive-canape__description">
            Cranberry and candied walnut
          </span>
        </li>

<li class="hatf-festive-canape">
  <span class="hatf-festive-canape__number">
    03
  </span>

  <span class="hatf-festive-canape__name">
    Prawn Festive Spring Roll
  </span>

  <span class="hatf-festive-canape__tags">
    <span
      class="hatf-festive-canape__tag
             hatf-festive-canape__tag--origin"
    >
      I
    </span>
  </span>
</li>

        <li class="hatf-festive-canape">
          <span class="hatf-festive-canape__number">
            04
          </span>

          <span class="hatf-festive-canape__name">
            Duck, Thyme and Caramelised Onion Croquette
          </span>

          <span class="hatf-festive-canape__description">
            Salsa verde
          </span>
        </li>

        <li class="hatf-festive-canape">
          <span class="hatf-festive-canape__number">
            05
          </span>

          <span class="hatf-festive-canape__name">
            French Brie, Candied Walnut and Grape Puff
          </span>

          <span class="hatf-festive-canape__description">
            Vincotto and basil
          </span>
        </li>
      </ol>
    </section>

    <section
      class="hatf-festive-canapes__bowls"
      aria-labelledby="hatf-festive-bowls-title"
    >
      <h3
        id="hatf-festive-bowls-title"
        class="hatf-festive-canapes__section-heading"
      >
        Grazing bowls
      </h3>

      <p class="hatf-festive-canapes__bowl-note">
        Both bowls are served half and half
      </p>

      <div class="hatf-festive-canapes__bowl-grid">
        <article class="hatf-festive-bowl">
          <span class="hatf-festive-bowl__label">
            Bowl one
          </span>

          <span class="hatf-festive-bowl__name">
            Salt and Vinegar Calamari
          </span>

          <span class="hatf-festive-bowl__description">
            Crispy potato chips and roasted garlic aioli
          </span>

          <span class="hatf-festive-canape__tags">
            <span class="hatf-festive-canape__tag">
              GIF
            </span>

            <span
              class="hatf-festive-canape__tag
                     hatf-festive-canape__tag--origin"
            >
              I
            </span>
          </span>
        </article>

        <article class="hatf-festive-bowl">
          <span class="hatf-festive-bowl__label">
            Bowl two
          </span>

          <span class="hatf-festive-bowl__name">
            Lemon Butter and Goat’s Cheese Risotto
          </span>

          <span class="hatf-festive-bowl__description">
            Caramelised shallots, spinach, confit garlic, peas, confit cherry
            tomatoes, aged parmesan and parsley oil
          </span>

          <span class="hatf-festive-canape__tags">
            <span class="hatf-festive-canape__tag">
              GF
            </span>

            <span class="hatf-festive-canape__tag">
              V
            </span>
          </span>
        </article>
      </div>

      <div class="hatf-festive-canapes__chocolate">
        <span
          class="hatf-festive-canapes__chocolate-mark"
          aria-hidden="true"
        >
          K
        </span>

        <div>
          <span class="hatf-festive-canapes__chocolate-label">
            Something sweet
          </span>

          <span class="hatf-festive-canapes__chocolate-copy">
            One Koko Black chocolate for each guest
          </span>
        </div>
      </div>
    </section>

    <div class="hatf-festive-canapes__download">
      <a
        class="hatf-festive-canapes__download-link"
        href="https://henryandthefox.com.au/wp-content/uploads/2026/07/HATF-Festive-Menus-26.pdf"
        target="_blank"
        rel="noopener"
        aria-label="Download the full Henry and the Fox Festive 2026 Pack PDF"
      >
        Download the full Festive 2026 Pack .pdf
      </a>
    </div>

    <details class="hatf-festive-canapes__dietary">
      <summary class="hatf-festive-canapes__dietary-summary">
        <span>
          <strong class="hatf-festive-canapes__dietary-title">
            Dietary options
          </strong>

          <span class="hatf-festive-canapes__dietary-copy">
            Does your group have dietary requirements? View the vegan,
            vegetarian and gluten-free options available for this menu.
          </span>
        </span>

        <span
          class="hatf-festive-canapes__dietary-icon"
          aria-hidden="true"
        ></span>
      </summary>

      <div class="hatf-festive-canapes__dietary-panel">
        <div class="hatf-festive-canapes__dietary-grid">
          <section>
            <h3
              class="hatf-festive-canapes__dietary-heading"
            >
              Vegan options
            </h3>

            <article class="hatf-festive-canapes__dietary-item">
              <h4 class="hatf-festive-canapes__dietary-name">
                Cauliflower falafel
              </h4>
              <p class="hatf-festive-canapes__dietary-description">
                Pumpkin hummus, tahini and parsley
                <span class="hatf-festive-canapes__dietary-code">
                  (vg, gif)
                </span>
              </p>
            </article>

            <article class="hatf-festive-canapes__dietary-item">
              <h4 class="hatf-festive-canapes__dietary-name">
                Vegan spring roll
              </h4>
              <p class="hatf-festive-canapes__dietary-description">
                Tamarind and green chilli dipping sauce
                <span class="hatf-festive-canapes__dietary-code">
                  (vg)
                </span>
              </p>
            </article>

            <article class="hatf-festive-canapes__dietary-item">
              <h4 class="hatf-festive-canapes__dietary-name">
                Hand-rolled vine leaves
              </h4>
              <p class="hatf-festive-canapes__dietary-description">
                Calasparra rice, pine nuts, mint, dill and parsley
                <span class="hatf-festive-canapes__dietary-code">
                  (go, gf)
                </span>
              </p>
            </article>
          </section>

          <section>
            <h3
              class="hatf-festive-canapes__dietary-heading"
            >
              Gluten-free (coeliac) options
            </h3>

            <article class="hatf-festive-canapes__dietary-item">
              <h4 class="hatf-festive-canapes__dietary-name">
                Pastrami-cured Tasmanian ocean trout bowl
              </h4>
              <p class="hatf-festive-canapes__dietary-description">
                Horseradish cream, capers and dill
                <span class="hatf-festive-canapes__dietary-code">
                  (a) (gf)
                </span>
              </p>
            </article>

            <article class="hatf-festive-canapes__dietary-item">
              <h4 class="hatf-festive-canapes__dietary-name">
                Chicken and brandy parfait tartlet
              </h4>
              <p class="hatf-festive-canapes__dietary-description">
                Cranberry and candied walnut
                <span class="hatf-festive-canapes__dietary-code">
                  (gf)
                </span>
              </p>
            </article>

            <article class="hatf-festive-canapes__dietary-item">
              <h4 class="hatf-festive-canapes__dietary-name">
                Rockmelon, prosciutto and basil skewer
              </h4>
              <p class="hatf-festive-canapes__dietary-description">
                Preserved lemon
                <span class="hatf-festive-canapes__dietary-code">
                  (gf)
                </span>
              </p>
            </article>
          </section>
        </div>

        <div class="hatf-festive-canapes__guidance">
          <section>
            <h3
              class="hatf-festive-canapes__guidance-title"
            >
              Vegan and vegetarian guests
            </h3>
            <p class="hatf-festive-canapes__guidance-copy">
              For groups with vegan or vegetarian guests, we will provide
              suitable dishes for these guests. These may be served
              individually to the guest, or alternatively provided as portions
              to share with the rest of the group, depending on the final menu
              and style of service. Suitable sides will also be provided for
              vegan and vegetarian guests for the sit-down menus.
            </p>
          </section>

          <section>
            <h3
              class="hatf-festive-canapes__guidance-title"
            >
              Gluten-free guests
            </h3>
            <p class="hatf-festive-canapes__guidance-copy">
              For groups with gluten-free guests, we will provide suitable
              dishes for these guests. These may be served individually to the
              guest, or alternatively provided as portions to share with the
              rest of the group, depending on the final menu and style of
              service. Suitable sides will also be provided for gluten-free
              guests for the sit-down menus.
            </p>
          </section>
        </div>

        <ul
          class="hatf-festive-canapes__legend"
          aria-label="Menu dietary and seafood origin key"
        >
          <li><strong>GF</strong> Gluten free</li>
          <li><strong>GO</strong> Gluten-free option</li>
          <li><strong>VG</strong> Vegan</li>
          <li><strong>GIF</strong> Gluten intolerance friendly</li>
          <li><strong>A</strong> Australian seafood</li>
          <li><strong>I</strong> Imported seafood</li>
        </ul>
      </div>
    </details>

    <div class="hatf-festive-canapes__actions">
      <a
        class="hatf-festive-canapes__button"
        href="#festive-enquiry"
      >
        Enquire about this package
      </a>

    </div>

  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-fa4bf58 elementor-widget elementor-widget-html" data-id="fa4bf58" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 07: FESTIVE GINGERBREAD WORKSHOP -->
<style>
  .hatf-festive-gingerbread,
  .hatf-festive-gingerbread * {
    box-sizing: border-box;
  }

  .hatf-festive-gingerbread {
    --hatf-green: #40ad48;
    --hatf-dark-green: #287a31;
    --hatf-deep-green: #0b281d;
    --hatf-gold: #d8ad4b;
    --hatf-white: #ffffff;
    --hatf-ink: #202020;
    --hatf-muted: #626762;
    --hatf-grey: #f4f5f1;
    --hatf-border: #d9ddd7;
    --hatf-leaf:
      url("https://henryandthefox.com.au/wp-content/uploads/2024/01/bg-reduced-2.webp");

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(84px, 9vw, 138px) 0;
    color: var(--hatf-ink);
    background: var(--hatf-white);
    font-family: "Raleway", Arial, sans-serif;
    isolation: isolate;
  }

  .hatf-festive-gingerbread::before {
    content: "";
    position: absolute;
    top: -210px;
    right: -210px;
    z-index: -1;
    width: 600px;
    height: 600px;
    background-image: var(--hatf-leaf);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.055;
    transform: rotate(24deg);
    pointer-events: none;
  }

  .hatf-festive-gingerbread::after {
    content: "";
    position: absolute;
    bottom: -350px;
    left: -280px;
    z-index: -1;
    width: 690px;
    height: 690px;
    border: 1px solid rgba(40, 122, 49, 0.15);
    border-radius: 50%;
    pointer-events: none;
  }

  .hatf-festive-gingerbread__inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
  }

  .hatf-festive-gingerbread__hero {
    display: grid;
    grid-template-columns:
      minmax(0, 0.88fr)
      minmax(470px, 1.12fr);
    gap: clamp(50px, 7vw, 98px);
    align-items: center;
  }

  .hatf-festive-gingerbread__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 18px;
    color: var(--hatf-dark-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .hatf-festive-gingerbread__eyebrow::before {
    content: "";
    flex: 0 0 42px;
    height: 2px;
    background: var(--hatf-green);
  }

  .hatf-festive-gingerbread h2 {
    max-width: 690px;
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(54px, 6.4vw, 91px);
    font-weight: 400;
    line-height: 0.96;
    letter-spacing: -0.035em;
  }

  .hatf-festive-gingerbread__intro {
    max-width: 660px;
    margin: 29px 0 0;
    color: var(--hatf-muted);
    font-size: clamp(17px, 1.5vw, 19px);
    line-height: 1.72;
  }

  .hatf-festive-gingerbread__availability {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: 26px;
    padding: 11px 15px;
    color: var(--hatf-dark-green);
    background: rgba(64, 173, 72, 0.08);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .hatf-festive-gingerbread__availability::before {
    content: "";
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--hatf-green);
  }

  .hatf-festive-gingerbread__price-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-gingerbread__price {
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(55px, 6vw, 76px);
    font-weight: 500;
    line-height: 0.9;
    white-space: nowrap;
  }

  .hatf-festive-gingerbread__price-unit {
    display: block;
    margin-top: 9px;
    color: var(--hatf-dark-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .hatf-festive-gingerbread__price-copy {
    margin: 0;
    color: var(--hatf-muted);
    font-size: 14px;
    line-height: 1.65;
  }

  .hatf-festive-gingerbread__gallery {
    display: block;
    min-height: 570px;
  }

  .hatf-festive-gingerbread__image {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: var(--hatf-grey);
  }

  .hatf-festive-gingerbread__image--main {
    width: 100%;
    height: 100%;
    min-height: 570px;
  }

  .hatf-festive-gingerbread__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
  }

  .hatf-festive-gingerbread__image--portrait img {
    object-position: center 35%;
  }

  .hatf-festive-gingerbread__image:hover img {
    transform: scale(1.025);
  }

  .hatf-festive-gingerbread__gf-badge {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    max-width: 285px;
    padding: 14px 16px;
    color: var(--hatf-deep-green);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 36px rgba(11, 40, 29, 0.18);
  }

  .hatf-festive-gingerbread__gf-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    color: var(--hatf-white);
    background: var(--hatf-green);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.05em;
  }

  .hatf-festive-gingerbread__gf-label {
    display: block;
    margin-bottom: 2px;
    color: var(--hatf-dark-green);
    font-size: 9px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .hatf-festive-gingerbread__gf-copy {
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
  }

  .hatf-festive-gingerbread__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: clamp(63px, 8vw, 96px);
    border-top: 1px solid var(--hatf-border);
    border-left: 1px solid var(--hatf-border);
  }

  .hatf-festive-gingerbread__fact {
    min-height: 190px;
    padding: clamp(27px, 3.5vw, 39px);
    border-right: 1px solid var(--hatf-border);
    border-bottom: 1px solid var(--hatf-border);
    background: rgba(244, 245, 241, 0.42);
  }

  .hatf-festive-gingerbread__fact-number {
    display: block;
    margin-bottom: 21px;
    color: var(--hatf-green);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.13em;
  }

  .hatf-festive-gingerbread__fact-value {
    display: block;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(27px, 2.7vw, 37px);
    font-weight: 500;
    line-height: 1.08;
  }

  .hatf-festive-gingerbread__fact-label {
    display: block;
    margin-top: 10px;
    color: var(--hatf-muted);
    font-size: 13px;
    line-height: 1.55;
  }

  .hatf-festive-gingerbread__experience {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
    gap: clamp(48px, 8vw, 110px);
    align-items: start;
    margin-top: clamp(78px, 9vw, 122px);
  }

  .hatf-festive-gingerbread__section-eyebrow {
    margin: 0 0 14px;
    color: var(--hatf-dark-green);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .hatf-festive-gingerbread__section-title {
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(41px, 4.5vw, 63px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.025em;
  }

  .hatf-festive-gingerbread__section-copy {
    margin: 22px 0 0;
    color: var(--hatf-muted);
    font-size: 15px;
    line-height: 1.7;
  }

  .hatf-festive-gingerbread__steps {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--hatf-border);
    list-style: none;
  }

  .hatf-festive-gingerbread__step {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 20px;
    padding: 29px 0;
    border-bottom: 1px solid var(--hatf-border);
  }

  .hatf-festive-gingerbread__step-number {
    color: var(--hatf-green);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.12em;
  }

  .hatf-festive-gingerbread__step-title {
    display: block;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(27px, 2.8vw, 37px);
    font-weight: 500;
    line-height: 1.08;
  }

  .hatf-festive-gingerbread__step-copy {
    display: block;
    margin-top: 9px;
    color: var(--hatf-muted);
    font-size: 14px;
    line-height: 1.66;
  }

  .hatf-festive-gingerbread__inclusions {
    margin-top: clamp(75px, 9vw, 112px);
    padding: clamp(40px, 6vw, 70px);
    color: var(--hatf-white);
    background: var(--hatf-deep-green);
  }

  .hatf-festive-gingerbread__inclusions-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr);
    gap: 40px;
    align-items: end;
    margin-bottom: 39px;
  }

  .hatf-festive-gingerbread__inclusions-title {
    margin: 0;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(41px, 4.5vw, 62px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.025em;
  }

  .hatf-festive-gingerbread__inclusions-copy {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 1.7;
  }

  .hatf-festive-gingerbread__inclusions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    border-left: 1px solid rgba(255, 255, 255, 0.18);
  }

  .hatf-festive-gingerbread__inclusion {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 17px;
    align-items: start;
    min-height: 136px;
    padding: 27px;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  }

  .hatf-festive-gingerbread__inclusion-mark {
    color: var(--hatf-gold);
    font-family: "Italiana", Georgia, serif;
    font-size: 27px;
    line-height: 1;
  }

  .hatf-festive-gingerbread__inclusion-title {
    display: block;
    color: var(--hatf-white);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
  }

  .hatf-festive-gingerbread__inclusion-copy {
    display: block;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.66);
    font-size: 13px;
    line-height: 1.58;
  }

  .hatf-festive-gingerbread__gf-panel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    margin-top: 28px;
    padding: 25px 27px;
    color: var(--hatf-deep-green);
    background: var(--hatf-gold);
  }

  .hatf-festive-gingerbread__gf-panel-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border: 2px solid var(--hatf-deep-green);
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.06em;
  }

  .hatf-festive-gingerbread__gf-panel-title {
    display: block;
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(25px, 2.6vw, 34px);
    line-height: 1.08;
  }

  .hatf-festive-gingerbread__gf-panel-copy {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.6;
  }

  .hatf-festive-gingerbread__addons {
    margin-top: clamp(74px, 9vw, 111px);
  }

  .hatf-festive-gingerbread__addons-header {
    max-width: 670px;
    margin-bottom: 34px;
  }

  .hatf-festive-gingerbread__addons-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  .hatf-festive-addon {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 25px;
    align-items: center;
    min-height: 185px;
    padding: clamp(29px, 4vw, 43px);
    border-top: 4px solid var(--hatf-green);
    background: var(--hatf-grey);
  }

  .hatf-festive-addon--drinks {
    border-top-color: var(--hatf-gold);
  }

  .hatf-festive-addon__label {
    display: block;
    margin-bottom: 10px;
    color: var(--hatf-dark-green);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .hatf-festive-addon__title {
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(29px, 3vw, 41px);
    font-weight: 500;
    line-height: 1.08;
  }

  .hatf-festive-addon__price {
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(39px, 4vw, 54px);
    font-weight: 500;
    line-height: 0.95;
    white-space: nowrap;
  }

  .hatf-festive-addon__price-unit {
    display: block;
    margin-top: 7px;
    color: var(--hatf-muted);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.11em;
    text-align: right;
    text-transform: uppercase;
  }

  .hatf-festive-gingerbread__photo-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: clamp(67px, 8vw, 96px);
  }

  .hatf-festive-gingerbread__photo {
    position: relative;
    min-height: 380px;
    overflow: hidden;
    background: var(--hatf-grey);
  }

  .hatf-festive-gingerbread__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
  }

  .hatf-festive-gingerbread__photo:hover img {
    transform: scale(1.025);
  }

  .hatf-festive-gingerbread__photo-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 21px 24px;
    color: var(--hatf-white);
    background:
      linear-gradient(
        to top,
        rgba(11, 40, 29, 0.92),
        rgba(11, 40, 29, 0)
      );
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .hatf-festive-gingerbread__closing {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
    margin-top: clamp(59px, 8vw, 90px);
    padding-top: 38px;
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-gingerbread__closing-title {
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(35px, 3.8vw, 52px);
    font-weight: 400;
    line-height: 1.05;
  }

  .hatf-festive-gingerbread__closing-copy {
    max-width: 690px;
    margin: 13px 0 0;
    color: var(--hatf-muted);
    font-size: 14px;
    line-height: 1.7;
  }

  .hatf-festive-gingerbread__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
  }

  .hatf-festive-gingerbread__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 25px;
    border: 2px solid var(--hatf-green);
    color: #ffffff !important;
    background: var(--hatf-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-text-fill-color: #ffffff !important;
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      color 180ms ease,
      transform 180ms ease;
  }

  .hatf-festive-gingerbread
  a.hatf-festive-gingerbread__button:hover,
  .hatf-festive-gingerbread
  a.hatf-festive-gingerbread__button:focus {
    border-color: var(--hatf-deep-green);
    color: #ffffff !important;
    background: var(--hatf-deep-green);
    -webkit-text-fill-color: #ffffff !important;
    transform: translateY(-2px);
  }

  .hatf-festive-gingerbread__button--secondary {
    border-color: var(--hatf-deep-green);
    color: var(--hatf-deep-green) !important;
    background: transparent;
    -webkit-text-fill-color: var(--hatf-deep-green) !important;
  }

  .hatf-festive-gingerbread
  a.hatf-festive-gingerbread__button--secondary:hover,
  .hatf-festive-gingerbread
  a.hatf-festive-gingerbread__button--secondary:focus {
    border-color: var(--hatf-gold);
    color: #000000 !important;
    background: var(--hatf-gold);
    -webkit-text-fill-color: #000000 !important;
  }

  .hatf-festive-gingerbread__button:focus-visible {
    outline: 3px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  @media (max-width: 1024px) {
    .hatf-festive-gingerbread__hero,
    .hatf-festive-gingerbread__experience {
      grid-template-columns: 1fr;
    }

    .hatf-festive-gingerbread__hero {
      gap: 50px;
    }

    .hatf-festive-gingerbread__gallery {
      min-height: 530px;
    }

    .hatf-festive-gingerbread__closing {
      grid-template-columns: 1fr;
    }

    .hatf-festive-gingerbread__actions {
      justify-content: flex-start;
    }
  }

  @media (max-width: 767px) {
    .hatf-festive-gingerbread {
      padding: 72px 0;
    }

    .hatf-festive-gingerbread::before {
      top: -90px;
      right: -170px;
      width: 390px;
      height: 390px;
    }

    .hatf-festive-gingerbread__inner {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-festive-gingerbread h2 {
      font-size: clamp(48px, 14vw, 67px);
    }

    .hatf-festive-gingerbread__price-row {
      grid-template-columns: 1fr;
      gap: 17px;
    }

    .hatf-festive-gingerbread__gallery {
      display: block;
      min-height: 0;
    }

    .hatf-festive-gingerbread__image--main {
      min-height: 420px;
    }

    .hatf-festive-gingerbread__gf-badge {
      right: 12px;
      bottom: 12px;
      max-width: calc(100% - 24px);
    }

    .hatf-festive-gingerbread__facts,
    .hatf-festive-gingerbread__inclusions-grid,
    .hatf-festive-gingerbread__addons-grid {
      grid-template-columns: 1fr;
    }

    .hatf-festive-gingerbread__photo-strip {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }

    .hatf-festive-gingerbread__fact {
      min-height: 0;
    }

    .hatf-festive-gingerbread__inclusions {
      padding: 35px 23px;
    }

    .hatf-festive-gingerbread__inclusions-header {
      grid-template-columns: 1fr;
      gap: 15px;
      align-items: start;
    }

    .hatf-festive-gingerbread__inclusion {
      min-height: 0;
    }

    .hatf-festive-gingerbread__gf-panel {
      grid-template-columns: 1fr;
    }

    .hatf-festive-addon {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .hatf-festive-addon__price-unit {
      text-align: left;
    }

    .hatf-festive-gingerbread__photo {
      min-height: 220px;
    }

    .hatf-festive-gingerbread__photo-caption {
      padding: 15px 12px;
      font-size: 9px;
      letter-spacing: 0.07em;
    }

    .hatf-festive-gingerbread__actions {
      display: grid;
      grid-template-columns: 1fr;
    }

    .hatf-festive-gingerbread__button {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-festive-gingerbread img,
    .hatf-festive-gingerbread__button {
      transition: none;
    }

    .hatf-festive-gingerbread__image:hover img,
    .hatf-festive-gingerbread__photo:hover img,
    .hatf-festive-gingerbread__button:hover {
      transform: none;
    }
  }
</style>

<section
  id="festive-gingerbread"
  class="hatf-festive-gingerbread"
  aria-labelledby="hatf-festive-gingerbread-title"
>
  <div class="hatf-festive-gingerbread__inner">

    <div class="hatf-festive-gingerbread__hero">
      <div class="hatf-festive-gingerbread__content">
        <p class="hatf-festive-gingerbread__eyebrow">
          Create • Decorate • Celebrate
        </p>

        <h2 id="hatf-festive-gingerbread-title">
          Festive Gingerbread Workshop
        </h2>

        <p class="hatf-festive-gingerbread__intro">
          Looking for a festive celebration with a difference this year?
          Gather your team, friends or family for a hands-on gingerbread
          making class at Henry and the Fox.
        </p>

        <span class="hatf-festive-gingerbread__availability">
          Available 30 November–20 December 2026
        </span>

        <div
          class="hatf-festive-gingerbread__price-row"
          aria-label="Festive Gingerbread Workshop price"
        >
          <div class="hatf-festive-gingerbread__price">
            $125

            <span class="hatf-festive-gingerbread__price-unit">
              Per person
            </span>
          </div>

          <p class="hatf-festive-gingerbread__price-copy">
            Includes a 1.5-hour gingerbread making workshop and a grazing
            station of cured meats, cheeses, fruit and condiments.
          </p>
        </div>
      </div>

      <div
        class="hatf-festive-gingerbread__gallery"
        aria-label="Festive gingerbread workshop gallery"
      >
        <figure
          class="hatf-festive-gingerbread__image
                 hatf-festive-gingerbread__image--main"
        >
          <img decoding="async"
            src="https://henryandthefox.com.au/wp-content/uploads/2026/06/Photo-from-22.jpg"
            alt="Festive gingerbread man at Henry and the Fox"
            loading="lazy"
          >

        </figure>
      </div>
    </div>

    <div
      class="hatf-festive-gingerbread__facts"
      aria-label="Workshop quick facts"
    >
      <div class="hatf-festive-gingerbread__fact">
        <span class="hatf-festive-gingerbread__fact-number">
          01
        </span>

        <span class="hatf-festive-gingerbread__fact-value">
          1.5 hours
        </span>

        <span class="hatf-festive-gingerbread__fact-label">
          Hands-on gingerbread making and decorating
        </span>
      </div>

      <div class="hatf-festive-gingerbread__fact">
        <span class="hatf-festive-gingerbread__fact-number">
          02
        </span>

        <span class="hatf-festive-gingerbread__fact-value">
          Grazing station
        </span>

        <span class="hatf-festive-gingerbread__fact-label">
          Help yourself during the class
        </span>
      </div>

      <div class="hatf-festive-gingerbread__fact">
        <span class="hatf-festive-gingerbread__fact-number">
          03
        </span>

        <span class="hatf-festive-gingerbread__fact-value">
          Take it home
        </span>

        <span class="hatf-festive-gingerbread__fact-label">
          We pack your creation once the houses are built
        </span>
      </div>
    </div>

    <div class="hatf-festive-gingerbread__experience">
      <div>
        <p class="hatf-festive-gingerbread__section-eyebrow">
          A festive experience with a personal touch
        </p>

        <h3 class="hatf-festive-gingerbread__section-title">
          How the Experience Works
        </h3>

        <p class="hatf-festive-gingerbread__section-copy">
          A relaxed, interactive format made for Christmas parties,
          corporate teams, client events, families and groups looking
          to celebrate the end of the year a little differently.
        </p>
      </div>

      <ol class="hatf-festive-gingerbread__steps">
        <li class="hatf-festive-gingerbread__step">
          <span class="hatf-festive-gingerbread__step-number">
            01
          </span>

          <span>
            <span class="hatf-festive-gingerbread__step-title">
              Create
            </span>

            <span class="hatf-festive-gingerbread__step-copy">
              Create and decorate your festive gingerbread house during
              the guided 1.5-hour workshop.
            </span>
          </span>
        </li>

        <li class="hatf-festive-gingerbread__step">
          <span class="hatf-festive-gingerbread__step-number">
            02
          </span>

          <span>
            <span class="hatf-festive-gingerbread__step-title">
              Decorate
            </span>

            <span class="hatf-festive-gingerbread__step-copy">
              Help yourself to cured meats, cheeses, fruit and condiments
              from the grazing station during the class.
            </span>
          </span>
        </li>

        <li class="hatf-festive-gingerbread__step">
          <span class="hatf-festive-gingerbread__step-number">
            03
          </span>

          <span>
            <span class="hatf-festive-gingerbread__step-title">
              Celebrate
            </span>

            <span class="hatf-festive-gingerbread__step-copy">
              Once the houses are built, we will pack your creation so
              you can take it home.
            </span>
          </span>
        </li>
      </ol>
    </div>

    <section
      class="hatf-festive-gingerbread__inclusions"
      aria-labelledby="hatf-gingerbread-inclusions-title"
    >
      <div class="hatf-festive-gingerbread__inclusions-header">
        <h3
          id="hatf-gingerbread-inclusions-title"
          class="hatf-festive-gingerbread__inclusions-title"
        >
          Package Inclusions
        </h3>

        <p class="hatf-festive-gingerbread__inclusions-copy">
          Everything your group needs for a creative and interactive
          festive gingerbread experience.
        </p>
      </div>

      <div class="hatf-festive-gingerbread__inclusions-grid">
        <div class="hatf-festive-gingerbread__inclusion">
          <span
            class="hatf-festive-gingerbread__inclusion-mark"
            aria-hidden="true"
          >
            01
          </span>

          <span>
            <span class="hatf-festive-gingerbread__inclusion-title">
              Guided 1.5-hour workshop
            </span>

            <span class="hatf-festive-gingerbread__inclusion-copy">
              Hands-on gingerbread making and decorating with guidance
              from the Henry and the Fox team.
            </span>
          </span>
        </div>

        <div class="hatf-festive-gingerbread__inclusion">
          <span
            class="hatf-festive-gingerbread__inclusion-mark"
            aria-hidden="true"
          >
            02
          </span>

          <span>
            <span class="hatf-festive-gingerbread__inclusion-title">
              Grazing station
            </span>

            <span class="hatf-festive-gingerbread__inclusion-copy">
              Help yourself to cured meats, cheeses, fruit and condiments
              throughout the class.
            </span>
          </span>
        </div>

        <div class="hatf-festive-gingerbread__inclusion">
          <span
            class="hatf-festive-gingerbread__inclusion-mark"
            aria-hidden="true"
          >
            03
          </span>

          <span>
            <span class="hatf-festive-gingerbread__inclusion-title">
              Gingerbread making supplies
            </span>

            <span class="hatf-festive-gingerbread__inclusion-copy">
              Everything needed to create and decorate your festive
              gingerbread house is provided.
            </span>
          </span>
        </div>

        <div class="hatf-festive-gingerbread__inclusion">
          <span
            class="hatf-festive-gingerbread__inclusion-mark"
            aria-hidden="true"
          >
            04
          </span>

          <span>
            <span class="hatf-festive-gingerbread__inclusion-title">
              Take-home creation
            </span>

            <span class="hatf-festive-gingerbread__inclusion-copy">
              Once the houses are built, we pack your creation for you
              to take home.
            </span>
          </span>
        </div>
      </div>

    </section>

    <section
      class="hatf-festive-gingerbread__addons"
      aria-labelledby="hatf-gingerbread-addons-title"
    >
      <div class="hatf-festive-gingerbread__addons-header">
        <p class="hatf-festive-gingerbread__section-eyebrow">
          Build your celebration
        </p>

        <h3
          id="hatf-gingerbread-addons-title"
          class="hatf-festive-gingerbread__section-title"
        >
          Optional Add-Ons
        </h3>
      </div>

      <div class="hatf-festive-gingerbread__addons-grid">
        <article class="hatf-festive-addon">
          <div>
            <span class="hatf-festive-addon__label">
              Food add-on
            </span>

            <h4 class="hatf-festive-addon__title">
              Festive Canapés
            </h4>
          </div>

          <div class="hatf-festive-addon__price">
            +$40

            <span class="hatf-festive-addon__price-unit">
              Per person
            </span>
          </div>
        </article>

        <article
          class="hatf-festive-addon
                 hatf-festive-addon--drinks"
        >
          <div>
            <span class="hatf-festive-addon__label">
              Drinks add-on
            </span>

            <h4 class="hatf-festive-addon__title">
              Three-Hour Beverage Package
            </h4>
          </div>

          <div class="hatf-festive-addon__price">
            +$40

            <span class="hatf-festive-addon__price-unit">
              Per person
            </span>
          </div>
        </article>
      </div>
    </section>

    <div
      class="hatf-festive-gingerbread__photo-strip"
      aria-label="Gingerbread workshop preparation"
    >
      <figure class="hatf-festive-gingerbread__photo">
        <img decoding="async"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/sharing-charc.png"
          alt="Grazing station with cured meats, cheeses, fruit and condiments"
          loading="lazy"
        >

        <figcaption class="hatf-festive-gingerbread__photo-caption">
          Grazing station included
        </figcaption>
      </figure>

      <figure class="hatf-festive-gingerbread__photo">
        <img decoding="async"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox-gingerbread-box.png"
          alt="Henry and the Fox gingerbread creation packed to take home"
          loading="lazy"
        >

        <figcaption class="hatf-festive-gingerbread__photo-caption">
          Take-home box
        </figcaption>
      </figure>

      <figure class="hatf-festive-gingerbread__photo">
        <img decoding="async"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/07/henryandthefox_gingerbread-house.png"
          alt="Completed festive gingerbread house"
          loading="lazy"
        >

        <figcaption class="hatf-festive-gingerbread__photo-caption">
          Your festive gingerbread house
        </figcaption>
      </figure>
    </div>

    <div class="hatf-festive-gingerbread__closing">
      <div>
        <h3 class="hatf-festive-gingerbread__closing-title">
          Plan Your Gingerbread Celebration
        </h3>

        <p class="hatf-festive-gingerbread__closing-copy">
          Tell us about your preferred date, approximate guest numbers
          and any optional food or beverage add-ons, and our events
          team will help bring the experience together.
        </p>
      </div>

      <div class="hatf-festive-gingerbread__actions">
        <a
          class="hatf-festive-gingerbread__button"
          href="#festive-enquiry"
        >
          Enquire about the workshop
        </a>

        <a
          class="hatf-festive-gingerbread__button
                 hatf-festive-gingerbread__button--secondary"
          href="#festive-faq"
        >
          Read festive FAQs
        </a>
      </div>
    </div>

  </div>
</section>				</div>
				</div>
				<div class="elementor-element elementor-element-86d0dc6 elementor-widget elementor-widget-html" data-id="86d0dc6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section
  class="hatf-spaces-block"
  id="hatf-spaces"
  aria-labelledby="hatf-spaces-title"
>
  <div class="hatf-spaces-block__inner">

    <header class="hatf-spaces-block__header">
      <div class="hatf-spaces-block__heading">
        <div class="hatf-spaces-block__eyebrow">
          <span aria-hidden="true"></span>
          Spaces
        </div>

        <h2 id="hatf-spaces-title">
          Spaces for every<br>
          style of event
        </h2>
      </div>

      <div class="hatf-spaces-block__intro">
        <p>
          From private dining and boardroom-style events to alfresco drinks
          and full-venue celebrations, Henry and the Fox offers flexible
          spaces in the heart of Melbourne CBD.
        </p>

        <p class="hatf-spaces-block__intro-note">
          Open each space to view more photos and get a better feel for the
          possible setups.
        </p>
      </div>
    </header>

    <div class="hatf-spaces-block__grid">

      <!-- Fox's Den -->
      <article class="hatf-space-card">
        <div class="hatf-space-card__image">
          <img decoding="async"
            src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-cocktail-setup-01.png"
            alt="Fox's Den set for a cocktail event at Henry and the Fox"
            loading="lazy"
          >
        </div>

        <div class="hatf-space-card__content">
          <div class="hatf-space-card__top">
            <span>Private room</span>
            <h3>Fox’s Den</h3>
          </div>

          <p>
            A versatile private room suited to long lunches, private dining,
            boardroom meetings, cocktail events and tailored layouts.
          </p>

          <ul class="hatf-space-card__meta">
            <li>Private dining</li>
            <li>Boardroom</li>
            <li>Cocktail style</li>
          </ul>

          <button
            type="button"
            class="hatf-space-card__button"
            data-hatf-modal-open="hatf-modal-foxs-den"
          >
            View gallery
          </button>
        </div>
      </article>

      <!-- Restaurant -->
      <article class="hatf-space-card">
        <div class="hatf-space-card__image">
          <img decoding="async"
            src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-restaurant-bar-01.png"
            alt="Henry and the Fox restaurant bar"
            loading="lazy"
          >
        </div>

        <div class="hatf-space-card__content">
          <div class="hatf-space-card__top">
            <span>Main dining space</span>
            <h3>Restaurant</h3>
          </div>

          <p>
            A flexible dining space for larger group bookings, shared dining,
            long-table events and lively restaurant celebrations.
          </p>

          <ul class="hatf-space-card__meta">
            <li>Group dining</li>
            <li>Long tables</li>
            <li>Restaurant atmosphere</li>
          </ul>

          <button
            type="button"
            class="hatf-space-card__button"
            data-hatf-modal-open="hatf-modal-restaurant"
          >
            View gallery
          </button>
        </div>
      </article>

      <!-- Little Collins Street Terrace -->
      <article class="hatf-space-card">
        <div class="hatf-space-card__image">
          <img decoding="async"
            src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-little-collins-street-terrace-04.png"
            alt="Little Collins Street Terrace at Henry and the Fox"
            loading="lazy"
          >
        </div>

        <div class="hatf-space-card__content">
          <div class="hatf-space-card__top">
            <span>Street-facing terrace</span>
            <h3>Little Collins Terrace</h3>
          </div>

          <p>
            An outdoor-facing space suited to casual catch-ups, terrace
            dining, drinks and more relaxed group events.
          </p>

          <ul class="hatf-space-card__meta">
            <li>Terrace setting</li>
            <li>Casual dining</li>
            <li>Drinks &amp; social events</li>
          </ul>

          <button
            type="button"
            class="hatf-space-card__button"
            data-hatf-modal-open="hatf-modal-little-collins"
          >
            View gallery
          </button>
        </div>
      </article>

      <!-- Collins Lane Alfresco -->
      <article class="hatf-space-card">
        <div class="hatf-space-card__image">
          <img decoding="async"
            src="https://henryandthefox.com.au/wp-content/uploads/2025/03/IMG_7781-2048x1365.jpg"
            alt="Collins Lane Alfresco at Henry and the Fox"
            loading="lazy"
          >
        </div>

        <div class="hatf-space-card__content">
          <div class="hatf-space-card__top">
            <span>Alfresco space</span>
            <h3>Collins Lane Alfresco</h3>
          </div>

          <p>
            A relaxed alfresco setting ideal for drinks, networking and
            social-style events with an outdoor feel.
          </p>

          <ul class="hatf-space-card__meta">
            <li>Alfresco setting</li>
            <li>Drinks &amp; canapés</li>
            <li>Social gatherings</li>
          </ul>

          <button
            type="button"
            class="hatf-space-card__button"
            data-hatf-modal-open="hatf-modal-collins-lane"
          >
            View gallery
          </button>
        </div>
      </article>

      <!-- Entire Venue -->
      <article class="hatf-space-card">
        <div class="hatf-space-card__image">
          <img decoding="async"
            src="https://henryandthefox.com.au/wp-content/uploads/2024/01/henry-and-the-fox-restaurant-melbourne-.webp"
            alt="Henry and the Fox entire venue"
            loading="lazy"
          >
        </div>

        <div class="hatf-space-card__content">
          <div class="hatf-space-card__top">
            <span>Exclusive hire</span>
            <h3>Entire Venue</h3>
          </div>

          <p>
            For larger events, launches and full-venue celebrations, Henry
            and the Fox can be considered as one complete event space.
          </p>

          <ul class="hatf-space-card__meta">
            <li>Exclusive use</li>
            <li>Larger events</li>
            <li>Venue-wide format</li>
          </ul>

          <button
            type="button"
            class="hatf-space-card__button"
            data-hatf-modal-open="hatf-modal-entire-venue"
          >
            View floor plan
          </button>
        </div>
      </article>

    </div>

    <div class="hatf-spaces-block__festive-download">
      <a
        class="hatf-spaces-block__festive-download-link"
        href="https://henryandthefox.com.au/wp-content/uploads/2026/08/HATF-Festive-Menu-26_0308-1.pdf"
        target="_blank"
        rel="noopener"
        aria-label="Download the full Henry and the Fox Festive 2026 Pack PDF"
      >
        Download the full Festive 2026 Pack .pdf
      </a>
    </div>
  </div>

  <!-- Fox's Den Modal -->
  <div
    class="hatf-space-modal"
    id="hatf-modal-foxs-den"
    aria-hidden="true"
  >
    <div class="hatf-space-modal__overlay" data-hatf-modal-close></div>

    <div
      class="hatf-space-modal__dialog"
      role="dialog"
      aria-modal="true"
      aria-labelledby="hatf-modal-foxs-den-title"
    >
      <button
        type="button"
        class="hatf-space-modal__close"
        aria-label="Close popup"
        data-hatf-modal-close
      >
        ×
      </button>

      <div class="hatf-space-modal__header">
        <div>
          <span>Private room</span>
          <h3 id="hatf-modal-foxs-den-title">Fox’s Den</h3>
        </div>

        <p>
          A highly flexible private room that can work across dining,
          cocktail, boardroom and presentation-style events.
        </p>
      </div>

      <div class="hatf-space-modal__gallery hatf-space-modal__gallery--three">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-long-table-01.png" alt="Fox's Den long table setup">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-grazing-table-01.png" alt="Fox's Den grazing table">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-location-01.png" alt="Fox's Den location view">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-event-dining-03.png" alt="Fox's Den event dining">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-event-dining-02.png" alt="Fox's Den event dining setup">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-event-dining-01.png" alt="Fox's Den dining layout">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-empty-floorplan-01.png" alt="Fox's Den empty floor plan">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-cocktail-setup-03.png" alt="Fox's Den cocktail setup">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-cocktail-setup-02.png" alt="Fox's Den cocktail layout">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-cocktail-setup-01.png" alt="Fox's Den cocktail event">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-boardroom-02.png" alt="Fox's Den boardroom layout">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-boardroom-01.png" alt="Fox's Den boardroom setup">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-u-shape-01.png" alt="Fox's Den u shape setup">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-overview-02.png" alt="Fox's Den overview">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-overview-01.png" alt="Fox's Den room overview">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-long-table-03.png" alt="Fox's Den long dining table">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-foxs-den-long-table-02.png" alt="Fox's Den long table dining">
      </div>

      <div class="hatf-space-modal__note">
        <strong>Please note:</strong>
        Layout and general configuration will depend on your style of event.
        If you have a particular request, please ask.
      </div>
    </div>
  </div>

  <!-- Restaurant Modal -->
  <div
    class="hatf-space-modal"
    id="hatf-modal-restaurant"
    aria-hidden="true"
  >
    <div class="hatf-space-modal__overlay" data-hatf-modal-close></div>

    <div
      class="hatf-space-modal__dialog"
      role="dialog"
      aria-modal="true"
      aria-labelledby="hatf-modal-restaurant-title"
    >
      <button
        type="button"
        class="hatf-space-modal__close"
        aria-label="Close popup"
        data-hatf-modal-close
      >
        ×
      </button>

      <div class="hatf-space-modal__header">
        <div>
          <span>Main dining space</span>
          <h3 id="hatf-modal-restaurant-title">Restaurant</h3>
        </div>

        <p>
          A larger-format restaurant space suited to long-table dining,
          group bookings and more social dining events.
        </p>
      </div>

      <div class="hatf-space-modal__gallery">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-restaurant-bar-01.png" alt="Restaurant bar">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-restaurant-long-table-01.png" alt="Restaurant long table">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-restaurant-group-dining-03.png" alt="Restaurant group dining">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-restaurant-group-dining-02.png" alt="Restaurant group dining layout">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-restaurant-group-dining-01-duplicate-03.png" alt="Restaurant event dining">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-restaurant-group-dining-01.png" alt="Restaurant dining event">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-restaurant-dining-room-02.png" alt="Restaurant dining room">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-restaurant-dining-room-01.png" alt="Restaurant interior">
      </div>

      <div class="hatf-space-modal__note">
        <strong>Please note:</strong>
        Layout and general configuration will depend on your style of event.
        If you have a particular request, please ask.
      </div>
    </div>
  </div>

  <!-- Little Collins Terrace Modal -->
  <div
    class="hatf-space-modal"
    id="hatf-modal-little-collins"
    aria-hidden="true"
  >
    <div class="hatf-space-modal__overlay" data-hatf-modal-close></div>

    <div
      class="hatf-space-modal__dialog"
      role="dialog"
      aria-modal="true"
      aria-labelledby="hatf-modal-little-collins-title"
    >
      <button
        type="button"
        class="hatf-space-modal__close"
        aria-label="Close popup"
        data-hatf-modal-close
      >
        ×
      </button>

      <div class="hatf-space-modal__header">
        <div>
          <span>Street-facing terrace</span>
          <h3 id="hatf-modal-little-collins-title">
            Little Collins Terrace
          </h3>
        </div>

        <p>
          A more casual open-air setting ideal for drinks, social dining and
          relaxed event formats.
        </p>
      </div>

      <div class="hatf-space-modal__gallery">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-little-collins-street-terrace-04.png" alt="Little Collins Terrace">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-little-collins-street-terrace-03.png" alt="Little Collins Terrace view">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-little-collins-street-terrace-02.png" alt="Little Collins Terrace setting">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-little-collins-street-terrace-01.png" alt="Little Collins Terrace exterior">
      </div>

      <div class="hatf-space-modal__note">
        <strong>Please note:</strong>
        Layout and general configuration will depend on your style of event.
        If you have a particular request, please ask.
      </div>
    </div>
  </div>

  <!-- Collins Lane Modal -->
  <div
    class="hatf-space-modal"
    id="hatf-modal-collins-lane"
    aria-hidden="true"
  >
    <div class="hatf-space-modal__overlay" data-hatf-modal-close></div>

    <div
      class="hatf-space-modal__dialog"
      role="dialog"
      aria-modal="true"
      aria-labelledby="hatf-modal-collins-lane-title"
    >
      <button
        type="button"
        class="hatf-space-modal__close"
        aria-label="Close popup"
        data-hatf-modal-close
      >
        ×
      </button>

      <div class="hatf-space-modal__header">
        <div>
          <span>Alfresco space</span>
          <h3 id="hatf-modal-collins-lane-title">
            Collins Lane Alfresco
          </h3>
        </div>

        <p>
          A relaxed alfresco event space for social gatherings, drinks and
          flexible outdoor-style event formats.
        </p>
      </div>

      <div class="hatf-space-modal__gallery">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2025/03/IMG_7781-2048x1365.jpg" alt="Collins Lane Alfresco hero image">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-collins-lane-alfresco-03.png" alt="Collins Lane Alfresco">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-collins-lane-alfresco-02.png" alt="Collins Lane Alfresco event space">
        <img decoding="async" src="https://henryandthefox.com.au/wp-content/uploads/2026/07/hatf-collins-lane-alfresco-01-duplicate-01.png" alt="Collins Lane Alfresco outdoor area">
      </div>

      <div class="hatf-space-modal__note">
        <strong>Please note:</strong>
        Layout and general configuration will depend on your style of event.
        If you have a particular request, please ask.
      </div>
    </div>
  </div>

  <!-- Entire Venue Modal -->
  <div
    class="hatf-space-modal"
    id="hatf-modal-entire-venue"
    aria-hidden="true"
  >
    <div class="hatf-space-modal__overlay" data-hatf-modal-close></div>

    <div
      class="hatf-space-modal__dialog"
      role="dialog"
      aria-modal="true"
      aria-labelledby="hatf-modal-entire-venue-title"
    >
      <button
        type="button"
        class="hatf-space-modal__close"
        aria-label="Close popup"
        data-hatf-modal-close
      >
        ×
      </button>

      <div class="hatf-space-modal__header">
        <div>
          <span>Exclusive hire</span>
          <h3 id="hatf-modal-entire-venue-title">
            Entire Venue
          </h3>
        </div>

        <p>
          View the floor plan to explore how the restaurant, private room,
          terraces and alfresco areas connect for a full-venue event.
        </p>
      </div>

      <div
        class="hatf-space-modal__gallery
        hatf-space-modal__gallery--floorplan"
      >
        <img decoding="async"
          src="https://henryandthefox.com.au/wp-content/uploads/2026/08/floor-plan.png"
          alt="Floor plan of the entire Henry and the Fox venue"
          loading="lazy"
        >
      </div>

      <div class="hatf-space-modal__note">
        <strong>Please note:</strong>
        Layout and general configuration will depend on your style of event.
        If you have a particular request, please ask.
      </div>
    </div>
  </div>
</section>

<style>
  .hatf-spaces-block {
    --hatf-spaces-green: #40ad48;
    --hatf-spaces-dark-green: #287a31;
    --hatf-spaces-black: #000000;
    --hatf-spaces-text: #202020;
    --hatf-spaces-muted: #6a6a6a;
    --hatf-spaces-white: #ffffff;
    --hatf-spaces-pale: #f5f5f2;
    --hatf-spaces-border: #d9d9d4;
    --hatf-spaces-overlay: rgba(0, 0, 0, 0.75);

    width: 100%;
    overflow: hidden;
    background: var(--hatf-spaces-pale);
    color: var(--hatf-spaces-text);
    font-family: "Raleway", Arial, sans-serif;
  }

  .hatf-spaces-block,
  .hatf-spaces-block *,
  .hatf-spaces-block *::before,
  .hatf-spaces-block *::after {
    box-sizing: border-box;
  }

  .hatf-spaces-block__inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: clamp(82px, 9vw, 138px) 0;
  }

  .hatf-spaces-block__header {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.72fr);
    gap: clamp(50px, 9vw, 135px);
    align-items: end;
    margin-bottom: clamp(50px, 7vw, 82px);
  }

  .hatf-spaces-block__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 21px;
    color: var(--hatf-spaces-text);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.15em;
    text-transform: uppercase;
  }

  .hatf-spaces-block__eyebrow span {
    display: block;
    width: 38px;
    height: 3px;
    flex: 0 0 auto;
    background: var(--hatf-spaces-green);
  }

  .hatf-spaces-block__heading h2 {
    margin: 0;
    color: var(--hatf-spaces-black);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(54px, 6.4vw, 92px);
    font-weight: 400;
    line-height: 0.97;
    letter-spacing: -0.035em;
  }

  .hatf-spaces-block__intro > p {
    margin: 0;
    color: var(--hatf-spaces-text);
    font-size: clamp(16px, 1.3vw, 19px);
    line-height: 1.7;
  }

  .hatf-spaces-block__intro-note {
    margin-top: 18px !important;
    padding-top: 18px;
    border-top: 1px solid var(--hatf-spaces-border);
    color: var(--hatf-spaces-muted) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .hatf-spaces-block__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .hatf-spaces-block__festive-download {
    margin-top: 24px;
    text-align: center;
  }

  .hatf-spaces-block__festive-download-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    color: var(--hatf-spaces-dark-green) !important;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: underline !important;
    text-decoration-color: var(--hatf-spaces-green) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px;
    -webkit-text-fill-color: var(--hatf-spaces-dark-green) !important;
    transition:
      color 180ms ease,
      text-decoration-color 180ms ease;
  }

  .hatf-spaces-block__festive-download-link::after {
    content: "\2193";
    color: var(--hatf-spaces-green);
    font-size: 16px;
    line-height: 1;
  }

  .hatf-spaces-block
  a.hatf-spaces-block__festive-download-link:hover,
  .hatf-spaces-block
  a.hatf-spaces-block__festive-download-link:focus {
    color: var(--hatf-spaces-black) !important;
    text-decoration-color: var(--hatf-spaces-black) !important;
    -webkit-text-fill-color: var(--hatf-spaces-black) !important;
  }

  .hatf-spaces-block__festive-download-link:focus-visible {
    outline: 2px solid var(--hatf-spaces-green);
    outline-offset: 4px;
  }

  .hatf-space-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border-top: 4px solid var(--hatf-spaces-green);
    background: var(--hatf-spaces-white);
  }

  .hatf-space-card__image {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #dedede;
  }

  .hatf-space-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 260ms ease;
  }

  .hatf-space-card:hover .hatf-space-card__image img {
    transform: scale(1.03);
  }

  .hatf-space-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: clamp(24px, 3vw, 34px);
  }

  .hatf-space-card__top span {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--hatf-spaces-dark-green);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .hatf-space-card__top h3 {
    margin: 0;
    color: var(--hatf-spaces-black);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.02em;
  }

  .hatf-space-card__content > p {
    margin: 18px 0 0;
    color: var(--hatf-spaces-muted);
    font-size: 14px;
    line-height: 1.7;
  }

  .hatf-space-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
  }

  .hatf-space-card__meta li {
    padding: 8px 10px;
    border: 1px solid rgba(64, 173, 72, 0.45);
    color: var(--hatf-spaces-text);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  .hatf-space-card__button {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    margin-top: 26px;
    padding: 14px 20px;
    border: 1px solid var(--hatf-spaces-green);
    background: var(--hatf-spaces-green);
    color: var(--hatf-spaces-white);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      color 180ms ease;
  }

  .hatf-space-card__button:hover,
  .hatf-space-card__button:focus-visible {
    border-color: var(--hatf-spaces-black);
    background: var(--hatf-spaces-black);
    color: var(--hatf-spaces-white);
  }

  .hatf-space-card__button:focus-visible {
    outline: 3px solid var(--hatf-spaces-green);
    outline-offset: 4px;
  }

  .hatf-space-modal {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: none;
    padding: 24px;
  }

  .hatf-space-modal.is-open {
    display: block;
  }

  .hatf-space-modal__overlay {
    position: absolute;
    inset: 0;
    background: var(--hatf-spaces-overlay);
  }

  .hatf-space-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(1180px, 100%);
    max-height: calc(100vh - 48px);
    margin: 0 auto;
    overflow: auto;
    background: var(--hatf-spaces-white);
  }

  .hatf-space-modal__close {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    width: 48px;
    height: 48px;
    margin-left: auto;
    align-items: center;
    justify-content: center;
    border: 0;
    background: var(--hatf-spaces-black);
    color: var(--hatf-spaces-white);
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
  }

  .hatf-space-modal__header {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr);
    gap: 30px;
    padding: 32px 32px 24px;
    border-bottom: 1px solid var(--hatf-spaces-border);
  }

  .hatf-space-modal__header span {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--hatf-spaces-dark-green);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .hatf-space-modal__header h3 {
    margin: 0;
    color: var(--hatf-spaces-black);
    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.02em;
  }

  .hatf-space-modal__header p {
    margin: 0;
    color: var(--hatf-spaces-muted);
    font-size: 14px;
    line-height: 1.7;
    align-self: end;
  }

  .hatf-space-modal__gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 24px 32px;
  }

  .hatf-space-modal__gallery--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hatf-space-modal__gallery img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: #ececec;
  }

  .hatf-space-modal__gallery--floorplan {
    grid-template-columns: 1fr;
    padding: clamp(22px, 4vw, 42px);
    background: var(--hatf-spaces-pale);
  }

  .hatf-space-modal__gallery--floorplan img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    background: var(--hatf-spaces-white);
  }

  .hatf-space-modal__note {
    margin: 0 32px 32px;
    padding: 20px 22px;
    border-left: 4px solid var(--hatf-spaces-green);
    background: var(--hatf-spaces-pale);
    color: var(--hatf-spaces-muted);
    font-size: 13px;
    line-height: 1.65;
  }

  .hatf-space-modal__note strong {
    color: var(--hatf-spaces-black);
  }

  body.hatf-space-modal-open {
    overflow: hidden;
  }

  @media (max-width: 1024px) {
    .hatf-spaces-block__header {
      grid-template-columns: 1fr;
      gap: 34px;
    }

    .hatf-spaces-block__intro {
      max-width: 720px;
    }

    .hatf-space-modal__header {
      grid-template-columns: 1fr;
    }

    .hatf-space-modal__gallery--three {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 767px) {
    .hatf-spaces-block__inner {
      width: min(1180px, calc(100% - 32px));
      padding: 72px 0;
    }

    .hatf-spaces-block__heading h2 {
      font-size: clamp(48px, 14vw, 66px);
    }

    .hatf-spaces-block__heading h2 br {
      display: none;
    }

    .hatf-spaces-block__grid,
    .hatf-space-modal__gallery,
    .hatf-space-modal__gallery--three {
      grid-template-columns: 1fr;
    }

    .hatf-space-modal {
      padding: 12px;
    }

    .hatf-space-modal__dialog {
      max-height: calc(100vh - 24px);
    }

    .hatf-space-modal__header,
    .hatf-space-modal__gallery {
      padding-right: 18px;
      padding-left: 18px;
    }

    .hatf-space-modal__gallery--floorplan {
      padding: 18px;
    }

    .hatf-space-modal__note {
      margin-right: 18px;
      margin-left: 18px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-space-card__image img,
    .hatf-space-card__button {
      transition: none;
    }
  }
</style>

<script>
  (() => {
    const root = document.querySelector(".hatf-spaces-block");

    if (!root || root.dataset.hatfSpacesInit === "true") {
      return;
    }

    root.dataset.hatfSpacesInit = "true";

    const modalOpenButtons = root.querySelectorAll("[data-hatf-modal-open]");
    const modals = root.querySelectorAll(".hatf-space-modal");

    const closeAllModals = () => {
      modals.forEach((modal) => {
        modal.classList.remove("is-open");
        modal.setAttribute("aria-hidden", "true");
      });

      document.body.classList.remove("hatf-space-modal-open");
    };

    modalOpenButtons.forEach((button) => {
      button.addEventListener("click", () => {
        const modalId = button.getAttribute("data-hatf-modal-open");
        const modal = document.getElementById(modalId);

        if (!modal) {
          return;
        }

        closeAllModals();
        modal.classList.add("is-open");
        modal.setAttribute("aria-hidden", "false");
        document.body.classList.add("hatf-space-modal-open");

        const closeButton = modal.querySelector(".hatf-space-modal__close");

        if (closeButton) {
          window.setTimeout(() => closeButton.focus(), 0);
        }
      });
    });

    modals.forEach((modal) => {
      modal
        .querySelectorAll("[data-hatf-modal-close]")
        .forEach((closeButton) => {
          closeButton.addEventListener("click", closeAllModals);
        });
    });

    document.addEventListener("keydown", (event) => {
      if (event.key === "Escape") {
        closeAllModals();
      }
    });
  })();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-d4254d3 elementor-widget elementor-widget-html" data-id="d4254d3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- BLOCK 08: FESTIVE FREQUENTLY ASKED QUESTIONS -->
<style>
  .hatf-festive-faq,
  .hatf-festive-faq * {
    box-sizing: border-box;
  }

  .hatf-festive-faq {
    --hatf-green: #40ad48;
    --hatf-deep-green: #0b281d;
    --hatf-gold: #d8ad4b;
    --hatf-white: #ffffff;
    --hatf-border: rgba(255, 255, 255, 0.18);
    --hatf-leaf:
      url("https://henryandthefox.com.au/wp-content/uploads/2024/01/bg-reduced-2.webp");

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(84px, 9vw, 138px) 0;
    color: var(--hatf-white);
    background: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    scroll-margin-top: 100px;
    isolation: isolate;
  }

  .hatf-festive-faq::before {
    content: "";
    position: absolute;
    top: -220px;
    left: -260px;
    z-index: -1;
    width: 650px;
    height: 650px;
    background-image: var(--hatf-leaf);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.07;
    transform: rotate(-20deg);
    pointer-events: none;
  }

  .hatf-festive-faq::after {
    content: "";
    position: absolute;
    right: -290px;
    bottom: -410px;
    z-index: -1;
    width: 760px;
    height: 760px;
    border: 1px solid rgba(216, 173, 75, 0.16);
    border-radius: 50%;
    pointer-events: none;
  }

  .hatf-festive-faq__inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
  }

  .hatf-festive-faq__layout {
    display: grid;
    grid-template-columns:
      minmax(300px, 0.72fr)
      minmax(0, 1.28fr);
    gap: clamp(54px, 8vw, 116px);
    align-items: start;
  }

  .hatf-festive-faq__intro {
    position: sticky;
    top: 120px;
  }

  .hatf-festive-faq__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 18px;
    color: var(--hatf-gold);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .hatf-festive-faq__eyebrow::before {
    content: "";
    flex: 0 0 42px;
    height: 2px;
    background: var(--hatf-green);
  }

  .hatf-festive-faq h2 {
    max-width: 530px;
    margin: 0;
    color: var(--hatf-white);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(52px, 6vw, 82px);
    font-weight: 400;
    line-height: 0.97;
    letter-spacing: -0.035em;
  }

  .hatf-festive-faq__intro-copy {
    max-width: 480px;
    margin: 27px 0 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 16px;
    line-height: 1.72;
  }

  .hatf-festive-faq__contact-note {
    margin-top: 34px;
    padding-top: 23px;
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-faq__contact-label {
    display: block;
    margin-bottom: 7px;
    color: var(--hatf-gold);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  .hatf-festive-faq__contact-copy {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.65;
  }

  .hatf-festive-faq__contact-copy a,
  .hatf-festive-faq__answer a {
    color: var(--hatf-white) !important;
    font-weight: 700;
    text-decoration-color: var(--hatf-green);
    text-underline-offset: 4px;
    -webkit-text-fill-color: var(--hatf-white) !important;
  }

  .hatf-festive-faq__list {
    margin: 0;
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-faq__item {
    margin: 0;
    border-bottom: 1px solid var(--hatf-border);
  }

  .hatf-festive-faq__question {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 26px;
    gap: 14px;
    align-items: center;
    min-height: 76px;
    margin: 0;
    padding: 16px 0;
    color: var(--hatf-white);
    cursor: pointer;
    list-style: none;
  }

  .hatf-festive-faq__question::-webkit-details-marker {
    display: none;
  }

  .hatf-festive-faq__number {
    color: var(--hatf-green);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.12em;
  }

  .hatf-festive-faq__question-text {
    color: var(--hatf-white);
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: clamp(17px, 1.45vw, 21px);
    font-weight: 600 !important;
    line-height: 1.35;
    letter-spacing: 0;
    transition: color 180ms ease;
  }

  .hatf-festive-faq__icon {
    position: relative;
    display: block;
    width: 26px;
    height: 26px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    transition:
      border-color 180ms ease,
      background-color 180ms ease;
  }

  .hatf-festive-faq__icon::before,
  .hatf-festive-faq__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 1px;
    background: var(--hatf-white);
    transform: translate(-50%, -50%);
    transition:
      background-color 180ms ease,
      transform 220ms ease;
  }

  .hatf-festive-faq__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .hatf-festive-faq__item[open]
  .hatf-festive-faq__icon {
    border-color: var(--hatf-green);
    background: var(--hatf-green);
  }

  .hatf-festive-faq__item[open]
  .hatf-festive-faq__icon::after {
    transform: translate(-50%, -50%) rotate(0);
  }

  .hatf-festive-faq__question:hover
  .hatf-festive-faq__question-text {
    color: var(--hatf-gold);
  }

  .hatf-festive-faq__question:hover
  .hatf-festive-faq__icon {
    border-color: var(--hatf-green);
  }

  .hatf-festive-faq__question:focus-visible {
    outline: 3px solid var(--hatf-gold);
    outline-offset: 6px;
  }

  .hatf-festive-faq__answer {
    padding: 0 40px 24px 46px;
  }

  .hatf-festive-faq__answer p {
    max-width: 690px;
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    line-height: 1.75;
  }

  .hatf-festive-faq__answer p + p {
    margin-top: 14px;
  }

  .hatf-festive-faq__answer strong {
    color: var(--hatf-white);
    font-weight: 700;
  }

  .hatf-festive-faq__footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
    margin-top: clamp(60px, 8vw, 92px);
    padding: clamp(29px, 4vw, 43px);
    color: var(--hatf-deep-green);
    background: var(--hatf-gold);
  }

  .hatf-festive-faq__footer-title {
    margin: 0;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif;
    font-size: clamp(31px, 3.6vw, 49px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.025em;
  }

  .hatf-festive-faq__footer-copy {
    max-width: 700px;
    margin: 11px 0 0;
    color: rgba(11, 40, 29, 0.77);
    font-size: 14px;
    line-height: 1.68;
  }

  .hatf-festive-faq__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 26px;
    border: 2px solid var(--hatf-deep-green);
    color: var(--hatf-white) !important;
    background: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-text-fill-color: var(--hatf-white) !important;
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      color 180ms ease,
      transform 180ms ease;
  }

  .hatf-festive-faq
  a.hatf-festive-faq__button:hover,
  .hatf-festive-faq
  a.hatf-festive-faq__button:focus {
    border-color: var(--hatf-white);
    color: var(--hatf-deep-green) !important;
    background: var(--hatf-white);
    -webkit-text-fill-color: var(--hatf-deep-green) !important;
    transform: translateY(-2px);
  }

  .hatf-festive-faq__button:focus-visible {
    outline: 3px solid var(--hatf-white);
    outline-offset: 4px;
  }

  @media (max-width: 1024px) {
    .hatf-festive-faq__layout {
      grid-template-columns: 1fr;
      gap: 54px;
    }

    .hatf-festive-faq__intro {
      position: static;
      max-width: 760px;
    }
  }

  @media (max-width: 767px) {
    .hatf-festive-faq {
      padding: 72px 0;
    }

    .hatf-festive-faq::before {
      top: -80px;
      left: -170px;
      width: 390px;
      height: 390px;
    }

    .hatf-festive-faq__inner {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-festive-faq h2 {
      font-size: clamp(48px, 14vw, 66px);
    }

    .hatf-festive-faq__question {
      grid-template-columns: 25px minmax(0, 1fr) 26px;
      gap: 10px;
      min-height: 70px;
      padding: 14px 0;
    }

    .hatf-festive-faq__question-text {
      font-size: clamp(16px, 4.7vw, 19px);
    }

    .hatf-festive-faq__icon {
      width: 26px;
      height: 26px;
    }

    .hatf-festive-faq__answer {
      padding: 0 0 22px 35px;
    }

    .hatf-festive-faq__footer {
      grid-template-columns: 1fr;
      gap: 27px;
      padding: 30px 23px;
    }

    .hatf-festive-faq__button {
      width: 100%;
      white-space: normal;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-festive-faq__question-text,
    .hatf-festive-faq__icon,
    .hatf-festive-faq__icon::before,
    .hatf-festive-faq__icon::after,
    .hatf-festive-faq__button {
      transition: none;
    }

    .hatf-festive-faq__button:hover {
      transform: none;
    }
  }
</style>

<section
  id="festive-faq"
  class="hatf-festive-faq"
  aria-labelledby="hatf-festive-faq-title"
>
  <div class="hatf-festive-faq__inner">

    <div class="hatf-festive-faq__layout">

      <div class="hatf-festive-faq__intro">
        <p class="hatf-festive-faq__eyebrow">
          Planning your celebration
        </p>

        <h2 id="hatf-festive-faq-title">
          Festive FAQs
        </h2>

        <p class="hatf-festive-faq__intro-copy">
          From choosing the right menu and confirming guest numbers to
          dietaries, drinks and our gingerbread workshop, here are the
          details you need to start planning.
        </p>

        <div class="hatf-festive-faq__contact-note">
          <span class="hatf-festive-faq__contact-label">
            Still have a question?
          </span>

          <p class="hatf-festive-faq__contact-copy">
            Contact our team at
            <a href="mailto:reservations@henryandthefox.com.au">
              reservations@henryandthefox.com.au
            </a>
            and we’ll help with your booking, menu selection and event
            details.
          </p>
        </div>
      </div>

      <div
        class="hatf-festive-faq__list"
        aria-label="Festive functions frequently asked questions"
      >

        <!-- FAQ 01 -->
        <details class="hatf-festive-faq__item" open>
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">01</span>

            <span class="hatf-festive-faq__question-text">
              When are the festive menus available?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Our festive menus are available from
              <strong>30 November to 20 December 2026</strong>.
            </p>
          </div>
        </details>

        <!-- FAQ 02 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">02</span>

            <span class="hatf-festive-faq__question-text">
              Which menu is best for my group size?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              The <strong>Festive Choice Menu</strong> can be enjoyed by
              groups of up to 18 people.
            </p>

            <p>
              The <strong>Festive Shared Menu</strong> is available for
              groups of 19 people or more.
            </p>
          </div>
        </details>

        <!-- FAQ 03 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">03</span>

            <span class="hatf-festive-faq__question-text">
              What happens if our group has 19 or more guests?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              For groups of 19 people or more, we offer the
              <strong>Festive Shared Menu</strong>.
            </p>

            <p>
              If your group would prefer the Festive Choice Menu, we can
              offer this as an alternate drop menu. This means two dishes
              are selected in advance and served alternately to guests on
              the day.
            </p>

            <p>
              Alternatively, we can arrange a pre-order from the Festive
              Choice Menu in advance.
            </p>
          </div>
        </details>

        <!-- FAQ 04 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">04</span>

            <span class="hatf-festive-faq__question-text">
              Can larger groups still have the Festive Choice Menu?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Yes. For groups of 19 people or more, the Festive Choice Menu
              may be available as either an alternate drop menu or by
              arranging a pre-order in advance.
            </p>

            <p>
              Your event coordinator can talk you through the best option
              for your group.
            </p>
          </div>
        </details>

        <!-- FAQ 05 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">05</span>

            <span class="hatf-festive-faq__question-text">
              How does the two-course Festive Choice Menu work?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              If a two-course Festive Choice Menu is selected, all guests
              in the group must enjoy the same two courses.
            </p>

            <p>
              For example, the group may select entrée and main, or main
              and dessert, but the selected courses must be the same for
              all guests.
            </p>
          </div>
        </details>

        <!-- FAQ 06 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">06</span>

            <span class="hatf-festive-faq__question-text">
              Do we need to pay a deposit?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Yes. As this is a busy time of year and we seek to cater for
              many guests celebrating the festive season, a deposit is
              required to secure your booking.
            </p>
          </div>
        </details>

        <!-- FAQ 07 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">07</span>

            <span class="hatf-festive-faq__question-text">
              Can we order from the regular menu?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Yes, in some cases groups may be able to order from our
              regular menu or select from our regular function packages.
            </p>

            <p>
              However, on key dates such as Thursdays and Fridays in
              December, we do ask that groups arrange one of our Festive
              Menus. This helps us provide the best possible experience
              for all guests during peak festive periods.
            </p>

            <p>
              Your event coordinator will guide you on menu availability.
            </p>
          </div>
        </details>

        <!-- FAQ 08 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">08</span>

            <span class="hatf-festive-faq__question-text">
              When do you need final numbers?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Final guest numbers are required
              <strong>two weeks before your reservation date</strong>.
            </p>

            <p>
              We understand things can change. If you work with us, we are
              happy to work with you on unforeseeable changes.
            </p>
          </div>
        </details>

        <!-- FAQ 09 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">09</span>

            <span class="hatf-festive-faq__question-text">
              When do you need dietary requirements?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              All dietary requirements are required
              <strong>two weeks before your reservation date</strong>,
              along with your final guest numbers.
            </p>

            <p>
              We ask that groups provide the names of guests with dietary
              requirements so we can find and assist them more easily on
              the day.
            </p>
          </div>
        </details>

        <!-- FAQ 10 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">10</span>

            <span class="hatf-festive-faq__question-text">
              Will we receive the full booking terms?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Yes. Our full booking terms will be provided during the
              reservation process, before your booking is confirmed.
            </p>
          </div>
        </details>

        <!-- FAQ 11 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">11</span>

            <span class="hatf-festive-faq__question-text">
              Can you cater for vegan and vegetarian guests?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Yes. We can cater for vegan and vegetarian guests.
            </p>

            <p>
              Depending on the selected menu and style of service, these
              dishes may be served individually to the guest or provided
              as suitable portions to share with the rest of the group.
              Suitable sides will also be provided for vegan and
              vegetarian guests.
            </p>
          </div>
        </details>

        <!-- FAQ 12 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">12</span>

            <span class="hatf-festive-faq__question-text">
              Can you cater for gluten-free guests?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Yes. We can cater for gluten-free guests.
            </p>

            <p>
              Depending on the selected menu and style of service, these
              dishes may be served individually to the guest or provided
              as suitable portions to share with the rest of the group.
              Suitable sides will also be provided for gluten-free guests.
            </p>
          </div>
        </details>

        <!-- FAQ 13 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">13</span>

            <span class="hatf-festive-faq__question-text">
              Can you cater for other dietary requirements?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              We can cater for almost all other dietary requirements.
              Please consult your event coordinator to discuss how we can
              best accommodate your guests.
            </p>
          </div>
        </details>

        <!-- FAQ 14 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">14</span>

            <span class="hatf-festive-faq__question-text">
              Is the meat halal?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              All of our meat, except for pork, is sourced from
              halal-certified suppliers. We also adhere to the
              cross-contamination requirements of the City of Melbourne.
            </p>

            <p>
              Please speak with your event coordinator if your guests
              require further information regarding halal preparation or
              menu suitability.
            </p>
          </div>
        </details>

        <!-- FAQ 15 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">15</span>

            <span class="hatf-festive-faq__question-text">
              Do you offer beverage packages?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Yes. Beverage package options can be added to your festive
              booking. Your event coordinator can provide the available
              package options and help you choose the best fit for your
              group.
            </p>
          </div>
        </details>

        <!-- FAQ 16 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">16</span>

            <span class="hatf-festive-faq__question-text">
              Can we have a drinks tab?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Yes, you can arrange a drinks tab with us.
            </p>

            <p>
              For larger groups, we encourage you to pre-select the drinks
              you would like available initially on the tab so we can
              ensure there is enough stock available for your event.
            </p>

            <p>
              You are welcome to add to or adjust your selected drinks on
              the day, subject to availability. All drinks consumed on the
              tab must be settled at the completion of the event.
            </p>
          </div>
        </details>

        <!-- FAQ 17 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">17</span>

            <span class="hatf-festive-faq__question-text">
              Can we make changes after booking?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Please speak with your event coordinator if you need to make
              any changes to your booking.
            </p>

            <p>
              Changes may be subject to availability, final numbers,
              dietary requirements and the booking terms provided during
              the reservation process.
            </p>
          </div>
        </details>

        <!-- FAQ 18 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">18</span>

            <span class="hatf-festive-faq__question-text">
              Is the canapé package suitable for standing events?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              Yes. The Festive Canapé Package is a great option for
              cocktail-style events, stand-up celebrations or groups
              looking for a more relaxed festive format.
            </p>
          </div>
        </details>

        <!-- FAQ 19 -->
        <details class="hatf-festive-faq__item">
          <summary class="hatf-festive-faq__question">
            <span class="hatf-festive-faq__number">19</span>

            <span class="hatf-festive-faq__question-text">
              Are the gingerbread workshop packs gluten free?
            </span>

            <span
              class="hatf-festive-faq__icon"
              aria-hidden="true"
            ></span>
          </summary>

          <div class="hatf-festive-faq__answer">
            <p>
              <strong>
                Yes. All gingerbread packs used during the workshop are
                gluten free.
              </strong>
            </p>

            <p>
              Please still provide the names of guests with any allergies
              or additional dietary requirements when submitting your
              final guest details.
            </p>
          </div>
        </details>

      </div>
    </div>

    <div class="hatf-festive-faq__footer">
      <div>
        <h3 class="hatf-festive-faq__footer-title">
          Ready to Start Planning?
        </h3>

        <p class="hatf-festive-faq__footer-copy">
          Tell us your preferred date, approximate guest numbers and the
          type of festive celebration you have in mind.
        </p>
      </div>

      <a
        class="hatf-festive-faq__button"
        href="#festive-enquiry"
      >
        Start your festive enquiry
      </a>
    </div>

  </div>
</section>

<script>
  (() => {
    const faqSections = document.querySelectorAll(
      ".hatf-festive-faq:not([data-accordion-ready='true'])"
    );

    faqSections.forEach((faq) => {
      faq.dataset.accordionReady = "true";

      const items = faq.querySelectorAll(
        ".hatf-festive-faq__item"
      );

      items.forEach((item) => {
        item.addEventListener("toggle", () => {
          if (!item.open) {
            return;
          }

          items.forEach((otherItem) => {
            if (otherItem !== item) {
              otherItem.removeAttribute("open");
            }
          });
        });
      });
    });
  })();
</script>
				</div>
				</div>
				<div class="elementor-element elementor-element-3553c9b elementor-widget elementor-widget-html" data-id="3553c9b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- HENRY AND THE FOX — 2026 FESTIVE ENQUIRY BLOCK
     Paste into one Elementor HTML widget.

     Submission:
     - By default, the form opens a pre-filled email to
       events@southwharfrestaurants.com.au.
     - Add the complete AWS API Gateway POST /enquiries URL to data-submit-url
       on the <section>. The form will then POST the enquiry as JSON.
-->

<style>
  .hatf-festive-enquiry,
  .hatf-festive-enquiry * {
    box-sizing: border-box;
  }

  .hatf-festive-enquiry [hidden] {
    display: none !important;
  }

  .hatf-festive-enquiry__honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
  }

  .hatf-festive-enquiry {
    --hatf-green: #40ad48;
    --hatf-dark-green: #287a31;
    --hatf-deep-green: #123d24;
    --hatf-orange: #c86d26;
    --hatf-gold: #d7a449;
    --hatf-ink: #202020;
    --hatf-muted: #6f6f6f;
    --hatf-border: #deded8;
    --hatf-pale: #f7f7f4;
    --hatf-white: #ffffff;
    --hatf-error: #9b2c2c;
    --hatf-leaf: url("https://henryandthefox.com.au/wp-content/uploads/2024/01/bg-reduced-2.webp");
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(78px, 9vw, 132px) 0;
    color: var(--hatf-ink);
    background: var(--hatf-pale);
    font-family: "Raleway", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    isolation: isolate;
  }

  .hatf-festive-enquiry::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -90px;
    right: -110px;
    width: min(520px, 48vw);
    aspect-ratio: 1;
    background-image: var(--hatf-leaf);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.065;
    transform: rotate(18deg);
    pointer-events: none;
  }

  .hatf-festive-enquiry__inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
  }

  .hatf-festive-enquiry__header {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(320px, 0.65fr);
    gap: clamp(32px, 6vw, 88px);
    align-items: end;
    margin-bottom: clamp(38px, 5vw, 64px);
  }

  .hatf-festive-enquiry__eyebrow {
    display: flex;
    gap: 13px;
    align-items: center;
    margin: 0 0 15px;
    color: var(--hatf-dark-green);
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .hatf-festive-enquiry__eyebrow::before {
    content: "";
    flex: 0 0 42px;
    height: 2px;
    background: var(--hatf-green);
  }

  .hatf-festive-enquiry h2,
  .hatf-festive-enquiry h3,
  .hatf-festive-enquiry p {
    margin-top: 0;
  }

  .hatf-festive-enquiry h2 {
    max-width: 700px;
    margin-bottom: 0;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif !important;
    font-size: clamp(46px, 6vw, 78px);
    font-weight: 400 !important;
    line-height: 0.98;
    letter-spacing: -0.025em;
  }

  .hatf-festive-enquiry__intro {
    margin-bottom: 0;
    color: #4e4e4b;
    font-size: clamp(16px, 1.5vw, 18px);
    line-height: 1.68;
  }

  .hatf-festive-enquiry__availability {
    display: inline-block;
    margin-top: 18px;
    padding: 8px 12px;
    border-left: 3px solid var(--hatf-orange);
    color: var(--hatf-deep-green);
    background: #fff4e8;
    font-size: 14px;
    font-weight: 700;
  }

  .hatf-festive-enquiry__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 350px);
    gap: 28px;
    align-items: start;
  }

  .hatf-festive-enquiry__form,
  .hatf-festive-enquiry__summary {
    border: 1px solid var(--hatf-border);
    background: var(--hatf-white);
  }

  .hatf-festive-enquiry__form {
    padding: clamp(28px, 4vw, 50px);
    border-top: 4px solid var(--hatf-orange);
  }

  .hatf-festive-enquiry__group {
    margin: 0;
    padding: 0 0 clamp(30px, 4vw, 46px);
    border: 0;
  }

  .hatf-festive-enquiry__group + .hatf-festive-enquiry__group {
    padding-top: clamp(30px, 4vw, 46px);
    border-top: 1px solid var(--hatf-border);
  }

  .hatf-festive-enquiry__group:last-of-type {
    padding-bottom: 0;
  }

  .hatf-festive-enquiry__legend,
  .hatf-festive-enquiry__section-title {
    display: block;
    width: 100%;
    margin: 0 0 22px;
    padding: 0;
    color: var(--hatf-deep-green);
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: clamp(20px, 2vw, 25px);
    font-weight: 700 !important;
    line-height: 1.25;
    letter-spacing: -0.015em;
  }

  .hatf-festive-enquiry__step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    margin-right: 9px;
    color: var(--hatf-white);
    background: var(--hatf-deep-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    vertical-align: 2px;
  }

  .hatf-festive-enquiry__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  .hatf-festive-enquiry__grid--three {
    grid-template-columns: 1.2fr 0.8fr 0.8fr;
  }

  .hatf-festive-enquiry__field {
    min-width: 0;
  }

  .hatf-festive-enquiry__field--full {
    grid-column: 1 / -1;
  }

  .hatf-festive-enquiry__field label,
  .hatf-festive-enquiry__label {
    display: block;
    margin: 0 0 8px;
    color: var(--hatf-ink);
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
  }

  .hatf-festive-enquiry__required {
    color: var(--hatf-error);
  }

  .hatf-festive-enquiry__field input,
  .hatf-festive-enquiry__field select,
  .hatf-festive-enquiry__field textarea {
    display: block;
    width: 100%;
    min-height: 54px;
    margin: 0;
    padding: 13px 14px;
    border: 1px solid #bcbcb6;
    border-radius: 0;
    color: var(--hatf-ink);
    background: var(--hatf-white);
    box-shadow: none;
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    accent-color: var(--hatf-green);
  }

  #hatf-festive-guests::placeholder {
    color: var(--hatf-muted);
    font-size: 13px;
    opacity: 1;
  }

  .hatf-festive-enquiry__field textarea {
    min-height: 124px;
    resize: vertical;
  }

  .hatf-festive-enquiry__field input:focus,
  .hatf-festive-enquiry__field select:focus,
  .hatf-festive-enquiry__field textarea:focus {
    border-color: var(--hatf-dark-green);
    outline: 3px solid rgba(64, 173, 72, 0.2);
    outline-offset: 0;
  }

  .hatf-festive-enquiry__hint {
    margin: 7px 0 0;
    color: var(--hatf-muted);
    font-size: 13px;
    line-height: 1.5;
  }

  .hatf-festive-enquiry__course-note {
    margin: -2px 0 8px;
    color: var(--hatf-muted);
    font-size: 13px;
    line-height: 1.45;
  }

  .hatf-festive-enquiry__choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .hatf-festive-enquiry__choice {
    position: relative;
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: 8px;
    align-items: center;
    height: auto !important;
    min-height: 42px !important;
    margin: 0;
    padding: 7px 10px !important;
    border: 1px solid #cfcfc9;
    color: var(--hatf-ink);
    background: var(--hatf-white);
    cursor: pointer;
    transition:
      border-color 160ms ease,
      background-color 160ms ease;
  }

  .hatf-festive-enquiry__choice:hover {
    border-color: var(--hatf-green);
    background: #f7fcf7;
  }

  .hatf-festive-enquiry__choice:has(input:checked) {
    border-color: var(--hatf-dark-green);
    background: #edf7ee;
    box-shadow: inset 4px 0 0 var(--hatf-green);
  }

  .hatf-festive-enquiry__choice input {
    display: inline-block !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: var(--hatf-dark-green);
  }

  .hatf-festive-enquiry__choice-text {
    display: inline-block !important;
    flex: 1 1 auto;
    width: auto !important;
    margin: 0 !important;
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
  }

  .hatf-festive-enquiry__conditional {
    margin-top: 24px;
    padding: 24px;
    border-left: 4px solid var(--hatf-gold);
    background: #fffaf1;
  }

  .hatf-festive-enquiry__conditional > :last-child {
    margin-bottom: 0;
  }

  .hatf-festive-enquiry__notice {
    margin: 12px 0 0;
    padding: 16px 18px;
    border: 1px solid #df9d9d;
    color: #691d1d;
    background: #fff4f4;
    font-size: 14px;
    line-height: 1.55;
  }

  .hatf-festive-enquiry__notice a {
    color: #691d1d !important;
    font-weight: 700;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    -webkit-text-fill-color: #691d1d !important;
  }

  .hatf-festive-enquiry__menu-guidance {
    margin: 12px 0 0;
    padding: 13px 15px;
    border-left: 3px solid var(--hatf-orange);
    color: var(--hatf-deep-green);
    background: #fff4e8;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
  }

  .hatf-festive-enquiry__summary {
    position: sticky;
    top: 28px;
    padding: 30px;
    border-top: 4px solid var(--hatf-deep-green);
  }

  .hatf-festive-enquiry__summary-kicker {
    margin: 0 0 7px;
    color: var(--hatf-orange);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .hatf-festive-enquiry__summary h3 {
    margin: 0 0 22px;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif !important;
    font-size: 35px;
    font-weight: 400 !important;
    line-height: 1.05;
  }

  .hatf-festive-enquiry__summary-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hatf-festive-enquiry__summary-list li {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid var(--hatf-border);
    font-size: 13px;
    line-height: 1.45;
  }

  .hatf-festive-enquiry__summary-label {
    color: var(--hatf-muted);
    font-weight: 700;
  }

  .hatf-festive-enquiry__summary-value {
    color: var(--hatf-ink);
    font-weight: 600;
    overflow-wrap: anywhere;
  }

  .hatf-festive-enquiry__summary-note {
    margin: 22px 0 0;
    padding: 16px;
    border-left: 3px solid var(--hatf-orange);
    color: #555;
    background: #fff7ee;
    font-size: 12px;
    line-height: 1.55;
  }

  .hatf-festive-enquiry__actions {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-top: 34px;
  }

  .hatf-festive-enquiry .hatf-festive-enquiry__submit {
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 25px;
    border: 1px solid var(--hatf-dark-green) !important;
    border-radius: 0;
    color: var(--hatf-white) !important;
    background-color: var(--hatf-dark-green) !important;
    background-image: none !important;
    box-shadow: none !important;
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.11em;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--hatf-white) !important;
    appearance: none;
    -webkit-appearance: none;
    transition:
      color 160ms ease,
      background-color 160ms ease,
      transform 160ms ease;
  }

  .hatf-festive-enquiry .hatf-festive-enquiry__submit:hover,
  .hatf-festive-enquiry .hatf-festive-enquiry__submit:focus {
    color: var(--hatf-dark-green) !important;
    background-color: var(--hatf-white) !important;
    background-image: none !important;
    -webkit-text-fill-color: var(--hatf-dark-green) !important;
    transform: translateY(-2px);
  }

  .hatf-festive-enquiry__submit:focus-visible {
    outline: 3px solid var(--hatf-gold);
    outline-offset: 4px;
  }

  .hatf-festive-enquiry__submit:disabled {
    cursor: wait;
    opacity: 0.65;
    transform: none;
  }

  .hatf-festive-enquiry__status {
    margin: 0;
    color: var(--hatf-muted);
    font-size: 13px;
    line-height: 1.5;
  }

  .hatf-festive-enquiry__status.is-error {
    color: var(--hatf-error);
    font-weight: 700;
  }

  .hatf-festive-enquiry__success {
    padding: clamp(36px, 5vw, 62px);
    border: 1px solid var(--hatf-border);
    border-top: 4px solid var(--hatf-green);
    background: var(--hatf-white);
    text-align: center;
  }

  .hatf-festive-enquiry__success h3 {
    margin: 0 0 14px;
    color: var(--hatf-deep-green);
    font-family: "Italiana", Georgia, serif !important;
    font-size: clamp(36px, 5vw, 58px);
    font-weight: 400 !important;
    line-height: 1.05;
  }

  .hatf-festive-enquiry__success p {
    max-width: 680px;
    margin: 0 auto;
    color: #555;
  }

  @media (max-width: 1024px) {
    .hatf-festive-enquiry__header {
      grid-template-columns: 1fr;
      gap: 22px;
    }

    .hatf-festive-enquiry__intro {
      max-width: 720px;
    }

    .hatf-festive-enquiry__layout {
      grid-template-columns: 1fr;
    }

    .hatf-festive-enquiry__summary {
      position: static;
      order: -1;
    }

    .hatf-festive-enquiry__summary-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 28px;
    }
  }

  @media (max-width: 767px) {
    .hatf-festive-enquiry {
      padding: 68px 0;
    }

    .hatf-festive-enquiry__inner {
      width: min(1180px, calc(100% - 32px));
    }

    .hatf-festive-enquiry h2 {
      font-size: clamp(42px, 14vw, 58px);
    }

    .hatf-festive-enquiry__form,
    .hatf-festive-enquiry__summary {
      padding: 24px 20px;
    }

    .hatf-festive-enquiry__grid,
    .hatf-festive-enquiry__grid--three,
    .hatf-festive-enquiry__summary-list {
      grid-template-columns: 1fr;
    }

    .hatf-festive-enquiry__choices {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hatf-festive-enquiry__conditional {
      padding: 20px 16px;
    }

    .hatf-festive-enquiry__actions {
      display: block;
    }

    .hatf-festive-enquiry__submit {
      width: 100%;
    }

    .hatf-festive-enquiry__status {
      margin-top: 14px;
      text-align: center;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hatf-festive-enquiry__choice,
    .hatf-festive-enquiry__submit {
      transition: none;
    }

    .hatf-festive-enquiry__submit:hover {
      transform: none;
    }
  }
</style>

<section
  id="festive-enquiry"
  class="hatf-festive-enquiry"
  data-submit-url="https://izx0j3pww4.execute-api.ap-southeast-2.amazonaws.com/enquiries"
  data-fallback-email="events@southwharfrestaurants.com.au"
  data-functions-url="https://henryandthefox.com.au/functions/"
  aria-labelledby="hatf-festive-enquiry-title"
>
  <div class="hatf-festive-enquiry__inner">
    <header class="hatf-festive-enquiry__header">
      <div>
        <p class="hatf-festive-enquiry__eyebrow">Plan your celebration</p>
        <h2 id="hatf-festive-enquiry-title">Start your festive enquiry</h2>
      </div>

      <div>
        <p class="hatf-festive-enquiry__intro">
          Tell us what you have in mind. Approximate guest numbers are fine
          and our events team can help with the finer details.
        </p>
        <p class="hatf-festive-enquiry__availability">
          Festive bookings are available 30 November–20 December 2026.
        </p>
      </div>
    </header>

    <div
      class="hatf-festive-enquiry__layout"
      data-hatf-active-content
    >
      <form
        class="hatf-festive-enquiry__form"
        data-hatf-form
        novalidate
      >
        <fieldset class="hatf-festive-enquiry__group">
          <legend class="hatf-festive-enquiry__legend">
            <span class="hatf-festive-enquiry__step" aria-hidden="true">1</span>
            When are you planning?
          </legend>

          <div class="hatf-festive-enquiry__grid hatf-festive-enquiry__grid--three">
            <div class="hatf-festive-enquiry__field">
              <label for="hatf-festive-date">
                Date <span class="hatf-festive-enquiry__required">*</span>
              </label>
              <input
                id="hatf-festive-date"
                name="date"
                type="date"
                min="2026-11-30"
                max="2026-12-20"
                required
                aria-describedby="hatf-festive-date-hint hatf-festive-date-notice"
              >
              <p id="hatf-festive-date-hint" class="hatf-festive-enquiry__hint">
                30 November–20 December 2026 only.
              </p>
            </div>

            <div class="hatf-festive-enquiry__field">
              <label for="hatf-festive-time">
                Preferred time
                <span class="hatf-festive-enquiry__required">*</span>
              </label>
              <select
                id="hatf-festive-time"
                name="time"
                required
              >
                <option value="" selected disabled>Select a time</option>
                <option value="12:00">12:00 pm</option>
                <option value="12:30">12:30 pm</option>
                <option value="13:00">1:00 pm</option>
                <option value="13:30">1:30 pm</option>
                <option value="14:00">2:00 pm</option>
                <option value="14:30">2:30 pm</option>
                <option value="15:00">3:00 pm</option>
                <option value="15:30">3:30 pm</option>
                <option value="16:00">4:00 pm</option>
                <option value="16:30">4:30 pm</option>
                <option value="17:00">5:00 pm</option>
                <option value="17:30">5:30 pm</option>
                <option value="18:00">6:00 pm</option>
                <option value="18:30">6:30 pm</option>
                <option value="19:00">7:00 pm</option>
                <option value="19:30">7:30 pm</option>
                <option value="20:00">8:00 pm</option>
                <option value="20:30">8:30 pm</option>
              </select>
            </div>

            <div class="hatf-festive-enquiry__field">
              <label for="hatf-festive-guests">
                Number of people
                <span class="hatf-festive-enquiry__required">*</span>
              </label>
              <input
                id="hatf-festive-guests"
                name="guestCount"
                type="number"
                min="1"
                step="1"
                inputmode="numeric"
                placeholder="Approx. is fine"
                required
              >
            </div>
          </div>

          <div
            id="hatf-festive-date-notice"
            class="hatf-festive-enquiry__notice"
            data-hatf-date-notice
            role="alert"
            hidden
          >
            This festive offer is available from 30 November to
            20 December 2026. For another date, please use our
            <a href="https://henryandthefox.com.au/functions/">
              general functions enquiry
            </a>.
          </div>

          <p class="hatf-festive-enquiry__hint">
            Planning outside the festive period?
            <a href="https://henryandthefox.com.au/functions/">
              View our year-round function options.
            </a>
          </p>
        </fieldset>

        <fieldset class="hatf-festive-enquiry__group">
          <legend class="hatf-festive-enquiry__legend">
            <span class="hatf-festive-enquiry__step" aria-hidden="true">2</span>
            What style were you thinking?
          </legend>

          <div class="hatf-festive-enquiry__choices">
            <label class="hatf-festive-enquiry__choice">
              <input
                type="radio"
                name="eventStyle"
                value="Sit-down"
                required
              >
              <span class="hatf-festive-enquiry__choice-text">Sit-down</span>
            </label>

            <label class="hatf-festive-enquiry__choice">
              <input
                type="radio"
                name="eventStyle"
                value="Stand-up"
              >
              <span class="hatf-festive-enquiry__choice-text">Stand-up</span>
            </label>

            <label class="hatf-festive-enquiry__choice">
              <input
                type="radio"
                name="eventStyle"
                value="Gingerbread Workshop"
              >
              <span class="hatf-festive-enquiry__choice-text">
                Gingerbread Workshop
              </span>
            </label>

            <label class="hatf-festive-enquiry__choice">
              <input
                type="radio"
                name="eventStyle"
                value="Not sure yet"
              >
              <span class="hatf-festive-enquiry__choice-text">
                Not sure yet
              </span>
            </label>
          </div>
        </fieldset>

        <fieldset
          class="hatf-festive-enquiry__group"
          data-hatf-standard-options
          hidden
        >
          <legend class="hatf-festive-enquiry__legend">
            <span class="hatf-festive-enquiry__step" aria-hidden="true">3</span>
            Your menu and space
          </legend>

          <div class="hatf-festive-enquiry__field">
            <span class="hatf-festive-enquiry__label">
              Do you know which menu you would like?
              <span class="hatf-festive-enquiry__required">*</span>
            </span>

            <div class="hatf-festive-enquiry__choices">
              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="menu"
                  value="Festive Shared Menu"
                  data-required-when-visible
                >
                <span class="hatf-festive-enquiry__choice-text">
                  Festive Shared Menu
                </span>
              </label>

              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="menu"
                  value="Festive Choice Menu"
                >
                <span class="hatf-festive-enquiry__choice-text">
                  Festive Choice Menu
                </span>
              </label>

              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="menu"
                  value="Festive Canapé Package"
                >
                <span class="hatf-festive-enquiry__choice-text">
                  Festive Canapé Package
                </span>
              </label>

              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="menu"
                  value="Not sure – please help me choose"
                >
                <span class="hatf-festive-enquiry__choice-text">
                  Not sure – please help me choose
                </span>
              </label>

              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="menu"
                  value="Something else not listed"
                  data-hatf-other-menu-trigger
                >
                <span class="hatf-festive-enquiry__choice-text">
                  Something else not listed
                </span>
              </label>
            </div>
          </div>

          <div
            class="hatf-festive-enquiry__notice"
            data-hatf-shared-menu-notice
            role="alert"
            hidden
          >
            The Festive Shared Menu is available for groups of 19 or more.
            Please increase the guest number or select another menu.
          </div>

          <p
            class="hatf-festive-enquiry__menu-guidance"
            data-hatf-choice-menu-notice
            hidden
          >
            For groups of 19 people or more, the Festive Choice Menu may be
            available as either an alternate drop menu or by arranging a
            pre-order in advance. Our events team will confirm the best option
            for your group.
          </p>

          <div
            class="hatf-festive-enquiry__conditional"
            data-hatf-course-options
            hidden
          >
            <div class="hatf-festive-enquiry__field">
              <span class="hatf-festive-enquiry__label">
                Would you like two or three courses?
                <span class="hatf-festive-enquiry__required">*</span>
              </span>

              <div class="hatf-festive-enquiry__choices">
                <label class="hatf-festive-enquiry__choice">
                  <input
                    type="radio"
                    name="coursePackage"
                    value="Two courses"
                    data-hatf-course-required
                  >
                  <span
                    class="hatf-festive-enquiry__choice-text"
                    data-hatf-two-course-label
                  >
                    Two courses
                  </span>
                </label>

                <label class="hatf-festive-enquiry__choice">
                  <input
                    type="radio"
                    name="coursePackage"
                    value="Three courses"
                  >
                  <span
                    class="hatf-festive-enquiry__choice-text"
                    data-hatf-three-course-label
                  >
                    Three courses
                  </span>
                </label>
              </div>
            </div>

            <div
              class="hatf-festive-enquiry__field"
              data-hatf-course-pairing
              style="margin-top: 20px;"
              hidden
            >
              <span class="hatf-festive-enquiry__label">
                Which two courses would you prefer?
                <span class="hatf-festive-enquiry__required">*</span>
              </span>

              <p class="hatf-festive-enquiry__course-note">
                All guests need to enjoy the same courses.
              </p>

              <div class="hatf-festive-enquiry__choices">
                <label class="hatf-festive-enquiry__choice">
                  <input
                    type="radio"
                    name="coursePairing"
                    value="Entrée & main"
                    data-hatf-pairing-required
                  >
                  <span class="hatf-festive-enquiry__choice-text">
                    Entrée &amp; main
                  </span>
                </label>

                <label class="hatf-festive-enquiry__choice">
                  <input
                    type="radio"
                    name="coursePairing"
                    value="Main & dessert"
                  >
                  <span class="hatf-festive-enquiry__choice-text">
                    Main &amp; dessert
                  </span>
                </label>
              </div>
            </div>
          </div>

          <div
            class="hatf-festive-enquiry__conditional"
            data-hatf-other-menu
            hidden
          >
            <div class="hatf-festive-enquiry__field">
              <label for="hatf-festive-other-menu">
                Please describe what you are looking for
                <span class="hatf-festive-enquiry__required">*</span>
              </label>
              <textarea
                id="hatf-festive-other-menu"
                name="otherMenu"
                placeholder="Tell us about the food, service style or package you have in mind."
              ></textarea>
            </div>
          </div>

          <div
            class="hatf-festive-enquiry__field"
            style="margin-top: 28px;"
          >
            <span class="hatf-festive-enquiry__label">
              Which space were you hoping for?
              <span class="hatf-festive-enquiry__required">*</span>
            </span>

            <div class="hatf-festive-enquiry__choices">
              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="space"
                  value="Little Collins Street Terrace"
                  data-required-when-visible
                >
                <span class="hatf-festive-enquiry__choice-text">
                  Little Collins Street Terrace
                </span>
              </label>

              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="space"
                  value="Restaurant"
                >
                <span class="hatf-festive-enquiry__choice-text">
                  Restaurant
                </span>
              </label>

              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="space"
                  value="Collins Lane Alfresco"
                >
                <span class="hatf-festive-enquiry__choice-text">
                  Collins Lane Alfresco
                </span>
              </label>

              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="space"
                  value="Not sure – can you help me?"
                >
                <span class="hatf-festive-enquiry__choice-text">
                  Not sure – can you help me?
                </span>
              </label>
            </div>
          </div>
        </fieldset>

        <fieldset
          class="hatf-festive-enquiry__group"
          data-hatf-workshop-options
          hidden
        >
          <legend class="hatf-festive-enquiry__legend">
            <span class="hatf-festive-enquiry__step" aria-hidden="true">3</span>
            Workshop add-ons
          </legend>

          <div class="hatf-festive-enquiry__field">
            <span class="hatf-festive-enquiry__label">
              Would you like to add festive canapés for $40pp?
              <span class="hatf-festive-enquiry__required">*</span>
            </span>
            <div class="hatf-festive-enquiry__choices">
              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="workshopCanapes"
                  value="Yes – add festive canapés for $40pp"
                  data-required-when-visible
                >
                <span class="hatf-festive-enquiry__choice-text">Yes please</span>
              </label>

              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="workshopCanapes"
                  value="No festive canapés"
                >
                <span class="hatf-festive-enquiry__choice-text">No thanks</span>
              </label>
            </div>
          </div>

          <div
            class="hatf-festive-enquiry__field"
            style="margin-top: 28px;"
          >
            <span class="hatf-festive-enquiry__label">
              Would you like to add a three-hour beverage package for $40pp?
              <span class="hatf-festive-enquiry__required">*</span>
            </span>
            <div class="hatf-festive-enquiry__choices">
              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="workshopBeverage"
                  value="Yes – add the three-hour beverage package for $40pp"
                  data-required-when-visible
                >
                <span class="hatf-festive-enquiry__choice-text">Yes please</span>
              </label>

              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="workshopBeverage"
                  value="No beverage package"
                >
                <span class="hatf-festive-enquiry__choice-text">No thanks</span>
              </label>
            </div>
          </div>
        </fieldset>

        <fieldset class="hatf-festive-enquiry__group">
          <legend class="hatf-festive-enquiry__legend">
            <span class="hatf-festive-enquiry__step" aria-hidden="true">4</span>
            Dietaries and details
          </legend>

          <div class="hatf-festive-enquiry__field">
            <span class="hatf-festive-enquiry__label">
              Do you have any dietary requirements?
              <span class="hatf-festive-enquiry__required">*</span>
            </span>
            <div class="hatf-festive-enquiry__choices">
              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="hasDietaries"
                  value="Yes"
                  required
                  data-hatf-dietary-trigger
                >
                <span class="hatf-festive-enquiry__choice-text">Yes</span>
              </label>

              <label class="hatf-festive-enquiry__choice">
                <input
                  type="radio"
                  name="hasDietaries"
                  value="No"
                >
                <span class="hatf-festive-enquiry__choice-text">No</span>
              </label>
            </div>
          </div>

          <div
            class="hatf-festive-enquiry__conditional"
            data-hatf-dietary-details
            hidden
          >
            <div class="hatf-festive-enquiry__field">
              <label for="hatf-festive-dietaries">
                Please tell us about the dietary requirements
                <span class="hatf-festive-enquiry__required">*</span>
              </label>
              <textarea
                id="hatf-festive-dietaries"
                name="dietaryRequirements"
                placeholder="List the requirements and approximate number of guests, if known."
              ></textarea>
            </div>
          </div>

          <div
            class="hatf-festive-enquiry__field"
            style="margin-top: 28px;"
          >
            <label for="hatf-festive-questions">
              Anything else you would like to ask?
            </label>
            <textarea
              id="hatf-festive-questions"
              name="questions"
              placeholder="Add any questions, requests or details that may help our team."
            ></textarea>
          </div>
        </fieldset>

        <fieldset class="hatf-festive-enquiry__group">
          <legend class="hatf-festive-enquiry__legend">
            <span class="hatf-festive-enquiry__step" aria-hidden="true">5</span>
            Your details
          </legend>

          <div class="hatf-festive-enquiry__grid">
            <div class="hatf-festive-enquiry__field">
              <label for="hatf-festive-name">
                Name <span class="hatf-festive-enquiry__required">*</span>
              </label>
              <input
                id="hatf-festive-name"
                name="name"
                type="text"
                autocomplete="name"
                required
              >
            </div>

            <div class="hatf-festive-enquiry__field">
              <label for="hatf-festive-company">Company</label>
              <input
                id="hatf-festive-company"
                name="company"
                type="text"
                autocomplete="organization"
              >
            </div>

            <div class="hatf-festive-enquiry__field">
              <label for="hatf-festive-email">
                Email <span class="hatf-festive-enquiry__required">*</span>
              </label>
              <input
                id="hatf-festive-email"
                name="email"
                type="email"
                autocomplete="email"
                required
              >
            </div>

            <div class="hatf-festive-enquiry__field">
              <label for="hatf-festive-phone">
                Phone <span class="hatf-festive-enquiry__required">*</span>
              </label>
              <input
                id="hatf-festive-phone"
                name="phone"
                type="tel"
                autocomplete="tel"
                required
              >
            </div>
          </div>
        </fieldset>

        <div class="hatf-festive-enquiry__honeypot" aria-hidden="true">
          <label for="hatf-festive-website">Leave this field blank</label>
          <input
            id="hatf-festive-website"
            name="website"
            type="text"
            tabindex="-1"
            autocomplete="off"
          >
        </div>

        <div class="hatf-festive-enquiry__actions">
          <button
            class="hatf-festive-enquiry__submit"
            type="submit"
            data-hatf-submit
          >
            Send festive enquiry
          </button>
          <p
            class="hatf-festive-enquiry__status"
            data-hatf-status
            role="status"
            aria-live="polite"
          ></p>
        </div>
      </form>

      <aside
        class="hatf-festive-enquiry__summary"
        aria-live="polite"
        aria-label="Festive enquiry summary"
      >
        <p class="hatf-festive-enquiry__summary-kicker">Your plans so far</p>
        <h3>Enquiry summary</h3>

        <ul class="hatf-festive-enquiry__summary-list">
          <li>
            <span class="hatf-festive-enquiry__summary-label">Date</span>
            <span class="hatf-festive-enquiry__summary-value" data-summary="date">
              Not selected
            </span>
          </li>
          <li>
            <span class="hatf-festive-enquiry__summary-label">Time</span>
            <span class="hatf-festive-enquiry__summary-value" data-summary="time">
              Not selected
            </span>
          </li>
          <li>
            <span class="hatf-festive-enquiry__summary-label">Guests</span>
            <span class="hatf-festive-enquiry__summary-value" data-summary="guests">
              Not added
            </span>
          </li>
          <li>
            <span class="hatf-festive-enquiry__summary-label">Style</span>
            <span class="hatf-festive-enquiry__summary-value" data-summary="style">
              Not selected
            </span>
          </li>
          <li data-summary-row="menu">
            <span class="hatf-festive-enquiry__summary-label">Menu</span>
            <span class="hatf-festive-enquiry__summary-value" data-summary="menu">
              Not selected
            </span>
          </li>
          <li data-summary-row="courses" hidden>
            <span class="hatf-festive-enquiry__summary-label">Courses</span>
            <span
              class="hatf-festive-enquiry__summary-value"
              data-summary="courses"
            >
              Not selected
            </span>
          </li>
          <li data-summary-row="space">
            <span class="hatf-festive-enquiry__summary-label">Space</span>
            <span class="hatf-festive-enquiry__summary-value" data-summary="space">
              Not selected
            </span>
          </li>
          <li data-summary-row="addons" hidden>
            <span class="hatf-festive-enquiry__summary-label">Add-ons</span>
            <span class="hatf-festive-enquiry__summary-value" data-summary="addons">
              Not selected
            </span>
          </li>
          <li>
            <span class="hatf-festive-enquiry__summary-label">Dietaries</span>
            <span class="hatf-festive-enquiry__summary-value" data-summary="dietaries">
              Not selected
            </span>
          </li>
        </ul>

        <p class="hatf-festive-enquiry__summary-note">
          This is an enquiry only. Your date, space and package are not
          confirmed until our events team has checked availability and
          contacted you.
        </p>
      </aside>
    </div>

    <div
      class="hatf-festive-enquiry__success"
      data-hatf-success
      hidden
      tabindex="-1"
    >
      <h3>Thanks, your enquiry has been sent.</h3>
      <p>
        Our events team will review your details and be in touch to discuss
        availability and the next steps.
      </p>
    </div>
  </div>
</section>

<script>
  (function () {
    "use strict";

    var root = document.getElementById("festive-enquiry");
    if (!root || root.dataset.hatfReady === "true") return;
    root.dataset.hatfReady = "true";

    var form = root.querySelector("[data-hatf-form]");
    var activeContent = root.querySelector("[data-hatf-active-content]");
    var successPanel = root.querySelector("[data-hatf-success]");
    var status = root.querySelector("[data-hatf-status]");
    var submitButton = root.querySelector("[data-hatf-submit]");
    var dateInput = form.elements.date;
    var timeInput = form.elements.time;
    var guestsInput = form.elements.guestCount;
    var standardOptions = root.querySelector("[data-hatf-standard-options]");
    var workshopOptions = root.querySelector("[data-hatf-workshop-options]");
    var otherMenuPanel = root.querySelector("[data-hatf-other-menu]");
    var otherMenuInput = form.elements.otherMenu;
    var courseOptions = root.querySelector("[data-hatf-course-options]");
    var coursePairingPanel = root.querySelector("[data-hatf-course-pairing]");
    var courseRequiredInput = root.querySelector(
      "[data-hatf-course-required]"
    );
    var pairingRequiredInput = root.querySelector(
      "[data-hatf-pairing-required]"
    );
    var twoCourseLabel = root.querySelector("[data-hatf-two-course-label]");
    var threeCourseLabel = root.querySelector(
      "[data-hatf-three-course-label]"
    );
    var sharedMenuNotice = root.querySelector(
      "[data-hatf-shared-menu-notice]"
    );
    var choiceMenuNotice = root.querySelector(
      "[data-hatf-choice-menu-notice]"
    );
    var dietaryPanel = root.querySelector("[data-hatf-dietary-details]");
    var dietaryInput = form.elements.dietaryRequirements;
    var dateNotice = root.querySelector("[data-hatf-date-notice]");
    var minimumDate = "2026-11-30";
    var maximumDate = "2026-12-20";
    var formStartedAt = Date.now();
    var submissionId = createSubmissionId();
    var functionsUrl =
      root.getAttribute("data-functions-url") ||
      "https://henryandthefox.com.au/functions/";

    function selectedValue(name) {
      var checked = form.querySelector(
        'input[name="' + name + '"]:checked'
      );
      return checked ? checked.value : "";
    }

    function createSubmissionId() {
      if (window.crypto && typeof window.crypto.randomUUID === "function") {
        return window.crypto.randomUUID();
      }

      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
        /[xy]/g,
        function (character) {
          var random = Math.floor(Math.random() * 16);
          var value = character === "x" ? random : (random & 3) | 8;
          return value.toString(16);
        }
      );
    }

    function setGroupRequired(container, isRequired) {
      if (!container) return;

      container
        .querySelectorAll("[data-required-when-visible]")
        .forEach(function (input) {
          input.required = isRequired;
        });
    }

    function clearRadios(container) {
      if (!container) return;

      container
        .querySelectorAll('input[type="radio"]')
        .forEach(function (input) {
          input.checked = false;
        });
    }

    function formatDate(value) {
      if (!value) return "Not selected";

      var parts = value.split("-");
      if (parts.length !== 3) return value;

      var localDate = new Date(
        Number(parts[0]),
        Number(parts[1]) - 1,
        Number(parts[2])
      );

      return new Intl.DateTimeFormat("en-AU", {
        weekday: "short",
        day: "numeric",
        month: "long",
        year: "numeric"
      }).format(localDate);
    }

    function formatTime(value) {
      if (!value) return "Not selected";

      var parts = value.split(":");
      var hours = Number(parts[0]);
      var minutes = parts[1] || "00";
      var suffix = hours >= 12 ? "pm" : "am";
      var twelveHour = hours % 12 || 12;

      return twelveHour + ":" + minutes + suffix;
    }

    function setSummary(key, value) {
      var target = root.querySelector('[data-summary="' + key + '"]');
      if (target) target.textContent = value;
    }

    function setSummaryRow(key, isVisible) {
      var row = root.querySelector('[data-summary-row="' + key + '"]');
      if (row) row.hidden = !isVisible;
    }

    function isWorkshop() {
      return selectedValue("eventStyle") === "Gingerbread Workshop";
    }

    function guestCount() {
      return Number.parseInt(guestsInput.value, 10) || 0;
    }

    function isCourseMenu(menu) {
      return (
        menu === "Festive Shared Menu" ||
        menu === "Festive Choice Menu"
      );
    }

    function coursePrice(menu, packageName) {
      var prices = {
        "Festive Shared Menu": {
          "Two courses": 52,
          "Three courses": 64
        },
        "Festive Choice Menu": {
          "Two courses": 55,
          "Three courses": 68
        }
      };

      return prices[menu] && prices[menu][packageName]
        ? prices[menu][packageName]
        : 0;
    }

    function clearCourseSelections() {
      clearRadios(courseOptions);
      coursePairingPanel.hidden = true;
      pairingRequiredInput.required = false;
    }

    function updateCoursePairing() {
      var showPairing =
        !courseOptions.hidden &&
        selectedValue("coursePackage") === "Two courses";

      coursePairingPanel.hidden = !showPairing;
      pairingRequiredInput.required = showPairing;

      if (!showPairing) {
        clearRadios(coursePairingPanel);
      }
    }

    function updateMenuRules() {
      var menu = selectedValue("menu");
      var guests = guestCount();
      var sharedSelected = menu === "Festive Shared Menu";
      var choiceSelected = menu === "Festive Choice Menu";
      var sharedInvalid =
        !standardOptions.hidden &&
        sharedSelected &&
        guests > 0 &&
        guests < 19;
      var showCourseOptions =
        !standardOptions.hidden &&
        guests > 0 &&
        isCourseMenu(menu) &&
        !sharedInvalid;

      sharedMenuNotice.hidden = !sharedInvalid;
      choiceMenuNotice.hidden = !(
        !standardOptions.hidden &&
        choiceSelected &&
        guests >= 19
      );

      courseOptions.hidden = !showCourseOptions;
      courseRequiredInput.required = showCourseOptions;

      var sharedInput = form.querySelector(
        'input[name="menu"][value="Festive Shared Menu"]'
      );
      sharedInput.setCustomValidity(
        sharedInvalid
          ? "The Festive Shared Menu is available for groups of 19 or more."
          : ""
      );

      if (showCourseOptions) {
        twoCourseLabel.textContent =
          "Two courses — $" + coursePrice(menu, "Two courses") + "pp";
        threeCourseLabel.textContent =
          "Three courses — $" + coursePrice(menu, "Three courses") + "pp";
      } else {
        clearCourseSelections();
      }

      updateCoursePairing();
      setSummaryRow("courses", showCourseOptions);
      updateSummary();
    }

    function updatePath() {
      var style = selectedValue("eventStyle");
      var workshop = style === "Gingerbread Workshop";
      var hasStyle = Boolean(style);

      standardOptions.hidden = !hasStyle || workshop;
      workshopOptions.hidden = !workshop;

      setGroupRequired(standardOptions, hasStyle && !workshop);
      setGroupRequired(workshopOptions, workshop);

      if (workshop) {
        clearRadios(standardOptions);
        otherMenuInput.value = "";
        otherMenuInput.required = false;
        otherMenuPanel.hidden = true;
      } else {
        clearRadios(workshopOptions);
      }

      setSummaryRow("menu", hasStyle && !workshop);
      setSummaryRow("space", hasStyle && !workshop);
      setSummaryRow("addons", workshop);

      updateOtherMenu();
      updateMenuRules();
      updateSummary();
    }

    function updateOtherMenu() {
      var showOther =
        !standardOptions.hidden &&
        selectedValue("menu") === "Something else not listed";

      otherMenuPanel.hidden = !showOther;
      otherMenuInput.required = showOther;

      if (!showOther) {
        otherMenuInput.value = "";
      }
    }

    function updateDietaries() {
      var showDietaries = selectedValue("hasDietaries") === "Yes";

      dietaryPanel.hidden = !showDietaries;
      dietaryInput.required = showDietaries;

      if (!showDietaries) {
        dietaryInput.value = "";
      }

      updateSummary();
    }

    function dateIsInRange() {
      if (!dateInput.value) return true;
      return (
        dateInput.value >= minimumDate &&
        dateInput.value <= maximumDate
      );
    }

    function validateDate() {
      var inRange = dateIsInRange();

      dateNotice.hidden = inRange;
      dateInput.setCustomValidity(
        inRange
          ? ""
          : "Festive bookings are available only from 30 November to 20 December 2026."
      );

      return inRange;
    }

    function updateSummary() {
      var workshop = isWorkshop();
      var menu = selectedValue("menu");
      var space = selectedValue("space");
      var canapes = selectedValue("workshopCanapes");
      var beverage = selectedValue("workshopBeverage");
      var dietaries = selectedValue("hasDietaries");
      var coursePackage = selectedValue("coursePackage");
      var coursePairing = selectedValue("coursePairing");
      var selectedCoursePrice = coursePrice(menu, coursePackage);

      setSummary("date", formatDate(dateInput.value));
      setSummary("time", formatTime(timeInput.value));
      setSummary(
        "guests",
        guestsInput.value
          ? guestsInput.value + " approximate"
          : "Not added"
      );
      setSummary("style", selectedValue("eventStyle") || "Not selected");
      setSummary("menu", menu || "Not selected");
      setSummary(
        "courses",
        coursePackage
          ? coursePackage +
              (selectedCoursePrice ? " — $" + selectedCoursePrice + "pp" : "") +
              (coursePairing ? "; " + coursePairing : "")
          : "Not selected"
      );
      setSummary("space", space || "Not selected");
      setSummary(
        "addons",
        [canapes, beverage].filter(Boolean).join("; ") || "Not selected"
      );
      setSummary(
        "dietaries",
        dietaries === "Yes"
          ? dietaryInput.value.trim() || "Details to be added"
          : dietaries || "Not selected"
      );

      setSummaryRow("addons", workshop);
    }

    function buildPayload() {
      return {
        schemaVersion: 1,
        formType: "festive-functions-2026",
        formName: "2026 Festive Functions Enquiry",
        submissionId: submissionId,
        formStartedAt: formStartedAt,
        sourcePage: window.location.href,
        pageTitle: document.title,
        source: "Henry and the Fox website 2026 festive enquiry",
        submittedAt: new Date().toISOString(),
        venue: "Henry and the Fox",
        campaign: "2026 Festive Functions",
        date: dateInput.value,
        startTime: timeInput.value,
        startTimeLabel: formatTime(timeInput.value),
        guestCount: Number(guestsInput.value || 0),
        eventStyle: selectedValue("eventStyle"),
        menu: isWorkshop() ? "" : selectedValue("menu"),
        otherMenu: isWorkshop() ? "" : otherMenuInput.value.trim(),
        coursePackage: isWorkshop()
          ? ""
          : selectedValue("coursePackage"),
        coursePricePerPerson: isWorkshop()
          ? 0
          : coursePrice(
              selectedValue("menu"),
              selectedValue("coursePackage")
            ),
        coursePairing: isWorkshop()
          ? ""
          : selectedValue("coursePairing"),
        space: isWorkshop() ? "" : selectedValue("space"),
        workshopAddOns: isWorkshop()
          ? {
              festiveCanapes: selectedValue("workshopCanapes"),
              beveragePackage: selectedValue("workshopBeverage")
            }
          : null,
        hasDietaryRequirements: selectedValue("hasDietaries"),
        dietaryRequirements: dietaryInput.value.trim(),
        questions: form.elements.questions.value.trim(),
        website: form.elements.website.value.trim(),
        contact: {
          name: form.elements.name.value.trim(),
          company: form.elements.company.value.trim(),
          email: form.elements.email.value.trim(),
          phone: form.elements.phone.value.trim()
        }
      };
    }

    function payloadToEmail(payload) {
      var lines = [
        "2026 FESTIVE ENQUIRY",
        "",
        "Date: " + formatDate(payload.date),
        "Preferred time: " + payload.startTimeLabel,
        "Approximate guests: " + payload.guestCount,
        "Style: " + payload.eventStyle
      ];

      if (payload.eventStyle === "Gingerbread Workshop") {
        lines.push(
          "Festive canapés add-on: " +
            payload.workshopAddOns.festiveCanapes,
          "Three-hour beverage package: " +
            payload.workshopAddOns.beveragePackage
        );
      } else {
        lines.push(
          "Menu: " + payload.menu,
          "Courses: " +
            (payload.coursePackage
              ? payload.coursePackage +
                " — $" +
                payload.coursePricePerPerson +
                "pp"
              : "Not applicable"),
          "Two-course selection: " +
            (payload.coursePairing || "Not applicable"),
          "Other menu details: " + (payload.otherMenu || "Not applicable"),
          "Preferred space: " + payload.space
        );
      }

      lines.push(
        "",
        "Dietary requirements: " +
          (payload.hasDietaryRequirements === "Yes"
            ? payload.dietaryRequirements
            : "None advised"),
        "Other questions: " + (payload.questions || "None"),
        "",
        "CONTACT",
        "Name: " + payload.contact.name,
        "Company: " + (payload.contact.company || "Not supplied"),
        "Email: " + payload.contact.email,
        "Phone: " + payload.contact.phone
      );

      return lines.join("\n");
    }

    function focusFirstInvalid() {
      var firstInvalid = form.querySelector(":invalid");
      if (!firstInvalid) return;

      firstInvalid.focus({ preventScroll: true });
      firstInvalid.scrollIntoView({
        behavior: "smooth",
        block: "center"
      });
    }

    form.addEventListener("change", function (event) {
      if (event.target.name === "eventStyle") {
        updatePath();
      }

      if (event.target.name === "menu") {
        clearCourseSelections();
        updateOtherMenu();
        updateMenuRules();
      }

      if (event.target.name === "coursePackage") {
        updateCoursePairing();
      }

      if (event.target.name === "hasDietaries") {
        updateDietaries();
      }

      if (event.target === dateInput) {
        validateDate();
      }

      updateSummary();
    });

    form.addEventListener("input", function (event) {
      if (status.classList.contains("is-error")) {
        status.textContent = "";
        status.classList.remove("is-error");
      }

      if (event.target === guestsInput) {
        updateMenuRules();
      }

      updateSummary();
    });

    form.addEventListener("submit", async function (event) {
      event.preventDefault();
      status.textContent = "";
      status.classList.remove("is-error");

      if (!validateDate() || !form.checkValidity()) {
        form.reportValidity();
        focusFirstInvalid();
        status.textContent = !dateIsInRange()
          ? "Please use our general functions enquiry for dates outside the festive period."
          : "Please complete the required fields above.";
        status.classList.add("is-error");
        return;
      }

      var payload = buildPayload();
      var submitUrl = root.getAttribute("data-submit-url").trim();

      if (!submitUrl) {
        var fallbackEmail =
          root.getAttribute("data-fallback-email") ||
          "events@southwharfrestaurants.com.au";
        var subject = "2026 Festive Enquiry – " + payload.contact.name;
        var mailto =
          "mailto:" +
          encodeURIComponent(fallbackEmail) +
          "?subject=" +
          encodeURIComponent(subject) +
          "&body=" +
          encodeURIComponent(payloadToEmail(payload));

        status.textContent = "Opening your email app with your enquiry details…";
        window.location.href = mailto;
        return;
      }

      submitButton.disabled = true;
      status.textContent = "Sending your enquiry…";

      try {
        var response = await fetch(submitUrl, {
          method: "POST",
          headers: {
            "Content-Type": "application/json"
          },
          body: JSON.stringify(payload)
        });

        var result = {};
        try {
          result = await response.json();
        } catch (ignore) {
          result = {};
        }

        if (!response.ok) {
          throw new Error(
            result.screenMessage ||
              result.message ||
              "The enquiry could not be sent."
          );
        }

        activeContent.hidden = true;
        successPanel.hidden = false;

        var successCopy = successPanel.querySelector("p");
        if (successCopy && result.screenMessage) {
          successCopy.textContent = result.screenMessage;
        }

        successPanel.focus();
        successPanel.scrollIntoView({
          behavior: "smooth",
          block: "center"
        });
      } catch (error) {
        status.textContent =
          error.message ||
          "Sorry, something went wrong. Please try again or contact our events team.";
        status.classList.add("is-error");
      } finally {
        submitButton.disabled = false;
      }
    });

    updatePath();
    updateDietaries();
    updateMenuRules();
    updateSummary();
  })();
</script>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://henryandthefox.com.au/festive-menus-2026/">Festive Menus 2026</a> appeared first on <a href="https://henryandthefox.com.au">Henry And The Fox</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
