/* Selected option A: named side arrows; compact lower rail on small screens. */
.side-project-navigation > .case-pager{position:fixed;inset:46vh 20px auto;z-index:45;display:flex;align-items:center;justify-content:space-between;pointer-events:none;margin:0;gap:16px;}
.side-project-navigation > .case-pager .case-back{width:142px;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:6px;border:0;background:none;border-radius:18px;color:#eee5f4;text-decoration:none;font:500 13px/1.3 Arial,sans-serif;pointer-events:auto;transition:background .18s ease;}
.project-nav-arrow{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border-radius:25px;background:#d5a0e7;color:#211329;font-size:36px;font-weight:400;line-height:1;box-shadow:inset 0 2px 2px #fff5,0 4px 16px #0008;transition:transform .18s ease;}
.side-project-navigation > .case-pager .case-back:last-child .project-nav-arrow{background:#d1e663;}
.project-nav-copy{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;min-width:0;}
.project-nav-direction{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#c8b7d2;white-space:nowrap;}
.project-nav-name{font-size:14px;font-weight:600;line-height:1.3;text-wrap:balance;overflow-wrap:anywhere;}
.side-project-navigation > .case-pager .case-back:hover{background:#d4a8ed14;}
.side-project-navigation > .case-pager .case-back:hover .project-nav-arrow{transform:scale(1.07);}
.side-project-navigation > .case-pager .case-back:focus-visible{outline:3px solid #f3d9ff;outline-offset:3px;}
.side-project-navigation #case-content{padding-inline:180px;}
.side-project-navigation .case-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.side-project-navigation .case-toolbar .case-profile-links{grid-column:2;}
body:has(#image-dialog[open]) .case-pager{visibility:hidden;}
@media(max-width:1100px){
 .side-project-navigation > .case-pager{inset:auto max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:10px;padding:10px;border:1px solid #72558080;border-radius:25px;background:#17101ef2;backdrop-filter:blur(14px);box-shadow:0 5px 25px #0008;}
 .side-project-navigation > .case-pager .case-back{width:calc(50% - 5px);min-height:60px;flex-direction:row;justify-content:flex-start;gap:10px;padding:7px 12px;border-radius:17px;background:#d5a0e7;color:#201327;}
 .side-project-navigation > .case-pager .case-back:last-child{background:#d1e663;flex-direction:row-reverse;text-align:right;}
 .side-project-navigation > .case-pager .case-back:hover{filter:brightness(1.08);}
 .side-project-navigation .project-nav-arrow{width:28px;height:34px;flex-basis:28px;background:none!important;box-shadow:none;font-size:29px;}
 .side-project-navigation .project-nav-copy{align-items:flex-start;text-align:left;gap:3px;}
 .side-project-navigation .case-back:last-child .project-nav-copy{align-items:flex-end;text-align:right;}
 .side-project-navigation .project-nav-direction{font-size:9px;letter-spacing:.025em;color:#493451;}
 .side-project-navigation .project-nav-name{font-size:13px;line-height:1.25;}
 .side-project-navigation #case-content{padding-inline:clamp(15px,3vw,35px);padding-bottom:calc(150px + env(safe-area-inset-bottom));}
 .side-project-navigation .portfolio-header.case-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;min-height:56px;height:auto;gap:8px;padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top));}
 .side-project-navigation .case-toolbar .case-header-left{display:flex;grid-column:1;grid-row:1;}
 .side-project-navigation .case-toolbar .case-header-left>.case-back{grid-row:1;}
 .side-project-navigation .case-toolbar .case-profile-links{grid-column:2;grid-row:1;}
}
@media(max-width:420px){.side-project-navigation > .case-pager{gap:7px;padding:8px;}.side-project-navigation > .case-pager .case-back{gap:7px;padding:7px;}.side-project-navigation .project-nav-name{font-size:12px;}.side-project-navigation .project-nav-direction{font-size:8px;}.side-project-navigation .case-toolbar .case-profile-links a{font-size:11px;padding-inline:7px;}}
@media(prefers-reduced-motion:reduce){.project-nav-arrow,.side-project-navigation > .case-pager .case-back{transition:none;}}

.side-project-navigation .portfolio-header.case-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;}
.side-project-navigation .portfolio-header.case-toolbar .case-header-left{display:flex;grid-column:1;grid-row:1;align-items:center;}
.side-project-navigation .portfolio-header.case-toolbar .case-profile-links{grid-column:2;grid-row:1;}
/* A resized session can retain the initial silent-mobile policy. Its header
   must not retain the obsolete two-row navigation height. */
.side-project-navigation .portfolio-header.case-toolbar{height:calc(var(--portfolio-header-height) + env(safe-area-inset-top));min-height:var(--portfolio-header-height);}
@media(max-width:1100px){.side-project-navigation .portfolio-header.case-toolbar{height:calc(56px + env(safe-area-inset-top));min-height:56px;}}