/* Centred portrait and original scroll choreography with restrained colour. */
.portrait-opening{background:#dce2e9}
.portrait-stage{color:#24354d;background:radial-gradient(ellipse at 78% 24%,#779ccc45,transparent 52%),radial-gradient(ellipse at 16% 78%,#d3a18b40,transparent 46%),#e1e5e9}
.portrait-name>span:first-child{color:#29466a;opacity:calc(1 - var(--intro))}
.portrait-name>span:last-child{-webkit-text-stroke-color:#697f9e;opacity:calc(1 - var(--intro))}
.portrait-name>span{will-change:transform,opacity}
.portrait-frame{box-shadow:0 25px 60px #253e5c22;border:1px solid #ffffff60}
.portrait-stage .portrait-name{inset:0 4%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:.12em;padding:0 0 50px;font-size:clamp(100px,20vw,310px);line-height:.88;z-index:1;letter-spacing:-.015em}
.portrait-stage .portrait-name>span{align-self:auto;margin:0;font-size:1em;white-space:nowrap;filter:none;text-shadow:0 1px 0 #ffffff80}
.portrait-stage .portrait-name>span:first-child{align-self:flex-start;transform:translateX(calc(var(--name-progress,0) * -80px));opacity:calc(1 - var(--name-progress,0))}
.portrait-stage .portrait-name>span:last-child{align-self:flex-end;color:transparent;-webkit-text-stroke:1.5px #496789;text-shadow:none;transform:translateX(calc(var(--name-progress,0) * 80px));opacity:calc(1 - var(--name-progress,0))}
.portrait-center{top:48%;width:clamp(340px,40vw,580px);height:clamp(490px,80svh,770px)}
.portrait-stage::before{content:"";position:absolute;inset:9% 18% 17%;border-radius:50%;background:radial-gradient(ellipse,#acc5e56b,transparent 68%);transform:translate(calc(var(--px) * -2),calc(var(--intro) * -65px));pointer-events:none}
.portrait-stage::after{content:"";position:absolute;top:61px;left:4%;width:50px;height:3px;background:#b67c62;transform-origin:left;animation:accent-arrive 1s .25s both;pointer-events:none}
.portrait-frame{animation-name:portrait-lift;box-shadow:none;border:0;border-radius:0;background:transparent;overflow:visible}
.portrait-frame img{object-fit:contain;object-position:center bottom;transform:translate(var(--px),var(--py));filter:drop-shadow(10px 18px 20px #20375328);mask-image:linear-gradient(#000 94%,transparent 100%)}
.portrait-edge{display:none}
.motion-off .portrait-frame img{transform:none}
@media(prefers-reduced-motion:reduce){.portrait-frame img{transform:none!important}}
.sports-hero{clip-path:inset(0 calc((1 - var(--game-reveal,1)) * 3%) round 20px)}
@keyframes accent-arrive{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes portrait-lift{from{opacity:0;transform:translateY(24px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
.portrait-index i{background:#8fa0b6}
.portrait-caption{border-top-color:#58718d40}
.portrait-scroll>span{background:#c2d1e2;border-color:#96aac3;color:#263f60}
.portrait-scroll:hover>span{background:#d7b9aa}
.portrait-opening ::selection{background:#b7cce5}
.social-icons{display:flex;gap:14px;align-items:center;margin-top:22px}
.social-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border:1px solid #18241420;border-radius:50%;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}
.social-icon svg{width:23px;height:23px}
.social-icon.linkedin{background:#173f67;color:white}
.social-icon.instagram{background:#873c63;color:white}
.social-icon:hover{transform:translateY(-5px) rotate(-5deg);box-shadow:0 8px 18px #18241425}
.social-icon:focus-visible{outline:3px solid #182b21;outline-offset:4px}
.portrait-aside p{font-size:16px}
@media(max-width:1050px){.portrait-aside p{font-size:14px}}
@media(max-width:700px){.portrait-name>span:first-child{color:#29466a}.portrait-name>span:last-child{-webkit-text-stroke-color:#e3eaf4;filter:drop-shadow(0 1px 2px #20304e80)}.portrait-aside p{font-size:14px}.portrait-stage{min-height:720px}.portrait-top,.portrait-caption{font-size:12px}}
@media(max-width:700px){.portrait-stage .portrait-name{inset:0 5%;font-size:26vw;gap:.85em;padding-bottom:100px}.portrait-center{top:43%;width:90%;max-width:400px;height:510px}.portrait-stage::after{top:49px;left:6%;width:36px}.portrait-stage .portrait-name>span:last-child{color:transparent;-webkit-text-stroke:1px #496789;filter:none}.portrait-aside{bottom:86px}.portrait-aside p{font-size:14px}}
.motion-off .portrait-frame{animation:none}
.motion-off .portrait-stage .portrait-name>span{opacity:1;transform:none;will-change:auto}
.motion-off .portrait-stage::after{animation:none}.motion-off .sports-hero{clip-path:none;transition:none}
@media(prefers-reduced-motion:reduce){.portrait-stage .portrait-name>span{opacity:1!important;transform:none!important;will-change:auto}.social-icon{transition:none}.portrait-stage::after{animation:none}.sports-hero{clip-path:none;transition:none}}