#portfolio{width:100%}#portfolio .cp-stage{width:100%;container-type:inline-size;margin:auto;transition:max-width .2s}#portfolio .cp-site{--paper:light-dark(#f6f4ee,#171d19);--ink:light-dark(#233128,#ecf0e8);--muted-ink:light-dark(#5c685e,#b0bdb2);--rule:light-dark(#d4dbcf,#3b493e);--wash:light-dark(#e6ebde,#273426);--deep:light-dark(#293e2e,#d1e2bb);--on-deep:light-dark(#f4f6eb,#1b291b);--green:light-dark(#41633b,#bdd69f);color:var(--ink);background:var(--paper);font-family:Inter,Arial,Helvetica,sans-serif;overflow-wrap:break-word}#portfolio .cp-site *{box-sizing:border-box}#portfolio .cp-site [hidden]{display:none!important}#portfolio .cp-site button,#portfolio .cp-site summary{font:inherit;cursor:pointer}#portfolio .cp-site button{color:inherit}#portfolio .cp-site a{color:inherit;text-decoration:none}#portfolio .cp-site a:focus-visible,#portfolio .cp-site button:focus-visible,#portfolio .cp-site summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}#portfolio .cp-site h1,#portfolio .cp-site h2,#portfolio .cp-site h3{color:var(--ink)}#portfolio .cp-nav{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px 6%;border-bottom:1px solid var(--rule)}#portfolio .cp-wordmark{border:0;background:none;padding:0;font-size:21px!important;font-weight:700!important;letter-spacing:-1px}#portfolio .cp-wordmark span{color:var(--green)}#portfolio .cp-nav nav{display:flex;gap:25px}#portfolio .cp-nav nav button{border:0;background:transparent;padding:9px 0;font-size:13px}#portfolio .menu-toggle{display:none;border:0;background:transparent;padding:10px 0;font-size:13px}#portfolio .mobile-menu{background:var(--wash);padding:12px 6% 20px}#portfolio .mobile-menu button{display:flex;justify-content:space-between;width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--rule);background:none;text-align:left}#portfolio .cp-kicker{font:10px/1.6 Arial,Helvetica,sans-serif;letter-spacing:1px}#portfolio .cp-small{font:12px/1.5 Arial,sans-serif;color:var(--muted-ink)}#portfolio .cp-location{font:10px/1.6 Arial,Helvetica,sans-serif;color:var(--muted-ink);letter-spacing:1px}#portfolio .hero{padding-top:58px;padding-bottom:45px}#portfolio .hero-top{display:flex;justify-content:space-between;gap:15px}#portfolio .cp-site h1{font-size:clamp(38px,7.2cqw,76px);font-weight:500;letter-spacing:-3.6px;line-height:1.03;margin:28px 0 30px}#portfolio .cp-site em{font-family:Georgia,serif;font-weight:400;color:var(--green)}#portfolio .cp-site h2{font-size:clamp(29px,4.1cqw,43px);font-weight:500;line-height:1.1;letter-spacing:-1.4px;margin:22px 0}#portfolio .cp-site h3{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.6px;margin:16px 0}#portfolio .cp-site p{font-size:15px;line-height:1.7;color:var(--muted-ink);margin:12px 0}#portfolio .hero-bottom{display:flex;justify-content:space-between;gap:45px;align-items:center}#portfolio .hero-bottom p{max-width:430px;font-size:16px}#portfolio .cp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--deep);color:var(--on-deep)!important;border:0;border-radius:3px;padding:16px 20px;font-size:13px;line-height:1.4;flex-shrink:0}#portfolio .cp-button:hover{filter:brightness(1.08)}#portfolio .hero-landscape{background:var(--wash);border:1px solid var(--rule);margin-top:37px;padding:25px;border-radius:4px}#portfolio .landscape-top,#portfolio .landscape-bottom{display:flex;justify-content:space-between;gap:15px;font:9px/1.6 Arial,Helvetica,sans-serif;letter-spacing:1px;color:var(--muted-ink)}#portfolio .landscape-track{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:center;padding:30px 0 32px}#portfolio .landscape-track>div{display:flex;flex-direction:column;gap:10px}#portfolio .landscape-track>div>span{font:10px Arial,Helvetica,sans-serif;color:var(--green)}#portfolio .landscape-track strong{font-weight:500;font-size:clamp(19px,2.8cqw,29px);letter-spacing:-1px}#portfolio .landscape-track small{font-size:11px;color:var(--muted-ink)}#portfolio .landscape-track>i{height:1px;background:var(--green);margin:0 20px}#portfolio .landscape-bottom{border-top:1px solid var(--rule);padding-top:15px}#portfolio .section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:25px;border-top:1px solid var(--rule)}#portfolio .practice{padding-bottom:40px}#portfolio .atlas-grid{display:grid;grid-template-columns:220px 1fr;gap:60px;padding:35px 0 15px}#portfolio .atlas-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px}#portfolio .atlas-nav button{background:transparent;border:0;border-bottom:1px solid var(--rule);padding:18px 12px;display:flex;gap:12px;text-align:left;font-size:14px;border-radius:2px}#portfolio .atlas-nav button>span:first-child{font:10px/1.6 Arial,Helvetica,sans-serif;opacity:.8}#portfolio .atlas-nav button>span:last-child{margin-left:auto}#portfolio .atlas-nav button[aria-pressed=true]{background:var(--deep);color:var(--on-deep)}#portfolio .practice-content{min-height:280px}#portfolio .practice-content h2{margin:12px 0 16px}#portfolio .practice-content p{max-width:490px}#portfolio .practice-route{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:24px 0;font:11px/1.6 Arial,Helvetica,sans-serif}#portfolio .practice-route i{font-style:normal;color:var(--green)}#portfolio .text-link{border:0;background:transparent;padding:10px 0;display:inline-block;font-size:13px!important;border-bottom:1px solid var(--rule);text-align:left}#portfolio .selected{padding-bottom:45px}#portfolio .selected>h2{margin-bottom:30px}#portfolio .flagship{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding-bottom:36px;border-bottom:1px solid var(--rule)}#portfolio .flagship-art{background:var(--wash);padding:23px;position:relative;border-radius:4px;min-height:330px}#portfolio .art-caption{display:flex;justify-content:space-between;gap:15px;font:9px/1.6 Arial,Helvetica,sans-serif;color:var(--muted-ink)}#portfolio .order-sheet{background:var(--paper);padding:22px 18px;margin:26px 0 25px;transform:rotate(-3deg);border:1px solid var(--rule);box-shadow:0 10px 30px #00000012}#portfolio .sheet-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font:9px Arial,Helvetica,sans-serif;color:var(--muted-ink)}#portfolio .pill{background:var(--wash);border-radius:20px;padding:5px 8px}#portfolio .order-sheet h3{font-size:26px;margin:18px 0}#portfolio .step-line{display:flex;gap:8px;justify-content:space-between;font:10px/1.6 Arial,Helvetica,sans-serif;padding:14px 0}#portfolio .step-line i{font-style:normal;color:var(--green)}#portfolio .sheet-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--rule);padding:10px 0;font-size:10px}#portfolio .sheet-row b{font-weight:500}#portfolio .art-foot{font:9px/1.5 Arial,Helvetica,sans-serif;color:var(--muted-ink)}#portfolio .flagship-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}#portfolio .flagship-copy h3{font-size:30px;line-height:1.14;margin:20px 0 7px}#portfolio .tags,#portfolio .stack{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}#portfolio .tags span,#portfolio .stack span{font:10px/1.5 Arial,Helvetica,sans-serif;border:1px solid var(--rule);padding:5px 8px;border-radius:2px}#portfolio .flagship-copy small{font-size:10px;line-height:1.5;color:var(--muted-ink);margin-top:14px}#portfolio .secondary-work{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}#portfolio .secondary-work p{font-size:14px}#portfolio .dsp-art,#portfolio .knowledge-art{height:245px;padding:23px;border-radius:4px;overflow:hidden}#portfolio .dsp-art{background:light-dark(#27372e,#23362a);color:#ecf0e4}#portfolio .dsp-art>span:last-child{font-size:29px;line-height:1.1;letter-spacing:-1px;display:block}#portfolio .dsp-art em{color:#c6dda9}#portfolio .wave{height:75px;display:flex;align-items:center;gap:5px;margin:8px 0 15px}#portfolio .wave i{flex:1;height:20%;background:#c6dda9}#portfolio .wave i:nth-child(3n){height:90%}#portfolio .wave i:nth-child(3n+1){height:55%}#portfolio .wave i:nth-child(7n){height:30%}#portfolio .knowledge-art{background:var(--wash)}#portfolio .knowledge-words{display:flex;flex-direction:column;margin:22px 0;font-size:31px;line-height:1.08;letter-spacing:-1px}#portfolio .cp-site details{border-top:1px solid var(--rule);margin-top:17px}#portfolio .cp-site summary{padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none;font-size:13px}#portfolio .cp-site summary::-webkit-details-marker{display:none}#portfolio .cp-site details p{font-size:14px}#portfolio .method{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:35px;padding-bottom:45px;border-top:1px solid var(--rule)}#portfolio .method-steps details{margin:0}#portfolio .method-steps summary{padding:19px 0}#portfolio .method-steps summary>span:first-child{font:10px Arial,Helvetica,sans-serif;color:var(--muted-ink)}#portfolio .method-steps summary>span:last-child{margin-left:auto}#portfolio .method-steps p{padding-bottom:16px}#portfolio .about{padding-bottom:50px}#portfolio .about-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:55px;align-items:center;padding-top:35px}#portfolio .about-monogram{min-height:350px;background:var(--wash);padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-radius:3px}#portfolio .about-monogram>span{font:italic 100px/1 Georgia,serif;letter-spacing:-6px;color:var(--green)}#portfolio .about-monogram small{font:10px/1.8 Arial,Helvetica,sans-serif;color:var(--muted-ink)}#portfolio .next-chapter{margin-top:25px;border-left:2px solid var(--green);padding-left:18px}#portfolio .next-chapter h3{font-size:19px;margin:10px 0}#portfolio .next-chapter p{font-size:13px;margin:7px 0}#portfolio .next-chapter small{font-size:10px;color:var(--muted-ink)}#portfolio .cp-footer{background:var(--wash);padding-top:40px;padding-bottom:23px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:35px}#portfolio .cp-footer p{font-size:13px}#portfolio .contact-options{display:flex;flex-direction:column;gap:20px}#portfolio .contact-options a{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--rule);font-size:14px}#portfolio .footer-base{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding-top:20px;font:9px/1.6 Arial,Helvetica,sans-serif;color:var(--muted-ink)}#portfolio .case-hero{padding-top:27px;padding-bottom:40px}#portfolio .back-link{margin-bottom:35px}#portfolio .case-deck{font-size:18px!important;max-width:620px}#portfolio .case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:25px 0;margin:25px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}#portfolio .case-meta>div{display:flex;flex-direction:column;gap:9px}#portfolio .case-meta span{font:9px Arial,Helvetica,sans-serif;color:var(--muted-ink);letter-spacing:.7px}#portfolio .case-meta strong{font-size:12px;font-weight:500;line-height:1.5}#portfolio .case-cover{background:var(--wash);padding:25px;border-radius:4px}#portfolio .cover-heading{display:flex;justify-content:space-between;gap:20px;font:9px/1.6 Arial,Helvetica,sans-serif;color:var(--muted-ink)}#portfolio .cover-record{background:var(--paper);border:1px solid var(--rule);margin:30px auto 5px;width:86%;padding:25px 30px;box-shadow:0 12px 35px #0000000a}#portfolio .cover-record h3{font-size:34px;letter-spacing:-1px;margin:18px 0}#portfolio .cover-flow{display:flex;align-items:center;gap:15px;font:12px/1.5 Arial,Helvetica,sans-serif;padding:25px 0}#portfolio .cover-flow i{font-style:normal;color:var(--green)}#portfolio .cover-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--rule);padding-top:15px;font-size:10px;color:var(--muted-ink)}#portfolio .case-layout{display:grid;grid-template-columns:170px 1fr;gap:40px;padding-bottom:40px}#portfolio .case-index{display:flex;flex-direction:column;gap:18px;align-items:flex-start;border-top:1px solid var(--rule);padding-top:25px}#portfolio .case-index a{font-size:12px;color:var(--muted-ink)}#portfolio .case-index a:hover{color:var(--green)}#portfolio .case-body{min-width:0}#portfolio .case-body section{border-top:1px solid var(--rule);padding:25px 0 38px}#portfolio .case-body h2{font-size:clamp(28px,3.7cqw,37px)}#portfolio blockquote{font-size:24px;line-height:1.4;letter-spacing:-.5px;margin:28px 0;padding:20px 0 20px 22px;border-left:2px solid var(--green)}#portfolio .scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}#portfolio .scope-grid p{font-size:13px}#portfolio .architecture{background:var(--wash);padding:24px;margin-top:25px;border-radius:4px}#portfolio .architecture button{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:17px 12px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-width:0}#portfolio .architecture button[aria-pressed=true]{background:var(--deep);color:var(--on-deep);border-color:transparent}#portfolio .architecture small{font:9px Arial,Helvetica,sans-serif}#portfolio .architecture strong{font-weight:500;font-size:16px}#portfolio .architecture button>span{font-size:11px;line-height:1.5}#portfolio .client-layer{display:grid;grid-template-columns:1fr 1fr;gap:15px}#portfolio .arch-connector{text-align:center;padding:10px;color:var(--green)}#portfolio .server-node{width:100%}#portfolio .service-layer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}#portfolio .service-layer button{font-size:12px;padding:15px 8px}#portfolio .node-description{margin-top:24px;padding-top:18px;border-top:1px solid var(--rule);min-height:130px}#portfolio .node-copy{font-size:13px!important}#portfolio .figure-caption{font:11px/1.6 Arial,sans-serif!important;color:var(--muted-ink);margin-top:12px!important}#portfolio .scenario{margin-top:25px;padding:23px;background:var(--wash);border-radius:4px}#portfolio .scenario-top{display:flex;justify-content:space-between;align-items:center;gap:15px}#portfolio .sample-tag{font:9px Arial,Helvetica,sans-serif;color:var(--muted-ink)}#portfolio .scenario-options{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}#portfolio .scenario-options button{padding:10px 12px;font-size:11px;border:1px solid var(--rule);background:var(--paper);border-radius:3px}#portfolio .scenario-options button[aria-pressed=true]{background:var(--deep);color:var(--on-deep);border-color:transparent}#portfolio .operation-ticket{background:var(--paper);border:1px solid var(--rule);padding:22px;min-height:295px}#portfolio .operation-ticket>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}#portfolio .status-mark{font:10px/1.5 Arial,Helvetica,sans-serif;background:var(--wash);padding:5px 8px;border-radius:15px}#portfolio .operation-ticket h3{font-size:25px;line-height:1.2;margin:20px 0}#portfolio .operation-row{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--rule);padding:12px 0;font-size:12px}#portfolio .operation-row strong{font-weight:500;text-align:right}#portfolio .scenario-copy{font-size:12px!important}#portfolio .scenario-foot{margin-top:20px}#portfolio .scenario-foot p{font-size:13px}#portfolio .decision-list details{margin:0}#portfolio .decision-list summary{font-size:14px;line-height:1.5}#portfolio .decision-list summary>span:first-child{font:10px Arial,Helvetica,sans-serif;color:var(--muted-ink)}#portfolio .decision-list summary>span:last-child{margin-left:auto}#portfolio .decision-list p{padding-bottom:16px}#portfolio .outcome-row{display:grid;grid-template-columns:30px 1fr;gap:15px;border-top:1px solid var(--rule);padding:15px 0}#portfolio .outcome-row>span{font:10px Arial,Helvetica,sans-serif;color:var(--green);padding-top:7px}#portfolio .outcome-row h3{font-size:19px;margin:0 0 10px}#portfolio .outcome-row p{font-size:14px;margin:0}#portfolio .evidence-note{padding:20px;background:var(--wash);margin-top:25px}#portfolio .evidence-note p{font-size:12px;margin:8px 0 0}#portfolio .reflection .stack{margin-top:25px}@container (max-width:650px){#portfolio .cp-nav{padding-top:20px;padding-bottom:20px}#portfolio .cp-nav nav{display:none}#portfolio .menu-toggle{display:flex;gap:18px;align-items:center;min-height:44px}#portfolio .cp-wordmark{font-size:20px!important}#portfolio .hero{padding-top:35px;padding-bottom:30px}#portfolio .cp-site h1{font-size:42px;line-height:1.05;letter-spacing:-2px;margin:24px 0}#portfolio .cp-location{display:none}#portfolio .hero-bottom{display:block}#portfolio .hero-bottom p{font-size:15px;margin-bottom:22px}#portfolio .cp-button{min-height:48px}#portfolio .hero-landscape{padding:20px;margin-top:30px}#portfolio .landscape-top>span:last-child{display:none}#portfolio .landscape-track{grid-template-columns:1fr;padding:20px 0;gap:14px}#portfolio .landscape-track>div{display:grid;grid-template-columns:25px 1fr;gap:5px 12px;align-items:center}#portfolio .landscape-track strong{font-size:24px}#portfolio .landscape-track small{grid-column:2}#portfolio .landscape-track>i{width:1px;height:20px;margin-left:11px}#portfolio .landscape-bottom{display:block;font-size:9px}#portfolio .landscape-bottom>span{display:block;margin-top:4px}#portfolio .section-head{align-items:flex-start}#portfolio .section-head>.cp-small{display:none}#portfolio .atlas-grid{grid-template-columns:1fr;gap:23px;padding-top:22px}#portfolio .atlas-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}#portfolio .atlas-nav button{flex-direction:column;padding:12px 8px;gap:8px;font-size:11px;min-height:70px}#portfolio .atlas-nav button>span:last-child{display:none}#portfolio .practice-content{min-height:290px}#portfolio .practice-content h2{font-size:31px}#portfolio .practice-route{gap:9px;font-size:10px}#portfolio .cp-site h2{font-size:32px;letter-spacing:-1px}#portfolio .flagship{grid-template-columns:1fr;gap:24px}#portfolio .flagship-art{padding:18px;min-height:310px}#portfolio .order-sheet{padding:18px 15px}#portfolio .art-caption{font-size:8px}#portfolio .order-sheet h3{font-size:26px}#portfolio .sheet-head{font-size:8px}#portfolio .sheet-row{font-size:10px}#portfolio .flagship-copy h3{font-size:29px}#portfolio .secondary-work{grid-template-columns:1fr;gap:28px}#portfolio .secondary-work article>h3{font-size:23px}#portfolio .dsp-art,#portfolio .knowledge-art{height:250px}#portfolio .method{grid-template-columns:1fr;gap:20px;padding-top:28px;padding-bottom:32px}#portfolio .about-grid{grid-template-columns:1fr;gap:20px;padding-top:25px}#portfolio .about-monogram{min-height:210px;padding:25px}#portfolio .about-monogram>span{font-size:80px}#portfolio .cp-footer{grid-template-columns:1fr;gap:25px;padding-top:32px}#portfolio .footer-base{flex-direction:column;gap:10px}#portfolio .case-hero{padding-top:20px;padding-bottom:30px}#portfolio .back-link{margin-bottom:26px}#portfolio .case-deck{font-size:16px!important}#portfolio .case-meta{grid-template-columns:1fr 1fr;gap:23px 15px;margin:24px 0;padding:22px 0}#portfolio .case-cover{padding:17px}#portfolio .cover-heading{flex-direction:column;gap:6px;font-size:8px}#portfolio .cover-record{padding:18px;width:100%;margin-top:20px}#portfolio .cover-record h3{font-size:28px}#portfolio .cover-flow{flex-direction:column;align-items:flex-start;gap:9px;font-size:12px;padding:18px 0}#portfolio .cover-flow i{transform:rotate(90deg);margin-left:12px}#portfolio .cover-bottom{flex-direction:column;font-size:10px}#portfolio .case-layout{grid-template-columns:1fr;gap:25px}#portfolio .case-index{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px;padding-top:20px}#portfolio .case-index>.cp-kicker{grid-column:1/-1;margin-bottom:2px}#portfolio .case-index a{font-size:11px;min-height:30px;padding:6px 0}#portfolio .case-body h2{font-size:31px}#portfolio .case-body p{font-size:14px}#portfolio .scope-grid{grid-template-columns:1fr;gap:15px}#portfolio .case-body blockquote{font-size:23px;padding-left:18px}#portfolio .architecture{padding:16px}#portfolio .client-layer{gap:10px}#portfolio .architecture button{padding:15px 8px;min-height:46px}#portfolio .architecture strong{font-size:16px}#portfolio .architecture button>span{font-size:10px}#portfolio .service-layer{grid-template-columns:1fr;gap:8px}#portfolio .service-layer button{font-size:13px}#portfolio .node-description{min-height:140px}#portfolio .scenario{padding:16px}#portfolio .scenario-top{display:block}#portfolio .sample-tag{display:block;margin-top:7px}#portfolio .scenario-options{display:grid;grid-template-columns:1fr}#portfolio .scenario-options button{min-height:44px;text-align:left;font-size:12px}#portfolio .operation-ticket{padding:17px;min-height:330px}#portfolio .operation-ticket>div:first-child{align-items:flex-start;flex-direction:column}#portfolio .operation-ticket h3{font-size:24px}#portfolio .operation-row{font-size:11px}#portfolio .decision-list summary{font-size:13px;min-height:52px}#portfolio .cp-site summary{min-height:48px}}@container (max-width:350px){#portfolio .cp-site h1{font-size:36px}#portfolio .atlas-nav button{font-size:10px}#portfolio .cp-kicker{font-size:9px}#portfolio .cp-button{gap:20px}}@media(prefers-reduced-motion:reduce){#portfolio .cp-stage{transition:none}}:root{font-family:Arial,Helvetica,sans-serif;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:light-dark(#f6f4ee,#171d19)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}::selection{background:#b9cba7;color:#233128}#portfolio .cp-stage{max-width:1440px}#portfolio main:focus{outline:none}#portfolio section[id]{scroll-margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#portfolio .skip-link{position:fixed;top:-100px;left:20px;z-index:10;padding:15px;background:var(--deep);color:var(--on-deep)}#portfolio .skip-link:focus{top:12px}#portfolio .cp-nav nav a{font-size:13px;padding:14px 0;min-height:44px}#portfolio a[aria-current=page]{border-bottom:2px solid var(--green)}#portfolio .nav-tools{display:flex;align-items:center;gap:20px}#portfolio .theme-label select{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:3px;padding:10px;min-height:44px;font-size:12px}#portfolio .mobile-menu a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--rule)}#portfolio input:focus-visible,#portfolio select:focus-visible{outline:3px solid var(--green);outline-offset:3px}#portfolio .disclosure-mark:before{content:"+"}#portfolio details[open]>summary .disclosure-mark:before{content:"−"}#portfolio .catalogue-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 28px;font-size:13px}#portfolio .signal-lab{margin:20px 0;color:var(--green)}#portfolio .signal-lab svg{display:block;width:100%;height:auto;max-height:130px}#portfolio .signal-lab label{display:block;font:11px/1.6 Arial,Helvetica,sans-serif}#portfolio .signal-lab output{float:right}#portfolio .signal-lab input{width:100%;min-height:44px;accent-color:var(--green);cursor:pointer}#portfolio .signal-lab small{font:10px/1.6 Arial,Helvetica,sans-serif}#portfolio .dsp-art{height:auto;min-height:300px}#portfolio .dsp-art>span:last-child{font-size:26px}#portfolio .page-intro{padding-top:54px;padding-bottom:55px}#portfolio .intro-copy{max-width:680px;font-size:18px;line-height:1.7}#portfolio .page-intro>.cp-button{margin-top:16px}#portfolio .detail-kicker{margin-top:30px}#portfolio .inventory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--rule);margin-top:40px;padding-top:25px}#portfolio .inventory-stats strong{font:42px/1 Georgia,serif;color:var(--green);display:block;margin-bottom:10px}#portfolio .inventory-stats span{font-size:12px;color:var(--muted-ink)}#portfolio .catalogue-section{padding-bottom:55px}#portfolio .filters{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr;gap:14px;background:var(--wash);padding:22px;border-radius:4px}#portfolio .filters label{font:11px/1.7 Arial,Helvetica,sans-serif;min-width:0}#portfolio .filters input,#portfolio .filters select{display:block;width:100%;min-height:48px;padding:11px;margin-top:8px;border:1px solid var(--rule);border-radius:3px;background:var(--paper);color:var(--ink);font:13px Arial,sans-serif}#portfolio .results-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0}#portfolio .results-heading p{font-size:12px}#portfolio .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#portfolio .project-card{padding:24px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);display:flex;flex-direction:column;transition:background .18s,border-color .18s}#portfolio .project-card:hover{background:var(--wash);border-color:var(--green)}#portfolio .project-card h2{font-size:24px;letter-spacing:-.7px;line-height:1.25;margin:22px 0 10px}#portfolio .project-card h2 a{display:block}#portfolio .project-card p{font-size:13px}#portfolio .project-card .tags{margin-top:auto;padding-top:18px}#portfolio .card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}#portfolio .visibility{font:10px/1.5 Arial,Helvetica,sans-serif;color:var(--muted-ink);border:1px solid var(--rule);padding:3px 7px;border-radius:20px}#portfolio .card-bottom{border-top:1px solid var(--rule);margin-top:22px;padding-top:14px;font:10px/1.6 Arial,Helvetica,sans-serif;color:var(--muted-ink);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;overflow-wrap:anywhere}#portfolio .empty-state{padding:45px 25px;border:1px solid var(--rule);text-align:center}#portfolio .detail-body{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;padding-bottom:60px}#portfolio .detail-body>div{min-width:0}#portfolio .source-panel{padding:28px;background:var(--wash);align-self:start;border-radius:4px;overflow-wrap:anywhere}#portfolio .source-panel dt{font:10px/1.6 Arial,Helvetica,sans-serif;color:var(--muted-ink);margin-top:18px}#portfolio .source-panel dd{margin:5px 0 0;font-size:14px}#portfolio .source-panel .text-link{display:block;margin-top:18px}#portfolio .related{margin-top:25px}#portfolio .timeline-row{display:grid;grid-template-columns:1fr 3fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--rule)}#portfolio .timeline-row h2{font-size:29px;margin:0 0 10px}#portfolio .timeline-row h3{font-size:17px}#portfolio .timeline-row>.cp-kicker{padding-top:6px}#portfolio .contact-panel{background:var(--wash);padding:30px;margin:35px 0;max-width:760px;border:1px solid var(--rule);border-radius:4px}#portfolio .email-address{display:block;font-size:clamp(20px,3.5vw,34px);letter-spacing:-1px;margin-top:20px;overflow-wrap:anywhere}#portfolio .contact-socials{display:flex;flex-wrap:wrap;gap:28px}#portfolio .cp-site button,#portfolio .cp-site summary{min-height:44px}#portfolio .case-meta strong{overflow-wrap:anywhere}@media(min-width:651px)and (max-width:1000px){#portfolio .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#portfolio .filters{grid-template-columns:1fr 1fr}#portfolio .cp-nav{gap:16px}#portfolio .cp-nav nav{gap:16px}}@media(max-width:650px){#portfolio .cp-nav{gap:10px}#portfolio .nav-tools{gap:12px}#portfolio .theme-label select{max-width:77px;padding:8px 4px}#portfolio .cp-wordmark{font-size:18px!important}#portfolio .project-grid,#portfolio .filters,#portfolio .detail-body,#portfolio .timeline-row{grid-template-columns:1fr}#portfolio .filters{padding:18px}#portfolio .project-card{padding:22px}#portfolio .page-intro{padding-top:35px;padding-bottom:35px}#portfolio .intro-copy{font-size:16px}#portfolio .catalogue-cta{align-items:flex-start;flex-direction:column;gap:0}#portfolio .inventory-stats{gap:12px}#portfolio .inventory-stats strong{font-size:34px}#portfolio .inventory-stats span{font-size:10px}#portfolio .detail-body{gap:25px;padding-bottom:35px}#portfolio .timeline-row{gap:12px}#portfolio .footer-base{flex-wrap:wrap}#portfolio .contact-panel{padding:22px}#portfolio .contact-socials{gap:18px}#portfolio .case-meta{gap:20px}#portfolio .operation-ticket>div:first-child{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:380px){#portfolio .cp-wordmark{font-size:16px!important}#portfolio .nav-tools{gap:8px}#portfolio .theme-label select{max-width:65px;font-size:11px}#portfolio .menu-toggle{font-size:12px;gap:10px}#portfolio .cp-nav{gap:8px}}@media print{#portfolio .cp-nav,#portfolio .cp-footer,#portfolio .no-print,#portfolio .skip-link{display:none}#portfolio .cp-site{--paper:white;--ink:black;--muted-ink:#333;--rule:#ccc;--green:#253f26;--wash:#eee}#portfolio .timeline-row{break-inside:avoid}#portfolio .cp-pad{padding-left:0;padding-right:0}body{background:#fff}}#portfolio .cp-site{font-family:Segoe UI,Arial,Helvetica,sans-serif}#portfolio .cp-site .cp-kicker,#portfolio .cp-site .cp-location{font-family:inherit;font-weight:600;letter-spacing:.085em;font-size:11px}#portfolio .cp-site h1{font-size:clamp(42px,6.8cqw,88px);letter-spacing:-.055em;line-height:1.04}#portfolio .cp-site h1 em{letter-spacing:-.045em}#portfolio .cp-site p{font-size:16px}#portfolio .cp-nav{position:relative;z-index:5;gap:24px}#portfolio .cp-nav nav{gap:24px}#portfolio .cp-nav nav a{position:relative;white-space:nowrap;border:0}#portfolio .cp-nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.16,1,.3,1)}#portfolio .cp-nav nav a:hover:after,#portfolio .cp-nav nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}#portfolio .nav-tools{gap:16px}#portfolio .preferences{display:flex;align-items:center;gap:10px}#portfolio .locale-switch{position:relative;display:flex;border:1px solid var(--rule);border-radius:28px;padding:3px;isolation:isolate}#portfolio .locale-switch:before{content:"";position:absolute;width:44px;height:38px;top:3px;left:3px;background:var(--deep);border-radius:24px;z-index:-1;transition:transform .3s cubic-bezier(.16,1,.3,1)}@media(max-width:650px){html[lang=de] #portfolio .page-home h1{font-size:clamp(32px,9.4cqw,58px);-webkit-hyphens:none;hyphens:none;text-wrap:balance}}#portfolio .locale-switch button{width:44px;min-height:38px;border:0;background:none;font:600 11px/1 Arial,sans-serif;letter-spacing:.04em;padding:0;transition:color .2s}#portfolio .locale-switch button[aria-pressed=true]{color:var(--on-deep)}#portfolio .appearance-control{position:relative}#portfolio .appearance-trigger{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--rule);border-radius:50%;background:transparent;transition:background .2s,transform .35s}#portfolio .appearance-trigger:hover,#portfolio .appearance-trigger[aria-expanded=true]{background:var(--wash);transform:rotate(-8deg)}#portfolio .appearance-panel{position:absolute;top:calc(100% + 14px);right:0;width:258px;background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:12px;box-shadow:0 18px 55px #0002;z-index:20}#portfolio .control-title{font-size:11px;font-weight:600;letter-spacing:.06em;margin:5px 10px 12px;text-transform:uppercase}#portfolio .appearance-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:13px 12px;border:0;border-radius:10px;background:transparent;transition:background .2s}#portfolio .appearance-option:hover,#portfolio .appearance-option[aria-pressed=true]{background:var(--wash)}#portfolio .appearance-option strong{display:block;font-weight:500;font-size:14px}#portfolio .appearance-option small{display:block;font-size:11px;line-height:1.5;color:var(--muted-ink);margin-top:3px}#portfolio .selection-dot{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--paper);font-size:12px;flex-shrink:0}#portfolio .appearance-option[aria-pressed=true] .selection-dot{background:var(--deep);color:var(--on-deep)}#portfolio .cp-button{position:relative;overflow:hidden;border-radius:40px;padding:17px 24px;gap:28px;min-height:54px;white-space:normal;max-width:100%;box-shadow:inset 0 0 0 1px var(--deep);transition:color .35s,background .35s,box-shadow .35s,transform .35s}#portfolio .cp-button:hover,#portfolio .cp-button:focus-visible{background:var(--paper);color:var(--ink)!important;transform:translateY(-3px);filter:none;box-shadow:inset 0 0 0 1px var(--deep),0 8px 18px #00000008}#portfolio .cp-button>span{display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1)}#portfolio .cp-button:hover>span{transform:translate(3px,-3px)}#portfolio .text-link{position:relative;border:0;background-image:linear-gradient(var(--rule),var(--rule));background-position:left bottom;background-size:100% 1px;background-repeat:no-repeat;transition:color .25s}#portfolio .text-link:after{content:"";height:1px;position:absolute;bottom:0;left:0;width:100%;background:var(--green);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}#portfolio .text-link:hover:after{transform:scaleX(1);transform-origin:left}#portfolio .project-card{border-radius:14px;transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s,box-shadow .4s,border-color .3s}#portfolio .project-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #00000008}#portfolio .project-card h2 a span{display:inline-block;transition:transform .35s}#portfolio .project-card:hover h2 a span{transform:translate(3px,-3px)}#portfolio .atlas-nav button{border-radius:8px;transition:background .3s,color .3s,padding .3s}#portfolio .atlas-nav button:hover{padding-left:18px}#portfolio .hero-landscape{border-radius:16px;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease-out;overflow:hidden}#portfolio .landscape-track>i{position:relative;overflow:hidden}#portfolio .landscape-track>i:after{content:"";position:absolute;inset:0;background:var(--green);transform:translate(-100%);animation:connect-line 1.6s cubic-bezier(.16,1,.3,1) .3s both}@keyframes connect-line{to{transform:translate(0)}}#portfolio .order-sheet{transition:transform .7s cubic-bezier(.16,1,.3,1)}#portfolio .flagship:hover .order-sheet{transform:rotate(0) translateY(-5px)}#portfolio .flagship-art,#portfolio .case-cover,#portfolio .architecture,#portfolio .scenario{border-radius:14px}#portfolio .architecture button{transition:background .25s,color .25s,transform .3s}#portfolio .architecture button:hover{transform:translateY(-2px)}#portfolio .scenario-options button{border-radius:25px;transition:background .25s,color .25s}#portfolio .operation-ticket{border-radius:8px}#portfolio .operation-ticket>.panel-transition>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}#portfolio .operation-ticket>.panel-transition:first-child{display:block}#portfolio .disclosure-mark{transition:transform .3s}#portfolio details[open] .disclosure-mark{transform:rotate(180deg)}#portfolio details[open]>p{animation:disclose .4s cubic-bezier(.16,1,.3,1)}@keyframes disclose{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}#portfolio .mobile-menu{position:relative;z-index:4}#portfolio .practice-content{min-height:320px}#portfolio .node-description{min-height:185px}#portfolio .operation-ticket{min-height:340px}@media(min-width:651px)and (max-width:1000px){#portfolio .cp-nav{gap:16px;padding-left:4%;padding-right:4%}#portfolio .cp-nav nav{gap:16px}#portfolio .cp-wordmark{font-size:19px!important}}@media(max-width:760px)and (min-width:651px){#portfolio .cp-nav nav{gap:10px}#portfolio .cp-nav nav a{font-size:12px}#portfolio .cp-nav{gap:10px}#portfolio .preferences{gap:6px}}@media(max-width:650px){#portfolio .cp-nav{flex-wrap:wrap;gap:12px;padding-top:18px;padding-bottom:18px}#portfolio .cp-wordmark{font-size:20px!important}#portfolio .nav-tools{margin-left:auto;gap:12px}#portfolio .preferences{gap:8px}#portfolio .cp-site h1{font-size:clamp(36px,10.3cqw,62px);letter-spacing:-.055em;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}#portfolio .cp-site h2{-webkit-hyphens:auto;hyphens:auto}#portfolio .cp-button{gap:18px;padding:16px 22px}#portfolio .hero-landscape{transform:none}#portfolio .practice-content{min-height:340px}#portfolio .atlas-nav button:hover{padding-left:8px}#portfolio .operation-ticket{min-height:390px}#portfolio .appearance-panel{right:-70px}#portfolio .cp-site p{font-size:15px}#portfolio .locale-switch button{width:42px}#portfolio .locale-switch:before{width:42px}#portfolio .locale-switch.german:before{transform:translate(42px)}}@media(max-width:440px){#portfolio .cp-nav{display:grid;grid-template-columns:1fr}#portfolio .cp-wordmark{justify-self:start}#portfolio .nav-tools{margin:0;justify-content:space-between;width:100%}#portfolio .preferences{flex-direction:row-reverse;gap:10px}#portfolio .appearance-panel{left:0;right:auto}#portfolio .menu-toggle{font-size:13px;gap:14px}#portfolio .cp-nav .locale-switch button{min-height:38px}}@media(prefers-reduced-motion:reduce){#portfolio *,#portfolio *:before,#portfolio *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#portfolio .hero-landscape,#portfolio .project-card:hover,#portfolio .cp-button:hover,#portfolio .architecture button:hover{transform:none!important}}@media print{#portfolio .preferences{display:none}}#portfolio .cp-nav .locale-switch button{width:44px;min-height:44px}#portfolio .locale-switch:before{width:44px;height:44px}#portfolio .locale-switch.german:before{transform:translate(44px)}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2")}#portfolio .cp-stage{max-width:1800px}#portfolio .cp-site{--paper:light-dark(#f1f0e8,#171e18);--ink:light-dark(#242b21,#f0f2e7);--wash:light-dark(#e4e8da,#293527);--rule:light-dark(#c6cdbb,#46503f);--lime:#d5f58b;font-family:Manrope,Segoe UI,sans-serif}#portfolio .cp-site em{font-family:inherit;font-style:normal;font-weight:inherit;color:inherit}#portfolio .cp-site h1{font-size:clamp(52px,8.5cqw,125px);letter-spacing:-.065em;line-height:1.05;font-weight:500;text-wrap:balance}#portfolio .cp-site h2{font-size:clamp(36px,5.5cqw,76px);letter-spacing:-.055em;line-height:1.1;font-weight:500}#portfolio .cp-site h3{letter-spacing:-.035em}#portfolio .cp-kicker{font-family:inherit;font-weight:500;letter-spacing:.04em}#portfolio .cp-pad{padding-left:6%;padding-right:6%}#portfolio .cp-nav{padding:25px 6%;border:0;background:var(--paper)}#portfolio .cp-wordmark{font-size:30px!important;letter-spacing:-2px}#portfolio .home-nav{background:#2c3828;color:#f1f3e8;--ink:#f1f3e8;--rule:#ffffff45;--wash:#394632;--deep:#d5f58b;--on-deep:#24301e}#portfolio .home-nav .appearance-panel{--paper:light-dark(#f1f0e8,#171e18);--ink:light-dark(#242b21,#f0f2e7);--wash:light-dark(#e4e8da,#293527);--muted-ink:light-dark(#5c685e,#b0bdb2);color:var(--ink)}#portfolio .cp-button{background:var(--lime);color:#26301f!important;box-shadow:none;border:1px solid var(--lime);font-size:14px;padding:15px 23px;font-weight:500}#portfolio .cp-button.outline{background:transparent;border-color:var(--ink);color:var(--ink)!important}#portfolio .cp-button:hover{background:var(--ink);color:var(--paper)!important;box-shadow:none;border-color:var(--ink)}#portfolio .studio-hero{position:relative;isolation:isolate;overflow:hidden;background:#263120;color:#f2f4e8;padding-top:75px;padding-bottom:52px;min-height:670px}#portfolio .studio-landscape{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 0%,#bcc1a2,transparent 48%),linear-gradient(120deg,#313f2b,#6c7653 55%,#25311f)}#portfolio .studio-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#182318,transparent 90%)}#portfolio .studio-ribbon{position:absolute;left:45%;top:-50%;width:65%;height:160%;border:75px solid #b4bc9d;border-radius:48%;transform:rotate(-34deg);box-shadow:inset 20px 20px 45px #26341d,20px 22px 55px #26341d;filter:blur(2px)}#portfolio .studio-landscape{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.04);transition:transform .7s ease-out}#portfolio .studio-ribbon.second{left:10%;top:5%;width:90%;height:120%;border-width:24px;opacity:.5}#portfolio .studio-hero h1{color:#f2f4e8;font-size:clamp(58px,8.8cqw,132px);margin:28px 0 45px;max-width:1200px;text-wrap:initial}#portfolio .studio-hero .studio-eyebrow{color:#edf1e3;font-size:12px;display:flex;align-items:center;gap:12px}#portfolio .studio-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--lime);flex-shrink:0}#portfolio .studio-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:45px}#portfolio .studio-hero-bottom p{color:#e0e5d8;max-width:370px;margin:0 0 26px}#portfolio .studio-teaser{display:block;width:260px;flex-shrink:0;font-size:12px}#portfolio .studio-teaser>.studio-art{height:155px;margin-bottom:12px}#portfolio .studio-teaser .studio-screen{padding:10px;font-size:10px}#portfolio .studio-teaser .studio-screen strong{font-size:21px}#portfolio .studio-intro{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-top:100px;padding-bottom:100px}#portfolio .studio-intro h2{margin:0;font-size:clamp(32px,4cqw,58px)}#portfolio .studio-intro p{max-width:620px;margin-top:25px}#portfolio .studio-section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}#portfolio .studio-section-heading h2{margin:0}#portfolio .studio-work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px 40px}#portfolio .studio-project{min-width:0}#portfolio .studio-work-grid>.studio-project:nth-child(2n){margin-top:110px}#portfolio .studio-project h2,#portfolio .studio-project h3{font-size:clamp(24px,2.5cqw,35px);margin:20px 0 8px;display:block;overflow-wrap:anywhere;line-height:1.2}#portfolio .studio-project h2>span,#portfolio .studio-project h3>span{display:inline-block;margin-left:10px}#portfolio .studio-project p{font-size:15px;max-width:550px}#portfolio .studio-project details{border-top:1px solid var(--rule);margin-top:20px;padding-top:15px}#portfolio .studio-project summary{display:flex;justify-content:space-between;align-items:center}#portfolio .studio-art{height:390px;overflow:hidden;position:relative;display:grid;place-items:center;background:#afb99c;color:#243021;transition:border-radius .6s;isolation:isolate}#portfolio .studio-project a:hover .studio-art,#portfolio .studio-project a:focus-visible .studio-art{border-radius:60px 4px}#portfolio .studio-screen{width:78%;padding:22px;background:#f5f5ee;box-shadow:12px 24px 35px #17201830;transform:rotate(-7deg);font-size:12px;transition:transform .7s cubic-bezier(.16,1,.3,1)}#portfolio .studio-screen strong{display:block;font-size:32px;letter-spacing:-1.5px;font-weight:500;line-height:1.15;margin:22px 0}#portfolio .screen-bar{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #d0d5c8;padding:8px 0;font-size:11px}#portfolio .screen-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}#portfolio .screen-columns>div{padding:10px;background:#e5e9dc;min-width:0}#portfolio .screen-columns i{display:block;background:#fafbf7;height:15px;margin-top:10px}#portfolio a:hover .studio-screen{transform:rotate(0) translateY(-8px)}#portfolio .studio-art-label{position:absolute;left:15px;bottom:12px;font-size:11px;color:inherit}#portfolio .studio-art.dsp{background:#242e2b;color:#e8f2df}#portfolio .studio-wave{display:flex;gap:6px;align-items:center;height:180px;width:75%;transform:rotate(-12deg)}#portfolio .studio-wave i{flex:1;background:var(--lime);height:var(--bar-height);border-radius:20px;transition:transform .5s}#portfolio a:hover .studio-wave i{transform:scaleY(.7)}#portfolio .studio-art.invoice{background:#d8c4a4}#portfolio .studio-receipt{width:58%;padding:25px;background:#faf8f1;box-shadow:20px 20px #89725022;transform:rotate(9deg);font-size:12px}#portfolio .studio-receipt strong{display:block;font-size:30px;line-height:1.2;font-weight:500;margin:20px 0}#portfolio .studio-receipt i{display:block;height:6px;background:#d3d4c7;margin:15px 0}#portfolio .studio-art.camera{background:#c8d5d1}#portfolio .studio-lens{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#c2d9b8 0 7%,#172d2c 8% 23%,#66867a 24% 26%,#1e2824 27% 43%,#b1beb4 44% 48%,#425047 49% 61%,#b7c6bd 62%);box-shadow:22px 28px 35px #243b3b45}#portfolio .studio-selected{padding-bottom:100px}#portfolio .studio-practice{padding-top:75px;padding-bottom:75px;background:#242e22;color:#eef2e5;--ink:#eef2e5;--muted-ink:#bdc9b4;--rule:#56634d;--paper:#242e22;--wash:#34432c;--green:#d5f58b;--deep:#d5f58b;--on-deep:#25311e}#portfolio .method{padding-top:90px;padding-bottom:90px}#portfolio .studio-next{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--wash);padding-top:40px;padding-bottom:40px}#portfolio .cp-footer{background:#d5f58b;color:#26301f;--ink:#26301f;--muted-ink:#435234;--rule:#a9bd81;--green:#26301f;padding-top:85px;padding-bottom:30px}#portfolio .cp-footer h2{font-size:clamp(42px,6.5cqw,90px)}#portfolio .studio-catalogue-intro{padding-top:80px;padding-bottom:55px}#portfolio .studio-catalogue-intro h1{font-size:clamp(58px,10cqw,145px)}#portfolio .studio-catalogue-intro p{max-width:510px}#portfolio .studio-filter-top{display:flex;justify-content:space-between;align-items:start;gap:25px;border-bottom:1px solid var(--rule);padding-bottom:15px}#portfolio .studio-categories{display:flex;gap:8px 22px;flex-wrap:wrap;max-width:82%}#portfolio .studio-categories button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;font-size:14px;color:var(--muted-ink)}#portfolio .studio-categories button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}#portfolio .studio-search{display:block;margin-top:28px;font-size:12px}#portfolio .studio-search input{display:block;width:100%;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink);padding:16px 0;font:inherit;font-size:22px}#portfolio .studio-filter-panel{background:var(--wash);padding:25px;margin-top:20px}#portfolio .studio-filter-panel fieldset{border:0;margin:0 0 22px;padding:0;min-width:0}#portfolio .studio-filter-panel fieldset:last-child{margin-bottom:0}#portfolio .studio-filter-panel legend{font-size:12px;margin-bottom:12px}#portfolio .studio-chips{display:flex;gap:9px;flex-wrap:wrap}#portfolio .studio-chips button{border:1px solid var(--rule);background:transparent;border-radius:30px;padding:10px 16px;font-size:13px;overflow-wrap:anywhere;max-width:100%;transition:background .25s,color .25s}#portfolio .studio-chips button[aria-pressed=true]{background:var(--ink);color:var(--paper)}#portfolio .active-filters{margin:20px 0}#portfolio .catalogue-stories{margin:35px 0 80px}#portfolio .studio-index{margin-top:45px}#portfolio .studio-index .studio-section-heading h2{font-size:35px}#portfolio .studio-index-row{display:grid;grid-template-columns:1.7fr 1fr;gap:50px;border-top:1px solid var(--rule);padding:30px 0}#portfolio .studio-index-row h3{font-size:26px;margin:10px 0}#portfolio .studio-index-row h3 a{display:flex;justify-content:space-between;gap:15px}#portfolio .studio-index-row h3 span{transition:transform .3s}#portfolio .studio-index-row h3 a:hover span{transform:translate(4px,-4px)}#portfolio .studio-index-row p{font-size:14px;max-width:680px}#portfolio .studio-index-meta{display:flex;flex-direction:column;gap:10px;align-items:start;font-size:12px;color:var(--muted-ink);overflow-wrap:anywhere}#portfolio .evidence-note{margin-top:60px}#portfolio .case-cover{border-radius:0;min-height:420px}#portfolio .source-panel,#portfolio .contact-panel{border-radius:0;border:0;padding:35px}@media(max-width:850px){#portfolio .studio-work-grid{gap:40px 25px}#portfolio .studio-art{height:310px}#portfolio .studio-screen{padding:15px}#portfolio .studio-screen strong{font-size:26px}#portfolio .studio-categories{max-width:none}#portfolio .studio-filter-top{flex-direction:column}#portfolio .studio-intro{gap:35px}#portfolio .studio-hero{padding-top:60px}}@media(max-width:650px){#portfolio .cp-nav{display:flex;flex-wrap:nowrap;gap:10px;padding:18px 5%}#portfolio .cp-wordmark{font-size:27px!important}#portfolio .nav-tools{width:auto;gap:12px;margin-left:auto}#portfolio .preferences{flex-direction:row;gap:8px}#portfolio .appearance-panel{right:-65px;left:auto}#portfolio .cp-site h1{font-size:clamp(44px,12cqw,72px);-webkit-hyphens:none;hyphens:none}#portfolio .cp-site h2{font-size:38px}#portfolio .studio-hero{padding-top:45px;padding-bottom:35px;min-height:0}#portfolio .studio-hero h1,html[lang=de] #portfolio .studio-home h1{font-size:clamp(48px,13.7cqw,82px);letter-spacing:-.065em;line-height:1.05;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}#portfolio .studio-hero .studio-eyebrow{font-size:11px;max-width:300px}#portfolio .studio-ribbon{width:110%;left:30%;top:-10%;border-width:42px}#portfolio .studio-hero-bottom{flex-direction:column;align-items:start;gap:35px}#portfolio .studio-hero-bottom p{font-size:15px;max-width:300px}#portfolio .studio-teaser{width:190px;align-self:end}#portfolio .studio-teaser>.studio-art{height:115px}#portfolio .studio-intro{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:55px}#portfolio .studio-intro h2{font-size:34px}#portfolio .studio-section-heading{align-items:start;flex-direction:column;gap:22px}#portfolio .studio-work-grid{grid-template-columns:1fr;gap:40px}#portfolio .studio-work-grid>.studio-project:nth-child(2n){margin-top:0}#portfolio .studio-art{height:320px}#portfolio .studio-project h2,#portfolio .studio-project h3{font-size:27px}#portfolio .studio-selected,#portfolio .studio-practice,#portfolio .method{padding-top:45px;padding-bottom:55px}#portfolio .studio-next{flex-direction:column;align-items:start}#portfolio .cp-footer{padding-top:55px}#portfolio .cp-footer h2{font-size:45px}#portfolio .studio-catalogue-intro{padding-top:50px}#portfolio .studio-catalogue-intro h1{font-size:clamp(52px,16cqw,85px)}#portfolio .studio-categories{gap:5px 18px}#portfolio .studio-categories button{font-size:13px}#portfolio .studio-filter-panel{padding:18px}#portfolio .studio-search input{font-size:18px}#portfolio .studio-index-row{grid-template-columns:1fr;gap:15px}#portfolio .studio-index-meta{gap:6px}#portfolio .studio-index .studio-section-heading{gap:10px}#portfolio .catalogue-stories{margin-bottom:50px}#portfolio .case-cover{min-height:300px}}@media(prefers-reduced-motion:reduce){#portfolio .studio-landscape{transform:none}#portfolio .studio-project a:hover .studio-art{border-radius:0}#portfolio a:hover .studio-screen{transform:rotate(-7deg)}#portfolio a:hover .studio-wave i{transform:none}}#portfolio .studio-teaser .screen-columns,#portfolio .studio-teaser .screen-bar:last-child{display:none}#portfolio .studio-teaser .studio-screen{width:84%;padding:13px;margin-top:-12px}#portfolio .studio-teaser .studio-screen strong{font-size:19px;margin:12px 0}#portfolio .studio-teaser .studio-art-label{background:#afb99c;left:0;bottom:0;width:100%;padding:4px 10px;font-size:10px}#portfolio .studio-ribbon{translate:0 var(--scroll-depth,0px)}@media(max-width:650px){#portfolio .studio-teaser .studio-screen strong{font-size:16px}#portfolio .studio-teaser .screen-bar{font-size:9px}}@media(prefers-reduced-motion:reduce){#portfolio .studio-ribbon{translate:none}}#portfolio .studio-categories{max-width:none;gap:8px 24px}#portfolio .studio-filter-top{flex-direction:row;align-items:center}@media(max-width:650px){#portfolio .studio-filter-top{flex-wrap:wrap;gap:12px}#portfolio .studio-categories{width:100%;justify-content:space-between;gap:4px 10px}#portfolio .studio-categories button{font-size:13px}#portfolio .studio-filter-top>.cp-button{min-height:44px;padding:10px 18px;margin-left:auto}#portfolio .studio-filter-panel .studio-chips{gap:8px}#portfolio .studio-filter-panel .studio-chips button{font-size:12px}}#portfolio .project-editorial-hero{padding-top:45px;padding-bottom:0}#portfolio .project-editorial-hero h1{max-width:1200px;font-size:clamp(48px,8cqw,116px);overflow-wrap:anywhere}#portfolio .project-deck-row{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:45px}#portfolio .project-deck-row .intro-copy{max-width:760px;margin:0}#portfolio .project-visual-stage .studio-art,#portfolio .project-visual-stage .project-system-art{height:510px}#portfolio .project-visual-stage .studio-screen{max-width:640px}#portfolio .project-visual-stage .studio-wave{max-width:650px;scale:1.3}#portfolio .project-visual-stage .studio-receipt{max-width:340px}#portfolio .project-visual-stage .studio-lens{width:280px;height:280px}#portfolio .project-system-art{position:relative;isolation:isolate;overflow:hidden;min-width:0;height:390px;background:linear-gradient(140deg,#34432f,#1b291f);color:#eef3e4;display:flex;align-items:center;padding:40px}#portfolio .system-orbit{position:absolute;z-index:-1;border:1px solid #8da77b80;border-radius:50%;width:80%;height:130%;right:-22%;top:-25%;rotate:-30deg}#portfolio .orbit-two{right:-10%;width:60%;height:160%;top:-35%;border:30px solid #9db68620}#portfolio .system-art-top{position:absolute;top:23px;left:30px;font-size:12px;color:#c0cdb5}#portfolio .system-art-core{max-width:90%;padding-top:25px}#portfolio .system-art-core strong{display:block;font-size:clamp(26px,3.8cqw,58px);line-height:1.15;letter-spacing:-.045em;font-weight:500;overflow-wrap:anywhere}#portfolio .system-art-number{display:none}#portfolio .system-art-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}#portfolio .system-art-tags>span{font-size:12px;padding:8px 12px;border:1px solid #91aa7b70;border-radius:25px;color:#dce8d1}#portfolio .system-art-caption{position:absolute;bottom:20px;left:30px;font-size:11px;color:#c0cdb5}#portfolio .project-overview,#portfolio .project-source-section,#portfolio .project-playground{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-top:85px;padding-bottom:85px}#portfolio .project-overview h2,#portfolio .project-source-section h2,#portfolio .project-playground h2{font-size:clamp(35px,4.5cqw,64px);margin-top:22px}#portfolio .project-overview .project-lead{font-size:22px;line-height:1.6;margin-top:0;color:var(--ink)}#portfolio .project-tech{padding:25px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:30px 0}#portfolio .project-tech .stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}#portfolio .project-tech .stack>span{padding:10px 15px;border:1px solid var(--rule);border-radius:25px;font-size:14px}#portfolio .project-source-section{background:var(--wash)}#portfolio .project-source-section p{max-width:480px;margin-bottom:25px}#portfolio .project-facts{margin:0;min-width:0;align-self:center}#portfolio .project-facts>div{border-top:1px solid var(--rule);padding:22px 0;display:grid;grid-template-columns:1fr 1.7fr;gap:25px}#portfolio .project-facts dt{font-size:12px;color:var(--muted-ink)}#portfolio .project-facts dd{margin:0;overflow-wrap:anywhere;font-size:16px}#portfolio .project-playground{background:#242e22;--ink:#eef2e5;--muted-ink:#bdc9b4;--rule:#56634d;--paper:#242e22;--wash:#34432c;--green:#d5f58b;color:var(--ink);align-items:center}#portfolio .signal-workbench{border:1px solid var(--rule);border-radius:20px;padding:30px;background:var(--wash);min-width:0}#portfolio .signal-workbench .signal-lab svg{max-height:230px}#portfolio .project-related{padding-top:90px;padding-bottom:100px}#portfolio .project-related .studio-work-grid>.studio-project:nth-child(2n){margin-top:65px}#portfolio .project-related .project-system-art{height:340px}#portfolio .project-related .system-art-core strong{font-size:30px}#portfolio .case-hero{padding-top:45px;padding-bottom:70px}#portfolio .case-hero h1{max-width:1250px;font-size:clamp(52px,8.5cqw,120px)}#portfolio .case-deck{max-width:800px;font-size:22px;line-height:1.6}#portfolio .case-meta{padding:30px 0;margin:35px 0 45px;gap:25px}#portfolio .case-meta span{font-size:11px;letter-spacing:.03em}#portfolio .case-meta strong{font-size:15px}#portfolio .case-showcase{padding:30px 35px;background:linear-gradient(135deg,#b3bda2,#7c8d6c);color:#243021;overflow:hidden}#portfolio .case-showcase-label,#portfolio .case-showcase-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px}#portfolio .case-device-scene{display:grid;grid-template-columns:1fr 190px;align-items:end;gap:30px;padding:45px 3% 55px}#portfolio .case-browser{background:#f4f4eb;box-shadow:0 25px 55px #23322235;rotate:-3deg;min-width:0}#portfolio .case-browser-bar{display:flex;justify-content:space-between;gap:15px;padding:15px 20px;border-bottom:1px solid #c9d1bf;font-size:11px}#portfolio .case-window-dots{color:#7f9071;letter-spacing:4px}#portfolio .case-browser-body{padding:25px}#portfolio .case-browser-body h3{color:#243021;font-size:clamp(25px,3cqw,42px);margin:20px 0 25px;line-height:1.15}#portfolio .case-process-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#portfolio .case-process-cards>div{background:#e1e7d9;padding:16px;min-width:0}#portfolio .case-process-cards span{display:block;font-size:11px;margin-bottom:12px;color:#66745a}#portfolio .case-process-cards strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}#portfolio .case-process-cards i{display:block;background:#f8f9f2;height:7px;margin-top:12px}#portfolio .case-process-cards i:last-child{width:65%}#portfolio .case-browser-status{display:flex;justify-content:space-between;gap:15px;margin-top:25px;padding-top:15px;border-top:1px solid #c9d1bf;font-size:12px}#portfolio .case-browser-status strong{font-weight:500;color:#416039}#portfolio .case-handheld{background:#202d22;border:7px solid #3c4b37;border-radius:28px;padding:14px 16px 24px;box-shadow:12px 20px 30px #25362240;color:#e5eddb;display:flex;align-items:center;flex-direction:column;gap:16px;rotate:5deg;margin-bottom:-20px;font-size:12px;text-align:center}#portfolio .handheld-speaker{width:38px;height:5px;border-radius:5px;background:#677c59;margin-bottom:12px}#portfolio .scan-symbol{height:80px;width:90px;margin:12px 0;background:repeating-linear-gradient(90deg,#c5d8b3 0 3px,transparent 3px 7px,#c5d8b3 7px 9px,transparent 9px 12px);border:10px solid #202d22;outline:1px solid #677c59}#portfolio .handheld-status{background:#d5f58b;color:#26301f;padding:10px 15px;border-radius:20px;margin-top:20px;width:100%}#portfolio .case-showcase-foot{border-top:1px solid #45583d60;padding-top:20px}#portfolio .case-layout{grid-template-columns:190px minmax(0,1fr);gap:65px;padding-bottom:80px}#portfolio .case-index{position:sticky;top:25px;align-self:start;gap:8px;padding-top:20px}#portfolio .case-index a{font-size:13px;line-height:1.5;padding:12px 0;width:100%;border-bottom:1px solid var(--rule);transition:color .25s,padding .25s}#portfolio .case-index a:hover{padding-left:5px}#portfolio .case-body section{padding:45px 0 65px}#portfolio .case-body h2{font-size:clamp(34px,4.5cqw,62px);line-height:1.1;letter-spacing:-.05em;max-width:850px;margin:25px 0}#portfolio .case-body p{font-size:17px;line-height:1.8;max-width:780px}#portfolio .case-body blockquote{border:0;padding:35px;margin:40px 0;background:var(--wash);font-size:clamp(26px,3cqw,42px);line-height:1.25;letter-spacing:-.035em}#portfolio .case-body .figure-caption{font-size:12px;line-height:1.6}#portfolio .architecture,#portfolio .scenario{border-radius:0;padding:32px;margin-top:35px}#portfolio .architecture button{border-radius:12px;padding:22px 16px}#portfolio .architecture small{font-size:11px}#portfolio .node-description{padding-top:25px;min-height:205px}#portfolio .case-body .node-copy,#portfolio .case-body .scenario-copy{font-size:15px!important;line-height:1.7}#portfolio .operation-ticket{padding:28px;background:var(--paper);border-radius:14px}#portfolio .operation-ticket h3{font-size:30px}#portfolio .scenario-options button{font-size:13px;padding:12px 16px}#portfolio .decision-list summary{padding:23px 0;font-size:19px;gap:15px}#portfolio .outcome-row{padding:28px 0;grid-template-columns:40px 1fr;gap:25px}#portfolio .outcome-row>span{font-size:15px}#portfolio .outcome-row h3{font-size:25px}#portfolio .case-body .reflection{padding:40px;background:var(--wash)}@media(max-width:1000px){#portfolio .case-layout{grid-template-columns:150px minmax(0,1fr);gap:30px}#portfolio .case-device-scene{grid-template-columns:1fr 150px;gap:20px;padding-left:0;padding-right:0}#portfolio .case-browser-body{padding:20px}#portfolio .case-process-cards>div{padding:10px}#portfolio .case-handheld{padding:12px 10px 18px}#portfolio .project-overview,#portfolio .project-source-section,#portfolio .project-playground{gap:35px}}@media(max-width:700px){#portfolio .case-layout{grid-template-columns:1fr;gap:20px}#portfolio .case-index{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 20px}#portfolio .case-index>.cp-kicker{width:100%}#portfolio .case-index a{width:auto;max-width:100%;min-height:44px;padding:10px 0;font-size:12px}#portfolio .project-overview,#portfolio .project-source-section,#portfolio .project-playground{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:50px}#portfolio .project-overview h2,#portfolio .project-source-section h2,#portfolio .project-playground h2{font-size:38px}#portfolio .project-deck-row{flex-direction:column;align-items:start;gap:25px}#portfolio .project-editorial-hero{padding-top:30px}#portfolio .project-editorial-hero h1{font-size:clamp(38px,10cqw,68px);text-wrap:balance}#portfolio .project-visual-stage .studio-art,#portfolio .project-visual-stage .project-system-art{height:370px}#portfolio .project-system-art{padding:28px}#portfolio .system-art-core{max-width:100%}#portfolio .system-art-core strong{font-size:32px}#portfolio .system-art-tags>span{font-size:11px}#portfolio .project-visual-stage .studio-wave{scale:1}#portfolio .project-overview .project-lead{font-size:19px}#portfolio .project-facts>div{grid-template-columns:1fr;gap:10px}#portfolio .project-related{padding-top:50px;padding-bottom:60px}#portfolio .project-related .studio-work-grid>.studio-project:nth-child(2n){margin-top:0}#portfolio .project-related .project-system-art{height:320px}#portfolio .case-hero{padding-top:30px;padding-bottom:35px}#portfolio .case-hero h1{font-size:clamp(42px,11.5cqw,75px)}#portfolio .case-deck{font-size:18px}#portfolio .case-meta{grid-template-columns:1fr 1fr;gap:25px 18px}#portfolio .case-meta strong{font-size:13px}#portfolio .case-showcase{padding:20px 18px}#portfolio .case-showcase-label{font-size:10px;gap:8px}#portfolio .case-device-scene{grid-template-columns:1fr;padding:30px 0 25px;gap:20px}#portfolio .case-browser{rotate:0deg}#portfolio .case-browser-bar{font-size:10px;padding:12px;flex-wrap:wrap}#portfolio .case-window-dots{display:none}#portfolio .case-browser-body{padding:18px}#portfolio .case-browser-body h3{font-size:28px}#portfolio .case-process-cards{grid-template-columns:1fr;gap:8px}#portfolio .case-process-cards>div{display:flex;align-items:center;gap:12px;padding:12px}#portfolio .case-process-cards span{margin:0}#portfolio .case-process-cards i{display:none}#portfolio .case-process-cards strong{font-size:13px}#portfolio .case-handheld{width:150px;justify-self:end;rotate:4deg;margin:0 8px 0 0;gap:10px}#portfolio .scan-symbol{height:55px;margin:5px 0}#portfolio .handheld-status{margin-top:5px}#portfolio .case-showcase-foot{font-size:11px;gap:10px}#portfolio .case-body section{padding:35px 0 45px}#portfolio .case-body h2{font-size:clamp(31px,8.5cqw,44px)}#portfolio .case-body p{font-size:15px}#portfolio .case-body blockquote{padding:23px;font-size:28px}#portfolio .architecture,#portfolio .scenario{padding:18px}#portfolio .architecture button{padding:16px 9px}#portfolio .architecture strong{font-size:15px}#portfolio .architecture small{font-size:10px}#portfolio .operation-ticket{padding:18px;min-height:0}#portfolio .operation-ticket h3{font-size:25px}#portfolio .operation-row{gap:12px;flex-wrap:wrap}#portfolio .operation-row strong{overflow-wrap:anywhere}#portfolio .node-description{min-height:0}#portfolio .decision-list summary{font-size:16px;align-items:start}#portfolio .outcome-row{gap:15px;grid-template-columns:25px 1fr}#portfolio .outcome-row h3{font-size:23px}#portfolio .case-body .reflection{padding:25px}#portfolio .signal-workbench{padding:20px}}@media(prefers-reduced-motion:reduce){#portfolio .case-index a{transition:none}}@media(max-width:700px){#portfolio .case-body h2,#portfolio .studio-detail h2{-webkit-hyphens:none;hyphens:none;text-wrap:balance;overflow-wrap:break-word}}#portfolio .identity-showcase{margin:45px 0 35px;padding:35px 40px;overflow:hidden;position:relative;color:#332d24;background:#e9dfca}#portfolio .identity-eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.04em;line-height:1.5}#portfolio .identity-showcase figcaption{font-size:10px;line-height:1.6;margin-top:30px;padding-top:20px;border-top:1px solid currentColor;opacity:1}#portfolio .identity-scene{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:450px;padding:25px 0}#portfolio .identity-copy>span{font-size:11px;letter-spacing:.1em}#portfolio .identity-showcase h2{color:inherit;font-size:clamp(38px,5.3cqw,76px);letter-spacing:-.06em;line-height:1.08;margin:25px 0}#portfolio .identity-showcase h3{color:inherit;font-weight:500}#portfolio .identity-copy p{font-size:15px;line-height:1.7;color:inherit;max-width:300px}#portfolio .identity-invoice{background:radial-gradient(ellipse at 70% 80%,#edb75e,transparent 55%),#f0dfb9;color:#52361e}#portfolio .document-stack{position:relative;padding:30px 30px 50px;max-width:420px;justify-self:center;width:100%}#portfolio .identity-document{position:relative;background:#fffaf0;padding:30px;min-height:330px;rotate:-6deg;box-shadow:10px 20px 30px #69431b25;color:#513c27}#portfolio .document-shadow{position:absolute;inset:35px 30px 50px;background:#dbb982;rotate:5deg}#portfolio .identity-document>span:first-child{font-size:9px;letter-spacing:.1em}#portfolio .identity-document h3{font-size:40px;margin:30px 0}#portfolio .document-grid{display:grid;grid-template-columns:1fr auto;gap:15px;font-size:10px;line-height:1.5}#portfolio .document-grid strong{font-weight:500}#portfolio .document-rules{height:45px;margin-top:15px;background:repeating-linear-gradient(0deg,transparent 0 14px,#b7a38455 14px 15px)}#portfolio .document-total{font-size:35px;text-align:right;margin:20px 0}#portfolio .identity-stamp{display:inline-block;padding:7px 10px;border:1px solid #a67d44;font-size:10px;rotate:-4deg}#portfolio .xml-slip{position:absolute;right:-10px;bottom:30px;display:flex;flex-direction:column;gap:12px;padding:25px;background:#623c23;color:#fff1d8;rotate:6deg;box-shadow:10px 15px 20px #69431b30}#portfolio .xml-slip>span{font-size:30px;letter-spacing:-.04em}#portfolio .xml-slip strong{font-size:18px;font-weight:500}#portfolio .xml-slip small{font-size:9px}#portfolio .identity-camera{color:#e6eff7;background:radial-gradient(ellipse at top right,#365575,transparent 60%),#101e31}#portfolio .camera-identity-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:20px 0 30px}#portfolio .camera-identity-title h2{max-width:700px}#portfolio .camera-identity-title>span{font-size:12px;white-space:nowrap;padding-bottom:30px}#portfolio .camera-wall{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:170px 170px;gap:12px;transform:perspective(1400px) rotateY(-4deg);padding:5px}#portfolio .camera-tile{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#7793a0,#223b50);border:1px solid #b5cfdf50;border-radius:6px}#portfolio .camera-tile:first-child{grid-row:1/3}#portfolio .tile-toolbar,#portfolio .tile-bottom{position:absolute;left:0;right:0;display:flex;justify-content:space-between;gap:12px;z-index:2;font-size:9px;padding:14px;background:#10213285}#portfolio .tile-toolbar{top:0}#portfolio .tile-bottom{bottom:0}#portfolio .machined-part{position:absolute;width:160px;height:160px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-30deg);background:linear-gradient(130deg,#cbd5d8,#607886 50%,#a4b9c3);border-radius:32%;box-shadow:15px 20px 25px #08131f80;display:grid;place-items:center}#portfolio .machined-part i{width:65px;height:65px;border-radius:50%;background:#14293c;box-shadow:inset 10px 15px 18px #020b15,2px 3px 2px #dce7eb}#portfolio .tile-1 .machined-part{width:95px;height:95px;rotate:40deg;border-radius:12%}#portfolio .tile-2 .machined-part{width:130px;height:70px;border-radius:20%}#portfolio .view-reticle{position:absolute;inset:50px 30px;border:1px solid #b4d8ef40;border-radius:3px}#portfolio .camera-identity-foot{display:flex;justify-content:space-between;font-size:12px;margin:25px 5px 0;gap:20px}#portfolio .identity-home{background:#e9d0bd;color:#603e30}#portfolio .home-scene{gap:35px;position:relative}#portfolio .house-line{font-size:160px;line-height:1;opacity:.3;margin-top:25px}#portfolio .household-board{position:relative;background:#faf1e6;padding:25px;max-width:450px;width:100%;rotate:3deg;box-shadow:15px 20px #b4775430;border-radius:20px;color:#603e30}#portfolio .board-header{display:flex;justify-content:space-between;font-size:14px;padding-bottom:25px;border-bottom:1px solid #ceaf963f}#portfolio .household-budget{padding:25px 0}#portfolio .household-budget>span{font-size:11px}#portfolio .household-budget strong{display:block;font-size:52px;letter-spacing:-.06em;font-weight:500;margin:12px 0}#portfolio .household-budget>div{height:7px;border-radius:8px;background:#ead3c0}#portfolio .household-budget i{display:block;width:65%;height:100%;background:#b86943;border-radius:8px}#portfolio .household-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}#portfolio .household-cards>div{background:#ecd7c6;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:16px}#portfolio .household-cards span{font-size:27px}#portfolio .household-cards strong{font-size:12px;font-weight:500}#portfolio .shopping-note{position:absolute;left:-50px;bottom:-45px;background:#ffefb3;padding:20px;rotate:-9deg;box-shadow:8px 12px 15px #7c482630;font-size:12px}#portfolio .shopping-note>span{font-size:11px;font-weight:600}#portfolio .shopping-note p{font-size:12px;margin:15px 0 0;color:#603e30}#portfolio .identity-dsp{background:#e8e3d7;color:#433b32}#portfolio .dsp-title{margin:30px 0}#portfolio .dsp-title>span{font-size:11px;letter-spacing:.15em;color:#94653d}#portfolio .dsp-title h2{max-width:850px}#portfolio .scope-instrument{background:#c5beb1;border:1px solid #b0a694;border-radius:16px;padding:22px;box-shadow:12px 15px #85796525;max-width:900px;margin:30px auto}#portfolio .scope-top,#portfolio .scope-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.6}#portfolio .scope-display{display:grid;grid-template-columns:1fr 70px;gap:25px;align-items:center;margin:20px 0}#portfolio .scope-display svg{width:100%;background:#282720;border:8px solid #948d80;border-radius:8px;box-shadow:inset 5px 5px 10px #000}#portfolio .scope-knobs{display:flex;flex-direction:column;gap:25px}#portfolio .scope-knobs i{width:48px;height:48px;border-radius:50%;background:linear-gradient(110deg,#686354,#312e27);box-shadow:4px 5px 5px #3c362955;border:4px solid #a39b8e;position:relative}#portfolio .scope-knobs i:after{content:"";position:absolute;top:3px;left:17px;width:3px;height:12px;background:#e6d5b7;rotate:20deg}#portfolio .identity-meeting{background:#d9d4f0;color:#3b315d}#portfolio .meeting-dial{position:relative;aspect-ratio:1;max-width:420px;width:100%;justify-self:center;border-radius:50%;background:conic-gradient(#706096 0 90deg,#c2b8df 90deg 360deg);padding:25px;box-shadow:15px 20px 30px #5a4b7c25}#portfolio .dial-ticks{position:absolute;inset:10px;border-radius:50%;background:repeating-conic-gradient(transparent 0deg 28deg,#e7e2f6 28deg 30deg)}#portfolio .dial-centre{position:relative;z-index:1;border-radius:50%;height:100%;background:#efeaf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:25px}#portfolio .dial-centre>span{font-size:10px;letter-spacing:.12em}#portfolio .dial-centre strong{font-size:clamp(45px,6cqw,85px);font-weight:500;letter-spacing:-.07em}#portfolio .dial-centre small{font-size:12px}#portfolio .time-ticket{position:absolute;z-index:2;bottom:0;right:-10px;padding:25px;background:#564776;color:#f3edff;rotate:8deg;font-size:36px;border-radius:12px}#portfolio .time-ticket>span{font-size:12px}#portfolio .identity-vision{background:radial-gradient(ellipse at top left,#386567,transparent 60%),#123d43;color:#e1f4eb}#portfolio .vision-title{margin-top:35px}#portfolio .vision-title>span{font-size:10px;letter-spacing:.1em}#portfolio .vision-workspace{display:grid;grid-template-columns:minmax(0,1fr) 230px;border:1px solid #94bfb44f;margin-top:30px;background:#0e3036}#portfolio .vision-canvas{padding:20px;background-image:radial-gradient(#92cbb323 1px,transparent 1px);background-size:15px 15px}#portfolio .vision-canvas svg{width:100%;height:auto;display:block}#portfolio .vision-canvas>span{font-size:10px;opacity:.7}#portfolio .vision-sidebar{padding:25px;border-left:1px solid #94bfb44f;font-size:12px}#portfolio .vision-sidebar>span{font-size:9px;letter-spacing:.1em}#portfolio .vision-sidebar>div{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #94bfb42f}#portfolio .vision-sidebar i{width:9px;height:9px;background:#b3ecd9;flex-shrink:0}#portfolio .vision-sidebar>div:nth-of-type(2) i{background:#ffd783}#portfolio .vision-sidebar p{font-size:12px;line-height:1.8;color:#c4ddd4;margin-top:25px}#portfolio .identity-architecture{padding-top:15px;padding-bottom:45px}#portfolio .identity-architecture .project-explorer{margin-top:0}@media(max-width:700px){#portfolio .identity-showcase{padding:24px 20px;margin-top:30px}#portfolio .identity-eyebrow{flex-direction:column;gap:8px;font-size:10px}#portfolio .identity-scene{grid-template-columns:1fr;gap:25px;padding-top:30px;min-height:0}#portfolio .identity-showcase h2{font-size:38px;margin:20px 0;-webkit-hyphens:auto;hyphens:auto}#portfolio .identity-copy p{font-size:13px}#portfolio .document-stack{padding:15px 15px 50px;max-width:350px}#portfolio .identity-document{padding:22px;rotate:-3deg;min-height:300px}#portfolio .identity-document h3{font-size:32px}#portfolio .xml-slip{right:-3px;bottom:20px;padding:18px;rotate:4deg}#portfolio .xml-slip>span{font-size:23px}#portfolio .xml-slip strong{font-size:14px}#portfolio .camera-identity-title{display:block}#portfolio .camera-identity-title>span{display:block;padding-bottom:0}#portfolio .camera-wall{grid-template-columns:1fr 1fr;grid-template-rows:230px 130px;transform:none;gap:8px;padding:0}#portfolio .camera-tile:first-child{grid-row:1;grid-column:1/-1}#portfolio .tile-toolbar,#portfolio .tile-bottom{padding:10px;font-size:8px}#portfolio .camera-tile:not(:first-child) .tile-toolbar>span:last-child,#portfolio .camera-tile:not(:first-child) .tile-bottom{display:none}#portfolio .camera-tile:not(:first-child) .view-reticle{inset:35px 15px 15px}#portfolio .camera-identity-foot{font-size:11px;line-height:1.6}#portfolio .house-line{display:none}#portfolio .household-board{padding:20px;rotate:0deg;margin-bottom:50px;border-radius:14px}#portfolio .household-budget strong{font-size:43px}#portfolio .household-cards>div{padding:15px}#portfolio .shopping-note{left:5px;bottom:-60px;rotate:-5deg;padding:17px}#portfolio .scope-instrument{padding:15px;margin-bottom:20px}#portfolio .scope-top,#portfolio .scope-bottom{font-size:8px;flex-wrap:wrap}#portfolio .scope-display{grid-template-columns:1fr;gap:15px}#portfolio .scope-display svg{border-width:5px}#portfolio .scope-knobs{flex-direction:row;justify-content:end;gap:20px}#portfolio .scope-knobs i{width:34px;height:34px}#portfolio .scope-knobs i:after{left:12px;height:8px}#portfolio .meeting-dial{max-width:310px;padding:18px;margin:10px 0 30px}#portfolio .dial-centre{gap:13px;padding:20px}#portfolio .dial-centre>span{font-size:8px}#portfolio .dial-centre strong{font-size:49px}#portfolio .dial-centre small{font-size:9px}#portfolio .time-ticket{font-size:26px;padding:18px;right:0}#portfolio .vision-workspace{grid-template-columns:1fr}#portfolio .vision-canvas{padding:15px}#portfolio .vision-sidebar{border-left:0;border-top:1px solid #94bfb44f;padding:20px}#portfolio .vision-sidebar p{margin-bottom:0}#portfolio .identity-showcase figcaption{font-size:9px}#portfolio .identity-architecture{padding-bottom:20px}}#portfolio .project-card-visual{overflow:hidden;width:100%}#portfolio .identity-card{height:370px;margin:0;padding:25px;display:flex;flex-direction:column;justify-content:center;transition:filter .35s}#portfolio .studio-project>a:hover .identity-card{filter:brightness(1.04)}#portfolio .identity-card .identity-eyebrow,#portfolio .identity-card .identity-copy,#portfolio .identity-card .camera-identity-title,#portfolio .identity-card .camera-identity-foot,#portfolio .identity-card .dsp-title,#portfolio .identity-card .vision-title{display:none}#portfolio .identity-card figcaption{position:absolute;bottom:14px;left:20px;right:20px;border:0;padding:0;margin:0;font-size:8px}#portfolio .identity-card .identity-scene{display:flex;justify-content:center;min-height:0;padding:0;gap:0;height:100%}#portfolio .identity-card .document-stack{max-width:300px;padding:12px 20px 35px;transform:scale(.82);transform-origin:center}#portfolio .identity-card .identity-document{padding:22px;min-height:260px}#portfolio .identity-card .identity-document h3{font-size:28px;margin:18px 0}#portfolio .identity-card .document-total{font-size:30px;margin:12px 0}#portfolio .identity-card .xml-slip{padding:18px;bottom:15px}#portfolio .identity-card .camera-wall{width:100%;grid-template-columns:1.5fr 1fr;grid-template-rows:125px 125px;gap:10px}#portfolio .identity-card .camera-tile:first-child{grid-column:auto;grid-row:1/3}#portfolio .identity-card .tile-toolbar,#portfolio .identity-card .tile-bottom{font-size:7px;padding:9px}#portfolio .identity-card .tile-toolbar>span:last-child{display:none}#portfolio .identity-card .camera-tile:first-child .machined-part{width:120px;height:120px}#portfolio .identity-card .camera-tile:not(:first-child) .machined-part{scale:.7}#portfolio .identity-card .view-reticle{inset:35px 18px}#portfolio .identity-card .household-board{max-width:300px;padding:20px;transform:scale(.8);transform-origin:center}#portfolio .identity-card .household-budget{padding:15px 0}#portfolio .identity-card .household-budget strong{font-size:43px}#portfolio .identity-card .household-cards>div{padding:15px}#portfolio .identity-card .shopping-note{left:-30px;bottom:-30px}#portfolio .identity-card .scope-instrument{width:100%;margin:0;padding:18px;box-sizing:border-box}#portfolio .identity-card .scope-display{grid-template-columns:minmax(0,1fr) 40px;gap:15px;margin:18px 0}#portfolio .identity-card .scope-knobs{flex-direction:column;gap:15px}#portfolio .identity-card .scope-knobs i{width:32px;height:32px}#portfolio .identity-card .scope-knobs i:after{left:11px;height:8px}#portfolio .identity-card .scope-top,#portfolio .identity-card .scope-bottom{font-size:8px}#portfolio .identity-card .meeting-dial{max-width:265px;padding:20px;margin:0}#portfolio .identity-card .dial-centre{gap:13px;padding:20px}#portfolio .identity-card .dial-centre strong{font-size:54px}#portfolio .identity-card .dial-centre>span{font-size:8px}#portfolio .identity-card .dial-centre small{font-size:9px}#portfolio .identity-card .time-ticket{font-size:25px;padding:18px}#portfolio .identity-card .vision-workspace{grid-template-columns:1fr;margin:0}#portfolio .identity-card .vision-sidebar{display:none}#portfolio .identity-card .vision-canvas{padding:15px}#portfolio .identity-card .vision-canvas>span{font-size:9px}#portfolio .index-project-preview{display:block;width:160px;height:110px;overflow:hidden;border-radius:5px;margin-bottom:16px}#portfolio .index-project-preview>.project-card-visual,#portfolio .index-project-preview>.studio-art,#portfolio .index-project-preview>.project-system-art{width:480px;height:330px;transform:scale(.333333);transform-origin:top left;margin:0}#portfolio .index-project-preview .identity-card{height:330px}#portfolio .index-project-preview .system-art-core strong{font-size:35px}@media(max-width:700px){#portfolio .identity-card{height:310px;padding:22px}#portfolio .identity-card .camera-wall{grid-template-rows:105px 105px}#portfolio .identity-card .camera-tile:first-child .machined-part{width:80px;height:80px}#portfolio .identity-card .machined-part i{width:40px;height:40px}#portfolio .identity-card .tile-toolbar,#portfolio .identity-card .tile-bottom{font-size:6px}#portfolio .identity-card .household-board{margin-bottom:0;transform:scale(.72)}#portfolio .identity-card .document-stack{transform:scale(.72)}#portfolio .identity-card .meeting-dial{max-width:235px}#portfolio .identity-card .scope-instrument{padding:12px}#portfolio .identity-card .scope-display{grid-template-columns:1fr}#portfolio .identity-card .scope-knobs{flex-direction:row;gap:14px}#portfolio .identity-card .scope-knobs i{width:26px;height:26px}#portfolio .identity-card .scope-knobs i:after{left:8px}#portfolio .identity-card figcaption{font-size:7px;bottom:10px;left:15px;right:15px}#portfolio .index-project-preview{width:135px;height:93px}#portfolio .index-project-preview>.project-card-visual,#portfolio .index-project-preview>.studio-art,#portfolio .index-project-preview>.project-system-art{transform:scale(.28125)}#portfolio .index-project-preview .identity-card{height:330px}}@media(prefers-reduced-motion:reduce){#portfolio .identity-card{transition:none}}#portfolio .studio-index-row>div{min-width:0;max-width:100%}#portfolio .studio-index-meta .tags{max-width:100%;flex-wrap:wrap}#portfolio .studio-index-meta .tags span{white-space:normal;overflow-wrap:anywhere;max-width:100%}#portfolio .studio-index-row h3 a{display:block;overflow-wrap:anywhere}#portfolio .studio-index-row h3 a>span{display:inline-block;margin-left:10px}#portfolio .project-overview>div,#portfolio .project-source-section>div,#portfolio .project-playground>div{min-width:0;overflow-wrap:anywhere}#portfolio .project-tech .stack>span{max-width:100%;overflow-wrap:anywhere}#portfolio .cp-site a:focus-visible,#portfolio .cp-site button:focus-visible,#portfolio .cp-site summary:focus-visible,#portfolio .cp-site input:focus-visible,#portfolio .cp-site select:focus-visible{outline-color:light-dark(#386033,#d5f58b)}#portfolio .architecture button:focus-visible,#portfolio .scenario button:focus-visible,#portfolio .project-explorer button:focus-visible{outline-color:currentColor}#portfolio .mobile-menu a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}@media print{#portfolio .cp-site{color-scheme:light;--paper:#fff;--ink:#111;--muted-ink:#333;--rule:#ccc;--green:#253f26;--wash:#eee;background:#fff;color:#111}#portfolio *{animation:none!important;transition:none!important}}