.portfolio-mode .header{position:sticky;top:0;z-index:12;height:80px;padding:0 2.5%;background:#101010ed;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12}.portfolio-mode .member-intro[hidden]{display:none}.portfolio-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 2.5% 25px}.portfolio-title-line{display:flex;align-items:baseline;gap:20px}.portfolio-title-line h1{font-size:30px;font-weight:400;letter-spacing:-.5px;line-height:1.2;margin:0}.portfolio-title-line>span{font-size:12px;color:#a8a8a0}.portfolio-meta{font-size:9px;letter-spacing:1.4px;margin:12px 0 0;color:#7d7d76}.portfolio-controls{display:flex;gap:32px;align-items:center}.portfolio-controls button{padding:9px 0;font-size:11px;color:#c8c8c0;border-bottom:1px solid #55554d}.portfolio-controls button:hover{color:#fff;border-color:#fff}.portfolio-mode .personal-work{padding:0 4px 4px;border:0}.portfolio-mode .personal-work>.section-heading{display:none}.experience-grid.portfolio-wall{display:block;columns:5;column-gap:4px}.motion-tile{display:block;width:100%;position:relative;overflow:hidden;break-inside:avoid;margin:0 0 4px;text-align:left;background:#222}.motion-tile>img{display:block;width:100%;height:auto;transition:filter .3s}.motion-caption{position:absolute;left:0;right:0;bottom:0;padding:30px 15px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:linear-gradient(0deg,#000c,transparent);font-size:11px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.motion-caption>span:last-child{font-size:9px;color:#ccc;white-space:nowrap}.motion-tile:hover .motion-caption,.motion-tile:focus-visible .motion-caption{opacity:1;transform:translateY(0)}.motion-tile:focus-visible{outline:2px solid #eee;outline-offset:-3px;z-index:1}.portfolio-mode .member-end{padding:45px 2.5% 30px;border-top:1px solid #262626}.portfolio-mode .other-members{margin:25px 0 45px;max-width:900px}.portfolio-mode .member-end .eyebrow{color:#777}.portfolio-about-dialog{width:min(850px,94vw);padding:28px;background:#111}.portfolio-about-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#999;letter-spacing:1px;margin-bottom:32px}.portfolio-about-top button{font-size:11px;color:#eee;padding:5px}.portfolio-about-body{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}.portfolio-about-body>img{width:100%;display:block}.portfolio-about-body h2{font-size:38px;font-weight:400;margin:0 0 15px}.portfolio-about-body p{font-size:12px;line-height:2;color:#aaa}.portfolio-about-body .portfolio-about-role{font-size:16px;color:#ddd;margin:0 0 25px}.portfolio-about-body .portfolio-about-skills{font-size:10px;margin-top:25px;color:#888}
@media(max-width:1399px){.experience-grid.portfolio-wall{columns:4}}
@media(max-width:1099px){.experience-grid.portfolio-wall{columns:3}}
@media(max-width:799px){.experience-grid.portfolio-wall{columns:2}.portfolio-mode .header{height:72px;padding:0 4%}.portfolio-topbar{padding:23px 4%;gap:15px}.portfolio-title-line h1{font-size:27px}.portfolio-title-line{gap:13px}.portfolio-controls{gap:20px}.portfolio-meta{font-size:8px;letter-spacing:.8px}.portfolio-about-body{gap:25px}.portfolio-about-body h2{font-size:30px}}
@media(max-width:480px){.experience-grid.portfolio-wall{columns:2}.portfolio-mode .personal-work{padding:0 4px}.portfolio-topbar{flex-wrap:wrap;gap:12px;padding:22px 5% 18px}.portfolio-title-line h1{font-size:30px}.portfolio-meta{font-size:8px;letter-spacing:.5px}.portfolio-controls{gap:24px;width:100%;justify-content:flex-start;margin-top:2px}.portfolio-controls button{font-size:10px}.motion-caption{font-size:12px;padding:35px 16px 16px}.motion-tile:hover .motion-caption{opacity:1}.portfolio-mode .member-end{padding:35px 5%}.portfolio-about-dialog{padding:22px}.portfolio-about-body{display:flex;flex-direction:column;align-items:stretch;gap:25px}.portfolio-about-body>img{width:46%;max-width:190px;align-self:flex-end}.portfolio-about-body p{font-size:12px}.portfolio-about-top{margin-bottom:22px}}
@media(hover:none){.motion-caption{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.motion-caption,.motion-tile>img{transition:none}}
.motion-tile>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.motion-tile.is-playing>video{opacity:1}.experience-stage>video{width:100%;height:100%;object-fit:contain}.experience-stage>video[hidden],.experience-stage>img[hidden]{display:none}