
/* ================= v56 · My ventures: gold logo on the photo, a quiet caption ================= */
html body #page-home #my-ventures .vh-media .vh-emblem{position:absolute;right:clamp(14px,1.4vw,20px);bottom:clamp(14px,1.4vw,20px);z-index:4;display:block;margin:0;height:clamp(24px,2vw,30px);width:auto;opacity:0;transform:translateY(8px);filter:drop-shadow(0 1px 7px rgba(0,0,0,.5));transition:opacity 1.2s .5s ease,transform 1.4s .5s cubic-bezier(.2,.7,.2,1);pointer-events:none}
html body #page-home #my-ventures .vh-card[data-k="interiors"] .vh-media .vh-emblem{height:clamp(36px,3vw,46px);filter:drop-shadow(0 1px 3px rgba(0,0,0,.55)) drop-shadow(0 2px 10px rgba(0,0,0,.6))}
html body #page-home #my-ventures .vh-card.vh-on .vh-media .vh-emblem{opacity:1;transform:none}
/* nothing under the card while the logo film plays */
html body #page-home #my-ventures .vh-cap{margin:clamp(18px,1.8vw,24px) 0 0;text-align:center;opacity:0;transform:translateY(8px);transition:opacity 1s .45s ease,transform 1.2s .45s cubic-bezier(.2,.7,.2,1)}
html body #page-home #my-ventures .vh-card.vh-on .vh-cap{opacity:1;transform:none}
html body #page-home #my-ventures .vh-cap .vh-name{display:block}
/* Explore: under the description, in gold, only on hover (always softly on touch screens) */
html body #page-home #my-ventures .vh-card .vh-cap .vh-go{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font:400 clamp(9.5px,.72vw,10.5px)/1.4 'Opening Gothic',Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#9a7a43;opacity:0;transform:translateY(-4px);transition:opacity .55s ease,transform .6s ease}
html body #page-home #my-ventures .vh-cap .vh-go .vh-rule{display:block;width:0;height:1px;background:linear-gradient(90deg,#c9a868,#a9864a);opacity:1;transition:width .8s cubic-bezier(.2,.7,.2,1)}
html body #page-home #my-ventures .vh-cap .vh-go b{font-weight:400;display:inline-block;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
html body #page-home #my-ventures .vh-card.vh-on:is(:hover,:focus-visible) .vh-cap .vh-go{opacity:1;transform:none}
html body #page-home #my-ventures .vh-card.vh-on:is(:hover,:focus-visible) .vh-cap .vh-go .vh-rule{width:30px}
html body #page-home #my-ventures .vh-card.vh-on:is(:hover,:focus-visible) .vh-cap .vh-go b{transform:translate(2px,-2px)}
@media (hover:none),(max-width:800px){
html body #page-home #my-ventures .vh-card.vh-on .vh-cap .vh-go{opacity:.85;transform:none}
html body #page-home #my-ventures .vh-card.vh-on .vh-cap .vh-go .vh-rule{width:22px}
}
@media (prefers-reduced-motion:reduce){html body #page-home #my-ventures .vh-card :is(.vh-emblem,.vh-cap,.vh-go,.vh-rule){transition:none}}
