.of{container-type:inline-size;position:relative}.of-sheet{position:relative;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #0c0a0912,0 14px 34px -14px #0c0a092e;transition:box-shadow .3s cubic-bezier(.22,1,.36,1)}.of-sheet img{display:block;width:100%;height:auto}.of.is-report .of-sheet{border-radius:3px 6px 6px 3px}.of-spine{position:absolute;inset:0 auto 0 0;width:6%;min-width:8px;background:linear-gradient(90deg,#0c0a0929,#ffffff38 28%,#0c0a091f 52%,#0c0a0900);pointer-events:none}.of-cover{display:flex;flex-direction:column;aspect-ratio:900 / 1165;padding:10cqw 10cqw 9cqw 12cqw;background:var(--of-accent, var(--hp-primary));color:#fff}.of.is-deck .of-cover{aspect-ratio:1200 / 848;padding:6cqw 7cqw}.of.is-carousel .of-cover{aspect-ratio:4 / 5}.of-cover.is-light{color:var(--hp-ink)}.of-kicker{font-family:var(--font-mono, "IBM Plex Mono", ui-monospace, monospace);font-size:max(9px,4.4cqw);letter-spacing:.08em;text-transform:uppercase;opacity:.72}.of-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin-top:6cqw;font-size:max(13px,10.5cqw);font-weight:500;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.of.is-deck .of-title{-webkit-line-clamp:3;margin-top:3.5cqw;font-size:max(13px,6.6cqw)}.of-event{margin-top:auto;padding-top:4cqw;border-top:1px solid currentColor;border-image:linear-gradient(90deg,currentColor 0 22cqw,transparent 0) 1;font-size:max(10px,4.8cqw);font-weight:500;opacity:.86}.of.is-deck .of-event{padding-top:2.4cqw;font-size:max(10px,3cqw);border-image:linear-gradient(90deg,currentColor 0 12cqw,transparent 0) 1}.of-item{display:grid;gap:15px;outline:none;color:inherit;text-decoration:none}.of-lift{position:relative;display:block;transition:transform .3s cubic-bezier(.22,1,.36,1)}.of-item:hover .of-lift,.of-item:focus-visible .of-lift{transform:translateY(-6px)}.of-item:hover .of-sheet,.of-item:focus-visible .of-sheet{box-shadow:0 0 0 1px #0c0a090f,0 30px 56px -22px #0c0a0952}.of-item:focus-visible .of-sheet{outline:2px solid var(--hp-primary);outline-offset:4px}.of-action{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--hp-primary);color:#fff;font-size:13px;font-weight:500;opacity:0;transform:translateY(6px);transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1);pointer-events:none}.of-item:hover .of-action,.of-item:focus-visible .of-action{opacity:1;transform:none}.of-item.is-on-dark .of-action{background:#fff;color:var(--hp-primary)}.of-caption{font-size:13.5px;line-height:1.3;color:var(--hp-muted)}@media(prefers-reduced-motion:reduce){.of-lift,.of-action{transition:none}}@media(max-width:640px){.of-caption{font-size:12px}.of-action{left:8px;bottom:8px;padding:5px 9px;font-size:12px}}