.blogwrap .comp-book{background:#121212;flex-shrink:0;width:228px;height:300px;position:relative;overflow:hidden;box-shadow:8px 8px #00343b}.blogwrap .cb-noise{opacity:.92;mix-blend-mode:screen;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.blogwrap .cb-spine{background:#000;width:16px;height:100%;position:absolute;top:0;left:0;box-shadow:2px 0 #2a2a2a}.blogwrap .cb-label{text-align:center;background:#fff;width:74%;padding:14px 10px;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0006}.blogwrap .cb-label-title{letter-spacing:.04em;color:#111;font-size:19px;font-weight:900;line-height:1}.blogwrap .cb-rule{background:#111;height:2px;margin:10px 4px}.blogwrap .cb-meta{letter-spacing:.06em;color:#333;text-transform:uppercase;font-size:7.5px;line-height:1.7}.blogwrap .bcard{background:#fff;border:2px solid #00343b;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s cubic-bezier(.2,.7,.3,1);box-shadow:6px 6px #00343b29}.blogwrap .bcard:hover{transform:translateY(-6px);box-shadow:10px 14px #00343b33}@media (prefers-reduced-motion:reduce){.blogwrap .bcard:hover{transform:none}}