.mobile-explore{display:none}
@media(max-width:900px){
 body.portfolio-v2.is-paginated{height:100svh;overflow:hidden}
 .portfolio-v2 .mobile-header{position:fixed;inset:0 0 auto;height:calc(60px + env(safe-area-inset-top));padding:calc(14px + env(safe-area-inset-top)) 22px 10px;z-index:10;background:var(--paper)}
 .portfolio-v2 .mobile-header .home-logo{width:26px;height:30px}
 .portfolio-v2.is-paginated .showcase{position:fixed;inset:calc(60px + env(safe-area-inset-top)) 0 0;height:auto;min-height:0;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;clip-path:none;touch-action:pan-y pinch-zoom;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;background:var(--paper)}
 .portfolio-v2 .showcase::-webkit-scrollbar{display:none}
 .portfolio-v2.is-paginated .showcase::after{display:none}
 .portfolio-v2.is-paginated .showcase-slide{position:relative;inset:auto;display:flex;flex-direction:column;height:100%;min-height:100%;padding:10px 16px max(18px,env(safe-area-inset-bottom));border:0;border-radius:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none;scroll-margin:0}
 .portfolio-v2.is-paginated .showcase-slide:is(.is-before,.is-after,.is-active){transform:none;opacity:1;visibility:visible;pointer-events:auto}
 .portfolio-v2.is-paginated .overview-slide{overflow-y:auto}
 .portfolio-v2 .overview-slide::after,.portfolio-v2 .overview-slide .logo-grid,.portfolio-v2 .mobile-profile-contact{display:none}
 .portfolio-v2.is-paginated .overview-slide>.profile{position:static;display:flex;flex-direction:column;justify-content:center;gap:22px;flex:1;width:100%;max-width:560px;min-height:min-content;margin:0 auto;padding:8px 8px 12px;background:none;border:0}
 .portfolio-v2 .profile-details{max-width:none}
 .portfolio-v2 .identity{gap:17px;margin-bottom:22px}
 .portfolio-v2 .identity img{width:64px;height:64px}
 .portfolio-v2 .identity h1{font-size:28px;line-height:1.15}
 .portfolio-v2 .profile-facts{max-width:none}
 .portfolio-v2 .profile-facts>div{min-height:42px;padding:11px 0;font-size:12px;line-height:1.4;gap:20px}
 .portfolio-v2 .profile-facts dd{max-width:68%}
 .portfolio-v2 .active-summary{display:block}
 .portfolio-v2 .active-summary #summary-title,.portfolio-v2 .active-summary #summary-role{display:none}
 .portfolio-v2 .active-summary #summary-intro{font-size:15px;line-height:1.5;margin:0 0 18px}
 .portfolio-v2 .active-summary .summary-link{font-size:13px}
 .portfolio-v2[data-view="project"] .overview-linkedin{display:flex}
 .portfolio-v2 .mobile-explore{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;margin-top:24px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font:inherit;font-size:14px}
 .portfolio-v2 .mobile-explore .arrow-icon{width:14px;height:14px;filter:brightness(0) invert(1)}
 .portfolio-v2 .mobile-summary{order:2;flex:0 0 auto;padding:19px 5px 0}
 .portfolio-v2.is-paginated .mobile-summary h2{margin:0 0 10px;font-size:27px;line-height:1.1}
 .portfolio-v2.is-paginated .mobile-summary p{font-size:14px;line-height:1.45;margin:0}
 .portfolio-v2.is-paginated .mobile-summary p+p{display:none}
 .portfolio-v2.is-paginated .pagination-controls{margin:19px 0 0;gap:9px}
 .portfolio-v2.is-paginated .pagination-controls a,.portfolio-v2.is-paginated .pagination-controls button{min-height:44px;height:44px;font-size:12px;padding:0 16px}
 .portfolio-v2.is-paginated .project-board,.portfolio-v2.is-paginated .microsoft-media{order:1;flex:1;min-height:0;height:auto;border-radius:14px}
 .portfolio-v2 .project-company-mark{left:18px;top:18px}
}
@media(max-width:900px) and (max-height:670px){
 .portfolio-v2 .identity{margin-bottom:16px}
 .portfolio-v2 .identity img{width:54px;height:54px}
 .portfolio-v2 .identity h1{font-size:25px}
 .portfolio-v2.is-paginated .overview-slide>.profile{gap:16px;padding-bottom:8px}
 .portfolio-v2 .profile-facts>div{padding:8px 0;min-height:36px}
 .portfolio-v2 .active-summary #summary-intro{font-size:14px;margin-bottom:13px}
 .portfolio-v2 .mobile-explore{margin-top:18px;min-height:44px}
 .portfolio-v2.is-paginated .mobile-summary h2{font-size:24px}
 .portfolio-v2.is-paginated .mobile-summary p{font-size:13px}
}
@media(max-width:900px) and (prefers-color-scheme:dark){
 .portfolio-v2 .mobile-explore .arrow-icon{filter:brightness(0)}
}