:root{ --fs-100:11px; --fs-200:12px; --fs-300:13px; --fs-400:14px; --fs-500:16px; --fs-600:clamp(18px,2cqw,24px); --fs-700:clamp(20px,2.2cqw,28px); --fs-800:clamp(22px,2.4cqw,32px); --fs-900:clamp(24px,2.6cqw,36px); } :root{ --display-title:clamp(64px,7.2cqw,108px); } @media(min-width:761px){ :root{ --display-title:min(11.8cqw,22svh); } } body{margin:0;background:var(--on-dark)} #nt-portfolio{--nt-cream:var(--on-dark);--nt-ink:var(--on-accent);--nt-orange:var(--accent);--nt-space:96px;background:var(--nt-cream);color:var(--nt-ink);font-family:Arial,Helvetica,sans-serif;font-size:var(--fs-500);line-height:1.5;container-type:inline-size} #nt-portfolio *{box-sizing:border-box} #nt-portfolio button,#nt-portfolio a{font:inherit;color:inherit} #nt-portfolio button{cursor:pointer} #nt-portfolio a{text-decoration:none} #nt-portfolio button{background:none;border:0;padding:0} #nt-portfolio button:hover,#nt-portfolio a:hover{color:var(--nt-hover)} #nt-portfolio :focus-visible{outline:2px solid var(--nt-hover);outline-offset:5px} #nt-portfolio [hidden]{display:none!important} #nt-portfolio .nt-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 5%;border-bottom:1px solid var(--nt-border)} #nt-portfolio .nt-brand{display:flex;align-items:center;gap:11px;font-size:var(--fs-100);font-weight:700;letter-spacing:.08em} #nt-portfolio .nt-nav{display:flex;gap:24px;font-size:var(--fs-300);flex-wrap:wrap} #nt-portfolio .nt-nav button{min-height:44px} #nt-portfolio .nt-nav [aria-current=page]{text-decoration:underline;text-underline-offset:7px} #nt-portfolio .nt-dp{display:inline-grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:var(--nt-orange);color:var(--nt-ink);overflow:hidden;position:relative} #nt-portfolio .nt-face{display:block;position:relative;transition:transform .3s;font-size:var(--fs-400);font-weight:700;line-height:1} #nt-portfolio .nt-dp:hover .nt-face,#nt-portfolio .nt-dp:focus-visible .nt-face{transform:rotate(-5deg) translateX(2px)} #nt-portfolio .nt-face:after{content:'';display:block;width:15px;height:5px;border-bottom:2px solid currentColor;border-radius:50%;margin:4px auto 0;transition:width .3s} #nt-portfolio .nt-dp:hover .nt-face:after{width:20px} #nt-portfolio .nt-wrap{padding:0 7%} #nt-portfolio .nt-hero{padding-top:92px;padding-bottom:40px} #nt-portfolio .nt-identity{display:flex;align-items:center;gap:24px} #nt-portfolio .nt-hero .nt-dp{width:108px;height:108px} #nt-portfolio .nt-hero .nt-face{font-size:32px} #nt-portfolio .nt-hero .nt-face:after{width:35px;height:8px} #nt-portfolio h1{font-size:clamp(52px,10cqw,112px);line-height:.87;letter-spacing:-.065em;margin:0;font-weight:900} #nt-portfolio h2{font-size:clamp(34px,5.6cqw,60px);line-height:1.03;letter-spacing:-.045em;margin:0 0 24px;font-weight:600} #nt-portfolio h3{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:0 0 12px} #nt-portfolio p{margin:0 0 24px} #nt-portfolio .nt-role{font-size:23px;letter-spacing:-.025em;margin:22px 0 0 132px} #nt-portfolio .nt-cameo{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin:16px 2% 30px;min-height:150px} #nt-portfolio .nt-hand{font-family:Georgia,serif;font-style:italic;font-size:22px;line-height:1.15;transform:rotate(-6deg)} #nt-portfolio .nt-cat-slot{width:105px;height:130px;display:grid;place-content:center;text-align:center;border:1px dashed var(--nt-cat-border);border-radius:60% 60% 12% 12%;color:var(--nt-cat-text);font-size:var(--fs-100);background:var(--nt-cat-bg)} #nt-portfolio .nt-small{font-size:var(--fs-200);color:var(--nt-muted)} #nt-portfolio .nt-scroll{display:flex;justify-content:space-between;align-items:end;font-size:var(--fs-100);letter-spacing:.1em;padding:20px 0} #nt-portfolio .nt-section{padding-top:var(--nt-space);padding-bottom:var(--nt-space);border-top:1px solid var(--nt-border)} #nt-portfolio .nt-eyebrow{font-size:var(--fs-100);letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px} #nt-portfolio .nt-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:34px} #nt-portfolio .nt-section-head h2{margin:0} #nt-portfolio .nt-project{display:block;width:100%;text-align:left;margin-bottom:62px} #nt-portfolio .nt-project:last-child{margin-bottom:0} #nt-portfolio .nt-project-meta{display:flex;justify-content:space-between;gap:18px;margin-top:18px} #nt-portfolio .nt-project-meta p{font-size:var(--fs-300);color:var(--nt-muted);margin:0} #nt-portfolio .nt-visual{height:320px;position:relative;overflow:hidden;display:grid;place-items:center;background:var(--nt-project-bg);color:var(--nt-ink)} #nt-portfolio .nt-visual:before{content:'';position:absolute;width:42%;aspect-ratio:1;border:1px solid var(--nt-line);border-radius:50%;transform:rotate(-20deg);transition:transform .4s} #nt-portfolio .nt-visual:after{content:'';position:absolute;width:53%;height:37%;border:1px solid var(--nt-line);transform:rotate(-20deg);transition:transform .4s} #nt-portfolio .nt-project:hover .nt-visual:after{transform:rotate(-15deg)} #nt-portfolio .nt-visual span{position:absolute;bottom:20px;left:24px;font-size:var(--fs-100);letter-spacing:.1em;z-index:1} #nt-portfolio .nt-visual.nt-dark{background:var(--nt-project-dark);color:var(--on-dark)} #nt-portfolio .nt-visual.nt-dark:before{border-radius:0;border-color:var(--nt-line-dark);width:35%;transform:rotate(35deg)} #nt-portfolio .nt-visual.nt-dark:after{border-color:var(--nt-line-dark);transform:rotate(35deg)} #nt-portfolio .nt-visual.nt-warm{background:var(--nt-project-warm)} #nt-portfolio .nt-visual.nt-warm:before{border-color:var(--nt-line-warm);width:65%;height:70%;border-radius:100% 100% 0 0} #nt-portfolio .nt-visual.nt-warm:after{border-color:var(--nt-line-warm);width:35%;height:70%;border-radius:100% 100% 0 0} #nt-portfolio .nt-offset{margin-left:14%;width:86%} #nt-portfolio .nt-teasers{display:grid;grid-template-columns:1.3fr .65fr 1fr;gap:24px;align-items:center;margin:50px 0} #nt-portfolio .nt-art{display:grid;place-content:center;background:var(--nt-art-bg);min-height:220px;text-align:center;color:var(--nt-art-text);font-size:var(--fs-100);letter-spacing:.1em} #nt-portfolio .nt-art:nth-child(2){background:var(--nt-art-warm);min-height:150px;margin-top:80px} #nt-portfolio .nt-art:nth-child(3){background:var(--nt-art-green);min-height:270px} #nt-portfolio .nt-link{display:inline-block;border-bottom:1px solid currentColor!important;padding-bottom:6px!important;font-size:var(--fs-400)!important} #nt-portfolio .nt-split{display:grid;grid-template-columns:1fr 1fr;gap:70px} #nt-portfolio .nt-copy{font-size:20px;line-height:1.55;letter-spacing:-.02em} #nt-portfolio .nt-timeline{border-top:1px solid var(--nt-border)} #nt-portfolio .nt-row{display:grid;grid-template-columns:100px 1fr;gap:20px;border-bottom:1px solid var(--nt-border);padding:22px 0} #nt-portfolio .nt-row p{margin:0} #nt-portfolio .nt-outro{background:var(--nt-ink);color:var(--nt-cream);padding:76px 7% 28px} #nt-portfolio .nt-outro h2{font-size:clamp(42px,7.3cqw,80px);max-width:650px} #nt-portfolio .nt-outro button:hover{color:var(--palette-1)} #nt-portfolio .nt-footer{display:flex;justify-content:space-between;gap:20px;margin-top:75px;padding-top:24px;border-top:1px solid var(--palette-2);font-size:var(--fs-100);color:var(--palette-3)} #nt-portfolio .nt-page-top{padding-top:60px;padding-bottom:60px} #nt-portfolio .nt-page-top .nt-link{margin-bottom:55px} #nt-portfolio .nt-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:65px 24px;padding:10px 0 90px} #nt-portfolio .nt-gallery button{grid-column:3/12;min-height:370px} #nt-portfolio .nt-gallery button:nth-child(2){grid-column:1/5;min-height:240px;margin:0} #nt-portfolio .nt-gallery button:nth-child(3){grid-column:7/13;min-height:300px;margin-top:80px} #nt-portfolio .nt-gallery button:nth-child(4){grid-column:1/13;min-height:320px} #nt-portfolio .nt-gallery button:nth-child(5){grid-column:4/8;min-height:220px} #nt-portfolio .nt-photo{background:var(--nt-photo-bg);aspect-ratio:4/3;display:grid;place-content:center;text-align:center;border:1px dashed var(--nt-photo-border);color:var(--nt-photo-text);font-size:var(--fs-300)} #nt-portfolio .nt-notice{padding:16px 7%;background:var(--nt-notice-bg);font-size:var(--fs-200);color:var(--nt-notice-text)} #nt-portfolio .nt-detail{padding:60px 7%;border-top:1px solid var(--nt-border)} #nt-portfolio .nt-detail p{max-width:560px} #nt-portfolio .nt-art-open{border:1px solid var(--nt-photo-border);padding:30px;margin-bottom:40px} #nt-portfolio .nt-art-open .nt-art{height:390px;margin-top:24px} #nt-portfolio .nt-contact-note{margin-top:20px;color:var(--palette-4);font-size:var(--fs-300)} @container(max-width:650px){#nt-portfolio .nt-header{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:18px 6%}#nt-portfolio .nt-nav{width:100%;justify-content:space-between;gap:9px;font-size:var(--fs-200)}#nt-portfolio .nt-brand{font-size:var(--fs-100)}#nt-portfolio .nt-hero{padding-top:65px}#nt-portfolio .nt-identity{gap:14px}#nt-portfolio .nt-hero .nt-dp{width:66px;height:66px}#nt-portfolio .nt-hero .nt-face{font-size:22px}#nt-portfolio h1{font-size:clamp(42px,12cqw,74px)}#nt-portfolio .nt-role{margin:20px 0 0 80px;font-size:17px}#nt-portfolio .nt-cameo{margin-top:42px}#nt-portfolio .nt-hand{font-size:19px}#nt-portfolio .nt-scroll{gap:18px}#nt-portfolio .nt-scroll .nt-small{max-width:120px;font-size:var(--fs-100);letter-spacing:0}#nt-portfolio .nt-section{padding-top:60px;padding-bottom:60px}#nt-portfolio .nt-split{grid-template-columns:1fr;gap:24px}#nt-portfolio .nt-visual{height:230px}#nt-portfolio .nt-offset{margin-left:0;width:100%}#nt-portfolio .nt-section-head{align-items:start;flex-direction:column;gap:12px}#nt-portfolio .nt-teasers{gap:12px;grid-template-columns:1fr 1fr}#nt-portfolio .nt-art{min-height:170px}#nt-portfolio .nt-teasers .nt-art:nth-child(3){display:none}#nt-portfolio .nt-project-meta{align-items:start}#nt-portfolio .nt-project-meta h3{font-size:23px}#nt-portfolio .nt-gallery{gap:36px 14px}#nt-portfolio .nt-gallery button{grid-column:1/13;min-height:260px}#nt-portfolio .nt-gallery button:nth-child(2){grid-column:1/8;min-height:180px}#nt-portfolio .nt-gallery button:nth-child(3){grid-column:4/13;min-height:230px;margin-top:0}#nt-portfolio .nt-gallery button:nth-child(4){min-height:200px}#nt-portfolio .nt-gallery button:nth-child(5){grid-column:2/10;min-height:210px}#nt-portfolio .nt-row{grid-template-columns:70px 1fr}#nt-portfolio .nt-footer{flex-wrap:wrap}#nt-portfolio .nt-copy{font-size:18px}} @media(prefers-reduced-motion:reduce){ #nt-portfolio *{transition:none!important;animation:none!important} #nt-portfolio .nt-dp:hover .nt-face{transform:none} } #nt-portfolio{--nt-hover:var(--palette-5);--nt-border:var(--palette-6);--nt-muted:var(--palette-7);--nt-cat-border:var(--palette-8);--nt-cat-text:var(--palette-9);--nt-cat-bg:var(--palette-10);--nt-project-bg:var(--palette-11);--nt-line:var(--palette-12);--nt-project-dark:var(--palette-13);--nt-line-dark:var(--palette-14);--nt-project-warm:var(--palette-15);--nt-line-warm:var(--palette-16);--nt-art-bg:var(--palette-17);--nt-art-text:var(--palette-18);--nt-art-warm:var(--palette-19);--nt-art-green:var(--palette-20);--nt-photo-bg:var(--palette-21);--nt-photo-border:var(--palette-22);--nt-photo-text:var(--palette-23);--nt-notice-bg:var(--palette-24);--nt-notice-text:var(--palette-25);color-scheme:light} #nt-portfolio[data-theme="dark"]{--nt-cream:var(--palette-26);--nt-ink:var(--palette-27);--nt-hover:var(--palette-28);--nt-border:var(--palette-29);--nt-muted:var(--palette-30);--nt-cat-border:var(--palette-31);--nt-cat-text:var(--palette-32);--nt-cat-bg:var(--palette-33);--nt-project-bg:var(--palette-34);--nt-line:var(--palette-35);--nt-project-dark:var(--palette-36);--nt-line-dark:var(--palette-37);--nt-project-warm:var(--palette-38);--nt-line-warm:var(--palette-39);--nt-art-bg:var(--palette-40);--nt-art-text:var(--palette-41);--nt-art-warm:var(--palette-42);--nt-art-green:var(--palette-43);--nt-photo-bg:var(--palette-44);--nt-photo-border:var(--palette-45);--nt-photo-text:var(--palette-46);--nt-notice-bg:var(--palette-47);--nt-notice-text:var(--palette-48);color-scheme:dark} #nt-portfolio .nt-dp{color:var(--on-accent)} #nt-portfolio .nt-outro{background:var(--on-accent);color:var(--on-dark)} #nt-portfolio[data-theme="dark"] .nt-outro{background:var(--palette-49)} #nt-portfolio .nt-project .nt-visual.nt-warm{color:var(--nt-ink)} #nt-portfolio .nt-theme{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--nt-orange);border-radius:24px;font-size:var(--fs-300);font-weight:700;white-space:nowrap;background:var(--nt-orange);color:var(--on-accent)} #nt-portfolio .nt-theme-mark{width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%)} #nt-portfolio .nt-header{flex-wrap:wrap} @container(max-width:760px){#nt-portfolio .nt-header .nt-brand{order:0}#nt-portfolio .nt-header .nt-theme{order:1;margin-left:auto}#nt-portfolio .nt-header .nt-nav{order:2;width:100%;justify-content:space-between;gap:10px}} #nt-portfolio[data-current-page="home"] .nt-brand .nt-dp{display:none} #nt-portfolio .nt-hero .nt-identity{flex-direction:column;align-items:flex-start;gap:26px} #nt-portfolio .nt-hero .nt-role{margin-left:0} #nt-portfolio .nt-hero{padding-top:60px} #nt-portfolio .nt-theme{position:relative} #nt-portfolio .nt-theme-tip{position:absolute;right:0;top:calc(100% + 8px);padding:8px 12px;background:var(--nt-ink);color:var(--nt-cream);border-radius:6px;font-size:var(--fs-200);font-weight:400;pointer-events:none;opacity:0;z-index:5} #nt-portfolio .nt-theme:hover .nt-theme-tip,#nt-portfolio .nt-theme:focus-visible .nt-theme-tip{opacity:1} #nt-portfolio .nt-dp .nt-portrait{position:absolute;width:121%;height:121%;max-width:none;left:-10.5%;top:-10.5%;object-fit:cover;display:block} #nt-portfolio .nt-header{border-bottom:0;padding:28px 4%;gap:18px} #nt-portfolio .nt-brand{font-weight:400;letter-spacing:.2em;font-size:var(--fs-300)} #nt-portfolio .nt-nav{margin-left:auto;background:var(--nt-orange);color:var(--on-accent);border-radius:40px;padding:0 22px;gap:24px} #nt-portfolio .nt-nav button{font-size:var(--fs-400);color:var(--on-accent);min-height:46px} #nt-portfolio .nt-nav button:hover{color:var(--on-accent);text-decoration:underline;text-underline-offset:5px} #nt-portfolio .nt-wrap{padding:0 6.5%} #nt-portfolio .nt-hero{position:relative;display:grid;grid-template-columns:60% 40%;padding-top:54px;padding-bottom:42px} #nt-portfolio .nt-hero .nt-identity{grid-column:1;grid-row:1;gap:18px} #nt-portfolio .nt-hero h1{font-size:clamp(66px,10cqw,160px);line-height:.88;letter-spacing:-.06em} #nt-portfolio .nt-hero .nt-dp{width:clamp(125px,14.4cqw,230px);height:clamp(125px,14.4cqw,230px)} #nt-portfolio .nt-portrait-stage{position:relative} #nt-portfolio .nt-hero .nt-role{grid-column:1;grid-row:2;font-size:clamp(17px,2.2cqw,34px);letter-spacing:.08em;line-height:1.4;margin:12px 0 0;white-space:nowrap} #nt-portfolio .nt-cameo{grid-column:2;grid-row:1/4;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:15px;margin:100px -3% 0 0;min-height:0;padding-top:70px} #nt-portfolio .nt-hand{align-self:flex-end;margin-right:8%;font-family:'Caveat','Segoe Print','Comic Sans MS',cursive;font-size:clamp(19px,2cqw,30px);line-height:1.3;transform:rotate(-10deg)} #nt-portfolio .nt-curved-arrow{display:block;font:40px Georgia,serif;margin-left:20px} #nt-portfolio .nt-cat-button{width:100%;position:relative;display:block;transform-origin:50% 95%} #nt-portfolio .nt-cat-image{width:100%;height:auto;display:block} #nt-portfolio .nt-rays{position:absolute;left:-10%;top:-12%;width:42px;height:42px;color:var(--nt-ink);pointer-events:none;transform-origin:100% 100%} #nt-portfolio .nt-rays i{display:block;position:absolute;width:4px;height:28px;background:currentColor;border-radius:8px;transform:rotate(-24deg);left:26px;top:0} #nt-portfolio .nt-rays i:nth-child(2){height:25px;left:3px;top:25px;transform:rotate(-55deg)} #nt-portfolio .nt-cat-button .nt-rays{left:8%;top:-12%} #nt-portfolio .nt-scroll{grid-column:1/-1;justify-content:center;margin-top:28px;text-align:center;padding-top:10px} #nt-portfolio .nt-scroll .nt-small{display:none} #nt-portfolio .nt-scroll button{font-size:var(--fs-100);letter-spacing:.2em} #nt-portfolio .nt-down{display:block;font-size:42px;font-weight:400;margin-bottom:10px;line-height:1} #nt-portfolio .nt-cat-status{min-height:22px;font-size:var(--fs-300);font-style:italic} #nt-portfolio .nt-reacting .nt-rays{animation:nt-ray-react .7s ease-in-out} #nt-portfolio .nt-reacting .nt-cat-button{animation:nt-cat-react .7s ease-in-out} @keyframes nt-ray-react{0%,100%{transform:scale(1)}35%{transform:scale(1.3) rotate(-8deg)}65%{transform:scale(1.12) rotate(5deg)}} @keyframes nt-cat-react{0%,100%{transform:none}35%{transform:translateY(-7px) rotate(-2deg)}70%{transform:translateY(-2px) rotate(1deg)}} @container(max-width:760px){#nt-portfolio .nt-header .nt-nav{margin-left:0;padding:0 16px;gap:10px}#nt-portfolio .nt-nav button{font-size:var(--fs-200)}#nt-portfolio .nt-hero{grid-template-columns:1fr;padding-top:42px}#nt-portfolio .nt-hero .nt-identity{gap:20px}#nt-portfolio .nt-hero h1{font-size:clamp(57px,15cqw,100px)}#nt-portfolio .nt-hero .nt-dp{width:125px;height:125px}#nt-portfolio .nt-hero .nt-role{font-size:clamp(15px,3.6cqw,25px);white-space:normal}#nt-portfolio .nt-cameo{grid-column:1;grid-row:3;margin:24px 0 0 auto;width:70%;padding-top:0;gap:2px}#nt-portfolio .nt-hand{font-size:18px;margin-right:0}#nt-portfolio .nt-curved-arrow{font-size:30px}#nt-portfolio .nt-scroll{margin-top:10px}#nt-portfolio .nt-brand{font-size:var(--fs-100);letter-spacing:.12em}} #nt-portfolio .nt-header{display:grid;grid-template-columns:minmax(100px,1fr) auto auto;align-items:center;column-gap:28px;row-gap:20px;padding:26px 6.5%;border-bottom:1px solid var(--nt-border)} #nt-portfolio .nt-brand{justify-self:start;gap:16px;min-height:52px} #nt-portfolio .nt-logo-frame{display:block;position:relative;width:66px;height:48px;overflow:hidden;mix-blend-mode:multiply} #nt-portfolio .nt-logo-frame img{position:absolute;width:108px;height:108px;max-width:none;left:-21px;top:-31px;display:block} #nt-portfolio[data-theme="dark"] .nt-logo-frame{filter:invert(1);mix-blend-mode:screen} #nt-portfolio .nt-header .nt-nav{margin:0;padding:0 24px;gap:25px;justify-self:end;align-items:center} #nt-portfolio .nt-header .nt-nav button{min-height:48px} #nt-portfolio .nt-header .nt-theme{margin:0;min-height:48px;padding:0 18px;justify-self:end} @container(max-width:900px){#nt-portfolio .nt-header{grid-template-columns:1fr auto;column-gap:20px}#nt-portfolio .nt-header .nt-brand{grid-column:1;grid-row:1;order:0}#nt-portfolio .nt-header .nt-theme{grid-column:2;grid-row:1;order:0;margin:0}#nt-portfolio .nt-header .nt-nav{grid-column:1/-1;grid-row:2;order:0;width:100%;padding:0 20px;gap:12px;justify-content:space-between}#nt-portfolio .nt-header .nt-nav button{font-size:var(--fs-300)}} @container(max-width:380px){#nt-portfolio .nt-header{padding:20px 6.5%;row-gap:16px}#nt-portfolio .nt-header .nt-nav{padding:0 12px;gap:8px}#nt-portfolio .nt-header .nt-nav button{font-size:var(--fs-100)}#nt-portfolio .nt-brand{gap:10px}#nt-portfolio .nt-logo-frame{width:60px}} #nt-portfolio .nt-header{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:24px;padding:24px 6.5%} #nt-portfolio .nt-header .nt-brand{flex:0 0 auto;order:0} #nt-portfolio .nt-header .nt-nav{flex:0 1 auto;width:auto;margin:0 0 0 auto;order:0;flex-wrap:nowrap;gap:22px;padding:0 22px} #nt-portfolio .nt-header .nt-theme{flex:0 0 auto;order:0;margin:0} #nt-portfolio .nt-rays i:nth-child(3){height:23px;left:48px;top:-3px;transform:rotate(9deg)} #nt-portfolio .nt-dp .nt-portrait{transition:transform .32s cubic-bezier(.2,.8,.2,1);transform-origin:50% 65%} #nt-portfolio .nt-dp:hover .nt-portrait,#nt-portfolio .nt-dp:focus-visible .nt-portrait{transform:rotate(-6deg) scale(1.035) translateY(-1px)} #nt-portfolio .nt-portrait-stage:hover .nt-rays{animation:nt-ray-react .7s ease-in-out} @container(max-width:900px){#nt-portfolio .nt-header{gap:16px;padding:22px 5%}#nt-portfolio .nt-header .nt-nav{gap:16px;padding:0 18px;width:auto}#nt-portfolio .nt-header .nt-nav button{font-size:var(--fs-200)}#nt-portfolio .nt-brand{gap:8px}#nt-portfolio .nt-header .nt-theme{padding:0 14px}} @container(max-width:650px){#nt-portfolio .nt-header{gap:8px;padding:18px 3%}#nt-portfolio .nt-header .nt-nav{gap:10px;padding:0 12px}#nt-portfolio .nt-header .nt-nav button{font-size:var(--fs-100)}#nt-portfolio .nt-header .nt-theme{padding:0 10px;font-size:var(--fs-100);gap:5px}#nt-portfolio .nt-logo-frame{width:40px;height:32px}#nt-portfolio .nt-logo-frame img{width:68px;height:68px;left:-13px;top:-20px}#nt-portfolio .nt-brand .nt-dp{width:28px;height:28px}#nt-portfolio .nt-brand{gap:4px}} @container(max-width:430px){#nt-portfolio .nt-header{gap:4px;padding:16px 2%}#nt-portfolio .nt-header .nt-nav{gap:4px;padding:0 6px}#nt-portfolio .nt-header .nt-nav button{font-size:10px;min-height:44px}#nt-portfolio .nt-header .nt-theme{min-height:44px;padding:0 8px;font-size:10px}#nt-portfolio .nt-theme-mark{display:none}#nt-portfolio .nt-logo-frame{width:28px;height:24px}#nt-portfolio .nt-logo-frame img{width:47px;height:47px;left:-9px;top:-13px}#nt-portfolio .nt-brand .nt-dp{width:24px;height:24px}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-dp:hover .nt-portrait,#nt-portfolio .nt-dp:focus-visible .nt-portrait{transform:none} } #nt-portfolio .nt-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px} #nt-portfolio .nt-header .nt-brand{justify-self:start} #nt-portfolio .nt-header .nt-nav{justify-self:center;margin:0} #nt-portfolio .nt-header .nt-theme{justify-self:end} #nt-portfolio .nt-dp .nt-smiling{opacity:0;transition:opacity .22s,transform .32s} #nt-portfolio .nt-dp:hover .nt-smiling,#nt-portfolio .nt-dp:focus-visible .nt-smiling{opacity:1} #nt-portfolio .nt-walk-sprite{display:none;width:100%;aspect-ratio:3/2;background-image:url('cat-walk-sheet.webp');background-size:200% 200%;background-repeat:no-repeat} #nt-portfolio .nt-walking .nt-walk-sprite{display:block;animation:nt-walk-frames .65s steps(1,end) infinite} #nt-portfolio .nt-walking .nt-cat-image{display:none} #nt-portfolio .nt-walking{animation:nt-walk-travel 2.6s ease-out!important} #nt-portfolio .nt-name-reveal h1,#nt-portfolio .nt-name-reveal .nt-role{opacity:1;transform:translateY(calc(var(--nt-reveal,0)*-40px));will-change:transform,opacity} @keyframes nt-walk-frames{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}100%{background-position:0 0}} @keyframes nt-walk-travel{from{transform:translateX(22px)}to{transform:translateX(0)}} @container(max-width:650px){#nt-portfolio .nt-header{gap:8px;padding-left:2%;padding-right:2%}#nt-portfolio .nt-header .nt-nav{gap:8px;padding:0 10px}#nt-portfolio .nt-header .nt-theme{padding:0 8px}} @container(max-width:430px){#nt-portfolio .nt-header{grid-template-columns:auto minmax(0,1fr) auto;gap:4px}#nt-portfolio .nt-header .nt-nav{gap:4px;padding:0 6px}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-walking .nt-walk-sprite{display:none} #nt-portfolio .nt-walking .nt-cat-image{display:block} #nt-portfolio .nt-name-reveal h1,#nt-portfolio .nt-name-reveal .nt-role{opacity:1;transform:none} } #nt-portfolio .nt-intro-track{position:relative;height:calc(100svh + var(--nt-scroll-distance,1000px))} #nt-portfolio .nt-intro-track .nt-hero{position:sticky;top:0;height:100svh;min-height:540px;padding:38px 0 25px;display:block;overflow:hidden} #nt-portfolio .nt-intro-track .nt-identity{position:relative;z-index:2;display:flex;gap:20px;pointer-events:none} #nt-portfolio .nt-intro-track .nt-dp{pointer-events:auto;width:clamp(110px,13cqw,200px);height:clamp(110px,13cqw,200px)} #nt-portfolio .nt-intro-track .nt-portrait-stage{margin-left:8px} #nt-portfolio .nt-intro-track h1{font-size:clamp(60px,10cqw,150px);opacity:1;transform:none} #nt-portfolio .nt-intro-track .nt-role{position:relative;z-index:2;margin-top:18px;opacity:1;transform:none} #nt-portfolio .nt-intro-track .nt-cameo{position:absolute;right:0;bottom:100px;width:39%;margin:0;padding:0;gap:8px;min-height:0;pointer-events:none} #nt-portfolio .nt-intro-track .nt-cat-button{pointer-events:auto;transform:translateX(var(--nt-cat-x,130%));opacity:var(--nt-cat-opacity,0);animation:none!important;will-change:transform} #nt-portfolio .nt-intro-track .nt-hand{opacity:var(--nt-line-opacity,0);transform:translateY(calc((1 - var(--nt-line-opacity,0))*12px)) rotate(-10deg);margin:0 8% 18px 0} #nt-portfolio .nt-intro-track .nt-scroll{position:absolute;bottom:20px;left:0;width:100%;margin:0;padding:0} #nt-portfolio .nt-intro-track .nt-down{font-size:34px;margin-bottom:6px} #nt-portfolio .nt-intro-track .nt-cat-status{display:none} #nt-portfolio .nt-intro-track .nt-walk-sprite{position:relative;animation:none!important;background-position:var(--nt-frame-x,0%) var(--nt-frame-y,0%);transform:translateY(var(--nt-step-y,0px))} #nt-portfolio .nt-cat-stepping .nt-walk-sprite{display:block} #nt-portfolio .nt-cat-stepping .nt-cat-image{display:none} #nt-portfolio .nt-scarf-layer{position:absolute;inset:0;background-image:url('cat-walk-sheet.webp');background-size:200% 200%;background-position:var(--nt-frame-x,0%) var(--nt-frame-y,0%);clip-path:polygon(38% 36%,62% 37%,65% 67%,44% 64%);transform-origin:38% 47%;transform:rotate(var(--nt-scarf-angle,0deg));pointer-events:none} #nt-portfolio .nt-intro-track .nt-cat-button .nt-rays{opacity:var(--nt-settled,0);transform:rotate(calc((1 - var(--nt-settled,0))*-10deg))} @container(max-width:760px){#nt-portfolio .nt-intro-track .nt-hero{padding-top:32px}#nt-portfolio .nt-intro-track .nt-dp{width:90px;height:90px}#nt-portfolio .nt-intro-track h1{font-size:clamp(52px,12cqw,86px)}#nt-portfolio .nt-intro-track .nt-role{font-size:clamp(15px,3.3cqw,23px)}#nt-portfolio .nt-intro-track .nt-cameo{width:52%;bottom:85px}#nt-portfolio .nt-intro-track .nt-hand{font-size:17px;margin-bottom:0}#nt-portfolio .nt-intro-track .nt-identity{gap:16px}} @media(max-height:700px){ #nt-portfolio .nt-intro-track .nt-dp{width:72px;height:72px} #nt-portfolio .nt-intro-track .nt-identity{gap:12px} #nt-portfolio .nt-intro-track h1{font-size:clamp(48px,8cqw,100px)} #nt-portfolio .nt-intro-track .nt-cameo{width:34%;bottom:70px} #nt-portfolio .nt-intro-track .nt-hand{font-size:var(--fs-500)} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-intro-track{height:auto} #nt-portfolio .nt-intro-track .nt-hero{position:relative} #nt-portfolio .nt-intro-track .nt-cat-button{transform:none;opacity:1} #nt-portfolio .nt-intro-track .nt-hand{opacity:1;transform:rotate(-10deg)} #nt-portfolio .nt-intro-track .nt-cat-button .nt-rays{opacity:1;transform:none} } #nt-portfolio .nt-intro-track{height:calc(var(--nt-stage-height,100svh) + var(--nt-scroll-distance,1000px))} #nt-portfolio .nt-intro-track .nt-hero{height:var(--nt-stage-height,100svh)} #nt-portfolio .nt-intro-identity{position:relative;width:max-content;max-width:100%;will-change:transform;z-index:2;pointer-events:none} #nt-portfolio .nt-intro-identity .nt-dp{pointer-events:auto} #nt-portfolio .nt-intro-track .nt-dp{width:clamp(125px,14.4cqw,230px);height:clamp(125px,14.4cqw,230px)} #nt-portfolio .nt-intro-track .nt-portrait-stage{margin-left:0} #nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays{left:calc(100% + 8px);top:3px;width:56px;height:48px;transform:rotate(32deg);transform-origin:left bottom} #nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays i{width:4px;height:26px;left:5px;top:0;transform:rotate(12deg)} #nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays i:nth-child(2){height:25px;left:24px;top:13px;transform:rotate(43deg)} #nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays i:nth-child(3){height:22px;left:33px;top:34px;transform:rotate(75deg)} #nt-portfolio .nt-intro-track .nt-scroll{z-index:3} #nt-portfolio .nt-intro-track .nt-scroll button{min-height:55px} #nt-portfolio .nt-scroll-label{display:block;line-height:1.5;letter-spacing:.14em;font-size:var(--fs-100)} @container(max-width:760px){#nt-portfolio .nt-intro-track .nt-dp{width:100px;height:100px}#nt-portfolio .nt-intro-track .nt-role{white-space:normal}#nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays{transform:scale(.8) rotate(32deg)}} @media(max-height:700px){ #nt-portfolio .nt-intro-track .nt-dp{width:88px;height:88px} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-intro-track{height:auto} #nt-portfolio .nt-intro-identity{transform:none!important} } #nt-portfolio .nt-intro-track .nt-cat-image{display:block!important;transform:translateY(var(--nt-clean-step,0px)) rotate(var(--nt-clean-tilt,0deg));transform-origin:50% 90%;will-change:transform} #nt-portfolio .nt-intro-track .nt-walk-sprite,#nt-portfolio .nt-scarf-layer{display:none!important} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-intro-track .nt-cat-image{transform:none} } #nt-portfolio .nt-intro-track .nt-hero{overflow:visible;clip-path:inset(-70px calc(-1 * var(--nt-bleed-right,0px)) -5px 0)} #nt-portfolio{overflow-x:clip} #nt-portfolio .nt-intro-note{font-size:clamp(13px,1.35cqw,18px);line-height:1.6;color:var(--nt-muted);max-width:390px;margin:14px 0 0;letter-spacing:0} @container(max-width:760px){#nt-portfolio .nt-intro-note{max-width:270px;font-size:var(--fs-300);margin-top:10px}} #nt-portfolio .nt-intro-track .nt-hero{clip-path:none;overflow:visible} #nt-portfolio .nt-intro-track .nt-cat-image{display:none!important} #nt-portfolio .nt-aligned-walk{display:block;width:100%;aspect-ratio:3/2;position:relative} #nt-portfolio .nt-walk-cell{display:block;position:absolute;inset:0;overflow:hidden;transform:translateX(var(--nt-frame-align,0%))} #nt-portfolio .nt-walk-cell img{position:absolute;width:200%;height:200%;max-width:none;left:var(--nt-sheet-x,0%);top:var(--nt-sheet-y,0%);display:block} #nt-portfolio .nt-intro-track .nt-cat-button{transition:none!important} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-aligned-walk{display:none} #nt-portfolio .nt-intro-track .nt-cat-image{display:block!important} } #nt-portfolio{background-color:var(--nt-cream);background-image:radial-gradient(circle at 18px 24px, var(--palette-50) .6px,transparent .9px),radial-gradient(circle at 80px 93px,var(--palette-51) .6px,transparent 1px);background-size:139px 157px,191px 173px} #nt-portfolio[data-theme="dark"]{background-image:radial-gradient(circle at 18px 24px,var(--palette-52) .6px,transparent .9px),radial-gradient(circle at 80px 93px,var(--palette-53) .6px,transparent 1px)} #nt-portfolio .nt-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0} #nt-portfolio .nt-intro-track .nt-cameo{z-index:1} #nt-portfolio .nt-walk-cell .nt-cat-happy{opacity:0;transition:opacity .28s ease;clip-path:polygon(5% 0,30% 0,30% 27%,5% 27%)} #nt-portfolio .nt-hero[data-scroll-phase="message"] .nt-cat-button:hover .nt-cat-happy,#nt-portfolio .nt-hero[data-scroll-phase="message"] .nt-cat-button:focus-visible .nt-cat-happy,#nt-portfolio .nt-hero.nt-reacting[data-scroll-phase="message"] .nt-cat-happy{opacity:1} #nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays{animation:none!important;transition:transform .45s cubic-bezier(.22,1,.36,1)} #nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays i{transition:transform .45s cubic-bezier(.22,1,.36,1)} #nt-portfolio .nt-intro-track .nt-portrait-stage:hover .nt-rays,#nt-portfolio .nt-intro-track .nt-portrait-stage:focus-within .nt-rays{transform:rotate(32deg) scale(1.12)} #nt-portfolio .nt-intro-track .nt-portrait-stage:hover .nt-rays i:first-child{transform:rotate(4deg) translateY(-2px)} #nt-portfolio .nt-intro-track .nt-portrait-stage:hover .nt-rays i:nth-child(3){transform:rotate(82deg) translateY(-2px)} @container(max-width:760px){#nt-portfolio .nt-intro-track .nt-portrait-stage:hover .nt-rays,#nt-portfolio .nt-intro-track .nt-portrait-stage:focus-within .nt-rays{transform:scale(.9) rotate(32deg)}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-intro-track .nt-portrait-stage:hover .nt-rays{transform:rotate(32deg)} #nt-portfolio .nt-dust{opacity:.65} } #nt-portfolio .nt-intro-track .nt-cat-button{pointer-events:none;cursor:default} #nt-portfolio .nt-walk-cell .nt-cat-happy{clip-path:none;opacity:0!important;transition:none} #nt-portfolio .nt-hero[data-scroll-phase="peek"] .nt-cat-happy,#nt-portfolio .nt-hero[data-scroll-phase="walk"] .nt-cat-happy{opacity:1!important} #nt-portfolio .nt-sleeping-cameo{display:flex;justify-content:flex-end;margin:34px 0 -16px;pointer-events:none} #nt-portfolio .nt-sleeping-cameo img{display:block;width:88px;height:auto;opacity:.85} #nt-portfolio .nt-sleeping-cameo + .nt-footer{margin-top:24px} #nt-portfolio,#nt-portfolio[data-theme="dark"]{background-image:none} #nt-portfolio .nt-dust{display:none} #nt-portfolio .nt-walk-cell .nt-cat-happy{mask-image:url('cat-walk-sheet.webp');mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url('cat-walk-sheet.webp');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat} #nt-portfolio .nt-intro-track .nt-cameo{width:30%} #nt-portfolio .nt-intro-track h1{font-size:clamp(70px,11.6cqw,174px)} #nt-portfolio .nt-dp:hover .nt-portrait,#nt-portfolio .nt-dp:focus-visible .nt-portrait{transform:none!important} #nt-portfolio .nt-dp .nt-portrait{transform:none!important;transition:opacity .22s ease!important} #nt-portfolio .nt-sleeping-cameo{pointer-events:auto;align-items:center;gap:12px} #nt-portfolio .nt-sleeper{position:relative;width:88px;min-height:44px;display:block} #nt-portfolio .nt-sleeper img{width:100%;height:auto;opacity:1} @container(max-width:760px){#nt-portfolio .nt-intro-track .nt-cameo{width:42%}#nt-portfolio .nt-intro-track h1{font-size:clamp(54px,13.4cqw,96px)}} @media(max-height:700px){ #nt-portfolio .nt-intro-track h1{font-size:clamp(52px,9.2cqw,116px)} #nt-portfolio .nt-intro-track .nt-cameo{width:28%} } #nt-portfolio .nt-header .nt-theme{width:46px;height:46px;min-height:46px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:0;border-radius:50%;flex-shrink:0} #nt-portfolio .nt-theme-label{display:none} #nt-portfolio .nt-theme-mark{display:block;width:17px;height:17px;border-width:1.5px} @container(max-width:430px){#nt-portfolio .nt-header .nt-theme{width:44px;height:44px;min-height:44px}} #nt-portfolio{--nt-editorial-panel:var(--palette-54);--nt-editorial-accent:var(--palette-55);--nt-space:86px} #nt-portfolio[data-theme="dark"]{--nt-cream:var(--palette-56);--nt-ink:var(--palette-57);--nt-editorial-panel:var(--palette-58);--nt-border:var(--palette-59);--nt-muted:var(--palette-60);--nt-editorial-accent:var(--palette-61)} #nt-portfolio .nt-header{width:calc(100% - 9%);max-width:1040px;margin:18px auto 0;padding:12px 18px;gap:24px;border:1px solid var(--nt-border);background:var(--nt-cream);position:relative;z-index:5} #nt-portfolio .nt-header .nt-brand{min-height:40px} #nt-portfolio .nt-header .nt-logo-frame{width:47px;height:35px} #nt-portfolio .nt-header .nt-logo-frame img{width:79px;height:79px;left:-15px;top:-23px} #nt-portfolio .nt-header .nt-nav{padding:0 18px;gap:24px} #nt-portfolio .nt-header .nt-nav button{font-size:var(--fs-200);min-height:40px} #nt-portfolio .nt-header .nt-theme{width:40px;height:40px;min-height:40px;background:transparent;border-color:var(--nt-border);color:var(--nt-ink)} #nt-portfolio .nt-intro-track .nt-hero{padding-top:46px} #nt-portfolio .nt-intro-track h1{font-size:clamp(76px,10.2cqw,150px);font-weight:700;line-height:.94;letter-spacing:-.065em} #nt-portfolio .nt-name-period{color:var(--nt-orange)} #nt-portfolio .nt-intro-track .nt-identity{gap:25px} #nt-portfolio .nt-intro-track .nt-dp{width:clamp(108px,11.5cqw,165px);height:clamp(108px,11.5cqw,165px)} #nt-portfolio .nt-intro-track .nt-role{font-size:clamp(19px,2cqw,29px);font-weight:500;letter-spacing:-.015em;color:var(--nt-editorial-accent);margin-top:22px} #nt-portfolio .nt-intro-note{font-size:15px;line-height:1.7;max-width:330px;margin-top:12px} #nt-portfolio .nt-eyebrow{font-family:Consolas,'Courier New',monospace;letter-spacing:.09em;font-size:var(--fs-100);color:var(--nt-muted);margin-bottom:20px} #nt-portfolio h2{font-size:clamp(34px,4.6cqw,64px);font-weight:600;line-height:1.08;letter-spacing:-.045em} #nt-portfolio h2 em{font-style:normal;color:var(--nt-editorial-accent)} #nt-portfolio .nt-discipline-strip{display:flex;justify-content:center;align-items:center;gap:32px;padding:20px 12px;border-top:1px solid var(--nt-border);border-bottom:1px solid var(--nt-border);color:var(--nt-editorial-accent);font:11px Consolas,'Courier New',monospace;letter-spacing:.09em} #nt-portfolio #nt-work{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px;border-top:0} #nt-portfolio #nt-work .nt-section-head{grid-column:1/-1;margin:0 0 10px;align-items:flex-end} #nt-portfolio #nt-work .nt-section-head .nt-small{max-width:220px;font-size:var(--fs-300);line-height:1.7} #nt-portfolio #nt-work .nt-project{margin:0;width:auto;border:1px solid var(--nt-border);position:relative;background:var(--nt-editorial-panel)} #nt-portfolio #nt-work .nt-project:before,#nt-portfolio #nt-work .nt-project:after{content:'+';position:absolute;color:var(--nt-muted);font:16px monospace;z-index:1;bottom:-10px} #nt-portfolio #nt-work .nt-project:before{left:-6px} #nt-portfolio #nt-work .nt-project:after{right:-6px} #nt-portfolio #nt-work .nt-project:last-child{grid-column:1/-1} #nt-portfolio #nt-work .nt-project .nt-visual{height:280px} #nt-portfolio #nt-work .nt-project:last-child .nt-visual{height:340px} #nt-portfolio #nt-work .nt-project-meta{padding:24px;margin:0;min-height:130px} #nt-portfolio #nt-work h3{font-size:27px} #nt-portfolio .nt-project-meta p{line-height:1.7} #nt-portfolio .nt-section.nt-split{background:var(--nt-editorial-panel);padding:48px;gap:64px;margin-bottom:42px;border:1px solid var(--nt-border)} #nt-portfolio .nt-copy{font-size:clamp(18px,2.1cqw,24px);line-height:1.65} #nt-portfolio .nt-link{font-family:Consolas,'Courier New',monospace!important;font-size:var(--fs-200)!important;text-transform:uppercase;letter-spacing:.05em;border-bottom-color:var(--nt-orange)!important;padding:9px 0!important} #nt-portfolio .nt-outro{padding-top:70px;border-top:1px solid var(--palette-62);background:var(--palette-63)} #nt-portfolio .nt-outro h2{font-size:clamp(44px,6cqw,90px);max-width:700px;line-height:1.06} #nt-portfolio .nt-outro .nt-eyebrow{color:var(--palette-64)} #nt-portfolio .nt-footer{font-family:Consolas,'Courier New',monospace;line-height:1.7} @container(max-width:760px){#nt-portfolio .nt-header{width:96%;padding:10px;gap:8px}#nt-portfolio .nt-header .nt-nav{gap:10px;padding:0 10px}#nt-portfolio .nt-header .nt-nav button{font-size:var(--fs-100)}#nt-portfolio .nt-intro-track h1{font-size:clamp(63px,13.8cqw,104px)}#nt-portfolio .nt-intro-track .nt-dp{width:95px;height:95px}#nt-portfolio .nt-intro-track .nt-cameo{width:40%}#nt-portfolio .nt-discipline-strip{gap:12px;font-size:9px;letter-spacing:0}#nt-portfolio #nt-work{grid-template-columns:1fr;gap:28px}#nt-portfolio #nt-work .nt-project{grid-column:1}#nt-portfolio #nt-work .nt-project:last-child .nt-visual{height:260px}#nt-portfolio .nt-section.nt-split{padding:28px;gap:24px}#nt-portfolio #nt-work .nt-section-head{align-items:flex-start}} @container(max-width:430px){#nt-portfolio .nt-header{padding:8px 6px;gap:4px}#nt-portfolio .nt-header .nt-nav{gap:4px;padding:0 6px}#nt-portfolio .nt-header .nt-nav button{font-size:10px}#nt-portfolio .nt-header .nt-logo-frame{width:28px;height:24px}#nt-portfolio .nt-header .nt-logo-frame img{width:47px;height:47px;left:-9px;top:-13px}#nt-portfolio .nt-header .nt-brand{gap:2px}#nt-portfolio .nt-header .nt-theme{width:34px;height:34px;min-height:34px}#nt-portfolio .nt-intro-note{font-size:var(--fs-300);max-width:260px}} @media(max-height:700px){ #nt-portfolio .nt-intro-track h1{font-size:clamp(57px,8cqw,104px)} #nt-portfolio .nt-intro-track .nt-dp{width:76px;height:76px} #nt-portfolio .nt-intro-track .nt-identity{gap:16px} } #nt-portfolio .nt-header{width:100%;max-width:none;margin:0;padding:22px 6.5%;border:0;border-bottom:1px solid var(--nt-border);background:var(--nt-cream)} #nt-portfolio:not([data-current-page="home"]) .nt-header .nt-logo-frame{display:none} #nt-portfolio .nt-footer-logo{display:none} #nt-portfolio:not([data-current-page="home"]) .nt-footer-logo{display:block;margin-right:auto} #nt-portfolio .nt-footer-logo .nt-logo-frame{filter:invert(1);mix-blend-mode:screen} #nt-portfolio .nt-footer{align-items:center} #nt-portfolio .nt-intro-track{height:auto!important} #nt-portfolio .nt-intro-track .nt-hero{position:relative;height:var(--nt-stage-height,700px);min-height:540px} #nt-portfolio .nt-sitting{position:absolute;right:4%;bottom:0;width:66.666%;aspect-ratio:1;opacity:0;transition:opacity .35s ease;pointer-events:none} #nt-portfolio .nt-sitting>img{width:100%;height:100%;display:block} #nt-portfolio .nt-aligned-walk{transition:opacity .35s ease} #nt-portfolio .nt-cat-is-seated .nt-sitting{opacity:1} #nt-portfolio .nt-cat-is-seated .nt-aligned-walk{opacity:0} #nt-portfolio .nt-eye{position:absolute;top:22.7%;width:6.15%;height:7.4%;border-radius:50%;background:var(--palette-65);overflow:hidden;display:grid;place-items:center} #nt-portfolio .nt-eye-left{left:34.3%} #nt-portfolio .nt-eye-right{left:51.55%} #nt-portfolio .nt-eye i{display:block;width:64%;height:75%;border-radius:50%;background:var(--palette-66);transform:translate(var(--nt-eye-x,0px),var(--nt-eye-y,0px));transition:transform .1s ease-out} #nt-portfolio .nt-intro-track .nt-cat-button .nt-rays{transition:opacity .3s} @container(max-width:650px){#nt-portfolio .nt-header{padding:16px 3%;gap:8px}} @container(max-width:430px){#nt-portfolio .nt-header{padding:14px 2%;gap:4px}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-sitting,#nt-portfolio .nt-aligned-walk{transition:none} #nt-portfolio .nt-eye i{transition:none} } #nt-portfolio,#nt-portfolio[data-theme="dark"]{--nt-orange:var(--accent);--nt-editorial-accent:var(--accent);--nt-hover:var(--accent)} #nt-portfolio .nt-header{position:sticky;top:0;z-index:50;isolation:isolate;background:var(--nt-cream)} #nt-portfolio .nt-header .nt-logo-frame,#nt-portfolio .nt-footer-logo .nt-logo-frame{width:56px;height:44px;overflow:hidden;flex-shrink:0} #nt-portfolio .nt-header .nt-logo-frame img,#nt-portfolio .nt-footer-logo .nt-logo-frame img{width:84px;height:84px;max-width:none;left:-14px;top:-22px;object-fit:contain} #nt-portfolio #nt-work,#nt-portfolio #nt-contact,#nt-portfolio [data-view]{scroll-margin-top:110px} #nt-portfolio .nt-intro-track .nt-role,#nt-portfolio .nt-discipline-strip{color:var(--nt-ink)} #nt-portfolio .nt-cat-is-seated .nt-sitting{animation:nt-cat-breathe 4s ease-in-out infinite;transform-origin:50% 96%} #nt-portfolio .nt-eye i{transition:transform .22s cubic-bezier(.22,1,.36,1)} @keyframes nt-cat-breathe{0%,100%{transform:scaleY(1) rotate(-.35deg)}50%{transform:scaleY(1.012) rotate(.35deg)}} @container(max-width:430px){#nt-portfolio .nt-header .nt-logo-frame{width:32px;height:27px}#nt-portfolio .nt-header .nt-logo-frame img{width:48px;height:48px;left:-8px;top:-12px}#nt-portfolio #nt-work,#nt-portfolio #nt-contact,#nt-portfolio [data-view]{scroll-margin-top:90px}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-cat-is-seated .nt-sitting{animation:none} } #nt-portfolio .nt-dp .nt-portrait{width:228%;height:114%;left:-7%;top:-7%;object-fit:fill} #nt-portfolio .nt-dp .nt-smiling{left:-121%} #nt-portfolio .nt-header{transition:background-color .2s,border-color .2s} #nt-portfolio .nt-header .nt-brand,#nt-portfolio .nt-header .nt-theme{transition:opacity .2s} #nt-portfolio .nt-header.nt-scrolled{background:transparent;border-color:transparent;pointer-events:none} #nt-portfolio .nt-header.nt-scrolled .nt-brand,#nt-portfolio .nt-header.nt-scrolled .nt-theme{visibility:hidden;opacity:0;pointer-events:none} #nt-portfolio .nt-header.nt-scrolled .nt-nav{pointer-events:auto;box-shadow:0 4px 16px var(--palette-67)} #nt-portfolio .nt-intro-track .nt-hero{display:flex;align-items:center;padding:36px 0 100px} #nt-portfolio .nt-intro-identity{width:64%;max-width:64%} #nt-portfolio .nt-intro-track .nt-identity{align-items:flex-start} #nt-portfolio .nt-intro-track h1{font-size:clamp(72px,9.8cqw,145px)} #nt-portfolio .nt-intro-track .nt-cameo{top:50%;bottom:auto;transform:translateY(-50%);width:30%;right:0;padding:0} #nt-portfolio .nt-intro-track .nt-hand{position:absolute;bottom:100%;right:0;margin:0 0 20px;font-size:clamp(17px,1.8cqw,25px)} #nt-portfolio .nt-intro-track .nt-role{margin-top:16px} #nt-portfolio .nt-intro-track .nt-dp{width:clamp(90px,10cqw,145px);height:clamp(90px,10cqw,145px)} @container(max-width:760px){#nt-portfolio .nt-intro-track .nt-hero{align-items:flex-start;padding-top:32px;min-height:640px}#nt-portfolio .nt-intro-identity{width:100%;max-width:100%}#nt-portfolio .nt-intro-track h1{font-size:clamp(58px,13cqw,96px)}#nt-portfolio .nt-intro-track .nt-cameo{top:auto;bottom:90px;width:36%;transform:none}#nt-portfolio .nt-intro-track .nt-hand{font-size:var(--fs-500);margin-bottom:12px}#nt-portfolio .nt-intro-track .nt-dp{width:86px;height:86px}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-header,#nt-portfolio .nt-header .nt-brand,#nt-portfolio .nt-header .nt-theme{transition:none} } #nt-portfolio .nt-intro-track{max-width:1100px;margin-left:auto;margin-right:auto} #nt-portfolio .nt-intro-track .nt-hero{padding:40px 0 96px;align-items:center} #nt-portfolio .nt-intro-identity{transform:translate(0,0);width:max-content;max-width:65%;will-change:transform} #nt-portfolio .nt-intro-track .nt-cameo{right:0;top:50%;bottom:auto;transform:translateY(-50%);width:28%} #nt-portfolio .nt-intro-track h1{font-size:clamp(70px,9.2cqw,132px)} #nt-portfolio .nt-dp .nt-portrait{width:236%;height:118%;left:-9%;top:-9%;border:0;object-fit:fill} #nt-portfolio .nt-dp .nt-smiling{left:-127%} #nt-portfolio .nt-sitting>img:first-child{clip-path:polygon(0 0,74% 0,74% 42%,69% 51%,70% 75%,72% 100%,0 100%)} #nt-portfolio .nt-sitting>.nt-tail-layer{position:absolute;inset:0;clip-path:polygon(74% 42%,100% 42%,100% 96%,70% 96%,68% 84%,72% 72%);transform-origin:70% 85%} #nt-portfolio .nt-cat-is-seated .nt-tail-layer{animation:nt-tail-wag 2.8s ease-in-out infinite} @keyframes nt-tail-wag{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}} @container(max-width:760px){#nt-portfolio .nt-intro-identity{width:max-content;max-width:100%}#nt-portfolio .nt-intro-track .nt-hero{align-items:flex-start;padding-top:34px}#nt-portfolio .nt-intro-track .nt-cameo{top:auto;bottom:85px;transform:none;width:34%}#nt-portfolio .nt-intro-track h1{font-size:clamp(57px,12.8cqw,96px)}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-cat-is-seated .nt-tail-layer{animation:none} } #nt-portfolio .nt-header .nt-nav{gap:17px;padding:0 20px} #nt-portfolio .nt-resume-pdf[aria-disabled="true"]{cursor:default} #nt-portfolio .nt-intro-track{max-width:1000px} #nt-portfolio .nt-intro-track .nt-hero{padding-top:70px;padding-bottom:70px;min-height:650px} #nt-portfolio .nt-intro-track .nt-cameo{right:4%;width:29%;top:55%} #nt-portfolio .nt-intro-track .nt-portrait-stage{margin-top:20px} @container(max-width:760px){#nt-portfolio .nt-header .nt-nav{gap:9px;padding:0 12px}#nt-portfolio .nt-intro-track .nt-hero{padding-top:55px;min-height:720px}#nt-portfolio .nt-intro-track .nt-cameo{top:auto;bottom:90px;right:8%;width:35%}#nt-portfolio .nt-intro-track .nt-portrait-stage{margin-top:12px}} @container(max-width:430px){#nt-portfolio .nt-header .nt-nav{gap:4px;padding:0 6px}} body{margin:0;background:var(--on-dark)} #nt-portfolio .nt-sitting>img:first-child{clip-path:polygon(0 0,100% 0,100% 41%,75% 41%,69% 47%,69% 56%,78% 59%,79% 69%,72% 76%,68% 89%,68% 100%,0 100%)} #nt-portfolio .nt-sitting>.nt-tail-layer{clip-path:polygon(75% 41%,100% 41%,100% 100%,68% 100%,68% 89%,72% 76%,79% 69%,78% 59%,69% 56%,69% 47%);transform-origin:70% 86%;z-index:-1} #nt-portfolio .nt-gallery-controls{display:flex;justify-content:center;gap:20px;margin:0 auto 36px} #nt-portfolio .nt-gallery-controls>div{display:flex;gap:4px;padding:5px;border:1px solid var(--nt-border);border-radius:9px} #nt-portfolio .nt-gallery-controls button{display:grid;place-items:center;width:38px;height:38px;border-radius:5px;color:var(--nt-muted)} #nt-portfolio .nt-gallery-controls button[aria-pressed=true]{background:var(--nt-ink);color:var(--nt-cream)} #nt-portfolio .nt-gallery-controls svg{width:21px;height:21px} #nt-portfolio .nt-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;max-width:900px;margin:auto;align-items:start} #nt-portfolio .nt-gallery[data-width=wide]{max-width:none} #nt-portfolio .nt-gallery button.nt-art{grid-column:auto;width:100%;min-height:0;height:auto;aspect-ratio:4/3;margin:0;overflow:hidden} #nt-portfolio .nt-gallery[data-layout=single]{grid-template-columns:1fr;max-width:640px} #nt-portfolio .nt-gallery[data-layout=single][data-width=wide]{max-width:100%} #nt-portfolio .nt-gallery[data-layout=masonry]{display:block;columns:3;column-gap:22px} #nt-portfolio .nt-gallery[data-layout=masonry] button{display:grid;break-inside:avoid;margin-bottom:22px;aspect-ratio:3/4} #nt-portfolio .nt-gallery[data-layout=masonry] button:nth-child(even){aspect-ratio:4/3} #nt-portfolio .nt-gallery[data-layout=horizontal]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:30px;margin-bottom:60px} #nt-portfolio .nt-gallery[data-layout=horizontal] button{flex:0 0 75%;scroll-snap-align:center;aspect-ratio:4/3} @container(max-width:650px){#nt-portfolio .nt-gallery{gap:12px}#nt-portfolio .nt-gallery[data-layout=masonry]{columns:2;column-gap:12px}#nt-portfolio .nt-gallery-controls{gap:10px}#nt-portfolio .nt-gallery-controls button{width:34px;height:38px}} #nt-portfolio .nt-header{display:grid;grid-template-columns:88px minmax(0,1fr) 88px;align-items:center;gap:24px;padding:20px 4%;} #nt-portfolio .nt-header .nt-brand{grid-column:1;grid-row:1;min-height:76px;justify-self:start;} #nt-portfolio .nt-header .nt-brand .nt-dp{width:76px;height:76px;} #nt-portfolio .nt-header .nt-theme{grid-column:3;grid-row:1;justify-self:end;margin:0;} #nt-portfolio .nt-header .nt-nav{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;width:auto;max-width:100%;margin:0;gap:8px;padding:10px 14px;min-height:66px;border:1px solid var(--nt-border);border-radius:0;background:var(--nt-cream);color:var(--nt-ink);box-shadow:none;transition:background .25s,box-shadow .25s;} #nt-portfolio .nt-header .nt-nav button{font-size:var(--fs-500);font-weight:500;line-height:1.25;white-space:nowrap;min-height:44px;padding:10px 17px;border-radius:0;text-decoration:none;transition:background .18s,color .18s;} #nt-portfolio .nt-header .nt-nav button:hover{background:color-mix(in srgb,var(--nt-orange) 10%,transparent);color:var(--nt-ink);} #nt-portfolio .nt-header .nt-nav button[aria-current]{background:color-mix(in srgb,var(--nt-orange) 20%,transparent);color:var(--palette-68);} #nt-portfolio[data-theme=dark] .nt-header .nt-nav button[aria-current]{color:var(--palette-69);} #nt-portfolio .nt-header.nt-scrolled .nt-nav{background:color-mix(in srgb,var(--nt-cream) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 18px var(--palette-70);} @container(max-width:900px){#nt-portfolio .nt-header{grid-template-columns:64px minmax(0,1fr) 40px;gap:12px;padding:16px 3%;}#nt-portfolio .nt-header .nt-brand{min-height:64px;}#nt-portfolio .nt-header .nt-brand .nt-dp{width:64px;height:64px;}#nt-portfolio .nt-header .nt-nav{gap:2px;padding:8px;min-height:60px;}#nt-portfolio .nt-header .nt-nav button{font-size:var(--fs-400);padding:10px;}} @container(max-width:650px){#nt-portfolio .nt-header{grid-template-columns:1fr auto;row-gap:12px;padding:12px 4%;}#nt-portfolio .nt-header .nt-brand{grid-column:1;grid-row:1;}#nt-portfolio .nt-header .nt-theme{grid-column:2;grid-row:1;}#nt-portfolio .nt-header .nt-nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:0;padding:6px;min-height:56px;}#nt-portfolio .nt-header .nt-nav button{font-size:var(--fs-300);padding:10px 7px;}#nt-portfolio .nt-header{top:-88px;}#nt-portfolio #nt-work,#nt-portfolio #nt-contact,#nt-portfolio [data-view]{scroll-margin-top:88px;}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-header .nt-nav,#nt-portfolio .nt-header .nt-nav button{transition:none;} } #nt-portfolio{--nt-font:'Instrument Sans',Arial,Helvetica,sans-serif;--display-chapter:clamp(46px,6.5cqw,80px);--display-section:clamp(32px,4.3cqw,54px);--project-heading:clamp(23px,2.5cqw,28px);font-family:var(--nt-font);font-size:var(--fs-500);line-height:1.6} #nt-portfolio *,#nt-portfolio *::before,#nt-portfolio *::after{font-family:var(--nt-font)!important} #nt-portfolio h1{font-size:var(--display-chapter);font-weight:700;line-height:1.04;letter-spacing:-.045em} #nt-portfolio .nt-hero h1{font-size:clamp(64px,8.5cqw,108px);font-weight:700;line-height:.98;letter-spacing:-.05em} #nt-portfolio h2,#nt-portfolio .nt-outro h2{font-size:var(--display-section);font-weight:700;line-height:1.12;letter-spacing:-.035em} #nt-portfolio h3,#nt-portfolio #nt-work h3{font-size:var(--project-heading);font-weight:600;line-height:1.25;letter-spacing:-.025em} #nt-portfolio .nt-copy,#nt-portfolio .nt-hero .nt-role{font-size:clamp(18px,2cqw,22px);line-height:1.55;letter-spacing:-.015em} #nt-portfolio .nt-intro-note,#nt-portfolio .nt-project-meta p{font-size:var(--fs-500);line-height:1.6;letter-spacing:0} #nt-portfolio .nt-eyebrow,#nt-portfolio .nt-discipline-strip,#nt-portfolio .nt-scroll,#nt-portfolio .nt-art{font-size:var(--fs-200);line-height:1.5;font-weight:500;letter-spacing:.08em} #nt-portfolio .nt-small,#nt-portfolio .nt-footer{font-size:var(--fs-400);line-height:1.6;letter-spacing:0} #nt-portfolio .nt-link{font-size:var(--fs-400)!important;font-weight:500;letter-spacing:.02em} #nt-portfolio .nt-hand{font-size:var(--fs-600);line-height:1.35;font-style:normal} #nt-portfolio .nt-header .nt-nav{background:var(--text);color:var(--on-accent);border-color:var(--palette-71)} #nt-portfolio .nt-header.nt-scrolled .nt-nav{background:var(--palette-72)} #nt-portfolio .nt-header .nt-nav button:hover{color:var(--on-accent)} #nt-portfolio .nt-header .nt-nav button[aria-current],#nt-portfolio[data-theme=dark] .nt-header .nt-nav button[aria-current]{color:var(--palette-68);background:var(--palette-73)} #nt-portfolio .nt-sitting>img:first-child{clip-path:none} #nt-portfolio .nt-header .nt-nav{background:var(--nt-cream);color:var(--nt-ink);border:1px solid var(--palette-74)} #nt-portfolio .nt-header.nt-scrolled .nt-nav{background:color-mix(in srgb,var(--nt-cream) 82%,transparent)} #nt-portfolio .nt-header .nt-nav button:hover{color:var(--nt-ink)} #nt-portfolio[data-theme=dark] .nt-header .nt-nav button[aria-current]{color:var(--palette-69)} #nt-portfolio .nt-intro-track .nt-sitting .nt-hand{position:absolute;left:70%;right:auto;top:-24%;bottom:auto;width:155px;margin:0;padding:15px 17px;border:1.5px solid currentColor;border-radius:48% 52% 45% 55% / 48% 45% 55% 52%;font-family:'Caveat','Segoe Print','Comic Sans MS',cursive!important;font-size:18px;font-weight:400;font-style:normal;line-height:1.4;text-align:center;background:var(--nt-cream);transform:rotate(5deg);} #nt-portfolio .nt-sitting .nt-hand .nt-curved-arrow{display:none} #nt-portfolio .nt-sitting .nt-hand::before,#nt-portfolio .nt-sitting .nt-hand::after{content:'';position:absolute;border:1.5px solid currentColor;border-radius:50%;background:var(--nt-cream);} #nt-portfolio .nt-sitting .nt-hand::before{width:12px;height:10px;left:12px;bottom:-16px;} #nt-portfolio .nt-sitting .nt-hand::after{width:6px;height:5px;left:0;bottom:-26px;} #nt-portfolio .nt-intro-track .nt-sitting .nt-rays{left:8%;right:auto;top:11%;width:35px;height:38px;transform:rotate(-15deg);} #nt-portfolio .nt-intro-track .nt-sitting .nt-rays i{left:0;top:20px;width:3px;height:15px;transform:rotate(-70deg);} #nt-portfolio .nt-intro-track .nt-sitting .nt-rays i:nth-child(2){left:10px;top:8px;height:17px;transform:rotate(-43deg);} #nt-portfolio .nt-intro-track .nt-sitting .nt-rays i:nth-child(3){left:25px;top:0;height:15px;transform:rotate(-15deg);} @container(max-width:760px){#nt-portfolio .nt-intro-track .nt-sitting .nt-hand{left:48%;top:-62%;width:125px;font-size:15px;padding:10px 12px;}} @container(max-width:430px){#nt-portfolio .nt-intro-track .nt-sitting .nt-hand{left:25%;top:-88%;width:115px;font-size:var(--fs-400);}} #nt-portfolio .nt-header .nt-nav,#nt-portfolio .nt-header .nt-nav button,#nt-portfolio .nt-header .nt-nav button:hover,#nt-portfolio .nt-header .nt-nav button[aria-current],#nt-portfolio[data-theme=dark] .nt-header .nt-nav button[aria-current]{color:var(--text)} #nt-portfolio:not([data-theme=dark]) .nt-header .nt-nav{background:var(--on-accent)} #nt-portfolio:not([data-theme=dark]) .nt-header.nt-scrolled .nt-nav{background:var(--palette-75)} #nt-portfolio .nt-intro-track .nt-hero{height:clamp(580px,calc(var(--nt-stage-height,700px) - 80px),720px);min-height:580px;padding-top:64px;padding-bottom:32px} #nt-portfolio .nt-intro-track .nt-scroll{bottom:12px;margin:0;padding:12px 0} #nt-portfolio .nt-discipline-strip{margin-top:0} @container(max-width:760px){#nt-portfolio .nt-intro-track .nt-hero{height:660px;min-height:660px;padding-top:48px;padding-bottom:32px}#nt-portfolio .nt-intro-track .nt-cameo{bottom:64px}} #nt-portfolio .nt-header .nt-nav button:hover{color:var(--nt-orange)!important} #nt-portfolio .nt-intro-track h1{font-size:clamp(58px,8cqw,100px);font-weight:800;line-height:.98;letter-spacing:-.05em} #nt-portfolio .nt-intro-note{max-width:440px} #nt-portfolio .nt-intro-track .nt-cameo{transform:translateY(-50%);margin:0;right:3%} #nt-portfolio .nt-intro-track .nt-hand{position:absolute;bottom:100%;top:auto;right:0;left:auto;width:auto;margin:0 0 18px;padding:0;border:0;border-radius:0;background:none;font-family:'Caveat','Segoe Print','Comic Sans MS',cursive!important;font-size:var(--fs-600);line-height:1.35;font-style:normal;transform:rotate(-8deg);text-align:center} #nt-portfolio .nt-intro-track .nt-hand::before,#nt-portfolio .nt-intro-track .nt-hand::after{display:none} #nt-portfolio .nt-intro-track .nt-curved-arrow{display:block;margin:4px 0 0 30px;font-size:30px;color:var(--nt-orange)} #nt-portfolio .nt-intro-track .nt-rays{opacity:var(--nt-line-opacity,0)!important;transition:opacity .3s ease!important;animation:none!important;color:var(--nt-orange)} #nt-portfolio .nt-intro-track .nt-rays i{background:var(--nt-orange)!important;animation:none!important;transition:none!important} #nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays,#nt-portfolio .nt-intro-track .nt-portrait-stage:hover .nt-rays,#nt-portfolio .nt-intro-track .nt-portrait-stage:focus-within .nt-rays{transform:rotate(32deg)!important} #nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays i:first-child{transform:rotate(12deg)!important} #nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays i:nth-child(2){transform:rotate(43deg)!important} #nt-portfolio .nt-intro-track .nt-portrait-stage .nt-rays i:nth-child(3){transform:rotate(75deg)!important} @container(max-width:760px){#nt-portfolio .nt-intro-track h1{font-size:clamp(52px,12cqw,88px)}#nt-portfolio .nt-intro-track .nt-cameo{transform:none;top:auto;bottom:64px}#nt-portfolio .nt-intro-track .nt-hand{font-size:var(--fs-500);margin-bottom:10px}} #nt-portfolio:not([data-theme=dark]) .nt-header .nt-nav{background:var(--nt-orange);border-color:var(--nt-orange);color:var(--on-accent)} #nt-portfolio:not([data-theme=dark]) .nt-header .nt-nav button,#nt-portfolio:not([data-theme=dark]) .nt-header .nt-nav button:hover,#nt-portfolio:not([data-theme=dark]) .nt-header .nt-nav button[aria-current]{color:var(--on-accent)!important} #nt-portfolio:not([data-theme=dark]) .nt-header .nt-nav button:hover,#nt-portfolio:not([data-theme=dark]) .nt-header .nt-nav button[aria-current]{background:var(--palette-76)} #nt-portfolio:not([data-theme=dark]) .nt-header.nt-scrolled .nt-nav{background:color-mix(in srgb,var(--nt-orange) 84%,transparent)} #nt-portfolio[data-theme="dark"] .nt-discipline-strip{ background:var(--chapter-transition); border-top-color:var(--palette-77); border-bottom-color:transparent; box-shadow:0 0 0 100vmax var(--chapter-transition); clip-path:inset(0 -100vmax); } #nt-portfolio[data-theme="dark"] #nt-work{ background:var(--surface-alt); border-top-color:transparent; box-shadow:0 0 0 100vmax var(--surface-alt); clip-path:inset(0 -100vmax); } #nt-portfolio[data-theme="dark"] #nt-work .nt-section-head .nt-eyebrow{color:var(--accent)} :root,#nt-portfolio{--palette-1:#efaa82;--palette-2:#5b5a52;--palette-3:#c1bbad;--palette-4:#ddc4b0;--palette-5:#a34117;--palette-6:#d2c8b8;--palette-7:#6f685d;--palette-8:#b99478;--palette-9:#855531;--palette-10:#ecdfc9;--palette-11:#e5dac7;--palette-12:#a99c87;--palette-13:#30332e;--palette-14:#777d6d;--palette-15:#df9d76;--palette-16:#985d39;--palette-17:#dfd5c3;--palette-18:#615748;--palette-19:#e7ad8e;--palette-20:#c4c8b7;--palette-21:#e6dccd;--palette-22:#b2a691;--palette-23:#786c5b;--palette-24:#e9dfcf;--palette-25:#655b4d;--palette-26:#22231f;--palette-27:#f2eada;--palette-28:#f3a16d;--palette-29:#49483f;--palette-30:#b9b2a4;--palette-31:#876448;--palette-32:#e4bd96;--palette-33:#3b3328;--palette-34:#38392f;--palette-35:#85816c;--palette-36:#2d3029;--palette-37:#757d69;--palette-38:#684733;--palette-39:#be8761;--palette-40:#3b392f;--palette-41:#e5d8c2;--palette-42:#604634;--palette-43:#3c4437;--palette-44:#34342c;--palette-45:#77705e;--palette-46:#cec2ac;--palette-47:#2c2d26;--palette-48:#bdb3a2;--palette-49:#191b17;--palette-50:#292a2710;--palette-51:#292a270b;--palette-52:#fffcf314;--palette-53:#fffcf30c;--palette-54:#f3eee5;--palette-55:#ab3b10;--palette-56:#141615;--palette-57:#f6f0e6;--palette-58:#1d201d;--palette-59:#3c413b;--palette-60:#b4b9ae;--palette-61:#ff9b6b;--palette-62:#45483f;--palette-63:#191c19;--palette-64:#babdaf;--palette-65:#fff3dd;--palette-66:#100a07;--palette-67:#00000012;--palette-68:#a94908;--palette-69:#ffad70;--palette-70:#0000000a;--palette-71:#dededb;--palette-72:rgb(255 255 255 / .84);--palette-73:rgb(224 120 32 / .16);--palette-74:rgb(255 255 255 / .45);--palette-75:rgb(41 42 39 / .84);--palette-76:rgb(0 0 0 / .08);--palette-77:#ffffff10; --bg:#141615;--surface:#1d201d;--surface-alt:#302a25;--text:#f6f0e6;--text-muted:#b4b9ae;--border:#3c413b;--accent:#e96f32; --chapter-transition:#211f1c;--on-accent:#292a27;--on-dark:#fffcf3;--outro-bg:#191b17;--outro-text:#fffcf3;--outro-muted:#c1bbad;--outro-border:#5b5a52; --nav-bg:var(--bg);--nav-text:var(--text);--nav-border:color-mix(in srgb,var(--text) 45%,transparent);--nav-selected:color-mix(in srgb,var(--accent) 16%,transparent); --nt-cream:var(--bg);--nt-ink:var(--text);--nt-muted:var(--text-muted);--nt-border:var(--border);--nt-orange:var(--accent);--nt-hover:var(--accent);--nt-editorial-panel:var(--surface);--nt-editorial-accent:var(--accent); } #nt-portfolio[data-theme=dark]{--nt-cream:var(--bg);--nt-ink:var(--text);--nt-muted:var(--text-muted);--nt-border:var(--border);--nt-orange:var(--accent);--nt-hover:var(--accent);--nt-editorial-panel:var(--surface);--nt-editorial-accent:var(--accent)} body{background:var(--bg)} #nt-portfolio .nt-header .nt-nav{background:var(--nav-bg);color:var(--nav-text);border-color:var(--nav-border)} #nt-portfolio .nt-header .nt-nav button,#nt-portfolio .nt-header .nt-nav button[aria-current],#nt-portfolio[data-theme=dark] .nt-header .nt-nav button[aria-current]{color:var(--nav-text)!important} #nt-portfolio .nt-header .nt-nav button:hover{color:var(--accent)!important} #nt-portfolio .nt-header .nt-nav button[aria-current]{background:var(--nav-selected)} #nt-portfolio .nt-header.nt-scrolled .nt-nav{background:color-mix(in srgb,var(--nav-bg) 84%,transparent)} #nt-portfolio .nt-outro,#nt-portfolio[data-theme=dark] .nt-outro{background:var(--outro-bg);color:var(--outro-text)} #nt-portfolio .nt-footer{color:var(--outro-muted);border-color:var(--outro-border)} :root,#nt-portfolio{--contrast-surface:var(--bg);--contrast-text:var(--text);--contrast-muted:var(--text-muted);--contrast-border:var(--border);--about-surface:var(--surface-alt)} #nt-portfolio .nt-themed-section{background:var(--section-bg);color:var(--section-text)} #nt-portfolio .nt-hero{--section-bg:var(--bg);--section-text:var(--text)} #nt-portfolio #nt-work{--section-bg:var(--surface-alt);--section-text:var(--text);background:var(--section-bg);color:var(--section-text)} #nt-portfolio .nt-illustration-chapter{--section-bg:var(--contrast-surface);--section-text:var(--contrast-text)} #nt-portfolio .nt-about-chapter{--section-bg:var(--about-surface);--section-text:var(--contrast-text)} #nt-portfolio .nt-illustration-chapter,#nt-portfolio .nt-about-chapter{--nt-ink:var(--section-text);--nt-muted:var(--contrast-muted);--nt-border:var(--contrast-border);--nt-editorial-panel:var(--section-bg);background:var(--section-bg);color:var(--section-text);border-color:var(--contrast-border)} #nt-portfolio section.nt-illustration-chapter,#nt-portfolio section.nt-about-chapter{box-shadow:0 0 0 100vmax var(--section-bg);clip-path:inset(0 -100vmax)} #nt-portfolio .nt-illustration-chapter .nt-illo-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin-bottom:40px} #nt-portfolio .nt-illustration-chapter .nt-illo-head h2{margin:0;font-size:clamp(44px,6.4cqw,88px);font-weight:700;line-height:1;letter-spacing:-.05em} #nt-portfolio .nt-illustration-chapter .nt-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:34px;margin:0;box-sizing:border-box; padding:0 12px 0 14px!important;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent)!important;border-radius:1px;background:transparent;color:var(--text); font-size:var(--fs-100)!important;letter-spacing:.16em;line-height:1;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease} #nt-portfolio .nt-illustration-chapter .nt-link::before{content:'';position:absolute;left:-1px;right:-1px;top:-7px;bottom:-7px} #nt-portfolio .nt-illustration-chapter .nt-link-arrow{display:inline-block;color:var(--accent);transition:transform .2s ease} @media (hover:hover){ #nt-portfolio .nt-illustration-chapter .nt-link:hover{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 9%,transparent)} #nt-portfolio .nt-illustration-chapter .nt-link:hover .nt-link-arrow{transform:translateX(3px)} } #nt-portfolio .nt-illustration-chapter .nt-link:active{background:color-mix(in srgb,var(--accent) 16%,transparent)} #nt-portfolio .nt-illustration-chapter .nt-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)!important} #nt-portfolio .nt-illustration-chapter .nt-illo-marquee{--nt-illo-h:220px;--nt-illo-dur:96s;overflow:hidden;width:100%;margin:8px 0 44px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)} #nt-portfolio .nt-illustration-chapter .nt-illo-track{display:flex;align-items:center;gap:16px;width:max-content;animation:nt-illo-scroll var(--nt-illo-dur) linear infinite} @keyframes nt-illo-scroll{from{transform:translateX(-50%)}to{transform:translateX(0)}} #nt-portfolio .nt-illustration-chapter .nt-illo-item{flex:0 0 auto;height:var(--nt-illo-h);border-radius:var(--nt-radius-lg);overflow:hidden;display:block;background:var(--nt-art-bg);transition:transform .3s ease} #nt-portfolio .nt-illustration-chapter .nt-illo-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none} #nt-portfolio .nt-illustration-chapter .nt-illo-item:nth-child(5n+1){width:var(--nt-illo-h)} #nt-portfolio .nt-illustration-chapter .nt-illo-item:nth-child(5n+2){width:calc(var(--nt-illo-h)*1.35)} #nt-portfolio .nt-illustration-chapter .nt-illo-item:nth-child(5n+3){width:var(--nt-illo-h)} #nt-portfolio .nt-illustration-chapter .nt-illo-item:nth-child(5n+4){width:calc(var(--nt-illo-h)*.85)} #nt-portfolio .nt-illustration-chapter .nt-illo-item:nth-child(5n+5){width:calc(var(--nt-illo-h)*1.2)} #nt-portfolio .nt-illustration-chapter .nt-illo-item:focus-visible{outline:2px solid var(--accent);outline-offset:3px} @media (hover:hover){ #nt-portfolio .nt-illustration-chapter .nt-illo-item:hover{transform:translateY(-4px)} } #nt-portfolio .nt-illustration-chapter .nt-illo-tagline{text-align:center;margin:0} @media(max-width:1000px){ #nt-portfolio .nt-illustration-chapter .nt-illo-marquee{--nt-illo-h:170px;--nt-illo-dur:76s} } @media(max-width:600px){ #nt-portfolio .nt-illustration-chapter .nt-illo-marquee{--nt-illo-h:130px;--nt-illo-dur:60s} #nt-portfolio .nt-illustration-chapter .nt-illo-head{margin-bottom:28px} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-illustration-chapter .nt-illo-marquee{-webkit-mask-image:none;mask-image:none} #nt-portfolio .nt-illustration-chapter .nt-illo-track{animation:none;flex-wrap:wrap;width:100%} #nt-portfolio .nt-illustration-chapter .nt-illo-item[aria-hidden="true"]{display:none} } #nt-portfolio .nt-walk-rig{display:block;width:100%;height:100%;overflow:visible} #nt-portfolio .nt-rig-leg{transform:rotate(var(--nt-gait,0deg))} #nt-portfolio .nt-rear-far,#nt-portfolio .nt-front-near{transform:rotate(var(--nt-gait-reverse,0deg))} #nt-portfolio .nt-sleeper>img:first-child{animation:nt-sleep-breath 4s ease-in-out infinite;transform-origin:50% 85%;transition:opacity .2s} @keyframes nt-sleep-breath{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.025)}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-rig-leg{transform:none} #nt-portfolio .nt-sleeper>img:first-child{animation:none} } #nt-portfolio[data-theme=dark]{--chapter-warm:#201e1d;--chapter-warm-text:var(--text);--chapter-warm-muted:var(--text-muted);--chapter-warm-border:#393431;--chapter-transition:var(--bg)} #nt-portfolio[data-theme=dark] #nt-work{--section-bg:var(--chapter-warm);--section-text:var(--chapter-warm-text);background:var(--section-bg);color:var(--section-text);box-shadow:0 0 0 100vmax var(--section-bg)} #nt-portfolio[data-theme=dark] #nt-work .nt-section-head .nt-small{color:var(--chapter-warm-muted)} #nt-portfolio[data-theme=dark] #nt-work .nt-project{color:var(--text)} #nt-portfolio[data-theme=dark] .nt-illustration-chapter{--section-bg:var(--bg);--section-text:var(--text);--nt-muted:var(--text-muted);--nt-border:var(--border);border-color:var(--border)} #nt-portfolio[data-theme=dark] .nt-about-chapter{--section-bg:var(--chapter-warm);--section-text:var(--chapter-warm-text);--nt-muted:var(--chapter-warm-muted);--nt-border:var(--chapter-warm-border);border-color:var(--chapter-warm-border)} html.nt-starting #nt-portfolio{visibility:hidden;opacity:0} body{background:var(--bg)} #nt-portfolio .nt-header,#nt-portfolio .nt-header.nt-scrolled{display:flex;justify-content:space-between;align-items:center;width:100%;height:100px;padding:20px 4%;margin:0;top:0;background:var(--bg);pointer-events:auto} #nt-portfolio .nt-header .nt-brand,#nt-portfolio .nt-header.nt-scrolled .nt-brand{visibility:visible;opacity:1;pointer-events:auto;min-height:48px} #nt-portfolio .nt-menu-toggle{display:flex;gap:10px;align-items:center;min-height:44px;font-size:var(--fs-500);color:var(--text)} #nt-portfolio .nt-menu-toggle:hover{color:var(--accent)} #nt-portfolio .nt-menu-overlay{position:absolute;top:100%;left:0;width:100%;height:min(var(--nt-overlay-height,660px),calc(100dvh - 100px));background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:none;display:grid;place-items:safe center;padding:28px 6.5%;overflow-y:auto;border:0;border-radius:0} #nt-portfolio .nt-menu-grid{width:min(100%,640px);display:grid;grid-auto-rows:88px;gap:12px} #nt-portfolio .nt-menu-grid button{display:grid;grid-template-columns:68px 1fr;gap:24px;align-items:center;text-align:left;font-size:clamp(20px,2.6vw,34px);line-height:1.2;color:var(--text);padding:0} #nt-portfolio .nt-menu-grid .nt-initial{font-size:60px;font-weight:700;line-height:1;color:var(--accent)} #nt-portfolio .nt-menu-grid button:hover{color:var(--accent)} #nt-portfolio .nt-intro-track{max-width:1180px;margin-inline:auto} #nt-portfolio .nt-intro-track .nt-hero{height:calc(100svh - 100px);min-height:550px;padding:28px 0 44px;align-items:center} #nt-portfolio .nt-intro-track h1{font-size:var(--display-title);margin-top:0} #nt-portfolio .nt-intro-track .nt-identity{gap:14px} #nt-portfolio .nt-intro-track .nt-dp{width:96px;height:96px} #nt-portfolio .nt-intro-track .nt-role{font-size:var(--fs-700);margin-top:18px} #nt-portfolio .nt-intro-track .nt-scroll{position:static;display:block;margin:28px 0 0;padding:0;transform:none} #nt-portfolio .nt-intro-track .nt-scroll button{display:flex;align-items:center;gap:12px;font-size:var(--fs-600);font-weight:400;letter-spacing:0} #nt-portfolio .nt-intro-track .nt-scroll-label{font-size:inherit;letter-spacing:0} #nt-portfolio .nt-intro-track .nt-cameo{right:5%;width:27%} @media(min-width:901px) and (max-height:700px){ #nt-portfolio .nt-intro-track .nt-hero{min-height:0} #nt-portfolio .nt-intro-track h1{font-size:min(7.2cqw,13svh)} #nt-portfolio .nt-intro-track .nt-dp{width:76px;height:76px} } @media(max-width:760px){ #nt-portfolio .nt-intro-track .nt-hero{height:auto;min-height:680px;align-items:flex-start;padding-top:40px} #nt-portfolio .nt-intro-track .nt-cameo{width:38%;bottom:45px} #nt-portfolio .nt-menu-grid{grid-auto-rows:72px;gap:10px} #nt-portfolio .nt-menu-grid button{grid-template-columns:44px 1fr;gap:18px} #nt-portfolio .nt-menu-grid .nt-initial{font-size:44px} } #nt-portfolio{--header-surface:#7a4938;--header-height:76px} #nt-portfolio .nt-header,#nt-portfolio .nt-header.nt-scrolled{height:var(--header-height);padding:10px 4%;background:var(--header-surface);border-bottom:1px solid var(--border)} #nt-portfolio .nt-header .nt-brand{min-height:44px} #nt-portfolio .nt-menu-toggle{padding:9px 14px;border-radius:5px;transition:background-color .22s ease,color .22s ease} #nt-portfolio .nt-menu-toggle:hover,#nt-portfolio .nt-menu-toggle:focus-visible{background:var(--accent);color:var(--on-accent)} #nt-portfolio .nt-menu-overlay{height:calc(100dvh - var(--header-height));max-height:none;background:var(--bg);padding:24px 6.5%;place-items:safe center} #nt-portfolio .nt-menu-grid{width:max-content;max-width:100%;margin:auto;grid-auto-rows:88px;gap:12px} #nt-portfolio .nt-menu-grid button{grid-template-columns:68px minmax(0,1fr);column-gap:24px} @media(min-width:761px){ #nt-portfolio .nt-intro-track{max-width:1280px} #nt-portfolio .nt-intro-track .nt-hero{height:calc(100svh - var(--header-height));min-height:0;padding:24px 0;align-items:center} #nt-portfolio .nt-intro-track h1{font-size:min(10cqw,19svh);line-height:.92} #nt-portfolio .nt-intro-track .nt-dp{width:clamp(80px,13svh,128px);height:clamp(80px,13svh,128px)} #nt-portfolio .nt-intro-track .nt-portrait-stage{margin-top:0} #nt-portfolio .nt-intro-track .nt-identity{gap:18px} #nt-portfolio .nt-intro-track .nt-role{font-size:var(--fs-800);margin-top:18px} #nt-portfolio .nt-intro-track .nt-scroll{margin-top:28px} #nt-portfolio .nt-intro-track .nt-cameo{right:3%;width:29%;transform:translateY(-50%)} } @media(max-width:760px){ #nt-portfolio .nt-menu-grid{width:100%;grid-auto-rows:72px} #nt-portfolio .nt-menu-grid button{grid-template-columns:44px minmax(0,1fr);gap:18px} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-menu-toggle{transition:none} } #nt-portfolio .nt-menu-toggle{border-radius:16px} #nt-portfolio .nt-header .nt-menu-overlay:not([hidden]){display:grid;visibility:visible;opacity:1;pointer-events:auto;z-index:100} #nt-portfolio .nt-header{z-index:110} #nt-portfolio .nt-menu-toggle{position:relative;isolation:isolate;border-radius:999px;background:transparent!important;color:var(--on-dark)!important;overflow:hidden} #nt-portfolio .nt-menu-toggle::before{content:'';position:absolute;inset:0;border-radius:999px;background:var(--accent);z-index:-1;clip-path:circle(0% at calc(100% - 20px) 50%);transition:clip-path .26s ease-out} #nt-portfolio .nt-menu-toggle:hover::before,#nt-portfolio .nt-menu-toggle:focus-visible::before{clip-path:circle(150% at calc(100% - 20px) 50%)} #nt-portfolio .nt-menu-toggle:hover,#nt-portfolio .nt-menu-toggle:focus-visible{color:var(--on-dark)!important} #nt-portfolio .nt-intro-track .nt-scroll button{font-size:var(--fs-800);line-height:1.35;gap:12px} #nt-portfolio .nt-intro-track .nt-scroll .nt-scroll-label{order:0;font-size:inherit} #nt-portfolio .nt-intro-track .nt-scroll .nt-down{order:1;font-size:inherit;line-height:inherit} @media(max-width:760px){ #nt-portfolio .nt-intro-track .nt-scroll button{font-size:var(--fs-700)} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-menu-toggle::before{transition:none} } #nt-portfolio .nt-header,#nt-portfolio .nt-header.nt-scrolled{background:var(--bg);border-bottom-color:var(--bg)} @media(min-width:761px){ #nt-portfolio .nt-intro-track{max-width:1400px} #nt-portfolio .nt-intro-track .nt-hero{height:calc(100svh - var(--header-height,76px));min-height:0;padding:16px 0;align-items:center} #nt-portfolio .nt-intro-track h1{font-size:var(--display-title);line-height:.9} #nt-portfolio .nt-intro-track .nt-dp{width:clamp(88px,15svh,146px);height:clamp(88px,15svh,146px)} #nt-portfolio .nt-intro-track .nt-identity{gap:14px} #nt-portfolio .nt-intro-track .nt-role{font-size:var(--fs-900);margin-top:14px} #nt-portfolio .nt-intro-track .nt-scroll{margin-top:24px} #nt-portfolio .nt-intro-track .nt-scroll button{font-size:var(--fs-900)} #nt-portfolio .nt-intro-track .nt-cameo{width:32%;right:0} } @media(max-width:760px){ #nt-portfolio .nt-intro-track .nt-hero{min-height:calc(100svh - var(--header-height,76px))} } #nt-portfolio .nt-intro-identity .nt-scroll,#nt-portfolio .nt-intro-identity .nt-scroll button{pointer-events:auto} #nt-portfolio .nt-intro-identity .nt-scroll button{cursor:pointer} #nt-portfolio .nt-header .nt-brand:hover .nt-logo-frame,#nt-portfolio .nt-header .nt-brand:focus-visible .nt-logo-frame{filter:url(#nt-logo-orange);mix-blend-mode:normal} #nt-portfolio .nt-intro-track .nt-scroll{opacity:var(--nt-line-opacity,0)} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-intro-track .nt-scroll{opacity:1} } :root,#nt-portfolio,#nt-portfolio[data-theme=dark]{ --bg:#111312;--text:#f4efe7;--accent:#e96f32; --on-dark:var(--text);--on-accent:var(--bg); --text-muted:color-mix(in srgb,var(--text) 68%,var(--bg)); --surface:color-mix(in srgb,var(--text) 5%,var(--bg)); --surface-alt:color-mix(in srgb,var(--accent) 7%,var(--surface)); --border:color-mix(in srgb,var(--text) 17%,var(--bg)); --chapter-warm:var(--surface-alt);--chapter-warm-text:var(--text);--chapter-warm-muted:var(--text-muted);--chapter-warm-border:var(--border); --outro-bg:var(--bg);--outro-text:var(--text);--outro-muted:var(--text-muted);--outro-border:var(--border); --contrast-text:var(--text);--contrast-muted:var(--text-muted);--contrast-border:var(--border); --nt-art-bg:var(--surface);--nt-art-warm:var(--surface-alt);--nt-art-green:var(--surface);--nt-art-text:var(--text); --nt-project-bg:var(--surface);--nt-project-dark:var(--bg);--nt-project-warm:var(--surface-alt); --nt-line:var(--border);--nt-line-dark:var(--border);--nt-line-warm:color-mix(in srgb,var(--accent) 40%,var(--bg)); --nt-photo-bg:var(--surface);--nt-photo-text:var(--text-muted);--nt-photo-border:var(--border);--nt-notice-bg:var(--surface);--nt-notice-text:var(--text-muted); --motion-duration:280ms;--motion-ease:cubic-bezier(.22,1,.36,1); } #nt-portfolio .nt-header .nt-brand .nt-logo-frame, #nt-portfolio .nt-header .nt-brand:hover .nt-logo-frame, #nt-portfolio .nt-header .nt-brand:focus-visible .nt-logo-frame{filter:none;mix-blend-mode:screen} #nt-portfolio .nt-header .nt-logo-frame>img{filter:invert(1)} #nt-portfolio .nt-header .nt-logo-frame>.nt-logo-orange-copy{filter:url(#nt-logo-orange);clip-path:circle(0% at 80% 44%);transition:none} #nt-portfolio .nt-header .nt-brand:hover .nt-logo-orange-copy, #nt-portfolio .nt-header .nt-brand:focus-visible .nt-logo-orange-copy{clip-path:circle(140% at 80% 44%)} #nt-portfolio .nt-menu-toggle,#nt-portfolio .nt-menu-toggle::before{transition-duration:var(--motion-duration);transition-timing-function:var(--motion-ease)} #nt-portfolio a,#nt-portfolio button{transition:color var(--motion-duration) var(--motion-ease),background-color var(--motion-duration) var(--motion-ease)} #nt-portfolio .nt-intro-track .nt-hand,#nt-portfolio .nt-intro-track .nt-scroll{clip-path:inset(0 calc((1 - var(--nt-line-opacity,0))*100%) 0 0);transition:opacity var(--motion-duration) var(--motion-ease),clip-path var(--motion-duration) var(--motion-ease)} #nt-portfolio .nt-menu-overlay:not([hidden]) .nt-menu-grid{animation:nt-shared-reveal var(--motion-duration) var(--motion-ease) both} @keyframes nt-shared-reveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}} @media(prefers-reduced-motion:reduce){ #nt-portfolio{--motion-duration:0ms} #nt-portfolio .nt-menu-overlay:not([hidden]) .nt-menu-grid{animation:none} #nt-portfolio .nt-intro-track .nt-hand,#nt-portfolio .nt-intro-track .nt-scroll{clip-path:none} } #nt-portfolio{--structure:#29231f;--structure-border:color-mix(in srgb,var(--structure) 85%,var(--bg));--hero-grid-line:color-mix(in srgb,var(--structure) 60%,transparent)} #nt-portfolio .nt-architectural-header,#nt-portfolio .nt-architectural-header.nt-scrolled{display:grid;grid-template-columns:minmax(76px,1fr) auto minmax(130px,1fr);align-items:stretch;gap:0;width:100%;height:var(--header-height,76px);padding:0 4%;position:sticky;top:0;background:var(--bg);border:0;border-bottom:1px solid var(--structure-border);border-radius:0;box-shadow:none;backdrop-filter:none;pointer-events:auto} #nt-portfolio .nt-architectural-header .nt-brand,#nt-portfolio .nt-architectural-header.nt-scrolled .nt-brand{display:flex;align-items:center;justify-self:stretch;justify-content:flex-start;visibility:visible;opacity:1;pointer-events:auto;border-right:1px solid var(--structure-border)} #nt-portfolio .nt-architectural-header .nt-brand .nt-dp{display:none} #nt-portfolio .nt-architectural-header .nt-brand .nt-logo-frame{display:block!important} #nt-portfolio .nt-persistent-nav{display:flex;align-items:stretch;justify-content:center;gap:0;padding:0;margin:0;background:none;border:0;border-radius:0} #nt-portfolio .nt-persistent-nav button,#nt-portfolio .nt-persistent-nav a{font-family:'Instrument Sans',Arial,sans-serif!important;font-size:var(--fs-400);font-weight:500;letter-spacing:.025em;line-height:1.3;padding:0 clamp(14px,1.8vw,28px);min-height:44px;color:var(--text);border:0;border-right:1px solid var(--structure-border);border-radius:0;background:none;box-shadow:none;white-space:nowrap} #nt-portfolio .nt-persistent-nav button:hover,#nt-portfolio .nt-persistent-nav a:hover,#nt-portfolio .nt-persistent-nav button[aria-current]{color:var(--accent);background:none} #nt-portfolio .nt-hero{isolation:isolate} #nt-portfolio .nt-hero::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100cqw;transform:translateX(-50%);z-index:-1;pointer-events:none;background-color:var(--bg);background-image:linear-gradient(to right,var(--hero-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--hero-grid-line) 1px,transparent 1px);background-size:88px 88px;background-position:center top} @font-face{font-family:Instrument Sans;src:url('instrument-sans.ttf') format('truetype');font-weight:400 700;font-display:swap} #nt-portfolio .nt-hand svg.nt-curved-arrow{display:block;width:clamp(64px,11cqw,92px);height:auto; margin:6px auto 0 6%;color:var(--accent);overflow:visible;transform:rotate(-3deg)} #nt-portfolio .nt-arrow-shaft{fill:currentColor} #nt-portfolio .nt-arrow-head{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round} @font-face{font-family:Caveat;src:url('caveat.ttf') format('truetype');font-weight:400 700;font-display:swap;size-adjust:150%} #nt-portfolio{--header-height:80px} #nt-portfolio .nt-architectural-header,#nt-portfolio .nt-architectural-header.nt-scrolled{height:80px;grid-template-columns:auto 1fr;padding:0 max(24px,calc((100% - 1600px)/2));align-items:center;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} #nt-portfolio .nt-architectural-header .nt-brand,#nt-portfolio .nt-architectural-header.nt-scrolled .nt-brand{border:0;justify-self:start} #nt-portfolio .nt-persistent-nav{justify-self:end;gap:40px;border:0;border-radius:0;padding:0} #nt-portfolio .nt-persistent-nav button,#nt-portfolio .nt-persistent-nav a{display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--fs-500);font-weight:400;letter-spacing:0;min-height:24px;padding:0;border:0;white-space:nowrap} #nt-portfolio .nt-persistent-nav svg{flex-shrink:0} #nt-portfolio .nt-hero::before{background-size:64px 64px;background-position:center top;opacity:.4;mask-image:radial-gradient(ellipse at top,black 20%,transparent 92%);-webkit-mask-image:radial-gradient(ellipse at top,black 20%,transparent 92%)} #nt-portfolio{--structure-border:color-mix(in srgb,#29231f 82%,var(--text));--hero-grid-line:var(--structure-border)} #nt-portfolio .nt-hero::before{opacity:.78} #nt-portfolio .nt-persistent-nav svg{width:1em;height:1em} #nt-portfolio .nt-persistent-nav button[aria-current]{color:var(--accent)} #nt-portfolio{--nt-edge:clamp(24px,6.5vw,104px)} #nt-portfolio .nt-wrap.nt-wrap{padding-inline:var(--nt-edge)} @media(min-width:1001px){ #nt-portfolio .nt-architectural-header,#nt-portfolio .nt-architectural-header.nt-scrolled{padding:0 max(var(--nt-edge),calc((100% - 1600px)/2))} } #nt-portfolio .nt-hero::before{background-position:var(--nt-edge) top} #nt-portfolio .nt-hero .nt-dp,#nt-portfolio .nt-intro-identity .nt-dp{margin-left:-3px} #nt-portfolio .nt-persistent-nav svg{display:none} #nt-portfolio .nt-header .nt-logo-frame{mix-blend-mode:normal} #nt-portfolio .nt-header .nt-logo-frame>img:not(.nt-logo-orange-copy){filter:url(#nt-logo-cream)} ::-webkit-scrollbar{width:8px;height:8px} ::-webkit-scrollbar-track{background:transparent;margin-block:140px} ::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px} ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 82%,#fff)} ::-webkit-scrollbar-button{display:none;width:0;height:0} ::-webkit-scrollbar-corner{background:transparent} @supports not selector(::-webkit-scrollbar){ html,#nt-portfolio{scrollbar-width:thin;scrollbar-color:var(--accent) transparent} } #nt-portfolio .nt-burger{display:none;width:46px;height:46px;padding:0;background:none;cursor:pointer; border:1px solid var(--structure-border);border-radius:999px;color:var(--text); align-items:center;justify-content:center} #nt-portfolio .nt-burger>span{display:flex;flex-direction:column;align-items:center;gap:6px} #nt-portfolio .nt-burger i{display:block;width:20px;height:2px;border-radius:999px;background:currentColor; transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .16s linear} #nt-portfolio .nt-burger i:nth-child(2){background:var(--accent)} #nt-portfolio .nt-burger:hover{border-color:var(--accent)} #nt-portfolio.nt-menu-open .nt-burger i:nth-child(1){transform:translateY(8px) rotate(45deg)} #nt-portfolio.nt-menu-open .nt-burger i:nth-child(2){opacity:0} #nt-portfolio.nt-menu-open .nt-burger i:nth-child(3){transform:translateY(-8px) rotate(-45deg)} #nt-portfolio .nt-menu-panel{position:fixed;inset:0;z-index:100;background:var(--bg); display:flex;flex-direction:column;padding:96px var(--nt-edge) var(--nt-edge); animation:nt-menu-in .2s cubic-bezier(.4,0,.2,1) both} #nt-portfolio .nt-menu-panel[hidden]{display:none} #nt-portfolio .nt-menu-panel::before{content:none} @keyframes nt-menu-in{from{opacity:0}to{opacity:1}} #nt-portfolio .nt-menu-nav{flex:1;display:flex;align-items:center} #nt-portfolio .nt-menu-list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:8px} #nt-portfolio .nt-menu-link{display:flex;align-items:baseline;gap:16px;width:100%;padding:8px 0; background:none;border:0;cursor:pointer;text-align:left;color:var(--text-muted); font-family:'Instrument Sans',Arial,Helvetica,sans-serif; animation:nt-menu-item-in .26s cubic-bezier(.4,0,.2,1) both} #nt-portfolio .nt-menu-num{flex:none;min-width:2ch;font-variant-numeric:tabular-nums;font-size:var(--fs-200);letter-spacing:.14em; text-transform:uppercase;color:var(--structure-border)} #nt-portfolio .nt-menu-label{font-size:clamp(34px,7.4vw,60px);line-height:1.04;letter-spacing:-.02em;font-weight:500} #nt-portfolio .nt-menu-link:hover,#nt-portfolio .nt-menu-link:focus-visible{color:var(--text)} @keyframes nt-menu-item-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} #nt-portfolio .nt-menu-list li:nth-child(1) .nt-menu-link{animation-delay:.04s} #nt-portfolio .nt-menu-list li:nth-child(2) .nt-menu-link{animation-delay:.075s} #nt-portfolio .nt-menu-list li:nth-child(3) .nt-menu-link{animation-delay:.11s} #nt-portfolio .nt-menu-list li:nth-child(4) .nt-menu-link{animation-delay:.145s} #nt-portfolio .nt-menu-list li:nth-child(5) .nt-menu-link{animation-delay:.18s} #nt-portfolio[data-current-page="home"] .nt-menu-link[data-page="home"]:not([data-section]), #nt-portfolio[data-current-page="illustration"] .nt-menu-link[data-page="illustration"], #nt-portfolio[data-current-page="about"] .nt-menu-link[data-page="about"]{color:var(--accent)} #nt-portfolio[data-current-page="home"] .nt-menu-link[data-page="home"]:not([data-section]) .nt-menu-num, #nt-portfolio[data-current-page="illustration"] .nt-menu-link[data-page="illustration"] .nt-menu-num, #nt-portfolio[data-current-page="about"] .nt-menu-link[data-page="about"] .nt-menu-num{color:var(--accent)} #nt-portfolio[data-current-page="home"] .nt-menu-link[data-page="home"]:not([data-section]) .nt-menu-label, #nt-portfolio[data-current-page="illustration"] .nt-menu-link[data-page="illustration"] .nt-menu-label, #nt-portfolio[data-current-page="about"] .nt-menu-link[data-page="about"] .nt-menu-label{ text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px} #nt-portfolio .nt-menu-foot{border-top:1px solid var(--structure-border);padding-top:18px; display:flex;flex-direction:column;gap:4px} #nt-portfolio .nt-menu-foot-label{font-size:var(--fs-200);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)} #nt-portfolio .nt-menu-foot-note{font-size:var(--fs-400);color:var(--text-muted)} @media(max-width:1000px){ #nt-portfolio .nt-architectural-header,#nt-portfolio .nt-architectural-header.nt-scrolled{ grid-template-columns:1fr auto;grid-template-rows:auto;height:72px;gap:0; align-items:center;padding:0 var(--nt-edge)} #nt-portfolio .nt-persistent-nav{display:none} #nt-portfolio .nt-burger{display:flex;justify-self:end} } @media(min-width:1001px){ #nt-portfolio .nt-burger,#nt-portfolio .nt-menu-panel{display:none!important} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-menu-panel,#nt-portfolio .nt-menu-link{animation:none} #nt-portfolio .nt-burger i{transition:none} } #nt-portfolio .nt-hero::after{content:'';position:absolute;left:50%;bottom:0;width:100cqw;height:1px;transform:translateX(-50%);z-index:-1;pointer-events:none;background:var(--structure-border)} #nt-portfolio [data-view="about"] .nt-section > .nt-copy{max-width:27em} #nt-portfolio .nt-photo.nt-photo-real{display:block;border:0;border-radius:12px;overflow:hidden} #nt-portfolio .nt-photo.nt-photo-real>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 41%} #nt-portfolio{--nt-stack-top:112px;--nt-stack-step:0px;--nt-tab-h:36px;--nt-tab-w:210px;--nt-hair:color-mix(in srgb,var(--text) 16%,var(--section-bg,var(--bg)));--nt-num-stroke:color-mix(in srgb,var(--text) 42%,var(--section-bg,var(--bg)))} #nt-portfolio[data-theme=dark]{--chapter-warm:#1b1d1c;--chapter-warm-border:transparent;--nt-band:#1b1d1c} #nt-portfolio [data-view="home"] .nt-section.nt-themed-section,#nt-portfolio [data-view="home"] .nt-illustration-chapter,#nt-portfolio [data-view="home"] .nt-about-chapter{border-top:0} #nt-portfolio .nt-hero::after{display:none} #nt-portfolio .nt-outro{border-top:0} #nt-portfolio[data-theme=dark]{--nt-art-bg:#1b1d1c;--nt-art-warm:#232524;--nt-art-green:#171918;--nt-art-text:var(--text-muted); --nt-photo-bg:#1b1d1c;--nt-photo-border:var(--border);--nt-photo-text:var(--text-muted); --nt-notice-bg:#1b1d1c;--nt-notice-text:var(--text-muted);--nt-editorial-panel:#1b1d1c} #nt-portfolio [data-view="home"] .nt-about-chapter.nt-split{border:0;padding-inline:0;background:var(--section-bg)} #nt-portfolio .nt-split.nt-about-chapter .nt-link{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:34px;margin:0;box-sizing:border-box; padding:0 12px 0 14px!important;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent)!important;border-radius:1px;background:transparent;color:var(--text); font-size:var(--fs-100)!important;letter-spacing:.16em;line-height:1;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease} #nt-portfolio .nt-split.nt-about-chapter .nt-link::before{content:'';position:absolute;left:-1px;right:-1px;top:-7px;bottom:-7px} #nt-portfolio .nt-split.nt-about-chapter .nt-link-arrow{display:inline-block;color:var(--accent);transition:transform .2s ease} @media (hover:hover){ #nt-portfolio .nt-split.nt-about-chapter .nt-link:hover{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 9%,transparent)} #nt-portfolio .nt-split.nt-about-chapter .nt-link:hover .nt-link-arrow{transform:translateX(3px)} } #nt-portfolio .nt-split.nt-about-chapter .nt-link:active{background:color-mix(in srgb,var(--accent) 16%,transparent)} #nt-portfolio .nt-split.nt-about-chapter .nt-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)!important} #nt-portfolio [data-view="about"] .nt-section.nt-split{border:0;padding-inline:0;background:transparent} #nt-portfolio [data-view="illustration"] .nt-art{border:0} #nt-portfolio #nt-work.nt-cases{display:block;padding-top:calc(var(--nt-space) - 8px)} #nt-portfolio .nt-index-head{padding-top:0} #nt-portfolio .nt-index-head h2{margin:0;font-size:clamp(44px,6.4cqw,88px);font-weight:700;line-height:1;letter-spacing:-.05em} #nt-portfolio .nt-index-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)} #nt-portfolio .nt-index-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px clamp(24px,3vw,48px);width:100%; padding:28px 0;margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer; transition:padding-left .3s cubic-bezier(.2,.7,.2,1)} #nt-portfolio .nt-index-row:hover{padding-left:8px} #nt-portfolio .nt-index-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px} #nt-portfolio .nt-index-num{display:block;width:clamp(96px,9cqw,132px);line-height:0} #nt-portfolio .nt-index-num .nt-case-num{font-size:clamp(64px,6cqw,88px)} #nt-portfolio .nt-index-text{display:flex;flex-direction:column;gap:8px;min-width:0} #nt-portfolio .nt-index-row h3{margin:0;font-size:var(--project-heading,clamp(23px,2.5cqw,28px));font-weight:600;line-height:1.2;letter-spacing:-.025em;max-width:28ch} #nt-portfolio .nt-index-row h3 em{font-style:normal;color:var(--accent)} #nt-portfolio .nt-index-problem{font-size:var(--fs-500);line-height:1.6;color:var(--text-muted);max-width:60ch} #nt-portfolio .nt-index-title-short, #nt-portfolio .nt-index-problem-short{display:none} @media(max-width:760px){ #nt-portfolio .nt-index-title-full, #nt-portfolio .nt-index-problem-full{display:none} #nt-portfolio .nt-index-title-short, #nt-portfolio .nt-index-problem-short{display:inline} } #nt-portfolio .nt-index-pending{font-style:italic} #nt-portfolio .nt-index-meta{font-size:var(--fs-100);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:4px} #nt-portfolio .nt-index-arrow{font-size:28px;line-height:1;color:var(--text-muted);transition:transform .3s cubic-bezier(.2,.7,.2,1),color .2s} #nt-portfolio .nt-index-row:hover .nt-index-arrow{color:var(--accent);transform:translateX(6px)} #nt-portfolio .nt-index-more{display:flex;justify-content:center;padding-top:40px} #nt-portfolio .nt-capsule{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;border:1px solid var(--structure-border);border-radius:999px; background:none;color:var(--text);font-family:'Instrument Sans',Arial,Helvetica,sans-serif!important;font-size:var(--fs-400);font-weight:500;letter-spacing:.025em;cursor:pointer;transition:border-color .2s,color .2s} #nt-portfolio .nt-capsule:hover{border-color:var(--accent);color:var(--accent)} #nt-portfolio .nt-capsule:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #nt-portfolio .nt-cases-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;margin:0 0 clamp(36px,4vw,56px)} #nt-portfolio .nt-cases-head p{margin:0;max-width:46ch;font-size:var(--fs-600);line-height:1.5;color:var(--text-muted)} #nt-portfolio .nt-cases-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:28px} #nt-portfolio .nt-cases-links .nt-link{background:none;color:inherit;cursor:pointer} #nt-portfolio .nt-resume{display:inline-flex;align-items:baseline;gap:14px} #nt-portfolio .nt-resume .nt-link{background:none;color:inherit;cursor:pointer} #nt-portfolio .nt-resume .nt-small{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-resume-pdf[aria-disabled="true"]{color:var(--text-muted);border-bottom-color:var(--border)!important;cursor:default} #nt-portfolio .nt-resume-pdf[aria-disabled="true"]:hover{color:var(--text-muted)} #nt-portfolio .nt-cases-page{padding-bottom:var(--nt-space)} #nt-portfolio .nt-cases-hero,#nt-portfolio .nt-gallery-head{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(48px,7vh,88px) 0 clamp(32px,5vh,56px)} #nt-portfolio .nt-cases-hero h1,#nt-portfolio .nt-gallery-head h1{margin:0;font-size:clamp(44px,6.4cqw,88px);font-weight:700;line-height:1;letter-spacing:-.05em} #nt-portfolio .nt-gallery-page .nt-wrap{padding-bottom:var(--nt-space)} #nt-portfolio .nt-gallery-page{--nt-gallery-w:760px} #nt-portfolio .nt-gallery-page .nt-gallery-controls{position:sticky;top:96px;z-index:20;justify-content:center;align-items:center;gap:12px;width:fit-content;margin:0 auto 16px;padding:6px; border:1px solid var(--structure-border);border-radius:999px;background:color-mix(in srgb,var(--text) 5%,var(--bg))} #nt-portfolio .nt-gallery-page .nt-gallery-controls>div{border:0;padding:0;gap:2px;border-radius:0} #nt-portfolio .nt-gallery-page .nt-gallery-controls [role="group"][aria-label="Layout"]{padding-right:10px;border-right:1px solid var(--structure-border)} #nt-portfolio .nt-gallery-page .nt-gallery-controls button{width:40px;height:40px;border-radius:999px;color:var(--text-muted);background:none;border:0;cursor:pointer;transition:color .2s,background-color .2s} #nt-portfolio .nt-gallery-page .nt-gallery-controls button:hover{color:var(--text)} #nt-portfolio .nt-gallery-page .nt-gallery-controls button[aria-pressed=true]{background:var(--nav-selected);color:var(--accent)} #nt-portfolio .nt-gallery-page .nt-gallery-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px} #nt-portfolio .nt-gallery-page .nt-gallery-controls button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none} #nt-portfolio .nt-gallery-page .nt-gallery-controls svg{width:20px;height:20px} #nt-portfolio .nt-gallery-page .nt-gallery{max-width:var(--nt-gallery-w);gap:16px;outline:none} #nt-portfolio .nt-gallery-page .nt-gallery:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:16px} #nt-portfolio .nt-gallery-page .nt-gallery[data-width=wide]{max-width:none} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide]{grid-template-columns:repeat(3,minmax(0,1fr))} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=horizontal][data-width=wide] button.nt-art{flex:0 0 min(31%,420px)} #nt-portfolio .nt-gallery-page .nt-gallery button.nt-art{aspect-ratio:1;border-radius:var(--nt-radius-lg);border:0;background:var(--nt-art-bg);color:var(--text-muted); font-size:var(--fs-100);letter-spacing:.14em;transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .2s} #nt-portfolio .nt-gallery-page .nt-gallery button.nt-art:nth-child(3n+2){background:var(--nt-art-warm)} #nt-portfolio .nt-gallery-page .nt-gallery button.nt-art:nth-child(3n){background:var(--nt-art-green)} #nt-portfolio .nt-gallery-page .nt-gallery button.nt-art:hover{transform:translateY(-2px);color:var(--text)} #nt-portfolio .nt-gallery-page .nt-gallery button.nt-art:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=single]{max-width:640px} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=single][data-width=wide]{max-width:none} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=single] button.nt-art{aspect-ratio:4/5} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=masonry]{columns:2;column-gap:16px} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=masonry][data-width=wide]{columns:3} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=masonry] button.nt-art{margin-bottom:16px;aspect-ratio:3/4} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=masonry] button.nt-art:nth-child(even){aspect-ratio:4/3} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=masonry] button.nt-art:nth-child(4n){aspect-ratio:1} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=horizontal]{display:flex;gap:16px;padding-bottom:16px;margin-bottom:0;max-width:none} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=horizontal] button.nt-art{flex:0 0 min(60%,560px);aspect-ratio:4/3} #nt-portfolio .nt-gallery-page .nt-art-open{max-width:var(--nt-gallery-w);margin:0 auto 24px;padding:12px 12px 16px;border:1px solid var(--nt-hair);border-radius:20px} #nt-portfolio .nt-gallery-page .nt-art-open .nt-link{margin:4px 8px 10px;background:none;color:inherit;cursor:pointer} #nt-portfolio .nt-gallery-page .nt-art-open .nt-art{height:auto;aspect-ratio:3/2;margin:0;border-radius:12px;border:0;background:var(--nt-art-bg);color:var(--text-muted);font-size:var(--fs-100);letter-spacing:.14em} @media(max-width:760px){ #nt-portfolio .nt-gallery-page .nt-gallery{gap:10px} #nt-portfolio .nt-gallery-page .nt-gallery button.nt-art{border-radius:var(--nt-radius-lg)} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=masonry]{column-gap:10px} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=masonry] button.nt-art{margin-bottom:10px} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=masonry][data-width=wide]{columns:2} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide]{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .nt-gallery-page .nt-gallery-controls{gap:6px;padding:4px;top:76px} #nt-portfolio .nt-gallery-page .nt-gallery-controls button{width:36px;height:36px} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-gallery-page .nt-gallery button.nt-art{transition:none} #nt-portfolio .nt-gallery-page .nt-gallery button.nt-art:hover{transform:none} } @font-face{font-family:Afacad;src:url('afacad.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap} #nt-portfolio .nt-hero-v4{--v4-head:80px;--v4-greet:calc(50svh - 68px - var(--v4-head));--v4-step:35px; --v4-x:calc((100cqw - var(--v4-w))/2);--v4-w:min(750px,calc(100cqw - 2*var(--nt-edge)));--v4-dp:46px;--v4-dp-gap:12px;--v4-slot-gap:10px} #nt-portfolio .nt-intro-track .nt-hero.nt-hero-v4{display:block;position:relative;height:calc(100svh - var(--v4-head));min-height:560px;padding:0;margin:0;overflow:visible} #nt-portfolio .nt-intro-track .nt-hero-v4::before,#nt-portfolio .nt-intro-track .nt-hero-v4::after{display:none} #nt-portfolio .nt-intro-track .nt-hero-v4 .nt-intro-identity{position:absolute;top:0;bottom:0;left:calc((100% - 100cqw)/2);width:100cqw!important;max-width:none!important;margin:0;padding:0;display:block;transform:none!important;pointer-events:none;z-index:1} #nt-portfolio .nt-intro-track .nt-hero-v4 .nt-identity{position:absolute;left:var(--v4-x);right:auto;width:var(--v4-w);top:0;height:calc(var(--v4-greet) + 24px);display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;margin:0;padding:0;gap:0;pointer-events:none} #nt-portfolio .nt-hero-v4 .nt-hello{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:0;gap:var(--v4-dp-gap);pointer-events:auto} #nt-portfolio .nt-intro-track .nt-hero-v4 .nt-portrait-stage{display:block;position:relative;width:var(--v4-dp);height:var(--v4-dp);margin:0;line-height:0} #nt-portfolio .nt-intro-track .nt-hero-v4 .nt-dp{width:var(--v4-dp);height:var(--v4-dp);margin:0} #nt-portfolio .nt-intro-track .nt-hero-v4 .nt-portrait-stage .nt-rays{display:none!important} #nt-portfolio .nt-intro-track .nt-hero-v4 h1{margin:0;font-size:20px!important;font-weight:400;line-height:24px;letter-spacing:0;text-align:center;color:var(--text);white-space:nowrap;transform:none;opacity:1} #nt-portfolio .nt-intro-track .nt-hero-v4 .nt-role{position:absolute;left:var(--v4-x);top:calc(var(--v4-greet) + var(--v4-step));width:var(--v4-w);max-width:none;margin:0;padding:0; display:block;text-align:center;white-space:normal;color:var(--text);font-size:16px;font-weight:400;letter-spacing:0;line-height:normal;opacity:1;transform:none;pointer-events:auto} #nt-portfolio .nt-hero-v4 .nt-statements{display:grid;align-items:stretch;justify-items:center;clip-path:inset(0 -100vw -8px);margin:0;max-width:none;text-align:center;white-space:normal; font-family:'Afacad',var(--nt-font)!important;font-size:56px;line-height:1.2;font-weight:400;letter-spacing:0;color:var(--text)} #nt-portfolio .nt-hero-v4 .nt-statement{grid-area:1/1;margin:0;font-family:inherit!important;font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:0;text-wrap:pretty; visibility:hidden;transform:translateY(calc(100% + var(--v4-slot-gap)));transition:none} #nt-portfolio .nt-hero-v4 .nt-statement.is-active{visibility:visible;transform:none;transition:transform 1s cubic-bezier(.33,1,.68,1),visibility 0s;transition:transform 1s linear(0,.045 2.5%,.113 5%,.195 7.5%,.29 10%,.477 15%,.641 20%,.774 25%,.87 30%,.935 35%,.976 40%,.999 45%,1.011 50%,1.015 55%,1.015 60%,1.01 70%,1.005 80%,1.001 90%,1),visibility 0s} #nt-portfolio .nt-hero-v4 .nt-statement.is-leaving{visibility:hidden;transform:translateY(calc(-100% - var(--v4-slot-gap)));transition:transform 1s cubic-bezier(.33,1,.68,1),visibility 0s linear 1s;transition:transform 1s linear(0,.045 2.5%,.113 5%,.195 7.5%,.29 10%,.477 15%,.641 20%,.774 25%,.87 30%,.935 35%,.976 40%,.999 45%,1.011 50%,1.015 55%,1.015 60%,1.01 70%,1.005 80%,1.001 90%,1),visibility 0s linear 1s} #nt-portfolio .nt-hero-v4 .nt-statement *{font-family:inherit!important} #nt-portfolio .nt-hero-v4 .nt-keep{white-space:nowrap} #nt-portfolio .nt-hero-v4 .nt-mineu-word{--cat-h:1.18em;--sp-h:calc(var(--cat-h) / .789);--sp-w:calc(var(--sp-h) * 1.5); position:relative;display:inline-block;width:calc(var(--sp-w) * .863);height:.7em;margin-left:.04em;vertical-align:baseline} #nt-portfolio .nt-hero-v4 .nt-mineu-sprite{position:absolute;left:calc(var(--sp-w) * -.065);bottom:calc(var(--sp-h) * -.117 - .06em);width:var(--sp-w);height:var(--sp-h); background-repeat:no-repeat;background-position:0 0;pointer-events:none} #nt-portfolio .nt-hero-v4.is-mineu-ready .nt-mineu-sleep{background-image:url('mineu-sleeping-loop-sheet.webp');background-size:1200% 800%} #nt-portfolio .nt-hero-v4.is-mineu-ready .nt-mineu-op{background-image:url('mineu-opinionated-sheet.webp');background-size:1200% 600%} #nt-portfolio .nt-hero-v4 .nt-mineu-op{opacity:0} #nt-portfolio .nt-hero-v4 .nt-cameo,#nt-portfolio .nt-intro-track .nt-hero-v4 .nt-scroll{display:none!important} @media(max-width:1199px){ #nt-portfolio .nt-hero-v4 .nt-statements{font-size:50px;line-height:1.2} } @media(max-width:1000px){ #nt-portfolio .nt-hero-v4{--v4-head:72px} } @media(max-width:767px){ #nt-portfolio .nt-hero-v4{--v4-greet:calc(44.5svh - 63.5px - var(--v4-head));--v4-step:34px;--v4-w:min(320px,calc(100cqw - 2*var(--nt-edge)));--v4-dp:44px;--v4-dp-gap:12px} #nt-portfolio .nt-intro-track .nt-hero.nt-hero-v4{height:calc(89svh - var(--v4-head));min-height:520px} #nt-portfolio .nt-hero-v4 .nt-statements{font-size:32px;line-height:1.2} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-hero-v4 .nt-statement,#nt-portfolio .nt-hero-v4 .nt-statement.is-active,#nt-portfolio .nt-hero-v4 .nt-statement.is-leaving{transition:none} } #nt-portfolio .nt-outro{container-type:inline-size} #nt-portfolio .nt-about-page .nt-wrap{padding-bottom:var(--nt-space)} #nt-portfolio .nt-about-page .nt-eyebrow{color:var(--accent);margin-bottom:18px} #nt-portfolio .nt-about-open{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px clamp(40px,6vw,96px);align-items:start;padding:clamp(48px,7vh,88px) 0 clamp(48px,7vw,88px)} #nt-portfolio .nt-about-open h1{margin:0;font-size:var(--display-chapter,clamp(46px,6.5cqw,80px));font-weight:700;line-height:1.02;letter-spacing:-.045em;max-width:15ch} #nt-portfolio .nt-about-voice{margin:32px 0 0;max-width:34ch} #nt-portfolio .nt-about-pending{color:var(--text-muted);font-style:italic;border-left:1px dashed var(--border);padding-left:18px} #nt-portfolio .nt-about-context{display:flex;flex-wrap:wrap;gap:6px 0;margin:44px 0 0;font-size:var(--fs-100);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-about-context span{white-space:nowrap} #nt-portfolio .nt-about-context span:not(:last-child)::after{content:'·';margin:0 .9em;color:var(--accent)} #nt-portfolio{--nt-radius-sm:8px;--nt-radius-lg:16px} #nt-portfolio .nt-slot{position:relative;display:block;width:100%;overflow:hidden;border-radius:var(--nt-radius-sm);background:color-mix(in srgb,var(--text) 5%,var(--section-bg,var(--bg)));border:1px solid var(--nt-hair)} #nt-portfolio .nt-slot[data-ratio="4/5"]{aspect-ratio:4/5} #nt-portfolio .nt-slot[data-ratio="3/2"]{aspect-ratio:3/2} #nt-portfolio .nt-slot[data-ratio="1"]{aspect-ratio:1} #nt-portfolio .nt-slot::before{content:'';position:absolute;inset:clamp(14px,4%,24px);border:1px solid var(--nt-hair);border-radius:4px;pointer-events:none} #nt-portfolio .nt-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} #nt-portfolio .nt-slot:has(img)::before{display:none} #nt-portfolio .nt-about-portrait.nt-slot:has(img)::before{display:block;z-index:1} #nt-portfolio .nt-mineu-house-slot{position:relative;display:block} #nt-portfolio .nt-mineu-perch{position:absolute;left:50%;bottom:100%;width:86px;aspect-ratio:220/354;transform:translate(-50%,19%);background:no-repeat 0 0/100% 100%;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.16));opacity:0;transition:opacity .5s ease} #nt-portfolio .nt-mineu-perch.is-ready{background-image:url(mineu-perch-body.png);opacity:1} #nt-portfolio .nt-mineu-perch::before,#nt-portfolio .nt-mineu-perch::after{content:'';position:absolute;inset:0;background-repeat:no-repeat;background-position:0 0;pointer-events:none} #nt-portfolio .nt-mineu-perch.is-ready::before{background-image:url(mineu-perch-tail.png);background-size:4800% 100%;animation:nt-perch-tail 3.2s steps(48) infinite paused} #nt-portfolio .nt-mineu-perch.is-ready::after{background-image:url(mineu-perch-ears.png);background-size:1500% 100%;animation:nt-perch-ears 11s step-end infinite paused} #nt-portfolio .nt-mineu-perch.is-playing::before,#nt-portfolio .nt-mineu-perch.is-playing::after{animation-play-state:running} @keyframes nt-perch-tail{from{background-position-x:0%}to{background-position-x:102.12766%}} @keyframes nt-perch-ears{0%{background-position-x:0%}16%{background-position-x:7.1429%}16.409%{background-position-x:14.2857%}16.818%{background-position-x:21.4286%}17.227%{background-position-x:28.5714%}17.636%{background-position-x:35.7143%}18.045%{background-position-x:42.8571%}18.455%{background-position-x:50%}18.864%{background-position-x:0%}47%{background-position-x:57.1429%}47.409%{background-position-x:64.2857%}47.818%{background-position-x:71.4286%}48.227%{background-position-x:78.5714%}48.636%{background-position-x:85.7143%}49.045%{background-position-x:92.8571%}49.455%{background-position-x:100%}49.864%{background-position-x:0%}80%{background-position-x:7.1429%}80.409%{background-position-x:14.2857%}80.818%{background-position-x:21.4286%}81.227%{background-position-x:28.5714%}81.636%{background-position-x:35.7143%}82.045%{background-position-x:42.8571%}82.455%{background-position-x:50%}82.864%{background-position-x:0%}100%{background-position-x:0%}} @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-mineu-perch.is-ready::before,#nt-portfolio .nt-mineu-perch.is-ready::after{animation:none} } #nt-portfolio .nt-about-make .nt-artefacts{--nt-perch-room:140px;padding-top:var(--nt-perch-room);margin-top:calc(-1*var(--nt-perch-room))} #nt-portfolio .nt-about-make>header{position:relative;z-index:1} @media(max-width:1199px){ #nt-portfolio .nt-mineu-perch{width:77px} } @media(max-width:767px){ #nt-portfolio .nt-mineu-perch{width:49px} } @media(max-width:760px){ #nt-portfolio .nt-about-make .nt-artefacts{margin-top:calc(45px - var(--nt-perch-room))} } #nt-portfolio .nt-slot-caption{position:absolute;left:clamp(16px,5%,28px);bottom:clamp(12px,4%,22px);right:clamp(16px,5%,28px);font-size:var(--fs-100);letter-spacing:.14em;text-transform:uppercase;line-height:1.5;color:var(--text-muted)} #nt-portfolio .nt-slot:has(img) .nt-slot-caption{display:none} #nt-portfolio .nt-about-portrait{margin:0;align-self:start} #nt-portfolio .nt-about-block{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:32px clamp(40px,6vw,96px);padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--border)} #nt-portfolio .nt-about-block h2{margin:0;font-size:var(--display-section,clamp(32px,4.3cqw,54px));max-width:14ch} #nt-portfolio .nt-about-thoughts{list-style:none;margin:0;padding:0;counter-reset:thought} #nt-portfolio .nt-about-thoughts li{padding:26px 0;border-top:1px solid var(--border)} #nt-portfolio .nt-about-thoughts li:first-child{border-top:0;padding-top:0} #nt-portfolio .nt-about-thoughts strong{display:block;font-weight:600;font-size:var(--fs-600);letter-spacing:-.02em;line-height:1.3;margin-bottom:10px} #nt-portfolio .nt-about-thoughts p{margin:0;font-size:var(--fs-500);line-height:1.65;color:var(--text-muted);max-width:56ch} #nt-portfolio .nt-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #nt-portfolio .nt-about-resume{margin:36px 0 0;display:flex;align-items:baseline;gap:14px} #nt-portfolio .nt-about-resume .nt-small{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-about-dp{display:block;width:clamp(88px,9cqw,140px);height:clamp(88px,9cqw,140px);margin-bottom:28px} #nt-portfolio .nt-about-resume{flex-direction:column;align-items:flex-start;gap:16px} #nt-portfolio .nt-about-resume .nt-copy{margin:0;color:var(--text-muted)} #nt-portfolio [data-resume-link]{position:relative;display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none; font-size:var(--fs-100);letter-spacing:.14em;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .2s ease} #nt-portfolio [data-resume-link] .nt-link-arrow{color:var(--text-muted);transition:color .2s ease} #nt-portfolio [data-resume-link]:hover,#nt-portfolio [data-resume-link]:hover .nt-link-arrow{color:var(--accent)} #nt-portfolio [data-resume-link]:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #nt-portfolio .nt-index-resume{display:inline-block;margin-top:20px;font-size:var(--fs-200);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-outro-resume{margin-top:4px} #nt-portfolio .nt-about-make{grid-template-columns:1fr;position:relative} #nt-portfolio .nt-shelf-nav{position:absolute;left:0;right:0;top:var(--nt-shelf-mid,50%);height:0;pointer-events:none;z-index:2} #nt-portfolio .nt-shelf-nav[hidden]{display:none} #nt-portfolio .nt-shelf-btn{position:absolute;top:0;transform:translateY(-50%);width:64px;height:64px;border-radius:999px;border:1px solid var(--structure-border); background:color-mix(in srgb,var(--bg) 92%,transparent);color:var(--text);font:inherit;font-size:28px;line-height:1;display:grid;place-items:center; cursor:pointer;padding:0 0 3px;pointer-events:auto;box-shadow:0 10px 30px -12px rgb(0 0 0/.7);transition:border-color .2s,color .2s,opacity .25s} #nt-portfolio .nt-shelf-btn[data-shelf="-1"]{left:calc(-1*var(--nt-edge) + 16px)} #nt-portfolio .nt-shelf-btn[data-shelf="1"]{right:calc(-1*var(--nt-edge) + 16px)} #nt-portfolio .nt-shelf-btn:hover{border-color:var(--accent);color:var(--accent)} #nt-portfolio .nt-shelf-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #nt-portfolio .nt-shelf-btn[disabled]{opacity:0;pointer-events:none} #nt-portfolio .nt-artefacts{display:flex;align-items:flex-start;gap:clamp(20px,2.5vw,36px);overflow-x:auto;scroll-snap-type:x proximity; margin-inline-end:calc(-1*var(--nt-edge));padding-inline-end:var(--nt-edge);padding-bottom:20px;scroll-padding-inline-start:0; overscroll-behavior-x:contain} #nt-portfolio .nt-artefacts:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:8px} #nt-portfolio .nt-about-make .nt-artefacts:focus-visible{outline:none} #nt-portfolio .nt-about-make .nt-artefacts:focus-visible .nt-slot{outline:2px solid var(--accent);outline-offset:-2px} #nt-portfolio .nt-artefact{flex:0 0 clamp(220px,24%,320px);scroll-snap-align:start;margin:0;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;display:flex;flex-direction:column;gap:14px;min-width:0} #nt-portfolio .nt-artefact .nt-slot{transition:transform .25s ease} @media (hover:hover){ #nt-portfolio .nt-artefact:hover .nt-slot{transform:translateY(-4px)} } @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-artefact .nt-slot{transition:none} } #nt-portfolio .nt-artefacts::-webkit-scrollbar{height:3px} #nt-portfolio .nt-artefacts::-webkit-scrollbar-track{background:var(--nt-hair);margin-inline:0 var(--nt-edge)} #nt-portfolio .nt-artefacts::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 35%,var(--section-bg,var(--bg)));border-radius:0} #nt-portfolio .nt-artefacts:hover::-webkit-scrollbar-thumb,#nt-portfolio .nt-artefacts:focus-visible::-webkit-scrollbar-thumb{background:var(--accent)} #nt-portfolio .nt-artefact figcaption{display:flex;flex-direction:column;gap:10px} #nt-portfolio .nt-artefact-name{font-size:var(--fs-500);font-weight:500;letter-spacing:-.01em} #nt-portfolio .nt-artefact-note{font-size:var(--fs-400);line-height:1.6;color:var(--text-muted);max-width:44ch} #nt-portfolio .nt-artefact-more{display:flex;align-items:baseline;gap:12px;margin-top:2px} #nt-portfolio .nt-artefact-more .nt-small{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-about-cat header .nt-copy{margin:28px 0 0;max-width:36ch;color:var(--text)} #nt-portfolio .nt-about-cat-photo{margin:0} #nt-portfolio .nt-about-cat-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:78vh;object-fit:cover;border-radius:8px} @media(max-width:1000px){ #nt-portfolio .nt-about-open{grid-template-columns:1fr} #nt-portfolio .nt-about-portrait{max-width:420px} #nt-portfolio .nt-about-block{grid-template-columns:1fr;gap:24px} #nt-portfolio .nt-artefact figcaption{gap:8px} } @media(max-width:760px){ #nt-portfolio .nt-about-open{padding-top:32px} #nt-portfolio .nt-about-voice{max-width:none} #nt-portfolio .nt-about-portrait{max-width:none} #nt-portfolio .nt-artefacts{gap:14px;margin-inline:calc(-1*var(--nt-edge));padding-inline:var(--nt-edge);scroll-padding-inline:var(--nt-edge);padding-bottom:14px} #nt-portfolio .nt-artefact{flex:0 0 min(70%,300px)} #nt-portfolio .nt-shelf-btn{width:52px;height:52px;font-size:24px} #nt-portfolio .nt-shelf-btn[data-shelf="-1"]{left:calc(-1*var(--nt-edge) + 10px)} #nt-portfolio .nt-shelf-btn[data-shelf="1"]{right:calc(-1*var(--nt-edge) + 10px)} #nt-portfolio .nt-about-cat-photo img{aspect-ratio:auto;max-height:none} } #nt-portfolio .nt-cases-page .nt-case{background:color-mix(in srgb,var(--text) 6%,var(--bg))} #nt-portfolio{--nt-stack-hold:70vh} #nt-portfolio .nt-stack{--nt-stack-gap:clamp(24px,4vh,48px);--nt-case-tabs-h:var(--nt-tab-h);--nt-case-tabs-gap:0px; --nt-case-card-top:calc(var(--nt-stack-top) + var(--nt-case-tabs-h) + var(--nt-case-tabs-gap));--nt-case-h:max(var(--nt-card-h,0px),clamp(440px,52vh,480px)); display:flex;flex-direction:column;gap:var(--nt-stack-gap);padding-top:var(--nt-tab-h);padding-bottom:0} #nt-portfolio .nt-stack::after{content:'';display:block;flex:none;height:var(--nt-stack-hold)} #nt-portfolio .nt-stack-teaser::after{display:none} #nt-portfolio .nt-case{position:sticky;top:calc(var(--nt-case-card-top) + var(--nt-i,0)*var(--nt-stack-step)); display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:center;height:var(--nt-case-h); padding:clamp(28px,3.4vw,48px) clamp(28px,3.6vw,52px); background:color-mix(in srgb,var(--text) 5%,var(--section-bg,var(--bg)));border:1px solid var(--nt-hair); color:var(--text);cursor:pointer;transition:border-color .3s} #nt-portfolio .nt-case:hover,#nt-portfolio .nt-case:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--nt-hair))} #nt-portfolio .nt-stack.nt-measuring .nt-case{height:auto!important} #nt-portfolio .nt-case-tab{position:absolute;bottom:100%;left:calc(-1px + var(--nt-i,0)*(var(--nt-tab-w) + 6px));transform:translateY(1px); height:var(--nt-tab-h);min-width:var(--nt-tab-w);box-sizing:border-box;display:inline-flex;align-items:center;gap:.55em;padding:0 16px 1px; background:inherit;border:1px solid var(--nt-hair);border-bottom:0;border-radius:8px 8px 0 0; font-size:var(--fs-100);letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--text-muted);white-space:nowrap; transition:border-color .3s,color .2s;pointer-events:none} #nt-portfolio .nt-case-tab b{font-weight:600;color:var(--text);letter-spacing:.1em} #nt-portfolio .nt-case-tab i{font-style:normal;font-weight:700;color:var(--accent);margin:0 .1em 0 -.55em} #nt-portfolio .nt-case:hover .nt-case-tab,#nt-portfolio .nt-case:focus-within .nt-case-tab{border-color:color-mix(in srgb,var(--accent) 55%,var(--nt-hair));color:var(--text)} #nt-portfolio .nt-case-content{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0} #nt-portfolio .nt-case-tags{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:8px} #nt-portfolio .nt-case-tags li{font-size:var(--fs-100);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--nt-hair);padding:6px 10px;line-height:1} #nt-portfolio .nt-case h2{margin:0;font-size:clamp(24px,2.5cqw,34px);font-weight:600;line-height:1.18;letter-spacing:-.03em;max-width:20ch} #nt-portfolio .nt-case h2 em{font-style:normal;color:var(--accent)} #nt-portfolio .nt-case h2 button{display:block;width:100%;text-align:left;font:inherit;color:inherit} #nt-portfolio .nt-case-content p{margin:0;font-size:var(--fs-500);line-height:1.65;color:var(--text-muted);max-width:44ch} #nt-portfolio .nt-case-content .nt-link{margin-top:8px;background:none;color:inherit;cursor:pointer} #nt-portfolio .nt-case:hover .nt-case-content .nt-link{color:var(--accent)} #nt-portfolio .nt-case-visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:flex-end;min-width:0;padding-right:clamp(8px,1.5vw,20px)} #nt-portfolio .nt-case-art{position:relative;display:inline-block;line-height:0} #nt-portfolio .nt-case-num{position:relative;z-index:1;display:inline-block;font-weight:700;font-size:clamp(150px,19cqw,290px);line-height:.82;letter-spacing:-.07em; color:transparent;-webkit-text-stroke:1.5px var(--nt-num-stroke);white-space:nowrap;user-select:none;transition:-webkit-text-stroke-color .3s; font-variant-numeric:tabular-nums} #nt-portfolio .nt-case-num i{font-style:normal;color:var(--accent);-webkit-text-stroke:0;margin-right:-.06em} #nt-portfolio .nt-case:hover .nt-case-num{-webkit-text-stroke-color:color-mix(in srgb,var(--text) 70%,var(--section-bg,var(--bg)))} #nt-portfolio .nt-filled .nt-case-num{background:var(--nt-shot) center/cover no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0} #nt-portfolio .nt-case-chip{display:none;position:absolute;background:var(--nt-shot) no-repeat;background-size:340% auto; border:1px solid color-mix(in srgb,var(--text) 26%,var(--section-bg,var(--bg)));box-shadow:0 14px 34px -14px rgb(0 0 0/.75); pointer-events:none;transition:transform .5s cubic-bezier(.2,.7,.2,1)} #nt-portfolio .nt-filled .nt-case-chip{display:block} #nt-portfolio .nt-case-chip-a{width:30%;aspect-ratio:1;left:-8%;bottom:-6%;background-position:6% 14%;z-index:2} #nt-portfolio .nt-case-chip-b{width:40%;aspect-ratio:4/3;right:-40%;top:-20%;background-position:94% 6%;z-index:0} #nt-portfolio .nt-case-chip-c{width:26%;aspect-ratio:4/3;right:-26%;bottom:-14%;background-position:62% 86%;z-index:2} #nt-portfolio .nt-case:hover .nt-case-chip-a{transform:translate(-4px,4px)} #nt-portfolio .nt-case:hover .nt-case-chip-b{transform:translate(4px,-4px)} #nt-portfolio .nt-case:hover .nt-case-chip-c{transform:translate(3px,3px)} #nt-portfolio .nt-case-caption{position:absolute;right:0;bottom:-6px;font-size:var(--fs-100);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap} #nt-portfolio .nt-case-page{--section-bg:var(--bg)} #nt-portfolio .nt-case-top{padding-top:56px;padding-bottom:44px} #nt-portfolio .nt-case-top .nt-link{margin-bottom:52px} #nt-portfolio .nt-case-top .nt-eyebrow{color:var(--accent)} #nt-portfolio .nt-case-top h1{font-size:clamp(38px,5.6cqw,80px);font-weight:700;line-height:1.02;letter-spacing:-.05em;max-width:16ch} #nt-portfolio .nt-case-deck{max-width:58ch;margin:28px 0 0;color:var(--text-muted)} #nt-portfolio .nt-case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;margin:0 0 40px;padding:26px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)} #nt-portfolio .nt-case-facts>div{min-width:0} #nt-portfolio .nt-case-facts dt{font-size:var(--fs-100);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px} #nt-portfolio .nt-case-facts dd{margin:0;font-size:var(--fs-500);line-height:1.5} #nt-portfolio .nt-case-hero{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2.2/1; background:color-mix(in srgb,var(--text) 4%,var(--bg));border:1px solid var(--nt-hair);overflow:hidden} #nt-portfolio .nt-case-hero .nt-case-num{font-size:clamp(160px,26cqw,380px)} #nt-portfolio .nt-case-hero .nt-case-caption{left:clamp(18px,3%,36px);right:auto;max-width:calc(100% - 2*clamp(18px,3%,36px));bottom:clamp(14px,2.6%,26px);white-space:normal;line-height:1.5} #nt-portfolio .nt-case-hero.nt-filled .nt-case-caption{background:color-mix(in srgb,var(--bg) 78%,transparent);padding:6px 10px;color:var(--text)} #nt-portfolio .nt-case-body{display:flex;flex-direction:column} #nt-portfolio .nt-case-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:32px 80px;padding:clamp(48px,6vw,88px) 0;border-top:1px solid var(--border)} #nt-portfolio .nt-case-section:first-child{border-top:0} #nt-portfolio .nt-case-section>header{position:sticky;top:120px;align-self:start} #nt-portfolio .nt-case-section .nt-eyebrow{margin-bottom:16px} #nt-portfolio .nt-case-section h2{font-size:clamp(28px,3.4cqw,46px);margin:0;max-width:14ch} #nt-portfolio .nt-case-prose p{margin:0 0 1.2em;font-size:clamp(17px,1.5cqw,21px);line-height:1.6;letter-spacing:-.01em;max-width:60ch} #nt-portfolio .nt-case-prose p:last-child{margin-bottom:0} #nt-portfolio .nt-case-points{list-style:none;margin:0;padding:0} #nt-portfolio .nt-case-points li{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8px 32px;padding:22px 0;border-top:1px solid var(--border)} #nt-portfolio .nt-case-points li:first-child{border-top:0;padding-top:0} #nt-portfolio .nt-case-points strong{font-weight:600;font-size:var(--fs-600);letter-spacing:-.02em;line-height:1.3} #nt-portfolio .nt-case-points span{color:var(--text-muted);font-size:var(--fs-500);line-height:1.6} #nt-portfolio .nt-case-pending{margin:0;border:1px dashed var(--border);padding:22px 24px;color:var(--text-muted);font-size:var(--fs-400);letter-spacing:.04em;max-width:60ch} #nt-portfolio .nt-case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #nt-portfolio .nt-case-shot{position:relative;aspect-ratio:4/3;background:var(--nt-shot,none) center/cover no-repeat,color-mix(in srgb,var(--text) 4%,var(--bg));border:1px solid var(--nt-hair)} #nt-portfolio .nt-case-shot::before{content:'';position:absolute;inset:clamp(16px,4%,28px);border:1px solid var(--nt-hair)} #nt-portfolio .nt-case-shot[style*="--nt-shot"]::before{display:none} #nt-portfolio .nt-case-shot .nt-case-caption{right:clamp(16px,4%,28px);left:clamp(16px,4%,28px);bottom:clamp(12px,3%,22px);white-space:normal;line-height:1.5} #nt-portfolio .nt-case-shot[style*="--nt-shot"] .nt-case-caption{background:color-mix(in srgb,var(--bg) 78%,transparent);padding:6px 10px;color:var(--text)} #nt-portfolio .nt-case-foot{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:clamp(48px,6vw,88px) 0 var(--nt-space);border-top:1px solid var(--border)} #nt-portfolio .nt-case-foot .nt-eyebrow{margin-bottom:10px} #nt-portfolio .nt-case-next{background:none;border:0;padding:0;color:inherit;text-align:left;cursor:pointer;font:inherit;border-radius:0} #nt-portfolio .nt-case-next h2{margin:0;font-size:clamp(28px,3.6cqw,52px);max-width:18ch;transition:color .2s} #nt-portfolio .nt-case-next:hover h2,#nt-portfolio .nt-case-next:focus-visible h2{color:var(--accent)} #nt-portfolio .nt-case-next:focus-visible{outline:2px solid var(--accent);outline-offset:8px} #nt-portfolio[data-current-page="cases"] .nt-menu-link[data-page="cases"],#nt-portfolio[data-current-page="project"] .nt-menu-link[data-page="cases"], #nt-portfolio[data-current-page="cases"] .nt-menu-link[data-page="cases"] .nt-menu-num,#nt-portfolio[data-current-page="project"] .nt-menu-link[data-page="cases"] .nt-menu-num{color:var(--accent)} #nt-portfolio[data-current-page="cases"] .nt-menu-link[data-page="cases"] .nt-menu-label,#nt-portfolio[data-current-page="project"] .nt-menu-link[data-page="cases"] .nt-menu-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px} @media(max-width:1000px){ #nt-portfolio .nt-cases-head{grid-template-columns:1fr;align-items:start} #nt-portfolio{--nt-tab-w:196px} #nt-portfolio .nt-case{gap:24px;padding:28px 28px} #nt-portfolio .nt-case-num{font-size:clamp(120px,17cqw,290px)} #nt-portfolio .nt-case-visual{padding-right:6%} #nt-portfolio .nt-case-facts{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .nt-case-section{grid-template-columns:1fr;gap:24px} #nt-portfolio .nt-case-section>header{position:static} #nt-portfolio .nt-case-foot{flex-direction:column;align-items:flex-start} } @media(max-width:760px){ #nt-portfolio .nt-index-row{grid-template-columns:minmax(0,1fr) auto;gap:14px 16px;padding:24px 0} #nt-portfolio .nt-index-num{grid-column:1/-1;width:96px} #nt-portfolio .nt-index-num .nt-case-num{font-size:64px} #nt-portfolio .nt-index-row:hover{padding-left:0} #nt-portfolio{--nt-stack-top:88px;--nt-stack-step:32px;--nt-tab-h:32px;--nt-tab-w:56px;--nt-stack-hold:40vh} #nt-portfolio .nt-case{grid-template-columns:1fr;gap:12px;height:var(--nt-card-h,auto);min-height:0;padding:40px 24px 32px;align-content:start} #nt-portfolio .nt-case-tab{padding:0 12px 1px;min-width:0} #nt-portfolio .nt-case-tab>span{display:none} #nt-portfolio .nt-case-visual{order:-1;justify-content:flex-start;align-self:start;padding:6px 0 18px 8px} #nt-portfolio .nt-case-num{font-size:clamp(88px,22vw,150px)} #nt-portfolio .nt-case-chip-b{top:0} #nt-portfolio .nt-case-caption{display:none} #nt-portfolio .nt-case-hero .nt-case-caption,#nt-portfolio .nt-case-shot .nt-case-caption{display:block} #nt-portfolio .nt-case h2{font-size:clamp(22px,6vw,28px)} #nt-portfolio .nt-case-hero{aspect-ratio:4/3} #nt-portfolio .nt-case-points li{grid-template-columns:1fr} #nt-portfolio .nt-case-gallery{grid-template-columns:1fr} #nt-portfolio .nt-case-facts{grid-template-columns:1fr;gap:18px} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-case,#nt-portfolio .nt-case-num,#nt-portfolio .nt-case-chip,#nt-portfolio .nt-case-next h2{transition:none} #nt-portfolio .nt-case:hover .nt-case-chip{transform:none} } #nt-portfolio .nt-cases-mindex{display:none} @media(max-width:760px){ #nt-portfolio .nt-cases-mindex{display:block;list-style:none;margin:8px 0 32px;padding:0} #nt-portfolio .nt-cases-mindex-row{display:flex;align-items:baseline;gap:14px;width:100%;min-height:44px; padding:14px 0;margin:0;background:none;border:0;border-bottom:1px solid var(--nt-hair);border-radius:0; text-align:left;font:inherit;cursor:pointer;color:var(--text-muted);transition:color .2s} #nt-portfolio .nt-cases-mindex-num{flex:none;min-width:2ch;font-size:var(--fs-200);letter-spacing:.14em;color:inherit} #nt-portfolio .nt-cases-mindex-label{font-size:var(--fs-500);font-weight:600;letter-spacing:.01em;text-transform:uppercase;line-height:1.3;color:inherit} #nt-portfolio .nt-cases-mindex-row:hover{color:var(--text)} #nt-portfolio .nt-cases-mindex-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px} #nt-portfolio .nt-cases-mindex-row[aria-current="true"]{color:var(--accent)} #nt-portfolio .nt-stack{padding-top:0;gap:0} #nt-portfolio .nt-stack::after{display:none} #nt-portfolio .nt-case-tab{display:none} #nt-portfolio .nt-cases-page .nt-case{background:var(--bg);border:0} #nt-portfolio .nt-case{position:static;top:auto;height:auto;min-height:0;padding:0 0 40px} #nt-portfolio .nt-case:not(.is-mobile-active){display:none} #nt-portfolio .nt-case-visual{padding:0 0 20px} #nt-portfolio .nt-case-content .nt-link{order:3;margin-top:4px;margin-bottom:0} #nt-portfolio .nt-case-content p{order:2} } #nt-portfolio .nt-cat-button{--nt-leg:polygon(77.6% 80.47%,95.7% 80.47%,95.7% 99.8%,79.69% 99.8%,79.69% 91.8%,79.17% 85.94%,78.12% 82.81%);--nt-leg-hole:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,77.6% 80.47%,95.7% 80.47%,95.7% 99.8%,79.69% 99.8%,79.69% 91.8%,79.17% 85.94%,78.12% 82.81%,77.6% 80.47%,0% 0%);--nt-knee:0 80.47%;--nt-leg-swing:12deg} #nt-portfolio .nt-cat-button[data-walk-frame="1"]{--nt-leg:polygon(69.79% 80.47%,87.89% 80.47%,87.89% 99.8%,71.88% 99.8%,71.88% 91.8%,71.35% 85.94%,70.31% 82.81%);--nt-leg-hole:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,69.79% 80.47%,87.89% 80.47%,87.89% 99.8%,71.88% 99.8%,71.88% 91.8%,71.35% 85.94%,70.31% 82.81%,69.79% 80.47%,0% 0%);--nt-knee:0 80.47%;--nt-leg-swing:-12deg} #nt-portfolio .nt-cat-button[data-walk-frame="2"]{--nt-leg:polygon(79.69% 79.3%,95.7% 79.3%,95.7% 99.8%,82.03% 99.8%,82.03% 91.8%,82.03% 85.94%,80.99% 82.81%,79.95% 80.86%);--nt-leg-hole:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,79.69% 79.3%,95.7% 79.3%,95.7% 99.8%,82.03% 99.8%,82.03% 91.8%,82.03% 85.94%,80.99% 82.81%,79.95% 80.86%,79.69% 79.3%,0% 0%);--nt-knee:0 79.3%;--nt-leg-swing:12deg} #nt-portfolio .nt-cat-button[data-walk-frame="3"]{--nt-leg:polygon(70.31% 78.91%,88.54% 78.91%,88.54% 99.8%,72.27% 99.8%,72.27% 91.8%,72.27% 85.94%,71.35% 82.03%,70.57% 80.08%);--nt-leg-hole:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,70.31% 78.91%,88.54% 78.91%,88.54% 99.8%,72.27% 99.8%,72.27% 91.8%,72.27% 85.94%,71.35% 82.03%,70.57% 80.08%,70.31% 78.91%,0% 0%);--nt-knee:0 78.91%;--nt-leg-swing:-12deg} #nt-portfolio .nt-aligned-walk .nt-walk-cell:not(.nt-rear-leg){clip-path:var(--nt-leg-hole)} #nt-portfolio .nt-aligned-walk .nt-walk-cell.nt-rear-leg{clip-path:var(--nt-leg);transform-origin:var(--nt-knee);translate:var(--nt-frame-align,0%) 0;transform:skewX(var(--nt-leg-swing));transition:transform .12s ease-in-out} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-aligned-walk .nt-walk-cell.nt-rear-leg{transform:none;transition:none} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-intro-track .nt-cat-is-seated .nt-cat-image{visibility:hidden} } @media(min-width:761px) and (max-width:1000px){ #nt-portfolio #nt-cases-stack .nt-case-caption{white-space:normal;max-width:200px;text-align:right;line-height:1.5} } #nt-portfolio .nt-artefact-more{flex-wrap:wrap;row-gap:4px} #nt-portfolio .nt-artefact-more>*{white-space:nowrap} #nt-portfolio .nt-footer>button[data-page="home"]:not(.nt-footer-logo){padding-block:11px;margin-block:-11px} #nt-portfolio .nt-link[aria-disabled="true"]{cursor:default} #nt-portfolio .nt-hero-corners{position:absolute;left:0;right:0;bottom:clamp(20px,3.5vh,34px);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;z-index:3;pointer-events:none} #nt-portfolio .nt-corner{pointer-events:auto;display:flex;flex-direction:column;gap:6px;min-width:0} #nt-portfolio .nt-corner-label{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 78%,var(--bg));line-height:1.4;white-space:nowrap} #nt-portfolio .nt-corner-items{display:flex;align-items:baseline;gap:10px;font-size:var(--fs-500);font-weight:500;color:var(--text)} #nt-portfolio .nt-corner-items button,#nt-portfolio .nt-corner-items a{display:inline-block;background:none;border:0;padding:2px 0;margin:0;color:inherit;font:inherit;font-family:inherit!important;text-decoration:none;cursor:pointer;min-height:24px;border-bottom:1px solid transparent;border-radius:0;transition:color .2s,border-color .2s} #nt-portfolio .nt-corner-items button:hover,#nt-portfolio .nt-corner-items a:hover{color:var(--accent);border-bottom-color:var(--accent)} #nt-portfolio .nt-corner-items button:focus-visible,#nt-portfolio .nt-corner-items a:focus-visible,#nt-portfolio .nt-corner-cue:focus-visible{outline:2px solid var(--accent);outline-offset:4px} #nt-portfolio .nt-corner-contact{display:inline-flex;flex-direction:row;align-items:center;justify-self:start;gap:8px;background:none;border:0;border-radius:0;padding:10px 8px 36px;margin:0 0 0 -8px;min-height:44px;cursor:pointer;font:inherit;color:color-mix(in srgb,var(--text) 78%,var(--bg));transition:color .2s} #nt-portfolio .nt-corner-contact .nt-corner-label{color:inherit;transition:color .2s} #nt-portfolio .nt-corner-contact:hover,#nt-portfolio .nt-corner-contact:focus-visible,#nt-portfolio .nt-corner-contact:active{color:var(--accent)} #nt-portfolio .nt-corner-contact:focus-visible{outline:2px solid var(--accent);outline-offset:4px} @media(max-width:760px){ #nt-portfolio .nt-corner-contact{margin:0;justify-self:center} } #nt-portfolio .nt-corner-items i{font-style:normal;color:var(--accent)} #nt-portfolio .nt-corner-place{align-items:flex-end;text-align:right;padding-bottom:36px} #nt-portfolio .nt-corner-cue{align-items:center;justify-self:center;background:none;border:0;border-radius:0;padding:6px 8px;cursor:pointer;color:var(--text-muted);gap:10px;font:inherit;transition:color .2s} #nt-portfolio .nt-corner-cue .nt-corner-label{color:inherit;transition:color .2s} #nt-portfolio .nt-corner-cue:hover,#nt-portfolio .nt-corner-cue:focus-visible,#nt-portfolio .nt-corner-cue:active{color:var(--accent)} #nt-portfolio .nt-corner-arrow{display:block;font-size:22px;line-height:1;color:var(--text);animation:nt-cue-nudge 2.4s ease-in-out infinite;translate:0 0;transition:translate .2s ease-out,color .2s} #nt-portfolio .nt-corner-cue:hover .nt-corner-arrow,#nt-portfolio .nt-corner-cue:focus-visible .nt-corner-arrow,#nt-portfolio .nt-corner-cue:active .nt-corner-arrow{color:var(--accent);translate:0 2px;animation-play-state:paused} @keyframes nt-cue-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}} @media(max-width:760px){ #nt-portfolio .nt-hero-corners{grid-template-columns:1fr;justify-items:center;bottom:18px} #nt-portfolio .nt-corner-touch{align-items:center;text-align:center} #nt-portfolio .nt-corner-cue,#nt-portfolio .nt-corner-place{display:none} } @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-corner-arrow{animation:none} } #nt-portfolio .nt-header.nt-architectural-header,#nt-portfolio .nt-header.nt-architectural-header.nt-scrolled{border-bottom:0;box-shadow:none} #nt-portfolio .nt-burger,#nt-portfolio .nt-burger:hover,#nt-portfolio.nt-menu-open .nt-burger{border:0;background:none} #nt-portfolio .nt-hero-v4.is-entering .nt-hello{animation:nt-enter-rise 4s cubic-bezier(.3,0,.1,1) 0s both} #nt-portfolio .nt-hero-v4.is-entering .nt-role{animation:nt-enter-rise 4s cubic-bezier(.3,0,.1,1) 1.25s both} #nt-portfolio .nt-hero-v4.is-entering .nt-hero-corners{animation:nt-enter-fade 4s cubic-bezier(.3,0,.1,1) 2.75s both} @supports (animation-timing-function:linear(0,1)){ #nt-portfolio .nt-hero-v4.is-entering .nt-hello,#nt-portfolio .nt-hero-v4.is-entering .nt-role,#nt-portfolio .nt-hero-v4.is-entering .nt-hero-corners{animation-timing-function:linear(0,0.0229,0.0788,0.1532,0.2361,0.3207,0.403,0.4801,0.5509,0.6145,0.671,0.7206,0.7637,0.801,0.8329,0.8601,0.8832,0.9027,0.9191,0.9329,0.9445,0.9541,0.9621,0.9688,0.9743,0.9789,0.9827,0.9858,0.9884,0.9905,0.9922,0.9936,0.9948,0.9958,0.9965,0.9972,0.9977,0.9981,0.9985,0.9988,1)} } @keyframes nt-enter-rise{0%{opacity:0;transform:translateY(120px)}100%{opacity:1;transform:translateY(0)}} @keyframes nt-enter-fade{0%{opacity:0}100%{opacity:1}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-hero-v4.is-entering .nt-hello,#nt-portfolio .nt-hero-v4.is-entering .nt-role,#nt-portfolio .nt-hero-v4.is-entering .nt-hero-corners{animation:none} } #nt-portfolio .nt-hero-v4{--v4-dp:72px;--v4-dp-gap:12px} @media(max-width:767px){ #nt-portfolio .nt-hero-v4{--v4-dp:56px} } #nt-portfolio .nt-persistent-nav button,#nt-portfolio .nt-persistent-nav a,#nt-portfolio .nt-corner-items button,#nt-portfolio .nt-corner-items a{position:relative} #nt-portfolio .nt-persistent-nav button::before,#nt-portfolio .nt-persistent-nav a::before{content:"";position:absolute;inset:-10px;min-height:44px} #nt-portfolio .nt-corner-items button::before,#nt-portfolio .nt-corner-items a::before{content:"";position:absolute;inset:-10px 0;min-height:44px} #nt-portfolio{--frame-inset:32px} @media(max-width:1024px){ #nt-portfolio{--frame-inset:24px} } @media(max-width:767px){ #nt-portfolio{--frame-inset:25px} } #nt-portfolio .nt-header.nt-architectural-header,#nt-portfolio .nt-header.nt-architectural-header.nt-scrolled{padding-left:var(--frame-inset);padding-right:var(--frame-inset)} #nt-portfolio .nt-hero-v4 .nt-hero-corners{left:calc(var(--frame-inset) - var(--nt-edge));right:calc(var(--frame-inset) - var(--nt-edge));bottom:var(--frame-inset)} #nt-portfolio .nt-menu-panel{padding-left:var(--frame-inset);padding-right:var(--frame-inset);padding-bottom:var(--frame-inset)} #nt-portfolio .nt-hero-v4 .nt-statement.is-active{transition:transform 1.6s cubic-bezier(.33,1,.68,1),visibility 0s;transition:transform 1.6s linear(0,0.03,0.1024,0.1973,0.3007,0.4037,0.5008,0.5887,0.6662,0.7327,0.7889,0.8355,0.8735,0.9042,0.9285,0.9476,0.9623,0.9736,0.982,0.9883,0.9928,0.996,0.9982,0.9997,1.0006,1.0012,1.0014,1.0015,1.0015,1.0014,1.0013,1.0011,1),visibility 0s} #nt-portfolio .nt-hero-v4 .nt-statement.is-leaving{transition:transform 1.6s cubic-bezier(.33,1,.68,1),visibility 0s linear 1.6s;transition:transform 1.6s linear(0,0.03,0.1024,0.1973,0.3007,0.4037,0.5008,0.5887,0.6662,0.7327,0.7889,0.8355,0.8735,0.9042,0.9285,0.9476,0.9623,0.9736,0.982,0.9883,0.9928,0.996,0.9982,0.9997,1.0006,1.0012,1.0014,1.0015,1.0015,1.0014,1.0013,1.0011,1),visibility 0s linear 1.6s} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-hero-v4 .nt-statement.is-active,#nt-portfolio .nt-hero-v4 .nt-statement.is-leaving{transition:none} } #nt-portfolio .nt-hero-v4 .nt-statement{opacity:0;text-wrap:balance} #nt-portfolio .nt-hero-v4 .nt-statement.is-active{opacity:1;transition-property:transform,opacity,visibility;transition-duration:1.6s,.9s,0s;transition-timing-function:linear(0,0.03,0.1024,0.1973,0.3007,0.4037,0.5008,0.5887,0.6662,0.7327,0.7889,0.8355,0.8735,0.9042,0.9285,0.9476,0.9623,0.9736,0.982,0.9883,0.9928,0.996,0.9982,0.9997,1.0006,1.0012,1.0014,1.0015,1.0015,1.0014,1.0013,1.0011,1),ease-out,linear} #nt-portfolio .nt-hero-v4 .nt-statement.is-leaving{opacity:0;transition-property:transform,opacity,visibility;transition-duration:1.6s,.9s,0s;transition-delay:0s,0s,1.6s;transition-timing-function:linear(0,0.03,0.1024,0.1973,0.3007,0.4037,0.5008,0.5887,0.6662,0.7327,0.7889,0.8355,0.8735,0.9042,0.9285,0.9476,0.9623,0.9736,0.982,0.9883,0.9928,0.996,0.9982,0.9997,1.0006,1.0012,1.0014,1.0015,1.0015,1.0014,1.0013,1.0011,1),ease-in,linear} #nt-portfolio .nt-intro-track .nt-hero-v4 h1{font-size:24px!important;line-height:28px} @media(max-width:767px){ #nt-portfolio .nt-intro-track .nt-hero-v4 h1{font-size:22px!important;line-height:26px} } #nt-portfolio .nt-hero-v4.is-mineu-ready .nt-mineu-op{background-image:url('mineu-sideeye-sheet.png')} #nt-portfolio .nt-hero-v4 .nt-statements{clip-path:none;width:auto;padding:33px 40px 24px;margin:-33px -40px -24px; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 33px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 33px,#000 calc(100% - 24px),transparent 100%)} @media(max-width:767px){ #nt-portfolio .nt-hero-v4 .nt-statements{padding-top:25px;margin-top:-25px; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 25px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 25px,#000 calc(100% - 24px),transparent 100%)} } #nt-portfolio .nt-intro-track .nt-hero-v4 .nt-identity{z-index:3} #nt-portfolio .nt-hero-v4 .nt-mineu-word{display:inline-block;transform-origin:50% 100%;animation:nt-mineu-breath 3.4s ease-in-out infinite} @keyframes nt-mineu-breath{0%,100%{transform:scale(1,1)}50%{transform:scale(.99,1.035)}} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-hero-v4 .nt-mineu-word{animation:none} } #nt-portfolio .nt-dp .nt-portrait{width:244%;height:122%;left:-11%;top:-11.5%} #nt-portfolio .nt-dp .nt-smiling{left:-133%} #nt-portfolio .nt-persistent-nav .nt-nav-item{position:relative;display:flex;align-items:center} #nt-portfolio .nt-persistent-nav .nt-submenu{position:absolute;top:100%;left:-14px;padding-top:14px;z-index:120;opacity:0;visibility:hidden;translate:0 -4px;transition:opacity .16s ease-out,translate .16s ease-out,visibility 0s linear .16s;pointer-events:none} #nt-portfolio .nt-persistent-nav .nt-has-menu:hover .nt-submenu,#nt-portfolio .nt-persistent-nav .nt-has-menu:focus-within .nt-submenu{opacity:1;visibility:visible;translate:0 0;transition-delay:0s;pointer-events:auto} #nt-portfolio .nt-persistent-nav .nt-has-menu.is-suppressed .nt-submenu{opacity:0;visibility:hidden;translate:0 -4px;pointer-events:none;transition-delay:0s,0s,.16s} #nt-portfolio .nt-persistent-nav .nt-has-menu.is-menu-off .nt-submenu{display:none} #nt-portfolio .nt-persistent-nav .nt-submenu{left:0} #nt-portfolio .nt-persistent-nav .nt-submenu ul{list-style:none;margin:0;padding:10px 24px 16px 0;min-width:372px;max-width:400px;background:var(--bg);border:0;box-shadow:none;border-radius:0} #nt-portfolio .nt-persistent-nav .nt-submenu li{margin:0;padding:0} #nt-portfolio .nt-persistent-nav .nt-has-menu:hover .nt-submenu li,#nt-portfolio .nt-persistent-nav .nt-has-menu:focus-within .nt-submenu li{animation:nt-menu-item-in .26s cubic-bezier(.4,0,.2,1) both} #nt-portfolio .nt-persistent-nav .nt-submenu li:nth-child(2){animation-delay:.035s} #nt-portfolio .nt-persistent-nav .nt-submenu li:nth-child(3){animation-delay:.07s} #nt-portfolio .nt-persistent-nav .nt-submenu button{display:flex;align-items:baseline;justify-content:flex-start;gap:16px;width:100%;min-height:0;padding:10px 0;margin:0;text-align:left;white-space:normal;font-size:16px;line-height:1.3;font-weight:500;letter-spacing:-.005em;color:var(--text);background:none;border:0;border-radius:0;cursor:pointer;transition:color .15s} #nt-portfolio .nt-persistent-nav .nt-submenu button::before{content:none} #nt-portfolio .nt-persistent-nav .nt-submenu button:hover,#nt-portfolio .nt-persistent-nav .nt-submenu button:focus-visible{color:var(--accent)} #nt-portfolio .nt-persistent-nav .nt-submenu button:focus-visible{outline:2px solid var(--accent);outline-offset:2px} #nt-portfolio .nt-persistent-nav .nt-sub-num{flex:0 0 32px;width:32px;font-size:var(--fs-200);letter-spacing:.14em;text-transform:uppercase;line-height:inherit;color:color-mix(in srgb,var(--accent) 70%,var(--bg));transition:color .15s;display:inline-flex;align-items:center;gap:5px} #nt-portfolio .nt-persistent-nav .nt-sub-num::before{content:'';width:3.5px;height:3.5px;border-radius:50%;background:var(--accent);flex:none} #nt-portfolio .nt-persistent-nav .nt-submenu button:hover .nt-sub-num,#nt-portfolio .nt-persistent-nav .nt-submenu button:focus-visible .nt-sub-num{color:var(--accent)} #nt-portfolio .nt-persistent-nav .nt-sub-head{display:block;margin:0;padding:14px 24px 6px 0;background:var(--bg);font-size:var(--fs-200);line-height:1.3;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--nt-muted)} #nt-portfolio .nt-persistent-nav .nt-sub-head+ul{padding-top:0} #nt-portfolio .nt-persistent-nav .nt-submenu li+li{border-top:1px solid var(--border)} #nt-portfolio .nt-persistent-nav .nt-has-menu:hover .nt-sub-head,#nt-portfolio .nt-persistent-nav .nt-has-menu:focus-within .nt-sub-head{animation:nt-menu-item-in .26s cubic-bezier(.4,0,.2,1) both} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-persistent-nav .nt-submenu{transition:none;translate:0 0} #nt-portfolio .nt-persistent-nav .nt-submenu li,#nt-portfolio .nt-persistent-nav .nt-sub-head{animation:none} } #nt-portfolio .nt-persistent-nav .nt-submenu{left:50%;top:calc(100% + 10px);width:460px;max-width:calc(100vw - 48px);box-sizing:border-box;padding:16px 20px 4px;transform:translateX(-50%);background:var(--bg);border:1px solid var(--border);border-radius:4px;box-shadow:none} #nt-portfolio .nt-persistent-nav .nt-submenu::before{content:'';position:absolute;left:-1px;right:-1px;bottom:100%;height:12px} #nt-portfolio .nt-persistent-nav .nt-submenu ul{padding:0;min-width:0;max-width:none;background:none} #nt-portfolio .nt-persistent-nav .nt-sub-head{padding:0 0 4px 48px;background:none} #nt-portfolio .nt-persistent-nav .nt-submenu button{padding:12px 0;line-height:1.35} #nt-portfolio .nt-persistent-nav .nt-sub-num{color:var(--nt-muted);font-variant-numeric:tabular-nums} #nt-portfolio .nt-persistent-nav .nt-submenu li+li{border-top-color:color-mix(in srgb,var(--text) 11%,var(--bg))} #nt-portfolio[data-current-page="home"] .nt-menu-link[data-page="home"]:not([data-section]) .nt-menu-label, #nt-portfolio[data-current-page="illustration"] .nt-menu-link[data-page="illustration"] .nt-menu-label, #nt-portfolio[data-current-page="about"] .nt-menu-link[data-page="about"] .nt-menu-label, #nt-portfolio[data-current-page="cases"] .nt-menu-link[data-page="cases"] .nt-menu-label, #nt-portfolio[data-current-page="project"] .nt-menu-link[data-page="cases"] .nt-menu-label{text-decoration:none} #nt-portfolio[data-current-page="cases"] .nt-menu-link[data-page="cases"],#nt-portfolio[data-current-page="project"] .nt-menu-link[data-page="cases"], #nt-portfolio[data-current-page="cases"] .nt-menu-link[data-page="cases"] .nt-menu-num,#nt-portfolio[data-current-page="project"] .nt-menu-link[data-page="cases"] .nt-menu-num{color:var(--accent)} #nt-portfolio .nt-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:200;font-size:var(--fs-400);font-weight:500;color:var(--bg);background:var(--accent);padding:10px 14px;text-decoration:none;border-radius:0} #nt-portfolio .nt-skip:focus,#nt-portfolio .nt-skip:focus-visible{left:var(--frame-inset,32px);top:12px;width:auto;height:auto;overflow:visible;outline:2px solid var(--text);outline-offset:2px} #nt-portfolio #nt-main:focus{outline:none} #nt-portfolio .nt-contact-note a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);transition:color .2s,text-decoration-color .2s} #nt-portfolio .nt-contact-note a:hover,#nt-portfolio .nt-contact-note a:focus-visible{color:var(--accent);text-decoration-color:var(--accent)} #nt-portfolio .nt-contact-note a:focus-visible{outline:2px solid var(--accent);outline-offset:3px} @media(pointer:coarse){ #nt-portfolio .nt-link{padding-top:12px!important;padding-bottom:12px!important} #nt-portfolio .nt-contact-note a{display:inline-block;padding:10px 0;margin:-10px 0} } #nt-portfolio .nt-gallery-controls{gap:20px;flex-wrap:wrap} #nt-portfolio .nt-gallery-controls button{min-width:44px;min-height:44px} #nt-portfolio .nt-gallery-controls button+button{margin-left:8px} @media(max-width:1000px){ #nt-portfolio .nt-case .nt-case-content{display:flex;flex-direction:column} #nt-portfolio .nt-case .nt-case-content .nt-case-tags{order:0} #nt-portfolio .nt-case .nt-case-content h2{order:1} #nt-portfolio .nt-case .nt-case-content .nt-link{order:2;align-self:flex-start;margin-top:2px;margin-bottom:6px} #nt-portfolio .nt-case .nt-case-content p{order:3} } #nt-portfolio .nt-header .nt-logo-frame>svg.nt-logo-img{position:absolute;display:block;max-width:none;width:84px;height:84px;left:-14px;top:-22px;filter:url(#nt-logo-cream)} #nt-portfolio .nt-header .nt-logo-frame>svg.nt-logo-orange-copy{filter:url(#nt-logo-orange);clip-path:circle(0% at 80% 44%);transition:none} #nt-portfolio .nt-header .nt-brand:hover svg.nt-logo-orange-copy,#nt-portfolio .nt-header .nt-brand:focus-visible svg.nt-logo-orange-copy{clip-path:circle(140% at 80% 44%)} @container(max-width:430px){#nt-portfolio .nt-header .nt-logo-frame>svg.nt-logo-img{width:48px;height:48px;left:-8px;top:-12px}} #nt-portfolio .nt-case-tab b,#nt-portfolio .nt-case-tab i{font-size:20px;line-height:1} #nt-portfolio .nt-case-tab b{color:var(--text);letter-spacing:.02em} #nt-portfolio .nt-case-tab i{order:-1;margin:0 -.3em 0 0} @media(max-width:760px){ #nt-portfolio .nt-cases-mindex-num{font-size:22px;line-height:1;font-weight:600;letter-spacing:.02em;color:var(--accent)} } #nt-portfolio .nt-case-hero .nt-case-num,#nt-portfolio .nt-case-hero.nt-filled .nt-case-num{color:var(--accent);background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-stroke:0} #nt-portfolio .nt-case-section--wide{grid-template-columns:1fr} #nt-portfolio .nt-case-section--wide>header{position:static;max-width:72ch;margin-bottom:8px} #nt-portfolio .nt-case-section--lede{padding-bottom:clamp(28px,4vw,52px)} #nt-portfolio .nt-case-section--lede>header{position:static} #nt-portfolio .nt-case-section--lede h2{font-size:clamp(30px,4.4vw,54px);line-height:1.1;letter-spacing:-.03em;max-width:19ch} #nt-portfolio .nt-case-section--close{border-bottom:1px solid var(--border)} #nt-portfolio .nt-cs-disclaimer{display:flex;align-items:center;gap:10px;font-family:Consolas,'Courier New',monospace;font-size:11px;letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--nt-hair);border-radius:999px;padding:8px 16px;margin:18px 0 0;width:fit-content} #nt-portfolio .nt-cs-disclaimer::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none} #nt-portfolio .nt-cs-statement{font-size:clamp(24px,3.6vw,42px);line-height:1.26;letter-spacing:-.02em;max-width:23ch;margin:0 0 22px;font-weight:600} #nt-portfolio .nt-cs-statement em{font-style:normal;color:var(--accent)} #nt-portfolio .nt-cs-substatement{font-size:clamp(15px,1.3vw,17px);line-height:1.7;color:var(--text-muted);max-width:60ch;margin:0 0 14px} #nt-portfolio .nt-cs-substatement:last-child{margin-bottom:0} #nt-portfolio .nt-cs-question{margin:24px 0 0;padding:20px 24px;border:1px solid var(--nt-hair);border-radius:10px;font-size:clamp(15px,1.4vw,18px);line-height:1.55;max-width:62ch;background:var(--surface)} #nt-portfolio .nt-cs-question b{color:var(--accent);font-weight:700} #nt-portfolio .nt-cs-tags{display:flex;flex-wrap:wrap;margin:0 0 6px} #nt-portfolio .nt-cs-tag{display:inline-flex;align-items:center;gap:7px;font-family:Consolas,'Courier New',monospace;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin:0 10px 10px 0;padding:5px 11px 5px 9px;border:1px solid var(--nt-hair);border-radius:999px;white-space:nowrap} #nt-portfolio .nt-cs-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex:none} #nt-portfolio .nt-cs-tag--known::before{background:color-mix(in srgb,var(--text) 55%,var(--bg))} #nt-portfolio .nt-cs-tag--assumption{color:color-mix(in srgb,var(--accent) 85%,var(--text))} #nt-portfolio .nt-cs-tag--assumption::before{background:none;border:1.5px solid var(--accent)} #nt-portfolio .nt-cs-tag--validate{color:var(--accent);border-style:dashed;border-color:color-mix(in srgb,var(--accent) 55%,var(--nt-hair))} #nt-portfolio .nt-cs-tag--validate::before{background:var(--accent)} #nt-portfolio .nt-cs-tag--decision{color:var(--bg);background:var(--accent);border-color:var(--accent)} #nt-portfolio .nt-cs-tag--decision::before{background:var(--bg)} #nt-portfolio .nt-cs-tag--secondary::before{background:none;border:1.5px solid var(--text-muted)} #nt-portfolio .nt-cs-assume-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:8px} #nt-portfolio .nt-cs-assume{border:1px solid var(--nt-hair);border-radius:10px;padding:16px 18px;background:var(--surface)} #nt-portfolio .nt-cs-assume p{margin:9px 0 0;font-size:13.5px;line-height:1.55;color:var(--text)} #nt-portfolio .nt-cs-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0} #nt-portfolio .nt-cs-flow-label{font-family:Consolas,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);width:100%;margin-bottom:2px} #nt-portfolio .nt-cs-step{border:1px solid var(--nt-hair);background:var(--surface);border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.4;min-width:108px;text-align:center;flex:1 1 108px} #nt-portfolio .nt-cs-step--accent{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface));font-weight:600} #nt-portfolio .nt-cs-step--muted{color:var(--text-muted);font-style:normal} #nt-portfolio .nt-cs-arrow{color:var(--text-muted);font-size:15px;flex:none} @media(max-width:640px){ #nt-portfolio .nt-cs-flow{flex-direction:column;align-items:stretch} #nt-portfolio .nt-cs-step{flex:none} #nt-portfolio .nt-cs-arrow{transform:rotate(90deg);align-self:center} } #nt-portfolio .nt-cs-swimlane{display:grid;grid-template-columns:104px 1fr;gap:10px 16px;margin:16px 0} #nt-portfolio .nt-cs-lane-label{font-family:Consolas,monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center} #nt-portfolio .nt-cs-lane-track{display:flex;flex-wrap:wrap;gap:8px} #nt-portfolio .nt-cs-lane-track .nt-cs-step{min-width:0;flex:1 1 128px;font-size:12.5px;padding:10px 12px} #nt-portfolio .nt-cs-swimlane>*:nth-child(3),#nt-portfolio .nt-cs-swimlane>*:nth-child(4){padding-top:16px;border-top:1px dashed var(--nt-hair)} @media(max-width:640px){ #nt-portfolio .nt-cs-swimlane{grid-template-columns:1fr} #nt-portfolio .nt-cs-lane-label{padding-top:4px} } #nt-portfolio .nt-cs-table-wrap{overflow-x:auto;margin:14px -2px 0;padding:0 2px} #nt-portfolio .nt-cs-table{width:100%;border-collapse:collapse;font-size:13px;min-width:660px} #nt-portfolio .nt-cs-table th{text-align:left;font-family:Consolas,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 16px 10px 0;border-bottom:1px solid var(--nt-hair);white-space:nowrap} #nt-portfolio .nt-cs-table td{padding:14px 16px 14px 0;border-bottom:1px solid var(--nt-hair);vertical-align:top;color:var(--text-muted);line-height:1.5} #nt-portfolio .nt-cs-table td:first-child,#nt-portfolio .nt-cs-table th:first-child{color:var(--text);font-weight:600} #nt-portfolio .nt-cs-coord{display:inline-flex;gap:3px;align-items:center} #nt-portfolio .nt-cs-dot{width:6px;height:6px;border-radius:50%;background:var(--nt-hair);display:inline-block} #nt-portfolio .nt-cs-coord.lo .nt-cs-dot:nth-child(1){background:var(--accent)} #nt-portfolio .nt-cs-coord.med .nt-cs-dot:nth-child(1),#nt-portfolio .nt-cs-coord.med .nt-cs-dot:nth-child(2){background:var(--accent)} #nt-portfolio .nt-cs-coord.hi .nt-cs-dot{background:var(--accent)} #nt-portfolio .nt-cs-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0} #nt-portfolio .nt-cs-compare-item{border:1px solid var(--nt-hair);border-radius:12px;padding:20px 22px} #nt-portfolio .nt-cs-compare-item--rejected{opacity:.7} #nt-portfolio .nt-cs-compare-item--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))} #nt-portfolio .nt-cs-compare-item h4{margin:0 0 12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-family:Consolas,monospace} #nt-portfolio .nt-cs-compare-item--rejected h4{color:var(--text-muted)} #nt-portfolio .nt-cs-compare-item--selected h4{color:var(--accent)} #nt-portfolio .nt-cs-compare-flow{font-size:13px;line-height:2;color:var(--text-muted);margin:0 0 12px} #nt-portfolio .nt-cs-compare-item p{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-muted)} @media(max-width:700px){ #nt-portfolio .nt-cs-compare{grid-template-columns:1fr} } #nt-portfolio .nt-cs-principles{margin:8px 0 0;padding:0;list-style:none;counter-reset:cs-p} #nt-portfolio .nt-cs-principles li{counter-increment:cs-p;display:grid;grid-template-columns:36px 1fr;gap:16px;padding:15px 0;border-top:1px solid var(--nt-hair);font-size:14px;line-height:1.55} #nt-portfolio .nt-cs-principles li:first-child{border-top:none} #nt-portfolio .nt-cs-principles li::before{content:counter(cs-p,decimal-leading-zero);font-family:Consolas,monospace;color:var(--accent);font-size:12.5px;padding-top:1px} #nt-portfolio .nt-cs-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0} #nt-portfolio .nt-cs-role{border:1px solid var(--nt-hair);border-radius:12px;padding:22px 24px;background:var(--surface)} #nt-portfolio .nt-cs-role h3{margin:0 0 12px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-family:Consolas,monospace} #nt-portfolio .nt-cs-role ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px} #nt-portfolio .nt-cs-role li{font-size:13.5px;line-height:1.5;color:var(--text-muted);padding-left:15px;position:relative} #nt-portfolio .nt-cs-role li::before{content:'—';position:absolute;left:0;color:var(--nt-hair)} @media(max-width:700px){ #nt-portfolio .nt-cs-role-grid{grid-template-columns:1fr} } #nt-portfolio .nt-cs-scope{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:16px 0} #nt-portfolio .nt-cs-scope-col h3{margin:0 0 14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-family:Consolas,monospace} #nt-portfolio .nt-cs-scope-col--now h3{color:var(--accent)} #nt-portfolio .nt-cs-scope-col--later h3{color:var(--text-muted)} #nt-portfolio .nt-cs-scope-col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column} #nt-portfolio .nt-cs-scope-col li{font-size:13.5px;padding:10px 0;border-top:1px solid var(--nt-hair);color:var(--text-muted);line-height:1.5} #nt-portfolio .nt-cs-scope-col--now li{color:var(--text)} #nt-portfolio .nt-cs-scope-col li:first-child{border-top:none} @media(max-width:700px){ #nt-portfolio .nt-cs-scope{grid-template-columns:1fr} } #nt-portfolio .nt-cs-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:26px 18px;margin:18px 0} #nt-portfolio .nt-cs-board-cell{display:flex;flex-direction:column} #nt-portfolio .nt-cs-wire{aspect-ratio:9/17;background:color-mix(in srgb,var(--text) 4%,var(--bg));border:1px solid var(--nt-hair);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px} #nt-portfolio .nt-cs-wire.is-current{border-color:var(--accent)} #nt-portfolio .nt-cs-wbar{height:9px;border-radius:3px;background:color-mix(in srgb,var(--text) 17%,var(--bg));flex:none} #nt-portfolio .nt-cs-wline{height:6px;border-radius:2px;background:color-mix(in srgb,var(--text) 13%,var(--bg))} #nt-portfolio .nt-cs-wline.w80{width:80%} #nt-portfolio .nt-cs-wline.w60{width:60%} #nt-portfolio .nt-cs-wline.w40{width:40%} #nt-portfolio .nt-cs-wblock{flex:1;border:1px dashed color-mix(in srgb,var(--text) 24%,var(--bg));border-radius:6px;min-height:22px} #nt-portfolio .nt-cs-wbtn{height:20px;border-radius:999px;background:color-mix(in srgb,var(--text) 22%,var(--bg));margin-top:auto;flex:none} #nt-portfolio .nt-cs-wcircle{width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--text) 22%,var(--bg));flex:none} #nt-portfolio .nt-cs-wrow{display:flex;align-items:center;gap:6px} #nt-portfolio .nt-cs-board-cap{margin-top:10px;font-family:Consolas,monospace;font-size:10.5px;letter-spacing:.05em;color:var(--text-muted);text-align:center;line-height:1.4} #nt-portfolio .nt-cs-edge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:16px 0} #nt-portfolio .nt-cs-edge{border:1px solid var(--nt-hair);border-radius:10px;padding:16px 18px;background:var(--surface)} #nt-portfolio .nt-cs-edge h4{margin:0 0 6px;font-size:13.5px;font-weight:700;letter-spacing:-.01em} #nt-portfolio .nt-cs-edge p{margin:0;font-size:13px;line-height:1.55;color:var(--text-muted)} #nt-portfolio .nt-cs-phone-row{display:flex;gap:30px;flex-wrap:wrap;align-items:flex-start;margin:18px 0} #nt-portfolio .nt-cs-phone-item{display:flex;flex-direction:column;gap:14px;align-items:center;flex:none} #nt-portfolio .nt-cs-phone-num{font-family:Consolas,monospace;font-size:11px;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase} #nt-portfolio .nt-cs-phone-cap{max-width:270px;text-align:center;font-size:13px;color:var(--text-muted);line-height:1.5} #nt-portfolio .nt-cs-phone{ --g-bg:#fff7f5;--g-surface:#ffffff;--g-text:#241b18;--g-muted:#6f625d;--g-accent:#f44332;--g-border:#f0e0dc; width:300px;max-width:100%;background:var(--g-bg);border-radius:26px;border:1px solid var(--g-border); box-shadow:0 24px 60px -24px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.18);overflow:hidden; display:flex;flex-direction:column;font-family:var(--nt-body-font,'Instrument Sans',system-ui,sans-serif);color:var(--g-text);flex:none } #nt-portfolio .nt-cs-phone.is-compact{width:220px} #nt-portfolio .nt-cs-phone-status{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 2px;font-size:12px;font-weight:700;color:var(--g-text)} #nt-portfolio .nt-cs-phone-status i{font-style:normal;opacity:.55;font-size:9px;letter-spacing:1.5px} #nt-portfolio .nt-cs-phone-body{flex:1;padding:0 0 20px;min-height:500px;display:flex;flex-direction:column} #nt-portfolio .nt-cs-app-bar{display:flex;align-items:center;gap:10px;padding:8px 18px 14px;font-weight:700;font-size:15px} #nt-portfolio .nt-cs-app-back{width:28px;height:28px;border-radius:50%;background:var(--g-surface);border:1px solid var(--g-border);display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;color:var(--g-text)} #nt-portfolio .nt-cs-app-bar-title{flex:1} #nt-portfolio .nt-cs-app-bar-title small{display:block;font-weight:500;font-size:11px;color:var(--g-muted);margin-top:1px} #nt-portfolio .nt-cs-app-search{margin:0 18px 14px;background:var(--g-surface);border:1px solid var(--g-border);border-radius:999px;padding:12px 16px;font-size:12.5px;color:var(--g-muted);display:flex;align-items:center;gap:8px} #nt-portfolio .nt-cs-app-banner{margin:0 18px 14px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-bg));border:1px solid color-mix(in srgb,var(--g-accent) 25%,var(--g-border));border-radius:12px;padding:11px 14px;font-size:11.5px;color:color-mix(in srgb,var(--g-accent) 85%,var(--g-text));line-height:1.5;font-weight:600} #nt-portfolio .nt-cs-app-content{flex:1;padding:0 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto} #nt-portfolio .nt-cs-app-section-label{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--g-muted);font-weight:700;margin:4px 0 -4px} #nt-portfolio .nt-cs-app-card{background:var(--g-surface);border:1px solid var(--g-border);border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px} #nt-portfolio .nt-cs-app-card h4{margin:0 0 3px;font-size:13.5px;font-weight:700} #nt-portfolio .nt-cs-app-card p{margin:0;font-size:11.5px;color:var(--g-muted)} #nt-portfolio .nt-cs-app-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:12px 18px;font-size:12.5px;font-weight:700;border:1px solid transparent;cursor:pointer;font-family:inherit;background:none;transition:filter .15s} #nt-portfolio .nt-cs-app-btn:hover{filter:brightness(1.05)} #nt-portfolio .nt-cs-app-btn--primary{background:var(--g-accent);color:#fff} #nt-portfolio .nt-cs-app-btn--secondary{background:transparent;color:var(--g-accent);border-color:var(--g-accent)} #nt-portfolio .nt-cs-app-btn--ghost{background:var(--g-surface);color:var(--g-text);border-color:var(--g-border)} #nt-portfolio .nt-cs-app-btn--block{width:100%} #nt-portfolio .nt-cs-app-btn:disabled{opacity:.4;cursor:not-allowed} #nt-portfolio .nt-cs-app-footer{padding:14px 18px 0;flex:none} #nt-portfolio .nt-cs-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex:none} #nt-portfolio .nt-cs-avatar.a1{background:#c9603f} #nt-portfolio .nt-cs-avatar.a2{background:#3f7d6e} #nt-portfolio .nt-cs-avatar.a3{background:#a67c2e} #nt-portfolio .nt-cs-avatar.a4{background:#6d5a94} #nt-portfolio .nt-cs-cart-person{border-top:1px solid var(--g-border);padding:14px 0} #nt-portfolio .nt-cs-cart-person:first-child{border-top:none;padding-top:0} #nt-portfolio .nt-cs-cart-person-head{display:flex;align-items:center;gap:10px;margin-bottom:10px} #nt-portfolio .nt-cs-cart-person-head h4{margin:0;font-size:13.5px;font-weight:700;flex:1} #nt-portfolio .nt-cs-cart-item{display:flex;justify-content:space-between;gap:10px;padding:4px 0 4px 40px;font-size:12.5px} #nt-portfolio .nt-cs-cart-item>span:last-child{color:var(--g-muted);font-variant-numeric:tabular-nums;flex:none} #nt-portfolio .nt-cs-cart-item small{display:block;color:var(--g-muted);font-size:11px;margin-top:1px} #nt-portfolio .nt-cs-cart-subtotal{display:flex;justify-content:space-between;padding:8px 0 0 40px;font-size:11.5px;font-weight:700;color:var(--g-muted)} #nt-portfolio .nt-cs-ready{font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;flex:none} #nt-portfolio .nt-cs-ready--done{background:color-mix(in srgb,var(--g-accent) 14%,var(--g-bg));color:color-mix(in srgb,var(--g-accent) 88%,var(--g-text))} #nt-portfolio .nt-cs-ready--wait{background:var(--g-border);color:var(--g-muted)} #nt-portfolio .nt-cs-overview-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--g-border)} #nt-portfolio .nt-cs-overview-row:first-child{border-top:none} #nt-portfolio .nt-cs-overview-row h4{margin:0;font-size:13.5px;font-weight:700;flex:1} #nt-portfolio .nt-cs-app-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0 0;margin-top:2px;border-top:1px dashed var(--g-border);font-size:13px;font-weight:700} #nt-portfolio .nt-cs-invite-code{font-family:Consolas,monospace;font-size:26px;font-weight:700;letter-spacing:.14em;text-align:center;padding:16px;border:1.5px dashed var(--g-accent);border-radius:12px;color:var(--g-accent);background:color-mix(in srgb,var(--g-accent) 6%,var(--g-bg))} #nt-portfolio .nt-cs-qr-wrap{display:flex;justify-content:center;padding:6px 0} #nt-portfolio .nt-cs-qr{width:100px;height:100px;background:#fff;border:1px solid var(--g-border);border-radius:10px;padding:9px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:2px} #nt-portfolio .nt-cs-qr span{background:var(--g-text);border-radius:1px} #nt-portfolio .nt-cs-qr span.o{background:transparent} #nt-portfolio .nt-cs-divider{border-top:1px solid var(--g-border);margin:2px 0} #nt-portfolio .nt-cs-note{font-size:11.5px;color:var(--g-muted);line-height:1.5;padding:0 2px} @media(max-width:700px){ #nt-portfolio .nt-cs-phone{width:100%;max-width:300px} } #nt-portfolio .nt-cs-proto{border:1px solid var(--nt-hair);border-radius:18px;padding:clamp(18px,3vw,32px);background:color-mix(in srgb,var(--text) 3%,var(--bg));margin:16px 0} #nt-portfolio .nt-cs-proto-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px} #nt-portfolio .nt-cs-proto-role{display:inline-flex;border:1px solid var(--nt-hair);border-radius:999px;padding:3px} #nt-portfolio .nt-cs-proto-role button{font-family:inherit;font-size:12.5px;font-weight:600;padding:8px 18px;border-radius:999px;border:none;background:none;color:var(--text-muted);cursor:pointer} #nt-portfolio .nt-cs-proto-role button.is-active{background:var(--accent);color:var(--bg)} #nt-portfolio .nt-cs-proto-hint{font-size:12.5px;color:var(--text-muted);max-width:34ch;text-align:right} #nt-portfolio .nt-cs-proto-stage{display:flex;justify-content:center} #nt-portfolio .nt-cs-proto-steps{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:24px;font-family:Consolas,monospace;font-size:10.5px} #nt-portfolio .nt-cs-proto-steps span{padding:6px 10px;border:1px solid var(--nt-hair);border-radius:6px;color:var(--text-muted)} #nt-portfolio .nt-cs-proto-steps span.is-current{border-color:var(--accent);color:var(--accent)} #nt-portfolio .nt-cs-proto-nav{display:flex;justify-content:center;gap:12px;margin-top:18px} #nt-portfolio .nt-cs-proto-nav .nt-cs-app-btn{padding:10px 22px} #nt-portfolio [data-cs-view]{display:none} #nt-portfolio [data-cs-view].is-active{display:flex;flex-direction:column} #nt-portfolio .nt-cs-signal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0} #nt-portfolio .nt-cs-signal{border-top:1px solid var(--nt-hair);padding:12px 0;font-size:13px;color:var(--text-muted);line-height:1.5} @media(max-width:1024px){ #nt-portfolio .nt-cs-role-grid,#nt-portfolio .nt-cs-scope{grid-template-columns:1fr} } #nt-portfolio [data-project] .nt-filled:not(.nt-case-hero) .nt-case-num{background-size:150% auto;background-repeat:no-repeat;animation:nt-num-drift 16s ease-in-out infinite alternate} #nt-portfolio [data-project="harley-davidson"] .nt-filled:not(.nt-case-hero) .nt-case-num{background-image:url(case-reel-01.png);background-size:auto 600%;background-position:50% 0;animation:nt-num-reel 15s linear infinite} #nt-portfolio [data-project="therapist-portfolio"] .nt-filled:not(.nt-case-hero) .nt-case-num{background-image:url(case-reel-03-new.png);background-size:auto 600%;background-position:50% 0;animation:nt-num-reel 15s linear infinite} #nt-portfolio [data-project="gintaa-group-ordering"] .nt-filled:not(.nt-case-hero) .nt-case-num{background-image:url(case-reel-04-new.png);background-size:auto 500%;background-position:50% 0;animation:nt-num-reel 15s linear infinite} @keyframes nt-num-reel{from{background-position:50% 0%}to{background-position:50% 100%}} @keyframes nt-num-drift{from{background-position:0% 30%}to{background-position:100% 70%}} @media (prefers-reduced-motion:reduce){ #nt-portfolio [data-project] .nt-filled:not(.nt-case-hero) .nt-case-num{animation:none} } #nt-portfolio .nt-case .nt-case-num{transition-duration:.2s} #nt-portfolio .nt-case[data-project] .nt-filled .nt-case-num{background-repeat:repeat-y;background-size:auto 300%;background-position:40% 0%; animation:nt-num-flow-tile 7.5s linear infinite;will-change:transform} #nt-portfolio .nt-case:is([data-project="gintaa-group-ordering"],[data-project="myles-optimystic"]) .nt-filled .nt-case-num{background-repeat:no-repeat;background-size:auto 500%;background-position:50% 0%; animation:nt-num-flow-strip 10s linear infinite;will-change:transform} #nt-portfolio .nt-case:is([data-project="harley-davidson"],[data-project="therapist-portfolio"]) .nt-filled .nt-case-num{background-repeat:no-repeat;background-size:auto 600%;background-position:50% 0%; animation:nt-num-flow-strip 10s linear infinite;will-change:transform} @keyframes nt-num-flow-tile{from{background-position-y:0%}to{background-position-y:150%}} @keyframes nt-num-flow-strip{from{background-position-y:0%}to{background-position-y:100%}} #nt-portfolio .nt-case.is-covered[data-project] .nt-filled .nt-case-num{animation-play-state:paused} @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-case[data-project] .nt-filled .nt-case-num{animation:none;background-position:40% 0%} #nt-portfolio .nt-case:is([data-project="therapist-portfolio"],[data-project="gintaa-group-ordering"],[data-project="myles-optimystic"],[data-project="harley-davidson"]) .nt-filled .nt-case-num{animation:none;background-position:50% 0%} } @media (min-width:761px){ #nt-portfolio{--nt-card-px:clamp(28px,3.6vw,52px);--nt-ftab-px:20px;--nt-ftab-w:208px;--nt-ftab-slant:10px;--nt-ftab-step:4px; --nt-ftab-surface:color-mix(in srgb,var(--text) 6%,var(--bg)); --nt-ftab-shape:shape(from 0 100%,curve to 8px calc(100% - 6px) with 6px 100%,line to 13px 7px,curve to 22px 0 with 15px 0,line to calc(100% - 22px) 0,curve to calc(100% - 13px) 7px with calc(100% - 15px) 0,line to calc(100% - 8px) calc(100% - 6px),curve to 100% 100% with calc(100% - 6px) 100%,close); --nt-ftab-shape-on:shape(from 0 100%,curve to 8px calc(100% - 6px) with 6px 100%,line to 14px 7px,curve to 23px 0 with 16px 0,line to calc(100% - 23px) 0,curve to calc(100% - 14px) 7px with calc(100% - 16px) 0,line to calc(100% - 8px) calc(100% - 6px),curve to 100% 100% with calc(100% - 6px) 100%,close)} #nt-portfolio [data-view="cases"] .nt-cases-hero{padding-bottom:48px} #nt-portfolio .nt-case{padding-left:var(--nt-card-px);padding-right:var(--nt-card-px)} #nt-portfolio #nt-cases-stack{padding-top:0} #nt-portfolio #nt-cases-stack .nt-case>.nt-case-tab{display:none} #nt-portfolio .nt-case-index{position:sticky;top:var(--nt-stack-top);z-index:5;box-sizing:border-box;height:var(--nt-case-tabs-h); margin:0 0 calc(var(--nt-case-h) + var(--nt-case-tabs-gap));padding:0 0 0 calc(var(--nt-card-px) - var(--nt-ftab-px) + 1px); display:flex;align-items:stretch;flex-wrap:nowrap;gap:0;background:var(--section-bg,var(--bg))} #nt-portfolio #nt-cases-stack>.nt-case-index+.nt-case{margin-top:calc(-1*(var(--nt-case-h) + var(--nt-stack-gap)))} #nt-portfolio .nt-case-index-item{--nt-ftab-dot:color-mix(in srgb,var(--accent) 72%,var(--bg));--nt-ftab-num:color-mix(in srgb,var(--text) 56%,var(--bg));--nt-ftab-label:var(--text-muted); position:relative;z-index:var(--nt-ftab-z,1);box-sizing:border-box;flex:0 1 var(--nt-ftab-w);min-width:max-content; display:flex;flex-wrap:wrap;align-items:baseline;align-content:center;gap:10px;margin:0;padding:var(--nt-ftab-step) var(--nt-ftab-px) 4px; background:none;border:0;border-radius:0;box-shadow:none;outline:2px solid transparent;outline-offset:2px; cursor:pointer;font:inherit;color:var(--nt-ftab-label);white-space:nowrap;text-align:left} #nt-portfolio .nt-case-index-item+.nt-case-index-item{margin-left:calc(-1*var(--nt-ftab-slant))} #nt-portfolio .nt-case-index-item:nth-child(1){--nt-ftab-z:4} #nt-portfolio .nt-case-index-item:nth-child(2){--nt-ftab-z:3} #nt-portfolio .nt-case-index-item:nth-child(3){--nt-ftab-z:2} #nt-portfolio .nt-case-index-item::before,#nt-portfolio .nt-case-index-item::after{content:'';position:absolute;z-index:-1;left:0;right:0;top:var(--nt-ftab-step);bottom:0; clip-path:polygon(0 100%,var(--nt-ftab-slant) 0,calc(100% - var(--nt-ftab-slant)) 0,100% 100%);transition:filter .2s} #nt-portfolio .nt-case-index-item::before{background:linear-gradient(180deg,color-mix(in srgb,var(--text) 15%,var(--bg)),color-mix(in srgb,var(--text) 10%,var(--bg)))} #nt-portfolio .nt-case-index-item::after{left:1px;right:1px;top:calc(var(--nt-ftab-step) + 1px); background:linear-gradient(180deg,color-mix(in srgb,var(--text) 3.5%,var(--bg)),color-mix(in srgb,var(--text) 1.5%,var(--bg)))} #nt-portfolio .nt-case-index-item[aria-current="true"]{--nt-ftab-z:6;--nt-ftab-dot:var(--accent);--nt-ftab-num:var(--accent);--nt-ftab-label:var(--text)} #nt-portfolio .nt-case-index-item[aria-current="true"]::before{top:0;bottom:-1px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 34%,var(--nt-hair)),var(--nt-hair) 75%)} #nt-portfolio .nt-case-index-item[aria-current="true"]::after{top:1px;bottom:-1px;background:var(--nt-ftab-surface)} #nt-portfolio #nt-cases-stack:has(.nt-case:hover) .nt-case-index-item[aria-current="true"]:not(:focus-visible)::before{background:color-mix(in srgb,var(--accent) 55%,var(--nt-hair))} #nt-portfolio .nt-case-index-item i{font-style:normal;font-weight:700;font-size:15px;line-height:1;color:var(--nt-ftab-dot);margin-right:-11px;transition:color .2s} #nt-portfolio .nt-case-index-item b{font-weight:600;font-size:15px;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--nt-ftab-num);transition:color .2s} #nt-portfolio .nt-case-index-item span{font-size:var(--fs-100);font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1;color:var(--nt-ftab-label);transition:color .2s} } @supports (clip-path:shape(from 0 0,line to 1px 1px,close)){ @media (min-width:761px){ #nt-portfolio .nt-case-index-item::before,#nt-portfolio .nt-case-index-item::after{clip-path:var(--nt-ftab-shape)} #nt-portfolio .nt-case-index-item[aria-current="true"]::before,#nt-portfolio .nt-case-index-item[aria-current="true"]::after{clip-path:var(--nt-ftab-shape-on)} } } @media (min-width:761px) and (hover:hover){ #nt-portfolio .nt-case-index-item:not([aria-current="true"]):hover{--nt-ftab-dot:var(--accent);--nt-ftab-num:var(--text-muted);--nt-ftab-label:var(--text)} #nt-portfolio .nt-case-index-item:not([aria-current="true"]):not(:focus-visible):hover::before{filter:brightness(1.7)} #nt-portfolio .nt-case-index-item:not([aria-current="true"]):hover::after{filter:brightness(1.25)} } @media (min-width:761px){ #nt-portfolio .nt-case-index-item:focus-visible::before{background:var(--accent);filter:none} #nt-portfolio .nt-case-index-item:focus-visible::after{left:2px;right:2px;top:calc(var(--nt-ftab-step) + 2px)} #nt-portfolio .nt-case-index-item[aria-current="true"]:focus-visible::after{top:2px} } @media (min-width:761px) and (max-width:1000px){ #nt-portfolio{--nt-card-px:28px;--nt-ftab-px:16px} #nt-portfolio [data-view="cases"] .nt-cases-hero{padding-bottom:40px} } @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-case-index-item::before,#nt-portfolio .nt-case-index-item::after,#nt-portfolio .nt-case-index-item i,#nt-portfolio .nt-case-index-item b,#nt-portfolio .nt-case-index-item span{transition:none} } @media (max-width:760px){ #nt-portfolio .nt-case-index{display:none} } #nt-portfolio .nt-stack.nt-natural .nt-case{position:relative!important;top:auto!important} #nt-portfolio .nt-case{padding-top:clamp(36px,4vw,56px);padding-bottom:clamp(36px,4vw,56px)} #nt-portfolio .nt-case .nt-case-content{gap:0} #nt-portfolio .nt-case .nt-case-content .nt-case-tags{margin:0 0 16px} #nt-portfolio .nt-case .nt-case-content h2{margin:0 0 24px} #nt-portfolio .nt-case .nt-case-content p{margin:0 0 32px;max-width:42ch} #nt-portfolio .nt-case .nt-case-visual{padding-right:clamp(16px,3.2vw,48px)} #nt-portfolio .nt-case .nt-case-content .nt-link{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:34px;margin:0;box-sizing:border-box; padding:0 12px 0 14px!important;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent)!important;border-radius:1px;background:transparent;color:var(--text); font-size:var(--fs-100)!important;letter-spacing:.16em;line-height:1;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease} #nt-portfolio .nt-case .nt-case-content .nt-link::before{content:'';position:absolute;left:-1px;right:-1px;top:-7px;bottom:-7px} #nt-portfolio .nt-case .nt-case-content .nt-link-arrow{display:inline-block;color:var(--accent);transition:transform .2s ease} #nt-portfolio .nt-case:hover .nt-case-content .nt-link{color:var(--text)} @media (hover:hover){ #nt-portfolio .nt-case .nt-case-content .nt-link:hover,#nt-portfolio .nt-case:hover .nt-case-content .nt-link{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 9%,transparent)} #nt-portfolio .nt-case .nt-case-content .nt-link:hover .nt-link-arrow,#nt-portfolio .nt-case:hover .nt-case-content .nt-link-arrow{transform:translateX(3px)} } #nt-portfolio .nt-case .nt-case-content .nt-link:active{background:color-mix(in srgb,var(--accent) 16%,transparent)} #nt-portfolio .nt-case .nt-case-content .nt-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)!important} @media (max-width:1000px){ #nt-portfolio .nt-case{padding-top:36px;padding-bottom:36px} #nt-portfolio .nt-case .nt-case-content h2{margin-bottom:20px} #nt-portfolio .nt-case .nt-case-content .nt-link{margin:0 0 24px} #nt-portfolio .nt-case .nt-case-content p{margin-bottom:0} #nt-portfolio .nt-case .nt-case-visual{padding-right:10%} } @media (max-width:760px){ #nt-portfolio .nt-case{padding-top:0;padding-bottom:40px} #nt-portfolio .nt-case .nt-case-content .nt-case-tags{margin-bottom:12px} #nt-portfolio .nt-case .nt-case-content h2{margin-bottom:16px} #nt-portfolio .nt-case .nt-case-content .nt-link{margin-bottom:20px} #nt-portfolio .nt-case .nt-case-visual{padding-right:0} } @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-case .nt-case-content .nt-link,#nt-portfolio .nt-case .nt-case-content .nt-link-arrow{transition:none} #nt-portfolio .nt-case .nt-case-content .nt-link .nt-link-arrow{transform:none!important} } @media (min-width:761px){ #nt-portfolio .nt-cases-page .nt-case{isolation:isolate; background:linear-gradient(180deg,color-mix(in srgb,var(--text) 6%,var(--bg)) 0%,color-mix(in srgb,var(--text) 4%,var(--bg)) 55%,color-mix(in srgb,var(--text) 2.5%,var(--bg)) 100%)} #nt-portfolio .nt-cases-page .nt-case::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none} #nt-portfolio .nt-cases-page .nt-case::after{background:var(--nt-case-glow,none)} #nt-portfolio .nt-cases-page .nt-case>.nt-case-content,#nt-portfolio .nt-cases-page .nt-case>.nt-case-visual{position:relative;z-index:1} #nt-portfolio .nt-cases-page .nt-case[data-project="harley-davidson"]{ --nt-case-glow:radial-gradient(52% 72% at 80% 42%,rgb(233 111 50/.065),transparent 70%),radial-gradient(38% 55% at 100% 100%,rgb(0 0 0/.28),transparent 72%)} #nt-portfolio .nt-cases-page .nt-case[data-project="syngenta-latam"]{ --nt-case-glow:radial-gradient(58% 78% at 78% 40%,rgb(168 192 200/.05),transparent 70%)} #nt-portfolio .nt-cases-page .nt-case[data-project="therapist-portfolio"]{ --nt-case-glow:radial-gradient(44% 60% at 82% 30%,rgb(240 216 216/.065),transparent 70%),radial-gradient(40% 55% at 94% 88%,rgb(168 192 168/.055),transparent 70%)} #nt-portfolio .nt-cases-page .nt-case[data-project="gintaa-group-ordering"]{ --nt-case-glow:radial-gradient(48% 68% at 80% 40%,rgb(192 96 72/.07),transparent 70%),radial-gradient(34% 48% at 98% 92%,rgb(72 120 120/.055),transparent 70%)} #nt-portfolio .nt-cases-page .nt-case .nt-case-visual{justify-content:center;padding-right:4%} } @media (min-width:1001px){ #nt-portfolio .nt-cases-page .nt-case{grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(40px,4vw,64px);padding-top:clamp(40px,3.4vw,48px);padding-bottom:clamp(40px,3.4vw,48px)} #nt-portfolio .nt-cases-page .nt-case .nt-case-content{align-self:stretch;padding-bottom:clamp(0px,calc((var(--nt-case-h) - 2*clamp(40px,3.4vw,48px) - .82*clamp(200px,26cqw,380px))/2 + .044*clamp(200px,26cqw,380px)),72px)} #nt-portfolio .nt-cases-page .nt-case .nt-case-content .nt-link{margin-top:auto} #nt-portfolio .nt-stack.nt-measuring .nt-case .nt-case-content{padding-bottom:0} #nt-portfolio .nt-cases-page .nt-case h2{font-size:clamp(22px,1.95cqw,28px);line-height:1.22;max-width:26ch} #nt-portfolio .nt-cases-page .nt-case .nt-case-content p{max-width:56ch} #nt-portfolio .nt-cases-page .nt-case .nt-case-visual{justify-content:flex-end;padding-right:0} #nt-portfolio .nt-cases-page .nt-case .nt-case-num{font-size:clamp(200px,26cqw,380px)} #nt-portfolio .nt-cases-page .nt-case::before{--nt-tex-mask-x:linear-gradient(90deg,transparent 34%,rgba(0,0,0,.3) 56%,#000 78%)} #nt-portfolio #nt-cases-stack{width:92%;margin-inline:auto} } #nt-portfolio .nt-case .nt-case-tags{gap:6px} #nt-portfolio .nt-case .nt-case-tags li{font-size:10px;letter-spacing:.1em;padding:5px 8px;line-height:1; border-color:color-mix(in srgb,var(--text) 13%,transparent);color:color-mix(in srgb,var(--text) 64%,transparent);background:color-mix(in srgb,var(--bg) 30%,transparent)} #nt-portfolio .nt-gallery-page .nt-gallery button.nt-art{position:relative;padding:0;overflow:hidden;line-height:0} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout] button.nt-art:nth-child(n){aspect-ratio:1} #nt-portfolio .nt-gallery-page .nt-gallery .nt-art>img,#nt-portfolio .nt-gallery-page .nt-gallery .nt-art>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two] .nt-art-feature{grid-column:span 2;grid-row:span 2} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=masonry] .nt-art-feature{column-span:all;width:100%} #nt-portfolio .nt-gallery-page .nt-art-open .nt-art{position:relative;display:block;width:100%;max-width:720px;height:auto;aspect-ratio:1;margin:0 auto;padding:0;overflow:hidden;line-height:0} #nt-portfolio .nt-gallery-page .nt-art-open .nt-art>img,#nt-portfolio .nt-gallery-page .nt-art-open .nt-art>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain} #nt-portfolio .nt-gallery-page .nt-art-caption{margin:14px 8px 2px;text-align:center;font-size:var(--fs-200);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-gallery-page .nt-art-caption:empty{display:none} @media (max-width:760px){ #nt-portfolio .nt-gallery-page .nt-gallery-controls [role="group"][aria-label="Gallery width"]{display:none} #nt-portfolio .nt-gallery-page .nt-gallery-controls [role="group"][aria-label="Layout"]{border-right:0;padding-right:0} } @media (max-width:760px){ #nt-portfolio .nt-gallery-page .nt-gallery-controls{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;justify-content:center} } #nt-portfolio .nt-gallery-page .nt-gallery-controls{position:sticky;top:96px;z-index:20;box-shadow:0 10px 28px -12px rgb(0 0 0 / .55)} @media (max-width:1000px){ #nt-portfolio .nt-gallery-page .nt-gallery-controls{top:88px} } @media (min-width:761px){ #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide]{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense} } #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two]:not([data-width=wide]) .nt-art-feature{grid-column:auto;grid-row:auto} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two]:not([data-width=wide]) [data-art=eternal-sunshine]~.nt-art{order:3} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two]:not([data-width=wide]) .nt-art[data-art=joji]{order:1} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two]:not([data-width=wide]) .nt-art[data-art=eternal-sunshine]{order:2} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two]:not([data-width=wide]) .nt-art[data-art=passing-of-joint]{order:4;grid-column:1/-1;justify-self:center;width:calc(50% - 8px)} @media (max-width:760px){ #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width] .nt-art-feature{grid-column:auto;grid-row:auto} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width] [data-art=eternal-sunshine]~.nt-art{order:3} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width] .nt-art[data-art=joji]{order:1} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width] .nt-art[data-art=eternal-sunshine]{order:2} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width] .nt-art[data-art=passing-of-joint]{order:4;grid-column:1/-1;justify-self:center;width:calc(50% - 5px)} } #nt-portfolio .nt-illustration-chapter .nt-illo-foot .nt-link, #nt-portfolio [data-view="home"] .nt-about-chapter .nt-link, #nt-portfolio .nt-index-more .nt-capsule, #nt-portfolio .nt-outro .nt-outro-actions .nt-link, #nt-portfolio .nt-about-doodle .nt-doodle-submit, #nt-portfolio .nt-case-top .nt-link, #nt-portfolio .nt-case-foot .nt-link{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:34px;height:auto;margin:0;box-sizing:border-box; padding:0 12px 0 14px!important;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent)!important;border-radius:1px;background:transparent;color:var(--text);text-decoration:none; font-family:Consolas,'Courier New',monospace!important;font-size:var(--fs-100)!important;font-weight:500;letter-spacing:.16em;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer; transition:border-color .2s ease,background-color .2s ease,opacity .2s ease} #nt-portfolio .nt-illustration-chapter .nt-illo-foot .nt-link::before, #nt-portfolio [data-view="home"] .nt-about-chapter .nt-link::before, #nt-portfolio .nt-index-more .nt-capsule::before, #nt-portfolio .nt-outro .nt-outro-actions .nt-link::before, #nt-portfolio .nt-about-doodle .nt-doodle-submit::before, #nt-portfolio .nt-case-top .nt-link::before, #nt-portfolio .nt-case-foot .nt-link::before{content:'';position:absolute;left:-1px;right:-1px;top:-7px;bottom:-7px} #nt-portfolio .nt-illustration-chapter .nt-illo-foot .nt-link .nt-link-arrow, #nt-portfolio [data-view="home"] .nt-about-chapter .nt-link .nt-link-arrow, #nt-portfolio .nt-index-more .nt-capsule .nt-link-arrow, #nt-portfolio .nt-outro .nt-outro-actions .nt-link .nt-link-arrow, #nt-portfolio .nt-about-doodle .nt-doodle-submit .nt-link-arrow, #nt-portfolio .nt-case-top .nt-link .nt-link-arrow, #nt-portfolio .nt-case-foot .nt-link .nt-link-arrow{display:inline-block;color:var(--accent);transition:transform .2s ease} #nt-portfolio .nt-illustration-chapter .nt-illo-foot .nt-link:hover:not(:disabled), #nt-portfolio [data-view="home"] .nt-about-chapter .nt-link:hover:not(:disabled), #nt-portfolio .nt-index-more .nt-capsule:hover:not(:disabled), #nt-portfolio .nt-outro .nt-outro-actions .nt-link:hover:not(:disabled), #nt-portfolio .nt-about-doodle .nt-doodle-submit:hover:not(:disabled), #nt-portfolio .nt-case-top .nt-link:hover:not(:disabled), #nt-portfolio .nt-case-foot .nt-link:hover:not(:disabled){border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--text)} #nt-portfolio .nt-illustration-chapter .nt-illo-foot .nt-link:hover:not(:disabled) .nt-link-arrow, #nt-portfolio [data-view="home"] .nt-about-chapter .nt-link:hover:not(:disabled) .nt-link-arrow, #nt-portfolio .nt-index-more .nt-capsule:hover:not(:disabled) .nt-link-arrow, #nt-portfolio .nt-outro .nt-outro-actions .nt-link:hover:not(:disabled) .nt-link-arrow, #nt-portfolio .nt-about-doodle .nt-doodle-submit:hover:not(:disabled) .nt-link-arrow{transform:translateX(3px)} #nt-portfolio .nt-case-top .nt-link:hover:not(:disabled) .nt-link-arrow, #nt-portfolio .nt-case-foot .nt-link:hover:not(:disabled) .nt-link-arrow{transform:translateX(-3px)} #nt-portfolio .nt-illustration-chapter .nt-illo-foot .nt-link:active:not(:disabled), #nt-portfolio [data-view="home"] .nt-about-chapter .nt-link:active:not(:disabled), #nt-portfolio .nt-index-more .nt-capsule:active:not(:disabled), #nt-portfolio .nt-outro .nt-outro-actions .nt-link:active:not(:disabled), #nt-portfolio .nt-about-doodle .nt-doodle-submit:active:not(:disabled), #nt-portfolio .nt-case-top .nt-link:active:not(:disabled), #nt-portfolio .nt-case-foot .nt-link:active:not(:disabled){background:color-mix(in srgb,var(--accent) 16%,transparent)} #nt-portfolio .nt-illustration-chapter .nt-illo-foot .nt-link:focus-visible, #nt-portfolio [data-view="home"] .nt-about-chapter .nt-link:focus-visible, #nt-portfolio .nt-index-more .nt-capsule:focus-visible, #nt-portfolio .nt-outro .nt-outro-actions .nt-link:focus-visible, #nt-portfolio .nt-about-doodle .nt-doodle-submit:focus-visible, #nt-portfolio .nt-case-top .nt-link:focus-visible, #nt-portfolio .nt-case-foot .nt-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)!important} #nt-portfolio .nt-illustration-chapter .nt-illo-foot .nt-link:disabled, #nt-portfolio [data-view="home"] .nt-about-chapter .nt-link:disabled, #nt-portfolio .nt-index-more .nt-capsule:disabled, #nt-portfolio .nt-outro .nt-outro-actions .nt-link:disabled, #nt-portfolio .nt-about-doodle .nt-doodle-submit:disabled, #nt-portfolio .nt-case-top .nt-link:disabled, #nt-portfolio .nt-case-foot .nt-link:disabled{opacity:.4;cursor:not-allowed} @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-illustration-chapter .nt-illo-foot .nt-link .nt-link-arrow, #nt-portfolio [data-view="home"] .nt-about-chapter .nt-link .nt-link-arrow, #nt-portfolio .nt-index-more .nt-capsule .nt-link-arrow, #nt-portfolio .nt-outro .nt-outro-actions .nt-link .nt-link-arrow, #nt-portfolio .nt-about-doodle .nt-doodle-submit .nt-link-arrow, #nt-portfolio .nt-case-top .nt-link .nt-link-arrow, #nt-portfolio .nt-case-foot .nt-link .nt-link-arrow{transition:none} #nt-portfolio .nt-illustration-chapter .nt-illo-foot .nt-link:hover:not(:disabled) .nt-link-arrow, #nt-portfolio [data-view="home"] .nt-about-chapter .nt-link:hover:not(:disabled) .nt-link-arrow, #nt-portfolio .nt-index-more .nt-capsule:hover:not(:disabled) .nt-link-arrow, #nt-portfolio .nt-outro .nt-outro-actions .nt-link:hover:not(:disabled) .nt-link-arrow, #nt-portfolio .nt-about-doodle .nt-doodle-submit:hover:not(:disabled) .nt-link-arrow, #nt-portfolio .nt-case-top .nt-link:hover:not(:disabled) .nt-link-arrow, #nt-portfolio .nt-case-foot .nt-link:hover:not(:disabled) .nt-link-arrow{transform:none} } #nt-portfolio .nt-case-top .nt-link{margin-bottom:52px} #nt-portfolio .nt-illustration-chapter .nt-illo-foot{display:flex;justify-content:center} #nt-portfolio .nt-illustration-chapter .nt-illo-marquee{--nt-illo-h:clamp(300px,24vw,360px);--nt-illo-dur:240s;margin:0 0 48px} #nt-portfolio .nt-illustration-chapter .nt-illo-marquee .nt-illo-item:nth-child(n){width:auto} #nt-portfolio .nt-illustration-chapter .nt-illo-marquee .nt-illo-item img{width:auto;height:100%;object-fit:contain} @media (max-width:1000px){ #nt-portfolio .nt-illustration-chapter .nt-illo-marquee{--nt-illo-h:260px;--nt-illo-dur:220s} } @media (max-width:600px){ #nt-portfolio .nt-illustration-chapter .nt-illo-marquee{--nt-illo-h:220px;--nt-illo-dur:200s;margin-bottom:36px} } @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-illustration-chapter .nt-illo-marquee{overflow-x:auto;overscroll-behavior-x:contain} #nt-portfolio .nt-illustration-chapter .nt-illo-marquee .nt-illo-track{animation:none;flex-wrap:nowrap;width:max-content} } #nt-portfolio [data-view="home"] .nt-about-chapter.nt-split{display:flex;flex-direction:column;align-items:center;gap:0;padding-block:86px;text-align:center} #nt-portfolio [data-view="home"] .nt-about-chapter.nt-split>div{display:flex;flex-direction:column;align-items:center;width:100%} #nt-portfolio [data-view="home"] .nt-about-chapter.nt-split .nt-eyebrow{margin:0 0 16px} #nt-portfolio [data-view="home"] .nt-about-chapter.nt-split h2{margin:0;max-width:none;text-wrap:balance} #nt-portfolio [data-view="home"] .nt-about-chapter.nt-split .nt-copy{margin:24px 0 0;max-width:44ch} #nt-portfolio [data-view="home"] .nt-about-chapter.nt-split .nt-link{margin-top:32px} @media (max-width:760px){ #nt-portfolio [data-view="home"] .nt-about-chapter.nt-split{padding-block:60px} } #nt-portfolio .nt-outro{display:block;text-align:left;padding:86px var(--nt-edge) 0} #nt-portfolio .nt-outro-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px clamp(40px,6vw,96px);align-items:start} #nt-portfolio .nt-outro-contact .nt-eyebrow{margin:0;color:var(--text-muted)} #nt-portfolio .nt-outro-contact h2{margin:16px 0 0} #nt-portfolio .nt-outro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px} #nt-portfolio .nt-outro-actions .nt-contact-note{margin:0;color:var(--text-muted);font-size:clamp(18px,2cqw,22px);line-height:1.4;letter-spacing:-.015em} #nt-portfolio .nt-outro-actions .nt-contact-note a{display:inline-block;padding-block:11px;margin-block:-11px} #nt-portfolio .nt-outro-links{display:grid;grid-template-columns:repeat(2,max-content);gap:32px clamp(40px,5vw,88px);justify-content:end;padding-top:2px} #nt-portfolio .nt-outro-col-head{margin:0 0 14px;font-size:var(--fs-200);font-weight:500;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-outro-col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px} #nt-portfolio .nt-outro-col button{display:inline-flex;align-items:center;min-height:40px;padding:0;margin:0;background:none;border:0;font:inherit;font-size:var(--fs-500);line-height:1.3;text-align:left;color:color-mix(in srgb,var(--text) 84%,var(--bg));cursor:pointer;transition:color .2s ease} #nt-portfolio .nt-outro-col button:hover{color:var(--accent)} #nt-portfolio .nt-outro-col button:focus-visible{color:var(--accent);outline:2px solid var(--accent);outline-offset:3px} #nt-portfolio .nt-outro>.nt-footer{margin-top:86px;padding-top:24px;align-items:center;gap:12px 24px;text-align:left;font-size:var(--fs-200);font-weight:500;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-outro>.nt-footer>button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;transition:color .2s ease} #nt-portfolio .nt-outro>.nt-footer>button:hover,#nt-portfolio .nt-outro>.nt-footer>button:focus-visible{color:var(--accent)} #nt-portfolio .nt-outro>.nt-footer .nt-footer-logo{margin-right:0} #nt-portfolio .nt-outro>.nt-footer>button[data-page="home"]:not(.nt-footer-logo){margin-left:auto} #nt-portfolio .nt-outro-mark{margin-top:clamp(40px,5vw,64px);aspect-ratio:767/235.5;overflow:hidden;color:var(--text);pointer-events:none;user-select:none} #nt-portfolio .nt-outro-mark svg{display:block;width:100%;height:auto;overflow:visible} #nt-portfolio .nt-outro-mark path{fill:currentColor;stroke:none} @media (max-width:760px){ #nt-portfolio .nt-outro .nt-footer-tagline{display:none} } @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-outro-col button,#nt-portfolio .nt-outro>.nt-footer>button{transition:none} } @media (max-width:1000px){ #nt-portfolio .nt-outro-grid{grid-template-columns:1fr} #nt-portfolio .nt-outro-links{justify-content:start} } @media (max-width:760px){ #nt-portfolio .nt-outro{padding-top:60px} #nt-portfolio .nt-outro-contact{border:1px solid var(--border);border-radius:16px;padding:28px 24px;background:color-mix(in srgb,var(--text) 4%,var(--bg))} #nt-portfolio .nt-outro-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px} #nt-portfolio .nt-outro>.nt-footer{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:56px} #nt-portfolio .nt-outro>.nt-footer>span{order:3;flex-basis:100%} } #nt-portfolio .nt-gallery-page .nt-gallery-controls [role="group"][aria-label="Gallery width"]{padding-left:10px;border-left:1px solid var(--structure-border)} @media (min-width:1200px){ #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))} } @media (max-width:1199px){ #nt-portfolio .nt-gallery-page .nt-gallery-controls [data-gallery-cols-group]{display:none} } #nt-portfolio .nt-about-doodle header .nt-copy{margin:28px 0 0;max-width:36ch;color:var(--text)} #nt-portfolio .nt-doodle{display:grid;gap:14px;min-width:0} #nt-portfolio .nt-doodle-pad{position:relative;width:100%;max-width:200px;aspect-ratio:4/3;box-sizing:border-box;border:1px solid var(--nt-hair,var(--border));border-radius:var(--nt-radius-sm);background:color-mix(in srgb,var(--bg) 72%,#000);touch-action:none;cursor:crosshair;overflow:hidden;-webkit-user-select:none;user-select:none} #nt-portfolio .nt-doodle-pad:focus{outline:none} #nt-portfolio .nt-doodle-pad:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #nt-portfolio .nt-doodle-svg{position:absolute;inset:0;display:block;width:100%;height:100%} #nt-portfolio .nt-doodle svg path,#nt-portfolio .nt-doodle-wall svg path,#nt-portfolio .nt-doodle-admin svg path{fill:none;stroke-linecap:round;stroke-linejoin:round} #nt-portfolio .nt-doodle-cursor{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke} #nt-portfolio .nt-doodle-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-family:Consolas,'Courier New',monospace;font-size:var(--fs-100);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 34%,transparent);pointer-events:none;transition:opacity .2s ease} #nt-portfolio .nt-doodle.has-ink .nt-doodle-empty{opacity:0} #nt-portfolio .nt-doodle-help{margin:0;font-size:var(--fs-300);line-height:1.5;color:var(--text-muted)} #nt-portfolio .nt-doodle-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px} #nt-portfolio .nt-doodle-group{display:flex;align-items:center;gap:2px} #nt-portfolio .nt-doodle-group+.nt-doodle-group{padding-left:12px;border-left:1px solid var(--nt-hair,var(--border))} #nt-portfolio .nt-doodle-tools .nt-doodle-submit{margin-left:auto} #nt-portfolio .nt-doodle-tool{min-width:44px;min-height:44px;padding:0 10px;margin:0;background:none;border:0;border-radius:1px;font-family:Consolas,'Courier New',monospace;font-size:var(--fs-100);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:color .2s ease,opacity .2s ease} #nt-portfolio .nt-doodle-tool:hover:not(:disabled){color:var(--text)} #nt-portfolio .nt-doodle-tool:disabled{opacity:.35;cursor:default} #nt-portfolio .nt-doodle-tool:focus-visible,#nt-portfolio .nt-doodle-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px} #nt-portfolio .nt-doodle-swatch{display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0;background:none;border:0;border-radius:50%;cursor:pointer} #nt-portfolio .nt-doodle-swatch::before{content:'';width:16px;height:16px;border-radius:50%;background:var(--nt-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 22%,transparent)} #nt-portfolio .nt-doodle-swatch[data-ink=cream]{--nt-ink:#f4efe7} #nt-portfolio .nt-doodle-swatch[data-ink=orange]{--nt-ink:#e96f32} #nt-portfolio .nt-doodle-swatch[aria-pressed=true]::before{box-shadow:0 0 0 3px var(--section-bg,var(--bg)),0 0 0 4px var(--text)} #nt-portfolio .nt-doodle-status{margin:0;min-height:1.5em;font-size:var(--fs-400);line-height:1.5;color:var(--text-muted)} #nt-portfolio .nt-doodle-status[data-tone=ok]{color:var(--text)} #nt-portfolio .nt-doodle-wall,#nt-portfolio .nt-doodle-admin{grid-column:1/-1} #nt-portfolio .nt-doodle-wall-head{margin:0 0 18px;font-size:var(--fs-200);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-doodle-wall-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px} #nt-portfolio .nt-doodle-wall-list>li{aspect-ratio:4/3;border:1px solid var(--nt-hair,var(--border));border-radius:14px;background:color-mix(in srgb,var(--bg) 72%,#000);overflow:hidden} #nt-portfolio .nt-doodle-wall-list svg{display:block;width:100%;height:100%} #nt-portfolio .nt-doodle-admin .nt-doodle-wall-list>li{aspect-ratio:auto} #nt-portfolio .nt-doodle-admin .nt-doodle-wall-list svg{height:auto;aspect-ratio:4/3} #nt-portfolio .nt-doodle-admin-bar{display:flex;justify-content:space-between;border-top:1px solid var(--nt-hair,var(--border))} @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-doodle-empty,#nt-portfolio .nt-doodle-tool{transition:none} } @media (max-width:1000px){ #nt-portfolio .nt-doodle-pad{max-width:180px} } @media (max-width:760px){ #nt-portfolio .nt-doodle-pad{max-width:160px} #nt-portfolio .nt-doodle-tools .nt-doodle-submit{margin-left:0} #nt-portfolio .nt-doodle-wall-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} } #nt-portfolio footer.nt-outro{padding-bottom:clamp(24px,3vw,36px)} #nt-portfolio footer.nt-outro .nt-outro-mark{display:flex;justify-content:center;aspect-ratio:auto;overflow:visible;margin-top:86px;padding-top:clamp(40px,5vw,72px);border-top:1px solid var(--outro-border,var(--nt-border));color:var(--text)} #nt-portfolio footer.nt-outro .nt-outro-mark svg{width:min(100%,820px);height:auto} #nt-portfolio footer.nt-outro .nt-outro-mark path{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke} #nt-portfolio footer.nt-outro>.nt-footer{margin-top:86px;padding-top:24px;border-top:1px solid var(--outro-border,var(--nt-border));font-size:var(--fs-100);font-weight:500;letter-spacing:.16em} #nt-portfolio footer.nt-outro>.nt-footer,#nt-portfolio footer.nt-outro>.nt-footer *{font-family:Consolas,'Courier New',monospace!important} @media (max-width:760px){ #nt-portfolio footer.nt-outro .nt-outro-mark{margin-top:56px;padding-top:36px} #nt-portfolio footer.nt-outro>.nt-footer{margin-top:56px;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px} #nt-portfolio footer.nt-outro>.nt-footer>span{order:0;flex-basis:auto;white-space:nowrap} #nt-portfolio footer.nt-outro>.nt-footer>button{white-space:nowrap} #nt-portfolio footer.nt-outro .nt-outro-contact{border:0;border-radius:0;padding:0;background:none} } @media (max-width:1000px){ #nt-portfolio footer.nt-outro .nt-outro-links{display:none} } #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-resume{display:inline-block;flex-basis:100%;margin:0;font-family:inherit;font-size:clamp(18px,2cqw,22px);font-weight:400;line-height:1.4;letter-spacing:-.015em;text-transform:none;color:var(--text-muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-resume .nt-link-arrow{display:inline-block;margin-left:.3em;font-size:.8em;letter-spacing:0;text-transform:none;color:inherit} #nt-portfolio .nt-folders{position:relative;margin-top:clamp(8px,1.5vw,24px);height:clamp(500px,44vw,640px)} #nt-portfolio .nt-folders.is-measuring .nt-folder-photo{transition:none!important} #nt-portfolio .nt-folder-row{display:flex;justify-content:center;align-items:flex-start;gap:clamp(24px,4vw,64px);padding-top:clamp(104px,9vw,128px)} #nt-portfolio .nt-folder{display:flex;flex-direction:column;align-items:center;width:clamp(140px,13vw,200px);text-align:center} #nt-portfolio .nt-folder-btn{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding:0;margin:0;background:none;border:0;border-radius:12px;color:var(--text);font:inherit;text-align:center;cursor:pointer} #nt-portfolio .nt-folder-btn:focus-visible{outline:2px solid var(--accent);outline-offset:6px} #nt-portfolio .nt-folder-icon{position:relative;display:block;width:clamp(104px,9.5vw,150px);transition:transform .55s cubic-bezier(.2,1.3,.4,1)} #nt-portfolio .nt-folder-icon svg{display:block;width:100%;height:auto;color:var(--text);transition:opacity .3s ease} #nt-portfolio .nt-folder-name{font-family:Consolas,'Courier New',monospace!important;font-size:var(--fs-100);font-weight:500;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--text);transition:opacity .3s ease} #nt-portfolio .nt-folder-line{position:relative;z-index:2;margin:10px 0 0;max-width:24ch;font-size:var(--fs-400);line-height:1.5;color:var(--text-muted);opacity:0;transition:opacity .3s ease} #nt-portfolio .nt-folder.is-open .nt-folder-line{opacity:1} #nt-portfolio .nt-folder.is-open .nt-folder-icon{transform:translateY(-10px) scale(1.06)} #nt-portfolio .nt-folders.has-open .nt-folder:not(.is-open) .nt-folder-icon svg,#nt-portfolio .nt-folders.has-open .nt-folder:not(.is-open) .nt-folder-name{opacity:.35} #nt-portfolio .nt-folder-photos{list-style:none;margin:0;padding:0} #nt-portfolio .nt-folder-photo{position:absolute;left:var(--x);top:var(--y);width:var(--w);z-index:1;margin:0;pointer-events:none;opacity:0; transform:translate(var(--fx,0px),var(--fy,0px)) rotate(-19deg) scale(.16);transition:transform .38s cubic-bezier(.5,0,.75,0),opacity .25s ease} #nt-portfolio .nt-folder.is-open .nt-folder-photo{opacity:1;transform:rotate(var(--r)) scale(1); transition:transform .8s cubic-bezier(.18,1.25,.4,1) calc(var(--i,0)*45ms),opacity .35s ease calc(var(--i,0)*45ms)} #nt-portfolio .nt-folder-card{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:8px;border:1px solid var(--nt-hair);background:color-mix(in srgb,var(--text) 6%,var(--section-bg,var(--bg)));box-shadow:0 18px 40px -18px rgb(0 0 0/.7)} #nt-portfolio .nt-folder-card::before{content:'';position:absolute;inset:clamp(8px,6%,14px);border:1px solid var(--nt-hair);border-radius:4px;pointer-events:none} #nt-portfolio .nt-folder-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} #nt-portfolio .nt-folder-card:has(img)::before,#nt-portfolio .nt-folder-card:has(img) .nt-folder-card-note{display:none} #nt-portfolio .nt-folder-card-note{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);text-align:center;font-family:Consolas,'Courier New',monospace!important;font-size:var(--fs-100);line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-folder-file{display:block;margin-top:8px;font-family:Consolas,'Courier New',monospace!important;font-size:var(--fs-100);letter-spacing:.04em;color:var(--text-muted);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-folder-photo,#nt-portfolio .nt-folder.is-open .nt-folder-photo{transform:rotate(var(--r)) scale(1);transition:opacity .2s ease 0s} #nt-portfolio .nt-folder-icon,#nt-portfolio .nt-folder-icon svg,#nt-portfolio .nt-folder-name,#nt-portfolio .nt-folder-line{transition:none} #nt-portfolio .nt-folder.is-open .nt-folder-icon{transform:none} #nt-portfolio .nt-folders{transition:none!important} } @media (max-width:1000px){ #nt-portfolio .nt-folders{height:auto;padding-bottom:0;transition:padding-bottom .5s cubic-bezier(.2,.8,.2,1)} #nt-portfolio .nt-folders.has-open{padding-bottom:calc(88px + 27.5%)} #nt-portfolio .nt-folder-row{padding-top:100px} #nt-portfolio .nt-folder-photo{top:calc(var(--nt-row-h,280px) + var(--py,24px));width:22%} #nt-portfolio .nt-folder-photo:nth-child(1){left:2%;--py:24px} #nt-portfolio .nt-folder-photo:nth-child(2){left:26%;--py:48px} #nt-portfolio .nt-folder-photo:nth-child(3){left:50%;--py:16px} #nt-portfolio .nt-folder-photo:nth-child(4){left:74%;--py:40px} } @media (max-width:760px){ #nt-portfolio .nt-folders.has-open{padding-bottom:calc(82px + 58vw + 56.25%)} #nt-portfolio .nt-folder-row{padding-top:76px;gap:10px} #nt-portfolio .nt-folder{width:31%} #nt-portfolio .nt-folder-btn{gap:10px} #nt-portfolio .nt-folder-icon{width:min(84px,100%)} #nt-portfolio .nt-folder-name{letter-spacing:.1em} #nt-portfolio .nt-folder-photo{width:45%} #nt-portfolio .nt-folder-photo:nth-child(1){left:3%;--py:20px} #nt-portfolio .nt-folder-photo:nth-child(2){left:52%;--py:40px} #nt-portfolio .nt-folder-photo:nth-child(3){left:4%;--py:calc(28px + 58vw)} #nt-portfolio .nt-folder-photo:nth-child(4){left:52%;--py:calc(48px + 58vw)} } #nt-portfolio .nt-gallery-controls [data-gallery-width-toggle] .nt-w-icon{display:block} #nt-portfolio .nt-gallery-controls [data-gallery-width-toggle][data-state="normal"] .nt-w-to-normal, #nt-portfolio .nt-gallery-controls [data-gallery-width-toggle][data-state="wide"] .nt-w-to-wide{display:none} #nt-portfolio .nt-gallery-page .nt-gallery-controls [data-gallery-cols-group][hidden]+[role="group"][aria-label="Gallery width"]{border-left:0;padding-left:0} @keyframes nt-page-head-up{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:none}} #nt-portfolio [data-view="cases"] .nt-cases-hero, #nt-portfolio [data-view="about"] .nt-about-head, #nt-portfolio .nt-gallery-page .nt-gallery-head{animation:nt-page-head-up .6s ease both} @media (prefers-reduced-motion:reduce){ #nt-portfolio [data-view="cases"] .nt-cases-hero, #nt-portfolio [data-view="about"] .nt-about-head, #nt-portfolio .nt-gallery-page .nt-gallery-head{animation:none} } #nt-portfolio.nt-head-rise-ready [data-view="home"] .nt-index-head, #nt-portfolio.nt-head-rise-ready [data-view="home"] .nt-illo-head{transition:opacity .6s ease,transform .6s ease} #nt-portfolio.nt-head-rise-ready [data-view="home"] .nt-index-head:not(.is-in), #nt-portfolio.nt-head-rise-ready [data-view="home"] .nt-illo-head:not(.is-in){opacity:0;transform:translateY(100px)} @media (prefers-reduced-motion:reduce){ #nt-portfolio.nt-head-rise-ready [data-view="home"] .nt-index-head, #nt-portfolio.nt-head-rise-ready [data-view="home"] .nt-illo-head, #nt-portfolio.nt-head-rise-ready [data-view="home"] .nt-index-head:not(.is-in), #nt-portfolio.nt-head-rise-ready [data-view="home"] .nt-illo-head:not(.is-in){transition:none;opacity:1;transform:none} } @media (min-width:761px){ #nt-portfolio [data-view="about"] .nt-about-head{padding-bottom:48px} } @media (min-width:761px) and (max-width:1000px){ #nt-portfolio [data-view="about"] .nt-about-head{padding-bottom:40px} } #nt-portfolio .nt-about-oneliner{margin:clamp(20px,2.4vw,32px) 0 0;max-width:38ch;font-size:clamp(19px,1.8cqw,24px);line-height:1.45;letter-spacing:-.015em;color:var(--text);text-wrap:balance} #nt-portfolio .nt-about-story .nt-about-formal{margin-top:28px} @media (max-width:760px){ #nt-portfolio .nt-about-story .nt-about-formal{margin-top:18px} #nt-portfolio .nt-about-story .nt-about-resume-link{padding-block:10px} } #nt-portfolio .nt-about-story .nt-copy{margin:0;max-width:40ch} #nt-portfolio .nt-about-arc{list-style:none;display:grid;gap:12px;margin:32px 0 0;padding:0} #nt-portfolio .nt-about-arc li{display:flex;align-items:center;gap:.8em;font-size:var(--fs-200);font-weight:500;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--text)} #nt-portfolio .nt-about-arc li::before{content:"\2192" / "";flex:none;width:1.1em;text-align:center;color:var(--accent);letter-spacing:0} #nt-portfolio .nt-about-arc li:first-child::before{content:"" / "";width:.45em;height:.45em;margin:0 .325em;border-radius:50%;background:var(--accent)} #nt-portfolio .nt-about-story .nt-copy+.nt-copy{margin-top:16px} #nt-portfolio .nt-about-photo{width:100%;max-width:200px;margin:0} #nt-portfolio .nt-about-photo img{display:block;width:100%;height:auto;aspect-ratio:1104/1280;object-fit:cover;border-radius:var(--nt-radius-sm,8px)} #nt-portfolio .nt-about-formal{align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:16px} #nt-portfolio .nt-about-formal-label{margin:0;font-size:var(--fs-200);font-weight:500;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)} #nt-portfolio .nt-about-resume-link{display:inline-block;margin:0;font-family:inherit;font-size:clamp(18px,2cqw,22px);font-weight:400;line-height:1.4;letter-spacing:-.015em;text-transform:none;color:var(--text-muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)} #nt-portfolio .nt-about-how{display:block} #nt-portfolio .nt-about-how>h2{margin:0 auto;max-width:none;text-align:center} #nt-portfolio .nt-about-nilu{display:block} #nt-portfolio .nt-about-nilu>div{margin:clamp(24px,3vw,32px) auto 0;max-width:42ch} #nt-portfolio .nt-about-story{display:block} #nt-portfolio .nt-about-story>header{text-align:center} #nt-portfolio .nt-about-story>header h2{margin:0 auto;max-width:none} #nt-portfolio .nt-about-story>div{margin:clamp(24px,3vw,32px) auto 0;max-width:40ch} #nt-portfolio .nt-about-make{display:block} #nt-portfolio .nt-about-make>header{text-align:center} #nt-portfolio .nt-about-make>header h2{margin:0 auto;max-width:none} #nt-portfolio .nt-about-doodle{display:block} #nt-portfolio .nt-about-doodle>header{text-align:center} #nt-portfolio .nt-about-doodle>header h2{margin:0 auto;max-width:none} #nt-portfolio .nt-about-doodle>header .nt-copy{margin-left:auto;margin-right:auto} #nt-portfolio .nt-how-cards{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(16px,2vw,24px);max-width:1000px;margin:clamp(32px,4vw,56px) auto 0;padding:0} #nt-portfolio .nt-how-card{display:flex;flex-direction:column;gap:14px;margin:0;padding:clamp(24px,2.6vw,36px);border:1px solid var(--nt-hair,var(--border));border-radius:14px;background:color-mix(in srgb,var(--text) 3%,var(--section-bg,var(--bg)))} #nt-portfolio .nt-how-num{display:block;margin:0 0 8px;font-family:Consolas,'Courier New',monospace!important;font-size:var(--fs-200);font-weight:500;line-height:1;letter-spacing:.16em;color:var(--text)} #nt-portfolio .nt-how-num .nt-how-num-dot{font-family:Consolas,'Courier New',monospace!important;color:var(--accent)} #nt-portfolio .nt-how-card h3{margin:0;font-size:clamp(20px,1.7cqw,24px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--text)} #nt-portfolio .nt-how-card p{margin:0;font-size:var(--fs-500);line-height:1.6;color:var(--text-muted)} #nt-portfolio .nt-about-nilu h2{margin:0} #nt-portfolio .nt-about-nilu-mark{position:relative;display:block;width:84px;height:66px;margin:0 0 20px;overflow:hidden} #nt-portfolio .nt-about-nilu-mark svg{position:absolute;display:block;width:126px;height:126px;max-width:none;left:-21px;top:-33px;filter:url(#nt-logo-cream)} #nt-portfolio .nt-about-nilu .nt-copy{margin:0;max-width:42ch} #nt-portfolio .nt-about-nilu .nt-copy+.nt-copy{margin-top:14px;color:var(--text-muted)} #nt-portfolio .nt-about-personal{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin:32px 0 0} #nt-portfolio .nt-about-personal .nt-about-photo{flex:0 0 auto;width:200px} #nt-portfolio .nt-about-nilu .nt-about-mineu{margin-top:24px;color:var(--text)} #nt-portfolio .nt-about-photos{display:block} #nt-portfolio .nt-about-photos .nt-about-personal{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch;gap:20px;margin:0} #nt-portfolio .nt-about-photos .nt-about-personal .nt-about-photo{width:100%;max-width:none;margin:0;aspect-ratio:4/5} #nt-portfolio .nt-about-photos .nt-about-personal .nt-about-photo-mineu{height:100%} #nt-portfolio .nt-about-photos .nt-about-personal .nt-about-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:var(--nt-radius-sm,8px)} @media(max-width:760px){ #nt-portfolio .nt-about-photos .nt-about-personal{grid-template-columns:1fr;gap:16px} #nt-portfolio .nt-about-photos .nt-about-personal .nt-about-photo{aspect-ratio:4/5} #nt-portfolio .nt-about-photos .nt-about-personal .nt-about-photo-mineu{height:auto} } #nt-portfolio .nt-about-photo{position:relative;overflow:hidden;border-radius:var(--nt-radius-sm,8px)} #nt-portfolio .nt-about-photo-reveal{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:clamp(8px,1.2vw,12px);padding:clamp(12px,2vw,18px);background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0) 80%);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none} @media (hover:hover) and (pointer:fine){ #nt-portfolio .nt-about-photo:hover .nt-about-photo-reveal{opacity:1;transform:translateY(0)} } #nt-portfolio .nt-about-photo.is-revealed .nt-about-photo-reveal{opacity:1;transform:translateY(0)} #nt-portfolio .nt-about-photo-reveal .nt-dp{width:clamp(34px,5.2cqw,48px);height:clamp(34px,5.2cqw,48px);flex-shrink:0} #nt-portfolio .nt-about-photos .nt-about-personal .nt-about-photo .nt-about-photo-reveal .nt-dp img.nt-portrait{position:absolute;display:block;width:244%;height:122%;max-width:none;left:-11%;top:-11.5%;object-fit:cover} #nt-portfolio .nt-about-photos .nt-about-personal .nt-about-photo .nt-about-photo-reveal-cat{width:clamp(32px,5cqw,44px);height:clamp(32px,5cqw,44px);flex-shrink:0;border-radius:50%;object-fit:cover;object-position:50% 15%} #nt-portfolio .nt-about-photo-reveal-label{font-size:clamp(14px,1.6cqw,17px);font-weight:500;letter-spacing:-.01em;color:var(--nt-orange,#e86f32);text-shadow:0 1px 1px rgb(0 0 0 / .55),0 2px 12px rgb(0 0 0 / .5)} @media(prefers-reduced-motion:reduce){ #nt-portfolio .nt-about-photo-reveal{transition:none} } @media (max-width:900px){ #nt-portfolio .nt-how-cards{grid-template-columns:1fr;grid-auto-rows:auto;max-width:none} } @media (max-width:1000px){ #nt-portfolio .nt-about-photo{max-width:180px} } @media (max-width:760px){ #nt-portfolio .nt-about-photo{max-width:160px} #nt-portfolio .nt-about-personal{flex-direction:column} #nt-portfolio .nt-about-arc li{font-size:var(--fs-100)} } #nt-portfolio .nt-header .nt-nav-resume, #nt-portfolio .nt-menu-link[data-resume-link], #nt-portfolio .nt-menu-link[data-resume-link] .nt-menu-label, #nt-portfolio .nt-index-head .nt-index-resume, #nt-portfolio .nt-about-story a.nt-about-resume-link, #nt-portfolio footer.nt-outro a.nt-outro-resume{text-transform:none} #nt-portfolio .nt-menu-link[data-resume-link]{display:flex;align-items:baseline;gap:16px} #nt-portfolio footer.nt-outro .nt-outro-contact h2{text-wrap:balance} #nt-portfolio footer.nt-outro .nt-outro-contact .nt-contact-note{margin:20px 0 0;max-width:40ch;font-size:clamp(18px,2cqw,22px);line-height:1.4;letter-spacing:-.015em;color:var(--text-muted)} #nt-portfolio footer.nt-outro .nt-outro-actions{gap:16px 14px;margin-top:32px} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-instagram{border-color:color-mix(in srgb,var(--text) 24%,transparent)!important;color:color-mix(in srgb,var(--text) 80%,transparent)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-instagram .nt-link-arrow{color:var(--text-muted)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-instagram[aria-disabled="true"]{opacity:.5;cursor:default;pointer-events:none} @media (max-width:340px){ #nt-portfolio footer.nt-outro .nt-outro-actions{flex-direction:column;align-items:stretch} #nt-portfolio footer.nt-outro .nt-outro-contact h2{font-size:28px} } @media (max-width:760px){ #nt-portfolio [data-view="about"] .nt-about-story .nt-about-arc{gap:6px;margin-top:24px} #nt-portfolio [data-view="about"] .nt-about-story .nt-about-arc li{display:block;font-size:var(--fs-500);font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--text-muted)} #nt-portfolio [data-view="about"] .nt-about-story .nt-about-arc li::before, #nt-portfolio [data-view="about"] .nt-about-story .nt-about-arc li:first-child::before{content:none;display:none} #nt-portfolio [data-view="about"] .nt-about-formal-label{display:none} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-link{min-height:34px;gap:0;justify-content:center;padding:0 14px!important;letter-spacing:.14em} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-link::before{top:-8px;bottom:-8px} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-link .nt-link-arrow{display:none} #nt-portfolio footer.nt-outro .nt-outro-actions{flex-direction:row;align-items:center;gap:16px 10px} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-resume{padding-block:10px} #nt-portfolio [data-view="about"] .nt-folder-row{justify-content:space-between;gap:0;padding-top:clamp(84px,26vw,110px)} #nt-portfolio [data-view="about"] .nt-folder{width:29%} #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"]{width:36%} #nt-portfolio [data-view="about"] .nt-folder-btn{gap:14px} #nt-portfolio [data-view="about"] .nt-folder-icon{width:100%} #nt-portfolio [data-view="about"] .nt-folder:not([data-folder="house"]) .nt-folder-icon{display:flex;align-items:flex-end;aspect-ratio:29/30.72} #nt-portfolio [data-view="about"] .nt-folder-name{line-height:1.45;letter-spacing:.1em;text-wrap:balance} #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"] .nt-mineu-perch{width:58%;transform:translate(-50%,26%)} } @media (max-width:374px){ #nt-portfolio .nt-doodle-tools{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 10px;align-items:center} #nt-portfolio .nt-doodle-group+.nt-doodle-group{padding-left:10px;justify-content:space-between} #nt-portfolio .nt-doodle-group+.nt-doodle-group .nt-doodle-tool{flex:1 1 0;padding:0 4px;letter-spacing:.12em} #nt-portfolio .nt-doodle-tools .nt-doodle-submit{grid-column:1/-1;justify-self:stretch;margin-left:0} } #nt-portfolio .nt-about-resume-link, #nt-portfolio .nt-outro-resume{position:relative} #nt-portfolio .nt-about-resume-link::before, #nt-portfolio .nt-outro-resume::before{content:'';position:absolute;left:-8px;right:-8px;top:-10px;bottom:-10px} #nt-portfolio .nt-folder-icon{transform-origin:50% 100%;transition:transform .32s cubic-bezier(.25,.8,.25,1)} #nt-portfolio .nt-folder.is-open .nt-folder-icon{transform:translateY(-3px) scale(1.03)} #nt-portfolio .nt-folder-photo{transform:translate(calc(var(--fx,0px) * .25),calc(var(--fy,0px) * .25)) scale(.9);transition:transform .22s ease-in,opacity .18s ease} #nt-portfolio .nt-folder.is-open .nt-folder-photo{transform:rotate(calc(var(--r,0deg) * .5)) scale(1);transition:transform .45s cubic-bezier(.2,.7,.2,1) calc(var(--i,0)*40ms),opacity .3s ease calc(var(--i,0)*40ms)} @media (min-width:1001px){ #nt-portfolio .nt-folder-photo{left:calc(var(--x) + var(--w) * .075);width:calc(var(--w) * .85)} } @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-folder-icon{transition:none} #nt-portfolio .nt-folder.is-open .nt-folder-icon{transform:none} #nt-portfolio .nt-folder-photo,#nt-portfolio .nt-folder.is-open .nt-folder-photo{transform:rotate(calc(var(--r,0deg) * .5));transition:opacity .2s ease 0s} } #nt-portfolio .nt-folder-file{display:none} #nt-portfolio .nt-about-head .nt-about-oneliner{max-width:46ch} #nt-portfolio .nt-about-nilu-id{--nilu-h:var(--display-section,clamp(32px,4.3cqw,54px));display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(12px,1.3vw,20px)} #nt-portfolio .nt-about-nilu-id .nt-about-nilu-mark{flex:none;width:calc(var(--nilu-h) * 1.27);height:var(--nilu-h);margin:0} #nt-portfolio .nt-about-nilu-id .nt-about-nilu-mark svg{width:calc(var(--nilu-h) * 1.905);height:calc(var(--nilu-h) * 1.905);left:calc(var(--nilu-h) * -.3175);top:calc(var(--nilu-h) * -.5)} #nt-portfolio .nt-folder-cover{position:absolute;left:14.5%;top:18%;width:71%;height:64%;box-sizing:border-box;display:grid;place-items:center;overflow:hidden;border-radius:4px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);background:color-mix(in srgb,var(--text) 5%,transparent);color:color-mix(in srgb,var(--text) 34%,transparent);pointer-events:none;transition:opacity .3s ease} #nt-portfolio .nt-folder-cover svg{display:block;width:24%;max-width:34px;height:auto} #nt-portfolio .nt-folder-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} #nt-portfolio .nt-folder-cover:has(img) svg{display:none} #nt-portfolio .nt-folders.has-open .nt-folder:not(.is-open) .nt-folder-cover{opacity:.35} #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"] .nt-mineu-perch{width:58%;bottom:72%;transform:translateX(-50%)} @media (min-width:1001px){ #nt-portfolio .nt-folders{height:clamp(620px,52vw,760px)} #nt-portfolio .nt-folder-row{padding-top:clamp(150px,11.5vw,180px)} #nt-portfolio .nt-folder{width:clamp(170px,16vw,240px)} #nt-portfolio .nt-folder-icon{width:clamp(150px,14vw,210px)} } @media (min-width:761px) and (max-width:1000px){ #nt-portfolio .nt-folder-row{padding-top:120px} #nt-portfolio .nt-folder{width:clamp(170px,22vw,210px)} #nt-portfolio .nt-folder-icon{width:clamp(140px,19vw,180px)} } @media (max-width:760px){ #nt-portfolio [data-view="about"] .nt-folder, #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"]{width:32%} #nt-portfolio [data-view="about"] .nt-folder:not([data-folder="house"]) .nt-folder-icon{display:block;aspect-ratio:auto} } #nt-portfolio .nt-about-doodle .nt-doodle{width:100%;max-width:560px;margin:clamp(24px,3vw,40px) auto 0} #nt-portfolio .nt-doodle-pad{max-width:none} #nt-portfolio .nt-doodle-tools .nt-doodle-submit{margin-left:0} @media (max-width:1000px){ #nt-portfolio .nt-about-doodle .nt-doodle{max-width:520px} #nt-portfolio .nt-doodle-pad{max-width:none} } @media (max-width:760px){ #nt-portfolio .nt-about-doodle .nt-doodle{max-width:none} #nt-portfolio .nt-doodle-pad{max-width:none} } @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-folder-cover{transition:none} } #nt-portfolio .nt-gallery-page .nt-gallery-controls [data-gallery-cols-group][hidden]{display:none} @media (max-width:1000px){ #nt-portfolio .nt-gallery-page .nt-gallery-controls [data-gallery-cols-group]{display:none} } @media (min-width:1001px){ #nt-portfolio .nt-gallery-page .nt-gallery-controls [data-gallery-cols-group]:not([hidden]){display:flex} } @media (min-width:761px){ #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="2"] .nt-art-feature{grid-column:auto;grid-row:auto} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="2"] [data-art=eternal-sunshine]~.nt-art{order:3} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="2"] .nt-art[data-art=joji]{order:1} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="2"] .nt-art[data-art=eternal-sunshine]{order:2} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="2"] .nt-art[data-art=passing-of-joint]{order:4;grid-column:1/-1;justify-self:center;width:calc(50% - 8px)} } @media (min-width:1001px){ #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="3"] .nt-art{grid-column:auto;grid-row:auto;order:0;width:auto;justify-self:stretch} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="4"]{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="4"] .nt-art{grid-column:span 2;grid-row:auto;order:0;width:auto;justify-self:stretch} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="4"] > .nt-art:nth-last-child(3){grid-column:2 / span 2} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="4"] > .nt-art:nth-last-child(2){grid-column:4 / span 2} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="4"] > .nt-art:nth-last-child(1){grid-column:6 / span 2} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="4"] > [data-art="7-of-clubs"],#nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="4"] > [data-art="7-of-clubs"] ~ .nt-art{order:1} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="4"] > [data-art="7-of-clubs"] ~ [data-art="eternal-sunshine"]{order:0} #nt-portfolio .nt-gallery-page .nt-gallery[data-layout=two][data-width=wide][data-cols="3"] > .nt-art:nth-last-child(1){grid-column:2} } #nt-portfolio .nt-about-nilu>header, #nt-portfolio .nt-about-story>header, #nt-portfolio .nt-about-nilu>div, #nt-portfolio .nt-about-story>div{box-sizing:border-box;width:100%;max-width:600px;margin-left:auto;margin-right:auto;text-align:left} #nt-portfolio .nt-about-nilu-id{justify-content:flex-start} #nt-portfolio .nt-about-story>header h2{margin:0;max-width:none;text-align:left} #nt-portfolio .nt-about-nilu .nt-copy, #nt-portfolio .nt-about-story .nt-copy{max-width:none;text-wrap:pretty} #nt-portfolio .nt-about-nilu .nt-copy+.nt-copy, #nt-portfolio .nt-about-story .nt-copy+.nt-copy{margin-top:18px} @media (min-width:761px){ #nt-portfolio .nt-about-nilu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;column-gap:clamp(28px,4.5vw,56px)} #nt-portfolio .nt-about-nilu>header{width:auto;max-width:none;margin:0} #nt-portfolio .nt-about-nilu>div{width:auto;max-width:60ch;margin:0} } @media (min-width:761px){ #nt-portfolio .nt-about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;column-gap:clamp(28px,4.5vw,56px)} #nt-portfolio .nt-about-story>header{width:auto;max-width:none;margin:0} #nt-portfolio .nt-about-story>div{width:auto;max-width:60ch;margin:0} } #nt-portfolio .nt-about-nilu, #nt-portfolio .nt-about-story{display:flex;flex-direction:column;align-items:center} #nt-portfolio .nt-about-nilu>header, #nt-portfolio .nt-about-story>header{width:100%;max-width:none;margin:0;text-align:center} #nt-portfolio .nt-about-nilu-id{justify-content:center} #nt-portfolio .nt-about-story>header h2{margin:0 auto;max-width:none;text-align:center} #nt-portfolio .nt-about-nilu>div, #nt-portfolio .nt-about-story>div{width:100%;max-width:660px;margin-top:clamp(24px,3vw,32px);text-align:left} #nt-portfolio .nt-about-nilu>div{max-width:none;text-align:center} #nt-portfolio .nt-about-nilu>div>.nt-copy{max-width:46ch;margin-left:auto;margin-right:auto;font-size:clamp(19px,1.8cqw,24px);line-height:1.45;letter-spacing:-.015em;color:var(--text);text-align:center;text-wrap:balance} #nt-portfolio .nt-about-nilu>div>.nt-copy+.nt-copy{margin-top:18px;color:var(--text)} #nt-portfolio .nt-about-story>div{max-width:none;text-align:center} #nt-portfolio .nt-about-story>div>.nt-copy{max-width:46ch;margin-left:auto;margin-right:auto;font-size:clamp(19px,1.8cqw,24px);line-height:1.45;letter-spacing:-.015em;color:var(--text);text-align:center;text-wrap:balance} #nt-portfolio .nt-about-story>div>.nt-copy+.nt-copy{margin-top:18px;color:var(--text)} #nt-portfolio .nt-about-doodle[hidden]{display:none!important} #nt-portfolio [data-view="about"] .nt-about-block{padding-top:clamp(56px,calc(2.5vw + 40px),76px);padding-bottom:clamp(56px,calc(2.5vw + 40px),76px)} #nt-portfolio .nt-how-cards{margin-top:clamp(32px,calc(2vw + 24px),44px)} @media (min-width:1001px){ #nt-portfolio .nt-folders{height:auto;padding-bottom:clamp(24px,2.5vw,36px);transition:padding-bottom .5s cubic-bezier(.2,.8,.2,1)} #nt-portfolio .nt-folders.has-open{padding-bottom:calc(clamp(620px,52vw,760px) - var(--nt-row-h,368px))} } #nt-portfolio .nt-folder-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent} @media (min-width:1001px) and (hover:none),(min-width:1001px) and (pointer:coarse){ #nt-portfolio .nt-folders{height:auto;padding-bottom:0;transition:padding-bottom .5s cubic-bezier(.2,.8,.2,1)} #nt-portfolio .nt-folders.has-open{padding-bottom:calc(88px + 27.5%)} #nt-portfolio .nt-folder-photo{top:calc(var(--nt-row-h,280px) + var(--py,24px));width:22%} #nt-portfolio .nt-folder-photo:nth-child(1){left:2%;--py:24px} #nt-portfolio .nt-folder-photo:nth-child(2){left:26%;--py:48px} #nt-portfolio .nt-folder-photo:nth-child(3){left:50%;--py:16px} #nt-portfolio .nt-folder-photo:nth-child(4){left:74%;--py:40px} } #nt-portfolio .nt-about-photos .nt-about-personal.nt-about-personal-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);align-items:start} #nt-portfolio .nt-about-photos .nt-about-personal.nt-about-personal-4 .nt-about-photo{height:auto;aspect-ratio:4/5} #nt-portfolio .nt-about-photos .nt-about-personal.nt-about-personal-4 .nt-about-photo-reveal{flex-wrap:wrap;row-gap:6px} @media (max-width:1100px){ #nt-portfolio .nt-about-photos .nt-about-personal.nt-about-personal-4{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:760px){ #nt-portfolio .nt-about-photos .nt-about-personal.nt-about-personal-4{gap:12px} } #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-email{border-color:color-mix(in srgb,var(--text) 24%,transparent)!important} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-email-util{display:flex;flex-wrap:wrap;align-items:baseline;flex-basis:100%;gap:4px 18px;margin:8px 0 0;font-family:inherit;font-size:clamp(18px,2cqw,22px);font-weight:400;line-height:1.4;letter-spacing:-.015em;text-transform:none;color:var(--text-muted)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-address{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy{position:relative;display:inline-block;margin:0;padding:0;border:0;border-radius:0;background:none;font:inherit;letter-spacing:inherit;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);cursor:pointer;transition:color .2s,text-decoration-color .2s} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy::before{content:'';position:absolute;left:-8px;right:-8px;top:-10px;bottom:-10px} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy:hover, #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy:focus-visible{color:var(--accent);text-decoration-color:var(--accent)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy.is-copied{color:var(--accent);text-decoration-color:transparent} @media (prefers-reduced-motion:reduce){ #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy{transition:none} } #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy{margin-right:10px;font-family:inherit;font-size:clamp(18px,2cqw,22px);font-weight:400;line-height:1.4;letter-spacing:-.015em;text-transform:none;color:var(--text-muted)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-resume{flex-basis:auto} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-resume:hover, #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-resume:focus-visible{color:var(--accent);text-decoration-color:var(--accent)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-resume:hover .nt-link-arrow, #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-resume:focus-visible .nt-link-arrow{color:var(--accent)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-resume:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-email-util{gap:4px 8px;align-items:baseline} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy-hint{align-self:flex-start;margin-top:-2px} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-address{position:relative;display:inline-block;margin:0;padding:0;border:0;border-radius:0;background:none;font:inherit;letter-spacing:inherit;color:inherit;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);cursor:copy;-webkit-user-select:none;user-select:none;overflow-wrap:anywhere;transition:color .2s,text-decoration-color .2s} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-address::before{content:'';position:absolute;left:-8px;right:-8px;top:-10px;bottom:-10px} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-address:hover, #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-address:focus-visible{color:var(--accent);text-decoration-color:var(--accent)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-address:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy-hint{font-family:Consolas,'Courier New',monospace!important;font-size:9px!important;font-weight:500;letter-spacing:.12em;line-height:1;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;opacity:0;transform:translateX(-4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,color .2s ease} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-address:hover+.nt-outro-copy-hint, #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-address:focus-visible+.nt-outro-copy-hint, #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-email-util.is-copied .nt-outro-copy-hint, #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-email-util.is-failed .nt-outro-copy-hint{opacity:1;transform:none} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-email-util.is-copied .nt-outro-copy-hint{color:var(--accent)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-email-util.is-copied .nt-outro-address{color:var(--accent);text-decoration-color:var(--accent)} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-email-util.is-failed .nt-outro-address{-webkit-user-select:all;user-select:all;cursor:text} @media (prefers-reduced-motion:reduce){ #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-address, #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy-hint{transition:none;transform:none} } @media (max-width:760px){ #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-email-util{flex-direction:column;align-items:flex-start;gap:6px 0} #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy-hint{opacity:1;transform:none;align-self:flex-start;margin-top:0} } @media (hover:none){ #nt-portfolio footer.nt-outro .nt-outro-actions .nt-outro-copy-hint{opacity:1;transform:none} } #nt-portfolio .nt-gallery-page .nt-wrap:has(+ .nt-gallery-top),#nt-portfolio .nt-gallery-page .nt-wrap:has(+ .nt-gallery-top) .nt-gallery{padding-bottom:0} #nt-portfolio .nt-gallery-page .nt-gallery-top{position:sticky;bottom:max(20px,env(safe-area-inset-bottom));z-index:20;display:flex;width:fit-content;margin:clamp(40px,5vw,64px) auto 86px;padding:6px;box-sizing:border-box;border:1px solid var(--structure-border);border-radius:999px;background:color-mix(in srgb,var(--text) 5%,var(--bg));box-shadow:0 10px 28px -12px rgb(0 0 0 / .55);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s} #nt-portfolio .nt-gallery-page .nt-gallery-top.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease,visibility 0s} #nt-portfolio .nt-gallery-page .nt-gallery-top-btn{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px;margin:0;border:0;border-radius:999px;background:none;color:var(--text-muted);font-family:Consolas,'Courier New',monospace!important;font-size:var(--fs-100);font-weight:500;line-height:1;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .2s,background-color .2s} #nt-portfolio .nt-gallery-page .nt-gallery-top-arrow{font-family:Consolas,'Courier New',monospace!important;color:var(--accent);transition:transform .2s ease} @media (hover:hover){ #nt-portfolio .nt-gallery-page .nt-gallery-top-btn:hover{color:var(--text);background:var(--nav-selected)} #nt-portfolio .nt-gallery-page .nt-gallery-top-btn:hover .nt-gallery-top-arrow{transform:translateY(-2px)} } #nt-portfolio .nt-gallery-page .nt-gallery-top-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px} #nt-portfolio [data-view="illustration"] h1[tabindex="-1"]:focus:not(:focus-visible){outline:none} @media (max-width:760px){ #nt-portfolio .nt-gallery-page .nt-gallery-top{padding:4px;bottom:max(16px,env(safe-area-inset-bottom))} #nt-portfolio .nt-gallery-page .nt-gallery-top-btn{height:36px;padding:0 16px} } @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-gallery-page .nt-gallery-top,#nt-portfolio .nt-gallery-page .nt-gallery-top.is-visible{transition:none;transform:none} } #nt-portfolio .nt-hero-v4 .nt-statement-phone{display:none} @media(max-width:767px){ #nt-portfolio .nt-hero-v4 .nt-statement-wide{display:none} #nt-portfolio .nt-hero-v4 .nt-statement-phone{display:inline} } #nt-portfolio .nt-gallery-page .nt-gallery-top{border-radius:27px} #nt-portfolio .nt-gallery-page .nt-gallery-top.is-visible{transition:opacity .25s ease,transform .25s ease,visibility 0s,padding .3s ease,border-radius .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease} #nt-portfolio .nt-gallery-page .nt-gallery-top .nt-gallery-top-btn{position:relative;box-sizing:border-box;border:1px solid transparent;border-radius:20px;transition:height .3s ease,padding .3s ease,gap .3s ease,border-radius .3s ease,border-color .3s ease,background-color .3s ease,color .3s ease,letter-spacing .3s ease} #nt-portfolio .nt-gallery-page .nt-gallery-top .nt-gallery-top-arrow, #nt-portfolio .nt-gallery-page .nt-gallery-top .nt-gallery-top-label{display:inline-block;transition:transform .3s ease} #nt-portfolio .nt-gallery-page .nt-gallery-top.is-docked{padding:0;border-color:transparent;border-radius:0;background:transparent;box-shadow:0 10px 28px -12px rgb(0 0 0 / 0)} #nt-portfolio .nt-gallery-page .nt-gallery-top.is-docked .nt-gallery-top-btn{justify-content:space-between;gap:22px;height:34px;padding:0 12px 0 14px;border-color:color-mix(in srgb,var(--accent) 70%,transparent);border-radius:1px;background:transparent;color:var(--text);letter-spacing:.16em} #nt-portfolio .nt-gallery-page .nt-gallery-top.is-docked .nt-gallery-top-btn::before{content:'';position:absolute;left:-1px;right:-1px;top:-7px;bottom:-7px} #nt-portfolio .nt-gallery-page .nt-gallery-top.is-docked .nt-gallery-top-arrow{order:1} @media (hover:hover){ #nt-portfolio .nt-gallery-page .nt-gallery-top.is-docked .nt-gallery-top-btn:hover{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)} } #nt-portfolio .nt-gallery-page .nt-gallery-top.is-docked .nt-gallery-top-btn:active{background:color-mix(in srgb,var(--accent) 16%,transparent)} #nt-portfolio .nt-gallery-page .nt-gallery-top.is-docked .nt-gallery-top-btn:focus-visible{outline-offset:3px;border-color:var(--accent)} @media (max-width:760px){ #nt-portfolio .nt-gallery-page .nt-gallery-top{border-radius:23px} #nt-portfolio .nt-gallery-page .nt-gallery-top .nt-gallery-top-btn{border-radius:18px} #nt-portfolio .nt-gallery-page .nt-gallery-top.is-docked{padding:0;border-radius:0} #nt-portfolio .nt-gallery-page .nt-gallery-top.is-docked .nt-gallery-top-btn{height:34px;padding:0 12px 0 14px;border-radius:1px;letter-spacing:.14em} } @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-gallery-page .nt-gallery-top,#nt-portfolio .nt-gallery-page .nt-gallery-top.is-visible, #nt-portfolio .nt-gallery-page .nt-gallery-top .nt-gallery-top-btn, #nt-portfolio .nt-gallery-page .nt-gallery-top .nt-gallery-top-arrow,#nt-portfolio .nt-gallery-page .nt-gallery-top .nt-gallery-top-label{transition:none} } #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-card{aspect-ratio:1} @media (min-width:1001px) and (hover:hover) and (pointer:fine){ #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo{left:calc(var(--x) - var(--w) * .03125);width:calc(var(--w) * 1.0625)} } @media (max-width:1000px),(min-width:1001px) and (hover:none),(min-width:1001px) and (pointer:coarse){ #nt-portfolio .nt-folders:has(.nt-folder[data-folder="doodles"].is-open){padding-bottom:calc(88px + 24%)} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo{width:24%} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo:nth-child(1){left:1%} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo:nth-child(2){left:26%} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo:nth-child(3){left:51%} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo:nth-child(4){left:76%} } @media (max-width:760px){ #nt-portfolio .nt-folders:has(.nt-folder[data-folder="doodles"].is-open){padding-bottom:calc(82px + 50vw + 47.5%)} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo{width:47.5%} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo:nth-child(1){left:1.5%} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo:nth-child(2){left:51%} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo:nth-child(3){left:1.5%;--py:calc(28px + 50vw)} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo:nth-child(4){left:51%;--py:calc(48px + 50vw)} } @media (min-width:1001px){ #nt-portfolio .nt-folder-row{padding-top:clamp(220px,17.8vw,250px)} #nt-portfolio .nt-folder{width:clamp(220px,20.8vw,300px)} #nt-portfolio .nt-folder-icon{width:clamp(200px,18.75vw,270px)} } @media (min-width:1001px) and (hover:hover) and (pointer:fine){ #nt-portfolio .nt-folders.has-open{padding-bottom:calc(clamp(740px,64vw,910px) - var(--nt-row-h,451px))} } @media (min-width:761px) and (max-width:1000px){ #nt-portfolio .nt-folder-row{padding-top:150px} #nt-portfolio .nt-folder{width:clamp(190px,26vw,240px)} #nt-portfolio .nt-folder-icon{width:clamp(170px,23vw,215px)} } @media (max-width:760px){ #nt-portfolio [data-view="about"] .nt-folder-row{flex-wrap:wrap;justify-content:center;gap:28px 6%;padding-top:clamp(104px,32vw,132px)} #nt-portfolio [data-view="about"] .nt-folder, #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"]{width:46%} } #nt-portfolio .nt-folder-icon>svg{display:none} #nt-portfolio [data-view="about"] .nt-folder:not([data-folder="house"]) .nt-folder-icon, #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"] .nt-folder-icon{display:block;aspect-ratio:1} #nt-portfolio .nt-folder-cover{left:0;top:0;width:100%;height:100%;border:0;border-radius:8px;background:color-mix(in srgb,var(--text) 6%,var(--bg))} #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"] .nt-mineu-perch{bottom:83%} @media (min-width:1001px) and (hover:hover) and (pointer:fine){ #nt-portfolio .nt-folders.has-open{padding-bottom:calc(clamp(840px,68vw,960px) - var(--nt-row-h,551px))} } @media (max-width:760px){ #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"]{order:-1;margin:0 27%} } @media (max-width:760px){ #nt-portfolio [data-view="about"] .nt-folder-row{margin-inline:-3.5%;gap:28px 4%;padding-top:clamp(118px,36vw,150px)} #nt-portfolio [data-view="about"] .nt-folder, #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"]{width:48%} #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"]{margin:0 26%} } @media (min-width:1001px) and (hover:hover) and (pointer:fine){ #nt-portfolio [data-view="about"] .nt-folder-row{padding-top:min(clamp(220px,17.8vw,250px),calc((100vh - 120px) * .311))} #nt-portfolio [data-view="about"] .nt-folder:not([data-folder="house"]) .nt-folder-icon, #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"] .nt-folder-icon{width:min(clamp(200px,18.75vw,270px),calc((100vh - 120px) * .336))} #nt-portfolio .nt-folder-photo{--nt-card:min(calc(var(--w) * .85),calc((100vh - 120px) * .224));left:calc(var(--x) + (var(--w) - var(--nt-card)) / 2);width:var(--nt-card)} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo{--nt-card:min(calc(var(--w) * 1.0625),calc((100vh - 120px) * .28));left:calc(var(--x) + (var(--w) - var(--nt-card)) / 2);width:var(--nt-card)} #nt-portfolio .nt-folder-photo:nth-child(2),#nt-portfolio .nt-folder-photo:nth-child(4){top:calc(var(--nt-row-h,451px) + 28px)} #nt-portfolio .nt-folders.has-open{padding-bottom:calc(min(18.06%,(100vh - 120px) * .28) + 28px)} } @media (min-width:1101px) and (hover:hover) and (pointer:fine){ #nt-portfolio [data-view="about"] .nt-folder-row{gap:32px;padding-top:clamp(220px,17.8vw,250px)} #nt-portfolio [data-view="about"] .nt-folder:not([data-folder="house"]) .nt-folder-icon, #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"] .nt-folder-icon{width:clamp(200px,18.75vw,270px)} #nt-portfolio .nt-folder-photo{--nt-pic:clamp(200px,18.75vw,270px);--nt-col:clamp(220px,20.8vw,300px);--nt-card:calc(var(--w) * .85)} #nt-portfolio .nt-folder[data-folder="doodles"] .nt-folder-photo{--nt-card:calc(var(--w) * 1.0625)} #nt-portfolio .nt-folder[data-folder] .nt-folder-photo:nth-child(2),#nt-portfolio .nt-folder[data-folder] .nt-folder-photo:nth-child(4){top:calc(clamp(220px,17.8vw,250px) + var(--nt-pic) / 2 + 40px);translate:0 -50%} #nt-portfolio .nt-folder[data-folder] .nt-folder-photo:nth-child(2){left:max(calc((100% - 100vw) / 2 + 16px),calc((100% - 3 * var(--nt-col) - 64px) / 2 + (var(--nt-col) - var(--nt-pic)) / 2 - var(--nt-card) - 20px))} #nt-portfolio .nt-folder[data-folder] .nt-folder-photo:nth-child(4){left:min(calc((100% + 100vw) / 2 - var(--nt-card) - 16px),calc((100% + 3 * var(--nt-col) + 64px) / 2 - (var(--nt-col) - var(--nt-pic)) / 2 + 20px))} #nt-portfolio .nt-folders.has-open{padding-bottom:clamp(24px,2.5vw,36px)} } #nt-portfolio .nt-folder-cover{border:8px solid var(--text)} @media (max-width:760px){ #nt-portfolio .nt-folder-cover{border-width:6px} } @media (max-width:760px){ #nt-portfolio [data-view="about"] .nt-folders:has(.nt-folder[data-folder="house"].is-open) .nt-folder:not(.is-open) .nt-folder-cover, #nt-portfolio [data-view="about"] .nt-folders:has(.nt-folder[data-folder="house"].is-open) .nt-folder:not(.is-open) .nt-folder-name{opacity:.12} #nt-portfolio [data-view="about"] .nt-folder[data-folder="house"] .nt-folder-photo{top:calc(var(--nt-row-h,280px) - .5136 * (100vw - 2 * var(--nt-edge,24px)) - 46px + var(--py,24px))} #nt-portfolio [data-view="about"] .nt-folders:has(.nt-folder[data-folder="house"].is-open){padding-bottom:calc(36px + 58vw + 56.25% - .5136 * (100vw - 2 * var(--nt-edge,24px)))} } #nt-portfolio .nt-gallery-page .nt-art-open{scroll-margin-top:96px} @media (max-width:1000px){ #nt-portfolio .nt-gallery-page .nt-art-open{scroll-margin-top:88px} } #nt-portfolio .nt-menu-panel{overflow-y:auto;overscroll-behavior:contain;scroll-padding:88px 0 16px} @media (max-height:500px){ #nt-portfolio .nt-gallery-page .nt-gallery-controls{position:static} } #nt-portfolio h1[data-nt-view-focus]:focus{outline:none} #nt-portfolio .nt-case-page:has(.hd) .nt-case-body{--bg:#f2ede4;--surface:#faf7f1;--section-bg:#f2ede4;--text:#1d1b18;--text-muted:#5e5850;--border:#c6bdad;--nt-hair:#d8d0c1;--accent:#c9581f; background:var(--bg);color:var(--text);margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);padding-top:clamp(8px,1.5vw,20px)} #nt-portfolio [data-view="project"]:has(.hd){overflow-x:clip} #nt-portfolio .nt-case-page:has(.hd) .nt-case-body .nt-case-section{border-top-color:var(--border)} #nt-portfolio .nt-case-page:has(.hd) .nt-case-body .nt-case-section--close{border-bottom:0} #nt-portfolio .nt-case-page:has(.hd) .nt-case-body .nt-case-section>header{top:112px} #nt-portfolio .nt-case-page:has(.hd) .nt-case-body .nt-case-section h2{max-width:16ch} #nt-portfolio .nt-case-page:has(.hd) .nt-case-body .nt-case-section--wide h2{max-width:22ch} #nt-portfolio .nt-case-page:has(.hd) .nt-case-facts{grid-template-columns:repeat(3,minmax(0,1fr))} #nt-portfolio .nt-case-page:has(.hd) .nt-case-hero .nt-case-caption{font-family:'Caveat','Segoe Print',cursive!important;font-size:clamp(22px,2.6vw,36px)!important;letter-spacing:0;text-transform:none;line-height:1.15;background:none;padding:0;color:#f4efe7;left:auto;right:clamp(24px,4%,56px);bottom:clamp(20px,5%,44px);max-width:12ch;text-align:right;transform:rotate(-3deg);text-shadow:0 1px 0 rgba(0,0,0,.4);z-index:3} #nt-portfolio .nt-case-page:has(.hd) .nt-case-hero .nt-case-num{color:transparent;-webkit-text-stroke:1px rgba(244,239,231,.55)} #nt-portfolio .hd{--hd-mono:Consolas,'Courier New',monospace} #nt-portfolio .hd :where(p,h3,h4,ul,figure){margin:0} #nt-portfolio .hd-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;letter-spacing:-.01em;color:var(--text);max-width:60ch;margin:0 0 18px} #nt-portfolio .hd-body{font-size:clamp(15.5px,1.25vw,17px);line-height:1.7;color:var(--text-muted);max-width:64ch;margin:0 0 16px} #nt-portfolio .hd-body:last-child,#nt-portfolio .hd-lead:last-child{margin-bottom:0} #nt-portfolio .hd-statement{font-size:clamp(24px,3.2vw,40px);line-height:1.22;letter-spacing:-.025em;font-weight:600;max-width:26ch;color:var(--text);margin:0 0 22px} #nt-portfolio .hd-h3{font-family:var(--hd-mono)!important;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:0 0 14px} #nt-portfolio .hd-h3--gap{margin-top:36px} #nt-portfolio .hd-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 56px;align-items:start} #nt-portfolio .hd-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0} #nt-portfolio .hd-roles .nt-cs-role{padding:18px 20px;border-radius:6px} #nt-portfolio .hd-roles .nt-cs-role h3{margin-bottom:10px} #nt-portfolio .hd-roles .nt-cs-role li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--border);top:.55em} #nt-portfolio .hd-paper{position:relative;background:#faf7f0 repeating-linear-gradient(0deg,transparent 0 27px,rgba(29,27,24,.055) 27px 28px);border:1px solid var(--nt-hair);border-radius:3px;padding:clamp(14px,2vw,24px);box-shadow:0 1px 0 rgba(29,27,24,.06),0 10px 24px -18px rgba(29,27,24,.35)} #nt-portfolio .hd-sketch-svg{display:block;width:100%;height:auto} #nt-portfolio .hd svg text.hd-hand,#nt-portfolio .hd svg .hd-hand text,#nt-portfolio .hd svg g.hd-hand{font-family:'Caveat','Segoe Print',cursive!important} #nt-portfolio .hd-artifacts{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;margin-top:32px;align-items:start} #nt-portfolio .hd-photo{display:block;border:1px solid var(--nt-hair);border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(29,27,24,.06),0 10px 24px -18px rgba(29,27,24,.35)} #nt-portfolio .hd-photo img{display:block;width:100%;height:auto} #nt-portfolio .hd-concept .hd-photo{margin-bottom:14px} #nt-portfolio .hd-photo-link{display:block;border-radius:4px} #nt-portfolio .hd-photo-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #nt-portfolio .hd-photos figcaption{margin-top:10px;font-family:var(--hd-mono)!important;font-size:11px;letter-spacing:.06em;color:var(--text-muted)} #nt-portfolio .hd-photo-note{margin-top:16px;font-size:13px;color:var(--text-muted)} #nt-portfolio .hd-fig figcaption,#nt-portfolio .hd-wire-fig figcaption,#nt-portfolio .hd-screen figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--text-muted)} #nt-portfolio .hd-fig figcaption{font-family:var(--hd-mono)!important;font-size:11px;letter-spacing:.06em} #nt-portfolio .hd-notes{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:26px} #nt-portfolio .hd-note{display:inline-block;font-family:'Caveat','Segoe Print',cursive!important;font-size:clamp(20px,1.9vw,25px);line-height:1.2;color:var(--text);background:#faf7f0;border:1px solid var(--nt-hair);padding:8px 14px;transform:rotate(-1.6deg);box-shadow:2px 3px 0 rgba(29,27,24,.06)} #nt-portfolio .hd-notes .hd-note:nth-child(even){transform:rotate(1.4deg)} #nt-portfolio .hd-note--pin{position:absolute;right:-10px;bottom:-16px;font-size:clamp(15px,1.3vw,18px);padding:5px 10px;max-width:70%;transform:rotate(-2.5deg)} #nt-portfolio .hd-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0 8px} #nt-portfolio .hd-principle{border-top:2px solid var(--text);padding-top:14px} #nt-portfolio .hd-num{display:block;font-family:var(--hd-mono)!important;font-size:11px;letter-spacing:.14em;color:var(--accent);margin-bottom:10px} #nt-portfolio .hd-principle h3{font-size:clamp(16px,1.35vw,18px);font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0 0 8px} #nt-portfolio .hd-principle p{font-size:14.5px;line-height:1.6;color:var(--text-muted)} #nt-portfolio .hd-principles--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px} #nt-portfolio .hd-flow{margin:22px 0 0} #nt-portfolio .hd-flow .nt-cs-step{border-radius:4px;flex:1 1 150px} #nt-portfolio .hd-flow--stack .nt-cs-step{flex:1 1 128px;font-size:12.5px} #nt-portfolio .hd-scope{margin-top:4px} #nt-portfolio .hd-scope li{padding:16px 0;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)} #nt-portfolio .hd-scope strong{font-size:var(--fs-500)} #nt-portfolio .hd-scope span{font-size:14.5px} #nt-portfolio .hd-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px} #nt-portfolio .hd-concept{border:1px solid var(--nt-hair);border-radius:6px;padding:16px 16px 20px;background:var(--surface)} #nt-portfolio .hd-concept.is-chosen{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)} #nt-portfolio .hd-sketch{padding:10px;margin-bottom:14px} #nt-portfolio .hd-verdict{font-family:var(--hd-mono)!important;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px} #nt-portfolio .hd-verdict--chosen{color:var(--accent)} #nt-portfolio .hd-concept h4{font-size:clamp(17px,1.4vw,19px);font-weight:600;letter-spacing:-.01em;margin:0 0 8px} #nt-portfolio .hd-concept p{font-size:14px;line-height:1.6;color:var(--text-muted)} #nt-portfolio .hd-decision{margin-top:24px;padding:16px 20px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--nt-hair));border-left:4px solid var(--accent);background:var(--surface);max-width:72ch} #nt-portfolio .hd-decision h4{font-size:clamp(17px,1.4vw,19px);font-weight:600;letter-spacing:-.01em;margin:6px 0 8px} #nt-portfolio .hd-decision .hd-body{margin:0} #nt-portfolio .hd-ia{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:24px 0 8px} #nt-portfolio .hd-ia::before{content:'';position:absolute;left:10%;right:10%;top:0;height:1px;background:var(--text)} #nt-portfolio .hd-ia-col{border-top:2px solid var(--text);padding-top:14px} #nt-portfolio .hd-ia-col h3{font-size:clamp(15px,1.3vw,17px);font-weight:700;letter-spacing:-.01em;margin:0 0 10px} #nt-portfolio .hd-ia-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px} #nt-portfolio .hd-ia-col li{font-size:13.5px;line-height:1.5;color:var(--text-muted);padding-left:12px;position:relative} #nt-portfolio .hd-ia-col li::before{content:'';position:absolute;left:0;top:.6em;width:5px;height:1px;background:var(--border)} #nt-portfolio .hd-wires{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;margin-top:26px} #nt-portfolio .hd-screen.hd-wire-key img{border-color:var(--accent);border-width:2px} #nt-portfolio .hd-wire-fig{position:relative} #nt-portfolio .hd-wire{position:relative;aspect-ratio:4/3;background:#f7f3ea;border:1px solid var(--nt-hair);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:8px} #nt-portfolio .hd-wire .nt-cs-wbar{height:8px} #nt-portfolio .hd-wire .nt-cs-wline{height:5px} #nt-portfolio .hd-wire .nt-cs-wcircle{width:12px;height:12px} #nt-portfolio .hd-wire-cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:12px;flex:1;min-height:0} #nt-portfolio .hd-wire-list{display:flex;flex-direction:column;gap:8px} #nt-portfolio .hd-wire-side{display:flex;flex-direction:column;gap:8px;border-left:1px dashed color-mix(in srgb,var(--text) 24%,var(--bg));padding-left:12px} #nt-portfolio .hd-wbarrow{position:relative;display:flex;align-items:center;gap:8px} #nt-portfolio .hd-wbarrow--named .nt-cs-wline{flex:none} #nt-portfolio .hd-wtrack{flex:1;height:7px;border-radius:2px;background:color-mix(in srgb,var(--text) 10%,var(--bg));position:relative;overflow:hidden} #nt-portfolio .hd-wire-side .hd-wbarrow{display:block;height:7px;border-radius:2px;background:color-mix(in srgb,var(--text) 10%,var(--bg));overflow:hidden} #nt-portfolio .hd-wire-side .hd-wbarrow .nt-cs-wline{display:none} #nt-portfolio .hd-wfill{position:absolute;left:0;top:0;height:100%;background:color-mix(in srgb,var(--text) 45%,var(--bg))} #nt-portfolio .hd-wtrack .hd-wfill,#nt-portfolio .hd-wire-side .hd-wfill{position:absolute} #nt-portfolio .hd-wfill--over{background:color-mix(in srgb,var(--accent) 75%,var(--bg))} #nt-portfolio .hd-matrix{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.7fr));gap:9px 8px;align-items:center;margin-top:4px} #nt-portfolio .hd-mhead{display:block;font-family:var(--hd-mono)!important;font-style:normal;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:center} #nt-portfolio .hd-cell{display:block;height:12px;border:1px solid color-mix(in srgb,var(--text) 30%,var(--bg));border-radius:2px;background:transparent} #nt-portfolio .hd-cell.on{background:color-mix(in srgb,var(--text) 50%,var(--bg));border-color:transparent} #nt-portfolio .hd-wire-fig figcaption b{display:block;font-weight:600;color:var(--text);margin-bottom:2px} #nt-portfolio .hd-wire-fig figcaption{margin-top:22px} #nt-portfolio .hd-proto{display:flex;flex-direction:column;gap:32px;margin-top:26px} #nt-portfolio .hd-proto-block{background:#f4f5f6;border:1px solid #cfd3d8;border-radius:6px;padding:20px 22px 22px} #nt-portfolio .hd-proto-block.hd-proto-key{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)} #nt-portfolio .hd-proto-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px} #nt-portfolio .hd-proto-title{font-family:var(--hd-mono)!important;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8b929c;margin:0 0 4px} #nt-portfolio .hd-proto-name{font-size:clamp(16px,1.3vw,18px);font-weight:700;color:#2b2f36;margin:0} #nt-portfolio .hd-proto-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start;min-width:0} #nt-portfolio .hd-proto-scroll{overflow-x:auto;min-width:0} #nt-portfolio .hd-proto-table{width:100%;min-width:420px;border-collapse:collapse;font-size:12.5px} #nt-portfolio .hd-proto-table th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#8b929c;font-weight:500;padding:0 10px 8px 0;border-bottom:1px solid #cfd3d8;white-space:nowrap} #nt-portfolio .hd-proto-table td{padding:9px 10px 9px 0;border-bottom:1px solid #e3e5e8;color:#2b2f36;vertical-align:middle} #nt-portfolio .hd-proto-table tr:last-child td{border-bottom:none} #nt-portfolio .hd-proto-table td.hd-proto-muted{color:#8b929c} #nt-portfolio .hd-proto-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#4b5158;white-space:nowrap} #nt-portfolio .hd-proto-dot{width:7px;height:7px;border-radius:50%;background:#9aa1ab;flex:none} #nt-portfolio .hd-proto-dot--warn{background:#b45309} #nt-portfolio .hd-proto-dot--bad{background:#b42318} #nt-portfolio .hd-proto-dot--good{background:#2e7d32} #nt-portfolio .hd-proto-bar{position:relative;width:76px;height:6px;border-radius:3px;background:#dfe2e6;display:inline-block;vertical-align:middle} #nt-portfolio .hd-proto-bar span{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:#767c86} #nt-portfolio .hd-proto-bar.hd-proto-bar--over span{background:#b42318} #nt-portfolio .hd-proto-access{width:100%;min-width:640px;border-collapse:collapse;font-size:12px} #nt-portfolio .hd-proto-access th{text-align:left;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8b929c;font-weight:500;padding:0 8px 8px 0;border-bottom:1px solid #cfd3d8;white-space:nowrap} #nt-portfolio .hd-proto-access td{padding:8px 8px 8px 0;border-bottom:1px solid #e3e5e8;color:#2b2f36;white-space:nowrap} #nt-portfolio .hd-proto-access tr:last-child td{border-bottom:none} #nt-portfolio .hd-proto-access td.hd-proto-muted{color:#8b929c} #nt-portfolio .hd-proto-check{display:inline-block;width:16px;text-align:center;color:#4b5158} #nt-portfolio .hd-proto-check.off{color:#c7cbd0} #nt-portfolio .hd-proto-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px} #nt-portfolio .hd-proto-filter{font-size:11px;color:#4b5158;border:1px solid #cfd3d8;border-radius:20px;padding:5px 12px;background:#fff} #nt-portfolio .hd-proto-summary{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:18px;padding-top:16px;border-top:1px solid #dde0e3} #nt-portfolio .hd-proto-stat{font-size:11px;color:#8b929c} #nt-portfolio .hd-proto-stat b{display:block;font-size:19px;font-weight:700;color:#2b2f36} #nt-portfolio .hd-proto-note{font-size:12px;color:#767c86;margin-top:14px;max-width:70ch} #nt-portfolio .hd-proto-caption{margin-top:16px;font-size:13px;line-height:1.55;color:var(--text-muted)} #nt-portfolio .hd-proto-caption b{display:block;font-weight:600;color:var(--text);margin-bottom:2px;font-size:15px} @media (max-width:900px){ #nt-portfolio .hd-proto-grid{grid-template-columns:1fr} } #nt-portfolio .hd-recon-note{font-size:14.5px;line-height:1.6;color:var(--text);max-width:72ch;margin:0 0 26px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--nt-hair));border-left:4px solid var(--accent);background:var(--surface)} #nt-portfolio .hd-recon-note b{font-weight:600} #nt-portfolio .hd-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px} #nt-portfolio .hd-screen{position:relative} #nt-portfolio .hd-screen img{display:block;width:100%;height:auto;border:1px solid var(--nt-hair);border-radius:4px;background:#ece8df;box-shadow:0 12px 30px -22px rgba(29,27,24,.5)} #nt-portfolio .hd-tag{display:inline-block;vertical-align:middle;margin-left:8px;font-family:var(--hd-mono)!important;font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);background:var(--text);padding:4px 7px;border-radius:2px;line-height:1} #nt-portfolio .hd-screen figcaption b{display:block;font-weight:600;color:var(--text);margin-bottom:2px;font-size:15px} #nt-portfolio .hd-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin:0 0 34px} #nt-portfolio .hd-outcomes>div{border-top:1px solid var(--border);padding-top:14px} #nt-portfolio .hd-outcomes h3{font-size:clamp(16px,1.35vw,18px);font-weight:600;letter-spacing:-.01em;margin:0 0 6px} #nt-portfolio .hd-outcomes p{font-size:14.5px;line-height:1.6;color:var(--text-muted)} @media (max-width:1000px){ #nt-portfolio .hd-cols{grid-template-columns:1fr} #nt-portfolio .hd-concepts,#nt-portfolio .hd-principles{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .hd-ia{grid-template-columns:repeat(3,minmax(0,1fr))} #nt-portfolio .hd-wires{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .nt-case-page:has(.hd) .nt-case-facts{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:760px){ #nt-portfolio .hd-artifacts,#nt-portfolio .hd-concepts,#nt-portfolio .hd-principles,#nt-portfolio .hd-wires,#nt-portfolio .hd-screens,#nt-portfolio .hd-outcomes,#nt-portfolio .hd-roles{grid-template-columns:1fr} #nt-portfolio .hd-ia{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .hd-scope li{grid-template-columns:1fr} #nt-portfolio .nt-case-page:has(.hd) .nt-case-facts{grid-template-columns:1fr} #nt-portfolio .nt-case-page:has(.hd) .nt-case-hero .nt-case-caption{font-size:20px!important;max-width:14ch;right:18px;bottom:16px} #nt-portfolio .hd-note--pin{position:static;display:inline-block;margin-top:10px;max-width:none;transform:rotate(-1.5deg)} } @media (prefers-reduced-motion:reduce){ #nt-portfolio .hd-note,#nt-portfolio .hd-note--pin,#nt-portfolio .nt-case-page:has(.hd) .nt-case-hero .nt-case-caption{transform:none} } #nt-portfolio .nt-case-page:has(.lt) .nt-case-body{--bg:#f1eee4;--surface:#f8f6ef;--section-bg:#f1eee4;--text:#20231e;--text-muted:#585b50;--border:#c3c0ae;--nt-hair:#d9d5c5;--accent:#a24f2b;--lt-green:#2e4a3b;--lt-olive:#7b7c55;--lt-paper:#fbfaf5;--lt-serif:Georgia,'Times New Roman',serif; background:var(--bg);color:var(--text);margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);padding-top:clamp(8px,1.5vw,20px)} #nt-portfolio [data-view="project"]:has(.lt){overflow-x:clip} #nt-portfolio .nt-case-page:has(.lt) .nt-case-body .nt-case-section>*,#nt-portfolio .lt,#nt-portfolio .lt-plates>*,#nt-portfolio .lt-plate-stack>*,#nt-portfolio .lt-fig{min-width:0} #nt-portfolio .nt-case-page:has(.lt) .nt-case-body .nt-case-section{border-top-color:var(--border)} #nt-portfolio .nt-case-page:has(.lt) .nt-case-body .nt-case-section--close{border-bottom:0} #nt-portfolio .nt-case-page:has(.lt) .nt-case-body .nt-case-section>header{top:112px} #nt-portfolio .nt-case-page:has(.lt) .nt-case-body .nt-eyebrow{color:var(--lt-green)} #nt-portfolio .nt-case-page:has(.lt) .nt-case-body .nt-case-section h2{max-width:18ch} #nt-portfolio .nt-case-page:has(.lt) .nt-case-body .nt-case-section--wide h2{max-width:24ch} #nt-portfolio .nt-case-page:has(.lt) .nt-case-facts{grid-template-columns:repeat(3,minmax(0,1fr))} #nt-portfolio .nt-case-page:has(.lt) .nt-case-hero{background:#2d3229 var(--nt-shot) center/cover no-repeat;border-color:#3a4034;isolation:isolate} #nt-portfolio .nt-case-page:has(.lt) .nt-case-hero::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgb(24 28 22/.18),rgb(24 28 22/.46)),rgb(60 64 50/.18);pointer-events:none} #nt-portfolio .nt-case-page:has(.lt) .nt-case-hero .nt-case-art{position:relative;z-index:1} #nt-portfolio .nt-case-page:has(.lt) .nt-case-hero .nt-case-chip{display:none} #nt-portfolio .nt-case-page:has(.lt) .nt-case-hero .nt-case-num{color:transparent;-webkit-text-stroke:1px rgba(241,238,228,.62)} #nt-portfolio .nt-case-page:has(.lt) .nt-case-hero .nt-case-num i{color:transparent;background:none;-webkit-text-stroke:1px rgba(241,238,228,.62)} #nt-portfolio .nt-case-page:has(.lt) .nt-case-hero .nt-case-caption{z-index:2;font-family:Georgia,'Times New Roman',serif!important;font-style:italic;font-size:clamp(15px,1.3vw,18px)!important;letter-spacing:0;text-transform:none;background:none;padding:0 0 0 14px;border-left:2px solid #c0643a;color:#f1eee4;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.45)} #nt-portfolio .lt :where(p,h3,h4,ul,ol,dl,dd,figure,table){margin:0} #nt-portfolio .lt-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;letter-spacing:-.01em;color:var(--text);max-width:60ch;margin:0 0 18px} #nt-portfolio .lt-body{font-size:clamp(15.5px,1.25vw,17px);line-height:1.7;color:var(--text-muted);max-width:66ch;margin:0 0 16px} #nt-portfolio .lt-body:last-child,#nt-portfolio .lt-lead:last-child{margin-bottom:0} #nt-portfolio .lt-body--note{font-family:var(--lt-serif)!important;font-style:italic;color:var(--text);margin-bottom:26px} #nt-portfolio .lt-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px 56px;align-items:start} #nt-portfolio .lt-pull{font-family:var(--lt-serif)!important;font-style:italic;font-size:clamp(26px,2.9vw,40px);line-height:1.15;color:var(--lt-green);border-top:1px solid var(--lt-green);padding-top:18px;margin-top:6px} #nt-portfolio .lt-label{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lt-green);margin:40px 0 14px} #nt-portfolio .lt-label--gap{margin-top:44px} #nt-portfolio .lt-statement{font-size:clamp(23px,3vw,38px);line-height:1.24;letter-spacing:-.022em;font-weight:600;max-width:30ch;color:var(--text);margin:0 0 30px} #nt-portfolio .lt-index{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--lt-green);border-bottom:1px solid var(--border)} #nt-portfolio .lt-index li{padding:14px 16px 18px;border-left:1px solid var(--nt-hair);display:flex;flex-direction:column;gap:6px} #nt-portfolio .lt-index li:first-child{border-left:0;padding-left:0} #nt-portfolio .lt-index-n{font-family:var(--lt-serif)!important;font-style:italic;font-size:14px;color:var(--accent)} #nt-portfolio .lt-index b{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text)} #nt-portfolio .lt-index span:last-child{font-size:14px;line-height:1.5;color:var(--text-muted)} #nt-portfolio .lt-plates{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px;margin-top:34px;align-items:start} #nt-portfolio .lt-plate-stack{display:flex;flex-direction:column;gap:24px} #nt-portfolio .lt-sheet{position:relative;background:var(--lt-paper);border:1px solid var(--nt-hair);border-top:2px solid var(--lt-green);padding:clamp(14px,1.8vw,22px);box-shadow:0 12px 26px -22px rgba(32,35,30,.45)} #nt-portfolio .lt-graph{background-color:var(--lt-paper);background-image:linear-gradient(rgb(46 74 59/.07) 1px,transparent 1px),linear-gradient(90deg,rgb(46 74 59/.07) 1px,transparent 1px);background-size:18px 18px} #nt-portfolio .lt-sheet-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--nt-hair);font-size:13px;font-weight:600;color:var(--text)} #nt-portfolio .lt-fignum{font-family:var(--lt-serif)!important;font-style:italic;font-weight:400;color:var(--lt-green)} #nt-portfolio .lt-stamp{margin-left:auto;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);padding:3px 7px} #nt-portfolio .lt-fig figcaption{margin-top:10px;font-family:var(--lt-serif)!important;font-style:italic;font-size:14px;line-height:1.5;color:var(--text-muted)} #nt-portfolio .lt-map{display:block;width:100%;max-width:420px;height:auto;margin:6px auto 0} #nt-portfolio .lt-svg{display:block;width:100%;height:auto} #nt-portfolio .lt svg .lt-hand,#nt-portfolio .lt svg .lt-hand text{font-family:'Caveat','Segoe Print',cursive!important} #nt-portfolio .lt svg .lt-note-text,#nt-portfolio .lt svg .lt-note-text text{font-family:Georgia,'Times New Roman',serif!important;font-style:italic} #nt-portfolio .lt-table-wrap{overflow-x:auto} #nt-portfolio .lt-terms,#nt-portfolio .lt-matrix{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45;color:var(--text)} #nt-portfolio .lt-terms th,#nt-portfolio .lt-matrix thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lt-green);padding:0 12px 9px 0;border-bottom:1px solid var(--lt-green)} #nt-portfolio .lt-terms td{padding:10px 12px 10px 0;border-bottom:1px solid var(--nt-hair);vertical-align:top;color:var(--text-muted)} #nt-portfolio .lt-terms td:first-child{color:var(--text);font-weight:500;white-space:nowrap} #nt-portfolio .lt-terms .lt-local{font-family:var(--lt-serif)!important;font-style:italic;color:var(--accent);white-space:nowrap} #nt-portfolio .lt-matrix{margin-top:22px;font-size:15px} #nt-portfolio .lt-matrix thead th{padding:0 18px 12px 0} #nt-portfolio .lt-matrix tbody th{text-align:left;font-weight:600;width:28%;padding:16px 18px 16px 0;border-bottom:1px solid var(--nt-hair);vertical-align:top} #nt-portfolio .lt-matrix tbody th::before{content:'';display:inline-block;width:8px;height:8px;margin-right:10px;background:var(--lt-green);vertical-align:.08em} #nt-portfolio .lt-matrix td{padding:16px 18px 16px 0;border-bottom:1px solid var(--nt-hair);vertical-align:top;color:var(--text-muted)} #nt-portfolio .lt-matrix td:last-child{font-family:var(--lt-serif)!important;font-style:italic;color:var(--text)} #nt-portfolio .lt-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)} #nt-portfolio .lt-principle{padding:20px 22px 22px;border-left:1px solid var(--nt-hair)} #nt-portfolio .lt-principle:first-child{border-left:0;padding-left:0} #nt-portfolio .lt-num{display:inline-flex;align-items:center;gap:7px;font-family:Consolas,'Courier New',monospace;font-size:12.5px;letter-spacing:.12em;color:var(--accent);margin-bottom:12px;font-variant-numeric:tabular-nums} #nt-portfolio .lt-num::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none} #nt-portfolio .lt-principle h3{font-size:clamp(16px,1.35vw,18px);font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0 0 8px} #nt-portfolio .lt-principle p{font-size:14.5px;line-height:1.6;color:var(--text-muted)} #nt-portfolio .lt-band{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin-top:26px} #nt-portfolio .lt-band-step{flex:1 1 160px;display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 14px;font-size:14px;font-weight:600;text-align:center} #nt-portfolio .lt-band-step--core{background:var(--lt-green);color:#f1eee4} #nt-portfolio .lt-band-step--local{border:1.5px dashed var(--accent);color:var(--accent)} #nt-portfolio .lt-band-step--out{border:1.5px solid var(--lt-green);color:var(--lt-green)} #nt-portfolio .lt-band-arrow{align-self:center;color:var(--text-muted);font-size:18px} #nt-portfolio .lt-band-step--flow{border:1.5px solid var(--nt-hair);color:var(--text)} #nt-portfolio .lt-loop-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 16px;border:1px dashed var(--accent);color:var(--text);font-size:13.5px} #nt-portfolio .lt-loop-note::before{content:'↻';color:var(--accent);font-size:15px} #nt-portfolio .lt-touch{margin-top:30px} #nt-portfolio .lt-touch-top{display:flex;align-items:center;justify-content:center;max-width:320px;margin:0 auto;padding:12px 18px;background:var(--lt-green);color:#f1eee4;font-size:14.5px;font-weight:600;text-align:center} #nt-portfolio .lt-touch-arrow{text-align:center;color:var(--text-muted);font-size:18px;margin:8px 0;line-height:1} #nt-portfolio .lt-touch-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center} #nt-portfolio .lt-touch-item{flex:1 1 150px;max-width:220px;padding:12px 14px;background:var(--lt-paper);border:1px solid var(--nt-hair);border-top:2px solid var(--lt-green);font-size:13.5px;font-weight:600;text-align:center;color:var(--text)} #nt-portfolio .lt-touch-q{text-align:center;font-family:var(--lt-serif)!important;font-style:italic;color:var(--accent);font-size:18px;margin:18px 0} #nt-portfolio .lt-touch-row--source .lt-touch-item{border-top:1.5px dashed var(--accent);background:transparent;font-weight:500;color:var(--text-muted)} #nt-portfolio .lt-scope{display:grid;grid-template-columns:1fr;border-top:1px solid var(--border)} #nt-portfolio .lt-scope>div{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:8px 28px;padding:15px 0;border-bottom:1px solid var(--nt-hair)} #nt-portfolio .lt-scope dt{font-size:var(--fs-500);font-weight:600;color:var(--text)} #nt-portfolio .lt-scope dd{font-size:15px;line-height:1.6;color:var(--text-muted)} #nt-portfolio .lt-recon{font-size:14.5px;line-height:1.6;color:var(--text);max-width:74ch;margin:0 0 24px;padding:12px 0 12px 16px;border-left:3px solid var(--lt-green);background:linear-gradient(90deg,rgb(46 74 59/.07),transparent 70%)} #nt-portfolio .lt-recon b{font-weight:600} #nt-portfolio .lt-wires+.lt-recon{margin-top:40px} #nt-portfolio .lt-tag{display:inline-block;vertical-align:middle;margin-left:8px;font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lt-green);border:1px solid var(--lt-green);padding:3px 6px;line-height:1} #nt-portfolio .lt-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} #nt-portfolio .lt-option{background:var(--lt-paper);border:1px solid var(--nt-hair);padding:18px 18px 22px} #nt-portfolio .lt-option.is-chosen{border-color:var(--lt-green);box-shadow:inset 0 3px 0 var(--lt-green)} #nt-portfolio .lt-option-art{margin:0 0 14px;border-bottom:1px solid var(--nt-hair);padding-bottom:12px} #nt-portfolio .lt-verdict{display:block;font-family:var(--lt-serif)!important;font-style:italic;font-size:14px;color:var(--text-muted);margin-bottom:6px} #nt-portfolio .lt-verdict--chosen{color:var(--lt-green)} #nt-portfolio .lt-option h4{font-size:clamp(17px,1.4vw,19px);font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0 0 10px} #nt-portfolio .lt-option p{font-size:14.5px;line-height:1.6;color:var(--text-muted)} #nt-portfolio .lt-risk{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:2px} #nt-portfolio .lt-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 10px;margin-top:26px} #nt-portfolio .lt-flow-steps{grid-column:1/-1;display:grid;grid-template-columns:subgrid;gap:10px;margin-bottom:6px} #nt-portfolio .lt-flow-step{position:relative;display:flex;align-items:center;min-height:62px;padding:10px 14px;background:var(--lt-paper);border:1px solid var(--lt-green);font-size:14.5px;font-weight:600;line-height:1.3} #nt-portfolio .lt-flow-step:not(:last-child)::after{content:'';position:absolute;right:-11px;top:50%;width:11px;height:1px;background:var(--lt-green)} #nt-portfolio .lt-layer{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 14px;font-size:13.5px} #nt-portfolio .lt-layer b{font-weight:600} #nt-portfolio .lt-layer i{font-family:var(--lt-serif)!important;font-size:14px} #nt-portfolio .lt-layer--core{background:var(--lt-green);color:#f1eee4} #nt-portfolio .lt-layer--local{border:1.5px dashed var(--accent);color:var(--accent);background:rgb(162 79 43/.04)} #nt-portfolio .lt-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:14px;font-size:13px;color:var(--text-muted)} #nt-portfolio .lt-key{display:inline-block;width:22px;height:12px;margin-right:8px;vertical-align:middle} #nt-portfolio .lt-key--core{background:var(--lt-green)} #nt-portfolio .lt-key--local{border:1.5px dashed var(--accent)} #nt-portfolio .lt-wires{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px} #nt-portfolio .lt-wire{padding:10px;border-top-width:1px} #nt-portfolio .lt-fig figcaption b,#nt-portfolio .lt-screen figcaption b{display:block;font-family:var(--nt-font)!important;font-style:normal;font-weight:600;color:var(--text);font-size:15px;margin-bottom:2px} #nt-portfolio .lt-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px} #nt-portfolio .lt-screen img{display:block;width:100%;height:auto;border:1px solid var(--border);background:#e3e7e6;box-shadow:0 14px 30px -24px rgba(32,35,30,.55)} #nt-portfolio .lt-screen figcaption{margin-top:12px;font-size:14px;line-height:1.55;color:var(--text-muted)} #nt-portfolio .lt-marks{list-style:none;counter-reset:lt;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px} #nt-portfolio .lt-marks li{counter-increment:lt;position:relative;padding-left:28px;font-size:13.5px;line-height:1.5} #nt-portfolio .lt-marks li::before{content:counter(lt);position:absolute;left:0;top:.05em;width:19px;height:19px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:19px;text-align:center} #nt-portfolio .lt-rhythm{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0;margin-top:24px;border:1px solid var(--lt-green)} #nt-portfolio .lt-rhythm li{flex:1 1 90px;padding:12px 10px;text-align:center;font-size:13.5px;font-weight:600;color:var(--lt-green);border-left:1px solid var(--nt-hair)} #nt-portfolio .lt-rhythm li:first-child{border-left:0} #nt-portfolio .lt-rhythm li:nth-child(3),#nt-portfolio .lt-rhythm li:nth-child(5){background:rgb(46 74 59/.08)} #nt-portfolio .lt-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;margin:0 0 10px} #nt-portfolio .lt-outcomes--four{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .lt-outcomes>div{border-top:2px solid var(--lt-green);padding-top:14px} #nt-portfolio .lt-outcomes h3{font-size:clamp(16px,1.35vw,18px);font-weight:600;letter-spacing:-.01em;margin:0 0 6px} #nt-portfolio .lt-outcomes p{font-size:14.5px;line-height:1.6;color:var(--text-muted)} @media (max-width:1100px){ #nt-portfolio .lt-index{grid-template-columns:repeat(3,minmax(0,1fr))} #nt-portfolio .lt-index li:nth-child(4){border-left:0;padding-left:0} #nt-portfolio .lt-index li:nth-child(n+4){border-top:1px solid var(--nt-hair)} #nt-portfolio .lt-plates{grid-template-columns:minmax(0,1fr)} #nt-portfolio .lt-map{max-width:360px} } @media (max-width:1000px){ #nt-portfolio .lt-intro{grid-template-columns:1fr} #nt-portfolio .lt-options,#nt-portfolio .lt-wires{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .lt-flow{grid-template-columns:1fr} #nt-portfolio .lt-flow-steps{grid-template-columns:1fr;gap:6px} #nt-portfolio .lt-flow-step{min-height:0} #nt-portfolio .lt-flow-step:not(:last-child)::after{display:none} #nt-portfolio .lt-flow .lt-layer{grid-column:1/-1!important} #nt-portfolio .lt-flow .lt-layer[style*="3/4"] i::after{content:' at approval'} #nt-portfolio .lt-flow .lt-layer[style*="4/5"] i::after{content:' at correspondence or report'} #nt-portfolio .nt-case-page:has(.lt) .nt-case-facts{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:760px){ #nt-portfolio .lt-index,#nt-portfolio .lt-principles,#nt-portfolio .lt-options,#nt-portfolio .lt-wires,#nt-portfolio .lt-screens,#nt-portfolio .lt-outcomes{grid-template-columns:1fr} #nt-portfolio .lt-index li,#nt-portfolio .lt-principle{border-left:0;padding-left:0;border-top:1px solid var(--nt-hair)} #nt-portfolio .lt-index li:first-child,#nt-portfolio .lt-principle:first-child{border-top:0} #nt-portfolio .lt-scope>div{grid-template-columns:1fr} #nt-portfolio .lt-matrix thead{display:none} #nt-portfolio .lt-matrix,#nt-portfolio .lt-matrix tbody,#nt-portfolio .lt-matrix tr,#nt-portfolio .lt-matrix th,#nt-portfolio .lt-matrix td{display:block;width:auto} #nt-portfolio .lt-matrix tr{padding:14px 0;border-bottom:1px solid var(--nt-hair)} #nt-portfolio .lt-matrix tbody th,#nt-portfolio .lt-matrix td{border:0;padding:2px 0} #nt-portfolio .lt-band-arrow{display:none} #nt-portfolio .nt-case-page:has(.lt) .nt-case-facts{grid-template-columns:1fr} #nt-portfolio .nt-case-page:has(.lt) .nt-case-hero .nt-case-caption{font-size:14px!important;bottom:14px} #nt-portfolio .lt-terms{min-width:520px} #nt-portfolio .lt-plate-stack .lt-sheet.lt-graph{overflow-x:auto} #nt-portfolio .lt-plate-stack .lt-sheet.lt-graph .lt-svg{min-width:560px} } @media (min-width:761px) and (max-width:900px){ #nt-portfolio .nt-case-index-item{min-width:0} #nt-portfolio .nt-case-index-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} } #nt-portfolio .nt-case-page:has(.gt) .nt-case-body{--accent:#f44332;--gt-red:#f44332;--gt-cream:#fff7f5;--gt-stage:#f6e8e3;--gt-ink:#241b18;--gt-muted:#6f5f5a} #nt-portfolio [data-view="project"]:has(.gt){overflow-x:clip} #nt-portfolio .nt-case-page:has(.gt) .nt-case-body .nt-case-section>*,#nt-portfolio .gt{min-width:0} #nt-portfolio .nt-case-page:has(.gt) .nt-case-body .nt-case-section h2{max-width:20ch} #nt-portfolio .nt-case-page:has(.gt) .nt-case-body .nt-case-section--wide h2{max-width:24ch} #nt-portfolio .nt-case-page:has(.gt) .nt-case-facts{grid-template-columns:repeat(3,minmax(0,1fr))} #nt-portfolio .nt-case-page:has(.gt) .nt-case-hero{background:radial-gradient(55% 70% at 50% 58%,rgb(244 67 50/.22),transparent 70%),#141211;border-color:#2a2320;isolation:isolate} #nt-portfolio .nt-case-page:has(.gt) .nt-case-hero .nt-case-art{display:none} #nt-portfolio .nt-case-page:has(.gt) .nt-case-hero::before{content:'';position:absolute;inset:5% 4% 11%;background:var(--nt-shot) center/contain no-repeat;z-index:1} #nt-portfolio .nt-case-page:has(.gt) .nt-case-hero .nt-case-caption{z-index:2;left:50%;right:auto;transform:translateX(-50%);bottom:clamp(10px,2.4%,22px);background:none;padding:0;white-space:nowrap;color:rgb(255 247 245/.72);font-size:12px!important;letter-spacing:.08em} #nt-portfolio .gt :where(p,h3,h4,ul,dl,dd){margin:0} #nt-portfolio .gt-flag{display:inline-block;margin:0 0 26px;padding:6px 12px;border-radius:999px;border:1px solid rgb(244 67 50/.45);background:rgb(244 67 50/.08);color:#ff9a8f;font-size:12.5px;font-weight:600;letter-spacing:.02em} #nt-portfolio .gt-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--text);max-width:62ch;margin:0 0 26px} #nt-portfolio .gt-body{font-size:clamp(15.5px,1.2vw,17px);line-height:1.7;color:var(--text-muted);max-width:66ch;margin:0 0 16px} #nt-portfolio .gt-body b{color:var(--text)} #nt-portfolio .gt-body--note{font-style:italic;color:var(--text);margin-bottom:28px} #nt-portfolio .gt-label{display:flex;align-items:center;gap:10px;margin:40px 0 14px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gt-red)} #nt-portfolio .gt-label::before{content:'';width:18px;height:2px;border-radius:2px;background:var(--gt-red)} #nt-portfolio .gt-close{margin-top:30px;font-size:clamp(24px,3vw,36px);font-weight:600;letter-spacing:-.02em;color:var(--text)} #nt-portfolio .gt-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,72px);align-items:center} #nt-portfolio .gt-intro .nt-cs-statement{margin-bottom:22px} #nt-portfolio .gt-who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px} #nt-portfolio .gt-who>div{padding:16px 18px;border-radius:16px;border:1px solid var(--nt-hair);background:color-mix(in srgb,var(--text) 4%,var(--bg))} #nt-portfolio .gt-who dt{font-weight:700;color:var(--text);margin-bottom:6px} #nt-portfolio .gt-who dd{font-size:14.5px;line-height:1.55;color:var(--text-muted)} #nt-portfolio .gt-stage{position:relative;border-radius:28px;background:radial-gradient(70% 60% at 50% 0%,#fffaf8,transparent 70%),var(--gt-stage);padding:clamp(22px,3.4vw,48px);box-shadow:inset 0 0 0 1px rgb(36 27 24/.06)} #nt-portfolio .gt-stage .nt-cs-phone{box-shadow:0 30px 60px -34px rgb(36 27 24/.45),0 2px 8px rgb(36 27 24/.08)} #nt-portfolio .gt-stage .nt-cs-phone-num{color:var(--gt-red);font-family:inherit;font-weight:700;letter-spacing:.08em} #nt-portfolio .gt-stage .nt-cs-phone-cap{color:var(--gt-muted)} #nt-portfolio .gt-stage--single{display:flex;justify-content:center} #nt-portfolio .gt-stage--flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;justify-items:center} #nt-portfolio .gt-stage--pair{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:28px;align-items:start;margin-top:20px} #nt-portfolio .gt-stage--iter{display:grid;grid-template-columns:auto auto auto;gap:28px;justify-content:center;align-items:end;margin-bottom:10px} #nt-portfolio .gt-mini{width:190px;aspect-ratio:9/17;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:9px} #nt-portfolio .gt-mini--flat{background:#ece3df;border:1px solid #ddd0cb} #nt-portfolio .gt-mini--flat .nt-cs-wbar,#nt-portfolio .gt-mini--flat .nt-cs-wline{background:#c4b5af} #nt-portfolio .gt-mini--tagged{background:#fff;border:1px solid #f0e0dc} #nt-portfolio .gt-pair-note{align-self:stretch;padding:4px 0 0} #nt-portfolio .gt-pair-note .gt-label{margin-top:0} #nt-portfolio .gt-edges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px} #nt-portfolio .gt-edges dt{font-weight:700;color:var(--gt-ink);font-size:14.5px;margin-bottom:3px} #nt-portfolio .gt-edges dd{font-size:13.5px;line-height:1.5;color:var(--gt-muted)} #nt-portfolio .gt-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);margin-top:10px} #nt-portfolio .gt-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;margin:4px 0 16px} #nt-portfolio .gt-list li{padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--text) 4%,var(--bg));border:1px solid var(--nt-hair);font-size:14.5px;line-height:1.55;color:var(--text-muted)} #nt-portfolio .gt-list b{color:var(--text)} #nt-portfolio .gt-assume{display:flex;flex-direction:column;gap:8px} #nt-portfolio .gt-assume p{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--nt-hair);font-size:14.5px;line-height:1.55;color:var(--text-muted)} #nt-portfolio .gt-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0} #nt-portfolio .gt-principles>div{padding:22px;border-radius:20px;background:color-mix(in srgb,var(--text) 4%,var(--bg));border:1px solid var(--nt-hair)} #nt-portfolio .gt-principles span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--gt-red);color:#fff;font-size:12px;font-weight:700;margin-bottom:16px} #nt-portfolio .gt-principles h3{font-size:clamp(17px,1.5vw,20px);font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:8px;color:var(--text)} #nt-portfolio .gt-principles p{font-size:14.5px;line-height:1.6;color:var(--text-muted)} #nt-portfolio .gt-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px} #nt-portfolio .gt-entry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #nt-portfolio .gt-entry .nt-cs-board-cell{padding:18px;border-radius:20px;border:1px solid var(--nt-hair);background:color-mix(in srgb,var(--text) 3%,var(--bg));display:flex;flex-direction:column;gap:10px;align-items:stretch} #nt-portfolio .gt-entry .nt-cs-board-cell.is-chosen{border-color:var(--gt-red);box-shadow:inset 0 0 0 1px var(--gt-red)} #nt-portfolio .gt-entry .nt-cs-wire{max-width:150px;align-self:center;width:100%} #nt-portfolio .gt-entry h4{font-size:17px;font-weight:700;color:var(--text)} #nt-portfolio .gt-entry .is-chosen h4{color:var(--gt-red)} #nt-portfolio .gt-entry p{font-size:14.5px;line-height:1.55;color:var(--text-muted)} #nt-portfolio .gt-trade td:last-child{color:var(--text);font-weight:600} #nt-portfolio .gt .nt-cs-scope{margin-top:26px} #nt-portfolio .gt-board{margin-bottom:10px} #nt-portfolio .gt-a11y{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px} #nt-portfolio .gt-a11y li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.55;color:var(--text-muted)} #nt-portfolio .gt-a11y li::before{content:'✓';position:absolute;left:0;color:var(--gt-red);font-weight:700} #nt-portfolio .gt-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 28px} #nt-portfolio .gt-outcomes>div{padding:20px;border-radius:20px;background:var(--gt-stage)} #nt-portfolio .gt-outcomes h3{font-size:17px;font-weight:700;color:var(--gt-ink);margin-bottom:6px} #nt-portfolio .gt-outcomes p{font-size:14.5px;line-height:1.55;color:var(--gt-muted)} @media (max-width:1100px){ #nt-portfolio .gt-stage--flow{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .gt-stage--pair{grid-template-columns:auto auto} #nt-portfolio .gt-pair-note{grid-column:1/-1} } @media (max-width:1000px){ #nt-portfolio .gt-intro,#nt-portfolio .gt-split{grid-template-columns:minmax(0,1fr)} #nt-portfolio .gt-stage--iter{grid-template-columns:auto auto} #nt-portfolio .gt-stage--iter>.nt-cs-phone-item:last-child{grid-column:1/-1;justify-self:center} #nt-portfolio .nt-case-page:has(.gt) .nt-case-facts{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:760px){ #nt-portfolio .gt-who,#nt-portfolio .gt-principles,#nt-portfolio .gt-roles,#nt-portfolio .gt-entry,#nt-portfolio .gt-a11y,#nt-portfolio .gt-outcomes,#nt-portfolio .gt-edges{grid-template-columns:minmax(0,1fr)} #nt-portfolio .gt-stage--flow,#nt-portfolio .gt-stage--pair,#nt-portfolio .gt-stage--iter{grid-template-columns:minmax(0,1fr);justify-items:center} #nt-portfolio .gt-stage{border-radius:22px;padding:22px 14px} #nt-portfolio .gt-mini{width:170px} #nt-portfolio .nt-case-page:has(.gt) .nt-case-facts{grid-template-columns:minmax(0,1fr)} #nt-portfolio .nt-case-page:has(.gt) .nt-case-hero::before{inset:4% 2% 14%} #nt-portfolio .nt-case-page:has(.gt) .nt-case-hero .nt-case-caption{white-space:normal;width:90%;text-align:center;font-size:11px!important} } @media (min-width:901px) and (max-width:1300px){ #nt-portfolio .nt-case-index-item{min-width:0} #nt-portfolio .nt-case-index-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} } #nt-portfolio .gt-real{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;flex:none} #nt-portfolio .gt-real img{display:block;width:300px;max-width:100%;height:auto;filter:drop-shadow(0 26px 22px rgb(36 27 24/.22))} #nt-portfolio .gt-real--web img{border-radius:26px;border:1px solid #f0e0dc;filter:none;box-shadow:0 30px 60px -34px rgb(36 27 24/.45),0 2px 8px rgb(36 27 24/.08)} #nt-portfolio .gt-real figcaption{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;max-width:300px} #nt-portfolio .gt-label--first{margin-top:0} #nt-portfolio .gt-ba{display:flex;flex-direction:column;gap:20px;margin:0 0 20px} #nt-portfolio .gt-ba-pair{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:28px;align-items:start} #nt-portfolio .gt-ba-col{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0} #nt-portfolio .gt-ba-tag{padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#e6d8d2;color:var(--gt-ink)} #nt-portfolio .gt-ba-tag--after{background:var(--gt-red);color:#fff} #nt-portfolio .gt-ba-note{align-self:center;display:flex;flex-direction:column;gap:12px;max-width:46ch} #nt-portfolio .gt-ba-note h4{font-size:clamp(18px,1.6vw,22px);font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--gt-ink)} #nt-portfolio .gt-ba-note p{font-size:14.5px;line-height:1.6;color:var(--gt-muted)} #nt-portfolio .gt-ba-note .gt-ba-flag{padding:12px 14px;border-radius:12px;background:#fff7f5;border:1px solid #efcfc7;color:var(--gt-ink)} @media (max-width:1100px){ #nt-portfolio .gt-ba-pair{grid-template-columns:auto auto;justify-content:center} #nt-portfolio .gt-ba-note{grid-column:1/-1;max-width:none} } @media (max-width:760px){ #nt-portfolio .gt-ba-pair{grid-template-columns:minmax(0,1fr);justify-items:center} #nt-portfolio .gt-ba-col{width:100%} } #nt-portfolio .nt-case-page:has(.fa) .nt-case-body,#nt-portfolio .fa,#nt-portfolio .fa-app{ --fa-forest:#1f3b2a;--fa-surface:#f7f3ea;--fa-card:#fffdf8;--fa-earth:#ebe2d1;--fa-sage:#e2e9da;--fa-soil:#6e5641;--fa-leaf:#3b7a3a; --fa-sun:#f3c73e;--fa-weather:#8c6500;--fa-ink:#1b1d1a;--fa-muted:#51554d;--fa-line:#d8d0bf; --fa-font:'Noto Sans','Instrument Sans',system-ui,sans-serif;--fa-r:10px;--fa-r-btn:12px;--fa-tap:56px} #nt-portfolio .nt-case-page:has(.fa) .nt-case-body{gap:clamp(18px,2.4vw,28px);padding-bottom:clamp(40px,5vw,72px)} #nt-portfolio .nt-case-page:has(.fa) .nt-case-section{display:block;padding:0;border:0;border-radius:24px;overflow:hidden;background:var(--fa-surface);color:var(--fa-ink);font-family:var(--fa-font)} #nt-portfolio .nt-case-page:has(.fa) .nt-case-section>header{position:static;max-width:none;margin:0;background:var(--fa-forest);color:#fff;padding:clamp(24px,3.2vw,40px) clamp(20px,4.4vw,60px) clamp(22px,2.8vw,34px)} #nt-portfolio .nt-case-page:has(.fa) .nt-case-section .nt-eyebrow{margin:0 0 8px;font-family:var(--fa-font);font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;color:#cfe0d2} #nt-portfolio .nt-case-page:has(.fa) .nt-case-section h2{font-family:var(--fa-font);font-weight:800;font-size:clamp(28px,3.1cqw,44px);line-height:1.12;letter-spacing:-.015em;max-width:26ch;color:#fff} #nt-portfolio .nt-case-page:has(.fa) .nt-case-section h2 .nt-name-period{color:var(--fa-sun)} #nt-portfolio .nt-case-page:has(.fa) .nt-case-html{padding:clamp(22px,4vw,56px) clamp(20px,4.4vw,60px) clamp(28px,4.4vw,60px)} #nt-portfolio .fa{font-family:var(--fa-font);color:var(--fa-ink)} #nt-portfolio .fa :where(p,h3,h4,ul,ol,figure,dl,dd,figcaption){margin:0} #nt-portfolio .fa-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;max-width:62ch;margin:0 0 16px;color:var(--fa-ink)} #nt-portfolio .fa-text{font-size:16.5px;line-height:1.65;color:var(--fa-muted);max-width:64ch;margin:0 0 14px} #nt-portfolio .fa-h3{font-family:var(--fa-font);font-size:clamp(21px,1.9vw,25px);font-weight:800;line-height:1.2;letter-spacing:-.01em;margin:44px 0 12px;color:var(--fa-ink)} #nt-portfolio .fa-fine{font-size:14px;line-height:1.55;color:var(--fa-muted);max-width:72ch;margin-top:14px} #nt-portfolio .fa-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px} #nt-portfolio .fa-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.2;background:var(--fa-earth);color:var(--fa-ink)} #nt-portfolio .fa-chip--prog{background:var(--fa-forest);color:#fff} #nt-portfolio .fa-chip--recon{background:#e4dccb;color:#4b4034;box-shadow:inset 0 0 0 1.5px #cdbfa6} #nt-portfolio .fa-key{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;background:var(--fa-sun);color:var(--fa-ink);border-radius:var(--fa-r);padding:18px 20px;max-width:760px;margin:10px 0 26px;font-size:clamp(17px,1.5vw,19px);line-height:1.5;font-weight:700} #nt-portfolio .fa-key .fa-ic{margin-top:3px} #nt-portfolio .fa-panel{background:var(--fa-earth);border-radius:var(--fa-r);padding:18px 20px;min-width:0} #nt-portfolio .fa-panel--sage{background:var(--fa-sage)} #nt-portfolio .fa-panel--card{background:var(--fa-card);box-shadow:inset 0 0 0 1px var(--fa-line)} #nt-portfolio .fa-panel-h{font-size:15px;font-weight:800;margin:0 0 8px;color:var(--fa-ink)} #nt-portfolio .fa-panel p,#nt-portfolio .fa-panel li{font-size:15px;line-height:1.55;color:#3f433b} #nt-portfolio .fa-panel ul,#nt-portfolio .fa-panel ol{padding-left:20px;display:flex;flex-direction:column;gap:5px} #nt-portfolio .fa-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #nt-portfolio .fa-slot{min-width:0} #nt-portfolio .fa-open{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,5vw,72px);align-items:center} #nt-portfolio .fa-open-copy{min-width:0} #nt-portfolio .fa-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #nt-portfolio .fa-card{background:var(--fa-card);border-radius:var(--fa-r);box-shadow:inset 0 0 0 1px var(--fa-line);padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0} #nt-portfolio .fa-card .fa-ic{width:28px;height:28px;color:var(--fa-forest);margin-bottom:4px} #nt-portfolio .fa-card h3{font-family:var(--fa-font);font-size:18px;font-weight:800;line-height:1.25;color:var(--fa-ink)} #nt-portfolio .fa-card p{font-size:15px;line-height:1.55;color:var(--fa-muted)} #nt-portfolio .fa-card--num h3::before{content:attr(data-n);display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--fa-forest);color:#fff;font-size:13px;margin:0 10px 0 0;vertical-align:2px} #nt-portfolio .fa-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:18px 0 0} #nt-portfolio .fa-notes li{font-size:15px;line-height:1.5;color:var(--fa-muted);padding-top:10px;border-top:4px solid var(--fa-earth)} #nt-portfolio .fa-notes b{display:block;color:var(--fa-ink)} #nt-portfolio .fa-ia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #nt-portfolio .fa-ia-card{background:var(--fa-card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--fa-line);padding:18px;display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:start;min-width:0} #nt-portfolio .fa-ia-card.is-chosen{box-shadow:inset 0 0 0 2.5px var(--fa-forest)} #nt-portfolio .fa-ia-card h3{font-family:var(--fa-font);font-size:18px;font-weight:800;margin-bottom:8px;color:var(--fa-ink)} #nt-portfolio .fa-ia-card p{font-size:14.5px;line-height:1.5;color:var(--fa-muted);margin-bottom:8px} #nt-portfolio .fa-ia-card p b{display:block;color:var(--fa-ink);font-size:13px} #nt-portfolio .fa-ia-card .fa-chip{min-height:26px;font-size:12px;margin-bottom:10px} #nt-portfolio .fa-ia-phone{display:flex;flex-direction:column;gap:5px;width:128px;height:236px;border-radius:18px;border:5px solid #2b2d29;background:var(--fa-surface);overflow:hidden;padding:0 0 6px;font-family:var(--fa-font)} #nt-portfolio .fa-ia-bar{background:var(--fa-forest);color:#fff;font-size:11px;font-weight:800;padding:12px 8px 8px} #nt-portfolio .fa-ia-phone i{font-style:normal;display:flex;align-items:center;font-size:9.5px;font-weight:700;color:var(--fa-ink);border-radius:5px;padding:0 5px;min-height:22px} #nt-portfolio .fa-ia-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 6px} #nt-portfolio .fa-ia-grid i{min-height:46px;justify-content:center;background:var(--fa-earth)} #nt-portfolio .fa-ia-cropband{margin:0 6px;border-radius:5px;background:var(--fa-earth);font-size:9.5px;font-weight:800;padding:8px 6px} #nt-portfolio .fa-ia-rows{display:flex;flex-direction:column;gap:4px;padding:0 6px} #nt-portfolio .fa-ia-rows i{background:var(--fa-card);box-shadow:inset 0 0 0 1px var(--fa-line)} #nt-portfolio .fa-ia-pri{margin:0 6px;border-radius:5px;background:var(--fa-sun);font-size:9.5px;font-weight:800;padding:12px 6px} #nt-portfolio .fa-ia-tabs{display:grid!important;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:auto;padding:0 6px} #nt-portfolio .fa-ia-tabs i{min-height:14px;background:var(--fa-line)} #nt-portfolio .fa-ia-tabs i:first-child{background:var(--fa-forest)} #nt-portfolio .fa-model{background:var(--fa-card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--fa-line);overflow:hidden} #nt-portfolio .fa-model-head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--fa-forest);color:#fff;padding:12px 18px;font-size:14px;font-weight:700} #nt-portfolio .fa-model-head span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.7)} #nt-portfolio .fa-model-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))} #nt-portfolio .fa-model-tab{padding:18px;border-left:1px solid var(--fa-line);min-width:0} #nt-portfolio .fa-model-tab:first-child{border-left:0;background:#f1f5ee} #nt-portfolio .fa-model-tab h3{display:flex;align-items:center;gap:8px;font-family:var(--fa-font);font-size:18px;font-weight:800;color:var(--fa-ink);margin-bottom:4px} #nt-portfolio .fa-model-tab h3 .fa-ic{color:var(--fa-forest)} #nt-portfolio .fa-model-tab p{font-size:14px;color:var(--fa-muted);margin-bottom:10px} #nt-portfolio .fa-model-tab ul{padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:14.5px;line-height:1.45;color:var(--fa-ink)} #nt-portfolio .fa-model-foot{padding:14px 18px;border-top:1px solid var(--fa-line);font-size:15px;color:var(--fa-muted)} #nt-portfolio .fa-model-foot b{color:var(--fa-ink)} #nt-portfolio .fa-wires{display:flex;gap:22px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity} #nt-portfolio .fa-wires--loc .fa-wf{width:290px} #nt-portfolio .fa-wf{flex:none;width:250px;scroll-snap-align:start;background:var(--fa-card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--fa-line);padding:12px 12px 14px} #nt-portfolio .fa-wf svg{display:block;width:100%;height:auto;overflow:visible} #nt-portfolio .fa-wf figcaption{margin-top:8px;font-size:14px;line-height:1.5;color:var(--fa-muted)} #nt-portfolio .fa-wf figcaption b{display:block;color:var(--fa-ink);font-weight:800} #nt-portfolio .fa-wf .pen{fill:none;stroke:#1f3b2a;stroke-width:1.6;stroke-linecap:round} #nt-portfolio .fa-wf .scrib{fill:none;stroke:#b9aa8c;stroke-width:3.2;stroke-linecap:round;opacity:.7} #nt-portfolio .fa-wf .hatch{stroke:#c9bb9d;stroke-width:1} #nt-portfolio .fa-wf .hand{font-family:Caveat,cursive;fill:#1f3b2a;font-weight:600} #nt-portfolio .fa-wf .hand-s{font-family:Caveat,cursive;fill:#5d5a4c;font-weight:500} #nt-portfolio .fa-wf .note{font-family:Caveat,cursive;fill:#8c6500;font-size:19px;font-weight:700} #nt-portfolio .fa-wf .note-line{fill:none;stroke:#8c6500;stroke-width:1.5;stroke-linecap:round} #nt-portfolio .fa-system{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin:6px 0 10px} #nt-portfolio .fa-duo--one{grid-template-columns:minmax(0,1fr);max-width:640px} #nt-portfolio .fa-sw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #nt-portfolio .fa-sw div{font-size:12px;line-height:1.3;min-width:0} #nt-portfolio .fa-sw i{display:block;height:44px;border-radius:8px;margin-bottom:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)} #nt-portfolio .fa-sw b{display:block;font-size:12.5px} #nt-portfolio .fa-sw small{display:block;color:var(--fa-muted);font-size:11.5px;overflow-wrap:anywhere} #nt-portfolio .fa-contrast{list-style:none;padding:0!important;gap:4px!important;font-size:14px} #nt-portfolio .fa-contrast b{display:inline-block;min-width:60px} #nt-portfolio .fa-type-a{font-size:26px!important;font-weight:800;line-height:1.1;color:var(--fa-ink)!important;margin-bottom:4px!important} #nt-portfolio .fa-type-b{font-size:16px!important;font-weight:700;color:var(--fa-ink)!important;margin-bottom:8px!important} #nt-portfolio .fa-type-c{font-size:14px!important;margin-bottom:12px!important} #nt-portfolio .fa-comp{display:flex;flex-direction:column;gap:8px} #nt-portfolio .fa-comp .fa-btn{min-height:48px;font-size:15px} #nt-portfolio .fa-screen{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding:30px 0;border-top:1px solid var(--fa-line)} #nt-portfolio .fa-screen--flip{grid-template-columns:minmax(0,1fr) auto} #nt-portfolio .fa-screen--flip>.fa-slot{order:2} #nt-portfolio .fa-note-num{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--fa-forest);margin:0 0 8px} #nt-portfolio .fa-note-num i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--fa-forest);color:#fff;font-style:normal;font-size:13px} #nt-portfolio .fa-note h3{font-family:var(--fa-font);font-size:clamp(23px,2.3vw,30px);font-weight:800;line-height:1.15;margin:0 0 10px;color:var(--fa-ink)} #nt-portfolio .fa-note>p{font-size:16.5px;line-height:1.6;color:var(--fa-muted);max-width:52ch;margin:0 0 14px} #nt-portfolio .fa-points{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;max-width:54ch;margin:0 0 16px} #nt-portfolio .fa-points li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;font-size:15.5px;line-height:1.5;color:var(--fa-ink)} #nt-portfolio .fa-points li::before{content:'';width:10px;height:10px;margin:7px 0 0 4px;border-radius:3px;background:var(--fa-forest)} #nt-portfolio .fa-row3{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin:10px 0 18px} #nt-portfolio .fa-row3 figure{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:320px} #nt-portfolio .fa-row3 figcaption{font-size:14.5px;line-height:1.5;color:var(--fa-muted);text-align:center;max-width:300px} #nt-portfolio .fa-row3 figcaption b{display:block;color:var(--fa-ink)} #nt-portfolio .fa-cmp{display:grid;grid-template-columns:minmax(0,1fr);gap:16px} #nt-portfolio .fa-cmp-col{border-radius:14px;padding:22px;min-width:0} #nt-portfolio .fa-cmp-col--before{background:#ece9e2;box-shadow:inset 0 0 0 1px #d8d3c7} #nt-portfolio .fa-cmp-col--after{background:var(--fa-card);box-shadow:inset 0 0 0 2px var(--fa-forest)} #nt-portfolio .fa-cmp-col h3{font-family:var(--fa-font);font-size:20px;font-weight:800;margin:0 0 12px;color:var(--fa-ink)} #nt-portfolio .fa-cmp-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px} #nt-portfolio .fa-cmp-list li{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;font-size:14px;font-weight:700;background:#fff;box-shadow:inset 0 0 0 1.5px var(--fa-line)} #nt-portfolio .fa-cmp-col--after .fa-cmp-list li{background:var(--fa-sage);box-shadow:none} #nt-portfolio .fa-path{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:4px 2px 10px} #nt-portfolio .fa-arrow{flex:none;font-size:20px;color:var(--fa-muted)} #nt-portfolio .fa-steps-text{list-style:none;padding:0;counter-reset:p;display:flex;flex-direction:column;gap:6px;margin:10px 0 0} #nt-portfolio .fa-steps-text li{counter-increment:p;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.45;color:var(--fa-ink)} #nt-portfolio .fa-steps-text li::before{content:counter(p);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d8d3c7;font-size:12px;font-weight:800} #nt-portfolio .fa-cmp-col--after .fa-steps-text li::before{background:var(--fa-forest);color:#fff} #nt-portfolio .fa-mini{flex:none;width:196px;height:423px;overflow:hidden;border-radius:24px} #nt-portfolio .fa-mini>.fa-app{width:320px;max-width:none;transform:scale(.6125);transform-origin:0 0} #nt-portfolio .fa-mini--lg{height:392px} #nt-portfolio .fa-mini>.fa-lg{transform:scale(.89);transform-origin:0 0} #nt-portfolio .fa-status-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:28px 0 0;padding:18px 20px;border-radius:var(--fa-r);background:var(--fa-forest);color:#fff;font-size:17px;font-weight:700;line-height:1.4} #nt-portfolio .fa-panel .fa-reflect{font-size:clamp(19px,1.8vw,23px);line-height:1.5;font-weight:600;max-width:58ch;margin:0 0 8px;color:var(--fa-ink)} #nt-portfolio .fa-app{width:320px;max-width:100%;height:690px;border-radius:32px;border:9px solid #1a1b19;background:var(--fa-surface);color:var(--fa-ink);font-family:var(--fa-font);overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 30px 60px -34px rgba(20,24,18,.55),0 2px 10px rgba(20,24,18,.12);text-align:left;line-height:1.4} #nt-portfolio .fa-app *{box-sizing:border-box;margin:0} #nt-portfolio .fa-status{display:flex;justify-content:space-between;padding:7px 20px 3px;font-size:11.5px;font-weight:700;background:var(--fa-forest);color:#fff} #nt-portfolio .fa-head{background:var(--fa-forest);color:#fff;padding:8px 16px 16px;display:flex;align-items:flex-start;gap:10px} #nt-portfolio .fa-head--back{padding-bottom:12px} #nt-portfolio .fa-head-main{flex:1;min-width:0} #nt-portfolio .fa-back{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:-2px 0 0 -8px;color:#fff} #nt-portfolio .fa-kicker{font-size:13px;font-weight:600;color:#cfe0d2;line-height:1.35} #nt-portfolio .fa-title{font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:#fff} #nt-portfolio .fa-head--back .fa-title{font-size:22px} #nt-portfolio .fa-lang{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.75);color:#fff;font:700 14px/1 var(--fa-font);background:rgba(255,255,255,.06)} #nt-portfolio .fa-body{flex:1;overflow:hidden;padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px} #nt-portfolio .fa-body>*{flex-shrink:0} #nt-portfolio .fa-crop{background:var(--fa-earth);border-radius:var(--fa-r);padding:10px 14px;display:flex;flex-direction:column;gap:8px} #nt-portfolio .fa-crop-top{display:flex;align-items:center;gap:10px;font-size:14.5px;line-height:1.3} #nt-portfolio .fa-crop-top b{font-weight:700} #nt-portfolio .fa-crop-top small{display:block;color:var(--fa-muted);font-size:13px} #nt-portfolio .fa-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px} #nt-portfolio .fa-stages span{font-size:11px;font-weight:600;color:var(--fa-muted);padding-top:6px;border-top:5px solid #d4c7ae;border-radius:2px;line-height:1.25;overflow-wrap:anywhere} #nt-portfolio .fa-stages .done{border-top-color:var(--fa-leaf)} #nt-portfolio .fa-stages .now{border-top-color:var(--fa-forest);color:var(--fa-ink)} #nt-portfolio .fa-priority,#nt-portfolio .fa-now{background:var(--fa-sun);border-radius:var(--fa-r);padding:12px 14px;color:var(--fa-ink)} #nt-portfolio .fa-plabel{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;margin-bottom:6px!important} #nt-portfolio .fa-h4{font-size:20px;font-weight:800;line-height:1.22;margin-bottom:6px!important} #nt-portfolio .fa-now .fa-h4{margin-bottom:10px!important} #nt-portfolio .fa-p{font-size:14.5px;line-height:1.45;color:#2d2a1c;margin-bottom:10px!important} #nt-portfolio .fa-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--fa-tap);border-radius:var(--fa-r-btn);background:var(--fa-ink);color:#fff;font:700 16px/1.25 var(--fa-font);padding:8px 14px;text-align:center} #nt-portfolio .fa-btn--forest{background:var(--fa-forest)} #nt-portfolio .fa-btn--quiet{background:transparent;color:var(--fa-forest);box-shadow:inset 0 0 0 2px var(--fa-forest)} #nt-portfolio .fa-sub{font-size:13px;font-weight:700;color:var(--fa-muted);margin:2px 2px -4px!important} #nt-portfolio .fa-list{background:var(--fa-card);border-radius:var(--fa-r);box-shadow:inset 0 0 0 1px var(--fa-line);overflow:hidden} #nt-portfolio .fa-li{display:flex;align-items:center;gap:12px;min-height:54px;padding:7px 14px;font-size:14px;line-height:1.3} #nt-portfolio .fa-li+.fa-li{border-top:1px solid var(--fa-line)} #nt-portfolio .fa-li b{display:block;font-weight:700;font-size:15px} #nt-portfolio .fa-li small{color:var(--fa-muted);font-size:13px} #nt-portfolio .fa-offline{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fa-muted);margin:0 2px!important} #nt-portfolio .fa-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px 8px 12px;background:var(--fa-card);border-top:1px solid var(--fa-line)} #nt-portfolio .fa-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;border-radius:14px;font-size:12px;font-weight:700;color:var(--fa-muted);text-align:center;line-height:1.15;padding:4px 2px} #nt-portfolio .fa-tab.on{background:var(--fa-forest);color:#fff} #nt-portfolio .fa-ic{display:inline-block;flex:none;width:24px;height:24px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat} #nt-portfolio .fa-ic--s{width:18px;height:18px} #nt-portfolio .c-weather{color:var(--fa-weather)} #nt-portfolio .c-leaf{color:var(--fa-leaf)} #nt-portfolio .c-forest{color:var(--fa-forest)} #nt-portfolio .fa-cropcard{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;background:var(--fa-card);border-radius:var(--fa-r);box-shadow:inset 0 0 0 1px var(--fa-line);padding:12px} #nt-portfolio .fa-photo{width:64px;height:64px;border-radius:10px;background:repeating-linear-gradient(45deg,#e2d8c5 0 5px,#ece4d5 5px 10px);display:grid;place-items:center;font-size:9px;font-weight:700;color:var(--fa-soil);text-align:center;line-height:1.1} #nt-portfolio .fa-h5{font-size:17px;font-weight:800} #nt-portfolio .fa-cropcard .fa-p{font-size:13px;color:var(--fa-muted);margin:0!important;line-height:1.4} #nt-portfolio .fa-timeline{display:flex;flex-direction:column} #nt-portfolio .fa-tl{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;position:relative;padding-bottom:10px} #nt-portfolio .fa-tl::before{content:'';position:absolute;left:14px;top:26px;bottom:0;width:2px;background:#d4c7ae} #nt-portfolio .fa-tl:last-child::before{display:none} #nt-portfolio .fa-tl.done::before{background:var(--fa-leaf)} #nt-portfolio .fa-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--fa-card);box-shadow:inset 0 0 0 2px #c7b89c;color:var(--fa-muted);position:relative;z-index:1} #nt-portfolio .fa-tl.done .fa-dot{background:var(--fa-leaf);box-shadow:none;color:#fff} #nt-portfolio .fa-tl.now .fa-dot{background:var(--fa-forest);box-shadow:0 0 0 4px #cfe0d2;color:#fff} #nt-portfolio .fa-tl-h{font-size:15.5px;font-weight:800;line-height:1.2;padding-top:5px} #nt-portfolio .fa-tl-h small{font-size:12.5px;font-weight:600;color:var(--fa-muted);margin-left:6px} #nt-portfolio .fa-tl.now .fa-tl-h small{color:var(--fa-forest)} #nt-portfolio .fa-stagebox{margin-top:8px;background:var(--fa-sage);border-radius:var(--fa-r);padding:10px 12px;font-size:13.5px;line-height:1.4} #nt-portfolio .fa-stagebox b{display:block;font-size:13px;margin-bottom:4px} #nt-portfolio .fa-stagebox ul{padding-left:18px;display:flex;flex-direction:column;gap:2px} #nt-portfolio .fa-q{font-size:17px;font-weight:700;line-height:1.3;margin:0 2px!important} #nt-portfolio .fa-sym{display:grid;grid-template-columns:1fr 1fr;gap:10px} #nt-portfolio .fa-sym-t{position:relative;min-height:128px;border-radius:var(--fa-r);background:var(--fa-card);box-shadow:inset 0 0 0 1.5px var(--fa-line);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:24px 8px 12px;font-size:14.5px;font-weight:700;text-align:center;line-height:1.2} #nt-portfolio .fa-sym-t svg{width:56px;height:56px;color:var(--fa-ink)} #nt-portfolio .fa-art{flex:1;display:grid;place-items:center;width:100%;border-radius:8px;background:var(--fa-earth)} #nt-portfolio .fa-sym-t--wide{grid-column:1/-1;min-height:64px;flex-direction:row;justify-content:center;padding:10px 12px} #nt-portfolio .fa-sym-t--wide svg{width:28px;height:28px} #nt-portfolio .fa-ph{position:absolute;top:6px;left:8px;right:8px;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fa-soil);text-align:left} #nt-portfolio .fa-link{display:block;text-align:center;font-size:14.5px;font-weight:700;color:var(--fa-forest);text-decoration:underline;text-underline-offset:3px;padding:8px 0;min-height:44px} #nt-portfolio .fa-steps{list-style:none;padding:0;counter-reset:s;display:flex;flex-direction:column;gap:8px;margin-bottom:12px!important} #nt-portfolio .fa-steps li{counter-increment:s;display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;font-size:14.5px;line-height:1.4} #nt-portfolio .fa-steps li::before{content:counter(s);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--fa-ink);color:var(--fa-sun);font-size:13px;font-weight:800} #nt-portfolio .fa-acc{background:var(--fa-card);border-radius:var(--fa-r);box-shadow:inset 0 0 0 1px var(--fa-line)} #nt-portfolio .fa-acc-row{display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 14px} #nt-portfolio .fa-acc-row+.fa-acc-row{border-top:1px solid var(--fa-line)} #nt-portfolio .fa-acc-row b{display:block;font-size:15px;font-weight:700} #nt-portfolio .fa-acc-row small{display:block;font-size:13px;color:var(--fa-muted);line-height:1.35} #nt-portfolio .fa-chev{margin-left:auto} #nt-portfolio .fa-scrim{position:absolute;inset:0;background:rgba(20,24,18,.45);z-index:3} #nt-portfolio .fa-sheet{position:absolute;left:0;right:0;bottom:0;z-index:4;background:var(--fa-card);border-radius:22px 22px 0 0;padding:10px 16px 18px;display:flex;flex-direction:column;gap:10px} #nt-portfolio .fa-grab{width:44px;height:5px;border-radius:3px;background:#cfc6b4;margin:0 auto 4px} #nt-portfolio .fa-sheet-h{font-size:19px;font-weight:800} #nt-portfolio .fa-opt{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 14px;border-radius:var(--fa-r-btn);box-shadow:inset 0 0 0 1.5px var(--fa-line);font-size:15.5px;font-weight:700;line-height:1.25} #nt-portfolio .fa-opt small{font-weight:600;color:var(--fa-muted);font-size:12.5px} #nt-portfolio .fa-opt.on{box-shadow:inset 0 0 0 2.5px var(--fa-forest);background:#f1f5ee} #nt-portfolio .fa-opt .fa-ic{margin-left:auto;color:var(--fa-forest)} #nt-portfolio .fa-seg{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--fa-r-btn);box-shadow:inset 0 0 0 1.5px var(--fa-line);overflow:hidden} #nt-portfolio .fa-seg span{display:grid;place-items:center;min-height:52px;font-size:15px;font-weight:700;color:var(--fa-muted)} #nt-portfolio .fa-seg .on{background:var(--fa-forest);color:#fff} #nt-portfolio .fa-sheet-sub{font-size:13px;font-weight:700;color:var(--fa-muted);margin-top:4px!important} #nt-portfolio .fa-lg{width:220px;height:440px;border-radius:22px;border:7px solid #2a2b2a;background:#fafafa;overflow:hidden;font-family:Roboto,'Noto Sans',Arial,sans-serif;color:#212121;display:flex;flex-direction:column;box-shadow:0 16px 30px -22px rgba(0,0,0,.45);text-align:left;line-height:1.35} #nt-portfolio .fa-lg *{margin:0;box-sizing:border-box} #nt-portfolio .fa-lg-st{display:flex;justify-content:space-between;padding:4px 10px;font-size:10px;background:#1b5e20;color:#e8f5e9} #nt-portfolio .fa-lg-bar{background:#2e7d32;color:#fff;padding:10px 12px;font-size:13.5px;font-weight:500;box-shadow:0 2px 3px rgba(0,0,0,.2)} #nt-portfolio .fa-lg-body{padding:9px;flex:1;overflow:hidden} #nt-portfolio .fa-lg-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px} #nt-portfolio .fa-lg-tile{background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.18);height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11.5px} #nt-portfolio .fa-lg-tile .fa-ic{color:#2e7d32;width:20px;height:20px} #nt-portfolio .fa-lg-banner{height:58px;border-radius:4px;background:linear-gradient(#c8e6c9,#a5d6a7);margin-bottom:8px} #nt-portfolio .fa-lg-li{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee;font-size:12px;background:#fff} #nt-portfolio .fa-lg-hit{outline:2px solid #e96f32;outline-offset:-2px} #nt-portfolio .fa-lg-photo{height:80px;border-radius:4px;background:repeating-linear-gradient(45deg,#e0e0e0 0 6px,#ececec 6px 12px);margin-bottom:8px} #nt-portfolio .fa-lg-h{font-size:11.5px;font-weight:600;margin:7px 0 4px!important} #nt-portfolio .fa-lg-gl{display:block;height:6px;border-radius:3px;background:#dcdcdc;margin-bottom:5px} @media (min-width:1201px){ #nt-portfolio .nt-case-page:has(.fa) .nt-case-facts{grid-template-columns:repeat(5,minmax(0,1fr))} } @media (min-width:761px){ #nt-portfolio .nt-cases-page .nt-case[data-project="farmer-guidance"]{ --nt-case-glow:radial-gradient(48% 70% at 80% 40%,rgb(243 199 62/.06),transparent 70%),radial-gradient(40% 56% at 98% 94%,rgb(59 122 58/.07),transparent 72%)} } @media (max-width:1100px){ #nt-portfolio .fa-ia{grid-template-columns:minmax(0,1fr)} #nt-portfolio .fa-ia-card{grid-template-columns:128px minmax(0,1fr)} #nt-portfolio .fa-system{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} #nt-portfolio .fa-system>.fa-panel:first-child{grid-column:1/-1} #nt-portfolio .fa-notes{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:900px){ #nt-portfolio .fa-open,#nt-portfolio .fa-screen,#nt-portfolio .fa-screen--flip{grid-template-columns:minmax(0,1fr);justify-items:center} #nt-portfolio .fa-screen--flip>.fa-slot{order:0} #nt-portfolio .fa-open-copy,#nt-portfolio .fa-note{width:100%} #nt-portfolio .fa-cards{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .fa-model-tabs{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .fa-model-tab:nth-child(3){border-left:0} #nt-portfolio .fa-model-tab:nth-child(n+3){border-top:1px solid var(--fa-line)} #nt-portfolio .fa-duo{grid-template-columns:minmax(0,1fr)} } @media (max-width:640px){ #nt-portfolio .nt-case-page:has(.fa) .nt-case-section{border-radius:18px} #nt-portfolio .fa-cards,#nt-portfolio .fa-notes,#nt-portfolio .fa-system,#nt-portfolio .fa-model-tabs{grid-template-columns:minmax(0,1fr)} #nt-portfolio .fa-model-tab{border-left:0!important;border-top:1px solid var(--fa-line)} #nt-portfolio .fa-model-tab:first-child{border-top:0} #nt-portfolio .fa-ia-card{grid-template-columns:minmax(0,1fr);justify-items:start} #nt-portfolio .fa-sw{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .fa-cmp-col{padding:16px} #nt-portfolio .fa-model-head{flex-direction:column;align-items:flex-start} } @media (max-width:400px){ #nt-portfolio .fa-app:not(.fa-mini .fa-app){height:auto;min-height:640px} #nt-portfolio .fa-app:not(.fa-mini .fa-app) .fa-body{overflow:visible} } #nt-portfolio .nt-case-page:has(.fa) .nt-case-body{--nt-font:'Noto Sans','Instrument Sans',system-ui,sans-serif} #nt-portfolio .fa-wf svg{--nt-font:Caveat,'Segoe Print',cursive} #nt-portfolio .fa-wf .note{font-size:12.7px} #nt-portfolio .fa-lg{--nt-font:Roboto,Arial,Helvetica,sans-serif} #nt-portfolio .fa-ic-sun{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%202v2M12%2020v2M2%2012h2M20%2012h2M4.9%204.9l1.4%201.4M17.7%2017.7l1.4%201.4M4.9%2019.1l1.4-1.4M17.7%206.3l1.4-1.4%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-sprout{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021v-8%22%2F%3E%3Cpath%20d%3D%22M12%2013c0-4-3-6-7-6%200%204%203%206%207%206z%22%2F%3E%3Cpath%20d%3D%22M12%2011c0-4%203-6%207-6%200%204-3%206-7%206z%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-leaf{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019C5%2010%2011%205%2020%204c0%209-5%2015-14%2015z%22%2F%3E%3Cpath%20d%3D%22M5%2019l8-8%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-rain{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2014h10a4%204%200%200%200%200-8%205%205%200%200%200-9.6-1.5A3.5%203.5%200%200%200%207%2014z%22%2F%3E%3Cpath%20d%3D%22M9%2017l-1%203M13%2017l-1%203M17%2017l-1%203%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-drop{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203s6%207%206%2011a6%206%200%200%201-12%200c0-4%206-11%206-11z%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-flag{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2021V4%22%2F%3E%3Cpath%20d%3D%22M6%204h11l-2%204%202%204H6%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-search{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M20%2020l-4.5-4.5%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-book{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h6a2%202%200%200%201%202%202v13a2%202%200%200%200-2-2H4z%22%2F%3E%3Cpath%20d%3D%22M20%205h-6a2%202%200%200%200-2%202v13a2%202%200%200%201%202-2h6z%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-today{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2010h16M9%203v4M15%203v4%22%2F%3E%3Cpath%20d%3D%22M9%2015l2%202%204-4%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-globe{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M12%203c3%203%203%2015%200%2018M12%203c-3%203-3%2015%200%2018%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-check{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012.5l4.5%204.5L19%207.5%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-down{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%209l7%207%207-7%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-back{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%205l-7%207%207%207%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-offline{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2018h10a4%204%200%200%200%200-8%205%205%200%200%200-9.6-1.5A3.5%203.5%200%200%200%207%2018z%22%2F%3E%3Cpath%20d%3D%22M9.5%2013.5l2%202%203.5-3.5%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-bell{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016V11a6%206%200%200%201%2012%200v5l2%202H4z%22%2F%3E%3Cpath%20d%3D%22M10%2020a2%202%200%200%200%204%200%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-box{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%208l8-4%208%204v8l-8%204-8-4z%22%2F%3E%3Cpath%20d%3D%22M4%208l8%204%208-4M12%2012v8%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-cloud{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2018h10a4%204%200%200%200%200-8%205%205%200%200%200-9.6-1.5A3.5%203.5%200%200%200%207%2018z%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-gear{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%203v3M12%2018v3M3%2012h3M18%2012h3M5.6%205.6l2.1%202.1M16.3%2016.3l2.1%202.1M5.6%2018.4l2.1-2.1M16.3%207.7l2.1-2.1%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-eye{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-list{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%206h11M9%2012h11M9%2018h11%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%226%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2218%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")} #nt-portfolio .fa-ic-arrowr{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h15M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E")} @media (min-width:761px) and (max-width:1439px){ #nt-portfolio .nt-case-index-item{flex:0 0 auto;min-width:0} #nt-portfolio .nt-case-index-item:not([aria-current="true"]) span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} #nt-portfolio .nt-case-index-item[aria-current="true"] span{min-width:auto;overflow:visible;text-overflow:clip;white-space:nowrap} } #nt-portfolio .hd-sketch img{background:#f3eee5} #nt-portfolio .hd-sketches{align-items:start} #nt-portfolio .lt-sketch img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 12px 26px -20px rgba(32,35,30,.55)} #nt-portfolio .lt-sketch figcaption{margin-top:10px} #nt-portfolio .lt-sketch--wide{max-width:980px;margin:30px 0 0} #nt-portfolio .gt-sketch{margin:16px 0 20px} #nt-portfolio .gt-sketch img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 40px -30px rgba(0,0,0,.6)} #nt-portfolio .gt-sketch figcaption{margin-top:10px;font-size:14px;line-height:1.55;color:var(--text-muted)} #nt-portfolio .gt-sk-tag{display:inline-block;margin-right:8px;padding:3px 9px;border-radius:999px;border:1px solid rgb(244 67 50/.45);background:rgb(244 67 50/.1);color:#ff9a8f;font-size:12px;font-weight:600;vertical-align:1px} #nt-portfolio .gt-sk-then{font-size:14px;line-height:1.5;color:var(--text-muted);margin:4px 0 14px} #nt-portfolio .fa-sk-sheet{margin:6px 0 22px} #nt-portfolio .fa-sk-sheet img,#nt-portfolio .fa-sk img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:inset 0 0 0 1px var(--fa-line),0 14px 30px -26px rgba(20,24,18,.45)} #nt-portfolio .fa-sk-sheet figcaption{margin-top:8px} #nt-portfolio .fa-sk{flex:none;width:250px;scroll-snap-align:start} #nt-portfolio .fa-sk figcaption{margin-top:8px;font-size:14px;line-height:1.5;color:var(--fa-muted)} #nt-portfolio .fa-sk figcaption b{display:block;color:var(--fa-ink);font-weight:800;margin-top:6px} #nt-portfolio .fa-sk .fa-chip,#nt-portfolio .fa-sk-sheet .fa-chip{min-height:24px;font-size:11.5px;padding:0 10px} #nt-portfolio .fa-ia-card{grid-template-columns:minmax(0,1fr)} @media (max-width:1000px){ #nt-portfolio .hd-sketches{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:640px){ #nt-portfolio .hd-sketches{grid-template-columns:minmax(0,1fr)} } @media (prefers-reduced-motion:no-preference){ #nt-portfolio .nt-index-row:is([data-project="syngenta-latam"],[data-project="farmer-guidance"]) .nt-filled .nt-case-num{background-repeat:repeat-y;background-size:auto 300%;background-position:50% 0%;animation:nt-num-flow-tile 9s linear infinite} } #nt-portfolio .nt-index-row h3,#nt-portfolio .nt-index-row h3 em,#nt-portfolio .nt-case h2,#nt-portfolio .nt-case h2 button,#nt-portfolio .nt-case-next h2{transition:color .2s ease} #nt-portfolio .nt-index-row:hover h3,#nt-portfolio .nt-index-row:focus-visible h3,#nt-portfolio .nt-case h2:hover,#nt-portfolio .nt-case h2 button:hover,#nt-portfolio .nt-case h2 button:focus-visible,#nt-portfolio .nt-case-next:hover h2,#nt-portfolio .nt-case-next:focus-visible h2{color:var(--accent)} @media (prefers-reduced-motion:reduce){ #nt-portfolio .nt-index-row h3,#nt-portfolio .nt-case h2,#nt-portfolio .nt-case h2 button,#nt-portfolio .nt-case-next h2{transition:none} } #nt-portfolio .gt-insight{margin-top:34px;padding-top:26px;border-top:1px solid var(--nt-hair)} #nt-portfolio .gt-patterns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 34px} #nt-portfolio .gt-patterns>div{padding:22px;border-radius:20px;background:color-mix(in srgb,var(--text) 4%,var(--bg));border:1px solid var(--nt-hair)} #nt-portfolio .gt-patterns h3{font-size:clamp(17px,1.5vw,20px);font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:6px 0 8px;color:var(--text)} #nt-portfolio .gt-patterns p{font-size:14.5px;line-height:1.6;color:var(--text-muted)} #nt-portfolio .gt-patterns .nt-cs-tag{margin:0} #nt-portfolio .gt-cartnotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-top:36px} #nt-portfolio .gt-cartnotes h3{font-size:clamp(18px,1.6vw,22px);font-weight:700;letter-spacing:-.01em;margin-bottom:10px;color:var(--text)} #nt-portfolio .gt-states{list-style:none;padding:0;margin:34px 0 14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:gts} #nt-portfolio .gt-states li{position:relative;counter-increment:gts;padding:14px 18px 6px 0;border-top:3px solid var(--gt-red);font-size:14px;line-height:1.5;color:var(--text-muted)} #nt-portfolio .gt-states li::before{content:counter(gts);display:block;font:700 12px var(--nt-mono,Consolas,monospace);color:var(--gt-red);margin-bottom:4px} #nt-portfolio .gt-states b{display:block;font-size:clamp(16px,1.4vw,19px);font-weight:700;color:var(--text);margin-bottom:3px} #nt-portfolio .gt-states-note{max-width:70ch;margin-bottom:8px} #nt-portfolio .gt-edgetable td:first-child{font-weight:700;color:var(--text);white-space:nowrap} #nt-portfolio .gt-status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;border:1px solid var(--nt-hair)} #nt-portfolio .gt-status--designed{background:color-mix(in srgb,var(--gt-red) 12%,var(--bg));color:var(--text)} #nt-portfolio .gt-status--future{border-style:dashed;color:var(--text-muted)} #nt-portfolio .gt-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px} @media (max-width:1000px){ #nt-portfolio .gt-patterns{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:760px){ #nt-portfolio .gt-patterns,#nt-portfolio .gt-cartnotes,#nt-portfolio .gt-measures{grid-template-columns:minmax(0,1fr)} #nt-portfolio .gt-states{grid-template-columns:minmax(0,1fr)} #nt-portfolio .gt-states li{padding:12px 0 12px 0} #nt-portfolio .gt-edgetable thead{position:absolute;left:-9999px} #nt-portfolio .gt-edgetable,#nt-portfolio .gt-edgetable tbody,#nt-portfolio .gt-edgetable tr,#nt-portfolio .gt-edgetable td{display:block;width:100%} #nt-portfolio .gt-edgetable tr{padding:12px 0;border-top:1px solid var(--nt-hair)} #nt-portfolio .gt-edgetable td{padding:2px 0;border:0;white-space:normal} } #nt-portfolio .nt-case-html:has(.hd){min-width:0} #nt-portfolio .hd-proto-item{min-width:0} #nt-portfolio .hd-proto-block{min-width:0;overflow-x:auto} #nt-portfolio .hd{--hd-accent-text:#ad470f} #nt-portfolio .hd-num,#nt-portfolio .hd-verdict--chosen,#nt-portfolio .hd-roles .nt-cs-role h3{color:var(--hd-accent-text)} #nt-portfolio .hd-proto-title,#nt-portfolio .hd-proto-table th,#nt-portfolio .hd-proto-table td.hd-proto-muted,#nt-portfolio .hd-proto-access th,#nt-portfolio .hd-proto-access td.hd-proto-muted,#nt-portfolio .hd-proto-stat{color:#5f6772} #nt-portfolio .hd-proto-note{color:#565d67} #nt-portfolio .nt-cs-phone :focus-visible{outline:2px solid #241b18;outline-offset:2px} #nt-portfolio .fa-system{display:block} #nt-portfolio .fa-panel--strip{padding:16px 18px} #nt-portfolio .fa-sw--strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px} #nt-portfolio .fa-sw--strip i{height:26px;margin-bottom:4px} #nt-portfolio .fa-sw--strip small{font-size:10.5px} #nt-portfolio .fa-panel-h--gap{margin-top:16px} #nt-portfolio .fa-contrast--cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px!important} #nt-portfolio .fa-row3 figure.fa-test{padding:14px 14px 16px;border:1.5px dashed var(--fa-muted);border-radius:18px} #nt-portfolio .fa-row3 figure.fa-test .fa-chip{align-self:center;margin:0} @media (max-width:980px){ #nt-portfolio .fa-sw--strip{grid-template-columns:repeat(4,minmax(0,1fr))} } @media (max-width:560px){ #nt-portfolio .fa-sw--strip{grid-template-columns:repeat(2,minmax(0,1fr))} #nt-portfolio .fa-contrast--cols{grid-template-columns:minmax(0,1fr)} } #nt-portfolio .nt-cs-app-card .nt-cs-name{margin:0 0 3px;font-size:13.5px;font-weight:700} #nt-portfolio .nt-cs-cart-person-head .nt-cs-name,#nt-portfolio .nt-cs-overview-row .nt-cs-name{margin:0;font-size:13.5px;font-weight:700;flex:1} #nt-portfolio .nt-cs-compare-item h3{margin:0 0 12px;font-size:11px;font-weight:700;line-height:inherit;letter-spacing:.12em;text-transform:uppercase;font-family:Consolas,monospace} #nt-portfolio .nt-cs-compare-item--rejected h3{color:var(--text-muted)} #nt-portfolio .nt-cs-compare-item--selected h3{color:var(--accent)} #nt-portfolio .hd-concept h3{font-size:clamp(17px,1.4vw,19px);font-weight:600;line-height:inherit;letter-spacing:-.01em;margin:0 0 8px} #nt-portfolio .gt-ba-note h3{font-size:clamp(18px,1.6vw,22px);font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--gt-ink);margin:0} #nt-portfolio .hd-proto-check.off{color:#636b75} #nt-portfolio .gt-ba-tag--after{background:#d2382a} #nt-portfolio .fa [data-scroll-label]:focus-visible,#nt-portfolio .hd [data-scroll-label]:focus-visible{outline:2px solid #1b1d1a;outline-offset:2px} #nt-portfolio .gt-figma{--nt-font:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;--gf-ink:#1e1e1e;--gf-mid:#5c5c5c;--gf-soft:#d9d9d9;--gf-line:#e8e8e8;--gf-sel:#0d99ff; margin:18px 0 10px;padding:24px 22px 28px;border-radius:14px;background-color:#e5e5e5;background-image:radial-gradient(circle,#cdcdcd 1px,transparent 1.3px);background-size:16px 16px} #nt-portfolio .gt-figma-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:26px 20px} #nt-portfolio .gt-fig-frame{position:relative;margin:0;min-width:0} #nt-portfolio .gt-fig-name{display:block;margin:0 0 6px;font-size:11px;font-weight:500;line-height:1.3;color:var(--gf-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #nt-portfolio .gt-fig-frame.is-selected .gt-fig-name{color:#0a5fb4} #nt-portfolio .gt-fig-screen{position:relative;display:flex;flex-direction:column;gap:6px;aspect-ratio:9/17;padding:9px 9px 10px;background:#fff;color:var(--gf-ink);font-size:9px;line-height:1.3;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.09),0 1px 3px rgba(0,0,0,.06)} #nt-portfolio .gt-fig-frame.is-selected .gt-fig-screen{box-shadow:0 0 0 1.5px var(--gf-sel)} #nt-portfolio .gf-handle{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid var(--gf-sel);z-index:2} #nt-portfolio .gf-handle--tl{left:-4px;top:15px} #nt-portfolio .gf-handle--tr{right:-4px;top:15px} #nt-portfolio .gf-handle--bl{left:-4px;bottom:-4px} #nt-portfolio .gf-handle--br{right:-4px;bottom:-4px} #nt-portfolio .gf-top{flex:none;width:34%;height:4px;margin:0 auto 4px;border-radius:3px;background:var(--gf-soft)} #nt-portfolio .gf-h{font-size:11px;font-weight:600;line-height:1.25;color:var(--gf-ink)} #nt-portfolio .gf-sub{font-size:8.5px;color:var(--gf-mid)} #nt-portfolio .gf-label{margin-bottom:-3px;font-size:8px;font-weight:500;color:var(--gf-mid)} #nt-portfolio .gf-input{flex:none;display:flex;align-items:center;height:20px;padding:0 6px;border:1px solid var(--gf-soft);border-radius:4px;font-size:8.5px;color:#767676;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #nt-portfolio .gf-btn{flex:none;display:flex;align-items:center;justify-content:center;height:22px;padding:0 6px;border-radius:5px;background:var(--gf-ink);color:#fff;font-size:8.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #nt-portfolio .gf-btn--ghost{background:#fff;color:var(--gf-ink);box-shadow:inset 0 0 0 1px var(--gf-soft)} #nt-portfolio .gf-end{margin-top:auto} #nt-portfolio .gf-center{text-align:center;align-self:center} #nt-portfolio .gf-img{flex:none;background-color:#eeeeee;background-image:linear-gradient(to top right,transparent calc(50% - .6px),var(--gf-soft) calc(50% - .6px),var(--gf-soft) calc(50% + .6px),transparent calc(50% + .6px)),linear-gradient(to top left,transparent calc(50% - .6px),var(--gf-soft) calc(50% - .6px),var(--gf-soft) calc(50% + .6px),transparent calc(50% + .6px));border-radius:4px} #nt-portfolio .gf-img--qr{width:58%;aspect-ratio:1;align-self:center} #nt-portfolio .gf-line{flex:none;height:5px;border-radius:3px;background:var(--gf-line)} #nt-portfolio .gf-line--60{width:60%} #nt-portfolio .gf-line--70{width:70%} #nt-portfolio .gf-line--80{width:80%} #nt-portfolio .gf-avatar{flex:none;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--gf-soft);font-size:7.5px;font-weight:600;color:var(--gf-ink)} #nt-portfolio .gf-avatar--lg{width:34px;height:34px;margin:14% auto 2px;font-size:13px} #nt-portfolio .gf-row{display:flex;align-items:center;gap:5px;min-width:0} #nt-portfolio .gf-row b{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #nt-portfolio .gf-row--line{padding:5px 0;border-bottom:1px solid var(--gf-line)} #nt-portfolio .gf-pill{flex:none;padding:1px 5px;border-radius:99px;background:#efefef;font-size:7.5px;font-weight:500;color:var(--gf-ink)} #nt-portfolio .gf-pill--wait{background:#fff;box-shadow:inset 0 0 0 1px var(--gf-soft);color:var(--gf-mid)} #nt-portfolio .gf-group{display:flex;flex-direction:column;gap:4px;padding:5px;border:1px solid var(--gf-line);border-radius:5px} #nt-portfolio .gf-item{display:flex;justify-content:space-between;gap:6px;padding-left:20px;font-size:8.5px;color:var(--gf-mid)} #nt-portfolio .gf-item--row{padding:5px 0;border-bottom:1px solid var(--gf-line);color:var(--gf-ink)} #nt-portfolio .gf-scrim{position:absolute;inset:0;background:rgba(30,30,30,.32)} #nt-portfolio .gf-sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:8px 9px 10px;background:#fff;border-radius:10px 10px 0 0} #nt-portfolio .gf-grab{width:24%;height:3px;margin:0 auto 2px;border-radius:3px;background:var(--gf-soft)} @media (max-width:420px){ #nt-portfolio .gt-figma{padding:18px 14px 22px} #nt-portfolio .gt-figma-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px} } /* Deploy fix 19 Sep 2026 (Nilesh: Harley mobile overflow only). The visually hidden labels (.nt-vh, position:absolute) inside the Harley prototype tables used a containing block outside their scroll wrapper, so they escaped its overflow clip and widened the page on phones. Making the wrapper the containing block keeps them inside it. No visual change; the tables still scroll inside their labelled regions. */ #nt-portfolio .hd-proto-scroll{position:relative}