.oko2 .guide-head .wrap{position:relative;z-index:2}.oko2 .guide-crumbs{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin-bottom:14px;font-family:var(--f-mono);font-weight:700;font-size:.86rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}.oko2 .guide-crumbs a{color:var(--lime);text-decoration:none}.oko2 .guide-crumbs a:hover{text-decoration:underline}.oko2 .guide-head h1.display{max-width:20ch}.oko2 .guide-head .lede{max-width:60ch}.oko2 .guide-meta{margin:14px 0 0;color:var(--paper-soft);font-size:.98rem;display:flex;gap:.5em;flex-wrap:wrap}.oko2 .guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,4vw,64px);align-items:start}@media(max-width:980px){.oko2 .guide-grid{grid-template-columns:1fr}}.oko2 .guide-body{max-width:74ch}.oko2 .guide-side{position:sticky;top:96px;display:grid;gap:18px}@media(max-width:980px){.oko2 .guide-side{position:static}}.oko2 .guide-calc{background:var(--lime);color:var(--on-lime);padding:24px 22px;border-radius:4px}.oko2 .guide-calc .eyebrow{color:var(--on-lime);opacity:.8}.oko2 .guide-calc h2{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:1.35rem;line-height:1.15;margin:8px 0 10px;color:var(--on-lime)}.oko2 .guide-calc p{margin:0 0 16px;font-size:.98rem;line-height:1.5;color:var(--on-lime)}.oko2 .guide-calc .btn{background:var(--on-lime);color:var(--lime);border-color:var(--on-lime)}.oko2 .guide-calc--wide{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:30px 32px}.oko2 .guide-calc--wide h2{margin-top:0}.oko2 .guide-calc--wide p{margin:0}.oko2 .guide-products{background:var(--panel);border:1px solid var(--line);padding:20px 18px;border-radius:4px;display:grid;gap:10px}.oko2 .guide-prod{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;text-decoration:none;color:var(--paper);padding:8px;border-radius:4px;background:var(--panel-2)}.oko2 .guide-prod img{width:64px;height:64px;object-fit:contain;background:var(--photo);border-radius:2px;padding:4px}.oko2 .guide-prod-t{font-weight:600;font-size:.98rem;line-height:1.3}.oko2 .guide-prod-go,.oko2 .guide-dist{color:var(--lime)}.oko2 .guide-prod:hover{background:var(--raise)}.oko2 .guide-dist{font-family:var(--f-mono);font-weight:700;font-size:.86rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;margin-top:4px}.oko2 .guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}@media(max-width:1100px){.oko2 .guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.oko2 .guide-cards{grid-template-columns:1fr}}.oko2 .guide-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden;text-decoration:none;color:var(--paper);transition:transform .25s ease,border-color .25s ease}.oko2 .guide-card[hidden]{display:none}.oko2 .guide-card:hover{transform:translateY(-3px);border-color:var(--lime)}.oko2 .guide-card-img{aspect-ratio:16/9;background:var(--photo);overflow:hidden;display:block}.oko2 .guide-card-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.25) contrast(1.05)}.oko2 .guide-card-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.oko2 .guide-card-tags{font-family:var(--f-mono);font-weight:700;font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.oko2 .guide-card-t{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:1.15rem;line-height:1.2;margin-left:var(--optical)}.oko2 .guide-card-x{color:var(--paper-soft);font-size:.98rem;line-height:1.5}.oko2 .guide-card-go{margin-top:auto;font-family:var(--f-mono);font-weight:700;font-size:.86rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}.oko2 .guide-next h2.display{margin:0 0 26px}.oko2 .guide-all{display:inline-block;margin-top:24px;font-family:var(--f-mono);font-weight:700;font-size:.86rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);text-decoration:none}.oko2 .guide-filter button.chip{background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font:inherit}
/*# sourceMappingURL=/cdn/shop/t/8/assets/oko-2.0-guides.css.map */