/* H2.1: inline 20px previews of the actual approved images; no generated imagery. */
:root{--preview-herbier:url('data:image/webp;base64,UklGRoAAAABXRUJQVlA4IHQAAADwBACdASoUABwAPsFUoUwnpKMiKA1Q8BgJaQDDrAVX2YuaO9OzniI8/bpNTf2zEAAA/RwbcQUp4YSP0wTmbLBtB072MrxyNybYrHcDnGhoIOwlelfufP8H1gz4JZZSyqaan3hT6pJvhgKe5VVnaGnD8POAAA==')}
[data-image-reveal]{opacity:1}
.hero-picture:before,.h2-cover:before,.herbier-cover-static:before{opacity:1;transition:opacity .4s ease}
.hero-picture:has(.is-decoded):before,.h2-cover:has(.is-decoded):before,.herbier-cover-static:has(.is-decoded):before{opacity:0}
.h2-cover:before,.herbier-cover-static:before{content:'';position:absolute;inset:0;z-index:1;background:#E2D8C8 var(--preview-herbier) center/100% 100%;filter:blur(4px);pointer-events:none}
.hero-picture,.h2-cover,.herbier-cover-static{background-color:#E2D8C8}
.hero-picture:before{content:'';position:absolute;inset:0;z-index:1;background:#E2D8C8 url('data:image/webp;base64,UklGRnQAAABXRUJQVlA4IGgAAAAQBACdASoUAAkAPsFOoEqnpCMhsAgA8BgJYwCdMoACPHEgEp53shagAAD+8eES2cqdy/NYPlR4oCWLlglcbAEaOqrqCDoUhycvCtDY4t/lv4hC+ZbLmZVnWsY0Q9pofSY+2kwXgmAAAA==') center top/cover no-repeat;filter:blur(6px);transform:translateX(-2.5%) scale(1.32);transform-origin:77% 45%;pointer-events:none}
.h2-cover,.herbier-cover-static{background-image:var(--preview-herbier);background-size:100% 100%}
.h2-cover>picture,.h2-cover>picture>img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:767px){.hero-picture:before{background-image:url('data:image/webp;base64,UklGRrIAAABXRUJQVlA4IKYAAABQBQCdASoUABkAPsFQokwnpCMiMBgIAPAYCWMAnQAOkmZR9EMB2QRQ2N3h5eZyNK+DOYAA/tTdHt6tCW0O1ViQ+V6Q4MaF8tE8eV4uuK9MKELNtOnGoUQ2ljWsMJgnUptzrwhxAMb0FyF3TLu+acPBHGJjrKBwL7MnV/iWhF4qper9w+PUghlAx72GBZ8IgbvBqWPvDXVP3fn/dLc4cRWtbWI9HQAA');transform:scale(1.1);transform-origin:70% 0%}}
.herbier-main .stage:not(.cover-ready) .mover{visibility:hidden;opacity:0}
.herbier-main .stage .mover{transition:opacity .4s ease}
.herbier-main .stage:not(.cover-ready):before{content:'';position:absolute;top:26px;left:calc(50% - var(--w)/2);width:var(--w);height:var(--h);background:#E2D8C8 var(--preview-herbier) center/cover;border-radius:3px;filter:blur(5px);pointer-events:none}
.herbier-main .stage:not(.cover-ready){cursor:wait}
@media(prefers-reduced-motion:reduce){.hero-picture:before,.h2-cover:before,.herbier-cover-static:before,.herbier-main .stage .mover{transition:none}}