/* Upfront investigations and recruitment project. */
.project-ideas{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);max-width:52ch}
.portfolio .project-ideas h4{font:500 20px/24px 'Blender Medium',sans-serif;letter-spacing:-.3px;margin:0;color:var(--ink)}
.proj .project-ideas ul{margin-top:16px;gap:18px;max-width:none}
.project-ideas li{color:var(--muted)}
.project-ideas strong{font:500 16px/22px 'Blender Medium',sans-serif;color:var(--ink)}
.recruitment-flow ol{list-style:none;display:grid;gap:0;padding:0;margin:0;border:1px solid var(--line);background:var(--soft)}
.recruitment-flow li{padding:24px;display:grid;gap:10px}
.recruitment-flow li::before{display:none}
.recruitment-flow li+li{border-top:1px solid var(--line)}
.recruitment-flow span{font-size:12px;line-height:16px;color:var(--muted);letter-spacing:.04em}
.recruitment-flow b{font:500 24px/28px 'Blender Medium',sans-serif;letter-spacing:-.4px}
.more-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:1400px){
 .portfolio .topbar{height:auto;min-height:46px;grid-template-columns:1fr auto 1fr;row-gap:0}
 .portfolio .workbench-nav{grid-row:2;grid-column:1/-1;min-height:42px;gap:28px;border-bottom:1px solid var(--line);overflow-x:auto;max-width:100%;justify-content:flex-start}
 .portfolio .workbench-nav a{flex-shrink:0;font-size:16px}
 html{scroll-padding-top:108px}
}
@media(max-width:767px){
 .project-ideas{margin-top:24px;padding-top:20px;max-width:none}
 .portfolio .workbench-nav{gap:20px}
 .recruitment-flow li{padding:20px}
}
@media(prefers-color-scheme:dark){
 :root{--ink:#f1f1f1;--paper:#151515;--soft:#242424;--line:#3b3b3b;--muted:#b3b3b3;background:var(--paper);color-scheme:dark}
 html{color-scheme:dark}
 body.portfolio,.portfolio .hero{background:var(--paper);color:var(--ink)}
 .portfolio .announcement{background:var(--soft);color:var(--ink)}
 .portfolio header.top,.portfolio .topbar{background:rgba(21,21,21,.96)}
 .portfolio .wordmark{color:var(--ink)}
 .portfolio .count,.portfolio .tile .shot,.portfolio figure .frame{background:var(--soft)}
 .portfolio .btn{background-color:var(--ink);color:var(--paper)}
 .portfolio .btn:hover{color:#fff}
 .portfolio .btn.light{background-color:var(--paper);color:var(--ink);border-color:var(--line)}
}