/* NXT GEN WEB 2026 / Portfolio archive. Clean, editorial counterpart to main website. */
.ngw-work{--ngw-black:#202322;--ngw-lime:#9bd268;--ngw-gray:#646963;color:var(--ngw-black);font-family:'Proximanova-regular',sans-serif;background:#fff}
.ngw-work *{box-sizing:border-box}
.ngw-work-shell{width:min(1200px,calc(100% - 48px));margin:0 auto}
.ngw-work-hero{position:relative;overflow:hidden;background:#f6f7f4;padding:135px 0 110px}
.ngw-work-hero:before{content:"";position:absolute;top:-250px;right:-240px;height:650px;width:650px;border:90px solid #e4edda;border-radius:50%;opacity:.55;pointer-events:none}
.ngw-work-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:11px;color:#69706c;font-size:13px;margin-bottom:38px}
.ngw-work-crumb a{color:#455448;text-decoration:none}.ngw-work-crumb a:hover{text-decoration:underline}
.ngw-work-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:5%;position:relative}
.ngw-work-eyebrow{display:flex;align-items:center;gap:10px;font:700 12px 'Proximanova-bold',sans-serif;letter-spacing:.12em;color:#3c443e}
.ngw-work-eyebrow span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#84c041}
.ngw-work h1{font:700 clamp(56px,6.5vw,99px)/.99 'Proximanova-bold',sans-serif!important;letter-spacing:-.056em;color:#1e211f!important;margin:25px 0 29px;max-width:850px}
.ngw-work h1 em,.ngw-work-end h2 em{font-style:normal;color:#679c38}
.ngw-work-lead{font:19px/1.62 'Proximanova-regular',sans-serif;color:#555b55;max-width:620px;margin:0 0 28px}
.ngw-work-actions{display:flex;flex-wrap:wrap;align-items:center;gap:27px}
.ngw-work-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:#242824;color:#fff!important;padding:18px 23px;min-height:57px;text-decoration:none!important;font:700 16px 'Proximanova-bold',sans-serif;border-radius:10px;transition:transform .2s,background .2s}
.ngw-work-button span{font-size:22px;color:#b9ed8a}.ngw-work-button:hover{background:#404641;transform:translateY(-2px)}
.ngw-work-quiet{color:#373d36!important;font:700 16px 'Proximanova-bold',sans-serif;text-decoration:none!important}.ngw-work-quiet span{margin-left:9px;color:#69983e}.ngw-work-quiet:hover{text-decoration:underline!important}
.ngw-work-proof{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#70786d;font-size:13px;margin:40px 0 0}
.ngw-work-proof i{height:4px;width:4px;border-radius:50%;background:#88b65c}
.ngw-work-visual{min-height:485px;background:#e9eeea;border:1px solid #d7e2d7;position:relative;overflow:hidden;border-radius:21px;box-shadow:0 28px 60px #17271b21}
.ngw-work-visual-glow{position:absolute;width:420px;height:420px;right:-170px;top:-140px;background:radial-gradient(circle,#a6da7177,transparent 70%);pointer-events:none}
.ngw-work-visual-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;font:700 11px 'Proximanova-bold',sans-serif;letter-spacing:.1em;padding:26px;color:#545e55}
.ngw-work-visual-top b{display:inline-block;width:10px;height:10px;background:#87c34b;border-radius:50%;margin-right:5px}
.ngw-work-visual-window{position:absolute;top:23%;left:13%;width:74%;height:57%;background:#fff;border:1px solid #dce6d9;border-radius:13px;transform:rotate(-7deg);box-shadow:0 19px 55px #21302331}
.ngw-work-visual-toolbar{height:40px;background:#f4f7f2;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e3eadf;border-radius:13px 13px 0 0;color:#607361}
.ngw-work-visual-toolbar>span{display:flex;gap:4px}.ngw-work-visual-toolbar span b{height:7px;width:7px;background:#c7d5c8;border-radius:50%}.ngw-work-visual-toolbar span b:first-child{background:#91be67}
.ngw-work-visual-toolbar small{font-size:11px}.ngw-work-visual-body{padding:24px}
.ngw-work-visual-logo{font:700 20px 'Proximanova-bold',sans-serif;letter-spacing:-.09em;color:#2a322b}.ngw-work-visual-logo span{color:#8cbd55;margin-left:4px}
.ngw-work-visual-body>strong{display:block;font:700 clamp(25px,3vw,42px)/1.05 'Proximanova-bold',sans-serif;letter-spacing:-.04em;margin-top:19px}
.ngw-work-visual-bars{margin:17px 0;display:flex;flex-direction:column;gap:7px}.ngw-work-visual-bars i{height:5px;border-radius:4px;width:68%;background:#e0e9dd}.ngw-work-visual-bars i:last-child{width:48%}
.ngw-work-visual-arrow{display:inline-block;background:#242824;color:white;padding:10px 15px;font:700 10px 'Proximanova-bold',sans-serif;letter-spacing:.07em}
.ngw-work-visual-tile{position:absolute;right:5%;bottom:13%;width:46%;height:34%;background:#242824;color:white;transform:rotate(7deg);border-radius:12px;padding:18px 19px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 14px 35px #1d2b2640}
.ngw-work-visual-tile>span{font:700 10px 'Proximanova-bold',sans-serif;letter-spacing:.11em;color:#b5e985}
.ngw-work-visual-tile i{height:1px;width:50%;background:#6e8669}.ngw-work-visual-tile strong{font:700 20px/1.1 'Proximanova-bold',sans-serif}.ngw-work-visual-tile b{align-self:flex-end;font-size:23px;color:#b5e985}
.ngw-work-visual-bottom{position:absolute;bottom:22px;left:24px;font:700 10px 'Proximanova-bold',sans-serif;letter-spacing:.13em;color:#69786a}
.ngw-work-directory{padding:90px 0 100px;background:#fff}
.ngw-work-label{font:700 12px 'Proximanova-bold',sans-serif;letter-spacing:.13em;color:#668d42;margin:0 0 16px}
.ngw-work h2{font:700 clamp(38px,4.7vw,65px)/1.06 'Proximanova-bold',sans-serif!important;letter-spacing:-.045em;color:#242824!important;margin:0}
.ngw-work-directory h2 span{color:#71866f}
.ngw-work-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:43px}
.ngw-work-paths a{display:flex;flex-direction:column;position:relative;min-width:0;padding:29px;border:1px solid #dbe1d9;border-radius:15px;color:#242824;text-decoration:none;min-height:235px;transition:transform .2s,border-color .2s,box-shadow .2s;background:#fbfcfa}
.ngw-work-paths a:hover{transform:translateY(-5px);border-color:#a4bf93;box-shadow:0 14px 34px #18281913}
.ngw-work-paths span{font:700 11px 'Proximanova-bold',sans-serif;letter-spacing:.09em;color:#7a9672}.ngw-work-paths strong{font:700 28px/1.1 'Proximanova-bold',sans-serif;letter-spacing:-.03em;margin:31px 0 10px}
.ngw-work-paths small{color:#646d62;font-size:15px}.ngw-work-paths b{position:absolute;right:27px;top:20px;font-size:24px;color:#5c903f}
.ngw-work-projects{background:#f5f7f3;padding:90px 0}
.ngw-work-projects-top{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:34px}.ngw-work-projects-top>p{max-width:390px;font:16px/1.58 'Proximanova-regular',sans-serif;color:#5a6258}
.ngw-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.ngw-work-card{min-width:0;overflow:hidden;border:1px solid #dce3d8;border-radius:14px;background:#fff;transition:transform .22s ease,box-shadow .22s ease}
.ngw-work-card:hover{transform:translateY(-5px);box-shadow:0 20px 43px #1a281b18}
.ngw-work-card>a{color:inherit!important;text-decoration:none!important;display:block}
.ngw-work-card-image{position:relative;aspect-ratio:1.2/1;background:#e9efe7;overflow:hidden}
.ngw-work-card-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.ngw-work-card:hover img{transform:scale(1.04)}
.ngw-work-image-arrow{position:absolute;top:16px;right:16px;display:grid;place-items:center;background:#fff;border-radius:50%;height:39px;width:39px;font-size:21px;color:#4a7935;box-shadow:0 5px 15px #17271d2b}
.ngw-work-image-fallback{width:100%;height:100%;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;background:repeating-linear-gradient(-25deg,#e5ebe1 0,#e5ebe1 25px,#eaf0e7 25px,#eaf0e7 50px);color:#222}.ngw-work-image-fallback b{font:700 52px 'Proximanova-bold',sans-serif;letter-spacing:-.08em}.ngw-work-image-fallback i{font:13px 'Proximanova-regular',sans-serif}
.ngw-work-card-meta{display:flex;justify-content:space-between;align-items:end;gap:15px;padding:24px 23px 25px}
.ngw-work-card-meta>div{min-width:0}.ngw-work-card-meta span:first-child{font:700 10px 'Proximanova-bold',sans-serif;letter-spacing:.08em;color:#73846e}.ngw-work-card-meta h3{font:700 23px/1.16 'Proximanova-bold',sans-serif!important;letter-spacing:-.025em;margin:10px 0 0;color:#252b24!important;overflow-wrap:break-word}.ngw-work-card-see{font:700 12px 'Proximanova-bold',sans-serif;white-space:nowrap;color:#5b8c36}
.ngw-work-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:46px}
.ngw-work-pagination .page-numbers{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 14px;border-radius:9px;border:1px solid #d4decf;text-decoration:none;color:#2b3728;background:#fff;font:700 14px 'Proximanova-bold',sans-serif}.ngw-work-pagination .current{background:#242824;color:#fff}
.ngw-work-end{background:#242824;padding:85px 0 100px;color:#fff}.ngw-work-end .ngw-work-label{color:#b9e78d}.ngw-work-end-grid{display:grid;grid-template-columns:1fr .7fr;gap:9%;align-items:end}.ngw-work-end h2{color:#fff!important}.ngw-work-end h2 em{color:#b9e78d}.ngw-work-end-grid p{color:#d3ddd0;font:18px/1.6 'Proximanova-regular',sans-serif;margin:0 0 28px}.ngw-work-end .ngw-work-button{border:1px solid #b7e78b;background:#b7e78b;color:#1a271a!important}.ngw-work-end .ngw-work-button span{color:#1a271a}.ngw-work-end .ngw-work-button:hover{background:#d0f5ae}
.ngw-work a:focus-visible{outline:3px solid #84c041;outline-offset:4px}
@media(max-width:1000px){.ngw-work-hero-grid{grid-template-columns:1fr 1fr}.ngw-work-visual{min-height:440px}.ngw-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ngw-work h1{font-size:clamp(46px,6vw,74px)}.ngw-work-paths strong{font-size:24px}.ngw-work-paths a{padding:23px}}
@media(max-width:760px){.ngw-work-shell{width:calc(100% - 36px)}.ngw-work-hero{padding:102px 0 65px}.ngw-work-hero-grid{grid-template-columns:1fr;gap:33px}.ngw-work h1{font-size:clamp(45px,11.1vw,66px);margin:21px 0}.ngw-work-visual{min-height:410px}.ngw-work-proof{margin-top:27px}.ngw-work-directory,.ngw-work-projects,.ngw-work-end{padding:65px 0}.ngw-work-paths{grid-template-columns:1fr;gap:13px;margin-top:30px}.ngw-work-paths a{min-height:165px}.ngw-work-paths strong{margin:23px 0 8px}.ngw-work-projects-top{display:block}.ngw-work-projects-top>p{margin:16px 0 0}.ngw-work-grid{grid-template-columns:1fr;gap:16px}.ngw-work-end-grid{grid-template-columns:1fr;gap:30px}.ngw-work-card-image{aspect-ratio:1.4/1}.ngw-work h2{font-size:clamp(35px,9vw,52px)}}
@media(max-width:370px){.ngw-work-visual{min-height:380px}.ngw-work-visual-tile{width:48%;padding:13px}.ngw-work-visual-tile strong{font-size:16px}.ngw-work-visual-body{padding:18px}.ngw-work-visual-body>strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ngw-work-card,.ngw-work-card-image>img,.ngw-work-button,.ngw-work-paths a{transition:none!important}.ngw-work-card:hover,.ngw-work-paths a:hover,.ngw-work-button:hover{transform:none!important}}