{{- $c := site.Data.content -}}
<section class="contact dots" id="contact" aria-labelledby="k-title" data-contact>
    <img class="cover" src="{{ ($c.contact.img_1_image | relURL) }}" alt loading="lazy" decoding="async">
    <div class="card">
      <p class="tab d">{{ $c.contact.p_2 }}</p>
      <h2 class="d" id="k-title">{{ $c.contact.h2_3 }}</h2>
      
      <form id="fg-form" action="https://formgong.com/submit" method="POST" enctype="multipart/form-data" data-sitekey>
        <input type="hidden" name="access_key" value="{{ $c.form.access_key }}">
        <input type="hidden" name="_lang" value="en">
        <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)"><label>{{ $c.contact.text_4 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
        <label class="fld"><span class="sr">{{ $c.contact.span_5 }}</span><input name="name" type="text" required maxlength="80" autocomplete="name" placeholder="your name*"></label>
        <label class="fld"><span class="sr">{{ $c.contact.span_6 }}</span><input name="email" type="email" required maxlength="120" autocomplete="email" placeholder="email*"></label>
        <label class="fld"><span class="sr">{{ $c.contact.span_7 }}</span><textarea name="message" maxlength="3000" placeholder="message"></textarea></label>
        <p class="req">{{ $c.contact.p_8 }}</p>
        
        <div data-turnstile hidden></div>
        <button class="send d" type="submit"><span data-send-label>{{ $c.contact.span_9 }}</span></button>
        <p class="status" data-status role="status"></p>
        <div class="sent" tabindex="-1">
          <p>{{ $c.contact.p_10_html | safeHTML }}</p>
          <button type="button" class="send d" data-again>{{ $c.contact.button_11 }}</button>
        </div>
      </form>
      <p class="credit">{{ $c.contact.p_12_html | safeHTML }}</p>
    </div>
    <nav class="socials d" aria-label="Social"><a href="#">{{ $c.contact.a_13 }}</a><a href="mailto:studio@example.com">{{ $c.contact.a_14 }}</a><a href="#">{{ $c.contact.a_15 }}</a></nav>
  </section>