#nt-portfolio .hd3{--hd-ink:var(--ink,#20201f);--hd-ink2:var(--ink2,#41423d);--hd-mut:var(--mut,#64645f);--hd-ln:var(--ln,#cdcdc8);--hd-ln2:#a9a9a1;--hd-panel:#ebe9e3;
  --hd-acc:#d9661f;--hd-acc-ink:#a3470c;
  --fx-shell:#354a5f;--fx-shell-ink:#ffffff;--fx-bg:#f4f5f6;--fx-surface:#ffffff;--fx-head:#f2f3f4;--fx-line:#d9dcdf;--fx-ink:#32363a;--fx-mut:#5f6368;--fx-link:#0a6ed1;--fx-sel:#e5f0fa;
  --fx-pos:#107e3e;--fx-crit:#9a4205;--fx-neg:#bb0000;--fx-bar:#0a6ed1;--fx-track:#e4e7ea;
  --wf-accent:var(--hd-acc);
  container:hd/inline-size;color:var(--hd-ink);font-family:var(--sans,system-ui,sans-serif)!important}
html[data-theme=dark] #nt-portfolio .cv-doc.hd-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 .hd3{--hd-ink:#f2f1ec;--hd-ink2:#d9d8d2;--hd-mut:#a9a8a2;--hd-ln:#353533;--hd-ln2:#5f5f5a;--hd-panel:#1c1c1b;--hd-acc:#ff8a3d;--hd-acc-ink:#ffa46b;
  --fx-shell:#1f2933;--fx-shell-ink:#e8ecef;--fx-bg:#151a1f;--fx-surface:#1d2329;--fx-head:#232a31;--fx-line:#38424c;--fx-ink:#e6e9ec;--fx-mut:#a7b1ba;--fx-link:#69b8ff;--fx-sel:#1f3447;
  --fx-pos:#5fcf8a;--fx-crit:#ffae5c;--fx-neg:#ff7a7a;--fx-bar:#4da3ff;--fx-track:#2e363e}

#nt-portfolio .hd3 .hd3-hero{padding:clamp(8px,2cqw,20px) 0 0}
#nt-portfolio .hd3 .hd3-kick{margin:0 0 18px;font-size:13px;color:var(--hd-mut)}
#nt-portfolio .hd3 .hd3-kick a{color:inherit}
#nt-portfolio .hd3 :is(h1,h2).hd3-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(--hd-ink);text-wrap:balance}
#nt-portfolio .hd3 dl.hd3-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(16px,3cqw,32px);max-width:860px;margin:clamp(28px,4cqw,40px) 0 0;padding:0}
#nt-portfolio .hd3 dl.hd3-facts>div{padding-top:12px;border-top:1px solid var(--hd-ln)}
#nt-portfolio .hd3 .hd3-facts dt{margin:0 0 6px;font-size:13px;color:var(--hd-mut)}
#nt-portfolio .hd3 .hd3-facts dd{margin:0;font-size:16px;line-height:1.45;color:var(--hd-ink)}

#nt-portfolio .hd3 section.ch.hd3-s{padding:0;margin:clamp(88px,10cqw,128px) 0 0;scroll-margin-top:24px}
#nt-portfolio .hd3 section.ch.hd3-s.is-sup{margin-top:clamp(72px,8.5cqw,104px)}
#nt-portfolio .hd3 section.ch.hd3-s.is-first{margin-top:clamp(64px,8cqw,96px)}
#nt-portfolio .hd3 section.ch.hd3-s.is-last{margin-bottom:clamp(96px,11cqw,140px)}
#nt-portfolio .hd3 :is(h2,h3).hd3-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(--hd-ink);text-wrap:balance}
#nt-portfolio .hd3 .is-sup :is(h2,h3).hd3-h2{font-size:clamp(26px,3.6cqw,34px)}
#nt-portfolio .hd3 :is(h3,h4,h5).hd3-h3{margin:0;font:500 clamp(18px,2.2cqw,21px)/1.25 var(--sans);font-family:var(--sans)!important;letter-spacing:-.01em;color:var(--hd-ink);text-transform:none}
#nt-portfolio .hd3 p.hd3-p{max-width:62ch;margin:20px 0 0;font-size:18px;line-height:1.62;color:var(--hd-ink2)}
#nt-portfolio .hd3 p.hd3-p+p.hd3-p{margin-top:14px}
#nt-portfolio .hd3 p.hd3-sm{max-width:52ch;margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--hd-mut)}
#nt-portfolio .hd3 p.hd3-end{max-width:40ch;margin:clamp(32px,4.5cqw,48px) 0 0;font:400 clamp(22px,3.2cqw,28px)/1.32 var(--sans);font-family:var(--sans)!important;letter-spacing:-.012em;color:var(--hd-ink)}
#nt-portfolio .hd3 figure.hd3-fig{margin:clamp(32px,4.5cqw,48px) 0 0;max-width:none}
#nt-portfolio .hd3 figure.hd3-fig>figcaption{max-width:64ch;margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--hd-mut)}
#nt-portfolio .hd3 .hd3-tag{display:inline-block;margin-right:8px;padding:1px 8px;border:1px solid var(--hd-ln2);border-radius:999px;font-size:12px;line-height:1.6;color:var(--hd-ink2);white-space:nowrap}
#nt-portfolio .hd3 .hd3-tag.is-orig{border-color:var(--hd-ink2)}
#nt-portfolio .hd3 a:focus-visible{outline:2px solid var(--hd-acc);outline-offset:3px}

#nt-portfolio .hd3 .hd3-sketch{display:block;width:100%;height:auto;border-radius:6px;background:#fff;filter:none!important;mix-blend-mode:normal!important;box-shadow:0 0 0 1px var(--hd-ln)}
#nt-portfolio .hd3 figure.hd3-fig.hd3-sketch-w{max-width:680px}
#nt-portfolio .hd3 figure.hd3-fig.hd3-sketch-m{max-width:480px}

#nt-portfolio .hd3 dl.hd3-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px clamp(20px,4cqw,44px);margin:clamp(28px,4cqw,40px) 0 0;padding:0}
#nt-portfolio .hd3 .hd3-roles>div{margin:0}
#nt-portfolio .hd3 .hd3-roles dt{font:500 18px/1.3 var(--sans);font-family:var(--sans)!important;color:var(--hd-ink)}
#nt-portfolio .hd3 .hd3-roles dd{margin:6px 0 0;font-size:16.5px;line-height:1.55;color:var(--hd-ink2)}
@container hd (max-width:560px){#nt-portfolio .hd3 dl.hd3-roles{grid-template-columns:minmax(0,1fr)}#nt-portfolio .hd3 dl.hd3-facts{grid-template-columns:minmax(0,1fr);row-gap:16px}}

#nt-portfolio .hd3 .hd3-ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3cqw,32px);margin:clamp(30px,4cqw,44px) 0 0}
#nt-portfolio .hd3 .hd3-idea{min-width:0}
#nt-portfolio .hd3 .hd3-idea svg{display:block;width:100%;height:auto;margin:0 0 14px;overflow:visible}
#nt-portfolio .hd3 .hd3-idea svg rect{fill:var(--fx-surface);stroke:var(--hd-ink2);stroke-width:1}
#nt-portfolio .hd3 .hd3-idea svg line,#nt-portfolio .hd3 .hd3-idea svg path{stroke:var(--hd-ln2);stroke-width:1;fill:none}
#nt-portfolio .hd3 .hd3-idea svg text{font:500 10.5px var(--sans);font-family:var(--sans)!important;fill:var(--hd-ink2);text-anchor:middle;dominant-baseline:middle}
#nt-portfolio .hd3 .hd3-idea.is-chosen svg rect.hub{stroke:var(--hd-acc);stroke-width:1.5}
#nt-portfolio .hd3 .hd3-idea.is-chosen svg line{stroke:var(--hd-acc)}
#nt-portfolio .hd3 .hd3-idea .hd3-h3 .hd3-dir{display:block;margin-bottom:4px;font:500 12.5px/1.3 var(--sans);font-family:var(--sans)!important;color:var(--hd-acc-ink)}
#nt-portfolio .hd3 .hd3-idea p.hd3-sm{font-size:15px}
#nt-portfolio .hd3 .hd3-dirline{margin:clamp(28px,4cqw,40px) 0 0}
#nt-portfolio .hd3 .hd3-dirline .hd3-h3{color:var(--hd-acc-ink)}
@container hd (max-width:640px){#nt-portfolio .hd3 .hd3-ideas{grid-template-columns:minmax(0,1fr)}#nt-portfolio .hd3 .hd3-idea svg{max-width:280px}}

#nt-portfolio .hd3 .fx{border:1px solid var(--fx-line);border-radius:6px;background:var(--fx-bg);color:var(--fx-ink);font:400 13px/1.4 var(--sans);font-family:var(--sans)!important;overflow:hidden}
#nt-portfolio .hd3 .fx-shell{display:flex;align-items:center;gap:14px;padding:9px 14px;background:var(--fx-shell);color:var(--fx-shell-ink);font-size:13px}
#nt-portfolio .hd3 .fx-shell b{font-weight:600}
#nt-portfolio .hd3 .fx-shell .fx-sp{margin-left:auto;opacity:.8;font-size:12px}
#nt-portfolio .hd3 .fx-page{padding:14px}
#nt-portfolio .hd3 .fx-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 12px}
#nt-portfolio .hd3 .fx-h strong{font-size:17px;font-weight:600}
#nt-portfolio .hd3 .fx-h span{color:var(--fx-mut);font-size:12.5px}
#nt-portfolio .hd3 .fx-grid{display:grid;gap:12px}
#nt-portfolio .hd3 .fx-card{min-width:0;padding:12px;border:1px solid var(--fx-line);border-radius:4px;background:var(--fx-surface)}
#nt-portfolio .hd3 .fx-card>.fx-ct{margin:0 0 8px;font-size:12.5px;font-weight:600;color:var(--fx-ink)}
#nt-portfolio .hd3 .fx-kpi{display:flex;flex-direction:column;gap:2px}
#nt-portfolio .hd3 .fx-kpi b{font-size:22px;font-weight:400;color:var(--fx-ink)}
#nt-portfolio .hd3 .fx-kpi span{font-size:12px;color:var(--fx-mut)}
#nt-portfolio .hd3 .fx-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
#nt-portfolio .hd3 table.fx-t{width:100%;border-collapse:collapse;font-size:12.5px;background:var(--fx-surface)}
#nt-portfolio .hd3 .fx-t th{padding:7px 9px;border-bottom:1px solid var(--fx-line);background:var(--fx-head);font-weight:600;color:var(--fx-mut);text-align:left;white-space:nowrap}
#nt-portfolio .hd3 .fx-t td{padding:7px 9px;border-bottom:1px solid var(--fx-line);color:var(--fx-ink);vertical-align:middle;white-space:nowrap}
#nt-portfolio .hd3 .fx-t tr:last-child td{border-bottom:0}
#nt-portfolio .hd3 .fx-t tr.is-sel td{background:var(--fx-sel)}
#nt-portfolio .hd3 .fx-t .n{text-align:right;font-variant-numeric:tabular-nums}
#nt-portfolio .hd3 .fx-t a,#nt-portfolio .hd3 .fx-link{color:var(--fx-link);text-decoration:none}
#nt-portfolio .hd3 .fx-st{font-weight:600}
#nt-portfolio .hd3 .fx-st.pos{color:var(--fx-pos)}#nt-portfolio .hd3 .fx-st.crit{color:var(--fx-crit)}#nt-portfolio .hd3 .fx-st.neg{color:var(--fx-neg)}#nt-portfolio .hd3 .fx-st.neu{color:var(--fx-mut)}
#nt-portfolio .hd3 .fx-bar{display:inline-block;width:64px;height:6px;border-radius:3px;background:var(--fx-track);vertical-align:middle;overflow:hidden}
#nt-portfolio .hd3 .fx-bar i{display:block;height:100%;background:var(--fx-bar)}
#nt-portfolio .hd3 .fx-bar.crit i{background:var(--fx-crit)}
#nt-portfolio .hd3 .fx-tabs{display:flex;gap:18px;margin:0 0 12px;border-bottom:1px solid var(--fx-line);font-size:13px;color:var(--fx-mut)}
#nt-portfolio .hd3 .fx-tabs span{padding:0 0 8px}
#nt-portfolio .hd3 .fx-tabs span.on{color:var(--fx-link);box-shadow:inset 0 -2px 0 var(--fx-link)}
#nt-portfolio .hd3 .fx-btn{display:inline-block;padding:4px 10px;border:1px solid var(--fx-link);border-radius:4px;color:var(--fx-link);font-size:12px;white-space:nowrap}
#nt-portfolio .hd3 .fx-btn.em{background:var(--fx-link);color:var(--fx-surface)}
#nt-portfolio .hd3 .fx-bar-row{display:flex;justify-content:flex-end;gap:8px;margin:0 0 10px}
#nt-portfolio .hd3 .fx-sw{display:inline-block;width:26px;height:14px;border-radius:7px;background:var(--fx-track);position:relative;vertical-align:middle}
#nt-portfolio .hd3 .fx-sw::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--fx-mut)}
#nt-portfolio .hd3 .fx-sw.on{background:var(--fx-link)}#nt-portfolio .hd3 .fx-sw.on::after{left:14px;background:var(--fx-surface)}
#nt-portfolio .hd3 .fx-obj{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--fx-line)}
#nt-portfolio .hd3 .fx-obj div span{display:block;font-size:12px;color:var(--fx-mut)}
#nt-portfolio .hd3 .fx-obj div b{font-weight:400}
#nt-portfolio .hd3 .fx-label{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px 16px;margin:10px 0 0;font-size:13px;color:var(--hd-mut)}
#nt-portfolio .hd3 .fx-label b{font-weight:500;color:var(--hd-ink2)}
#nt-portfolio .hd3 .fx-small{font-size:12px;color:var(--fx-mut)}

#nt-portfolio .hd3 .hd3-views{display:grid;gap:clamp(22px,3cqw,32px);margin:clamp(30px,4cqw,44px) 0 0}
#nt-portfolio .hd3 .hd3-views-sm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.6cqw,24px)}
#nt-portfolio .hd3 .hd3-view>.hd3-h3{margin-bottom:6px}
#nt-portfolio .hd3 .hd3-view>p.hd3-sm{margin:0 0 12px}
#nt-portfolio .hd3 .fx-mgr{grid-template-columns:repeat(3,minmax(0,1fr))}
#nt-portfolio .hd3 .fx-mgr>.fx-wide{grid-column:1/-1}
#nt-portfolio .hd3 .fx-mgr2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
@container hd (max-width:720px){#nt-portfolio .hd3 .hd3-views-sm{grid-template-columns:minmax(0,1fr)}#nt-portfolio .hd3 .fx-mgr2{grid-template-columns:minmax(0,1fr)}}
@container hd (max-width:460px){#nt-portfolio .hd3 .fx-mgr{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#nt-portfolio .hd3 .fx-kpi b{font-size:18px}#nt-portfolio .hd3 .fx-obj{grid-template-columns:repeat(2,minmax(0,1fr))}}

#nt-portfolio .hd3 .fx-plan{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
#nt-portfolio .hd3 .fx-plan .fx-card,#nt-portfolio .hd3 .fx-acc .fx-card{padding:10px 8px}
#nt-portfolio .hd3 .fx-plan .fx-t :is(th,td),#nt-portfolio .hd3 .fx-acc .fx-t :is(th,td),#nt-portfolio .hd3 .hd3-prog .fx-t :is(th,td){padding:7px 6px}
#nt-portfolio .hd3 .hd3-qs{margin:16px 0 0;padding:0;list-style:none}
#nt-portfolio .hd3 .hd3-qs li{margin:0 0 4px;padding:0;font:400 clamp(19px,2.6cqw,23px)/1.35 var(--sans);font-family:var(--sans)!important;color:var(--hd-ink)}
#nt-portfolio .hd3 .hd3-qs li::before{content:none}
@container hd (max-width:720px){#nt-portfolio .hd3 .fx-plan{grid-template-columns:minmax(0,1fr)}}

#nt-portfolio .hd3 .fx-acc{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@container hd (max-width:720px){#nt-portfolio .hd3 .fx-acc{grid-template-columns:minmax(0,1fr)}}

#nt-portfolio .hd3 p.hd3-seq{max-width:none;margin:22px 0 0;font-size:16px;line-height:1.7;color:var(--hd-ink)}
#nt-portfolio .hd3 p.hd3-seq span{white-space:nowrap}
#nt-portfolio .hd3 p.hd3-seq i{font-style:normal;margin:0 6px;color:var(--hd-acc-ink)}

#nt-portfolio .hd3 .hd3-prog{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.15fr);gap:clamp(14px,2.4cqw,24px);align-items:start;margin:clamp(30px,4cqw,44px) 0 0}
#nt-portfolio .hd3 .hd3-step{min-width:0}
#nt-portfolio .hd3 .hd3-step>.hd3-h3{margin:0 0 10px;font-size:16px}
#nt-portfolio .hd3 .hd3-step>p.hd3-sm{margin:10px 0 0;font-size:14px}
@container hd (max-width:760px){#nt-portfolio .hd3 .hd3-prog{grid-template-columns:minmax(0,1fr)}}

#nt-portfolio .hd3 .wf-desk{--wf-line:#2f2f2c;--wf-soft:#c9c8c1;--wf-ink:#232321;--wf-muted:#6b6b65;--wf-canvas:#ffffff;
  --wf-tint:color-mix(in srgb,var(--wf-accent) 14%,var(--wf-canvas));--wf-tint-line:color-mix(in srgb,var(--wf-accent) 55%,var(--wf-canvas));
  border:1.25px solid var(--wf-line);border-radius:6px;background:var(--wf-canvas);color:var(--wf-ink);font:400 11.5px/1.35 var(--sans);font-family:var(--sans)!important;overflow:hidden}
html[data-theme=dark] #nt-portfolio .hd3 .wf-desk{--wf-line:#b9b8b1;--wf-soft:#4a4a46;--wf-ink:#efeee9;--wf-muted:#a6a59f;--wf-canvas:#1a1a19;
  --wf-tint:color-mix(in srgb,var(--wf-accent) 24%,var(--wf-canvas));--wf-tint-line:color-mix(in srgb,var(--wf-accent) 70%,var(--wf-canvas))}
#nt-portfolio .hd3 .wf-desk .wd-top{display:flex;gap:5px;padding:7px 9px;border-bottom:1px solid var(--wf-soft)}
#nt-portfolio .hd3 .wf-desk .wd-top i{width:7px;height:7px;border:1px solid var(--wf-line);border-radius:50%}
#nt-portfolio .hd3 .wf-desk .wd-in{padding:10px}
#nt-portfolio .hd3 .wf-desk .wd-t{font-weight:600;margin:0 0 8px}
#nt-portfolio .hd3 .wf-desk .wd-tabs{display:flex;gap:6px;margin:0 0 8px}
#nt-portfolio .hd3 .wf-desk .wd-tabs span{padding:2px 8px;border:1px solid var(--wf-soft);border-radius:3px;color:var(--wf-muted)}
#nt-portfolio .hd3 .wf-desk .wd-tabs span.on{background:var(--wf-tint);border-color:var(--wf-tint-line);color:var(--wf-ink)}
#nt-portfolio .hd3 .wf-desk .wd-row{display:grid;grid-template-columns:22px 1fr 1fr 60px;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--wf-soft)}
#nt-portfolio .hd3 .wf-desk .wd-row.h{color:var(--wf-muted);border-top:0}
#nt-portfolio .hd3 .wf-desk .wd-x{width:18px;height:18px;border-radius:3px;background:linear-gradient(to top right,transparent calc(50% - .6px),var(--wf-tint-line) 50%,transparent calc(50% + .6px)),linear-gradient(to bottom right,transparent calc(50% - .6px),var(--wf-tint-line) 50%,transparent calc(50% + .6px)),var(--wf-tint)}
#nt-portfolio .hd3 .wf-desk .wd-ln{display:block;height:6px;border-radius:3px;background:var(--wf-soft)}
#nt-portfolio .hd3 .wf-desk .wd-box{display:block;height:8px;border:1px solid var(--wf-line);border-radius:2px;background:linear-gradient(90deg,var(--wf-tint-line) var(--v,50%),transparent var(--v,50%))}
@container hd (max-width:460px){#nt-portfolio .hd3 .fx-t td{white-space:normal}#nt-portfolio .hd3 .fx-page{padding:10px}#nt-portfolio .hd3 .fx-card{padding:10px 8px}#nt-portfolio .hd3 .fx-t :is(th,td){padding:7px 6px}}

html[data-theme=dark] #nt-portfolio .cv .cv-doc.hd-case .x-next{border-color:#30302f!important}
html[data-theme=dark] #nt-portfolio .cv .cv-doc.hd-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.hd-case .x-next :is(.x-chip,.x-n,.x-l){color:#aaa9a4!important;border-color:#55554f!important}