._split_o8fjk_1 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(1.5rem, 4vw, 4.5rem); align-items: center; }
._gap_o8fjk_2 { margin-block-start: clamp(1.75rem, 3vw, 2.75rem); }
._twin_o8fjk_3 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 3.5vw, 3.5rem); margin-block-start: clamp(1.75rem, 3vw, 2.75rem); }
._twin_o8fjk_3 ._rules_o8fjk_4, ._twin_o8fjk_3 ._ordered_o8fjk_4 { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
._twin_o8fjk_3 ._rules_o8fjk_4 li { padding-block-start: .7rem; }
._twin_o8fjk_3 ._ordered_o8fjk_4 li { grid-template-columns: auto minmax(0, 1fr); gap: .15rem .9rem; padding: .85rem 1.1rem; }
._twin_o8fjk_3 ._ordered_o8fjk_4 li p { grid-column: 2; }
._twin_o8fjk_3 ._index_o8fjk_8 { grid-row: span 2; }
._stack_o8fjk_9 { display: grid; justify-items: start; gap: .9rem; align-content: start; }
._tall_o8fjk_10 { aspect-ratio: 4 / 3; }
._tiny_o8fjk_11 { font-size: .66rem; letter-spacing: .2em; text-transform: uppercase; color: var(--fg-3); }

._statements_o8fjk_13 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-block-start: clamp(1.25rem, 2.5vw, 2.25rem); }
._statements_o8fjk_13 > div { display: grid; justify-items: start; align-content: start; gap: .5rem; padding: clamp(1rem, 2vw, 1.75rem); background: var(--card); }
._statement_o8fjk_13 { font-size: clamp(1.05rem, 1rem + .4vw, 1.3rem); font-weight: 400; line-height: 1.85; }

._plate_o8fjk_17 { display: grid; gap: .55rem; align-content: start; height: 100%; padding: 1.5rem 1.35rem; background: var(--card); }
._plate_o8fjk_17 > svg { width: 1.8rem; height: 1.8rem; color: var(--accent); }

._rules_o8fjk_4 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 3rem); }
._rules_o8fjk_4 li { display: grid; gap: .45rem; align-content: start; padding-block-start: 1.1rem; border-block-start: 1px solid var(--line-2); }
._rules_o8fjk_4 .latin { justify-self: stretch; text-align: right; font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); }
._rules_o8fjk_4 p { color: var(--fg-2); }
._rules4_o8fjk_24 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1.25rem, 2.5vw, 2.5rem); }
._rules4_o8fjk_24 li { display: grid; gap: .4rem; align-content: start; padding-block-start: 1.1rem; border-block-start: 2px solid var(--teal-dark); }

._ordered_o8fjk_4 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
._ordered_o8fjk_4 li { display: grid; gap: .5rem; align-content: start; padding: clamp(1.25rem, 2.4vw, 2.25rem); border-radius: var(--r-lg); background: var(--card); transition: box-shadow .7s; }
._index_o8fjk_8 { font-size: clamp(1.75rem, 1.5rem + 1vw, 2.5rem); font-weight: 300; line-height: 1.2; color: var(--accent); }
._bigIcon_o8fjk_30 { width: 2rem; height: 2rem; color: var(--accent); }

._strip_o8fjk_32 { position: relative; display: grid; grid-template-columns: 5fr 4fr 5fr; gap: .6rem; margin-block-end: clamp(1.75rem, 3vw, 2.75rem); }
._strip_o8fjk_32 > span { display: block; aspect-ratio: 16 / 7; }

._area_o8fjk_35 { display: grid; gap: .5rem; justify-items: start; height: 100%; padding: 1.5rem 1.35rem; background: var(--card); box-shadow: var(--shadow-soft); transition: box-shadow .6s; }

/* Supply chain: every stage in view at once */
._steps_o8fjk_38 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: clamp(1rem, 2vw, 1.75rem); }
._steps_o8fjk_38 > li { display: grid; gap: .45rem; align-content: start; justify-items: start; }
._lineImg_o8fjk_40 { position: relative; width: 100%; aspect-ratio: 16 / 9; }
._dot_o8fjk_41 { position: absolute; inset-block-start: .65rem; inset-inline-start: .65rem; z-index: 1; display: grid; place-items: center; width: 2.4rem; height: 2.4rem; background: var(--bitumen); color: var(--gold); font-size: .82rem; border-radius: 50%; transition: background-color .6s, color .6s, transform .8s var(--ease-soft); }
._after_o8fjk_42 { margin-block-start: 1.25rem; }

._tests_o8fjk_44 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: .75rem; }
._tests_o8fjk_44 li { display: grid; gap: .35rem; align-content: start; padding: clamp(1.15rem, 2vw, 1.75rem); border-radius: var(--r-lg); background: color-mix(in srgb, var(--card) 55%, var(--bg)); }
._tests_o8fjk_44 .latin { justify-self: stretch; text-align: right; font-size: .72rem; letter-spacing: .1em; color: var(--gold); }
._tests_o8fjk_44 dl { display: grid; gap: .3rem; margin-block-start: .25rem; font-size: .9rem; line-height: 1.8; color: var(--fg-2); }
._tests_o8fjk_44 dl > div { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: .5rem; }
._tests_o8fjk_44 dt { color: var(--fg-3); }

._links_o8fjk_51 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 0 clamp(1.25rem, 3vw, 3rem); }
._links_o8fjk_51 a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.25rem; border-block-end: 1px solid var(--line-2); transition: color .35s, padding .8s var(--ease); }
._links_o8fjk_51 a:hover, ._links_o8fjk_51 a:focus-visible { color: var(--gold); padding-inline-start: .5rem; }
._links_o8fjk_51 svg { flex: none; width: 1.1rem; height: 1.1rem; color: var(--gold); }

._projects_o8fjk_56 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 4rem); }
._projects_o8fjk_56 > li { display: grid; gap: .5rem; align-content: start; }

._nf_o8fjk_59 { position: relative; isolation: isolate; overflow: clip; display: grid; place-items: center; min-height: 100svh; padding-block: calc(var(--header-h) + 2rem) 3rem; text-align: center; }
._nfIn_o8fjk_60 { display: grid; justify-items: center; gap: .9rem; }
._nfMark_o8fjk_61 { width: clamp(90px, 10vw, 128px); }
._nfCta_o8fjk_62 { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; margin-block-start: .5rem; }

@media (max-width: 960px) {
  ._split_o8fjk_1, ._statements_o8fjk_13, ._rules_o8fjk_4, ._ordered_o8fjk_4, ._tests_o8fjk_44, ._projects_o8fjk_56, ._twin_o8fjk_3 { grid-template-columns: minmax(0, 1fr); }
  ._rules4_o8fjk_24 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  ._tall_o8fjk_10 { aspect-ratio: 16 / 10; }
}
@media (max-width: 680px) {
  ._strip_o8fjk_32 { grid-template-columns: minmax(0, 1fr); }
  ._rules4_o8fjk_24 { grid-template-columns: minmax(0, 1fr); }
  ._tests_o8fjk_44 dl > div { grid-template-columns: minmax(0, 1fr); gap: 0; }
}