/* NICHO / PORTFOLIO EXPERIENCE 2026 — art direction: editorial, ultra-sharp, monochromatic */
:root{--pf-ink:#0a0b0a;--pf-paper:#fdfdfb;--pf-gray:#8e9590;--pf-red:#e94752}
.case-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.case-wrap{width:min(calc(100% - 104px),1420px);margin-inline:auto}
.case-topline{display:flex;justify-content:space-between;gap:28px;font-size:11px;line-height:1.65;letter-spacing:.16em;font-weight:500}
.case-topline a:hover{text-decoration:underline;text-underline-offset:6px}
.case-portfolio-hero{background:#030403;color:#fff;min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}
.case-portfolio-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86) 4%,transparent 60%),linear-gradient(90deg,#000 2%,transparent 90%);z-index:1;pointer-events:none}
.case-portfolio-hero-media{position:absolute;inset:-7% -19% -7% 23%;opacity:.82;overflow:hidden}
.case-portfolio-hero-media img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.28) brightness(.72);mask-image:linear-gradient(0deg,transparent,#000 23%,#000 72%,transparent)}
.case-portfolio-hero-inner{position:relative;z-index:2;padding-top:137px;padding-bottom:65px;width:100%;min-height:100svh;display:flex;flex-direction:column}
.case-port-lead{font-size:clamp(24px,3.1vw,48px);font-weight:340;letter-spacing:-.052em;line-height:1.15;margin:clamp(72px,13svh,180px) 0 20px}
.case-port-lead em{font-style:normal;color:#bac4bb}
.case-portfolio-hero h1{font-weight:350;letter-spacing:-.097em;line-height:.78;font-size:clamp(85px,15.5vw,254px);margin:50px 0 95px;margin-left:-.055em}
.case-portfolio-hero h1 span{color:#b8bebe}
.case-port-bottom{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-top:auto}
.case-port-bottom p{font-size:clamp(18px,2vw,26px);line-height:1.5;letter-spacing:-.035em;font-weight:350;max-width:670px}
.case-port-bottom a{font-size:12px;letter-spacing:.13em;border-bottom:1px solid currentColor;padding-bottom:14px;display:flex;align-items:center;gap:40px}
.case-port-bottom a span{font-size:20px}
.case-portfolio-intro{padding:150px 0 155px;background:#fff;color:var(--pf-ink)}
.case-portfolio-statement{display:grid;grid-template-columns:1.5fr .5fr;gap:70px;align-items:end;margin-top:100px}
.case-portfolio-statement h2{font-size:clamp(56px,7vw,105px);line-height:1.01;letter-spacing:-.078em;font-weight:340;margin:0}
.case-portfolio-statement h2 span{color:#a4aca4}
.case-portfolio-statement p{font-size:18px;color:#5b675d;line-height:1.7;margin:0;max-width:410px}
.case-portfolio-gallery{background:#fff;padding:0 0 165px}
.case-portfolio-gallery>.case-wrap>.case-topline{border-top:1px solid #adb6ac;padding-top:18px}
.case-editorial{display:grid;grid-template-columns:1.13fr .87fr;gap:clamp(46px,7vw,118px);align-items:center;margin:125px 0 185px;color:var(--pf-ink)}
.case-editorial:last-child{margin-bottom:0}.case-editorial-reversed{grid-template-columns:.87fr 1.13fr}
.case-editorial-reversed .case-editorial-frame{grid-column:2;grid-row:1}
.case-editorial-reversed .case-editorial-copy{grid-column:1;grid-row:1}
.case-editorial-frame{position:relative;min-height:570px;height:min(53vw,690px);background:#dce0db;overflow:hidden;display:flex;align-items:center;justify-content:center}
.case-editorial:nth-of-type(2n) .case-editorial-frame{background:#e7eae6}
.case-editorial-dark .case-editorial-frame{background:#161b18}
.case-editorial-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(250,250,250,.25),transparent 40%);pointer-events:none}
.case-editorial-frame .case-screen{transform:rotate(-7deg) translate(8%,17%) scale(.87);transform-origin:center;box-shadow:22px 44px 75px rgba(0,0,0,.16);transition:transform .9s cubic-bezier(.16,.72,.2,1),box-shadow .8s}
.case-editorial-reversed .case-editorial-frame .case-screen{transform:rotate(7deg) translate(-8%,17%) scale(.86)}
.case-editorial:hover .case-screen{transform:rotate(-3deg) translate(4%,10%) scale(.96);box-shadow:25px 50px 85px rgba(0,0,0,.24)}
.case-editorial-reversed:hover .case-screen{transform:rotate(3deg) translate(-3%,10%) scale(.97)}
.case-editorial-overlay{position:absolute;inset:auto 25px 25px 25px;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.11em;color:#272e28;pointer-events:none}
.case-editorial-dark .case-editorial-overlay{color:#d9dfd9}
.case-editorial-copy{align-self:center}
.case-editorial-type{font-size:11px;color:#788378;display:flex;justify-content:space-between;gap:20px;letter-spacing:.1em;border-top:1px solid #b9c2b7;padding-top:15px}
.case-editorial-type span{white-space:nowrap}
.case-editorial h3{font-size:clamp(64px,7vw,123px);letter-spacing:-.085em;font-weight:360;line-height:.96;margin:55px 0 30px}
.case-editorial h3 sup{font-size:10px;letter-spacing:0;position:relative;top:-32px;left:8px}
.case-editorial-headline{font-size:clamp(25px,2.9vw,43px);font-weight:370;line-height:1.15;letter-spacing:-.055em;margin:0 0 25px}
.case-editorial-desc{font-size:17px;line-height:1.72;color:#647064;max-width:580px}
.case-editorial-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}
.case-editorial-chips span{padding:8px 12px;border:1px solid #c9d0c7;color:#4d5a50;font-size:11px}
.case-editorial-cta{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid currentColor;padding:15px 0;gap:20px;font-size:12px;letter-spacing:.13em;margin-top:55px;max-width:420px}
.case-editorial-cta b{font-size:25px;font-weight:350;transition:transform .2s}
.case-editorial:hover .case-editorial-cta b{transform:translate(7px,-7px)}
.case-portfolio-conclusion{padding:130px 0;background:#080a08;color:#f8f8f4;min-height:790px}
.case-portfolio-conclusion h2{font-size:clamp(60px,9vw,145px);letter-spacing:-.081em;line-height:.98;font-weight:330;margin:115px 0 90px}
.case-portfolio-conclusion h2 em{font-style:normal;color:#a8b2a9}
.case-detail-hero{background:#f6f7f3;color:#111510;min-height:780px;padding:175px 0 100px;display:flex;align-items:center}
.case-detail-hero.dark-theme{background:#080a08;color:#fff}
.case-detail-hero .case-wrap{width:min(calc(100% - 104px),1420px)}
.case-status{font-size:11px;letter-spacing:.13em;color:#6f796f}
.dark-theme .case-status{color:#b0c0b1}
.case-detail-name{margin:90px 0 60px}
.case-detail-name h1{font-size:clamp(73px,12.2vw,185px);letter-spacing:-.093em;line-height:.93;font-weight:350;margin:23px 0 29px}
.case-detail-name h1 em{font-style:normal;color:var(--pf-red)}
.case-detail-name>p{font-size:clamp(24px,3.2vw,46px);letter-spacing:-.055em;font-weight:340;line-height:1.18;max-width:970px}
.dark-theme .case-detail-name>p{color:#c7d2c7}
.case-detail-tags{display:flex;gap:12px;flex-wrap:wrap}
.case-detail-tags span{border:1px solid #aeb8ae;padding:11px 16px;font-size:12px;letter-spacing:.06em}
.dark-theme .case-detail-tags span{border-color:#4d5c50}
.case-detail-preview{padding:105px 0 75px;background:#e9eee7}
.case-detail-preview.screen-dark{background:#191c19}
.case-detail-preview .case-detail-screen{width:min(100%,1170px);margin-inline:auto}
.case-preview-caption{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;color:#606a60;font-size:10px;letter-spacing:.13em;margin-top:35px}
.screen-dark .case-preview-caption{color:#c1c8bd}
.case-detail-context{padding:150px 0;background:#fff;color:#101410}
.case-detail-bisect{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,120px);margin-top:110px}
.case-overline{font-size:11px;letter-spacing:.16em;color:#8a948b}
.case-detail-bisect h2{font-size:clamp(42px,5.5vw,86px);letter-spacing:-.075em;font-weight:360;line-height:1.04;margin:25px 0}
.case-detail-bisect h2 em{font-style:normal;color:#929d93}
.case-detail-bisect p{font-size:18px;line-height:1.78;color:#5c6a60}
.case-detail-modules{padding:135px 0 155px;background:#f1f3ee}
.case-modules-header{display:flex;justify-content:space-between;gap:75px;align-items:end;margin:100px 0 90px}
.case-modules-header h2{font-size:clamp(55px,7vw,115px);font-weight:340;letter-spacing:-.077em;line-height:1;margin:0}
.case-modules-header h2 em{font-style:normal;color:#8f9b8e}
.case-modules-header p{font-size:18px;line-height:1.68;max-width:400px}
.case-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #aeb9ad}
.case-module-grid article{min-height:310px;padding:35px 35px 45px 0;border-bottom:1px solid #c8d0c7}
.case-module-grid article:not(:nth-child(3n+1)){border-left:1px solid #c8d0c7;padding-left:35px}
.case-module-grid span{font-size:11px;color:#7d897e;letter-spacing:.1em}
.case-module-grid h3{font-size:clamp(28px,3vw,47px);line-height:1.14;letter-spacing:-.058em;font-weight:380;margin:53px 0 18px}
.case-module-grid p{font-size:15px;color:#657267;line-height:1.7}
.case-detail-flow{padding:145px 0 160px;background:#080a08;color:#fff}
.case-flow-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin:100px 0 110px}
.case-flow-heading h2{font-size:clamp(70px,8vw,136px);font-weight:330;letter-spacing:-.082em;line-height:.97;margin:0}
.case-flow-heading h2 em{font-style:normal;color:#a6afa7}
.case-flow-heading p{font-size:18px;max-width:400px;color:#bdc9bf;line-height:1.7}
.case-flow-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #545e54}
.case-flow-step{padding:28px 20px 30px 0;min-height:280px;border-right:1px solid #49524a;position:relative}
.case-flow-step:not(:first-child){padding-left:22px}
.case-flow-step:last-child{border-right:0}
.case-flow-step>div{display:flex;align-items:center;gap:10px;justify-content:space-between;max-width:170px}
.case-flow-step>div span{font-size:12px;color:#eff3ef}.case-flow-step>div small{font-size:9px;letter-spacing:.1em;color:#9aa99b}
.case-flow-step h3{font-weight:360;letter-spacing:-.045em;line-height:1.24;font-size:clamp(20px,2.2vw,32px);margin:70px 0 10px}
.case-flow-step>span{position:absolute;right:23px;bottom:25px;color:#bac9ba}
.case-detail-outcome{padding:135px 0 50px;background:#fff}
.case-outcome-panel{margin:110px 0 130px;background:#e9eee7;padding:clamp(35px,6vw,85px)}
.case-outcome-panel>span{font-size:11px;letter-spacing:.13em;color:#637565}
.case-outcome-panel h2{font-size:clamp(48px,6vw,97px);line-height:1;letter-spacing:-.075em;font-weight:330;margin:65px 0 32px}
.case-outcome-panel p{max-width:820px;color:#556457;font-size:18px;line-height:1.7}
.case-next{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #c1ccc0;padding:35px 0 80px}
.case-next>div{display:flex;flex-direction:column;gap:28px}
.case-next>div>span{font-size:11px;letter-spacing:.14em;color:#788778}
.case-next a{font-size:clamp(25px,3.4vw,52px);font-weight:380;letter-spacing:-.055em;display:flex;justify-content:space-between;gap:20px}
.case-next a b{font-weight:350}
.nicho-case-footer{padding:80px 0 35px;background:#070907;color:#f7f8f5}
.nicho-case-footer>.case-wrap:first-child{display:flex;justify-content:space-between;gap:100px}
.ncf-logo{font-size:58px;font-weight:570;letter-spacing:-.09em}.ncf-logo span{color:#9ca69d}
.nicho-case-footer p{font-size:15px;color:#aeb8ad;max-width:360px;line-height:1.75}
.ncf-links{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 75px;font-size:13px}
.ncf-links a{color:#bac4b9}.ncf-links a:hover{color:#fff}
.ncf-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #303831;padding-top:30px;margin-top:90px;font-size:10px;letter-spacing:.1em;color:#889589}
.case-screen{width:950px;min-width:950px;height:540px;border:1px solid #69766e;background:#101713;box-shadow:0 24px 95px rgba(0,0,0,.22);color:#f2f5f1;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;overflow:hidden}
.case-screen-top{height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e6eae5;color:#48544a;padding:0 15px;font-size:9px;letter-spacing:.13em}
.case-screen-top>span:first-child{display:flex;gap:6px}.case-screen-top i{width:6px;height:6px;border-radius:50%;background:#8f9991;display:block}
.case-screen-top i:first-child{background:#d8aca5}
.case-ui{height:502px;display:grid;grid-template-columns:212px 1fr}
.case-ui-sidebar{padding:27px 21px;background:#0f1511;border-right:1px solid #38453b;display:flex;flex-direction:column}
.case-ui-brand{font-weight:660;font-size:24px;letter-spacing:-.065em;margin-bottom:60px}.case-ui-brand span{font-size:8px;vertical-align:top;letter-spacing:0}
.case-ui-nav{display:flex;flex-direction:column;gap:9px}.case-ui-nav span{padding:12px 11px;font-size:11px;letter-spacing:.01em;color:#879689}.case-ui-nav span.active{background:#2c372e;color:#f7faf6}
.case-ui-bottom{font-size:8px;letter-spacing:.07em;color:#6f8372;margin-top:auto}
.case-ui-stage{padding:30px 37px 20px;background:#f7f8f4;color:#171f19;overflow:hidden;display:flex;flex-direction:column}
.case-ui-kicker{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.11em;color:#5c685e}
.case-ui-kicker span{font-size:8px;color:#50765b}
.case-ui-stage h3{font-weight:450;font-size:41px;letter-spacing:-.064em;margin:27px 0 24px}
.case-ui-stage h3 span{color:#a2c0a1}
.case-ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.case-ui-stats>div{border:1px solid #dae1d9;padding:18px 13px;display:flex;flex-direction:column;gap:17px;min-height:97px}
.case-ui-stats small{font-size:8px;letter-spacing:.08em;color:#859286}
.case-ui-stats strong{font-size:16px;letter-spacing:-.04em;font-weight:530;white-space:nowrap}
.case-ui-stats em{position:absolute;align-self:flex-end;font-size:15px;color:#577760;opacity:.6;font-style:normal}
.case-ui-table{border-top:1px solid #c9d3ca;margin-top:24px}
.case-ui-table>div{display:flex;justify-content:space-between;align-items:center;padding:10px 5px;border-bottom:1px solid #dce4da;font-size:10px}
.case-ui-table>div span:first-child{display:flex;gap:26px;align-items:center}
.case-ui-table b{color:#819183;font-weight:400}
.case-ui-tablehead{letter-spacing:.12em;font-size:8px!important;color:#8b988c}
.case-ui-dot{color:#5f8b65;font-size:9px}.case-ui-dot small{color:#667668;font-size:8px}
.case-ui-disclaimer{margin-top:auto;padding-top:16px;color:#7b8d7c;font-size:8px;letter-spacing:.1em}
.case-editorial .case-screen{flex:none}
.case-detail-screen .case-screen{width:100%;min-width:0;height:auto;aspect-ratio:950/540}
.case-detail-screen .case-screen-top{height:7%;min-height:29px}
.case-detail-screen .case-ui{height:93%;grid-template-columns:22% 78%}
.case-detail-screen .case-ui-stage{padding:3.5% 5% 2.5%}
.case-detail-screen .case-ui-stage h3{font-size:clamp(35px,4.3vw,65px)}
.case-detail-screen .case-ui-stats>div{min-height:110px}
.case-detail-screen .case-ui-brand{font-size:clamp(18px,2.3vw,34px)}
@media(max-width:1300px){.case-editorial-frame{min-height:475px}.case-editorial-frame .case-screen{transform:rotate(-7deg) translate(15%,20%) scale(.69)}.case-editorial-reversed .case-editorial-frame .case-screen{transform:rotate(7deg) translate(-15%,20%) scale(.69)}.case-editorial:hover .case-screen{transform:rotate(-3deg) translate(11%,16%) scale(.75)}.case-editorial-reversed:hover .case-screen{transform:rotate(3deg) translate(-11%,16%) scale(.75)}.case-editorial{gap:50px}}
@media(max-width:950px){.case-portfolio-statement,.case-detail-bisect,.case-editorial,.case-editorial-reversed,.case-modules-header,.case-flow-heading{grid-template-columns:1fr;display:grid;gap:30px}.case-editorial-reversed .case-editorial-frame,.case-editorial-reversed .case-editorial-copy{grid-column:1;grid-row:auto}.case-editorial{margin:90px 0 115px}.case-editorial-frame{height:580px}.case-editorial-frame .case-screen{transform:rotate(-5deg) translate(5%,16%) scale(.78)}.case-editorial-reversed .case-editorial-frame .case-screen{transform:rotate(5deg) translate(-5%,16%) scale(.78)}.case-editorial-copy{margin-top:15px}.case-module-grid{grid-template-columns:repeat(2,1fr)}.case-module-grid article:not(:nth-child(3n+1)){border-left:0;padding-left:0}.case-module-grid article:nth-child(even){border-left:1px solid #c8d0c7;padding-left:30px}.case-flow-items{grid-template-columns:repeat(3,1fr)}.case-flow-step:nth-child(3){border-right:0}.case-detail-screen .case-ui-stats>div{min-height:85px}.case-portfolio-hero h1{font-size:clamp(79px,13vw,150px)}}
@media(max-width:650px){
.case-wrap{width:calc(100% - 40px)}.case-topline{font-size:9px;letter-spacing:.09em}
.case-topline>span:last-child{max-width:47%;text-align:right}
.case-portfolio-hero,.case-portfolio-hero-inner{min-height:790px;min-height:100svh}
.case-portfolio-hero-inner{padding-top:126px;padding-bottom:65px}
.case-portfolio-hero-media{inset:3% -65% 3% 4%;opacity:.7}
.case-portfolio-hero h1{font-size:clamp(59px,17.5vw,100px);margin:50px 0 85px}
.case-port-lead{font-size:clamp(26px,6.1vw,37px);margin-top:110px}
.case-port-bottom{flex-direction:column;align-items:start;gap:30px}
.case-port-bottom p{font-size:18px}.case-port-bottom a{font-size:10px;gap:15px}
.case-portfolio-intro{padding:95px 0}
.case-portfolio-statement{margin-top:75px}
.case-portfolio-statement h2{font-size:clamp(48px,9vw,75px)}
.case-portfolio-statement p{font-size:16px}
.case-portfolio-gallery{padding-bottom:95px}
.case-editorial{margin:75px 0 105px;gap:24px}
.case-editorial-frame{min-height:350px;height:86vw}
.case-editorial-frame .case-screen{transform:rotate(-7deg) translate(12%,24%) scale(.47)}
.case-editorial-reversed .case-editorial-frame .case-screen{transform:rotate(7deg) translate(-12%,24%) scale(.47)}
.case-editorial:hover .case-screen{transform:rotate(-5deg) translate(12%,24%) scale(.47)}
.case-editorial-reversed:hover .case-screen{transform:rotate(5deg) translate(-12%,24%) scale(.47)}
.case-editorial-overlay{font-size:9px;left:14px;right:14px;bottom:15px}
.case-editorial h3{font-size:clamp(58px,10vw,79px);margin:35px 0 22px}.case-editorial-headline{font-size:29px}
.case-editorial-desc{font-size:15px}.case-editorial-chips{margin-top:20px}
.case-editorial-cta{margin-top:30px}
.case-portfolio-conclusion{padding:90px 0;min-height:620px}
.case-portfolio-conclusion h2{font-size:clamp(53px,9vw,86px);margin:100px 0 75px}
.case-detail-hero{min-height:625px;padding:140px 0 80px}
.case-detail-hero .case-wrap{width:calc(100% - 40px)}
.case-detail-name{margin:70px 0 40px}.case-detail-name h1{font-size:clamp(57px,11vw,91px)}.case-detail-name p{font-size:27px}
.case-detail-tags span{font-size:10px;padding:7px 10px}
.case-detail-preview{padding:60px 0 40px;overflow:hidden}
.case-detail-screen .case-screen{width:850px;min-width:850px;height:480px;transform:scale(.46);transform-origin:top left;margin-bottom:-260px}
.case-detail-screen{width:100%;min-height:245px}
.case-preview-caption{font-size:9px;line-height:1.7}
.case-detail-context,.case-detail-modules,.case-detail-flow,.case-detail-outcome{padding:85px 0}
.case-detail-bisect{margin-top:75px;gap:50px}.case-detail-bisect h2{font-size:48px}.case-detail-bisect p{font-size:16px}
.case-modules-header{margin:75px 0 60px}.case-modules-header h2{font-size:57px}.case-modules-header p{font-size:16px}
.case-module-grid{grid-template-columns:1fr}.case-module-grid article{min-height:0;padding:26px 0}.case-module-grid article:nth-child(even){border-left:0;padding-left:0}
.case-module-grid h3{font-size:30px;margin:25px 0 10px}.case-module-grid p{font-size:14px}
.case-flow-heading{margin:80px 0 70px}.case-flow-heading h2{font-size:72px}.case-flow-heading p{font-size:16px}
.case-flow-items{grid-template-columns:1fr}.case-flow-step,.case-flow-step:not(:first-child){min-height:120px;padding:25px 0 27px;border-right:0;border-bottom:1px solid #3e4e42}
.case-flow-step h3{font-size:28px;margin:25px 0}.case-flow-step>span{bottom:24px;right:10px}
.case-outcome-panel{margin:80px 0 100px;padding:30px}.case-outcome-panel h2{font-size:48px;margin:50px 0 25px}.case-outcome-panel p{font-size:16px}
.case-next{grid-template-columns:1fr;gap:65px}.case-next a{font-size:33px}
.nicho-case-footer{padding:70px 0 35px}.nicho-case-footer>.case-wrap:first-child{flex-direction:column;gap:50px}
.ncf-links{gap:18px 25px}.ncf-bottom{flex-direction:column;margin-top:65px}
}
@media(prefers-reduced-motion:reduce){.case-editorial .case-screen,.case-editorial:hover .case-screen{transition:none!important}.case-editorial-cta b{transition:none!important}}

.case-reveal{opacity:0;transform:translateY(42px);transition:opacity .85s ease,transform .9s cubic-bezier(.18,.7,.2,1)}
.case-reveal.case-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.case-reveal{opacity:1;transform:none;transition:none}}


/* NICHO editorial work gallery / home */
.nd-work-section{background:#fafaf8;color:#0a0d0a;padding:145px 0 180px}
.nd-work-heading{display:flex;justify-content:space-between;align-items:end;gap:80px;margin:112px 0 105px}
.nd-work-heading h2{font-size:clamp(66px,7.8vw,128px);font-weight:340;letter-spacing:-.078em;line-height:1.02;margin:0}
.nd-work-heading h2 em{font-style:normal;color:#96a098}
.nd-work-heading p{font-size:19px;line-height:1.63;max-width:330px;margin:0}
.nd-work-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nd-work-case{display:flex;flex-direction:column;color:inherit}
.nd-work-case-visual{height:clamp(400px,40vw,620px);background:#111a14;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:25px}
.nd-work-caps{font-size:9px;letter-spacing:.09em;display:flex;justify-content:space-between;gap:15px;z-index:3}
.nd-work-signature{margin:auto 0;position:relative;z-index:4;font-size:clamp(75px,8.6vw,142px);line-height:.83;letter-spacing:-.09em;font-weight:350}
.nd-work-signature span{color:#98aaa0}
.nd-work-pills{display:flex;flex-wrap:wrap;gap:7px;z-index:4;margin-bottom:25px}
.nd-work-pills i{font-size:9px;letter-spacing:.06em;padding:8px;border:1px solid rgba(255,255,255,.5);font-style:normal}
.nd-work-bottom{font-size:9px;color:#bac9bc;letter-spacing:.09em;z-index:4}
.nd-work-aura{position:absolute;border-radius:50%;width:420px;height:420px;right:-170px;top:16%;background:radial-gradient(circle at 35% 30%,rgba(224,247,230,.35),rgba(170,195,175,.08) 38%,transparent 71%);filter:blur(15px);transition:transform .8s}
.nd-work-case:hover .nd-work-aura{transform:scale(1.22)}
.nd-work-resto{background:#e7e8e3;color:#171e19}.nd-work-resto .nd-work-signature span{color:#8e9990}.nd-work-resto .nd-work-pills i{border-color:#9ca99c}.nd-work-resto .nd-work-bottom{color:#657268}
.nd-work-rings{position:absolute;inset:0;display:grid;place-items:center}.nd-work-rings i{position:absolute;border:1px solid #b9c1b8;border-radius:50%;width:400px;height:400px;opacity:.65}.nd-work-rings i:nth-child(2){width:280px;height:280px}.nd-work-rings i:nth-child(3){width:160px;height:160px}
.nd-work-luminari{background:#1b1d1a}
.nd-work-light{width:520px;height:520px;position:absolute;right:-210px;top:10%;border-radius:50%;background:radial-gradient(circle,#f7f8f3 0%,#a8afa6 14%,#272e28 29%,transparent 60%);opacity:.2}
.nd-work-case-info{border-top:1px solid #cad0c7;padding-top:24px;display:flex;flex-direction:column;gap:12px;flex:1}
.nd-work-case-info>span{font-size:10px;letter-spacing:.13em;color:#7e8a7e}
.nd-work-case-info h3{font-size:clamp(27px,3.2vw,51px);letter-spacing:-.06em;line-height:1.1;font-weight:420;margin:18px 0 0}
.nd-work-case-info p{font-size:15px;line-height:1.7;color:#657167}
.nd-work-case-info b{font-size:11px;font-weight:500;letter-spacing:.09em;margin-top:auto;padding-top:20px}
.nd-work-all{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #101610;padding:18px 0;margin-top:75px;font-size:13px;letter-spacing:.11em;font-weight:490}
.nd-work-all span{font-size:28px}
@media(max-width:1000px){.nd-work-cases{grid-template-columns:1fr 1fr}.nd-work-case:last-child{grid-column:1/-1}.nd-work-case-visual{height:580px}.nd-work-signature{font-size:105px}}
@media(max-width:660px){.nd-work-section{padding:85px 0 110px}.nd-work-heading{flex-direction:column;align-items:start;gap:26px;margin:85px 0 65px}.nd-work-heading h2{font-size:clamp(54px,10vw,88px)}.nd-work-heading p{font-size:17px}.nd-work-cases{grid-template-columns:1fr;gap:80px}.nd-work-case:last-child{grid-column:auto}.nd-work-case-visual{height:490px}.nd-work-signature{font-size:clamp(94px,20vw,143px)}.nd-work-case-info h3{font-size:39px}.nd-work-all{font-size:11px;gap:20px;margin-top:80px}}

/* CATEGORY NAVIGATION / PORTFOLIO */
.pf-filter-header{display:flex;justify-content:space-between;align-items:end;gap:35px;border-bottom:1px solid #b9c4ba;padding:50px 0 26px}
.pf-filter-overline{display:block;color:#728073;letter-spacing:.12em;font-size:10px;margin-bottom:25px}
.pf-filters{display:flex;flex-wrap:wrap;gap:10px}
.pf-filter{border:1px solid #acb7ab;background:transparent;font-size:11px;letter-spacing:.1em;color:#354138;padding:13px 17px;border-radius:0;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.pf-filter small{font-size:9px;padding-left:12px;opacity:.6}
.pf-filter:hover{border-color:#1a201b}
.pf-filter.active{background:#101811;color:#f4f7f3;border-color:#101811}
.pf-result-count{font-size:10px;white-space:nowrap;color:#59675a;letter-spacing:.13em;margin-bottom:14px}
.case-editorial[hidden]{display:none!important}
.case-editorial:focus-visible,.pf-filter:focus-visible{outline:2px solid #ee3a49;outline-offset:4px}
.case-detail-screen .case-screen{transform:scale(var(--case-scale,1));transform-origin:top left}
@media(max-width:650px){
.pf-filter-header{align-items:start;flex-direction:column;gap:15px;padding:40px 0 15px}
.pf-filters{gap:8px}
.pf-filter{font-size:10px;padding:11px}
.pf-filter small{padding-left:6px}
.pf-result-count{margin:0}
.case-detail-screen{overflow:visible;height:var(--case-preview-height,255px);min-height:0}
.case-detail-screen .case-screen{min-width:950px;width:950px;height:540px;aspect-ratio:auto;transform:scale(var(--case-scale,.34));transform-origin:top left;margin:0}
}