/* Two physical sides of one profile portrait. */
.lower-v08 .profile-portrait{--portrait-size:160px;width:var(--portrait-size);margin:0;flex:none;text-align:center}
.lower-v08 .profile-flip{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;perspective:850px;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;isolation:isolate}
.lower-v08 .profile-flip:focus-visible{outline:3px solid #176f69;outline-offset:7px}
.lower-v08 .profile-flip-rotor{position:absolute;inset:0;display:block;border-radius:50%;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.22,.78,.24,1)}
.lower-v08 .profile-flip.is-flipped .profile-flip-rotor{transform:rotateY(180deg)}
.lower-v08 .profile-flip-face{position:absolute;inset:0;display:block;overflow:hidden;border-radius:50%;background:#e4f1e7;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 0 1px #193f3221,0 7px 18px -11px #173a3666}
.lower-v08 .profile-flip-face img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.lower-v08 .profile-flip-front{transform:rotateY(0deg)}
.lower-v08 .profile-flip-back{transform:rotateY(180deg)}
body.paused .profile-flip-rotor{transition:none!important}
@media(max-width:1100px){.lower-v08 .profile-portrait{--portrait-size:150px}}
@media(max-width:800px){.lower-v08 .profile-portrait{--portrait-size:140px}}
@media(max-width:560px){.lower-v08 .profile-portrait{--portrait-size:clamp(108px,33.3vw,125px)}}
@media(prefers-reduced-motion:reduce){.lower-v08 .profile-flip-rotor{transition:none!important;transform:none!important}.lower-v08 .profile-flip-face{transform:none}.lower-v08 .profile-flip-front{visibility:visible}.lower-v08 .profile-flip-back{visibility:hidden}.lower-v08 .profile-flip.is-flipped .profile-flip-front{visibility:hidden}.lower-v08 .profile-flip.is-flipped .profile-flip-back{visibility:visible}}