/* Identical navigation on all three portfolio pages. */
.portfolio-header{display:flex;align-items:center;justify-content:space-between;gap:30px;height:100px;min-height:100px;padding:0;margin:0;border-bottom:1px solid #3a2d60;box-shadow:none}
.portfolio-header .brand{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:550;letter-spacing:.01em;white-space:nowrap}
.portfolio-header .brand img{width:36px;height:36px;flex-shrink:0}
.portfolio-header .brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.13em;color:#7666a2;margin-top:7px}
.portfolio-header .portfolio-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-self:auto;align-items:stretch;margin:0;padding:5px;border:1px solid #302255;border-radius:9px;background:#140e24;box-shadow:none;width:410px;flex-shrink:0}
.portfolio-header .portfolio-nav a{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;min-height:42px;padding:0 13px;margin:0;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:450;line-height:1;color:#998eb9;background:transparent;position:relative;text-decoration:none;box-shadow:none;white-space:nowrap;transition:background .15s,color .15s}
.portfolio-header .portfolio-nav a:before,.portfolio-header .portfolio-nav a:after{display:none;content:none}
.portfolio-header .portfolio-nav .nav-number{font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.03em;color:#71629e}
.portfolio-header .portfolio-nav a[aria-current="page"]{color:#e6e6e1;border-color:#484069;background:#281e4a;box-shadow:none}
.portfolio-header .portfolio-nav a[aria-current="page"] .nav-number{color:#a19ac1}
.portfolio-header .portfolio-nav a:hover{background:#1f1739;color:#e6e6e1}
.portfolio-header .portfolio-nav a:focus-visible{outline:2px solid #b3b2fb;outline-offset:3px}
.design-process-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid #aea7cf;border-radius:7px;padding:12px 15px;min-height:44px;background:#b3b2fb;color:#19122e;font-size:12px;font-weight:550;box-shadow:none}
.design-process-button .icon{width:19px;height:19px;padding:0;color:inherit}
.design-process-button:hover{background:#e6e6e1;border-color:#e6e6e1}
.method-preview h2{margin-bottom:16px}.workflow-section-actions{display:flex;align-items:center;gap:20px;font-size:10px;line-height:1.9;color:#7e6fa6}.workflow-section-actions .quiet{font-size:10px;padding:9px 12px;border:1px solid #33255c;border-radius:6px;white-space:nowrap}
@media(max-width:1100px){.portfolio-header{gap:20px}.portfolio-header .portfolio-nav{width:365px}.portfolio-header .brand{font-size:13px}.portfolio-header .portfolio-nav a{font-size:11px;padding:0 9px}.method-preview>div{align-items:center}.method-preview .design-process-button{margin-left:auto}}
@media(max-width:780px){.portfolio-header{height:auto;min-height:136px;display:flex;flex-wrap:wrap;gap:18px;padding:19px 0 15px}.portfolio-header .brand{font-size:13px}.portfolio-header .brand img{width:32px;height:32px}.portfolio-header .brand small{font-size:8px}.portfolio-header .portfolio-nav{width:100%;padding:4px;gap:3px;order:2;min-height:0}.portfolio-header .portfolio-nav a{height:39px;min-height:39px;font-size:11px;padding:0 6px;gap:6px}.portfolio-header .portfolio-nav .nav-number{font-size:8px}.method-preview .design-process-button{margin-left:0;margin-top:2px;font-size:11px;padding:11px 14px}.workflow-section-actions{align-items:flex-start;flex-direction:column;gap:10px}.workflow-section-actions .quiet{font-size:9px}.portfolio-header .portfolio-nav a{align-self:stretch}}
@media(prefers-reduced-motion:reduce){.portfolio-header .portfolio-nav a{transition:none}}

.portfolio-header .portfolio-nav a>span:not(.nav-number){font-size:13px;font-weight:500;color:inherit}
.portfolio-layout{max-width:1424px;padding:0 56px}
@media(max-width:1100px){.portfolio-layout{padding:0 32px}.portfolio-header .portfolio-nav a>span:not(.nav-number){font-size:12px}}
@media(max-width:780px){.portfolio-layout{padding:0 23px}.portfolio-header .portfolio-nav a>span:not(.nav-number){font-size:11px}}
@media(max-width:780px){.actions{flex-wrap:wrap;gap:12px 20px}.actions .button{white-space:nowrap;flex-shrink:0}.actions .text-link{white-space:nowrap;min-height:32px}}