/* The portrait is a small transparent bitmap; depth comes from CSS layers. */
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:80px;align-items:center}
.about-copy{min-width:0}
.about-portrait{width:100%;max-width:360px;justify-self:center}
.studio--portrait .studio-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px}
.studio--portrait .spoint{padding:15px 0 0;border:0;border-top:1px solid var(--line-strong);border-radius:0;background:none}
.studio--portrait .spoint p{font-size:13px;line-height:1.65}
.studio--portrait .portrait-ring{border-color:#a94f2d38}
.mihai-portrait{margin:0 auto;max-width:440px;padding-bottom:30px}
.portrait-stage{display:block;width:100%;aspect-ratio:1 / 1.06;position:relative;perspective:1000px;isolation:isolate;color:var(--on-navy);cursor:pointer;border-radius:12px}
.portrait-stage:focus-visible{outline:2px solid var(--rust);outline-offset:14px}
.portrait-rig{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--portrait-x,0deg)) rotateY(var(--portrait-y,0deg));transition:transform .25s ease-out}
.portrait-disc{position:absolute;width:86%;aspect-ratio:1;left:7%;bottom:0;border-radius:50%;background:radial-gradient(circle at 36% 28%,var(--paper) 0%,var(--rust-tint) 73%,#b87a5e 100%);box-shadow:inset -6px -8px 18px #123b5d14,0 6px 14px #04192612;transform:translateZ(-15px)}
.portrait-disc::after{content:'';position:absolute;inset:17px;border:1px solid #123b5d1a;border-radius:50%}
.portrait-ring{position:absolute;width:calc(86% + 20px);aspect-ratio:1;left:calc(7% - 10px);bottom:-10px;border:1px solid #edc1a640;border-radius:50%;transform:translateZ(-24px)}
.portrait-person{position:absolute;inset:0;z-index:1;mask-image:linear-gradient(#000 0 0),radial-gradient(ellipse closest-side,#000 calc(100% - 1px),transparent 100%);mask-size:100% 60%,86% 81.132%;mask-position:top center,bottom center;mask-repeat:no-repeat}
.portrait-person img{position:absolute;display:block;width:100%;max-width:none;height:auto;left:0;top:-10%;user-select:none;pointer-events:none}

.portrait-rim{position:absolute;width:86%;aspect-ratio:1;left:7%;bottom:0;border-radius:50%;border:2px solid #edc1a69c;clip-path:inset(58% 0 0 0);pointer-events:none;z-index:2}
.portrait-identity{position:absolute;left:12%;bottom:-14px;width:76%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 17px 22px;background:var(--navy-deep);border:3px solid var(--paper-2);border-radius:14px 14px 30px 30px;box-shadow:0 4px 10px #123b5d12;z-index:3}
.portrait-name{display:block;font:700 29px/1.05 var(--font-heading);letter-spacing:-.035em;color:var(--on-navy)}
.portrait-role{display:block;margin-top:6px;font:400 10px/1.4 var(--font-body);color:var(--on-navy-muted)}
.portrait-direction{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #ffffff40;border-radius:50%;color:var(--rust-tint);transition:background .2s,border-color .2s}
.portrait-direction svg{width:21px;height:21px;animation:portrait-invite 3.6s ease-in-out infinite;animation-play-state:paused}
.portrait-stage.is-animated .portrait-direction svg{animation-play-state:running}
.portrait-stage:hover .portrait-direction,.portrait-stage:focus-visible .portrait-direction{background:var(--rust);border-color:var(--rust);color:var(--on-navy)}
@keyframes portrait-invite{0%,55%,100%{transform:translateY(0)}70%{transform:translateY(4px)}85%{transform:translateY(0)}}

@media(max-width:1100px){.about-layout{grid-template-columns:minmax(0,1fr) 320px;gap:42px}}
@media(max-width:860px){.about-layout{grid-template-columns:1fr;gap:42px}.about-portrait{max-width:360px;order:-1}}
@media(max-width:520px){.portrait-identity{left:6%;width:88%;padding:13px 14px 14px 16px;gap:8px}.portrait-name{font-size:25px}.portrait-role{font-size:9px}.portrait-direction{width:36px;height:36px}.studio--portrait .studio-points{gap:20px}.about-portrait{max-width:330px}}
@media(prefers-reduced-motion:reduce){.portrait-rig{transition:none;transform:none!important}.portrait-person img,.portrait-direction svg{animation:none!important}.portrait-direction{transition:none}}
@supports not (mask-image:linear-gradient(#000,#000)){.portrait-person{overflow:hidden;border-radius:0 0 45% 45%}.portrait-person img{top:0}.portrait-stage.is-animated .portrait-person img{animation:none}}