/* The home and detail pages share one navigation silhouette. */
.portfolio-v2,.case-study-v2{--rail:6.85vw;--rail-line:#e1e1e1}
.portfolio-v2>.rail,.case-study-v2>.case-rail{width:var(--rail);border-right:1px solid var(--rail-line)}
.portfolio-v2>.rail>.home-logo,.case-study-v2>.case-rail>.home-logo{display:block;width:43%;max-width:51px;height:48px;margin:44px 0 0;overflow:hidden;transform:scale(.82);transform-origin:center top;flex-shrink:0}
.portfolio-v2>.rail>.home-logo img,.case-study-v2>.case-rail>.home-logo img{width:333.333%;max-width:none;height:auto}
@media(min-width:901px) and (max-width:1100px){
 .portfolio-v2,.case-study-v2{--rail:65px}
}
@media(max-width:900px){
 .portfolio-v2,.case-study-v2{--rail:0px}
 .case-study-v2 .header{height:calc(60px + env(safe-area-inset-top));min-height:calc(60px + env(safe-area-inset-top));max-width:none;margin:0;padding:calc(14px + env(safe-area-inset-top)) 22px 10px;align-items:center}
 .portfolio-v2 .mobile-header .home-logo,.case-study-v2 .case-mobile-logo{display:block;width:26px;height:30px;max-width:none;margin:0;overflow:hidden;transform:none;flex-shrink:0}
}
@media(prefers-color-scheme:dark){
 .portfolio-v2,.case-study-v2{--rail-line:#333333}
}