Jacket Basic Simetra
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#071529" />
<title>Coming Soon | CMP Competition Corner</title>
<meta
name="description"
content="Something new is coming soon to CMP Competition Corner."
/>
<style>
:root { --navy:#071529; --blue:#1769ff; --yellow:#f7c928; --white:#fff; --muted:#aebdcb; }
* { box-sizing:border-box; }
html,body { min-height:100%; }
body { margin:0; background:var(--navy); color:var(--white); font-family:Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.page { min-height:100svh; display:flex; flex-direction:column; }
.topline { min-height:34px; display:grid; place-items:center; padding:7px 24px; background:var(--blue); font-size:11px; font-weight:700; letter-spacing:.12em; text-align:center; text-transform:uppercase; }
.header { min-height:92px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:32px; padding:0 clamp(24px,5vw,80px); border-bottom:1px solid rgba(255,255,255,.12); }
.brand { display:flex; align-items:center; gap:13px; width:max-content; }
.brand-mark { display:block; width:116px; height:auto; }
.brand-rule { width:2px; height:27px; background:var(--yellow); }
.brand-label { font-size:9px; font-weight:700; letter-spacing:.13em; line-height:1.35; text-transform:uppercase; white-space:nowrap; }
.header-cta { border-bottom:2px solid var(--yellow); padding:9px 0; font-size:12px; font-weight:700; text-transform:uppercase; }
.hero { position:relative; flex:1; display:grid; grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(55px,9vw,150px); overflow:hidden; padding:clamp(70px,10vh,130px) clamp(24px,7vw,104px); }
.hero::before { content:"COMING SOON"; position:absolute; right:-20px; bottom:-42px; color:rgba(255,255,255,.025); font-family:"Arial Narrow",Impact,sans-serif; font-size:clamp(120px,18vw,290px); font-weight:700; letter-spacing:-.04em; line-height:.8; white-space:nowrap; pointer-events:none; }
.signal { position:relative; width:min(38vw,510px); aspect-ratio:1; border:1px solid rgba(23,105,255,.4); border-radius:50%; box-shadow:0 0 0 45px rgba(23,105,255,.055),0 0 0 90px rgba(23,105,255,.025); }
.signal-ring { position:absolute; inset:50% auto auto 50%; border:1px solid rgba(255,255,255,.18); border-radius:50%; transform:translate(-50%,-50%); }
.signal-ring-outer { width:78%; aspect-ratio:1; }
.signal-ring-middle { width:48%; aspect-ratio:1; border-color:rgba(23,105,255,.7); }
.signal-ring-inner { width:18%; aspect-ratio:1; background:rgba(23,105,255,.12); border-color:var(--yellow); }
.signal-crosshair { position:absolute; inset:50% auto auto 50%; background:rgba(247,201,40,.7); transform:translate(-50%,-50%); }
.signal-crosshair-horizontal { width:108%; height:1px; }
.signal-crosshair-vertical { width:1px; height:108%; }
.signal-center { position:absolute; inset:50% auto auto 50%; width:10px; aspect-ratio:1; background:var(--yellow); border:3px solid var(--navy); border-radius:50%; box-shadow:0 0 0 1px var(--yellow); transform:translate(-50%,-50%); }
.signal-label { position:absolute; left:50%; bottom:14%; padding:7px 11px; background:var(--yellow); color:var(--navy); font-size:9px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; transform:translateX(-50%); }
.content { position:relative; z-index:1; max-width:720px; }
.kicker { margin:0; color:var(--yellow); font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
h1 { margin:18px 0 28px; font-family:"Arial Narrow",Impact,sans-serif; font-size:clamp(62px,7vw,108px); font-weight:700; letter-spacing:-.04em; line-height:.84; text-transform:uppercase; }
.description { max-width:580px; margin:0; color:var(--muted); font-size:15px; line-height:1.8; }
.primary-cta { width:min(100%,300px); min-height:60px; display:flex; align-items:center; justify-content:space-between; margin-top:38px; padding:0 22px; background:var(--blue); font-family:"Arial Narrow",Impact,sans-serif; font-size:18px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; transition:background .18s,transform .18s; }
.primary-cta:hover,.primary-cta:focus-visible { background:#0755df; transform:translateY(-2px); }
.primary-cta span:last-child { color:var(--yellow); font-size:23px; }
footer { min-height:82px; display:flex; align-items:center; justify-content:flex-end; padding:18px clamp(24px,5vw,80px); background:#031426; border-top:1px solid rgba(255,255,255,.12); }
.cooperation { display:flex; align-items:center; justify-content:flex-end; gap:20px; }
.cooperation span { color:#91a0b1; font-size:9px; font-weight:700; letter-spacing:.14em; white-space:nowrap; }
.cooperation img { display:block; width:clamp(230px,28vw,390px); height:auto; }
a:focus-visible { outline:3px solid var(--yellow); outline-offset:4px; }
@media (max-width:900px) { .hero { grid-template-columns:1fr; gap:80px; } .signal { width:min(70vw,440px); margin-inline:auto; } .content { max-width:650px; } }
@media (max-width:650px) { .topline { font-size:9px; } .header { min-height:78px; padding:0 20px; } .brand-mark { width:96px; } .brand-label { display:none; } .brand-rule { height:23px; } .header-cta { font-size:10px; } .hero { align-content:center; gap:70px; padding:76px 20px; } .signal { width:min(72vw,330px); box-shadow:0 0 0 28px rgba(23,105,255,.055),0 0 0 56px rgba(23,105,255,.025); } h1 { font-size:61px; } footer { padding:22px 20px; } .cooperation { gap:12px; } .cooperation span { font-size:8px; } .cooperation img { width:min(56vw,260px); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; } }
</style>
</head>
<body>
<main class="page">
<div class="topline">
Competition equipment for athletes who measure progress in millimeters.
</div>
<header class="header">
<a class="brand" href="https://thecmp.org/" aria-label="CMP home">
<img class="brand-mark" src="https://cdn11.bigcommerce.com/s-pq9rcz7qos/images/stencil/original/image-manager/cmp-logo-white.png" alt="CMP" />
<span class="brand-rule" aria-hidden="true"></span>
<span class="brand-label">Competition Corner</span>
</a>
<a class="header-cta" href="https://thecmp.org/contacts/">Contact Us</a>
</header>
<section class="hero" aria-labelledby="coming-soon-title">
<div class="signal" aria-hidden="true">
<span class="signal-ring signal-ring-outer"></span>
<span class="signal-ring signal-ring-middle"></span>
<span class="signal-ring signal-ring-inner"></span>
<span class="signal-crosshair signal-crosshair-horizontal"></span>
<span class="signal-crosshair signal-crosshair-vertical"></span>
<span class="signal-center"></span>
<span class="signal-label">Stand by</span>
</div>
<div class="content">
<p class="kicker">In development</p>
<h1 id="coming-soon-title">Something new
is on target.</h1>
<p class="description">
We’re preparing the next addition to CMP Competition Corner. Check back
soon, or contact CMP for equipment guidance in the meantime.
</p>
<a class="primary-cta" href="https://thecmp.org/contacts/">
<span>Contact Us</span>
<span aria-hidden="true">↗</span>
</a>
</div>
</section>
<footer>
<div class="cooperation">
<span>IN COOPERATION WITH</span>
<img src="https://cdn11.bigcommerce.com/s-pq9rcz7qos/images/stencil/original/image-manager/ssd-horiz-2x.png" alt="Sport Shooting Depot" />
</div>
</footer>
</main>
</body>
</html>