.logo-core{background:radial-gradient(circle at 35% 25%,#d9c9ef,#8065a4 55%,#44325d);overflow:visible;animation:brand-breathe 6s ease-in-out infinite;will-change:transform,box-shadow}
.hero-brand-mark{width:82px;height:92px;display:flex;align-items:center;justify-content:center;position:relative;color:#fff}
.hero-brand-mark i{display:block;position:absolute;border:4px solid currentColor;width:38px;height:78px;border-radius:50%;transform:rotate(34deg)}
.hero-brand-mark i:nth-child(2){transform:rotate(-34deg)}
.hero-brand-mark i:nth-child(3){width:24px;height:24px;background:currentColor;border:0;border-radius:50%;transform:none;box-shadow:0 0 24px rgba(255,255,255,.55)}
@keyframes brand-breathe{0%,100%{transform:scale(1);box-shadow:0 0 70px rgba(224,191,242,.45),inset 0 0 30px rgba(255,255,255,.35)}50%{transform:scale(1.055);box-shadow:0 0 95px rgba(224,191,242,.62),inset 0 0 38px rgba(255,255,255,.42)}}
.vault-home-image{position:relative;display:block;border-radius:26px;overflow:hidden;box-shadow:0 28px 70px rgba(81,64,111,.25);transition:transform .3s ease,box-shadow .3s ease}
.vault-home-image:hover,.vault-home-image:focus-visible{transform:translateY(-5px);box-shadow:0 35px 85px rgba(81,64,111,.34)}
.vault-home-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.vault-home-image span{position:absolute;left:18px;right:18px;bottom:16px;padding:13px 17px;border-radius:999px;background:rgba(34,25,47,.88);color:#fff;text-align:center;font-size:12px;font-weight:600;backdrop-filter:blur(8px)}
@media(prefers-reduced-motion:reduce){.logo-core{animation:none}.vault-home-image{transition:none}}
@media(max-width:600px){.hero-brand-mark{width:74px;height:84px}.hero-brand-mark i{width:34px;height:70px}.hero-brand-mark i:nth-child(3){width:22px;height:22px}.vault-home-image{border-radius:18px}.vault-home-image span{position:static;display:block;border-radius:0;padding:14px}.vault-home-image img{aspect-ratio:4/3}}

/* Hero éditorial : le message prime, sans illustration décorative. */
.hero{grid-template-columns:1fr;min-height:720px;height:auto;padding-top:150px;padding-bottom:110px}
.hero-copy{max-width:850px}
.hero-lead{max-width:720px}
@media(max-width:600px){.hero{min-height:auto;padding:125px 6vw 75px}.hero h1{font-size:clamp(48px,14vw,60px)}.hero-lead{margin:26px 0 30px}}