/* eslint-disable */
function ClosingCTA({ t, p }) {
  return (
    <section id="contact" data-screen-label="06 Contact" style={{
      background: p.bg, color: p.fg,
      padding: "140px 32px 120px",
      borderBottom: `1px solid ${p.hairline}`,
    }}>
      <div style={{ maxWidth: 1400, margin: "0 auto" }}>
        <div style={{ ...window.eyebrowStyle(p), marginBottom: 36 }}>— {t.closing.eyebrow}</div>
        <h2 style={{
          fontFamily: "var(--font-display)", fontWeight: 700,
          fontSize: "clamp(64px, 12vw, 200px)", lineHeight: 0.92,
          letterSpacing: "-1px", textTransform: "uppercase",
          margin: "0 0 56px",
        }}>{t.closing.title}</h2>

        <div style={{
          display: "grid", gridTemplateColumns: "1.1fr 1fr", gap: 48,
          alignItems: "end", paddingTop: 24,
          borderTop: `1px solid ${p.hairline}`,
        }}>
          <p style={{
            fontFamily: "var(--font-ui)", fontSize: 18, lineHeight: 1.55,
            letterSpacing: "0.32px", maxWidth: 620, color: p.fgMute, margin: 0,
            paddingTop: 24,
          }}>{t.closing.body}</p>

          <div style={{ display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 16, paddingTop: 24 }}>
            <a href="mailto:contact@forwardmax.kr" style={{
              display: "inline-flex", alignItems: "center", gap: 8,
              background: "transparent", color: p.fg,
              border: `1px solid ${p.btnBorder}`, borderRadius: 999,
              padding: "20px 30px",
              fontFamily: "var(--font-ui)", fontWeight: 700, fontSize: 13,
              letterSpacing: "1.17px", textTransform: "uppercase", textDecoration: "none",
            }}>
              contact@forwardmax.kr
              <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" style={{ marginLeft: 6 }}>
                <path d="M1 7 H12 M8 3 L12 7 L8 11" stroke="currentColor" strokeWidth="1.5" fill="none" />
              </svg>
            </a>
            <span style={{
              fontFamily: "var(--font-ui)", fontSize: 11, letterSpacing: "1.17px",
              textTransform: "uppercase", color: p.fgFaint,
            }}>Seoul · Republic of Korea</span>
          </div>
        </div>
      </div>
    </section>
  );
}

window.ClosingCTA = ClosingCTA;