/* Color objects: shared composition across the complete venture deck. */
@font-face{font-family:'Heard Display';src:url('/assets/card-study/heard-anton.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Arrakis Mono';src:url('/assets/world-objects/arrakisalpha-ibmplexmono-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
.world-card.color-object{container-type:inline-size;padding:0;background:var(--object-surface);color:var(--object-ink);border:1px solid #ffffff40;border-radius:22px;font-family:var(--display)}
.object-kth{--object-surface:#b84829;--object-ink:#f5eee5}
.object-bmc{--object-surface:#282a30;--object-ink:#f1ece5}
.object-sunday{--object-surface:#c3b3cb;--object-ink:#28232c}
.object-heard{--object-surface:#e8d2b7;--object-ink:#34271f}
.object-water{--object-surface:#b94b36;--object-ink:#f8eee3}
.object-alpha{--object-surface:#bbcab8;--object-ink:#26392e}
.object-boh{--object-surface:#dba864;--object-ink:#30251a}
.object-spi{--object-surface:#b7c6d4;--object-ink:#243440}
.object-billionboard{--object-surface:#d8dbab;--object-ink:#2f3524}
.color-object::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#fff0 20%,#ffffff18 47%,#fff0 72%);transform:translateX(-100%);transition:transform .85s;pointer-events:none}
.object-meta{position:absolute;top:7%;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid currentColor;padding-bottom:15px;font:400 clamp(9px,3.15cqw,14px)/1.2 var(--body);letter-spacing:.055em}
.object-meta>span:last-child{font-size:.85em;letter-spacing:.1em}
.object-number{position:absolute;top:15%;right:7%;font:500 38cqw/.9 var(--display);letter-spacing:-.09em;opacity:.09;transition:transform .5s}
.object-identity{position:absolute;inset:22% 11% 37%;display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.object-identity img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0)}
.object-kth .object-identity img,.object-bmc .object-identity img{filter:brightness(0) invert(1)}
.object-identity .object-heard{font:400 23cqw/.9 'Heard Display',sans-serif;letter-spacing:-.045em;white-space:nowrap}
.object-identity .object-heard>span{color:#f34b21}
.object-category{position:absolute;left:8%;right:7%;bottom:23%;font:500 11.8cqw/.96 var(--display);letter-spacing:-.065em}
.object-category>span{display:block}
.object-kth .object-category{font-size:11cqw}
.object-footer{position:absolute;left:8%;right:8%;bottom:7%;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid currentColor;padding-top:5%;font:400 clamp(11px,3.55cqw,15px)/1.4 var(--body)}
.object-footer>span{max-width:23ch}
.object-footer .ui-chevron{width:12px;height:12px;flex:none}
.object-wordmark{font:800 18cqw/.91 var(--display);letter-spacing:-.06em}
.object-water-mark{text-align:left;font:400 22cqw/.94 'Heard Display',sans-serif;letter-spacing:-.025em}
.object-alpha-mark{font:600 10.5cqw/1.55 'Arrakis Mono',monospace;letter-spacing:.32em}
.object-boh .object-identity{left:8%;right:8%}
.object-boh .object-identity img{filter:none}
.object-spi-mark{display:flex;align-items:center;gap:3cqw}
.object-spi-box{border:2px solid currentColor;padding:1cqw 3cqw;font:700 14cqw/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:-.025em}
.object-spi-label{font:400 4.5cqw/1.4 'SF Mono',Menlo,Monaco,'Courier New',monospace;letter-spacing:.2em}
.object-billionboard-mark{font-size:17cqw;line-height:.88}
.object-billionboard-mark>span{font-size:.55em;font-weight:500;letter-spacing:-.035em}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.color-object:hover::after{transform:translateX(100%)}.color-object:hover .object-identity{transform:translateY(-5px)}.color-object:hover .object-number{transform:translateX(6px)}}
@media(max-width:700px){.motion-ready .world-card.color-object{border-radius:21px}.motion-ready .object-meta{font-size:8px;padding-bottom:12px}.motion-ready .object-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.color-object::after,.object-number,.object-identity{transition:none}}
