/* Shared black surfaces and dedicated portfolio. */
:root{--paper:#08090b;--ink:#f5f6f8;--muted:#a1a7b3;--line:#282c33}
body,.hero,.approach,.work,.services,.process,.contact,.word-strip,footer{background:#08090b;color:#f5f6f8}
.work{--paper:#08090b;--ink:#f5f6f8;--muted:#a1a7b3;--line:#282c33}
.word-strip{border-block:1px solid #282c33}.word-strip i{color:#3877ed}.word-strip span{color:#d6dae3}
.contact{border-top:1px solid #282c33}.contact:before{color:#ffffff02}.contact .section-kicker,.work .section-kicker{color:#a1a7b3}.contact .section-kicker>span:last-child{color:#7e8797}.contact h2 em{color:#3877ed}.contact-layout>div>p{color:#a1a7b3}.contact .light{background:#3877ed;color:#fff}.contact .light:hover{background:#2966d8}.contact input::placeholder,.contact textarea::placeholder{color:#7f8999}.contact-bottom{color:#929cac;border-color:#282c33}.contact .form-note{color:#929cac}
.principle-art{background:#08090b;border-color:#20242c}.header nav a[aria-current=page]{color:#fff}.header nav a[aria-current=page]:after{transform:scaleX(1)}
.portfolio-invite{border-block:1px solid #282c33;padding:75px 0 28px}.invite-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:80px;margin:45px 0 55px}.invite-layout h2{font-size:clamp(56px,6vw,88px);line-height:1;letter-spacing:-4px}.invite-layout p{color:#a1a7b3;font-size:14px;line-height:1.8;margin-top:23px}.portfolio-door{display:flex;flex-direction:column;gap:30px;border-bottom:1px solid #47516a;padding:0 0 20px;transition:border-color .2s}.door-count{font-size:100px;letter-spacing:-7px;line-height:1;color:#3877ed}.door-count small{font-size:9px;letter-spacing:1.5px;color:#8e98aa;margin-left:15px}.door-action{display:flex;justify-content:space-between;align-items:center;font-size:18px;letter-spacing:-.4px}.door-action>span{font-size:44px;font-weight:400;transition:transform .25s;color:#3877ed}.portfolio-door:hover{border-color:#3877ed}.portfolio-door:hover .door-action>span{transform:translate(5px,-5px)}.invite-foot{border-top:1px solid #252a33;padding-top:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#838e9e}
.portfolio-intro{padding:36px 0 55px}.back-home{display:inline-flex;color:#a1a7b3;font-size:11px;margin-bottom:50px}.back-home:hover{color:#fff}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-top:30px}.portfolio-heading h1{font-size:clamp(72px,8vw,116px);line-height:1;letter-spacing:-5px}.portfolio-heading p{font-size:14px;line-height:1.8;color:#a1a7b3;max-width:340px;padding-bottom:8px}.portfolio-toolbar{border-color:#282c33;margin-bottom:0;padding-bottom:24px}.filters button{color:#a1a7b3;border:1px solid transparent}.filters button:hover{background:#171c26;color:#fff}.filters .active,.filters .active:hover{background:#3877ed;color:#fff}.filter-status{font-size:10px;color:#8e98aa}.case-study{padding:32px 0 65px;border-bottom:1px solid #282c33}.case-study[hidden]{display:none}.case-topline{display:flex;justify-content:space-between;color:#8792a4;font-size:8px;letter-spacing:1.4px;margin-bottom:28px}.case-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:55px;align-items:start}.case-image{display:block;overflow:hidden;border:1px solid #303641;background:#08090b;transition:border-color .25s}.case-image:hover{border-color:#3877ed}.case-browser{display:flex;justify-content:space-between;align-items:center;background:#11141b;border-bottom:1px solid #303641;padding:12px;color:#939daf;font-size:8px;letter-spacing:.3px}.case-browser>span:first-child{font-size:6px;letter-spacing:3px;color:#526078}.case-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}.case-image:hover img{transform:scale(1.015)}.case-sector{font-size:7px;letter-spacing:1px;color:#8fa7d5;line-height:1.6;display:block;margin-bottom:13px}.case-content h2{font-size:clamp(30px,3vw,44px);letter-spacing:-1.7px;line-height:1.1}.case-content>p{font-size:13px;line-height:1.85;color:#a6afbe;margin-top:21px}.case-features{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.case-features li{font-size:10px;line-height:1.6;color:#a6afbe;border-top:1px solid #282c33;padding-top:10px}.case-link{display:inline-flex;align-items:center;gap:35px;padding:9px 0;font-size:12px;color:#f5f6f8;border-bottom:1px solid #4f6288}.case-link span{font-size:23px;color:#669aff}.case-link:hover{color:#82acff;border-color:#3877ed}.portfolio-next{padding:100px 0;border-bottom:1px solid #282c33}.portfolio-next h2{margin:27px 0 32px}.portfolio-next .button{display:inline-flex}.portfolio-cases{padding-bottom:0}a:focus-visible,button:focus-visible{outline:2px solid #82acff;outline-offset:5px}
@media(max-width:1000px){.case-layout{gap:30px;grid-template-columns:1.2fr 1fr}.case-content>p{font-size:12px}.case-features{gap:10px}.invite-layout{gap:45px}}
@media(max-width:760px){.invite-layout{grid-template-columns:1fr;gap:35px;margin:32px 0}.portfolio-invite{padding:50px 0 25px}.invite-layout h2{font-size:60px;letter-spacing:-3px}.portfolio-door{gap:16px}.door-count{font-size:72px;letter-spacing:-4px}.door-action{font-size:17px}.invite-foot{font-size:6px;gap:16px;line-height:1.6}.invite-foot>span:last-child{display:none}.portfolio-intro{padding:26px 0 32px}.back-home{margin-bottom:35px}.portfolio-heading{display:block;margin-top:25px}.portfolio-heading h1{font-size:72px;letter-spacing:-4px}.portfolio-heading p{font-size:12px;margin-top:25px}.portfolio-toolbar{margin-top:0;gap:12px;align-items:start;flex-wrap:wrap}.filter-status{font-size:9px}.case-layout{grid-template-columns:1fr;gap:28px}.case-study{padding:26px 0 42px}.case-topline{margin-bottom:20px}.case-content h2{font-size:36px}.case-content>p{font-size:13px}.case-features li{font-size:11px}.case-sector{font-size:7px}.portfolio-next{padding:65px 0}.portfolio-next h2{font-size:44px;letter-spacing:-2px}.filters button{padding:10px 11px;font-size:9px}.case-content>p{margin-top:16px}.case-features{margin:20px 0}}
@media(prefers-reduced-motion:reduce){.case-image img,.door-action>span{transition:none}}