html[data-project=yubo]{--signal:#9730b6;--blue:#9730b6;--paper:#faf6fc;--paper2:#eee4f4;--ink:#17131d;--nav:#faf6fc;--line:rgba(23,19,29,.23);--brand-deep:#5c1675;--brand-bright:#ff8e36;--brand-soft:#f9c7ef}
html[data-project=yubo][data-theme=dark]{--paper:#100e13;--paper2:#201827;--ink:#faf6fc;--nav:#100e13;--signal:#dc9aef;--blue:#dc9aef;--line:rgba(250,246,252,.24)}
.yubo-cover{padding:24px var(--pad);background:#ead0f7}.yubo-cover .yubo-image{max-width:1000px;margin:auto}.yubo-cover figcaption{background:var(--paper)}
.yubo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.yubo-image{min-width:0;margin:0;border:1px solid var(--line);background:var(--paper2)}.yubo-image a{display:block}.yubo-image img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;background:#fff}.yubo-image figcaption{display:flex;justify-content:space-between;padding:15px;font-size:12px}.yubo-grid .yubo-image:last-child:nth-child(odd){grid-column:1/-1;max-width:760px;width:100%;justify-self:center}
@media(max-width:700px){.yubo-grid{grid-template-columns:1fr;gap:22px}.yubo-image img{max-height:600px}.case-hero h1{font-size:25vw}}