.portal-brand{display:flex;align-items:center;flex-direction:column;width:136px;gap:3px}
.portal-brand img{display:block;width:136px;height:auto}
.portal-brand>span{font-family:Arial,sans-serif;font-size:8px;font-weight:600;letter-spacing:2.2px;line-height:1;color:#f4faf7;white-space:nowrap}
.portal-path__image img{will-change:transform;transform-origin:center;backface-visibility:hidden}
.portal-path__image img{--photo-y:0px;--photo-scale:1;transform:translateY(var(--photo-y)) scale(var(--photo-scale));transition:transform 850ms cubic-bezier(.22,1,.36,1)}
.portal-path:hover .portal-path__image img,.portal-path:focus-visible .portal-path__image img{--photo-scale:1.06;transform:translateY(var(--photo-y)) scale(var(--photo-scale))}
.portal-path{--pointer-x:50%;--pointer-y:50%;--pointer-color:rgba(194,24,91,.13)}
.portal-path--digital{--pointer-color:rgba(98,242,195,.13)}
.portal-path::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(420px circle at var(--pointer-x) var(--pointer-y),var(--pointer-color),transparent 68%);opacity:0;transition:opacity 600ms cubic-bezier(.22,1,.36,1)}
.portal-path:hover::after,.portal-path:focus-visible::after{opacity:1}
.path-reveal span{opacity:0;transform:translateY(14px);transition:opacity 450ms ease,transform 700ms cubic-bezier(.22,1,.36,1);transition-delay:90ms}
.path-reveal span:nth-of-type(2){transition-delay:170ms}.path-reveal span:nth-of-type(3){transition-delay:250ms}
.portal-path:hover .path-reveal span,.portal-path:focus-visible .path-reveal span{opacity:1;transform:none}
@media(min-width:1000px){
 .split-portal{--split-x:50%}
 .split-portal .portal-path,.split-portal .portal-path:hover,.split-portal .portal-path:focus-visible{flex:50 1 0%;transition:flex-grow 850ms cubic-bezier(.22,1,.36,1),filter 500ms ease}
 /* The captured stylesheet also changes basis through :has(); keep the animated total at 100. */
 .split-portal .portal-path{flex-basis:0%!important}
 .split-portal[data-active=agency]{--split-x:62%}.split-portal[data-active=digital]{--split-x:38%}
 .split-portal[data-active=agency] .portal-path--agency,.split-portal[data-active=digital] .portal-path--digital{flex-grow:62}
 .split-portal[data-active=agency] .portal-path--digital,.split-portal[data-active=digital] .portal-path--agency{flex-grow:38}
 .split-portal .portal-center-mark{left:var(--split-x);transition:left 850ms cubic-bezier(.22,1,.36,1)}
}
/* État final lisible des sections que le runtime public révèle au défilement. */
[data-reveal]{opacity:1;transform:none}
.portal-center-mark{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;width:56px;height:56px;perspective:240px}
.portal-mark-rotor{position:relative;display:block;width:56px;height:46px;transform-style:preserve-3d;will-change:transform}
.portal-mark-rotor img{position:absolute;inset:0;width:56px;height:46px;transform:translateZ(calc(var(--depth) * 1px));backface-visibility:visible;filter:brightness(.7)}
.portal-mark-rotor img:first-child,.portal-mark-rotor img:last-child{filter:none}
@media(prefers-reduced-motion:reduce){.portal-path__image img{will-change:auto;transform:none!important;animation:none!important}.portal-mark-rotor{transform:rotateY(0deg)!important;will-change:auto}}
@media(prefers-reduced-motion:reduce){.portal-path,.portal-path__content,.path-reveal,.path-reveal span,.portal-center-mark,.portal-path::after{transition:none!important}.portal-path::after{display:none}.portal-path__content > *,.portal-proof *{transform:none!important}}
@media(hover:none),(pointer:coarse){.portal-path::after{display:none}.portal-path:hover .portal-path__image img{--photo-scale:1}.path-reveal span{opacity:1;transform:none}}