/* A living portrait: original color photo, brand light and electric trails. */
[data-portrait]{isolation:isolate;background:#191d28}
.portrait-stage{position:absolute;inset:0;overflow:hidden;transform-origin:50% 50%;background:#191d28}
.portrait-stage>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 28%;filter:saturate(.95) contrast(1.06)}
.about-foto-wrap .portrait-stage>img{object-position:center top}
.portrait-stage::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(17,20,33,.1),transparent 30%,rgba(17,20,33,.08) 64%,rgba(17,20,33,.68))}
.portrait-light,.portrait-sweep,.portrait-pointer-light,.portrait-rays,.portrait-orbit{position:absolute;pointer-events:none}
.portrait-light{z-index:3;width:125%;height:125%;mix-blend-mode:color;opacity:.6}
.portrait-light--violet{left:-65%;top:-12%;background:radial-gradient(ellipse,rgba(115,72,144,.98),rgba(115,72,144,.5) 34%,transparent 66%)}
.portrait-light--cyan{right:-64%;top:2%;background:radial-gradient(ellipse,rgba(129,186,204,1),rgba(124,180,197,.65) 32%,transparent 65%)}
.portrait-light--blue{left:-5%;bottom:-82%;background:radial-gradient(ellipse,rgba(66,68,144,.95),rgba(66,68,144,.6) 32%,transparent 66%)}
.portrait-sweep{z-index:4;inset:-45%;opacity:0;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 39%,rgba(115,72,144,.08) 44%,rgba(129,186,204,.52) 49%,rgba(223,247,250,.6) 50%,rgba(115,72,144,.24) 53%,transparent 58%);transform:translateX(-62%)}
.portrait-pointer-light{left:50%;top:50%;z-index:5;width:66%;height:66%;transform:translate(-50%,-50%);opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse,rgba(129,186,204,.36),rgba(115,72,144,.13) 36%,transparent 68%);transition:opacity 200ms ease}
.portrait-rays{z-index:6;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.portrait-rays path{vector-effect:non-scaling-stroke}
.portrait-ray{opacity:.64}
.portrait-ray--left{stroke:var(--bdm-azul-claro);filter:drop-shadow(0 0 5px rgba(129,186,204,.7))}
.portrait-ray--right{stroke:#bd8bd4;filter:drop-shadow(0 0 5px rgba(115,72,144,.8))}
.portrait-ray--arc{stroke:var(--bdm-azul-claro);filter:drop-shadow(0 0 4px rgba(129,186,204,.7));opacity:.48}
.portrait-ray .ray-core{stroke:#e2f4f5;stroke-width:1.2}
.portrait-orbit{z-index:5;width:136%;height:48%;left:-18%;top:33%;border:1px solid rgba(129,186,204,.5);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 12px rgba(129,186,204,.12),inset 0 0 10px rgba(115,72,144,.1)}
.portrait-orbit--back{top:25%;transform:rotate(27deg);border-color:rgba(176,135,202,.38);box-shadow:0 0 12px rgba(115,72,144,.1);opacity:.55}
.portrait-orbit i{position:absolute;left:15%;top:12%;width:8px;height:8px;border-radius:50%;background:#ccebf1;box-shadow:0 0 14px 4px rgba(129,186,204,.48)}
.portrait-orbit--back i{left:auto;right:15%;background:#caaddb;box-shadow:0 0 14px 4px rgba(115,72,144,.52)}

/* Slow, staggered pulses keep the light legible without hard flashes. */
.portrait-running .portrait-light--violet{animation:portrait-violet 8s var(--ease-in-out) infinite}
.portrait-running .portrait-light--cyan{animation:portrait-cyan 9s var(--ease-in-out) -3s infinite}
.portrait-running .portrait-light--blue{animation:portrait-blue 7s var(--ease-in-out) -2s infinite}
.portrait-running .portrait-sweep{animation:portrait-sweep 8s var(--ease-in-out) -2s infinite}
.portrait-running .portrait-ray--left{animation:portrait-current 5.5s var(--ease-in-out) infinite}
.portrait-running .portrait-ray--right{animation:portrait-current 6.5s var(--ease-in-out) -2.5s infinite}
.portrait-running .portrait-ray--arc{animation:portrait-arc 7s var(--ease-in-out) -2s infinite}
.portrait-running .portrait-orbit{animation:portrait-orbit 10s var(--ease-in-out) infinite}
.portrait-running .portrait-orbit--back{animation:portrait-orbit-back 12s var(--ease-in-out) -3s infinite}
.portrait-running .portrait-stage{will-change:transform}
@keyframes portrait-violet{0%,100%{opacity:.45;transform:translate3d(-8%,-3%,0)}50%{opacity:.82;transform:translate3d(27%,13%,0)}}
@keyframes portrait-cyan{0%,100%{opacity:.48;transform:translate3d(4%,4%,0)}50%{opacity:.86;transform:translate3d(-30%,-10%,0)}}
@keyframes portrait-blue{0%,100%{opacity:.35;transform:translate3d(-10%,6%,0)}50%{opacity:.8;transform:translate3d(8%,-34%,0)}}
@keyframes portrait-sweep{0%,20%{opacity:0;transform:translateX(-62%)}34%{opacity:.65}57%{opacity:.46}70%,100%{opacity:0;transform:translateX(62%)}}
@keyframes portrait-current{0%,100%{opacity:.22;clip-path:inset(0 0 0 0);transform:translateY(0)}20%{opacity:.85;clip-path:inset(0 0 0 0);transform:translateY(-1.5%)}42%{opacity:.3;clip-path:inset(48% 0 0 0)}60%{opacity:.1;clip-path:inset(100% 0 0 0)}61%{opacity:0;clip-path:inset(0 0 100% 0)}80%{opacity:.78;clip-path:inset(0 0 0 0);transform:translateY(1%)}}
@keyframes portrait-arc{0%,100%{opacity:.18;transform:translateY(0)}50%{opacity:.65;transform:translateY(-2%)}}
@keyframes portrait-orbit{0%,100%{transform:rotate(-24deg) translateY(0);opacity:.48}50%{transform:rotate(-33deg) translateY(-5%);opacity:.86}}
@keyframes portrait-orbit-back{0%,100%{transform:rotate(27deg);opacity:.25}50%{transform:rotate(35deg);opacity:.56}}

[data-portrait] .founder-caption{z-index:8;right:66px;left:20px;bottom:20px;padding:0;background:transparent!important;color:#fff!important;display:grid;gap:5px;pointer-events:none}
[data-portrait] .founder-caption strong{font-size:14px;font-weight:700}
[data-portrait] .founder-caption span{color:#e0e4ec!important;font-size:10px;line-height:1.4}
.portrait-motion-toggle{position:absolute;z-index:9;right:16px;bottom:17px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(129,186,204,.6);border-radius:50%;background:rgba(22,26,39,.86);color:#e3f1f3;font:600 12px/1 Montserrat,Arial,sans-serif;cursor:pointer;transition:background-color 180ms ease,border-color 180ms ease}
.portrait-motion-toggle:focus-visible{outline:2px solid var(--bdm-azul-claro);outline-offset:5px}
.portrait-motion-toggle::before{content:'Ⅱ'}
.portrait-motion-toggle[aria-pressed="true"]::before{content:'▷'}
.portrait-motion-toggle:disabled{opacity:.5;cursor:default}
@media(hover:hover) and (pointer:fine){
  .portrait-running:hover .portrait-pointer-light{opacity:1}
  .portrait-motion-toggle:not(:disabled):hover{background:var(--bdm-azul-escuro);border-color:var(--bdm-azul-claro)}
}
@media(max-width:767px){
  [data-portrait] .founder-caption{left:16px;bottom:18px}
  [data-portrait] .founder-caption strong{font-size:12px}
  [data-portrait] .founder-caption span{font-size:9px}
  .portrait-ray--left,.portrait-ray--right{filter:none}
}
/* Paused and reduced-motion states retain the colored art direction. */
.paused-motion [data-portrait] .portrait-stage,.portrait-paused .portrait-stage{transform:none!important;will-change:auto}
.paused-motion [data-portrait] .portrait-pointer-light,.portrait-paused .portrait-pointer-light{opacity:0!important}
@media(prefers-reduced-motion:reduce){
  [data-portrait] *{animation:none!important;transition:none!important}
  [data-portrait] .portrait-stage{transform:none!important;will-change:auto}
  [data-portrait] .portrait-pointer-light,.portrait-sweep{display:none}
}