.public-motion-card{--light-x:50%;--light-y:50%;transition:box-shadow .35s,border-color .35s;background-image:radial-gradient(circle at var(--light-x) var(--light-y),#ffd49a0a,transparent 65%)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .public-motion-card:hover{border-color:#ffc38b70!important;box-shadow:0 12px 36px #0003,0 0 24px #ff9e6915!important}
 main :is(.lh-read,.cw-btn-primary,.su-btn,.fp-button,.rc-btn,.rb-btn,.pm-btn,.pa-hero-action){transition:box-shadow .3s,filter .3s}
 main :is(.lh-read,.cw-btn-primary,.su-btn,.fp-button,.rc-btn,.rb-btn,.pm-btn,.pa-hero-action):hover{filter:brightness(1.12);box-shadow:0 0 30px #ff9e6940}
}
@media(prefers-reduced-motion:reduce){.public-motion-card{transition:none}}
/* Pavillons : relief du contenu et des insignes, éclairage propre à la maison. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body .rb .rb-stack{perspective:1600px;perspective-origin:50% 40%}
 body .rb .rb-card{position:relative;transform-style:preserve-3d;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:auto}
 body .rb .rb-card .rb-body{transform:translateZ(24px)!important;transform-style:preserve-3d}
 body .rb .rb-card .rb-sigle{transform:translateZ(16px)!important}
 body .rb .rb-card .rb-badge-wrap{transform:translateZ(65px)!important;transition:transform .45s ease,filter .45s ease}
 body .rb .rb-card:hover .rb-badge-wrap{transform:translateZ(95px) scale(1.04)!important;filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--rc) 28%,transparent))}
 body .rb .rb-card::after{display:block;inset:0;border-radius:inherit;z-index:0;opacity:0;background:radial-gradient(500px circle at var(--light-x,50%) var(--light-y,50%),color-mix(in srgb,var(--rc) 20%,transparent),transparent 65%);mix-blend-mode:normal;transition:opacity .4s;transform:translateZ(1px)}
 body .rb .rb-card:hover::after{opacity:1}
 body .rb .rb-card.public-motion-card:hover{border-color:color-mix(in srgb,var(--rc) 65%,transparent)!important;box-shadow:0 30px 65px #0006,0 0 40px color-mix(in srgb,var(--rc) 18%,transparent)!important}
}
/* Le badge de la maison habille aussi le fond de sa tuile. */
body .rb .rb-card .rb-bgbadge{display:block;position:absolute;z-index:0;top:50%;left:58%;width:min(42%,420px);height:auto;max-height:90%;object-fit:contain;opacity:.12;transform:translate(-50%,-50%) rotate(-12deg);filter:drop-shadow(0 0 28px color-mix(in srgb,var(--rc) 50%,transparent));pointer-events:none;user-select:none;transition:opacity .45s,filter .45s}
body .rb .rb-card:hover .rb-bgbadge{opacity:.19;filter:drop-shadow(0 0 40px color-mix(in srgb,var(--rc) 65%,transparent))}
@media(max-width:760px){body .rb .rb-card .rb-bgbadge{left:65%;top:55%;width:75%;opacity:.08}}
/* Le nom de la maison, gravé en filigrane dans chaque carte. */
body .rb .rb-card .rb-bigtext{display:block;position:absolute;z-index:0;left:5%;right:5%;bottom:18px;max-width:90%;font-family:var(--font-head);font-size:clamp(32px,4.2vw,76px);font-weight:800;line-height:1.05;letter-spacing:-.035em;text-align:center;overflow-wrap:break-word;color:color-mix(in srgb,var(--rc) 5%,transparent);-webkit-text-stroke:1px color-mix(in srgb,var(--rc) 20%,transparent);opacity:.65;text-shadow:0 0 25px color-mix(in srgb,var(--rc) 18%,transparent);pointer-events:none;user-select:none;transform:translateZ(2px);transition:opacity .4s,text-shadow .4s}
body .rb .rb-card:hover .rb-bigtext{opacity:1;text-shadow:0 0 35px color-mix(in srgb,var(--rc) 30%,transparent)}
@media(max-width:760px){body .rb .rb-card .rb-bigtext{font-size:clamp(26px,8vw,42px);bottom:16px;opacity:.5}}
/* Sceau ancien : les trigrammes se dévoilent autour de l’insigne. */
body .rb .rb-ancient-seal{position:absolute;inset:2%;border:1px solid #e5ba7250;border-radius:50%;pointer-events:none;opacity:0;transform:scale(.8) rotate(-18deg);transition:opacity .45s,transform .7s cubic-bezier(.2,.8,.2,1);color:#f4cc87;box-shadow:0 0 20px #e5ba7215,inset 0 0 20px #e5ba7210}
body .rb .rb-ancient-seal::before,body .rb .rb-ancient-seal::after{content:'';position:absolute;inset:8%;border:1px dashed #e5ba7260;border-radius:50%;pointer-events:none}
body .rb .rb-ancient-seal::after{inset:18%;border-style:solid;border-radius:14%;transform:rotate(45deg);opacity:.5}
body .rb .rb-seal-glyph{position:absolute;left:50%;top:50%;width:32px;height:32px;display:grid;place-items:center;margin:-16px;font-size:24px;line-height:1;text-shadow:0 0 12px #e5ba7280,0 0 24px var(--rc);opacity:0;transform:rotate(var(--glyph-angle)) translateY(-105px) rotate(calc(-1 * var(--glyph-angle))) scale(.5);transition:opacity .35s var(--glyph-delay),transform .65s cubic-bezier(.2,.8,.2,1) var(--glyph-delay)}
@media(hover:hover){
 body .rb .rb-card:hover .rb-ancient-seal{opacity:1;transform:scale(1.12) rotate(0deg)}
 body .rb .rb-card:hover .rb-seal-glyph{opacity:1;transform:rotate(var(--glyph-angle)) translateY(-132px) rotate(calc(-1 * var(--glyph-angle))) scale(1)}
}
body .rb .rb-card:focus-within .rb-ancient-seal{opacity:1;transform:scale(1.12)}
body .rb .rb-card:focus-within .rb-seal-glyph{opacity:1;transform:rotate(var(--glyph-angle)) translateY(-132px) rotate(calc(-1 * var(--glyph-angle))) scale(1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body .rb .rb-card:hover .rb-ancient-seal::before{animation:pavilionSealTurn 24s linear infinite}
 body .rb .rb-card:hover .rb-ancient-seal::after{animation:pavilionSealPulse 3s ease-in-out infinite}
 @keyframes pavilionSealTurn{to{transform:rotate(360deg)}}
 @keyframes pavilionSealPulse{0%,100%{transform:rotate(45deg) scale(.96);opacity:.35}50%{transform:rotate(45deg) scale(1.04);opacity:.8}}
}
@media(max-width:760px){body .rb .rb-card .rb-seal-glyph{font-size:18px}body .rb .rb-card:is(:hover,:focus-within) .rb-seal-glyph{transform:rotate(var(--glyph-angle)) translateY(-78px) rotate(calc(-1 * var(--glyph-angle)))}}
@media(prefers-reduced-motion:reduce){body .rb .rb-ancient-seal,body .rb .rb-seal-glyph{transition:none}body .rb .rb-ancient-seal::before,body .rb .rb-ancient-seal::after{animation:none!important}}
/* Les ornements anciens accompagnent également le badge en filigrane. */
body .rb .rb-watermark-seal{position:absolute;z-index:0;left:58%;top:50%;width:min(42%,420px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--rc) 35%,transparent);border-radius:50%;opacity:0;transform:translate(-50%,-50%) rotate(-25deg) scale(.85);pointer-events:none;color:#e5ba72;box-shadow:0 0 30px color-mix(in srgb,var(--rc) 15%,transparent);transition:opacity .6s,transform .9s cubic-bezier(.2,.8,.2,1)}
body .rb .rb-watermark-seal::before{content:'';position:absolute;inset:8%;border:1px dashed #e5ba7240;border-radius:50%}
body .rb .rb-watermark-seal span{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;font-size:24px;line-height:30px;text-align:center;transform:rotate(var(--seal-angle)) translateY(-170px) rotate(calc(-1 * var(--seal-angle)));text-shadow:0 0 14px #e5ba7270}
@media(hover:hover){body .rb .rb-card:hover .rb-watermark-seal{opacity:.55;transform:translate(-50%,-50%) rotate(-12deg) scale(1.08)}}
body .rb .rb-card:focus-within .rb-watermark-seal{opacity:.55;transform:translate(-50%,-50%) rotate(-12deg) scale(1.08)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body .rb .rb-card:hover .rb-bgbadge{animation:pavilionWatermarkWake 5s ease-in-out infinite}
 body .rb .rb-card:hover .rb-watermark-seal::before{animation:pavilionSealTurn 32s linear infinite reverse}
 @keyframes pavilionWatermarkWake{0%,100%{transform:translate(-50%,-50%) rotate(-12deg) scale(1);opacity:.15}50%{transform:translate(-50%,-50%) rotate(-8deg) scale(1.06);opacity:.24}}
}
@media(max-width:1100px){body .rb .rb-watermark-seal span{transform:rotate(var(--seal-angle)) translateY(-115px) rotate(calc(-1 * var(--seal-angle)))}}
@media(max-width:760px){body .rb .rb-watermark-seal{left:65%;top:55%;width:75%}body .rb .rb-watermark-seal span{font-size:18px;transform:rotate(var(--seal-angle)) translateY(-105px) rotate(calc(-1 * var(--seal-angle)))}}
@media(prefers-reduced-motion:reduce){body .rb .rb-watermark-seal{transition:none}body .rb .rb-bgbadge,body .rb .rb-watermark-seal::before{animation:none!important}}
