/* Functional additions only. Original exported theme styles control the website layout. */
.portfolio-floating-tooltip{position:fixed;z-index:10000;pointer-events:none;padding:9px 14px;border:1px solid #ffffff25;border-radius:10px;background:#23232f;color:#f4eff1;box-shadow:0 10px 30px #0005;font:13px system-ui;max-width:calc(100vw - 16px)}
.newar-video-tabs a{display:inline-flex;align-items:center;text-decoration:none}

#nn-loader .nn-path{animation:nn-logo-loop 3s ease-in-out infinite!important}
#nn-loader .nn-path-2{animation-delay:.2s!important}#nn-loader .nn-path-3{animation-delay:.4s!important}
@keyframes nn-logo-loop{0%,100%{stroke-dashoffset:2000;fill:transparent}55%,80%{stroke-dashoffset:0;fill:#c91f4c;fill-opacity:1}}
[data-portfolio-card],[data-portfolio-card] a,[data-portfolio-card] img{cursor:pointer}
/* Internal padding keeps the loop seam identical to every other client gap. */
#slider01-e .embla__slide{margin:0!important;padding:0 5px;box-sizing:border-box}
.g6-close{display:grid!important;place-items:center;padding:0!important;line-height:1!important}
.g6-project-root .hidden{visibility:visible!important}
.nn-logo-wrap .nn-logo-mark{width:100%;height:100%;object-fit:contain;animation:nn-brand-loop 2s ease-in-out infinite}
@keyframes nn-brand-loop{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
.video-filter-status:not(.video-filter-notice){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.video-filter-status.video-filter-notice{margin:8px 0 0;color:#b8aeb6;font-size:13px}
#features2-5z-gallery{min-height:120px}.video-results-loading{pointer-events:none}.video-results-ready .hidden{visibility:visible!important}
#slider01-e.client-native-loop .embla__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin-right:0;cursor:grab}
#slider01-e.client-native-loop .embla__viewport::-webkit-scrollbar{display:none}
#slider01-e.client-native-loop .embla__container{position:relative;width:max-content;display:flex;gap:10px;transform:none!important}
#slider01-e.client-native-loop .embla__slide{flex:0 0 var(--client-card-width,200px);width:var(--client-card-width,200px);min-width:var(--client-card-width,200px);max-width:var(--client-card-width,200px);margin:0!important;padding:0!important;scroll-snap-align:start;box-sizing:border-box}
#slider01-e.client-native-loop .embla__slide img{user-select:none;-webkit-user-drag:none}
#slider01-e.client-native-loop .hidden{visibility:visible!important}

/* Clip only horizontal grid overhang; sticky scroll scenes keep visible overflow. */
@media(max-width:767px){body>section:not(.newar-scroll-scene):not(.menu){overflow-x:clip}}

/* Poster artwork reaches the rounded card edge; content follows the UI/UX cards. */
[data-portfolio-card].poster-card .poster-card-shell{margin:0!important;padding:0!important;overflow:hidden;border:1px solid #ffffff20;border-radius:20px;background:linear-gradient(145deg,#080808 74%,#c91f4c 100%);box-shadow:0 14px 34px #0004;height:100%;transition:transform .22s ease,border-color .22s ease}
[data-portfolio-card].poster-card .poster-card-image{position:relative;margin:0!important;width:100%;overflow:hidden;border-radius:0!important;aspect-ratio:4/5;height:auto!important}
[data-portfolio-card].poster-card .poster-card-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important;transition:transform .3s ease}
[data-portfolio-card].poster-card .poster-card-content{padding:24px;text-align:left}
[data-portfolio-card].poster-card .card-title{margin:0 0 10px;font-weight:600;color:#fff}
[data-portfolio-card].poster-card .card-text{margin:0;color:#b9b8c3;line-height:1.5}
.poster-magnifier{position:absolute;inset:0;display:grid;place-items:center;background:#05061544;opacity:0;transition:opacity .2s ease;pointer-events:none}
.poster-magnifier svg{width:56px;height:56px;padding:14px;border-radius:50%;background:#c91f4c;color:#fff;box-shadow:0 8px 30px #0006;transform:scale(.85);transition:transform .2s ease}
.poster-card:hover .poster-magnifier,.poster-card:focus-visible .poster-magnifier,.poster-card:focus-within .poster-magnifier{opacity:.5}
.poster-card:hover .poster-magnifier svg,.poster-card:focus-visible .poster-magnifier svg{transform:scale(1)}
.poster-card:hover .poster-card-shell{border-color:#c91f4c88;transform:translateY(-3px)}
@media(hover:none),(pointer:coarse){.poster-magnifier{display:none!important}}
@media(prefers-reduced-motion:reduce){.poster-card *{transition:none!important}}

section .row.no-gutters>[data-portfolio-card].poster-card{padding:12px!important;margin:0!important}[data-portfolio-card].poster-card .poster-card-image,[data-portfolio-card].poster-card .poster-card-image img{transform:none!important}[data-portfolio-card].poster-card .poster-card-content{transform:none!important}

/* Fluid poster columns retain equal gutters and left-align incomplete rows. */
.poster-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:start;box-sizing:border-box;width:100%;max-width:none;margin-inline:auto!important;padding-inline:clamp(12px,3vw,96px)}
.poster-grid>[data-portfolio-card].poster-card{width:100%!important;max-width:100%!important;min-width:0}
@media(max-width:991px){.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.poster-grid{grid-template-columns:minmax(0,1fr)}}
[data-portfolio-card].poster-card .poster-card-content{padding:18px;height:auto!important;min-height:0!important}
[data-portfolio-card].poster-card .card-title{font-size:clamp(18px,1.6vw,24px);line-height:1.25;margin-bottom:8px!important}
[data-portfolio-card].poster-card .card-text{font-size:15px;line-height:1.5;margin:0!important;padding:0!important}
#social01-t .social-wrapper .social-wrap{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important;width:100%;justify-content:start!important;justify-items:start}
#social01-t .social-wrapper .social-wrap .soc-item{margin:0!important;justify-self:start;max-width:100%}
@media(max-width:767px){.poster-grid{padding-inline:0}.poster-card .poster-card-shell{height:auto!important;min-height:0!important}.poster-card .poster-card-content{padding:16px!important;height:auto!important;min-height:0!important}.poster-card .card-text{font-size:14px!important}.poster-card .card-title{font-size:21px!important}#features08-1m [data-kind="branding"] .item-wrapper .item-img img,[data-kind="branding"] .image-wrap img{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;transform:none!important} [data-kind="branding"] .image-wrap{height:auto!important;aspect-ratio:auto!important}#social01-t .social-wrapper .social-wrap{gap:14px!important}}

#social01-t .social-wrap .soc-item{width:100%;height:auto;aspect-ratio:1}#social01-t .social-wrap .soc-item a{width:100%;height:100%}#social01-t .social-wrap .soc-item .socicon{width:100%;height:100%;padding:clamp(10px,1.5vw,20px)!important;font-size:clamp(28px,3vw,46px)!important;align-items:center;justify-content:center}

/* Gallery borders group each artwork with its own title and description. */
#features01-5s .items-wrapper{gap:24px}
#features01-5s [data-portfolio-card]>.item-wrapper,#features07-5t [data-portfolio-card]>.item-wrapper,#features01-5s [data-portfolio-card]>a>.item-wrapper{border:1px solid #c91f4c;border-radius:18px;overflow:hidden;background:#0c0d16;box-shadow:0 12px 32px #0003;padding:0;transition:border-color .2s ease}
#features01-5s [data-portfolio-card]>a{display:block;height:100%;color:inherit}
#features01-5s [data-portfolio-card] .item-content,#features07-5t [data-portfolio-card] .item-content{padding:20px!important}
#features01-5s [data-portfolio-card] .item-content .title-wrapper{margin-bottom:10px!important}
#features01-5s [data-portfolio-card] .item-img,#features07-5t [data-portfolio-card] .image-wrap{margin-bottom:0!important}
/* Keep the footer navigation lists side by side on mobile and tablet. */
@media(max-width:992px){
.footer01 .nav-wrapper{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important;align-items:start}
.footer01 .nav-wrapper .nav-wrap{width:auto!important;min-width:0;padding:0!important;margin:0!important}
#features01-5s [data-portfolio-card] .item-content,#features07-5t [data-portfolio-card] .item-content{padding:16px!important}
}

#features7-4n>.container-fluid>.row,#features7-5y>.container-fluid>.row{margin-left:0!important;margin-right:0!important}

/* One theme-coloured border encloses each full artwork and its text. */
#features01-5s [data-portfolio-card] img,#features07-5t [data-portfolio-card] img{display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;border:0!important;box-shadow:none!important;background:transparent!important}
#features01-5s [data-portfolio-card]:hover .item-wrapper,#features07-5t [data-portfolio-card]:hover .item-wrapper{border-color:#ec4773}
#features07-5t .items-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;margin:0!important;align-items:stretch}
#features07-5t [data-portfolio-card].item{width:100%!important;max-width:100%;min-width:0;padding:0!important;margin:0!important}
@media(max-width:992px){#features07-5t .items-wrapper{grid-template-columns:minmax(0,1fr);gap:28px}}

/* Stretch the complete Branding shell to match the tallest card in each row. */
#features07-5t [data-portfolio-card]>.item-wrapper{height:100%;box-sizing:border-box}
@media(max-width:992px){
.footer01 .nav-wrapper{width:100%;text-align:left;column-gap:24px!important}
.footer01 .nav-wrapper .nav-wrap .mbr-list-title{margin:0 0 16px!important;line-height:1.3;min-height:1.3em}
.footer01 .nav-wrapper .nav-wrap .list{margin:0!important;padding:0!important}
.footer01 .nav-wrapper .nav-wrap .list .item-wrap{margin:0 0 10px!important;line-height:1.5}
.footer01 .nav-wrapper .nav-wrap .list .item-wrap a{line-height:inherit}
}

/* Natural word spacing keeps narrow descriptions readable. */
@media(max-width:992px){
#features01-5s .item-text,#features01-5s .text-wrapper,
[data-portfolio-card] .card-text,[data-portfolio-card] .item-text,
[data-portfolio-card] .mbr-text{ text-align:left!important;word-spacing:normal!important;letter-spacing:normal;text-justify:auto;overflow-wrap:break-word }
.ns-services.ns-live .ns-card{will-change:transform}
}

/* Empty filters occupy the same central area as the video cards. */
#features2-5z-gallery .video-empty-state{width:100%;min-height:clamp(280px,42vh,460px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;gap:14px;color:#c5c0cc}
.video-empty-state .video-empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid #c91f4c66;color:#ed4c79;background:#c91f4c12;font-size:32px}
.video-empty-state h3{font-size:clamp(22px,3vw,32px);color:#fff;margin:0}.video-empty-state p{max-width:430px;margin:0;line-height:1.6}
.video-empty-state .video-empty-link{display:inline-flex;gap:12px;align-items:center;border:1px solid #c91f4c;border-radius:999px;color:#fff;padding:11px 22px;margin-top:8px;background:#c91f4c22;transition:background .2s ease}.video-empty-state .video-empty-link:hover{background:#c91f4c66}
