#nt-portfolio .lz3{--lz-ink:var(--ink,#20201f);--lz-ink2:var(--ink2,#41423d);--lz-mut:var(--mut,#64645f);--lz-ln:var(--ln,#cdcdc8);--lz-ln2:#a9a9a1;--lz-surface:#fffefa;
  --lz-acc:#3a64a8;--lz-acc-ink:#2a4c86;--lz-tint:#e9eef7;
  --flow-gap:clamp(22px,2.8cqw,30px);--rail:34px;
  container:lz/inline-size;color:var(--lz-ink);font-family:var(--sans,system-ui,sans-serif)!important}
html[data-theme=dark] #nt-portfolio .cv-doc.lz-case.case-study{background:var(--bg,#101010);--ink:#f4f4f1;--ink2:#dcdcd8;--mut:#aaa9a4;--dim:#96928c;--line:#30302f;--ln:#30302f;color:#f4f4f1}
html[data-theme=dark] #nt-portfolio .lz3{--lz-ink:#f2f1ec;--lz-ink2:#d9d8d2;--lz-mut:#a9a8a2;--lz-ln:#353533;--lz-ln2:#5f5f5a;--lz-surface:#181817;
  --lz-acc:#8fb0ea;--lz-acc-ink:#aec6f1;--lz-tint:#1b2331}
#nt-portfolio .lz3 .lz3-hero{padding:clamp(8px,2cqw,20px) 0 0}
#nt-portfolio .lz3 .lz3-kick{margin:0 0 18px;font-size:13px;color:var(--lz-mut)}
#nt-portfolio .lz3 .lz3-kick a{color:inherit}
#nt-portfolio .lz3 :is(h1,h2).lz3-h1{max-width:18ch;margin:0;font:400 clamp(40px,7cqw,68px)/1.02 var(--sans);font-family:var(--sans)!important;letter-spacing:-.035em;color:var(--lz-ink);text-wrap:balance}
#nt-portfolio .lz3 dl.lz3-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px clamp(16px,3cqw,32px);max-width:900px;margin:clamp(28px,4cqw,40px) 0 0;padding:0}
#nt-portfolio .lz3 dl.lz3-facts>div{padding-top:12px;border-top:1px solid var(--lz-ln)}
#nt-portfolio .lz3 .lz3-facts dt{margin:0 0 6px;font-size:13px;color:var(--lz-mut)}
#nt-portfolio .lz3 .lz3-facts dd{margin:0;font-size:16px;line-height:1.45;color:var(--lz-ink)}
#nt-portfolio .lz3 section.ch.lz3-s{padding:0;margin:clamp(88px,10cqw,128px) 0 0;scroll-margin-top:24px}
#nt-portfolio .lz3 section.ch.lz3-s.is-sup{margin-top:clamp(72px,8.5cqw,104px)}
#nt-portfolio .lz3 section.ch.lz3-s.is-first{margin-top:clamp(64px,8cqw,96px)}
#nt-portfolio .lz3 section.ch.lz3-s.is-last{margin-bottom:clamp(96px,11cqw,140px)}
#nt-portfolio .lz3 :is(h2,h3).lz3-h2{max-width:24ch;margin:0;font:500 clamp(30px,4.6cqw,44px)/1.08 var(--sans);font-family:var(--sans)!important;letter-spacing:-.025em;color:var(--lz-ink);text-wrap:balance}
#nt-portfolio .lz3 .is-sup :is(h2,h3).lz3-h2{font-size:clamp(26px,3.6cqw,34px)}
#nt-portfolio .lz3 p.lz3-p{max-width:62ch;margin:20px 0 0;font-size:18px;line-height:1.62;color:var(--lz-ink2)}
#nt-portfolio .lz3 p.lz3-p+p.lz3-p{margin-top:14px}
#nt-portfolio .lz3 p.lz3-lede{max-width:40ch;margin:22px 0 0;font:400 clamp(22px,3.1cqw,28px)/1.35 var(--sans);font-family:var(--sans)!important;letter-spacing:-.012em;color:var(--lz-ink)}
#nt-portfolio .lz3 p.lz3-lede+p.lz3-p{margin-top:22px}
#nt-portfolio .lz3 p.lz3-end{max-width:44ch;margin:clamp(32px,4.5cqw,48px) 0 0;font:400 clamp(21px,3cqw,26px)/1.36 var(--sans);font-family:var(--sans)!important;letter-spacing:-.012em;color:var(--lz-ink)}
#nt-portfolio .lz3 a:focus-visible{outline:2px solid var(--lz-acc);outline-offset:3px}
#nt-portfolio .lz3 ul.lz3-list{max-width:62ch;margin:18px 0 0;padding:0;list-style:none;border-top:1px solid var(--lz-ln)}
#nt-portfolio .lz3 ul.lz3-list li{margin:0;padding:11px 0 11px 22px;position:relative;border-bottom:1px solid var(--lz-ln);font-size:16.5px;line-height:1.5;color:var(--lz-ink2)}
#nt-portfolio .lz3 ul.lz3-list li::before{content:"";position:absolute;left:2px;top:1.3em;width:9px;height:1.5px;background:var(--lz-mut);border-radius:0}
#nt-portfolio .lz3 figure.lz3-flow{position:relative;margin:clamp(36px,5cqw,56px) 0 clamp(36px,5cqw,52px);padding:0 0 0 var(--rail);max-width:none;min-width:0}
#nt-portfolio .lz3 ol.lz3-steps{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--flow-gap);row-gap:var(--flow-gap);margin:0;padding:0;list-style:none;counter-reset:none}
#nt-portfolio .lz3 ol.lz3-steps>li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-width:0;min-height:72px;margin:0;padding:16px 16px 18px;border:1px solid var(--lz-ln2);border-radius:12px;background:var(--lz-surface);font:500 16px/1.32 var(--sans);font-family:var(--sans)!important;color:var(--lz-ink)}
#nt-portfolio .lz3 ol.lz3-steps>li::before{content:none}
#nt-portfolio .lz3 .lz3-num{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:24px;height:24px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--lz-acc) 15%,transparent);font:500 11px/1 var(--mono,monospace);font-family:var(--mono,monospace)!important;color:var(--lz-acc-ink)}
#nt-portfolio .lz3 ol.lz3-steps>li>span:last-child{padding-top:2px}
#nt-portfolio .lz3 ol.lz3-steps>li::after{content:"";position:absolute;top:50%;right:calc(var(--flow-gap) / -2 - 4px);width:7px;height:7px;margin-top:-4px;border-top:1.2px solid var(--lz-ink2);border-right:1.2px solid var(--lz-ink2);transform:rotate(45deg);pointer-events:none}
#nt-portfolio .lz3 ol.lz3-steps>li:nth-child(3n)::after,#nt-portfolio .lz3 ol.lz3-steps>li:last-child::after{content:none}
#nt-portfolio .lz3 .lz3-doc{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:calc(var(--flow-gap) + 10px) 0 0;padding:22px clamp(18px,3cqw,28px);border:1.5px solid var(--lz-acc);border-radius:14px;background:var(--lz-tint)}
#nt-portfolio .lz3 .lz3-doc::before{content:"";position:absolute;left:50%;top:calc(-1 * var(--flow-gap) - 10px);height:calc(var(--flow-gap) + 2px);border-left:1.2px solid var(--lz-ink2)}
#nt-portfolio .lz3 .lz3-doc::after{content:"";position:absolute;left:50%;top:-12px;width:7px;height:7px;margin-left:-3.5px;border-right:1.2px solid var(--lz-ink2);border-bottom:1.2px solid var(--lz-ink2);transform:rotate(45deg)}
#nt-portfolio .lz3 .lz3-doc .lz3-num{min-width:30px;height:30px;font-size:12px;background:var(--lz-acc);color:var(--lz-surface)}
#nt-portfolio .lz3 .lz3-doc b{display:block;font:500 clamp(21px,2.8cqw,26px)/1.2 var(--sans);font-family:var(--sans)!important;letter-spacing:-.012em;color:var(--lz-ink)}
#nt-portfolio .lz3 .lz3-loop{max-width:none;position:relative;display:flex;align-items:center;min-height:var(--loop-h,52px);margin:18px 0 0;padding:0 0 0 4px;font-size:15px;line-height:1.4;color:var(--lz-acc-ink)}
#nt-portfolio .lz3 .lz3-loop span{display:inline-block;padding:6px 12px;border:1px dashed var(--lz-acc);border-radius:999px;background:var(--lz-surface)}
#nt-portfolio .lz3 figure.lz3-flow::before{content:"";position:absolute;left:8px;top:28px;bottom:calc(var(--loop-h,52px) / 2);width:calc(var(--rail) - 14px);border:1.4px dashed var(--lz-acc);border-right:0;border-radius:12px 0 0 12px;pointer-events:none}
#nt-portfolio .lz3 figure.lz3-flow::after{content:"";position:absolute;left:calc(var(--rail) - 13px);top:24px;width:7px;height:7px;border-top:1.4px solid var(--lz-acc);border-right:1.4px solid var(--lz-acc);transform:rotate(45deg);pointer-events:none}
@container lz (max-width:640px){
  #nt-portfolio .lz3 ol.lz3-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  #nt-portfolio .lz3 ol.lz3-steps>li:nth-child(n)::after{content:""}
  #nt-portfolio .lz3 ol.lz3-steps>li:nth-child(2n)::after,#nt-portfolio .lz3 ol.lz3-steps>li:last-child::after{content:none}
}
@container lz (max-width:460px){
  #nt-portfolio .lz3{--flow-gap:22px;--rail:28px}
  #nt-portfolio .lz3 ol.lz3-steps{grid-template-columns:minmax(0,1fr)}
  #nt-portfolio .lz3 ol.lz3-steps>li{min-height:0;padding:13px 14px;font-size:16px}
  #nt-portfolio .lz3 ol.lz3-steps>li:nth-child(n)::after{content:"";top:auto;bottom:-16px;right:auto;left:50%;margin:0 0 0 -4px;transform:rotate(135deg)}
  #nt-portfolio .lz3 ol.lz3-steps>li:last-child::after{content:none}
  #nt-portfolio .lz3 .lz3-doc{padding:18px 16px}
  #nt-portfolio .lz3 .lz3-loop{--loop-h:64px;font-size:14.5px}
  #nt-portfolio .lz3 .lz3-loop span{border-radius:14px}
  #nt-portfolio .lz3 figure.lz3-flow::before{--loop-h:64px;left:6px}
  #nt-portfolio .lz3 dl.lz3-facts{grid-template-columns:minmax(0,1fr)}
}
@container lz (min-width:461px) and (max-width:720px){
  #nt-portfolio .lz3 dl.lz3-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
html[data-theme=dark] #nt-portfolio .cv .cv-doc.lz-case :is(.case-wayfinding,.x-next){border-color:#30302f!important}
html[data-theme=dark] #nt-portfolio .cv .cv-doc.lz-case .case-wayfinding a{color:#aaa9a4!important}
html[data-theme=dark] #nt-portfolio .cv .cv-doc.lz-case .x-next :is(.x-nx,.x-nx strong,.x-nx-k){color:#f4f4f1!important;border-color:#55554f!important}
html[data-theme=dark] #nt-portfolio .cv .cv-doc.lz-case .x-next :is(.x-chip,.x-n,.x-l){color:#aaa9a4!important;border-color:#55554f!important}