/* Hero: a physical expression of digital craft, kept secondary to the promise. */
.hero-image-card { isolation:isolate; background:#12213a; box-shadow:0 24px 50px rgba(22,24,29,.16); }
.hero-image-card > img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:58% center; filter:saturate(.82) contrast(1.04); transform:scale(1.015); animation:vezolino-hero-breathe 12s ease-in-out infinite alternate; }
.hero-image-card::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(9,16,27,.1) 10%,rgba(9,16,27,.76) 86%),linear-gradient(90deg,rgba(9,16,27,.35),transparent 60%); }
.hero-image-card span { position:relative; z-index:1; display:block; color:#e6d9c4; }
.hero-image-card strong { max-width:250px; color:#fcfaf5; text-shadow:0 2px 18px rgba(0,0,0,.3); }
.hero-image-card i { z-index:0; border-color:rgba(233,241,253,.6); }
.art-card-note { box-shadow:0 12px 24px rgba(22,24,29,.11); }
.art-orb { overflow:hidden; background:#164cc1; border-color:#164cc1; box-shadow:0 0 0 8px rgba(22,76,193,.09),0 8px 22px rgba(22,76,193,.25); }
.art-orb::after { content:""; position:absolute; width:9px; height:9px; top:calc(50% - 4px); left:calc(50% - 4px); border-radius:50%; background:#f7f5f0; box-shadow:0 0 0 15px rgba(247,245,240,.14); animation:vezolino-signal 3s ease-in-out infinite; }
@keyframes vezolino-hero-breathe { from { transform:scale(1.015) translate3d(0,0,0); } to { transform:scale(1.07) translate3d(-1.2%,.7%,0); } }
@keyframes vezolino-signal { 50% { transform:scale(.72); box-shadow:0 0 0 23px rgba(247,245,240,0); } }
@media (max-width:800px) { .hero-image-card > img { object-position:60% center; }.hero-image-card strong { max-width:200px; }.art-orb { box-shadow:0 0 0 5px rgba(22,76,193,.09),0 8px 18px rgba(22,76,193,.22); } }
@media (prefers-reduced-motion:reduce) { .hero-image-card > img,.art-orb::after { animation:none; } }