#nt-portfolio .wf-ph{--wf-canvas:#ffffff;--wf-line:#2f2f2c;--wf-soft:#c9c8c1;--wf-ink:#232321;--wf-muted:#6b6b65;--wf-fill:#f1f0eb;--wf-btn:#2b2b29;--wf-btn-ink:#ffffff;
  --wf-tint:color-mix(in srgb,var(--wf-accent,#8a8a84) 14%,var(--wf-canvas));--wf-tint-line:color-mix(in srgb,var(--wf-accent,#8a8a84) 55%,var(--wf-canvas));
  position:relative;container-type:inline-size;aspect-ratio:9/18;border:1.25px solid var(--wf-line);border-radius:9px;background:var(--wf-canvas);color:var(--wf-ink);line-height:1.3}
html[data-theme=dark] #nt-portfolio .wf-ph{--wf-canvas:#1a1a19;--wf-line:#b9b8b1;--wf-soft:#4a4a46;--wf-ink:#efeee9;--wf-muted:#a6a59f;--wf-fill:#262624;--wf-btn:#efeee9;--wf-btn-ink:#161615;
  --wf-tint:color-mix(in srgb,var(--wf-accent,#8a8a84) 24%,var(--wf-canvas));--wf-tint-line:color-mix(in srgb,var(--wf-accent,#8a8a84) 70%,var(--wf-canvas))}
#nt-portfolio .wf-ph>.w-in{position:absolute;inset:0;overflow:hidden;border-radius:8px;display:flex;flex-direction:column;gap:3.4cqw;padding:5cqw 6cqw 6cqw;font-size:5.8cqw}

#nt-portfolio .wf-ph>.w-in::before{content:var(--wf-brand,"");display:block;flex:none;margin:0 -6cqw 1cqw;padding:0 6cqw 3.4cqw;border-bottom:1px solid var(--wf-soft);font:600 4.6cqw/1 var(--sans,system-ui,sans-serif);font-family:var(--sans,system-ui,sans-serif)!important;letter-spacing:.06em;color:var(--wf-ink)}
#nt-portfolio .wf-ph::after{content:"";position:absolute;top:5cqw;right:6cqw;width:6cqw;height:4.2cqw;background:linear-gradient(var(--wf-ink),var(--wf-ink)) 0 0/100% 1.2px no-repeat,linear-gradient(var(--wf-ink),var(--wf-ink)) 0 50%/100% 1.2px no-repeat,linear-gradient(var(--wf-ink),var(--wf-ink)) 0 100%/100% 1.2px no-repeat}
#nt-portfolio .wf-ph .w-bar{display:flex;flex-direction:column;align-items:flex-start;gap:1.6cqw;font-weight:600;font-size:6.4cqw}
#nt-portfolio .wf-ph .w-bar::before{content:"\2039";font-size:8cqw;font-weight:400;line-height:.7;color:var(--wf-ink)}
#nt-portfolio .wf-ph .w-bar.w-n::before{content:none}
#nt-portfolio .wf-ph .w-x{position:relative;flex:none;border-radius:1.6cqw;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);box-shadow:inset 0 0 0 1px var(--wf-tint-line)}
#nt-portfolio .wf-ph .w-hero{height:34cqw}
#nt-portfolio .wf-ph .w-th{width:14cqw;height:14cqw}
#nt-portfolio .wf-ph .w-t{display:block;font-weight:600}
#nt-portfolio .wf-ph .w-s{display:block;color:var(--wf-muted);font-size:4.8cqw}
#nt-portfolio .wf-ph .w-row{display:flex;align-items:center;gap:3.4cqw;min-height:14cqw;margin:0}
#nt-portfolio .wf-ph .w-row>.w-grow{flex:1;min-width:0;display:grid;gap:1.4cqw}
#nt-portfolio .wf-ph .w-plus{display:inline-flex;align-items:center;justify-content:center;flex:none;width:7.4cqw;height:7.4cqw;border:1px solid var(--wf-line);border-radius:1.4cqw;font-size:5.4cqw;line-height:1;color:var(--wf-ink)}
#nt-portfolio .wf-ph .w-hr{height:1px;flex:none;background:var(--wf-soft)}
#nt-portfolio .wf-ph .w-ln{display:block;height:2.6cqw;border-radius:2cqw;background:var(--wf-soft)}
#nt-portfolio .wf-ph .w-ln.w-w6{width:60%}#nt-portfolio .wf-ph .w-ln.w-w4{width:40%}#nt-portfolio .wf-ph .w-ln.w-w8{width:80%}
#nt-portfolio .wf-ph .w-btn{margin-top:auto;padding:3.8cqw 3cqw;border-radius:1.8cqw;background:var(--wf-btn);color:var(--wf-btn-ink);text-align:center;font-weight:600;font-size:5.2cqw}
#nt-portfolio .wf-ph .w-btn.w-o{margin-top:0;background:transparent;color:var(--wf-ink);box-shadow:inset 0 0 0 1px var(--wf-line)}
#nt-portfolio .wf-ph .w-btn.w-acc{background:var(--wf-tint);color:var(--wf-ink);box-shadow:inset 0 0 0 1px var(--wf-tint-line)}

#nt-portfolio .wf-ph .w-act{display:flex;align-items:center;gap:2.6cqw;padding:3.2cqw 3.4cqw;border-radius:1.8cqw;background:var(--wf-tint);box-shadow:inset 0 0 0 1px var(--wf-tint-line);color:var(--wf-ink);font-weight:600;font-size:5.2cqw}
#nt-portfolio .wf-ph .w-dash{padding:3.2cqw;border:1px dashed var(--wf-accent,var(--wf-line));border-radius:1.8cqw;background:var(--wf-tint);text-align:center;color:var(--wf-ink);font-size:5cqw;font-weight:600}
#nt-portfolio .wf-ph .w-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1.4cqw;font-size:4.6cqw;text-align:center}
#nt-portfolio .wf-ph .w-tabs span{padding:1.8cqw 0;border-radius:1.4cqw;color:var(--wf-muted);box-shadow:inset 0 0 0 1px var(--wf-soft)}
#nt-portfolio .wf-ph .w-tabs span:first-child{background:var(--wf-tint);color:var(--wf-ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--wf-tint-line)}
#nt-portfolio .wf-ph .w-field{display:flex;align-items:center;gap:2cqw;padding:2.8cqw 3cqw;border:1px solid var(--wf-soft);border-radius:1.6cqw;color:var(--wf-muted);font-size:4.8cqw;overflow:hidden;white-space:nowrap}
#nt-portfolio .wf-ph .w-field b{margin-left:auto;padding:1cqw 2.4cqw;border:1px solid var(--wf-line);border-radius:1.2cqw;font-weight:600;color:var(--wf-ink)}
#nt-portfolio .wf-ph .w-dots{display:flex;gap:4cqw}
#nt-portfolio .wf-ph .w-dots i{width:11cqw;height:11cqw;border:1px solid var(--wf-soft);border-radius:50%}
#nt-portfolio .wf-ph .w-radio{display:flex;align-items:flex-start;gap:2.8cqw;padding:3cqw;border:1px solid var(--wf-soft);border-radius:1.8cqw;font-size:5cqw}
#nt-portfolio .wf-ph .w-radio::before{content:"";flex:none;box-sizing:border-box;width:4.6cqw;height:4.6cqw;margin-top:.6cqw;border:1px solid var(--wf-line);border-radius:50%}
#nt-portfolio .wf-ph .w-radio.w-on{background:var(--wf-tint);border-color:var(--wf-tint-line)}
#nt-portfolio .wf-ph .w-radio.w-on::before{border:1.4cqw solid var(--wf-accent,var(--wf-line));background:var(--wf-canvas)}
#nt-portfolio .wf-ph .w-note{padding:2.6cqw 3cqw;border-radius:1.6cqw;background:var(--wf-fill);color:var(--wf-muted);font-size:4.5cqw}
#nt-portfolio .wf-ph .w-alert{padding:3cqw;border-radius:1.6cqw;background:var(--wf-tint);box-shadow:inset 0 0 0 1px var(--wf-tint-line);font-size:4.7cqw}
#nt-portfolio .wf-ph .w-tick{display:flex;align-items:center;justify-content:center;width:24cqw;height:24cqw;margin:12cqw auto 3cqw;border-radius:50%;background:var(--wf-tint);color:var(--wf-ink);font-size:11cqw}
#nt-portfolio .wf-ph .w-ctr{text-align:center}
#nt-portfolio .wf-ph .w-tl{display:grid;gap:2.4cqw;padding-left:6cqw;margin-left:1cqw;border-left:1px solid var(--wf-soft);font-size:4.6cqw;color:var(--wf-muted)}
#nt-portfolio .wf-ph .w-tl span{position:relative}
#nt-portfolio .wf-ph .w-tl span::before{content:"";position:absolute;left:-7.6cqw;top:1cqw;width:2.6cqw;height:2.6cqw;border:1px solid var(--wf-line);border-radius:50%;background:var(--wf-canvas)}
#nt-portfolio .wf-ph .w-tl span.w-on{color:var(--wf-ink)}
#nt-portfolio .wf-ph .w-tl span.w-on::before{background:var(--wf-accent,var(--wf-line));border-color:var(--wf-accent,var(--wf-line))}
#nt-portfolio .wf-ph .w-grp{display:flex;flex-direction:column;gap:1.2cqw;padding:3cqw;border:1px solid var(--wf-soft);border-radius:1.8cqw}
#nt-portfolio .wf-ph .w-grp.w-hl{background:var(--wf-tint);border-color:var(--wf-tint-line)}
#nt-portfolio .wf-ph .w-tot{display:flex;align-items:center;justify-content:space-between;gap:2cqw;font-weight:600}
#nt-portfolio .wf-ph .w-tot.w-sub{font-weight:400;font-size:4.7cqw;color:var(--wf-muted)}
#nt-portfolio .wf-ph .w-who{font-size:4.4cqw;color:var(--wf-muted)}
#nt-portfolio .wf-ph .w-tag{padding:.6cqw 2.2cqw;border:1px solid var(--wf-soft);border-radius:9cqw;font-size:4cqw;color:var(--wf-muted);white-space:nowrap}