.about-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:88px;display:grid}.portrait{width:100%;max-width:440px;margin-inline:auto;position:relative}.ring{pointer-events:none;width:calc(100% + 92px);height:calc(100% + 92px);position:absolute;inset:-46px;overflow:visible}.ringarc{stroke-dasharray:1760 2200;animation:3.4s cubic-bezier(.3,.7,.2,1) .4s both drawArc}.leafg{transform-box:fill-box;transform-origin:50% 100%;animation:7s ease-in-out infinite alternate sway}.frame{background:var(--color-white);border:1px solid #2487b073;border-radius:18px;padding:14px;position:relative;box-shadow:0 50px 90px -50px #0e35528c}.pframe{aspect-ratio:4/5;border-radius:var(--radius-xs);background:linear-gradient(175deg,#f3fafd,#d8ecf5 62%,#b8dbe9);position:relative;overflow:hidden}.pphoto{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.silhouette{width:100%;height:100%;position:absolute;inset:0}.halo{background:radial-gradient(circle,#fff 0%,#fffc 45%,#fff0 70%);border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;animation:9s ease-in-out infinite breathe;position:absolute;top:36%;left:50%}.plabel{border-radius:var(--radius-pill);white-space:nowrap;background:#ffffffeb;border:1px dashed #0e355280;padding:7px 14px;font-size:12px;font-weight:600;position:absolute;top:18px;left:50%;transform:translate(-50%)}.plate{background:var(--color-navy);max-width:330px;color:var(--color-white);border-radius:var(--radius-md);border-left:6px solid var(--color-green);padding:20px 24px;position:absolute;bottom:40px;left:-30px;box-shadow:0 30px 60px -30px #0a2740cc}.plate-name{letter-spacing:-.01em;margin:0;font-size:29px;font-weight:600;line-height:1.1}.plate-roles{color:var(--color-green-light);margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.4}.plate-roles span{display:block}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes drawArc{0%{stroke-dashoffset:1760px}to{stroke-dashoffset:0}}@keyframes sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.ringarc{stroke-dashoffset:0}}@media (max-width:980px){.about-grid{grid-template-columns:minmax(0,1fr);gap:56px}.plate{max-width:calc(100% - 12px);bottom:26px;left:6px}.ring{width:calc(100% + 48px);height:calc(100% + 48px);inset:-24px}}
