/* NXT GEN WEB / Our Work — exclusively website design. */
.ngw-work--web-only .ngw-work-hero{padding-top:132px;padding-bottom:95px}
.ngw-work--web-only .ngw-work-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:5%}
.ngw-work--web-only .ngw-work-hero h1{font-size:clamp(50px,5.8vw,86px);letter-spacing:-.054em}
.ngw-work--web-only .ngw-work-visual-tile{background:#252b26}
.ngw-web-projects{padding:clamp(65px,7vw,98px) 0 82px}
.ngw-work--web-only .ngw-work-projects-top{align-items:end;margin-bottom:38px}
.ngw-work--web-only .ngw-work-projects-top h2 span{color:#658b56}
.ngw-work--web-only .ngw-work-projects-top>p{max-width:345px;margin:0 0 7px}
.ngw-work--web-only .ngw-work-card-image{background:#e5e9e0}
.ngw-work--web-only .ngw-work-card-image img{object-fit:cover;object-position:top center}
.ngw-work--web-only .ngw-work-card-meta{align-items:center}
.ngw-work--web-only .ngw-work-card-meta h3{font-size:clamp(20px,1.9vw,25px);overflow-wrap:anywhere}
.ngw-work--web-only .ngw-work-card-see{white-space:nowrap}
.ngw-web-more{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;border-top:1px solid #d8e2d3;margin-top:48px;padding-top:33px}
.ngw-web-more>div{max-width:620px}
.ngw-web-more strong{font:700 clamp(24px,2.3vw,30px)/1.15 'Proximanova-bold',sans-serif;color:#252c24;letter-spacing:-.025em}
.ngw-web-more p{font:16px/1.6 'Proximanova-regular',sans-serif;color:#5b685a;margin:9px 0 0}
.ngw-web-value{padding:clamp(68px,8vw,115px) 0;background:#fff}
.ngw-web-value-header{max-width:800px;margin-bottom:38px}
.ngw-work--web-only .ngw-web-value h2 span{color:#638a54}
.ngw-web-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ngw-web-value-grid article{min-width:0;border:1px solid #dce4d7;border-radius:16px;padding:clamp(25px,2.7vw,35px);background:linear-gradient(155deg,#fff,#f9fbf7);transition:transform .23s ease,box-shadow .23s ease}
.ngw-web-value-grid article:hover{transform:translateY(-4px);box-shadow:0 12px 32px #24362312}
.ngw-web-value-grid article>span{display:block;font:700 11px/1.4 'Proximanova-bold',sans-serif;letter-spacing:.11em;color:#638446;margin-bottom:46px}
.ngw-work--web-only .ngw-web-value-grid h3{font:700 clamp(24px,2.3vw,29px)/1.15 'Proximanova-bold',sans-serif!important;letter-spacing:-.025em!important;color:#222c23!important;margin:0 0 14px}
.ngw-work--web-only .ngw-web-value-grid p{font:16px/1.65 'Proximanova-regular',sans-serif;color:#5b655a;margin:0}
@media(max-width:1000px){.ngw-work--web-only .ngw-work-hero-grid{grid-template-columns:1.07fr .93fr;gap:30px}.ngw-work--web-only .ngw-work-hero h1{font-size:clamp(46px,5.6vw,70px)}.ngw-work--web-only .ngw-work-visual{min-height:420px}.ngw-work--web-only .ngw-work-card-see{font-size:11px}}
@media(max-width:760px){.ngw-work--web-only .ngw-work-hero{padding:103px 0 66px}.ngw-work--web-only .ngw-work-hero-grid{grid-template-columns:1fr;gap:30px}.ngw-work--web-only .ngw-work-hero h1{font-size:clamp(44px,11vw,68px)}.ngw-work--web-only .ngw-work-visual{min-height:400px}.ngw-work--web-only .ngw-work-projects-top{display:block}.ngw-work--web-only .ngw-work-projects-top>p{max-width:550px;margin-top:16px}.ngw-web-projects{padding:65px 0}.ngw-web-more{align-items:flex-start;flex-direction:column;margin-top:28px;padding-top:25px}.ngw-web-more>a{width:100%}.ngw-web-value{padding:63px 0}.ngw-web-value-grid{grid-template-columns:1fr;gap:14px}.ngw-web-value-grid article{padding:26px}.ngw-web-value-grid article>span{margin-bottom:24px}}
@media(max-width:380px){.ngw-work--web-only .ngw-work-hero h1{font-size:43px}.ngw-work--web-only .ngw-work-visual{min-height:368px}.ngw-work--web-only .ngw-work-card-meta{padding:21px 19px}.ngw-work--web-only .ngw-work-card-meta h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ngw-web-value-grid article{transition:none}.ngw-web-value-grid article:hover{transform:none}}
/* Compact, readable portfolio hero — a full-browser preview and an intentional footer band. */
.ngw-work--web-only .ngw-work-hero{padding-bottom:70px}
.ngw-work--web-only .ngw-work-visual{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0}
.ngw-work--web-only .ngw-work-visual-top{flex:0 0 auto;flex-wrap:wrap;gap:6px 14px;padding:19px 20px 15px}
.ngw-work--web-only .ngw-work-visual-window{position:relative;top:auto;left:auto;width:calc(100% - 40px);height:auto;min-height:0;margin:0 20px;flex:0 0 auto;transform:rotate(-1deg)}
.ngw-work--web-only .ngw-work-visual-toolbar{height:35px}
.ngw-work--web-only .ngw-work-visual-body{padding:17px 20px 20px}
.ngw-work--web-only .ngw-work-visual-logo{font-size:19px}
.ngw-work--web-only .ngw-work-visual-body>strong{font-size:clamp(26px,2.75vw,35px);line-height:1.06;margin-top:11px}
.ngw-work--web-only .ngw-work-visual-bars{margin:11px 0}
.ngw-work--web-only .ngw-work-visual-arrow{padding:9px 13px}
.ngw-work--web-only .ngw-work-visual-tile{position:relative;top:auto;right:auto;bottom:auto;align-self:stretch;flex:0 0 auto;width:auto;height:auto;min-height:84px;margin:13px 20px 19px;transform:none;border-radius:11px;padding:15px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:14px;row-gap:5px;box-shadow:0 8px 22px #1d2b2618}
.ngw-work--web-only .ngw-work-visual-tile>span{grid-column:1;grid-row:1}
.ngw-work--web-only .ngw-work-visual-tile i{display:none}
.ngw-work--web-only .ngw-work-visual-tile strong{grid-column:1;grid-row:2;font-size:clamp(18px,2vw,22px);line-height:1.1}
.ngw-work--web-only .ngw-work-visual-tile strong br{display:none}
.ngw-work--web-only .ngw-work-visual-tile b{grid-column:2;grid-row:1/span 2;align-self:center;justify-self:end;font-size:26px}
.ngw-work--web-only .ngw-work-visual-bottom{display:none}
.ngw-work--web-only .ngw-web-value{padding:clamp(58px,6vw,82px) 0}
.ngw-work--web-only .ngw-web-value-grid article>span{margin-bottom:22px}
.ngw-work--web-only .ngw-work-end{padding:70px 0 76px}
@media(max-width:760px){.ngw-work--web-only .ngw-work-hero{padding-bottom:56px}.ngw-work--web-only .ngw-work-hero-grid{gap:24px}.ngw-work--web-only .ngw-work-visual-top{padding:16px 16px 13px}.ngw-work--web-only .ngw-work-visual-window{width:calc(100% - 32px);margin:0 16px}.ngw-work--web-only .ngw-work-visual-tile{margin:12px 16px 16px;padding:14px 17px}.ngw-work--web-only .ngw-work-visual-body>strong{font-size:clamp(26px,7vw,34px)}.ngw-work--web-only .ngw-work-end{padding:58px 0 65px}}
@media(max-width:380px){.ngw-work--web-only .ngw-work-visual-body{padding:15px 16px 18px}.ngw-work--web-only .ngw-work-visual-tile strong{font-size:17px}.ngw-work--web-only .ngw-work-visual-top{font-size:9px}.ngw-work--web-only .ngw-work-visual-tile{min-height:79px}}
/* Close excessive vertical gap immediately before Selected Website Projects. */
.ngw-work--web-only .ngw-work-hero{padding-bottom:32px}
.ngw-work--web-only .ngw-web-projects{padding-top:clamp(28px,3.2vw,44px)}
@media(max-width:760px){.ngw-work--web-only .ngw-work-hero{padding-bottom:26px}.ngw-work--web-only .ngw-web-projects{padding-top:28px}}
