@font-face{font-family:'NEER Kanit';src:url('../neer-brand-network/fonts/kanit-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'NEER Inter';src:url('../neer-brand-network/fonts/inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
.neer-connected .axtra-theme-elementor-header-section{position:fixed;inset:0 0 auto;height:76px;z-index:1000;mix-blend-mode:normal!important}
@media(max-width:767px){.neer-connected .axtra-theme-elementor-header-section{height:68px}}
.neer-connected .neer-horizontal-native{position:fixed!important;inset:0 0 auto!important;width:100%!important;max-width:none!important;min-height:76px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:14px var(--neer-header-gutter,max(15px,calc((100vw - 1290px)/2)))!important;background:transparent!important;border:0!important;z-index:1000;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible!important}
.neer-connected .neer-horizontal-native::before{content:none!important}
.neer-connected .neer-horizontal-native>.elementor-element{position:relative;z-index:1}
.neer-horizontal-native .elementor-widget-wcf--site-logo img{width:112px!important;height:auto!important;opacity:1!important;filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important}
.neer-horizontal-native .elementor-widget-wcf--offcanvas-menu{width:48px!important;flex:0 0 48px;transform:none!important}.neer-horizontal-native .elementor-widget-wcf--offcanvas-menu>.elementor-widget-container{display:flex;align-items:center;justify-content:flex-end;width:48px}
.neer-native-menu-trigger{width:48px;height:48px;position:relative;border:0;background:transparent;color:white;padding:12px;cursor:pointer}
.neer-native-menu-trigger>span{position:absolute;left:12px;width:24px;height:2px;background:currentColor;top:19px}
.neer-native-menu-trigger>span+span{top:27px;width:18px;left:18px}
dialog.neer-header-drawer{position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;transform:none!important;visibility:visible!important;opacity:1;overflow:auto!important;z-index:2147483640}
dialog.neer-header-drawer:not([open]){display:none}
dialog.neer-header-drawer::backdrop{background:transparent}
.neer-header-drawer .offcanvas__inner-2{width:100%;position:relative!important;transform:none!important}
.neer-header-drawer .offcanvas__right-2{height:auto!important;overflow:visible!important;position:relative!important;transform:none!important}
.neer-header-drawer .offcanvas__left-2{position:relative!important;transform:none!important}
.neer-header-drawer :is(.offcanvas__left-2,.offcanvas__right-2){top:0!important;left:auto!important;right:auto!important;opacity:1!important;visibility:visible!important;translate:none!important}
.neer-header-drawer .offcanvas__menu-2 li{opacity:1!important;translate:none!important;transform:none!important;top:auto!important}
.neer-header-drawer .offcanvas__menu-2>ul>li{position:relative!important}
.neer-header-drawer .offcanvas__menu-2>ul>li>a{padding-right:60px!important;font-family:'NEER Kanit',Kanit,sans-serif!important}
.neer-header-drawer .offcanvas__menu-2>ul>li:has(.neer-submenu-toggle)>a::after{content:''!important}
.neer-header-drawer .neer-submenu-toggle{position:absolute;right:0;top:9px;width:48px;height:48px;border:1px solid #ffffff29;border-radius:50%;background:transparent;color:#ccff00;font:400 24px/1 'NEER Kanit',sans-serif}
.neer-header-drawer .neer-service-menu{position:static!important;margin:0 0 20px 64px!important;padding:0!important;width:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;background:transparent!important;list-style:none;box-shadow:none!important}
.neer-header-drawer .neer-service-menu[hidden]{display:none!important}
.neer-header-drawer .neer-service-menu li{display:block!important;margin:0!important;padding:0!important;border:0!important}
.neer-header-drawer .neer-service-menu a{display:block!important;padding:12px 0!important;color:#d5d5d5!important;font:400 17px/1.5 'NEER Inter',Inter,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
.neer-header-drawer .neer-service-menu a:hover{color:#ccff00!important}
.neer-header-drawer .offcanvas__contact :is(a,span,p){text-transform:none!important;font-family:'NEER Inter',Inter,sans-serif!important}
.neer-header-drawer .neer-service-menu a::before,.neer-header-drawer .neer-service-menu a::after{display:none!important}
.neer-menu-unavailable{display:flex;flex-wrap:wrap;align-items:center;gap:16px;min-height:64px;padding:16px 0;color:#a1a1aa;font:500 28px/1.25 'NEER Kanit',sans-serif;letter-spacing:.05em}
.neer-menu-unavailable::before{content:counter(neer-menu,decimal-leading-zero);width:48px;font:400 12px/1 'NEER Inter',sans-serif}
.neer-menu-unavailable small{font:400 12px/1.5 'NEER Inter',sans-serif;letter-spacing:0;border:1px solid #ffffff29;border-radius:999px;padding:4px 10px}
.neer-connected :is([id='astro-branding'],[id='brand-strategy'],[id='brand-archetype'],[id='brand-persona'],[id='visual-systems'],[id='autonomous-agents'],[id='workflow-automation'],[id='custom-ai-apps'],[id='knowledge-systems'],[id='web-pwa'],[id='ecommerce'],[id='mobile-apps'],[id='packaging'],[id='commercial-film']){scroll-margin-top:96px}
@media(max-width:767px){.neer-connected .neer-horizontal-native{padding:10px var(--neer-header-gutter,15px)!important;min-height:68px!important}.neer-header-drawer .neer-service-menu{margin-left:44px!important}.neer-menu-unavailable{font-size:24px;gap:12px}.neer-header-drawer .offcanvas__menu-2>ul>li>a{padding-right:52px!important}.neer-header-drawer .offcanvas__inner-2{min-height:100dvh;height:auto!important}.neer-header-drawer .offcanvas__right-2{flex:1;min-height:0!important}}
@media(prefers-reduced-motion:reduce){.neer-header-drawer *{transition:none!important;animation:none!important}}

/* Primary-only navigation with the shared CTA dotted arrow. */
.neer-header-drawer .offcanvas__menu-2>ul>li>a{
  grid-template-columns:48px minmax(0,1fr) 40px!important;
  padding:18px 0!important;
  font-size:clamp(32px,3.4vw,56px)!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}
.neer-header-drawer .offcanvas__menu-2>ul>li>a::after{
  content:''!important;display:block!important;width:36px!important;height:25px!important;
  background:var(--neer-menu-lime,#ccff00)!important;
  -webkit-mask:url('../neer-brand-network/primary-cta-arrow.svg') center/contain no-repeat!important;
  mask:url('../neer-brand-network/primary-cta-arrow.svg') center/contain no-repeat!important;
  opacity:1!important;
}
.neer-header-drawer .neer-menu-unavailable{
  font-size:clamp(32px,3.4vw,56px)!important;font-weight:500!important;
  line-height:1.2!important;letter-spacing:0!important;padding:18px 0!important;
}
.neer-header-drawer .neer-menu-unavailable small{font-weight:400!important}
@media(max-width:1024px){
  .neer-header-drawer .offcanvas__menu-2>ul>li>a{grid-template-columns:32px minmax(0,1fr) 32px!important;gap:12px!important}
  .neer-header-drawer .offcanvas__menu-2>ul>li>a::after{width:30px!important;height:21px!important}
}
@media(max-width:767px){
  .neer-header-drawer .offcanvas__menu-2>ul>li>a,.neer-header-drawer .neer-menu-unavailable{font-size:32px!important;padding:16px 0!important}
}

/* Project enquiry follows the primary menu. */
.neer-header-drawer .neer-menu-project{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #ffffff21;padding-top:28px;margin-top:32px}
.neer-header-drawer .neer-menu-project p{font:500 clamp(26px,2.2vw,36px)/1.2 'NEER Kanit',Kanit,sans-serif!important;color:white;margin:0!important}
.neer-header-drawer .neer-menu-project .elementor-widget{width:auto;max-width:100%}
.neer-header-drawer .neer-menu-project a.wcf-btn-circle{font:500 19.2px/1.47 'NEER Kanit',Kanit,sans-serif!important;min-height:57.6px!important;padding:14.4px 28.8px!important;width:auto!important;height:auto!important;border-radius:999px!important}
@media(max-width:767px){.neer-header-drawer .neer-menu-project{margin-top:24px;padding-top:24px;gap:20px}}

/* A lime dot matrix replaces the two-line menu symbol. */
.neer-native-menu-trigger{color:#ccff00!important}
.neer-native-menu-trigger>span{display:none!important}
.neer-native-menu-trigger::before{content:'';display:block;width:26px;height:26px;background:radial-gradient(circle,#ccff00 2px,transparent 2.5px) 0 0/9px 9px}
/* The underline fills in the direction of reading. */
.neer-header-drawer #neer-primary-menu>li>a{background-image:linear-gradient(#ccff00,#ccff00)!important;background-position:left bottom!important;background-size:0% 1px!important;background-repeat:no-repeat!important;transition:color .25s ease,background-size .65s ease!important}
.neer-header-drawer #neer-primary-menu>li>a:is(:hover,:focus-visible){color:#ccff00!important;background-size:100% 1px!important}
/* One fixed heading-to-introduction gap across the three service pages: 90px to 54px. */
:is(.elementor-16686,.elementor-16763,.elementor-16773) #capabilities .elementor-element-d6d7a84{gap:54px!important}
:is(.elementor-16686,.elementor-16763,.elementor-16773) #capabilities .elementor-element-4ad1c86{margin-bottom:0!important}
:is(.elementor-16686,.elementor-16763,.elementor-16773) #capabilities .elementor-element-4ad1c86>.e-con-inner{padding-bottom:0!important}
/* Keep the menu dots lime on both light and dark sections. */
.neer-connected .axtra-theme-elementor-header-section{mix-blend-mode:normal!important}
.neer-horizontal-native .elementor-widget-wcf--site-logo{mix-blend-mode:normal!important}
.neer-horizontal-native .neer-logo-over-light img{filter:brightness(0)!important}
/* Align the visible dot matrix with the content edge while retaining its 48px hit area. */
.neer-horizontal-native .neer-native-menu-trigger{padding:0;margin-right:-11px}
.neer-horizontal-native .neer-native-menu-trigger::before{flex:none}

/* Fluid header: desktop edges are independent of the page's content container. */
.neer-connected .neer-horizontal-native{--neer-header-gutter:120px}
@media(max-width:1199px){.neer-connected .neer-horizontal-native{--neer-header-gutter:48px}}
@media(max-width:767px){.neer-connected .neer-horizontal-native{--neer-header-gutter:20px}}
@media(max-width:359px){.neer-connected .neer-horizontal-native{--neer-header-gutter:16px}}
/* Nine complete circles with clear space around every edge. */
.neer-native-menu-trigger::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg fill='%23ccff00'%3E%3Ccircle cx='3' cy='3' r='2.5'/%3E%3Ccircle cx='13' cy='3' r='2.5'/%3E%3Ccircle cx='23' cy='3' r='2.5'/%3E%3Ccircle cx='3' cy='13' r='2.5'/%3E%3Ccircle cx='13' cy='13' r='2.5'/%3E%3Ccircle cx='23' cy='13' r='2.5'/%3E%3Ccircle cx='3' cy='23' r='2.5'/%3E%3Ccircle cx='13' cy='23' r='2.5'/%3E%3Ccircle cx='23' cy='23' r='2.5'/%3E%3C/g%3E%3C/svg%3E") center/26px 26px no-repeat!important}
/* Current-page semantics remain; colour responds only to interaction. */
.neer-header-drawer #neer-primary-menu>li>a{color:#fff!important}
.neer-header-drawer .offcanvas__menu-2,.neer-header-drawer #neer-primary-menu{height:auto!important;overflow:visible!important}
.neer-header-drawer #neer-primary-menu>li{inset:auto!important}
.neer-header-drawer #neer-primary-menu>li>a::after{background:#8e9098!important;transition:background-color .25s ease}
.neer-header-drawer #neer-primary-menu:has(>li>a:focus-visible)>li>a{color:#8e9098!important}
.neer-header-drawer #neer-primary-menu>li>a:focus-visible{color:#ccff00!important;background-size:100% 1px!important}
.neer-header-drawer #neer-primary-menu>li>a:focus-visible::after{background:#ccff00!important}
.neer-header-drawer .offcanvas__menu-2 #neer-primary-menu>li>a:focus-visible{color:#ccff00!important}
@media(hover:hover){
  .neer-header-drawer #neer-primary-menu:has(>li>a:hover)>li>a{color:#8e9098!important}
  .neer-header-drawer #neer-primary-menu>li>a:hover{color:#ccff00!important;background-size:100% 1px!important}
  .neer-header-drawer #neer-primary-menu>li>a:hover::after{background:#ccff00!important}
  .neer-header-drawer .offcanvas__menu-2 #neer-primary-menu>li>a:hover{color:#ccff00!important}
}

/* React Bits owns the six masks and optical filters; the mount has no backdrop root. */
.neer-header-glass.gradual-blur{pointer-events:none;background:transparent;border:0;mask:none;-webkit-mask:none;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-motion:reduce){.neer-header-glass.gradual-blur>div{transition:none!important}}

/* Give primary destinations 20% more vertical breathing room. */
.neer-header-drawer .offcanvas__menu-2>ul>li>a,
.neer-header-drawer .neer-menu-unavailable{padding-block:21.6px!important}
@media(max-width:767px){
  .neer-header-drawer .offcanvas__menu-2>ul>li>a,
  .neer-header-drawer .neer-menu-unavailable{padding-block:19.2px!important}
}
/* Full-size monitors reserve only 15% for the studio details. */
@media(min-width:1200px){
  .neer-header-drawer .offcanvas__inner-2{grid-template-columns:minmax(0,15%) minmax(0,1fr)!important}
  .neer-header-drawer .offcanvas__left-2{padding-inline:clamp(16px,1.2vw,24px)!important}
  .neer-header-drawer .offcanvas__contact li :is(a,span){font-size:clamp(14px,1vw,16px)!important}
}
/* Initialize the native pill's pointer-origin fill inside the modal, too. */
.neer-header-drawer .neer-menu-project .elementor-widget-neer-outline-cta :is(.wcf__btn,.btn-wrapper){max-width:100%}
.neer-header-drawer .neer-menu-project .elementor-widget-neer-outline-cta .btn-wrapper{width:100%}
.neer-header-drawer .neer-menu-project a.wcf-btn-circle{position:relative;isolation:isolate;overflow:hidden;max-width:100%;white-space:normal;transform:none!important;translate:none!important}
.neer-header-drawer .neer-menu-project a.wcf-btn-circle>.neer-menu-fill{position:absolute;display:block;pointer-events:none;z-index:-1;left:50%;top:50%;width:0;height:0;border-radius:50%;background:#ccff00!important;transform:translate(-50%,-50%);transition:width .55s ease,height .55s ease}
.neer-header-drawer .neer-menu-project a.wcf-btn-circle:is(:hover,:focus-visible)>.neer-menu-fill{width:640px;height:640px}
@media(prefers-reduced-motion:reduce){.neer-header-drawer .neer-menu-project a.wcf-btn-circle>.neer-menu-fill{transition:none}}

/* Shared internal hero grid and copy anchor. */
.elementor-16782 #hero .ph-v2-hero-copy{padding:0!important;margin:0!important;width:51%!important;max-width:660px!important;flex:0 1 51%!important}
:is(.elementor-16686,.elementor-16763,.elementor-16773,.elementor-16782) #hero h1{margin:0!important}
:is(.elementor-16686,.elementor-16763,.elementor-16773) #faqs{--container-max-width:1290px;--content-width:1290px;padding-inline:max(22px,calc((100vw - 1290px)/2))!important}
:is(.elementor-16686,.elementor-16763,.elementor-16773) #faqs>.e-con-inner{width:100%!important;max-width:1290px!important}
.elementor-16782 .ph-light .elementor-widget-neer-outline-cta .wcf__btn a{color:#121212!important}
:is(.elementor-16686,.elementor-16763,.elementor-16773) #testimonials :is(.neer-testimonial-arrows,.swiper-button-next,.swiper-button-prev,.wcf-arrow){display:none!important}
.neer-testimonial-slider{cursor:grab;touch-action:pan-y}
.neer-testimonial-slider:active{cursor:grabbing}
@media(max-width:767px){.elementor-16782 #hero .ph-v2-hero-copy{width:100%!important;max-width:650px!important;flex:1 1 auto!important}}

.elementor.elementor-16782 :is(#continuum,#studio-evolution) .ph-chapter-contact.elementor-widget-neer-outline-cta .wcf__btn a.wcf-btn-circle{color:#121212!important;border-color:#759000!important}
.elementor.elementor-16782 :is(#continuum,#studio-evolution) .ph-chapter-contact.elementor-widget-neer-outline-cta .wcf__btn a.wcf-btn-circle::after{background-color:#547000!important}

/* Neutral accents on light surfaces, brand lime on dark surfaces. */
.elementor.elementor-16782 #studio-evolution .ph-final-proof-number .wcf--title{color:#454545!important}
/* Long content grows naturally; responsive padding is scoped to its page composition. */
html body .elementor.elementor-16782 :is(#continuum,#studio-evolution){padding-top:140px!important;padding-bottom:140px!important}
.elementor.elementor-16782 #water-principles .elementor-element-108dee4{margin-top:32px!important;margin-left:auto;max-width:100%}
.elementor.elementor-16782 #water-principles .pr-scene>div:last-child>.elementor-widget-neer-outline-cta{margin-top:32px!important}
.elementor .neer-client-logo img{width:168px!important;max-width:100%;max-height:65px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
html body .elementor.elementor .elementor-widget-neer-outline-cta .wcf__btn a.wcf-btn-circle[data-neer-cta-tone]::after{background-color:var(--neer-tone-arrow)!important}

.elementor.elementor-16782 #water-principles .pr-scene>div{min-width:0;max-width:100%}
.elementor.elementor-16782 #water-principles .elementor-element-108dee4 a.wcf-btn-circle{max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere}

/* One shared content container. Backgrounds remain edge-to-edge; header/footer are excluded. */
/* Contact booking: full-screen dark background and readable brand CTA. */
html body .elementor.elementor-16862 .neer-connect-chapter-1{background-color:#101213!important;background-image:url('https://www.neermedia.com/wp-content/uploads/2026/11/neer-strategic-call-background.webp')!important;background-size:cover!important;background-position:center!important}
html body .elementor.elementor-16862 .neer-connect-chapter-1 :is(h2,p,.wcf--text){color:#f5f5ef!important}
html body .elementor.elementor-16862 .neer-connect-chapter-2>.elementor-widget{max-width:1290px!important;width:100%!important}
html body .elementor.elementor-16862 .neer-connect-chapter-2 .elementor-element-562bee1c{margin-bottom:32px!important}
html body .elementor.elementor-16862 .neer-connect-chapter-2 .elementor-element-76b3f44e{margin-top:0!important;padding-top:0!important}
/* Listing top spacing and continuous background. */
body.page-id-17009{background-color:#121212!important;background-image:none!important}
html body .elementor.elementor-17009>.elementor-element-23a916b{margin-top:0!important;background-image:none!important}
html body .elementor.elementor-17009>.elementor-element-23a916b>.e-con-inner{padding-top:0!important;padding-bottom:0!important}
html body .elementor.elementor-17009 .elementor-element-c51ead0{width:100%!important;max-width:1290px!important;padding:0!important;margin-inline:0!important}
/* Page-wide overlays never cover project media. */
/* Preserve native case-study grain overlay. */
body.single-axtra-portfolio{background:#f5f5ef!important}
body.single-axtra-portfolio #smooth-content>.neer-case-document{background:#f5f5ef!important}
body.single-axtra-portfolio .neer-case-document :is(.elementor-widget-image,.elementor-widget-video,.elementor-wrapper,video,img,.neer-case-static,.neer-case-artwork,.neer-case-artwork iframe){background-color:transparent!important;background-image:none!important}
/* A project cursor is visible only directly over its image link. */
body:not(:has(.wcf-post a.thumb:hover)) .wcf-hover-cursor-effect{visibility:hidden!important;opacity:0!important}
@media(hover:none){.wcf-hover-cursor-effect{display:none!important}}
/* The shared navigation has no independent grain tile or colour patch. */
.axtra-theme-elementor-header-section[data-neer-grain],.neer-horizontal-native[data-neer-grain]{background-color:transparent!important;background-image:none!important}


/* Case-study detail pages: contained copy, original wider media. */
body.single-axtra-portfolio,body.single-axtra-portfolio #smooth-content>.neer-case-document{background:#fff!important;background-image:none!important}
html body.single-axtra-portfolio #smooth-content>.neer-case-document>.neer-case-wide-section{padding-top:0!important;padding-bottom:0!important;gap:0!important}
html body.single-axtra-portfolio #smooth-content .neer-case-document>.neer-case-wide-section>.e-con{margin-top:0!important;margin-bottom:0!important}
html body.single-axtra-portfolio #smooth-content .neer-case-copy-row,html body.single-axtra-portfolio #smooth-content .neer-case-heading-row{width:calc(100% - 44px)!important;max-width:1290px!important;margin-inline:auto!important;padding:80px 0!important;box-sizing:border-box}
html body.single-axtra-portfolio #smooth-content .neer-case-heading-row{padding-top:160px!important;padding-bottom:80px!important}
html body.single-axtra-portfolio #smooth-content .neer-case-copy-row>.e-con-inner,html body.single-axtra-portfolio #smooth-content .neer-case-heading-row>.e-con-inner{padding:0!important;max-width:1290px!important;width:100%!important}
html body.single-axtra-portfolio #smooth-content .elementor-widget-wcf--image :is(.elementor-widget-container,.wcf--image),html body.single-axtra-portfolio #smooth-content .elementor-widget-image>.elementor-widget-container{height:auto!important;aspect-ratio:auto!important;overflow:visible!important}
html body.single-axtra-portfolio #smooth-content .neer-case-document img:not(.neer-case-static){display:block;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important;max-width:100%!important}
html body.single-axtra-portfolio #smooth-content .neer-case-document video{object-fit:contain!important;background:transparent!important}
html body.single-axtra-portfolio #smooth-content .elementor-element-5955744{width:100%!important;max-width:1440px!important;margin-inline:auto!important}
/* One consistent visit button: 80% of Newhair's former size. */
html body.single-axtra-portfolio .neer-case-visit-standard,html body.single-axtra-portfolio .neer-case-visit-standard>.elementor-widget-container{transform:none!important;scale:none!important;position:relative;left:0!important;margin:0!important;align-self:flex-start!important;width:auto!important}
html body.single-axtra-portfolio .neer-case-visit-standard .neer-cta-2{text-align:left!important}
html body.single-axtra-portfolio .neer-case-visit-standard .neer-cta-2__link{gap:14.4px!important;padding:14.4px 7.2px!important}
html body.single-axtra-portfolio .neer-case-visit-standard .neer-cta-2__label{font-size:31.2px!important;letter-spacing:.1em!important;text-transform:capitalize!important}
html body.single-axtra-portfolio .neer-case-visit-standard .neer-cta-2__arrow{width:29.64px!important;height:20.4px!important}
html body.single-axtra-portfolio .neer-case-visit-standard .neer-cta-2__label::after{bottom:-8.4px!important;height:1.8px!important}
/* Next project has a single, equal spacing layer and native destination. */
html body.single-axtra-portfolio #smooth-content>.neer-case-document>.neer-case-next-section{padding-top:140px!important;padding-bottom:140px!important;min-height:0!important;justify-content:center!important}
html body.single-axtra-portfolio #smooth-content .neer-case-next-section>.e-con-inner{padding-top:0!important;padding-bottom:0!important;justify-content:center!important}
html body.single-axtra-portfolio .neer-case-next-button .neer-cta-2{text-align:center!important}
html body.single-axtra-portfolio .neer-case-next-button .neer-cta-2__label{text-transform:capitalize!important}
@media(min-width:768px){html body.single-axtra-portfolio .neer-case-single-title h1{white-space:nowrap!important;font-size:clamp(36px,3.6vw,70px)!important;letter-spacing:0!important}}
@media(max-width:767px){html body.single-axtra-portfolio #smooth-content .neer-case-heading-row{padding-top:120px!important;padding-bottom:64px!important}html body.single-axtra-portfolio #smooth-content .neer-case-copy-row{padding-top:64px!important;padding-bottom:64px!important}html body.single-axtra-portfolio .neer-case-visit-standard .neer-cta-2__label{font-size:24px!important;letter-spacing:.06em!important}}

html body.single-axtra-portfolio #smooth-content>.elementor.neer-case-document>.e-con>.neer-case-copy-row,html body.single-axtra-portfolio #smooth-content>.elementor.neer-case-document>.e-con>.neer-case-heading-row{width:min(1290px,calc(100% - 44px))!important}
html body.single-axtra-portfolio #smooth-content>.elementor.neer-case-document .elementor-element-5955744{width:min(1440px,100%)!important;max-width:1440px!important}

/* Use layout width rather than viewport width so scrollbar gutters do not narrow the shared container. */
/* Case media remains intentionally outside the copy container. */

html body.single-axtra-portfolio #smooth-content .neer-case-visit-standard{margin:0!important;padding:0!important;left:0!important;right:auto!important;transform:none!important;width:100%!important;max-width:none!important;align-self:stretch!important}
html body.single-axtra-portfolio #smooth-content .neer-case-visit-standard>.elementor-widget-container{left:0!important;transform:none!important;margin:0!important;padding:0!important;width:100%!important}
html body.single-axtra-portfolio .neer-case-visit-standard .neer-cta-2__label{text-transform:none!important}

html body.single-axtra-portfolio #smooth-content .e-con:has(>.neer-case-visit-standard){padding:0!important}

/* Container applies to copy only. Visual wrappers retain their theme sizing. */
.neer-copy-width{max-width:min(1290px,calc(100vw - 44px))!important;box-sizing:border-box}
.neer-copy-centered{margin-left:auto!important;margin-right:auto!important}
html body .elementor.elementor-17009 .elementor-element-c51ead0{width:min(1290px,calc(100% - 44px))!important;max-width:1290px!important;margin-inline:auto!important}
/* Copy-only FAQ frames keep the shared reading container. */
html body .elementor.elementor-16862 .neer-connect-chapter-2>.elementor-widget{width:100%!important;max-width:1290px!important;margin-inline:auto!important}

/* FAQ chapter contains copy only: consistent responsive text gutters. */
html body .elementor.elementor-16862 .neer-connect-chapter-2{padding-left:22px!important;padding-right:22px!important}

/* Preserve the native grain layer on surfaces already classified by site-grain.js.
   Background-color repairs must not reset the texture image. */
html body.neer-connected[data-neer-grain='light'],html body.neer-connected #smooth-content [data-neer-grain='light']:not(.axtra-theme-elementor-header-section,.neer-horizontal-native){background-image:url('../neer-brand-network/grain-light.png?v=3')!important}
html body.neer-connected[data-neer-grain='dark'],html body.neer-connected #smooth-content [data-neer-grain='dark']:not(.axtra-theme-elementor-header-section,.neer-horizontal-native){background-image:url('../neer-brand-network/grain-dark.png')!important}

html body.neer-connected dialog.neer-header-drawer[data-neer-grain='dark']{background-image:url('../neer-brand-network/grain-dark.png')!important}

/* Finished mark is visible before the scroll construction begins. */
html body.single-axtra-portfolio #smooth-content .neer-case-opening-poster{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;z-index:2;pointer-events:none;transition:opacity .25s ease}
@media(max-width:767px){html body.single-axtra-portfolio #smooth-content .neer-case-copy-row>.e-con-inner{gap:32px!important}}

/* Adjacent narrative rows share 80px total, rather than 80px on each side. */
html body.single-axtra-portfolio #smooth-content .neer-case-copy-row:has(+.neer-case-copy-row){padding-bottom:40px!important}
html body.single-axtra-portfolio #smooth-content .neer-case-copy-row+.neer-case-copy-row{padding-top:40px!important}
html body.single-axtra-portfolio #smooth-content .neer-case-copy-row .wcf--text>p:last-child{margin-bottom:0!important}

/* Qodoro media uses a centred wide visual frame, independently of reading copy. */
html body.postid-17003 .elementor-element-9ed2782{width:calc(100% - 60px)!important;max-width:none!important;margin-inline:auto!important;align-self:center!important}
html body.postid-17003 .elementor-element-3a984c8,html body.postid-17003 .elementor-element-3a984c8 .elementor-wrapper{width:100%!important;margin-inline:auto!important}
html body.postid-17003 .neer-case-media-row+.neer-case-media-row{margin-top:20px!important}
@media(max-width:767px){html body.postid-17003 .elementor-element-9ed2782{width:calc(100% - 30px)!important}html body.postid-17003 .neer-case-media-row+.neer-case-media-row{margin-top:16px!important}}

/* Qodoro media uses a centred wide visual frame, independently of reading copy. */
html body.postid-17003 .elementor-element-9ed2782{width:calc(100% - 60px)!important;max-width:none!important;margin-inline:auto!important;align-self:center!important}
html body.postid-17003 .elementor-element-3a984c8,html body.postid-17003 .elementor-element-3a984c8 .elementor-wrapper{width:100%!important;margin-inline:auto!important}
html body.postid-17003 #smooth-content .neer-case-media-row+.neer-case-media-row{margin-top:20px!important}
@media(max-width:767px){html body.postid-17003 .elementor-element-9ed2782{width:calc(100% - 30px)!important}html body.postid-17003 #smooth-content .neer-case-media-row+.neer-case-media-row{margin-top:16px!important}}

/* Qodoro media uses a centred wide visual frame, independently of reading copy. */
html body.postid-17003 .elementor-element-9ed2782{width:calc(100% - 60px)!important;max-width:none!important;margin-inline:auto!important;align-self:center!important}
html body.postid-17003 .elementor-element-3a984c8,html body.postid-17003 .elementor-element-3a984c8 .elementor-wrapper{width:100%!important;margin-inline:auto!important}
html body.postid-17003 #smooth-content .neer-case-media-row+.neer-case-media-row{padding-top:20px!important}
@media(max-width:767px){html body.postid-17003 .elementor-element-9ed2782{width:calc(100% - 30px)!important}html body.postid-17003 #smooth-content .neer-case-media-row+.neer-case-media-row{padding-top:16px!important}}

/* Remove the video widget's inherited 100px inset and image parallax offsets
   that visually close the gutters between the static project images. */
html body.postid-17003 #smooth-content .elementor-element-3a984c8>.elementor-widget-container{padding:0!important;margin:0!important;width:100%!important}
html body.postid-17003 #smooth-content .neer-case-media-row [data-speed]{transform:none!important;translate:none!important}

/* Additional breathing room above the shared logo and menu control. */
html body.neer-connected .neer-horizontal-native{top:0!important;padding-top:34px!important;min-height:96px!important}
@media(max-width:767px){html body.neer-connected .neer-horizontal-native{padding-top:30px!important;min-height:88px!important}}

/* Responsive service composition. Native containers and the current artwork remain editable. */
.elementor #hero.neer-responsive-service-hero{--hero-title:clamp(2.25rem,calc(3.75vw + .5rem),5rem);--hero-gutter:clamp(1.375rem,3vw,3rem);min-height:100vh;min-height:100svh;padding:0!important;}
body.page-id-16763 .elementor #hero.neer-responsive-service-hero{--hero-title:clamp(2.25rem,calc(3.125vw + 1.25rem),5rem)}
.elementor #hero.neer-responsive-service-hero>.e-con-inner{width:100%;max-width:none;padding:0!important;min-width:0}
.elementor #hero.neer-responsive-service-hero .neer-responsive-service-layout{box-sizing:border-box;width:min(100% - 2 * var(--hero-gutter),1290px);max-width:1290px;margin-inline:auto;min-height:100vh;min-height:100svh;padding:clamp(120px,16svh,180px) 0 clamp(32px,5svh,72px)!important;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,64px)}
.elementor #hero.neer-responsive-service-hero .neer-responsive-service-copy{width:51%;max-width:660px;min-width:0;flex:0 1 51%;translate:none;transform:none;margin:0;padding:0;gap:clamp(16px,2.1svh,28px);z-index:2;align-self:center}
.elementor #hero.neer-responsive-service-hero .neer-responsive-service-copy>.elementor-widget{width:100%;max-width:100%;min-width:0;margin:0}
.elementor #hero.neer-responsive-service-hero h1{font-size:var(--hero-title);line-height:1.08;overflow-wrap:normal;word-break:normal}
.elementor #hero.neer-responsive-service-hero .neer-responsive-service-copy p:last-child{margin-bottom:0!important}
.elementor #hero.neer-responsive-service-hero .neer-responsive-service-art{width:45%;min-width:0;flex:0 1 45%;align-items:center;justify-content:center}
/* The approved wide artwork stays an overlay on larger screens. */
@media(min-width:881px){.elementor #hero.neer-responsive-service-hero .neer-responsive-service-image{display:none}.elementor #hero.neer-responsive-service-hero::before{background-size:cover;background-position:center}}
@media(min-width:881px) and (max-height:800px){.elementor #hero.neer-responsive-service-hero{--hero-title:3.5rem}body.page-id-16763 .elementor #hero.neer-responsive-service-hero{--hero-title:3.75rem}.elementor #hero.neer-responsive-service-hero .neer-responsive-service-layout{padding-top:112px!important;padding-bottom:32px!important}.elementor #hero.neer-responsive-service-hero::before{background-size:auto 100%;background-position:center}}
/* Stack the complete source image after copy and CTA. No image is hidden on touch. */
@media(max-width:880px){
 .elementor #hero.neer-responsive-service-hero{--hero-gutter:22px;--hero-title:clamp(2.25rem,6.8vw,3rem)}
 .elementor #hero.neer-responsive-service-hero::before{background-image:none!important}
 .elementor #hero.neer-responsive-service-hero .neer-responsive-service-layout{flex-direction:column;justify-content:center;gap:20px;min-height:100svh;padding:104px 0 max(20px,env(safe-area-inset-bottom))!important}
 .elementor #hero.neer-responsive-service-hero .neer-responsive-service-copy{width:100%;max-width:660px;flex:none;gap:16px}
 .elementor #hero.neer-responsive-service-hero .neer-responsive-service-art{width:100%;max-width:660px;flex:none}
 .elementor #hero.neer-responsive-service-hero .neer-responsive-service-image{display:block!important;width:100%;opacity:1!important;visibility:visible!important;transform:none!important}
 .elementor #hero.neer-responsive-service-hero .neer-responsive-service-image{--hero-art-height:clamp(220px,27svh,300px)}
 .elementor #hero.neer-responsive-service-hero .neer-responsive-service-image .elementor-widget-container{height:var(--hero-art-height);position:relative;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent)}
 .elementor #hero.neer-responsive-service-hero .neer-responsive-service-image .wcf--image{position:static}
 .elementor #hero.neer-responsive-service-hero .neer-responsive-service-image img{display:block;position:absolute;left:50%;top:50%;width:calc(var(--hero-art-height) * 2.5)!important;max-width:none!important;height:auto!important;max-height:none;object-fit:contain;transform:translate(-76%,-53%)!important}
 .elementor #hero.neer-responsive-service-hero .neer-responsive-service-copy :is(.wcf--text,p){max-width:100%;font-size:1rem;line-height:1.5}
 .elementor #hero.neer-responsive-service-hero .neer-responsive-service-copy .wcf__btn a{max-width:100%;box-sizing:border-box}
}
@media(max-width:359px){.elementor #hero.neer-responsive-service-hero{--hero-gutter:16px}}
.elementor .neer-responsive-chapter{min-height:100vh;min-height:100svh;padding-block:clamp(48px,8vw,140px)!important}
.elementor.elementor-17009>.elementor-element-23a916b{padding-top:clamp(120px,13svh,160px)!important;padding-bottom:64px!important}
@media(max-width:767px){.elementor.elementor-16782 :is(#continuum,#studio-evolution){padding-top:64px!important;padding-bottom:64px!important}}
.elementor-16782 .pr-water-details summary{display:flex;align-items:center;gap:14px;min-height:44px;cursor:pointer;list-style:none}
.elementor-16782 .pr-water-details summary::-webkit-details-marker{display:none}
.elementor-16782 .pr-water-details summary h3{flex:1;margin:0}
.elementor-16782 .pr-water-details summary::after{content:'+';flex:none;font:400 24px/1 Kanit,sans-serif;color:#ccff00}
.elementor-16782 .pr-water-details[open] summary::after{content:'−'}
.elementor-16782 .pr-water-details summary:focus-visible{outline:2px solid #ccff00;outline-offset:6px}
.elementor-16782 .pr-water-details .pr-water-answer{padding-top:16px}