CTA 01

<!-- Paste markup into an Embed, or recreate as native elements.
     Styles below map 1:1 to the class names above. -->
<section class="cta_component">
  <div class="cta_glow"></div>
  <div class="cta_inner">
    <p class="cta_eyebrow">48°N — Now booking Q3</p>
    <h2 class="cta_title">Let's build something worth talking about.</h2>
    <p class="cta_lede">We partner with a handful of ambitious brands each quarter. Tell us where you want to be — we'll map the route.</p>
    <a class="cta_button" href="#contact">Start a project</a>
    <p class="cta_meta">© Studio Meridian — Est. MMXIV</p>
  </div>
</section>

<style>
.cta_component {
  position:relative;
  display:flex;
  justify-content:center;
  overflow:hidden;
  background:#3a2c22;
  padding:112px 24px;
  font-family:'Helvetica Neue',Arial,sans-serif;
  text-align:center;
}

.cta_glow {
  position:absolute;
  top:-96px;
  left:50%;
  transform:translateX(-50%);
  width:420px;
  height:420px;
  border-radius:9999px;
  background:#c0392b;
  opacity:0.20;
  filter:blur(120px);
  pointer-events:none;
}

.cta_inner {
  position:relative;
  z-index:10;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:28px;
  max-width:760px;
  margin:0 auto;
}

.cta_eyebrow {
  margin:0;
  font-family:'SF Mono',ui-monospace,Menlo,monospace;
  font-size:12px;
  letter-spacing:0.28em;
  text-transform:uppercase;
  color:#c0392b;
}

.cta_title {
  margin:0;
  font-family:'Helvetica Neue',Arial,sans-serif;
  font-size:clamp(42px,7vw,88px);
  font-weight:800;
  line-height:0.95;
  letter-spacing:-0.03em;
  color:#f5f4f0;
}

.cta_lede {
  margin:0;
  max-width:480px;
  font-size:17px;
  line-height:1.6;
  color:rgba(245,244,240,0.68);
}

.cta_button {
  display:inline-flex;
  align-items:center;
  margin-top:8px;
  padding:16px 40px;
  border-radius:9999px;
  background:#c0392b;
  color:#f5f4f0;
  font-family:'SF Mono',ui-monospace,Menlo,monospace;
  font-size:13px;
  font-weight:600;
  letter-spacing:0.14em;
  text-transform:uppercase;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease;
}

.cta_meta {
  margin:0;
  font-family:'SF Mono',ui-monospace,Menlo,monospace;
  font-size:11px;
  letter-spacing:0.24em;
  text-transform:uppercase;
  color:rgba(245,244,240,0.4);
}
</style>