.op-howto:where(.astro-tjsyqvkz){padding:clamp(3rem,8vh,6rem) 0 clamp(5rem,11vh,8rem)}.op-howto-inner:where(.astro-tjsyqvkz){max-width:1200px}.op-howto-feat:where(.astro-tjsyqvkz){display:grid;grid-template-columns:1fr;gap:0;margin-bottom:3rem;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:radial-gradient(ellipse 80% 100% at 0% 50%,rgba(118,85,255,.1),transparent 60%),#ffffff04;text-decoration:none;transition:background .18s ease,border-color .18s ease}.op-howto-feat:where(.astro-tjsyqvkz):hover{background:radial-gradient(ellipse 80% 100% at 0% 50%,rgba(118,85,255,.16),transparent 60%),#ffffff06;border-color:#b8a3ff52}@media(min-width:768px){.op-howto-feat:where(.astro-tjsyqvkz){grid-template-columns:5fr 7fr}}.op-howto-feat-img:where(.astro-tjsyqvkz){aspect-ratio:5 / 4;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}@media(min-width:768px){.op-howto-feat-img:where(.astro-tjsyqvkz){aspect-ratio:auto;border-bottom:0;border-right:1px solid rgba(255,255,255,.06)}}.op-howto-feat-img:where(.astro-tjsyqvkz) img:where(.astro-tjsyqvkz){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.op-howto-feat:where(.astro-tjsyqvkz):hover .op-howto-feat-img:where(.astro-tjsyqvkz) img:where(.astro-tjsyqvkz){transform:scale(1.03)}.op-howto-feat-body:where(.astro-tjsyqvkz){padding:2.5rem;display:flex;flex-direction:column}@media(min-width:768px){.op-howto-feat-body:where(.astro-tjsyqvkz){padding:3rem}}.op-howto-feat-meta:where(.astro-tjsyqvkz){display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.5rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:#fff6}.op-howto-feat-tag:where(.astro-tjsyqvkz){color:#b8a3fff2;font-weight:600}.op-howto-feat-sep:where(.astro-tjsyqvkz){color:#ffffff2e}.op-howto-feat-title:where(.astro-tjsyqvkz){margin:0;font-family:Switzer,system-ui,sans-serif;font-size:clamp(1.625rem,3vw,2.25rem);font-weight:600;line-height:1.1;letter-spacing:-.025em;color:#fff;transition:color .18s ease}.op-howto-feat:where(.astro-tjsyqvkz):hover .op-howto-feat-title:where(.astro-tjsyqvkz){color:#b8a3ff}.op-howto-feat-tags:where(.astro-tjsyqvkz){margin:1.5rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.op-howto-feat-tags:where(.astro-tjsyqvkz) li:where(.astro-tjsyqvkz){padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;text-transform:lowercase;letter-spacing:.06em;color:#ffffff8c}.op-howto-feat-link:where(.astro-tjsyqvkz){margin-top:auto;padding-top:2rem;display:inline-flex;align-items:center;gap:.5rem;font-size:14px;font-weight:500;color:#ffffffd9}.op-howto-feat-arrow:where(.astro-tjsyqvkz){font-family:JetBrains Mono,ui-monospace,monospace;transition:transform .18s ease}.op-howto-feat:where(.astro-tjsyqvkz):hover .op-howto-feat-arrow:where(.astro-tjsyqvkz){transform:translate(3px)}.op-howto-grid:where(.astro-tjsyqvkz){list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.op-howto-grid:where(.astro-tjsyqvkz){grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.op-howto-grid:where(.astro-tjsyqvkz){grid-template-columns:repeat(3,1fr)}}.op-howto-card:where(.astro-tjsyqvkz){display:flex;flex-direction:column;height:100%;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff03;overflow:hidden;text-decoration:none;transition:background .18s ease,border-color .18s ease}.op-howto-card:where(.astro-tjsyqvkz):hover{background:#ffffff07;border-color:#ffffff1a}.op-howto-card-img:where(.astro-tjsyqvkz){aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.op-howto-card-img:where(.astro-tjsyqvkz) img:where(.astro-tjsyqvkz){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.op-howto-card:where(.astro-tjsyqvkz):hover .op-howto-card-img:where(.astro-tjsyqvkz) img:where(.astro-tjsyqvkz){transform:scale(1.04)}.op-howto-card-body:where(.astro-tjsyqvkz){flex:1;display:flex;flex-direction:column;padding:1.5rem}.op-howto-card-date:where(.astro-tjsyqvkz){display:inline-block;margin-bottom:.85rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:#b8a3ffd9;font-weight:500}.op-howto-card-title:where(.astro-tjsyqvkz){margin:0;font-family:Switzer,system-ui,sans-serif;font-size:17px;font-weight:600;color:#fff;line-height:1.3;letter-spacing:-.015em;transition:color .2s ease}.op-howto-card:where(.astro-tjsyqvkz):hover .op-howto-card-title:where(.astro-tjsyqvkz){color:#b8a3ff}.op-howto-card-link:where(.astro-tjsyqvkz){margin-top:auto;padding-top:1.25rem;display:inline-flex;align-items:center;gap:.4rem;font-size:13px;color:#ffffff8c;transition:color .18s ease}.op-howto-card:where(.astro-tjsyqvkz):hover .op-howto-card-link:where(.astro-tjsyqvkz){color:#b8a3ff}.op-howto-card-link-arrow:where(.astro-tjsyqvkz){font-family:JetBrains Mono,ui-monospace,monospace;transition:transform .18s ease}.op-howto-card:where(.astro-tjsyqvkz):hover .op-howto-card-link-arrow:where(.astro-tjsyqvkz){transform:translate(3px)}.op-howto-empty:where(.astro-tjsyqvkz){text-align:center;color:#ffffff80;font-size:15px;padding:4rem 0}