#portfolio .project-explorer{position:relative;margin:50px 0 35px;padding:38px;background:radial-gradient(ellipse at 90% 0%,#506147,transparent 55%),#253321;color:#edf3e4;isolation:isolate}#portfolio .explorer-top,#portfolio .explorer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.07em;line-height:1.6;color:#cbd8c1}#portfolio .project-explorer h2{color:inherit;font-size:clamp(34px,4.3cqw,58px);max-width:850px;margin:30px 0 45px;letter-spacing:-.05em}#portfolio .explorer-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:35px;align-items:stretch}#portfolio .explorer-map{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-content:center;padding:25px;background-image:radial-gradient(#a7b99140 1px,transparent 1px);background-size:18px 18px;min-height:330px}#portfolio .map-node{position:relative;min-width:0;min-height:132px;display:grid;grid-template-columns:1fr auto;gap:14px;text-align:left;border:1px solid #8da17b;border-radius:12px;background:#34462d;color:#edf3e4;padding:18px;font:inherit;cursor:pointer;box-shadow:0 8px 20px #12200e25;transition:background .3s,transform .3s,border-color .3s}#portfolio .map-node:hover{transform:translateY(-4px);border-color:#d5f58b}#portfolio .map-node.selected{background:#d5f58b;color:#24351b;border-color:#d5f58b;box-shadow:0 10px 30px #12200e50}#portfolio .map-node-index{font-size:10px;letter-spacing:.1em;opacity:.7}#portfolio .map-node-symbol{font-size:23px;line-height:1}#portfolio .map-node strong{font-size:16px;font-weight:500;line-height:1.35;align-self:end;overflow-wrap:anywhere}#portfolio .map-node-open{align-self:end;font-size:20px}#portfolio .map-node:after{content:"↓";position:absolute;top:calc(100% + 2px);left:50%;color:#b2c69c;font-size:16px;line-height:20px;pointer-events:none}#portfolio .map-node:nth-last-child(-n+2):after{display:none}#portfolio .explorer-inspector{border-left:1px solid #9cac8c55;padding:25px 0 10px 30px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}#portfolio .inspector-number{font-size:80px;letter-spacing:-.08em;line-height:1;color:#d5f58b}#portfolio .inspector-number>span{font-size:13px;letter-spacing:0;color:#b3c2a6;margin-left:8px}#portfolio .explorer-inspector h3{font-size:25px;line-height:1.3;font-weight:500;margin:30px 0 15px;color:inherit;overflow-wrap:anywhere}#portfolio .explorer-inspector p{font-size:15px;line-height:1.7;color:#d8e2cf;min-height:100px}#portfolio .explorer-progress{display:flex;gap:7px;margin-top:25px}#portfolio .explorer-progress span{height:3px;flex:1;background:#657957;transition:background .3s}#portfolio .explorer-progress .active{background:#d5f58b}#portfolio .explorer-bottom{margin-top:35px;padding-top:22px;border-top:1px solid #9cac8c55;letter-spacing:0;font-size:11px}#portfolio .explorer-bottom button{flex-shrink:0;padding:12px 17px;border:1px solid #8da17b;border-radius:24px;color:#edf3e4;background:transparent;cursor:pointer;min-height:44px;font-size:12px;transition:background .2s}#portfolio .explorer-bottom button:hover{background:#425638}#portfolio .map-hub .explorer-map{grid-template-columns:repeat(var(--branches),minmax(0,1fr));gap:25px 12px}#portfolio .map-hub .map-node:first-child{grid-column:1/-1;max-width:65%;width:100%;justify-self:center;min-height:110px}#portfolio .map-hub .map-node{padding:14px;min-height:130px}#portfolio .map-hub .map-node strong{font-size:14px}#portfolio .map-hub .map-node:after{display:none}#portfolio .map-hub .map-node:first-child:after{display:block;content:"";width:1px;background:#b2c69c;height:25px;top:100%}#portfolio .map-device .explorer-map{gap:13px;padding:25px;background-color:#182719;border:7px solid #6f805e;border-radius:23px;box-shadow:15px 20px 30px #10200f40}#portfolio .map-device .map-node{border-radius:5px;min-height:125px}#portfolio .map-device .map-node:after{display:none}#portfolio .map-atlas{background:radial-gradient(ellipse at 90% 0%,#59634d,transparent 55%),#303a2b}#portfolio .map-atlas .explorer-map{grid-template-columns:1fr;gap:12px;padding:15px}#portfolio .map-atlas .map-node{min-height:75px;grid-template-columns:25px 30px 1fr 20px;align-items:center;border-radius:0;border-width:0 0 1px;box-shadow:none}#portfolio .map-atlas .map-node strong,#portfolio .map-atlas .map-node-open{align-self:center}#portfolio .map-atlas .map-node:after{display:none}#portfolio .case-notes{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8%;padding-top:65px;padding-bottom:70px;background:var(--wash)}#portfolio .case-notes h2{font-size:clamp(34px,4.2cqw,56px);margin:25px 0}#portfolio .case-notes>div>p{font-size:15px;line-height:1.7;max-width:350px}#portfolio .case-notes details{margin:0;border-top:1px solid var(--rule)}#portfolio .case-notes details:last-child{border-bottom:1px solid var(--rule)}#portfolio .case-notes summary{font-size:21px;line-height:1.4;padding:25px 0;gap:20px;justify-content:start}#portfolio .case-notes summary>span:first-child{font-size:11px;color:var(--muted-ink)}#portfolio .case-notes .note-toggle{margin-left:auto;font-size:24px;transition:rotate .25s}#portfolio .case-notes details[open] .note-toggle{rotate:45deg}#portfolio .case-notes details p{font-size:16px;line-height:1.85;margin:0 0 30px}#portfolio .project-demo{padding-top:65px;padding-bottom:75px;border-top:1px solid var(--rule)}#portfolio .demo-heading{display:grid;grid-template-columns:1fr .65fr;gap:0 8%;align-items:end;margin-bottom:45px}#portfolio .demo-heading>.cp-kicker{grid-column:1/-1}#portfolio .demo-heading h2{font-size:clamp(35px,4.8cqw,66px);margin:25px 0 0}#portfolio .demo-heading p{font-size:14px;line-height:1.8;max-width:360px;margin:0 0 5px}#portfolio .demo-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;padding:45px;background:var(--wash);align-items:center}#portfolio .demo-workbench label{display:block;font-size:14px;line-height:1.6;margin-bottom:28px}#portfolio .demo-workbench label output{float:right;font-size:18px;font-weight:600}#portfolio .demo-workbench input[type=range]{display:block;width:100%;margin:16px 0 0;accent-color:var(--ink);min-height:30px;cursor:pointer}#portfolio .demo-workbench h3{font-size:29px;font-weight:500;line-height:1.3;letter-spacing:-.04em}#portfolio .demo-workbench p{font-size:15px;line-height:1.8}#portfolio .cost-receipt{padding:35px;background:#293824;color:#edf3e4;box-shadow:12px 15px #93a58030;transform:rotate(1deg)}#portfolio .cost-receipt>span{font-size:11px;letter-spacing:.1em}#portfolio .cost-receipt>output{display:block;font-size:clamp(48px,6cqw,86px);line-height:1.3;letter-spacing:-.065em;color:#d5f58b;margin:15px 0}#portfolio .cost-receipt p,#portfolio .cost-receipt small{color:#d4e0ca}#portfolio .cost-receipt small{display:block;line-height:1.7;font-size:12px;border-top:1px solid #637a55;padding-top:20px}#portfolio .cost-bar{height:7px;background:#56694a;border-radius:10px;overflow:hidden;margin:20px 0}#portfolio .cost-bar span{display:block;height:100%;background:#d5f58b;transition:width .25s}#portfolio .invoice-example{padding:20px;background:repeating-linear-gradient(45deg,transparent,transparent 15px,#a1b28e15 15px,#a1b28e15 16px)}#portfolio .paper-sheet{max-width:330px;margin:auto;padding:30px;background:#f5f3e9;color:#2a3426;box-shadow:12px 15px 25px #14240a25;rotate:-3deg;display:flex;flex-direction:column;gap:25px;min-height:350px}#portfolio .paper-sheet>span:first-child{font-size:10px;letter-spacing:.15em}#portfolio .paper-sheet h3{margin:0;color:#2a3426}#portfolio .paper-sheet strong{font-size:35px;text-align:right;font-weight:500;letter-spacing:-.05em}#portfolio .paper-lines{height:80px;background:repeating-linear-gradient(0deg,transparent,transparent 18px,#9eaa913f 18px,#9eaa913f 20px)}#portfolio .paper-stamp{align-self:start;font-size:12px;border:1px solid #788b66;padding:8px 15px;color:#435c31;rotate:-6deg}#portfolio .invoice-controls label{display:flex;align-items:center;gap:15px;margin-bottom:18px;min-height:44px}#portfolio .invoice-controls input{width:20px;height:20px;accent-color:var(--ink);flex-shrink:0}#portfolio .invoice-controls .cp-button{margin:15px 0 25px}#portfolio .demo-workbench button:disabled{opacity:.45;cursor:not-allowed}#portfolio .invoice-controls .text-link{display:block;text-align:left;font-size:12px}#portfolio .camera-example{background:#253321;color:#e6eedc;border:8px solid #617552;border-radius:15px;overflow:hidden}#portfolio .camera-topline{display:flex;justify-content:space-between;gap:15px;padding:14px;font-size:9px;color:#c8d7bc}#portfolio .camera-scene{height:250px;position:relative;overflow:hidden;background:linear-gradient(125deg,#182318,#6f7c63)}#portfolio .camera-part{position:absolute;inset:40px 20%;border-radius:40%;border:35px solid #bac5ab;box-shadow:inset 10px 10px 20px #16200d,12px 12px 25px #15200f;transform:rotate(35deg)}#portfolio .camera-crosshair{position:absolute;inset:30px;border:1px solid #d5f58b55}#portfolio .camera-crosshair:after{content:"+";position:absolute;top:45%;left:48%;font-size:20px;color:#d5f58b}#portfolio .camera-caption{position:absolute;bottom:12px;left:12px;font-size:10px;background:#15200fc0;padding:8px 10px;border-radius:5px;color:#d5f58b}#portfolio .demo-options{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 25px}#portfolio .demo-options button{padding:12px 18px;border:1px solid var(--rule);background:transparent;border-radius:30px;color:var(--ink);font:inherit;font-size:13px;min-height:44px;cursor:pointer}#portfolio .demo-options button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#portfolio .camera-controls p{min-height:110px}#portfolio .annotation-scene{background:#263321;color:#d5f58b;padding:15px}#portfolio .annotation-scene svg{width:100%;height:auto;display:block}#portfolio .annotation-scene>span{display:block;font-size:10px;letter-spacing:.1em;padding:15px}#portfolio .log-timeline{padding:20px;background:#263321;color:#e4eddc;min-height:350px}#portfolio .log-timeline>div{display:grid;grid-template-columns:50px 1fr;gap:8px 12px;padding:14px 12px;border-left:2px solid #6e835b;margin:4px 0}#portfolio .log-timeline .chosen{border-color:#d5f58b;background:#455637}#portfolio .log-timeline time,#portfolio .log-timeline span{font-size:11px;color:#d5f58b}#portfolio .log-timeline p{grid-column:2;margin:0;font-size:12px;line-height:1.6;color:#e4eddc}@media(max-width:1000px){#portfolio .explorer-workspace{grid-template-columns:minmax(0,1fr) 220px;gap:20px}#portfolio .project-explorer{padding:25px}#portfolio .explorer-map{padding:10px}#portfolio .map-hub .map-node{padding:12px}#portfolio .map-hub .map-node strong{font-size:12px}#portfolio .demo-workbench{gap:30px;padding:30px}}@media(max-width:700px){#portfolio .project-explorer{margin-top:35px;padding:22px 18px}#portfolio .explorer-top{flex-direction:column;align-items:start;gap:8px;font-size:9px}#portfolio .project-explorer h2{font-size:32px;margin:25px 0 30px;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word}#portfolio .explorer-workspace{grid-template-columns:1fr;gap:20px}#portfolio .explorer-map{min-height:0;padding:8px;gap:22px 12px}#portfolio .map-node{padding:13px;min-height:125px;gap:12px}#portfolio .map-node strong{font-size:13px}#portfolio .map-node-symbol{font-size:20px}#portfolio .map-hub .explorer-map{grid-template-columns:1fr;gap:14px}#portfolio .map-hub .map-node,#portfolio .map-hub .map-node:first-child{max-width:100%;min-height:78px;grid-template-columns:20px 25px 1fr 20px;align-items:center;padding:15px}#portfolio .map-hub .map-node strong{font-size:14px;align-self:center}#portfolio .map-hub .map-node:first-child:after{height:14px}#portfolio .map-device .explorer-map{border-width:5px;padding:12px;border-radius:16px}#portfolio .map-device .map-node{min-height:130px;padding:11px}#portfolio .map-atlas .explorer-map{padding:0}#portfolio .map-atlas .map-node{padding:16px 10px;grid-template-columns:18px 23px 1fr 18px;gap:10px}#portfolio .explorer-inspector{padding:22px 0 0;border-left:0;border-top:1px solid #9cac8c55;min-height:220px}#portfolio .inspector-number{font-size:48px}#portfolio .explorer-inspector h3{font-size:23px;margin:18px 0 12px}#portfolio .explorer-inspector p{font-size:14px;min-height:0;margin-bottom:15px}#portfolio .explorer-progress{margin-top:10px}#portfolio .explorer-bottom{flex-direction:column;align-items:start;gap:15px;margin-top:25px}#portfolio .explorer-bottom button{align-self:end}#portfolio .case-notes{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:45px}#portfolio .case-notes h2{font-size:36px}#portfolio .case-notes summary{font-size:18px;padding:22px 0;gap:15px}#portfolio .case-notes details p{font-size:15px}#portfolio .project-demo{padding-top:45px;padding-bottom:45px}#portfolio .demo-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}#portfolio .demo-heading h2{font-size:36px;margin:0}#portfolio .demo-heading p{font-size:13px}#portfolio .demo-workbench{grid-template-columns:1fr;padding:25px 20px;gap:30px}#portfolio .cost-receipt{padding:25px;transform:none}#portfolio .cost-receipt>output{font-size:55px}#portfolio .demo-workbench label{font-size:13px}#portfolio .paper-sheet{padding:23px;min-height:310px;rotate:-2deg}#portfolio .invoice-example{padding:10px}#portfolio .demo-workbench h3{font-size:26px}#portfolio .camera-scene{height:220px}#portfolio .camera-topline{flex-wrap:wrap;font-size:8px;padding:10px}#portfolio .camera-controls p{min-height:0}#portfolio .demo-options button{padding:11px 14px;font-size:12px}#portfolio .log-timeline{padding:12px;min-height:260px}}@media(prefers-reduced-motion:reduce){#portfolio .map-node,#portfolio .explorer-progress span,#portfolio .explorer-bottom button,#portfolio .case-notes .note-toggle,#portfolio .cost-bar span{transition:none}#portfolio .map-node:hover{transform:none}}#portfolio .hub-connections{position:absolute;inset:0;width:100%;height:100%;color:#9daf88;pointer-events:none}#portfolio .map-flow .map-node:nth-child(3){grid-column:2;grid-row:2}#portfolio .map-flow .map-node:nth-child(4){grid-column:1;grid-row:2}#portfolio .map-flow .map-node:after{display:block}#portfolio .map-flow .map-node:nth-child(1):after{content:"→";left:100%;top:50%;width:24px;text-align:center}#portfolio .map-flow .map-node:nth-child(2):after{content:"↓";left:50%;top:100%}#portfolio .map-flow .map-node:nth-child(3):after{content:"←";left:auto;right:100%;top:50%;width:24px;text-align:center}#portfolio .map-flow .map-node:last-child:after{display:none}@media(max-width:700px){#portfolio .hub-connections{display:none}#portfolio .map-flow .explorer-map{grid-template-columns:1fr;gap:22px}#portfolio .map-flow .map-node{min-height:80px;grid-template-columns:20px 25px 1fr 20px;align-items:center}#portfolio .map-flow .map-node strong{align-self:center;font-size:14px}#portfolio .map-flow .map-node:nth-child(n){grid-column:auto;grid-row:auto}#portfolio .map-flow .map-node:nth-child(n):after{content:"↓";left:50%;right:auto;top:100%;width:20px}#portfolio .map-flow .map-node:last-child:after{display:none}}#portfolio .map-hub .map-node{z-index:1}html[lang=de] #portfolio .project-editorial-hero h1{-webkit-hyphens:auto;hyphens:auto}@media(max-width:700px){#portfolio .map-hub .explorer-map{grid-template-columns:1fr}}