{#
Variables:
- heading: required — main heading text
- subheading: optional — paragraph text below the heading
#}

<section
    class="relative z-10 bg-cream text-center -mt-[var(--nav-height)] pt-[calc(var(--nav-height)+var(--spacing-2xl))] pb-[140px] [clip-path:polygon(0_0,100%_0,100%_calc(100%_-_60px),0_100%)]">
    <div class="container items-center">
        <h1 class="h1 text-navy max-w-[1000px] mx-auto">{{ heading }}</h1>
    </div>
</section>