<!-- Geometry image (static, centred) -->
<div class="curve-geo-static">
<img
src="https://cdn.shopify.com/s/files/1/0089/4972/7298/files/GXR4_WebGeo.jpg?v=1768438171"
alt="Curve Geometry Diagram"
loading="lazy"
/>

<div class="curve-geo-notes">
<p>Dimensions based on: 700c x 50mm tyres.</p>
<p>Standover height: Measured 60mm in front of BB.</p>
</div>
</div>

<style>
.curve-geo-static {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin: 16px 0 24px;
}

.curve-geo-static img {
max-width: 980px;
width: 100%;
height: auto;
}

.curve-geo-notes {
max-width: 980px;
width: 100%;
margin-top: 8px;
font-size: 12.5px;
line-height: 1.4;
color: #666;
}

.curve-geo-notes p {
margin: 2px 0;
}
</style>


<script>
(function () {
const wrap = document.querySelector('.curve-geo');
if (!wrap) return;

const thumb = wrap.querySelector('.curve-geo__thumb');
const dialog = wrap.querySelector('.curve-geo__lightbox');
const closeBtn = wrap.querySelector('.curve-geo__close');

if (!thumb || !dialog || !closeBtn) return;

thumb.addEventListener('click', () => dialog.showModal());
closeBtn.addEventListener('click', () => dialog.close());

dialog.addEventListener('click', (e) => {
// Close when clicking backdrop (but not when clicking the image)
if (e.target === dialog) dialog.close();
});

document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && dialog.open) dialog.close();
});
})();
</script>
<div class="bike-geometry-table">
<div class="bike-geometry-table__scroller">
<table>
<thead>
<tr>
<th class="sticky-col">SIZE</th>
<th>XXS</th>
<th>XS</th>
<th>SM</th>
<th>MD</th>
<th>LG</th>
<th>XL</th>
<th>XXL</th>
</tr>
</thead>

<tbody>
<tr>
<th class="sticky-col">Rider Height (cm)</th>
<td>148–157</td>
<td>154–163</td>
<td>160–170</td>
<td>166–178</td>
<td>175–187</td>
<td>184–194</td>
<td>190–200</td>
</tr>

<tr>
<th class="sticky-col">Saddle Height (mm)</th>
<td>610–670</td>
<td>650–705</td>
<td>690–735</td>
<td>720–765</td>
<td>745–795</td>
<td>775–825</td>
<td>805–865</td>
</tr>

<tr>
<th class="sticky-col">Effective Top Tube (A)</th>
<td>528</td><td>539</td><td>552</td><td>562</td><td>572</td><td>587</td><td>602</td>
</tr>

<tr>
<th class="sticky-col">Seat Tube Length (B)</th>
<td>450</td><td>480</td><td>510</td><td>540</td><td>555</td><td>570</td><td>585</td>
</tr>

<tr>
<th class="sticky-col">Seat Tube Angle (C)</th>
<td>73°</td><td>73°</td><td>73°</td><td>73°</td><td>73°</td><td>73°</td><td>73°</td>
</tr>

<tr>
<th class="sticky-col">Head Tube Angle (D)</th>
<td>70.6°</td><td>70.6°</td><td>71.1°</td><td>71.1°</td><td>71.6°</td><td>71.6°</td><td>71.6°</td>
</tr>

<tr>
<th class="sticky-col">Chainstay (E)</th>
<td>436</td><td>436</td><td>436</td><td>439</td><td>439</td><td>442</td><td>442</td>
</tr>

<tr>
<th class="sticky-col">BB Drop (F)</th>
<td>72</td><td>70</td><td>70</td><td>70</td><td>68</td><td>68</td><td>68</td>
</tr>

<tr>
<th class="sticky-col">BB Height</th>
<td>290</td><td>292</td><td>292</td><td>292</td><td>294</td><td>294</td><td>294</td>
</tr>

<tr>
<th class="sticky-col">Wheelbase (52mm offset)</th>
<td>1013</td><td>1026</td><td>1034</td><td>1048</td><td>1054</td><td>1073</td><td>1089</td>
</tr>

<tr>
<th class="sticky-col">Wheelbase (46mm offset)</th>
<td>1007</td><td>1020</td><td>1029</td><td>1042</td><td>1049</td><td>1067</td><td>1083</td>
</tr>

<tr>
<th class="sticky-col">Head Tube Length (H)</th>
<td>105</td><td>120</td><td>135</td><td>150</td><td>170</td><td>190</td><td>220</td>
</tr>

<tr>
<th class="sticky-col">Reach (I)</th>
<td>360</td><td>368</td><td>376</td><td>382</td><td>386</td><td>395</td><td>402</td>
</tr>

<tr>
<th class="sticky-col">Stack (J)</th>
<td>547</td><td>559</td><td>575</td><td>589</td><td>608</td><td>627</td><td>656</td>
</tr>

<tr>
<th class="sticky-col">Front Centre (K) (52mm offset)</th>
<td>587</td><td>599</td><td>608</td><td>618</td><td>624</td><td>640</td><td>656</td>
</tr>

<tr>
<th class="sticky-col">Front Centre (K) (46mm offset)</th>
<td>581</td><td>594</td><td>602</td><td>612</td><td>618</td><td>634</td><td>650</td>
</tr>

<tr>
<th class="sticky-col">Standover (L)</th>
<td>739</td><td>764</td><td>788</td><td>812</td><td>830</td><td>846</td><td>866</td>
</tr>

<tr>
<th class="sticky-col">Fork Length (AC)</th>
<td colspan="7">415</td>
</tr>

<tr>
<th class="sticky-col">Fork Offset (R)</th>
<td colspan="7">46 / 52</td>
</tr>

<tr>
<th class="sticky-col">Trail (T) (52mm offset)</th>
<td>72</td><td>72</td><td>69</td><td>69</td><td>66</td><td>66</td><td>66</td>
</tr>

<tr>
<th class="sticky-col">Trail (T) (46mm offset)</th>
<td>79</td><td>79</td><td>76</td><td>76</td><td>73</td><td>73</td><td>73</td>
</tr>
</tbody>
</table>
</div>
</div>