#nt-portfolio .at3{--at-ink:var(--ink,#20201f);--at-ink2:var(--ink2,#41423d);--at-mut:var(--mut,#64645f);--at-ln:var(--ln,#cdcdc8);--at-ln2:#a9a9a1;--at-surface:#fffefa;--at-panel:#efede7;
  --at-acc:#3d8b3d;--at-acc-ink:#2b6a2b;--at-tint:#e9f1e5;
  --wf-accent:var(--at-acc);--wf-brand:"ANANTHAM";
  --seq-gap:28px;
  container:at/inline-size;color:var(--at-ink);font-family:var(--sans,system-ui,sans-serif)!important}
html[data-theme=dark] #nt-portfolio .cv-doc.at-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 .at3{--at-ink:#f2f1ec;--at-ink2:#d9d8d2;--at-mut:#a9a8a2;--at-ln:#353533;--at-ln2:#5f5f5a;--at-surface:#181817;--at-panel:#1c1c1b;
  --at-acc:#79c06f;--at-acc-ink:#9bd391;--at-tint:#1c2a1a}

#nt-portfolio .at3 .at3-hero{padding:clamp(8px,2cqw,20px) 0 0}
#nt-portfolio .at3 .at3-kick{margin:0 0 18px;font-size:13px;color:var(--at-mut)}
#nt-portfolio .at3 .at3-kick a{color:inherit}
#nt-portfolio .at3 :is(h1,h2).at3-h1{margin:0;font:400 clamp(44px,8cqw,76px)/1 var(--sans);font-family:var(--sans)!important;letter-spacing:-.035em;color:var(--at-ink)}
#nt-portfolio .at3 dl.at3-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 .at3 dl.at3-facts>div{padding-top:12px;border-top:1px solid var(--at-ln)}
#nt-portfolio .at3 .at3-facts dt{margin:0 0 6px;font-size:13px;color:var(--at-mut)}
#nt-portfolio .at3 .at3-facts dd{margin:0;font-size:16px;line-height:1.45;color:var(--at-ink)}
#nt-portfolio .at3 p.at3-intro{max-width:56ch;margin:clamp(32px,4.5cqw,44px) 0 0;font-size:19px;line-height:1.6;color:var(--at-ink2)}

#nt-portfolio .at3 section.ch.at3-s{padding:0;margin:clamp(88px,10cqw,128px) 0 0;scroll-margin-top:24px}
#nt-portfolio .at3 section.ch.at3-s.is-sup{margin-top:clamp(72px,8.5cqw,104px)}
#nt-portfolio .at3 section.ch.at3-s.is-first{margin-top:clamp(64px,8cqw,96px)}
#nt-portfolio .at3 section.ch.at3-s.is-last{margin-bottom:clamp(96px,11cqw,140px)}
#nt-portfolio .at3 :is(h2,h3).at3-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(--at-ink);text-wrap:balance}
#nt-portfolio .at3 .is-sup :is(h2,h3).at3-h2{font-size:clamp(26px,3.6cqw,34px)}
#nt-portfolio .at3 :is(h3,h4,h5).at3-h3{margin:0;font:500 clamp(18px,2.2cqw,21px)/1.25 var(--sans);font-family:var(--sans)!important;letter-spacing:-.01em;color:var(--at-ink);text-transform:none}
#nt-portfolio .at3 p.at3-p{max-width:62ch;margin:20px 0 0;font-size:18px;line-height:1.62;color:var(--at-ink2)}
#nt-portfolio .at3 p.at3-p+p.at3-p{margin-top:14px}
#nt-portfolio .at3 p.at3-p strong{font-weight:600;color:var(--at-ink)}
#nt-portfolio .at3 p.at3-lede{max-width:40ch;margin:24px 0 0;font:400 clamp(22px,3.1cqw,28px)/1.35 var(--sans);font-family:var(--sans)!important;letter-spacing:-.012em;color:var(--at-ink)}
#nt-portfolio .at3 p.at3-sm{max-width:52ch;margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--at-mut)}
#nt-portfolio .at3 p.at3-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(--at-ink)}
#nt-portfolio .at3 figure.at3-fig{margin:clamp(36px,5cqw,56px) 0 0;max-width:none;min-width:0}
#nt-portfolio .at3 figure.at3-fig>figcaption{max-width:64ch;margin:16px 0 0;font-size:15px;line-height:1.5;color:var(--at-mut)}
#nt-portfolio .at3 a:focus-visible{outline:2px solid var(--at-acc);outline-offset:3px}

#nt-portfolio .at3 p.at3-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 20px;max-width:none}
#nt-portfolio .at3 p.at3-label-s{margin-bottom:16px}
#nt-portfolio .at3 .at3-tag{display:inline-block;padding:2px 10px;border-radius:999px;font:500 11.5px/1.6 var(--mono,ui-monospace,monospace);font-family:var(--mono,ui-monospace,monospace)!important;letter-spacing:.04em;white-space:nowrap}
#nt-portfolio .at3 .at3-tag.is-new{border:1px dashed var(--at-acc);color:var(--at-acc-ink)}
#nt-portfolio .at3 .at3-tag.is-hist{border:1px solid var(--at-ink2);color:var(--at-ink);background:var(--at-panel)}
#nt-portfolio .at3 .at3-note{font-size:13.5px;line-height:1.4;color:var(--at-mut)}
#nt-portfolio .at3 .at3-chip{display:inline-block;margin-left:6px;padding:1px 8px;border:1px solid var(--at-acc);border-radius:999px;font:500 11px/1.6 var(--sans);font-family:var(--sans)!important;letter-spacing:0;text-transform:none;color:var(--at-acc-ink);vertical-align:1px;white-space:nowrap}
#nt-portfolio .at3 .at3-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(--at-acc) 16%,transparent);font:500 11px/1 var(--mono,monospace);font-family:var(--mono,monospace)!important;color:var(--at-acc-ink)}

#nt-portfolio .at3 ul.at3-qs{max-width:62ch;margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--at-ln)}
#nt-portfolio .at3 ul.at3-qs li{margin:0;padding:12px 0 12px 22px;position:relative;border-bottom:1px solid var(--at-ln);font-size:16.5px;line-height:1.5;color:var(--at-ink2)}
#nt-portfolio .at3 ul.at3-qs li::before{content:"";position:absolute;left:2px;top:1.32em;width:9px;height:1.5px;background:var(--at-mut);border-radius:0}
#nt-portfolio .at3 .at3-shift{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,3cqw,28px);max-width:820px;margin:clamp(28px,4cqw,40px) 0 0}
#nt-portfolio .at3 .at3-shift p{margin:0;padding:14px 0 0;border-top:1px solid var(--at-ln2);font-size:17px;line-height:1.45;color:var(--at-mut);max-width:none}
#nt-portfolio .at3 .at3-shift p span{display:block;margin-bottom:6px;font:500 11.5px/1.4 var(--mono,monospace);font-family:var(--mono,monospace)!important;letter-spacing:.08em;text-transform:uppercase}
#nt-portfolio .at3 .at3-shift p.is-to{border-top:1.5px solid var(--at-acc);color:var(--at-ink)}
#nt-portfolio .at3 .at3-shift p.is-to span{color:var(--at-acc-ink)}

#nt-portfolio .at3 .at3-qpair{display:grid;gap:6px;max-width:62ch;margin:28px 0 8px;padding-left:18px;border-left:1.5px solid var(--at-acc)}
#nt-portfolio .at3 .at3-qpair p{margin:0;max-width:none;font:400 clamp(20px,2.7cqw,24px)/1.35 var(--sans);font-family:var(--sans)!important;letter-spacing:-.01em}
#nt-portfolio .at3 .at3-qpair p.is-was{color:var(--at-mut);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--at-ln2)}
#nt-portfolio .at3 .at3-qpair p.is-now{color:var(--at-ink)}

#nt-portfolio .at3 .at3-ia-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4cqw,22px)}
#nt-portfolio .at3 .at3-ia-c{min-width:0;padding:clamp(18px,3cqw,28px);border:1px solid var(--at-ln);border-radius:16px;background:var(--at-surface)}
#nt-portfolio .at3 .at3-ia-c.is-chosen{border:1.5px solid var(--at-acc)}
#nt-portfolio .at3 .at3-ia-c p.at3-sm{font-size:14.5px}
#nt-portfolio .at3 ul.at3-cat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0 0;padding:0;list-style:none}
#nt-portfolio .at3 ul.at3-cat li{margin:0;padding:14px 2px;border:1px solid var(--at-ln2);border-radius:8px;text-align:center;font-size:13px;line-height:1.2;color:var(--at-ink2);min-width:0}
#nt-portfolio .at3 ul.at3-cat li::before{content:none}
#nt-portfolio .at3 ol.at3-path{display:grid;gap:22px;margin:22px 0 0;padding:0;list-style:none}
#nt-portfolio .at3 ol.at3-path li{position:relative;margin:0;padding:12px 14px;border:1px solid var(--at-ln2);border-radius:8px;font-size:15px;font-weight:500;color:var(--at-ink)}
#nt-portfolio .at3 ol.at3-path li::before{content:none}
#nt-portfolio .at3 ol.at3-path li:first-child{border-color:var(--at-acc);background:var(--at-tint)}
#nt-portfolio .at3 ol.at3-path li:not(:last-child)::after{content:"";position:absolute;left:22px;bottom:-17px;width:7px;height:7px;border-right:1.2px solid var(--at-ink2);border-bottom:1.2px solid var(--at-ink2);transform:rotate(45deg)}
#nt-portfolio .at3 p.at3-rest{margin:18px 0 0;font-size:13px;line-height:1.5;color:var(--at-mut);max-width:none}
#nt-portfolio .at3 p.at3-rest span{display:block;margin-bottom:2px;font:500 11px/1.4 var(--mono,monospace);font-family:var(--mono,monospace)!important;letter-spacing:.06em;text-transform:uppercase}

#nt-portfolio .at3 .at3-opts-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4cqw,22px)}
#nt-portfolio .at3 .at3-opt{min-width:0;padding:clamp(18px,3cqw,28px);border:1px solid var(--at-ln);border-radius:16px;background:var(--at-surface)}
#nt-portfolio .at3 .at3-opt:not(.is-chosen){color:var(--at-mut)}
#nt-portfolio .at3 .at3-opt.is-chosen{border:1.5px solid var(--at-acc)}
#nt-portfolio .at3 p.at3-opt-k{margin:0 0 6px;font:500 12px/1.6 var(--mono,monospace);font-family:var(--mono,monospace)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--at-mut);max-width:none}
#nt-portfolio .at3 .is-chosen p.at3-opt-k{color:var(--at-acc-ink)}
#nt-portfolio .at3 ol.at3-chain{display:grid;gap:18px;margin:18px 0 0;padding:0;list-style:none}
#nt-portfolio .at3 ol.at3-chain li{position:relative;margin:0;padding:9px 12px;border:1px solid var(--at-ln2);border-radius:8px;font-size:14.5px;line-height:1.35;color:var(--at-ink2)}
#nt-portfolio .at3 ol.at3-chain li::before{content:none}
#nt-portfolio .at3 ol.at3-chain li:not(:last-child)::after{content:"";position:absolute;left:18px;bottom:-14px;width:6px;height:6px;border-right:1.2px solid var(--at-ln2);border-bottom:1.2px solid var(--at-ln2);transform:rotate(45deg)}
#nt-portfolio .at3 .is-chosen ol.at3-chain li:not(:last-child)::after{border-color:var(--at-ink2)}
#nt-portfolio .at3 ol.at3-chain li.is-key{border:1px dashed var(--at-acc);background:var(--at-tint);color:var(--at-ink)}
#nt-portfolio .at3 .at3-opt:not(.is-chosen) ol.at3-chain li:nth-child(2){border-style:dashed}
#nt-portfolio .at3 dl.at3-tr{display:grid;gap:12px;margin:22px 0 0;padding:0}
#nt-portfolio .at3 dl.at3-tr>div{padding-top:10px;border-top:1px solid var(--at-ln)}
#nt-portfolio .at3 .at3-tr dt{margin:0 0 3px;font-size:12.5px;font-weight:500;color:var(--at-mut)}
#nt-portfolio .at3 .at3-tr dd{margin:0;font-size:15px;line-height:1.45;color:var(--at-ink2)}
#nt-portfolio .at3 .at3-opt:not(.is-chosen) .at3-tr dd{color:var(--at-mut)}

#nt-portfolio .at3 .at3-board{--seq-gap:clamp(22px,2.8cqw,30px)}
#nt-portfolio .at3 ol.at3-seq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--seq-gap);row-gap:36px;margin:0;padding:0;list-style:none}
#nt-portfolio .at3 ol.at3-seq>li{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:12px;margin:0;padding:0;min-width:0;position:relative}
#nt-portfolio .at3 ol.at3-seq>li::before{content:none}
#nt-portfolio .at3 .at3-st{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 9px;align-items:start;align-content:start}
#nt-portfolio .at3 .at3-st .at3-num{grid-row:1/span 2}
#nt-portfolio .at3 .at3-st b{font:500 15px/1.3 var(--sans);font-family:var(--sans)!important;color:var(--at-ink)}
#nt-portfolio .at3 .at3-st span:not(.at3-num){font-size:13.5px;line-height:1.4;color:var(--at-mut)}
#nt-portfolio .at3 .at3-ph{width:100%;align-self:start;aspect-ratio:9/16}
#nt-portfolio .at3 ol.at3-seq>li>.at3-ph::before{content:"";position:absolute;top:50%;right:calc(var(--seq-gap) / -2 - 4px);width:7px;height:7px;margin-top:-4px;border-top:1.2px solid var(--at-ink2);border-right:1.2px solid var(--at-ink2);transform:rotate(45deg);pointer-events:none}
#nt-portfolio .at3 ol.at3-seq>li:nth-child(4n)>.at3-ph::before,#nt-portfolio .at3 ol.at3-seq>li:last-child>.at3-ph::before{content:none}
@container at (min-width:1160px){
  #nt-portfolio .at3 ol.at3-seq{grid-template-columns:repeat(8,minmax(0,1fr))}
  #nt-portfolio .at3 ol.at3-seq>li:nth-child(4n)>.at3-ph::before{content:""}
  #nt-portfolio .at3 ol.at3-seq>li:last-child>.at3-ph::before{content:none}
}
@container at (max-width:720px){
  #nt-portfolio .at3 ol.at3-seq{grid-template-columns:repeat(2,minmax(0,1fr))}
  #nt-portfolio .at3 ol.at3-seq>li:nth-child(n)>.at3-ph::before{content:""}
  #nt-portfolio .at3 ol.at3-seq>li:nth-child(2n)>.at3-ph::before,#nt-portfolio .at3 ol.at3-seq>li:last-child>.at3-ph::before{content:none}
}

@container at (max-width:520px){
  #nt-portfolio .at3 ol.at3-seq{grid-template-columns:minmax(0,1fr);row-gap:40px}
  #nt-portfolio .at3 ol.at3-seq>li{grid-row:auto;grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,52%);column-gap:16px;align-items:start}
  #nt-portfolio .at3 ol.at3-seq>li>.at3-ph::before,#nt-portfolio .at3 ol.at3-seq>li:nth-child(n)>.at3-ph::before{content:"";top:auto;bottom:-25px;right:auto;left:50%;margin:0 0 0 -4px;transform:rotate(135deg)}
  #nt-portfolio .at3 ol.at3-seq>li:last-child>.at3-ph::before{content:none}
  #nt-portfolio .at3 .at3-st{grid-template-columns:minmax(0,1fr);padding-top:4px}
  #nt-portfolio .at3 .at3-st .at3-num{grid-row:auto;justify-self:start;margin-bottom:6px}
}

#nt-portfolio .at3 .wf-ph .w-row.w-sm{min-height:0}
#nt-portfolio .at3 .wf-ph .w-row.w-sm .w-plus{width:5.4cqw;height:5.4cqw}
#nt-portfolio .at3 .wf-ph .w-grid{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}
#nt-portfolio .at3 .wf-ph .w-tile{display:grid;gap:1.6cqw;font-size:4.7cqw;color:var(--wf-ink)}
#nt-portfolio .at3 .wf-ph .w-tile .w-x{height:20cqw}
#nt-portfolio .at3 .wf-ph .w-grid.w-cat{gap:2.6cqw}
#nt-portfolio .at3 .wf-ph .w-cat .w-tile{place-items:center;min-height:16cqw;padding:1.4cqw;border:1px solid var(--wf-soft);border-radius:1.6cqw;font-size:4.5cqw;text-align:center}
#nt-portfolio .at3 .wf-ph .w-tabs.w-2nd span:first-child{background:transparent;color:var(--wf-muted);font-weight:400;box-shadow:inset 0 0 0 1px var(--wf-soft)}
#nt-portfolio .at3 .wf-ph .w-tabs.w-2nd span:last-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 .at3 .wf-ph .w-btn.w-off{background:transparent;color:var(--wf-muted);box-shadow:inset 0 0 0 1px var(--wf-soft)}
#nt-portfolio .at3 .wf-ph .w-alert .w-t{margin-bottom:1cqw}
#nt-portfolio .at3 .wf-ph.is-chosen{border-color:var(--at-acc);box-shadow:0 0 0 1px var(--at-acc)}

#nt-portfolio .at3 p.at3-seqlab{margin:clamp(48px,6cqw,64px) 0 16px;font:500 15px/1.3 var(--sans);font-family:var(--sans)!important;color:var(--at-ink);max-width:none}
#nt-portfolio .at3 .at3-dec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4cqw,22px)}
#nt-portfolio .at3 .at3-dp{min-width:0;padding:clamp(16px,2.6cqw,24px);border:1px solid var(--at-ln);border-radius:16px;background:var(--at-surface)}
#nt-portfolio .at3 .at3-dp-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}
#nt-portfolio .at3 .at3-dp-h .at3-h3{font-size:17px}
#nt-portfolio .at3 .at3-dp-h p.at3-sm{font-size:14px;margin-top:4px}
#nt-portfolio .at3 .at3-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2cqw,18px);margin:18px 0 0}
#nt-portfolio .at3 .at3-pair>div{min-width:0}
#nt-portfolio .at3 p.at3-cap{margin:10px 0 0;font-size:13px;line-height:1.4;color:var(--at-mut);max-width:none}
#nt-portfolio .at3 p.at3-cap b{display:block;font-weight:500;color:var(--at-ink)}
@container at (max-width:760px){#nt-portfolio .at3 .at3-dec{grid-template-columns:minmax(0,1fr)}#nt-portfolio .at3 .at3-pair{max-width:440px}}

#nt-portfolio .at3 ol.at3-hf-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3cqw,34px) clamp(14px,2.4cqw,24px);margin:0;padding:0;list-style:none}
#nt-portfolio .at3 ol.at3-hf-g>li{min-width:0;margin:0;padding:0}
#nt-portfolio .at3 ol.at3-hf-g>li::before{content:none}
#nt-portfolio .at3 ol.at3-hf-g .at3-h3{margin-top:16px;font-size:17px}
#nt-portfolio .at3 ol.at3-hf-g p.at3-sm{font-size:14px}
@container at (max-width:880px){#nt-portfolio .at3 ol.at3-hf-g{grid-template-columns:repeat(2,minmax(0,1fr))}#nt-portfolio .at3 .hf-ph{max-width:300px}}
@container at (max-width:460px){#nt-portfolio .at3 ol.at3-hf-g{grid-template-columns:minmax(0,1fr)}#nt-portfolio .at3 .hf-ph{max-width:290px;margin:0 auto}}
#nt-portfolio .at3 .hf-ph{--hf-green:#1f6a35;--hf-green2:#e7efe4;--hf-ink:#1d211c;--hf-mut:#5b6159;--hf-ln:#dcdfd8;--hf-bg:#f5f6f2;--hf-card:#ffffff;--hf-accent:#c9741a;
  position:relative;container-type:inline-size;width:100%;aspect-ratio:9/16.6;border:1px solid #c9ccc4;border-radius:18px;background:var(--hf-bg);overflow:hidden;color:var(--hf-ink);font-family:Roboto,"Segoe UI",system-ui,sans-serif!important;line-height:1.3}
html[data-theme=dark] #nt-portfolio .at3 .hf-ph{border-color:#4a4d47}
#nt-portfolio .at3 .hf-in{position:absolute;inset:0;display:flex;flex-direction:column;font-size:4.6cqw}
#nt-portfolio .at3 .hf-top{display:flex;align-items:center;justify-content:space-between;flex:none;padding:5cqw 5.5cqw 4.4cqw;background:var(--hf-green);color:#fff}
#nt-portfolio .at3 .hf-top b{font-size:5.6cqw;font-weight:500;letter-spacing:.01em}
#nt-portfolio .at3 .hf-top span{padding:.6cqw 2cqw;border:1px solid rgba(255,255,255,.55);border-radius:1.2cqw;font-size:3.6cqw}
#nt-portfolio .at3 .hf-body{display:flex;flex-direction:column;gap:2.6cqw;padding:5cqw 5.5cqw;min-height:0}
#nt-portfolio .at3 .hf-ph p{margin:0;max-width:none}
#nt-portfolio .at3 .hf-ph ul,#nt-portfolio .at3 .hf-ph ol{margin:0;padding:0;list-style:none}
#nt-portfolio .at3 .hf-ph li{margin:0;padding:0}
#nt-portfolio .at3 .hf-ph li::before{content:none}
#nt-portfolio .at3 .hf-ph img{display:block;max-width:none}
#nt-portfolio .at3 p.hf-h{font-size:5.2cqw;font-weight:500}
#nt-portfolio .at3 p.hf-h2{margin-top:3cqw;font-size:4.4cqw;color:var(--hf-mut)}
#nt-portfolio .at3 .hf-crop{display:flex;gap:3.4cqw;align-items:center;padding:3cqw;border:1px solid var(--hf-ln);border-radius:2cqw;background:var(--hf-card)}
#nt-portfolio .at3 .hf-crop img{width:16cqw;height:16cqw;flex:none;border-radius:1.6cqw;object-fit:cover}
#nt-portfolio .at3 .hf-crop div{display:grid;gap:.6cqw;min-width:0}
#nt-portfolio .at3 .hf-crop b{font-size:4.8cqw;font-weight:500}
#nt-portfolio .at3 .hf-crop span{font-size:3.8cqw;color:var(--hf-mut)}
#nt-portfolio .at3 .hf-crop em{font-style:normal;font-size:3.8cqw;font-weight:500;color:var(--hf-green)}
#nt-portfolio .at3 .hf-crop em.is-stage{color:var(--hf-ink)}
#nt-portfolio .at3 .hf-crop em.is-stage::before{content:"";display:inline-block;width:2cqw;height:2cqw;margin-right:1.4cqw;border-radius:50%;background:var(--hf-accent);vertical-align:.2cqw}
#nt-portfolio .at3 .hf-add{padding:3cqw;border:1px dashed #9aa597;border-radius:2cqw;text-align:center;font-size:4.2cqw;font-weight:500;color:var(--hf-green)}
#nt-portfolio .at3 ul.hf-list{border-top:1px solid var(--hf-ln)}
#nt-portfolio .at3 ul.hf-list li{display:flex;justify-content:space-between;padding:3cqw .4cqw;border-bottom:1px solid var(--hf-ln);font-size:4.3cqw}
#nt-portfolio .at3 ul.hf-list li::after{content:"\203A";color:var(--hf-mut)}
#nt-portfolio .at3 img.hf-hero{width:100%;height:30cqw;flex:none;object-fit:cover}
#nt-portfolio .at3 ol.hf-stages{border-top:1px solid var(--hf-ln)}
#nt-portfolio .at3 ol.hf-stages li{display:grid;grid-template-columns:auto 1fr auto;column-gap:3cqw;align-items:center;padding:2.8cqw 0;border-bottom:1px solid var(--hf-ln);counter-increment:hs}
#nt-portfolio .at3 ol.hf-stages{counter-reset:hs}
#nt-portfolio .at3 ol.hf-stages li::before{content:counter(hs);display:flex;align-items:center;justify-content:center;grid-row:1/span 2;width:6.4cqw;height:6.4cqw;border:1px solid #a9b1a6;border-radius:50%;font-size:3.4cqw;color:var(--hf-mut)}
#nt-portfolio .at3 ol.hf-stages li::after{content:"\203A";grid-column:3;grid-row:1/span 2;color:var(--hf-mut)}
#nt-portfolio .at3 ol.hf-stages b{font-size:4.5cqw;font-weight:500}
#nt-portfolio .at3 ol.hf-stages span{grid-column:2;font-size:3.6cqw;color:var(--hf-mut)}
#nt-portfolio .at3 .hf-prompt{display:grid;gap:1.6cqw;margin-top:1cqw;padding:3cqw;border-radius:2cqw;background:var(--hf-green2);font-size:3.8cqw;line-height:1.35}
#nt-portfolio .at3 .hf-prompt b{font-weight:500;color:var(--hf-green)}
#nt-portfolio .at3 .hf-sel{display:flex;align-items:center;gap:2.6cqw}
#nt-portfolio .at3 .hf-sel img{width:10cqw;height:10cqw;border-radius:50%;object-fit:cover}
#nt-portfolio .at3 .hf-sel b{font-size:5cqw;font-weight:500}
#nt-portfolio .at3 p.hf-why{padding:3cqw;border-left:2px solid var(--hf-green);background:var(--hf-card);font-size:4cqw;line-height:1.4}
#nt-portfolio .at3 p.hf-lab{margin-top:1.4cqw;font-size:3.8cqw;color:var(--hf-mut)}
#nt-portfolio .at3 .hf-seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid #a9b1a6;border-radius:2cqw;overflow:hidden;font-size:4cqw;text-align:center}
#nt-portfolio .at3 .hf-seg span{padding:2.4cqw 0}
#nt-portfolio .at3 .hf-seg span.is-on{background:var(--hf-green);color:#fff;font-weight:500}
#nt-portfolio .at3 .hf-date{display:flex;align-items:center;justify-content:space-between;padding:3cqw;border:1px solid #a9b1a6;border-radius:2cqw;background:var(--hf-card);font-size:4.4cqw}
#nt-portfolio .at3 .hf-date i{width:4.4cqw;height:4cqw;border:1px solid var(--hf-mut);border-top-width:2px;border-radius:.6cqw}
#nt-portfolio .at3 p.hf-fine{font-size:3.6cqw;color:var(--hf-mut)}
#nt-portfolio .at3 .hf-btn{margin-top:2cqw;padding:3.2cqw;border-radius:2cqw;background:var(--hf-green);color:#fff;text-align:center;font-size:4.4cqw;font-weight:500}
#nt-portfolio .at3 .hf-skip{padding:1.6cqw;text-align:center;font-size:4.2cqw;font-weight:500;color:var(--hf-green)}
#nt-portfolio .at3 p.hf-k{font-size:3.6cqw;color:var(--hf-mut)}
#nt-portfolio .at3 p.hf-stage{margin-top:-1.6cqw;font-size:7.2cqw;font-weight:500}
#nt-portfolio .at3 ol.hf-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw}
#nt-portfolio .at3 ol.hf-bar li{padding-top:2.4cqw;border-top:1.4cqw solid #d3d8cf;font-size:2.9cqw;line-height:1.2;color:var(--hf-mut);overflow-wrap:anywhere}
#nt-portfolio .at3 ol.hf-bar li.is-done{border-top-color:#8fb487}
#nt-portfolio .at3 ol.hf-bar li.is-on{border-top-color:var(--hf-green);color:var(--hf-ink);font-weight:500}
#nt-portfolio .at3 ul.hf-guide{display:grid;gap:2cqw}
#nt-portfolio .at3 ul.hf-guide li{display:grid;grid-template-columns:1fr auto;padding:3cqw;border:1px solid var(--hf-ln);border-radius:2cqw;background:var(--hf-card)}
#nt-portfolio .at3 ul.hf-guide li::after{content:"\203A";grid-column:2;grid-row:1/span 2;align-self:center;color:var(--hf-mut)}
#nt-portfolio .at3 ul.hf-guide b{font-size:4.4cqw;font-weight:500}
#nt-portfolio .at3 ul.hf-guide span{font-size:3.6cqw;color:var(--hf-mut)}
#nt-portfolio .at3 .hf-link{margin-top:1cqw;font-size:4cqw;font-weight:500;color:var(--hf-green)}

#nt-portfolio .at3 ul.at3-next{margin:clamp(24px,3cqw,32px) 0 0;padding:0;list-style:none;max-width:64ch}
#nt-portfolio .at3 ul.at3-next li{margin:0;padding:14px 0 14px 28px;position:relative;border-top:1px solid var(--at-ln);font-size:17px;line-height:1.55;color:var(--at-ink2)}
#nt-portfolio .at3 ul.at3-next li::before{content:"?";position:absolute;left:2px;top:14px;width:auto;height:auto;background:none;border-radius:0;font:500 15px/1.55 var(--mono,monospace);font-family:var(--mono,monospace)!important;color:var(--at-acc-ink)}

@container at (max-width:640px){
  #nt-portfolio .at3 dl.at3-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  #nt-portfolio .at3 .at3-ia-g,#nt-portfolio .at3 .at3-opts-g,#nt-portfolio .at3 .at3-shift{grid-template-columns:minmax(0,1fr)}
  #nt-portfolio .at3 .at3-opts-g .is-chosen{order:-1}
  #nt-portfolio .at3 ul.at3-cat{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container at (max-width:400px){#nt-portfolio .at3 dl.at3-facts{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){#nt-portfolio .at3 *{transition:none!important;animation:none!important}}

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