.ond{--ond-edge:clamp(1.25rem, 5vw, 5rem);z-index:1;width:100%;max-width:72rem;padding:clamp(3rem,9vh,6rem) var(--ond-edge) clamp(5rem,12vh,8rem);flex-direction:column;gap:1.4rem;margin:0 auto;display:flex;position:relative}.ond--cross{max-width:64rem}.ond__kicker{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:.55rem;font-size:.72rem;display:inline-flex}.ond__kicker i{background:var(--color-primary);width:6px;height:6px;box-shadow:0 0 8px color-mix(in oklab, var(--color-primary) 80%, transparent);border-radius:50%}.ond__grid{border-top:1px solid color-mix(in oklab, var(--color-fg) 14%, transparent);grid-template-columns:1fr;gap:.85rem;padding-top:1.4rem;display:grid}@media (min-width:768px){.ond__grid{grid-template-columns:repeat(2,1fr)}.ond__card--lead{grid-column:1/-1}}.ond__card{border:1px solid color-mix(in oklab, var(--color-fg) 14%, transparent);border-radius:.9rem;flex-direction:column;gap:.5rem;padding:clamp(1.1rem,2.6vw,1.7rem);text-decoration:none;transition:border-color .35s,background .35s;display:flex;position:relative}.ond__card:hover{border-color:color-mix(in oklab, var(--color-primary) 55%, transparent);background:color-mix(in oklab, var(--color-primary) 6%, transparent)}.ond__card:hover .ond__go{color:var(--color-primary);transform:translate(4px)}.ond__meta{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);font-size:.64rem}.ond__label{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-fg);font-size:clamp(1.25rem,2.6vw,1.9rem);font-weight:600;line-height:1.05}.ond__card--lead .ond__label{font-size:clamp(1.6rem,4vw,2.6rem)}.ond__go{font-family:var(--font-mono);color:var(--color-muted);font-size:1rem;transition:transform .35s,color .35s;position:absolute;top:clamp(1.1rem,2.6vw,1.7rem);right:clamp(1.1rem,2.6vw,1.7rem)}@media (prefers-reduced-motion:reduce){.ond__kicker i{animation:none}.ond__card,.ond__go{transition:none}}
