/* NXT GEN WEB / Our Work one-page category hub, no combined archive or pagination. */
.ngw-work--hub .ngw-work-hero{padding-bottom:96px}
.ngw-work--hub .ngw-work-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:4%}
.ngw-work--hub .ngw-work-hero h1{font-size:clamp(55px,6vw,87px)}
.ngw-work-directory--hub{background:#fff;padding:100px 0 108px}
.ngw-work-hub-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.55fr);align-items:end;gap:8%;margin-bottom:32px}
.ngw-work-hub-heading h2{margin:0!important}
.ngw-work-hub-heading>p{font:18px/1.55 'Proximanova-regular',sans-serif;color:#566057;max-width:365px;margin:0 0 5px}
.ngw-work--hub .ngw-work-paths--showcase{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ngw-work--hub .ngw-work-paths--showcase>a.ngw-work-showcase{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;padding:0;overflow:hidden;border-radius:18px;border:1px solid #dce2d8;box-shadow:0 10px 28px #19291b0b;background:#fff;transition:transform .28s,box-shadow .28s,border-color .28s}
.ngw-work--hub .ngw-work-paths--showcase>a.ngw-work-showcase:hover{transform:translateY(-6px);box-shadow:0 22px 45px #19291b1d;border-color:#a9c99b}
.ngw-work-showcase-art{height:300px;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.ngw-work-showcase--web .ngw-work-showcase-art{background:linear-gradient(145deg,#eaf0e9,#e5ede0 60%,#d3e7cd)}
.ngw-work-showcase--logo .ngw-work-showcase-art{background:linear-gradient(150deg,#e7e5d9,#ece9df 54%,#e4ddd1)}
.ngw-work-showcase--motion .ngw-work-showcase-art{background:linear-gradient(155deg,#e2e8ea,#e3e7ef 58%,#cfdae3)}
.ngw-work-showcase-art::after{content:"";position:absolute;z-index:-1;width:280px;height:280px;top:-130px;right:-120px;border:47px solid #fff7;border-radius:50%;pointer-events:none}
.ngw-work-showcase-body{padding:27px 28px 26px;display:flex;flex-direction:column;flex:1;align-items:flex-start;min-width:0}
.ngw-work--hub .ngw-work-showcase-body>span:first-child{font:700 11px/1.3 'Proximanova-bold',sans-serif;letter-spacing:.12em;color:#71836c}
.ngw-work--hub .ngw-work-showcase-body>strong{display:block;font:700 clamp(30px,2.4vw,38px)/1.1 'Proximanova-bold',sans-serif;color:#222821;letter-spacing:-.045em;margin:18px 0 11px}
.ngw-work--hub .ngw-work-showcase-body>small{font:16px/1.54 'Proximanova-regular',sans-serif;color:#5c655b;max-width:290px;margin:0}
.ngw-work--hub .ngw-work-showcase-body>.ngw-work-showcase-link{display:flex;justify-content:space-between;align-items:center;width:100%;gap:14px;border-top:1px solid #e4eae1;margin-top:27px;padding-top:19px;color:#2c4928;font:700 15px/1.4 'Proximanova-bold',sans-serif;letter-spacing:0}
.ngw-work-showcase-link b{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#e7f1dc;color:#426d31;font-size:18px;transition:background .2s,transform .2s}
.ngw-work-showcase:hover .ngw-work-showcase-link b{background:#b3dd86;transform:translate(2px,-2px)}
.ngw-work-hub-note{font:14px/1.55 'Proximanova-regular',sans-serif;color:#657064;border-top:1px solid #e7ece3;padding:18px 0 0;margin:32px 0 0}
.ngw-work-mock-browser{position:relative;width:80%;height:185px;margin:17px 0 0 -10px;background:#fff;border-radius:11px;box-shadow:0 19px 34px #2b3e2e36;overflow:hidden;transform:rotate(-6deg);border:1px solid #c9dcc8;transition:transform .35s}
.ngw-work-showcase:hover .ngw-work-mock-browser{transform:rotate(-3deg) translateY(-6px)}
.ngw-work-mock-top{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;background:#f9fbf8;border-bottom:1px solid #dce7d9}
.ngw-work-mock-top span{display:flex;gap:4px}.ngw-work-mock-top span b{width:6px;height:6px;border-radius:50%;background:#d2dcd0}.ngw-work-mock-top span b:first-child{background:#a2c98e}
.ngw-work-mock-top i{font:9px 'Proximanova-regular',sans-serif;color:#869483}
.ngw-work-mock-body{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;padding:18px;height:150px}
.ngw-work-mock-body>div:first-child{min-width:0}
.ngw-work-mock-body small{display:block;font:700 8px 'Proximanova-bold',sans-serif;letter-spacing:.07em;color:#88a67c;margin-bottom:9px}
.ngw-work-mock-body strong{display:block;font:700 22px/1.07 'Proximanova-bold',sans-serif;letter-spacing:-.043em;color:#202520}
.ngw-work-mock-body strong em{font-style:normal;color:#6f9f4b}
.ngw-work-mock-body>div:first-child>span{display:block;height:6px;width:70%;background:#ebeee8;border-radius:8px;margin-top:10px}
.ngw-work-mock-body .ngw-work-mock-line{width:49%!important;margin-top:5px!important}
.ngw-work-mock-image{background:#d7e7d2;border-radius:8px;position:relative;overflow:hidden}
.ngw-work-mock-image i{display:block;width:90px;height:90px;position:absolute;border-radius:50%;background:#a8ce9d;top:12px;left:16px}
.ngw-work-mock-image b{display:block;width:62px;height:110px;position:absolute;transform:rotate(32deg);background:#86b17d;left:40px;top:32px;border-radius:30px}
.ngw-work-mock-phone{position:absolute;right:6%;bottom:26px;height:125px;width:66px;border:5px solid #2b332b;border-radius:12px;background:#f9fbf8;box-shadow:0 10px 27px #142c1c4a;transform:rotate(9deg);padding:18px 7px 6px}
.ngw-work-mock-phone i{position:absolute;top:5px;left:21px;width:14px;height:3px;background:#283529;border-radius:5px}
.ngw-work-mock-phone span,.ngw-work-mock-phone strong{display:block;background:#dee8d8;border-radius:5px;height:7px;margin-bottom:8px}.ngw-work-mock-phone span{background:#79ab68}
.ngw-work-mock-phone b{display:block;background:#bce1a9;height:35px;border-radius:6px}
.ngw-work-mark-canvas{position:relative;width:70%;height:80%;border-radius:15px;border:1px solid #cfc5b4;background:#faf8f2;box-shadow:0 19px 35px #483f312c;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg);overflow:hidden;transition:transform .3s}
.ngw-work-showcase:hover .ngw-work-mark-canvas{transform:rotate(0deg) scale(1.02)}
.ngw-work-mark-canvas>i{position:absolute;inset:15px;border:1px dashed #cdc6b7;border-radius:5px}
.ngw-work-mark{position:relative;width:100px;height:100px;border-radius:50%;border:18px solid #454b45;transform:rotate(40deg)}
.ngw-work-mark:before{content:"";position:absolute;width:69px;height:37px;background:#b3c68e;border-radius:20px 20px 7px 7px;top:-36px;left:5px;transform:rotate(40deg)}
.ngw-work-mark span{position:absolute;width:39px;height:39px;border-radius:50%;background:#e1e7d2;left:15px;top:15px}
.ngw-work-mark b{position:absolute;width:27px;height:7px;background:#454b45;top:28px;left:17px;transform:rotate(40deg)}
.ngw-work-mark-canvas>p{position:absolute;top:18px;left:27px;font:700 10px 'Proximanova-bold',sans-serif;letter-spacing:.15em;color:#888576}.ngw-work-mark-canvas>p em{font-style:normal;margin-left:12px;color:#596750}
.ngw-work-mark-bottom{position:absolute;bottom:19px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;gap:9px}
.ngw-work-mark-bottom b{font:700 18px 'Proximanova-bold',sans-serif;letter-spacing:-.05em;color:#343d34}
.ngw-work-mark-bottom small{font:7px 'Proximanova-regular',sans-serif;letter-spacing:.05em;color:#8d8d80}
.ngw-work-mark-orbit{position:absolute;width:115px;height:115px;border:2px solid #bcb5a25e;border-radius:50%;bottom:-56px;right:-29px}
.ngw-work-motion-frame{position:relative;width:80%;height:72%;border:1px solid #cad3db;border-radius:13px;background:#f6f8fc;box-shadow:0 17px 30px #2f40522e;transform:rotate(-4deg);padding:16px}
.ngw-work-motion-header{display:flex;justify-content:space-between;gap:7px;align-items:center;font:700 9px 'Proximanova-bold',sans-serif;letter-spacing:.09em;color:#596c74}
.ngw-work-motion-frames{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:116px;margin:14px 0 10px}
.ngw-work-motion-frames i{background:linear-gradient(140deg,#d2e2ec,#9ebbc7);border-radius:8px;position:relative;overflow:hidden}
.ngw-work-motion-frames i:before{content:"";display:block;position:absolute;width:65px;height:65px;background:#f2d7b1;border-radius:50%;bottom:-16px;left:20px}
.ngw-work-motion-frames i:nth-child(2){background:linear-gradient(130deg,#bdd2e6,#adc8c2)}.ngw-work-motion-frames i:nth-child(2):before{bottom:8px;background:#e4dfbf}
.ngw-work-motion-frames i:nth-child(3){background:linear-gradient(130deg,#b1cfda,#c6d6e7)}.ngw-work-motion-frames i:nth-child(3):before{bottom:21px;background:#f2c99c}
.ngw-work-motion-play{display:grid;place-items:center;position:absolute;top:46%;left:50%;width:59px;height:59px;border-radius:50%;background:#212d34;color:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #ffffffe3;transition:transform .2s}
.ngw-work-motion-play svg{width:21px;height:21px;margin-left:4px}
.ngw-work-showcase:hover .ngw-work-motion-play{transform:translate(-50%,-50%) scale(1.08)}
.ngw-work-motion-timeline{display:flex;align-items:center;gap:5px;height:7px;margin-top:7px}
.ngw-work-motion-timeline i{display:block;height:6px;border-radius:7px;background:#cbd6de;flex:1}.ngw-work-motion-timeline b{display:block;height:6px;background:#84a6b8;border-radius:7px;flex:2}
@media(max-width:1050px){.ngw-work--hub .ngw-work-paths--showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.ngw-work-showcase-art{height:260px}.ngw-work-showcase-body{padding:23px 22px}.ngw-work-mark-bottom small{display:none}.ngw-work-mock-browser{width:85%}.ngw-work-mock-body strong{font-size:18px}.ngw-work-mock-phone{right:3%}.ngw-work-hub-heading{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.ngw-work--hub .ngw-work-hero-grid{grid-template-columns:1fr}.ngw-work-hub-heading{grid-template-columns:1fr;gap:20px}.ngw-work-hub-heading>p{max-width:600px}.ngw-work--hub .ngw-work-paths--showcase{grid-template-columns:1fr;gap:17px}.ngw-work-showcase-art{height:310px}.ngw-work-mark-canvas{width:60%}.ngw-work-mock-browser{width:69%;height:205px}.ngw-work-mock-body strong{font-size:26px}.ngw-work-mock-phone{right:13%;height:152px;width:77px}.ngw-work-showcase-body{padding:25px 26px}.ngw-work--hub .ngw-work-showcase-body>strong{font-size:33px;margin:10px 0}.ngw-work--hub .ngw-work-showcase-body>.ngw-work-showcase-link{margin-top:20px}.ngw-work-directory--hub{padding:69px 0 73px}}
@media(max-width:440px){.ngw-work-showcase-art{height:252px}.ngw-work-mock-browser{width:79%;height:179px;margin-left:-12px}.ngw-work-mock-body strong{font-size:20px}.ngw-work-mock-phone{right:5%;height:119px;width:62px}.ngw-work-motion-frame{width:86%;height:76%}.ngw-work-motion-frames{height:99px}.ngw-work-mark-canvas{width:70%}.ngw-work-hub-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ngw-work-showcase,.ngw-work-mock-browser,.ngw-work-mark-canvas,.ngw-work-motion-play,.ngw-work-showcase-link b{transition:none!important}}