/* Navigation shared by the five current portfolio case studies. */
@font-face{font-family:"Portfolio Navigation";src:url("/assets/typography/portfolio-noto-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Portfolio Navigation";src:url("/assets/typography/portfolio-noto-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Portfolio Navigation";src:url("/assets/typography/portfolio-noto-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
#portfolio-return{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0;min-height:44px;padding:0;margin:0;color:inherit;font:400 16px/1.5 "Portfolio Navigation","Microsoft YaHei",sans-serif;letter-spacing:0;white-space:nowrap;text-decoration:none}
#portfolio-return strong{font:700 1em/1.5 "Portfolio Navigation","Microsoft YaHei",sans-serif;letter-spacing:0;color:inherit}
#portfolio-return>span{display:inline;width:auto;height:auto;min-width:0;aspect-ratio:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit}
#portfolio-return .portfolio-return-caption{display:inline;font:inherit;color:inherit;opacity:.8}
#portfolio-return .portfolio-return-arrow{font-size:17px;margin-right:2px;opacity:.75}
#portfolio-return:hover{text-decoration:underline;text-underline-offset:5px}
#portfolio-return:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}
body .portfolio-next-project,body .portfolio-end-footer{box-sizing:border-box;font-family:"Portfolio Navigation","Noto Sans SC","Microsoft YaHei",sans-serif;letter-spacing:0}
body .portfolio-next-project{display:block;width:100%;max-width:none;min-height:0;margin:0;padding:80px 0;border:0;border-radius:0;background:#111214;color:#f5f5f2;overflow:visible}
.portfolio-navigation-inner{box-sizing:border-box;width:min(calc(100% - clamp(24px,5.55vw,80px) * 2),1280px);margin-inline:auto}
.portfolio-next-project .portfolio-next-eyebrow{margin:0 0 24px;padding:0;color:#b4bac3;font-size:15px;font-weight:500;line-height:1.6;letter-spacing:.09em}
.portfolio-next-project .portfolio-next-row{display:flex;justify-content:space-between;align-items:center;gap:48px;min-width:0}
.portfolio-next-project .portfolio-next-copy{flex:1;min-width:0}
.portfolio-next-project .portfolio-next-type{margin:0 0 16px;color:#b4bac3;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.035em}
.portfolio-next-project .portfolio-next-title{max-width:840px;margin:0;padding:0;color:#f5f5f2;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.4;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}
.portfolio-next-project .portfolio-next-description{max-width:660px;margin:22px 0 0;padding:0;color:#b4bac3;font-size:15px;font-weight:400;line-height:1.85;text-wrap:pretty}
.portfolio-next-project .portfolio-next-link{display:inline-flex;flex:none;justify-content:space-between;align-items:center;gap:32px;min-height:48px;margin:28px 0 0;padding:4px 0 10px;border:0;border-bottom:1px solid #9299a3;border-radius:0;background:none;color:#f5f5f2;font-size:14px;font-weight:400;line-height:1.6;text-decoration:none;white-space:nowrap}
.portfolio-next-project .portfolio-next-link>span{display:inline-block;font-size:20px;transition:transform .18s ease-out}
.portfolio-next-project .portfolio-next-link:hover>span{transform:translateX(4px)}
.portfolio-next-project .portfolio-next-link:hover{color:#fff;border-bottom-color:#fff}
.portfolio-next-project .portfolio-next-link:focus-visible{outline:2px solid #cbd9ff;outline-offset:6px}
body .portfolio-end-footer{display:block;width:100%;max-width:none;margin:0;padding:22px 0;border:0;border-top:1px solid #e0e3e5;border-radius:0;background:#f7f7f4;color:#5d6f81;font-size:12px;font-weight:400;line-height:1.6}
.portfolio-end-footer .portfolio-navigation-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.portfolio-end-footer a{display:inline-flex;align-items:center;min-height:44px;padding:0;color:inherit;font:inherit;text-decoration:none;white-space:nowrap}
.portfolio-end-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.portfolio-end-footer a:focus-visible{outline:2px solid #3157f6;outline-offset:4px}
.portfolio-end-footer .portfolio-end-credit{margin:0;color:inherit;font:inherit;text-align:center}
@media(max-width:700px){
  #portfolio-return{font-size:15px;gap:5px}
  .portfolio-navigation-inner{width:calc(100% - 40px)}
  body .portfolio-next-project{padding-block:56px}
  .portfolio-next-project .portfolio-next-eyebrow{font-size:13px;margin-bottom:22px}
  .portfolio-next-project .portfolio-next-row{display:block}
  .portfolio-next-project .portfolio-next-title{font-size:clamp(27px,7vw,32px);line-height:1.45}
  .portfolio-next-project .portfolio-next-description{font-size:14px;margin-top:18px}
  .portfolio-next-project .portfolio-next-link{margin-top:28px;font-size:13px;gap:30px}
  body .portfolio-end-footer{padding-block:16px}
  .portfolio-end-footer .portfolio-navigation-inner{flex-wrap:wrap;gap:8px 16px}
  .portfolio-end-footer .portfolio-end-credit{order:3;flex-basis:100%;font-size:11px;text-align:left}
}
@media(prefers-reduced-motion:reduce){.portfolio-next-project .portfolio-next-link>span{transition:none}.portfolio-next-project .portfolio-next-link:hover>span{transform:none}}