@font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/instrument-serif-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: swap; src: url('../fonts/jetbrains-mono-latin-wght-normal.woff2') format('woff2'); }
.olp-intro { margin: 0; }
.olp-strip { position: relative; border-block: 1px solid rgb(37 37 37 / 30%); padding-block: 1rem; overflow-x: auto; scrollbar-width: none; background: rgb(5 5 5 / 80%); }
.olp-strip__track { display: flex; width: max-content; }
.olp-strip__list { display: flex; flex-shrink: 0; list-style: none; padding: 0; margin: 0; }
.olp-strip__list[aria-hidden] { display: none; }
.olp-strip__list li { display: inline-flex; align-items: center; gap: 1.5rem; padding-inline: 1.5rem; white-space: nowrap; font: 400 .75rem/1rem var(--wp--preset--font-family--mono); letter-spacing: .18em; text-transform: uppercase; color: rgb(136 136 136 / 70%); }
.olp-strip__list li span { width: 4px; height: 4px; border-radius: 50%; background: rgb(65 102 213 / 60%); }
.olp-strip.is-running { overflow: hidden; }
.olp-strip.is-running .olp-strip__list[aria-hidden] { display: flex; }
.olp-strip.is-running .olp-strip__track { animation: olp-strip-slide 45s linear infinite; }
.olp-strip:is(:hover, :focus-within, .is-paused, .is-offscreen) .olp-strip__track { animation-play-state: paused; }
.olp-strip__toggle { position: absolute; inset: 4px 8px 4px auto; padding: .25rem .75rem; border: 1px solid #252525; border-radius: 2rem; color: #f0ede8; background: #050505; font-size: .75rem; cursor: pointer; opacity: 0; }
.olp-strip:is(:hover, :focus-within) .olp-strip__toggle { opacity: 1; }
@keyframes olp-strip-slide { to { transform: translateX(-50%); } }
.olp-intro__section { padding-block: 7rem; border-top: 1px solid rgb(37 37 37 / 30%); background: var(--wp--preset--color--section, #070707); }
.olp-intro__inner { padding-inline: 1.5rem; max-width: 1600px; margin-inline: auto; }
.olp-intro__statement { max-width: 22ch; margin: 0 0 5rem; font-size: clamp(1.9rem, 4vw, 4.2rem); font-weight: 700; line-height: 1.12; letter-spacing: -.025em; }
.olp-intro__line { display: block; }
.olp-intro__statement u, .olp-intro__accent { text-decoration: underline; text-decoration-color: #252525; text-underline-offset: 4px; }
.olp-intro__accent { color: var(--wp--preset--color--accent); text-decoration-color: currentColor; }
.olp-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin: 0; border-top: 1px solid rgb(37 37 37 / 30%); padding-top: 4rem; }
.olp-metrics__item { display: flex; flex-direction: column; }
.olp-metrics dd { order: -1; margin: 0 0 .75rem; font-family: var(--wp--preset--font-family--serif); font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 700; letter-spacing: -.025em; line-height: 1; font-variant-numeric: tabular-nums; color: var(--wp--preset--color--accent); }
.olp-metrics dt { max-width: 20ch; font-size: .875rem; line-height: 1.375; color: var(--wp--preset--color--muted); }
.olp-metrics__accessible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (min-width: 48rem) { .olp-intro__section { padding-block: 9rem; } .olp-intro__inner { padding-inline: 3rem; } .olp-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3rem; } }
@media (min-width: 64rem) { .olp-intro__inner { padding-inline: 4rem; } }
@media (prefers-reduced-motion: reduce) { .olp-strip.is-running { overflow-x: auto; } .olp-strip.is-running .olp-strip__track { animation: none; } .olp-strip.is-running .olp-strip__list[aria-hidden], .olp-strip__toggle { display: none; } }