.portrait {
    background:#e8eef5;
    overflow:hidden;
    border-radius:6px;
    position:relative;
    width:100%;
    max-width:430px;
    margin-inline:auto
}
.portrait-trigger {
    display:block;
    position:relative;
    width:100%;
    padding:0;
    border:0;
    background:transparent;
    border-radius:6px 6px 0 0;
    overflow:hidden;
    cursor:pointer;
    touch-action:manipulation
}
.portrait-trigger:disabled {
    cursor:default
}
.portrait-trigger:focus-visible {
    outline:3px solid var(--blue);
    outline-offset:-5px
}
.portrait-trigger img {
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1;
    object-fit:contain
}
.portrait-trigger .portrait-wave {
    display:none;
    position:absolute;
    inset:0;
    opacity:0;
    pointer-events:none
}
.portrait[data-state="waving"] .portrait-wave,
.portrait[data-state="returning"] .portrait-wave {
    display:block;
    opacity:1
}
.portrait-video,
.portrait-return-video {
    position:absolute;
    inset:0;
    display:none;
    width:100%;
    height:100%;
    object-fit:contain;
    opacity:0;
    pointer-events:none
}
.portrait[data-state="animating"] .portrait-video,
.portrait[data-state="returning"] .portrait-return-video {
    display:block
}
.portrait[data-state="animating"][data-clip-ready="true"] .portrait-video,
.portrait[data-state="returning"][data-clip-ready="true"] .portrait-return-video {
    opacity:1
}
.portrait-hint {
    display:none;
    position:absolute;
    top:12px;
    right:12px;
    padding:7px 11px;
    border:1px solid var(--line);
    border-radius:7px;
    background:#ffffffeb;
    color:var(--muted);
    font-size:.875rem;
    font-weight:500;
    line-height:1.4;
    pointer-events:none
}
.portrait-hint::after {
    content:"";
    position:absolute;
    right:15px;
    bottom:-4px;
    width:6px;
    height:6px;
    background:#fff;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    transform:rotate(45deg)
}
.portrait[data-state="normal"] .portrait-hint { display:block; }

.about-lead .portrait { max-width:none; border-radius:0; background:transparent; overflow:visible; }
.about-lead .portrait-trigger { border-radius:0; border-bottom:8px solid var(--blue); }
.about-lead .portrait img { border:0; }