/* ==========================================================
   ICODE MEDIA · WARM EDITORIAL LUXURY V2
   Final light art-direction layer
   Palette:
   Background      #F3F0EC
   Ivory Surface   #FCF8F3
   Espresso Ink    #1B1714
   Secondary Text  #71665D
   Copper          #B96F43
   Copper Hover    #9F5932
   ========================================================== */

:root{
  --icode-bg:#F3F0EC!important;
  --icode-ivory:#FCF8F3!important;
  --icode-sand:#E9DED1!important;
  --icode-sand-2:#E4D5C5!important;
  --icode-espresso:#1B1714!important;
  --icode-text:#1B1714!important;
  --icode-muted:#71665D!important;
  --icode-soft:#94877C!important;
  --icode-copper:#B96F43!important;
  --icode-copper-hover:#9F5932!important;
  --icode-line:rgba(51,37,27,.13)!important;
  --icode-shadow:0 24px 70px rgba(65,45,31,.08)!important;
  color-scheme:light!important;
}

html{
  background:var(--icode-bg)!important;
}

body{
  background:var(--icode-bg)!important;
  color:var(--icode-text)!important;
}

main{
  background:var(--icode-bg)!important;
  color:var(--icode-text)!important;
}

/* Keep the palette quiet. Copper is for emphasis, not every second word. */
main h1,
main h2,
main h3,
main h4,
main strong,
main b{
  color:var(--icode-espresso)!important;
}

main p,
main li,
main small,
main label,
main .muted{
  color:var(--icode-muted)!important;
}

a{
  color:inherit;
}

::selection{
  background:var(--icode-copper)!important;
  color:#fff!important;
}

/* ==========================================================
   HEADER
   ========================================================== */

.cinema-header{
  background:rgba(252,248,243,.93)!important;
  border-color:rgba(51,37,27,.12)!important;
  box-shadow:0 16px 42px rgba(65,45,31,.075)!important;
}

.cinema-header.scrolled{
  background:rgba(252,248,243,.97)!important;
}

.cinema-logo img{
  filter:
    brightness(0)
    saturate(100%)
    invert(48%)
    sepia(43%)
    saturate(1080%)
    hue-rotate(337deg)
    brightness(93%)
    contrast(88%)!important;
  opacity:1!important;
}

.simple-main-nav>a,
.cinema-desktop-nav>a{
  color:#2A211B!important;
}

.simple-main-nav>a:hover,
.simple-main-nav>a:focus-visible,
.cinema-desktop-nav>a:hover,
.cinema-desktop-nav>a:focus-visible{
  color:var(--icode-copper)!important;
}

.cinema-project-btn{
  background:var(--icode-espresso)!important;
  border-color:var(--icode-espresso)!important;
  color:#fff!important;
}

.cinema-project-btn:hover,
.cinema-project-btn:focus-visible{
  background:var(--icode-copper)!important;
  border-color:var(--icode-copper)!important;
}

.cinema-whatsapp-btn{
  background:#F7EFE7!important;
  border-color:rgba(185,111,67,.23)!important;
  color:var(--icode-copper)!important;
}

.cinema-mobile-trigger{
  background:#E9DED1!important;
  border-color:rgba(51,37,27,.12)!important;
}
.cinema-mobile-trigger span{
  background:var(--icode-espresso)!important;
}

/* ==========================================================
   MOBILE MENU
   ========================================================== */

.mobile-scene{
  background:
    radial-gradient(circle at 88% 0,rgba(185,111,67,.13),transparent 34%),
    var(--icode-bg)!important;
  color:var(--icode-espresso)!important;
}

.mobile-scene-link,
.mobile-scene-section,
.mobile-scene-top,
.mobile-scene-bottom{
  border-color:var(--icode-line)!important;
}

.mobile-scene-link>span,
.mobile-scene-section summary,
.mobile-scene-bottom a{
  color:var(--icode-espresso)!important;
}

.mobile-scene-label,
.mobile-scene-link i,
.mobile-scene-link b{
  color:var(--icode-copper)!important;
}

.mobile-scene-bottom{
  background:linear-gradient(180deg,rgba(243,240,236,0),#F3F0EC 18%)!important;
}

.mobile-scene-bottom>a{
  background:rgba(252,248,243,.84)!important;
  border-color:var(--icode-line)!important;
}

.mobile-scene-bottom .mobile-start{
  background:var(--icode-espresso)!important;
  color:#fff!important;
}

/* ==========================================================
   GLOBAL SECTION RHYTHM
   ========================================================== */

/* Hero = main beige */
.v5-hero{
  background:
    radial-gradient(circle at 78% 12%,rgba(185,111,67,.10),transparent 29%),
    radial-gradient(circle at 10% 6%,rgba(255,255,255,.52),transparent 27%),
    var(--icode-bg)!important;
  color:var(--icode-espresso)!important;
  border-bottom:1px solid rgba(51,37,27,.07)!important;
}

/* Partners = deeper warm sand */
.v5-partners{
  background:
    linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0)),
    var(--icode-sand)!important;
  color:var(--icode-espresso)!important;
  border-top:1px solid rgba(51,37,27,.07)!important;
  border-bottom:1px solid rgba(51,37,27,.07)!important;
}

/* Portfolio = clean ivory gallery */
.v5-work,
.v63-work,
.v66-work{
  background:
    radial-gradient(circle at 100% 5%,rgba(185,111,67,.065),transparent 25%),
    var(--icode-ivory)!important;
  color:var(--icode-espresso)!important;
  border-top:1px solid rgba(51,37,27,.055)!important;
  border-bottom:1px solid rgba(51,37,27,.055)!important;
}

/* ERP = sand with restrained product depth */
.v51-erp{
  background:
    radial-gradient(circle at 84% 10%,rgba(185,111,67,.10),transparent 31%),
    linear-gradient(145deg,#E9DED1 0%,#EEE5DB 58%,#E7D8C9 100%)!important;
  color:var(--icode-espresso)!important;
  border-top:1px solid rgba(51,37,27,.07)!important;
  border-bottom:1px solid rgba(51,37,27,.07)!important;
}

/* Services = base beige */
.v5-services,
.services-page,
.service-index,
.service-detail{
  background:var(--icode-bg)!important;
  color:var(--icode-espresso)!important;
}

/* Blog = ivory */
.v5-insights,
.blog-page,
.blog-index,
.article-v2,
.article-v1{
  background:var(--icode-ivory)!important;
  color:var(--icode-espresso)!important;
}

/* Contact = deepest light sand */
.v5-contact,
.v2-start{
  background:
    radial-gradient(circle at 8% 12%,rgba(185,111,67,.10),transparent 29%),
    var(--icode-sand-2)!important;
  color:var(--icode-espresso)!important;
  border-top:1px solid rgba(51,37,27,.08)!important;
}

/* About pages */
.about-premium,
.about-page,
.page-about{
  background:
    radial-gradient(circle at 90% 0,rgba(185,111,67,.08),transparent 30%),
    var(--icode-bg)!important;
  color:var(--icode-espresso)!important;
}

/* ==========================================================
   HERO
   ========================================================== */

.v5-hero h1,
.v5-hero h1 span{
  color:var(--icode-espresso)!important;
}

.v5-hero h1 .accent{
  color:var(--icode-copper)!important;
}

.v5-hero-copy>p{
  color:var(--icode-muted)!important;
}

.v5-hero-kicker{
  color:var(--icode-copper)!important;
}

.v5-hero-kicker>span{
  background:var(--icode-copper)!important;
}

.v5-primary{
  background:var(--icode-espresso)!important;
  border-color:var(--icode-espresso)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(46,32,23,.10)!important;
}

.v5-primary:hover{
  background:var(--icode-copper)!important;
  border-color:var(--icode-copper)!important;
}

.v5-secondary{
  background:rgba(252,248,243,.82)!important;
  border-color:rgba(51,37,27,.14)!important;
  color:var(--icode-espresso)!important;
}

.v5-secondary:hover{
  background:#fff!important;
  border-color:rgba(185,111,67,.34)!important;
  color:var(--icode-copper-hover)!important;
}

.v5-hero-proof{
  color:#81756B!important;
}
.v5-hero-proof i{
  background:#CABCAD!important;
}

.v5-hero-grid{
  opacity:.26!important;
  background-image:
    linear-gradient(rgba(51,37,27,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(51,37,27,.04) 1px,transparent 1px)!important;
}

.v5-hero-aura{
  background:
    radial-gradient(circle at 50% 50%,rgba(185,111,67,.18),transparent 44%)!important;
}

.hero-stage-ring{
  border-color:rgba(185,111,67,.18)!important;
}

.hero-stage-center{
  background:var(--icode-espresso)!important;
  color:#fff!important;
  border-color:rgba(185,111,67,.52)!important;
  box-shadow:0 20px 60px rgba(50,35,24,.14)!important;
}
.hero-stage-center small{
  color:#D8A27E!important;
}
.hero-stage-center b{
  color:#fff!important;
}

.v68-service-node{
  background:
    radial-gradient(circle at 30% 25%,rgba(255,255,255,.75),transparent 33%),
    rgba(252,248,243,.94)!important;
  border-color:rgba(51,37,27,.13)!important;
  color:var(--icode-espresso)!important;
  box-shadow:
    0 18px 46px rgba(65,45,31,.09),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
}

.v68-service-node strong{
  color:var(--icode-espresso)!important;
  text-shadow:none!important;
}

.v68-service-node small{
  color:#8F8176!important;
}

.v68-service-node:hover,
.v68-service-node.v681-selected,
.v68-service-node.v681-dragging{
  border-color:rgba(185,111,67,.48)!important;
  box-shadow:
    0 26px 64px rgba(65,45,31,.13),
    0 0 0 7px rgba(185,111,67,.035)!important;
}

.v681-play-hint{
  background:rgba(252,248,243,.82)!important;
  color:#8C7F74!important;
  border-color:rgba(51,37,27,.10)!important;
}

.v681-reset{
  color:var(--icode-copper-hover)!important;
}

/* Signal strip is intentionally quiet. */
.v5-signal-strip,
.v62-signal-strip{
  background:#EEE6DD!important;
  border-color:rgba(51,37,27,.07)!important;
  color:#766A60!important;
}
.v5-signal-strip b,
.v62-signal-strip b{
  color:var(--icode-copper)!important;
}

/* ==========================================================
   PARTNERS
   ========================================================== */

.v5-partners .v5-section-head span,
.v5-partners .v5-section-head em{
  color:var(--icode-copper)!important;
}

.v5-partners .v5-section-head h2{
  color:var(--icode-espresso)!important;
}

.v5-partners .v5-section-head p{
  color:var(--icode-muted)!important;
}

.v5-logo-mosaic figure{
  background:rgba(252,248,243,.94)!important;
  border-color:rgba(51,37,27,.105)!important;
  box-shadow:0 16px 38px rgba(65,45,31,.055)!important;
}

.v5-logo-mosaic figure:hover{
  background:#fff!important;
  border-color:rgba(185,111,67,.30)!important;
  box-shadow:0 20px 50px rgba(65,45,31,.09)!important;
}

.v5-logo-mosaic figure small{
  color:#9A8D82!important;
}

/* Logos keep original colors. No gloomy filters. */
.v5-logo-mosaic figure img,
.v5-partners img{
  filter:none!important;
  opacity:1!important;
}

/* ==========================================================
   PORTFOLIO
   ========================================================== */

.v66-section-head span,
.v66-work-card-top span{
  color:var(--icode-copper)!important;
}

.v66-section-head h2,
.v66-section-head h2 em{
  color:var(--icode-espresso)!important;
}

.v66-section-head>p{
  color:var(--icode-muted)!important;
}

.v66-work-ghost{
  background:linear-gradient(145deg,#E7DDD2,#F5EEE7)!important;
  border-color:rgba(51,37,27,.08)!important;
  box-shadow:none!important;
}

.v66-work-card{
  border-color:rgba(51,37,27,.12)!important;
  box-shadow:0 28px 68px rgba(65,45,31,.12)!important;
}

/* Portfolio photography/design stays untouched and vivid. */
.v66-work-image img,
.v63-work-media img,
.portfolio-card img,
.portfolio-hub-grid img{
  filter:none!important;
  opacity:1!important;
  image-rendering:auto!important;
}

.v66-work-shade{
  background:
    linear-gradient(180deg,rgba(27,23,20,0) 0%,rgba(27,23,20,.03) 49%,rgba(27,23,20,.60) 100%)!important;
}

.v66-work-card-copy h3,
.v66-work-card-copy p,
.v66-work-card-top b{
  color:#fff!important;
}

.v66-work-tab{
  background:rgba(252,248,243,.96)!important;
  border-color:rgba(51,37,27,.11)!important;
  color:var(--icode-espresso)!important;
  box-shadow:none!important;
}

.v66-work-tab small{
  color:#978A80!important;
}

.v66-work-tab i{
  color:var(--icode-copper)!important;
}

.v66-work-tab:hover,
.v66-work-tab.active{
  background:#fff!important;
  border-color:rgba(185,111,67,.38)!important;
  box-shadow:0 12px 30px rgba(65,45,31,.055)!important;
}

.v66-work-arrow{
  background:rgba(252,248,243,.94)!important;
  color:var(--icode-espresso)!important;
  border-color:rgba(185,111,67,.33)!important;
}

.v66-work-arrow:hover{
  background:var(--icode-copper)!important;
  color:#fff!important;
}

.v66-work-meter{
  background:rgba(51,37,27,.07)!important;
}
.v66-work-meter>span{
  background:var(--icode-copper)!important;
}

.v66-section-foot{
  background:#F2EAE1!important;
  border-color:rgba(51,37,27,.09)!important;
}
.v66-section-foot span{
  color:#857970!important;
}
.v66-section-foot a{
  color:var(--icode-copper-hover)!important;
}

/* ==========================================================
   ERP / CRM
   ========================================================== */

.v51-erp-intro>span,
.v51-erp-intro h2 em{
  color:var(--icode-copper)!important;
}

.v51-erp-intro h2{
  color:var(--icode-espresso)!important;
}

.v51-erp-intro>p{
  color:var(--icode-muted)!important;
}

.v51-demo-btn{
  background:rgba(252,248,243,.80)!important;
  border-color:rgba(51,37,27,.12)!important;
  color:var(--icode-espresso)!important;
}

.v51-demo-btn small{
  background:var(--icode-copper)!important;
  color:#fff!important;
}

.v51-erp-capabilities span,
.erp-home-industry-launch a{
  background:rgba(252,248,243,.68)!important;
  border-color:rgba(51,37,27,.10)!important;
  color:#4C4037!important;
}

.erp-home-industry-launch a:hover{
  background:var(--icode-espresso)!important;
  border-color:var(--icode-espresso)!important;
  color:#fff!important;
}

.v51-os-window{
  background:#F8F2EC!important;
  border-color:rgba(51,37,27,.12)!important;
  box-shadow:0 28px 70px rgba(65,45,31,.10)!important;
}

/* A controlled dark accent inside the product mockup only. */
.os-window-shell aside{
  background:#211A16!important;
  color:#F8F3EE!important;
}
.os-window-shell aside strong{
  color:#fff!important;
}
.os-window-shell aside span{
  color:#B8AAA0!important;
}
.os-window-shell aside span.active{
  background:rgba(185,111,67,.16)!important;
  color:#E5B28E!important;
}

.os-window-main{
  background:#F8F2EC!important;
  color:var(--icode-espresso)!important;
}

.os-kpi-row article,
.os-chart-card,
.os-flow-card{
  background:#FCF8F3!important;
  border-color:rgba(51,37,27,.09)!important;
}

.os-kpi-row article small,
.os-chart-card>small,
.os-flow-card>small{
  color:#8B7E73!important;
}

/* ==========================================================
   SERVICES / ARCHIVES / GENERAL CARDS
   ========================================================== */

.service-index-grid>a,
.process-grid article,
.service-related a,
.industry-cards a,
.portfolio-hub-grid>a,
.portfolio-service-card,
.blog-grid a,
.archive-card,
.visual-card{
  background:var(--icode-ivory)!important;
  border-color:rgba(51,37,27,.10)!important;
  color:var(--icode-espresso)!important;
  box-shadow:0 14px 38px rgba(65,45,31,.045)!important;
}

.service-index-grid>a:hover,
.process-grid article:hover,
.service-related a:hover,
.industry-cards a:hover,
.portfolio-hub-grid>a:hover,
.blog-grid a:hover{
  background:#fff!important;
  border-color:rgba(185,111,67,.30)!important;
  box-shadow:0 20px 48px rgba(65,45,31,.075)!important;
  transform:translateY(-2px);
}

.service-index-grid p,
.process-grid p,
.service-detail-hero p,
.archive-head p,
.industry-cards p{
  color:var(--icode-muted)!important;
}

/* ==========================================================
   BLOG
   ========================================================== */

.v5-insights .v5-section-head span,
.v5-insights .v5-section-head em{
  color:var(--icode-copper)!important;
}

.v5-insights .v5-section-head h2{
  color:var(--icode-espresso)!important;
}

.v5-insights .v5-section-head>a{
  color:var(--icode-copper-hover)!important;
}

.v5-article-grid>a{
  background:#F6EFE8!important;
  border-color:rgba(51,37,27,.10)!important;
  color:var(--icode-espresso)!important;
}

.v5-article-grid>a:hover{
  background:#fff!important;
  border-color:rgba(185,111,67,.30)!important;
}

.v5-article-grid small{
  color:#91847A!important;
}

.v5-article-grid h3{
  color:var(--icode-espresso)!important;
}

.v5-article-grid span{
  color:var(--icode-copper-hover)!important;
}

/* ==========================================================
   CONTACT
   ========================================================== */

.v5-contact-copy>span,
.v5-contact-copy h2 em{
  color:var(--icode-copper)!important;
}

.v5-contact-copy h2{
  color:var(--icode-espresso)!important;
}

.v5-contact-copy>p{
  color:var(--icode-muted)!important;
}

.v5-contact-direct a{
  color:#4D4037!important;
  border-color:rgba(51,37,27,.10)!important;
}

.v5-contact-direct a:hover{
  color:var(--icode-copper-hover)!important;
}

.v5-contact-form{
  background:rgba(252,248,243,.72)!important;
  border:1px solid rgba(51,37,27,.10)!important;
  box-shadow:0 22px 56px rgba(65,45,31,.07)!important;
}

.v5-contact-form label>span{
  color:#74685F!important;
}

.v5-contact input,
.v5-contact select,
.v5-contact textarea,
.v2-start input,
.v2-start select,
.v2-start textarea{
  background:#FFFDF9!important;
  color:var(--icode-espresso)!important;
  border-color:rgba(51,37,27,.14)!important;
}

.v5-contact input:focus,
.v5-contact select:focus,
.v5-contact textarea:focus{
  border-color:rgba(185,111,67,.58)!important;
  box-shadow:0 0 0 3px rgba(185,111,67,.07)!important;
}

.v5-contact-form button,
.v2-start button{
  background:var(--icode-espresso)!important;
  border-color:var(--icode-espresso)!important;
  color:#fff!important;
}

.v5-contact-form button:hover,
.v2-start button:hover{
  background:var(--icode-copper)!important;
  border-color:var(--icode-copper)!important;
}

/* ==========================================================
   FOOTER
   ========================================================== */

.v2-footer{
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0)),
    #DDD0C0!important;
  color:var(--icode-espresso)!important;
  border-top:1px solid rgba(51,37,27,.10)!important;
}

.v2-footer>section,
.footer-bottom{
  border-color:rgba(51,37,27,.10)!important;
}

.v2-footer h2,
.footer-grid b{
  color:var(--icode-espresso)!important;
}

.footer-grid a,
.footer-grid span,
.footer-bottom{
  color:#62564D!important;
}

.footer-grid a:hover,
.v2-footer>section>a{
  color:var(--icode-copper-hover)!important;
}

/* ==========================================================
   GENERIC PAGE CONTENT
   ========================================================== */

.page-v2,
.page-v1,
.article-v2,
.article-v1,
.legacy-content{
  color:var(--icode-espresso)!important;
}

.page-v2>p,
.page-v1>p,
.article-v2 header>p,
.article-v1 header>p,
.legacy-content p,
.legacy-content li{
  color:var(--icode-muted)!important;
}

.legacy-content a{
  color:var(--icode-copper-hover)!important;
}

/* ==========================================================
   MEDIA / IMAGE QUALITY
   ========================================================== */

/* Do not tint client work. The page can be beige; the work should stay real. */
main img:not(.cinema-logo img):not(.mobile-scene-logo img){
  filter:none;
}

.v66-work-image img,
.v63-work-media img,
.portfolio-card img,
.portfolio-hub-grid img,
.v5-logo-mosaic img{
  opacity:1!important;
  filter:none!important;
}

/* ==========================================================
   SCROLLBAR
   ========================================================== */

*{
  scrollbar-color:rgba(185,111,67,.48) #E8DDD1!important;
}

*::-webkit-scrollbar{
  width:9px;
  height:9px;
}

*::-webkit-scrollbar-track{
  background:#E8DDD1!important;
}

*::-webkit-scrollbar-thumb{
  background:rgba(185,111,67,.48)!important;
  border:2px solid #E8DDD1!important;
  border-radius:999px!important;
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:920px){
  .cinema-header{
    background:rgba(252,248,243,.96)!important;
  }
}

@media(max-width:700px){
  body{
    background:var(--icode-bg)!important;
  }

  .v5-hero{
    background:
      radial-gradient(circle at 100% 0,rgba(185,111,67,.10),transparent 28%),
      var(--icode-bg)!important;
  }

  .v5-partners{
    background:var(--icode-sand)!important;
  }

  .v5-work,
  .v63-work,
  .v66-work,
  .v5-insights{
    background:var(--icode-ivory)!important;
  }

  .v51-erp{
    background:linear-gradient(180deg,#E9DED1,#EDE4DA)!important;
  }

  .v5-contact{
    background:var(--icode-sand-2)!important;
  }

  .v66-work-card{
    box-shadow:0 22px 56px rgba(65,45,31,.12)!important;
  }

  .v66-work-tab{
    background:#FBF6F0!important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *:before,
  *:after{
    scroll-behavior:auto!important;
  }
}