/* nim v2 project template: rich text + gallery rules Webflow classes can't express. Loaded after nim-v2-home CSS. */
.phero-title,.pstory-services{font-family:"neue-haas-grotesk-display","Inter Tight","Helvetica Neue",Arial,sans-serif}
.phero-title{font-style:normal}
/* hero hook = Project Summary: hide the "Client:" line, show the headline big */
.phero-hook h4,.phero-hook p{display:none}
.phero-hook h1,.phero-hook h2,.phero-hook h3{margin:0;font-family:"neue-haas-grotesk-display","Inter Tight","Helvetica Neue",Arial,sans-serif;font-size:clamp(22px,2.9vw,56px);font-weight:500;font-style:normal;letter-spacing:-0.04em;line-height:1.1;color:#fff;text-transform:none}
.phero-img-holder .cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* story: services as a big stacked list, description without its repeated headline */
.pstory-services p{margin:0;font-size:inherit;line-height:inherit;letter-spacing:inherit;font-family:inherit}
.pstory-services p:empty,.pstory-services p:last-child:not(:first-child):empty{display:none}
.pstory-desc h4{display:none}
.pstory-desc h1,.pstory-desc h2,.pstory-desc h3{margin:0 0 24px;font-family:"neue-haas-grotesk-display","Inter Tight","Helvetica Neue",Arial,sans-serif;font-size:clamp(24px,1.667vw,32px);font-weight:500;font-style:normal;letter-spacing:-0.04em;line-height:1.22;text-transform:none;color:#000}
.pstory-desc p{margin:0 0 18px;font-size:18px;line-height:1.3;letter-spacing:-0.02em;color:#000}
.pstory-copy .pill{margin-top:10px}
/* gallery: two halves then a full-width image, repeating */
.shot-item:nth-child(3n){grid-column:1/-1;aspect-ratio:1906/850}
.shot-item>*{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;background-size:cover!important;background-position:50% 50%!important}
@media (max-width:767px){.shot-item:nth-child(3n){aspect-ratio:945/520}}
/* pager */
.pager-link:last-child{text-align:right}
.pager-link:hover .work-img{transform:scale(1.03)}
.pager-link:hover .pager-name{color:#CC3333}
.pager-link:not([href]),.pager-link[href="#"]{visibility:hidden}
@media (max-width:767px){.pager-link:last-child{text-align:left}}
/* old gallery wrapper carried padding, width limits and rounded corners */
.shots-section .w-dyn-list,.shots-section .shots-grid{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
.shot-item,.shot-item>*{border-radius:0!important}