Northwind — Agency Coming Soon

<main class="aw-wrap"><div class="aw-inner">
  <header class="aw-top"><a class="aw-brand" href="#">NORTHWIND</a><span class="aw-pill">Studio launching 2026</span></header>
  <section class="aw-hero">
    <h1>We build brands<br>that refuse to<br><em>be ignored.</em></h1>
    <p class="aw-lead">Northwind is a new independent studio crafting brand, web and product design for companies with something to prove. We're taking on a handful of launch partners — tell us about your project.</p>
    <div class="aw-cta-row"><a class="aw-cta" href="mailto:hello@northwind.studio">Start a project →</a><a class="aw-cta2" href="#">See our approach</a></div>
    <div class="aw-services"><span>Brand</span><span>Web Design</span><span>Product</span><span>Motion</span><span>Strategy</span></div>
  </section>
  <footer class="aw-foot"><span class="aw-clients">For startups · scale-ups · founders</span><span class="x-by">Powered by <a href="https://convertatlas.org" rel="noopener">convertatlas.org</a></span></footer>
</div></main>

*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.aw-wrap{min-height:100vh;background:#0f1115;color:#f4f4f5;font-family:'Inter',system-ui,sans-serif;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.aw-inner{width:100%;max-width:880px;display:flex;flex-direction:column;gap:44px}
.aw-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.aw-brand{font-family:'Sora',sans-serif;font-weight:800;letter-spacing:.18em;font-size:1.02rem;color:#fff;text-decoration:none}
.aw-pill{padding:7px 14px;border-radius:6px;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#a1a1aa;background:#1b1d23;border:1px solid #2a2d36}
.aw-hero h1{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2.4rem,8vw,5rem);line-height:.98;letter-spacing:-.03em;margin:0 0 24px}
.aw-hero h1 em{font-style:normal;color:#71717a}
.aw-lead{color:#a1a1aa;font-size:1.1rem;line-height:1.65;max-width:54ch;margin:0 0 32px}
.aw-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
.aw-cta{padding:14px 26px;border-radius:10px;background:#fff;color:#0f1115;font-weight:700;text-decoration:none;transition:transform .2s}
.aw-cta:hover{transform:translateY(-2px)}.aw-cta:focus-visible{outline:3px solid #a1a1aa;outline-offset:2px}
.aw-cta2{padding:14px 26px;border-radius:10px;border:1px solid #3f3f46;color:#f4f4f5;font-weight:700;text-decoration:none;transition:.2s}
.aw-cta2:hover{border-color:#fff}.aw-cta2:focus-visible{outline:3px solid #a1a1aa;outline-offset:2px}
.aw-services{display:flex;gap:10px;flex-wrap:wrap}
.aw-services span{padding:8px 16px;border-radius:999px;font-size:.84rem;font-weight:600;color:#d4d4d8;background:#1b1d23;border:1px solid #2a2d36}
.aw-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #1f2127;padding-top:26px}
.aw-clients{font-size:.86rem;color:#71717a}
.x-by{font-size:.83rem;color:#71717a}.x-by a{color:#fff;text-decoration:none;font-weight:600}.x-by a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.aw-cta{transition:none}}