.clog__hero{padding-top:120px;padding-bottom:48px}.clog__hero .display{font-size:var(--op-display);line-height:1.12}.clog__wrap{padding-bottom:var(--op-sec-pad)}.clog__label{font:600 14px/1 var(--op-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--op-plum-750);margin:0 0 20px}.clog{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.clog__card{background:var(--op-plum-150);border-radius:var(--op-r-xs);flex-direction:column;padding:20px;display:flex}.clog__card--feat{flex-direction:row;grid-column:1/-1;align-items:stretch;gap:16px;padding:24px}.clog__media{border-radius:var(--op-r-lg);background-color:#4a0f25;background-image:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 5px),radial-gradient(420px 220px at 85% 10%,#d597bf47,#0000 70%);place-items:center;min-height:260px;padding:28px;display:grid;overflow:hidden}.clog__card:not(.clog__card--feat) .clog__media{height:300px;min-height:0}.clog__card:nth-child(4n+3) .clog__media{background-color:#772a4d}.clog__card:nth-child(4n+4) .clog__media{background-color:#2a0710}.clog__card--feat .clog__media{flex:0 0 48%;min-height:380px;padding:40px}.clog__media .mini{width:100%;max-width:440px}.clog__media .mini,.clog__media>*{pointer-events:none}.clog__copy{padding:24px 8px 8px}.clog__card--feat .clog__copy{align-self:center;padding:16px 32px}.clog__meta{font:500 14px/1 var(--op-font-mono);color:var(--op-plum-500);align-items:center;gap:12px;margin:0 0 12px;display:flex}.clog__tag{border-radius:var(--op-r-pill);border:1px solid var(--op-plum-200);font:600 12px/1 var(--op-font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--op-plum-750);background:#fff;padding:5px 10px;display:inline-block}.clog__card h2{font:700 32px/1.12 var(--op-font-serif);letter-spacing:-.015em;color:var(--op-plum-900);margin:0 0 14px}.clog__card--feat h2{font-size:40px}.clog__card ul{color:var(--op-plum-600);gap:6px;margin:0;padding-left:20px;font-size:16px;line-height:1.55;display:grid}.clog__code{font:500 13px/1.4 var(--op-font-mono);color:var(--op-plum-600);gap:8px;display:grid}.clog__code span:first-child{color:var(--op-plum-900);font-weight:700}@media (max-width:900px){.clog__hero{padding-top:64px;padding-bottom:28px}.clog__hero .display{font-size:48px}.clog{grid-template-columns:1fr;gap:16px}.clog__card,.clog__card--feat{flex-direction:column;padding:14px}.clog__media,.clog__card--feat .clog__media,.clog__card:not(.clog__card--feat) .clog__media{flex:none;height:auto;min-height:0;padding:20px 14px}.clog__copy,.clog__card--feat .clog__copy{padding:18px 4px 6px}.clog__card h2,.clog__card--feat h2{font-size:28px}}.clog__nets{grid-template-columns:repeat(6,1fr);justify-items:center;gap:12px;padding:8px 0;display:grid}@media (max-width:900px){.clog__nets{gap:8px}}
