/* MAKI MEDYA V9.20 - Azure Colors Only
   IMPORTANT: Layout, dimensions, spacing, positions, typography sizes and grid are not overridden.
   This stylesheet intentionally contains ONLY paint-related properties.
   Main website, portfolio and presentation keep their V9.18/V9.19 structural layout.
   V9.19 split hero and 4-column process overrides have been REMOVED.
*/
html[data-maki-site-theme="azure"] {
  color-scheme: light;
  --black:#edf4fa;
  --white:#0c243a;
  --green:#186db1;
  --muted:#516b82;
  --line:#cbd9e5;
  --bg:#edf4fa;
  --panel:#fff;
  --fg:#0c243a;
  --accent:#176cad;
  --az-base:#eef5fb;
  --az-paper:#ffffff;
  --az-surface:#e5f0f9;
  --az-ink:#10273d;
  --az-secondary:#3b5b75;
  --az-line:#c4d8e8;
  --az-blue:#176cad;
  --az-navy:#0b3557;
  --az-hover:#287ebc;
}
html[data-maki-site-theme="azure"] body{background:#eef5fb;color:#10273d}
html[data-maki-site-theme="azure"] ::selection{background:#1d6dae;color:#fff}
/* Navigation + labels */
html[data-maki-site-theme="azure"] .site-header{background:rgba(238,245,251,.92);border-bottom-color:#c4d8e8;color:#10273d}
html[data-maki-site-theme="azure"] .mobile-menu{background:#edf5fc;color:#10273d}
html[data-maki-site-theme="azure"] :is(.wordmark,.nav-desktop a,.mobile-menu a,.menu-toggle,.hero-overline,.hero-index,.hero-center,.hero-title,.hero-subrow p,.hero-bottom,.hero-ticker,.hero-domains b){color:#0b3557}
html[data-maki-site-theme="azure"] :is(.nav-desktop a:hover,.mobile-menu a:hover){color:#176cad}
html[data-maki-site-theme="azure"] :is(.brand-dot,.footer-logo span){color:#176cad}
html[data-maki-site-theme="azure"] .menu-toggle span{background:#0b3557}
/* Preserve original hero layout and cinema image; recolor ONLY. */
html[data-maki-site-theme="azure"] .hero{background:#eef5fb;color:#10273d}
html[data-maki-site-theme="azure"] .hero-media{background:#c9e1f3}
html[data-maki-site-theme="azure"] .hero-media img{filter:saturate(.7) sepia(.25) hue-rotate(164deg) contrast(1.05) brightness(1.12)}
html[data-maki-site-theme="azure"] .hero-media::after{background:linear-gradient(90deg,rgba(238,246,253,.90),rgba(226,242,254,.63) 66%,rgba(182,216,241,.33)),linear-gradient(0deg,rgba(238,246,253,.90),transparent 65%)}
html[data-maki-site-theme="azure"] .hero-overlay{background:linear-gradient(180deg,rgba(241,247,252,.80),rgba(236,246,253,.75) 55%,rgba(229,241,251,.94))}
html[data-maki-site-theme="azure"] .hero-title{text-shadow:none}
html[data-maki-site-theme="azure"] .hero-title .outline{color:transparent;-webkit-text-stroke-color:#5b9acb}
html[data-maki-site-theme="azure"] .hero-title .period{color:#176cad;-webkit-text-stroke-color:#176cad}
html[data-maki-site-theme="azure"] :is(.hero-overline,.hero-featured-labels span,.hero-featured-progress,.hero-featured-meta-top,.hero-domains span){color:#176cad}
html[data-maki-site-theme="azure"] :is(.hero-featured-labels small,.hero-featured-link,.hero-featured-meta p,.hero-featured-placeholder){color:#3b5b75}
html[data-maki-site-theme="azure"] .hero-featured-heading{color:#176cad;border-top-color:#bcd2e3}
html[data-maki-site-theme="azure"] .hero-domains{background:rgba(255,255,255,.73);border-top-color:#bcd2e3;border-bottom-color:#bcd2e3}
html[data-maki-site-theme="azure"] .hero-domains>a{color:#10273d}
html[data-maki-site-theme="azure"] .hero-domains>a+a{border-left-color:#c4d8e8}
html[data-maki-site-theme="azure"] .hero-domains>a:hover{background:#dbeef9;color:#0b3557}
html[data-maki-site-theme="azure"] :is(.hero-bottom,.hero-ticker){background:rgba(238,246,253,.84);color:#385b76;border-top-color:#c4d8e8}
html[data-maki-site-theme="azure"] .hero-ticker{border-top-color:#c4d8e8}
/* Real project rail (same cards and video sizing as previously) */
html[data-maki-site-theme="azure"] .hero-featured-card{background:#ffffff;border-color:#c4d8e8;color:#10273d;box-shadow:0 12px 30px #0b355720}
html[data-maki-site-theme="azure"] .hero-featured-card:hover{border-color:#277eb9;box-shadow:0 16px 38px #0b355735}
html[data-maki-site-theme="azure"] .hero-featured-media{background:radial-gradient(ellipse,#1d4462,#081726)}
html[data-maki-site-theme="azure"] .hero-featured-media::after{background:linear-gradient(180deg,transparent 55%,rgba(5,21,37,.3))}
html[data-maki-site-theme="azure"] .hero-featured-meta{background:#fff;color:#10273d}
html[data-maki-site-theme="azure"] .hero-featured-meta strong{color:#10273d}
html[data-maki-site-theme="azure"] .hero-featured-meta p{color:#3b5b75}
html[data-maki-site-theme="azure"] .hero-featured-badge{background:#e4f1fa;color:#13578b;border-color:#b3d1e8}
html[data-maki-site-theme="azure"] .hero-featured-btn{background:#fff;color:#164e79;border-color:#b5d0e2}
html[data-maki-site-theme="azure"] .hero-featured-btn:is(:hover,:focus-visible):not(:disabled){background:#176cad;color:#fff;border-color:#176cad}
html[data-maki-site-theme="azure"] .hero-featured-empty{background:#f6fbff;color:#3b5b75;border-color:#b3cfe2}
html[data-maki-site-theme="azure"] .hero-featured-empty strong{color:#10273d}
html[data-maki-site-theme="azure"] .hero-featured-rail{scrollbar-color:#438cc1 #daeaf6}
html[data-maki-site-theme="azure"] .hero-featured-rail::-webkit-scrollbar-track{background:#dceaf6}
html[data-maki-site-theme="azure"] .hero-featured-rail::-webkit-scrollbar-thumb{background:#438cc1}
/* Site sections: paint only, preserve all layouts. */
html[data-maki-site-theme="azure"] :is(.intro-section,.process-section){background:linear-gradient(155deg,#f5faff,#e3eff9);color:#10273d}
html[data-maki-site-theme="azure"] .expertise-section{background:#e8f2fa;color:#10273d}
html[data-maki-site-theme="azure"] .showcase-section{background:linear-gradient(135deg,#e8f3fc,#f3f8fd);color:#10273d}
html[data-maki-site-theme="azure"] .contact-section{background:linear-gradient(135deg,#d4e9f8,#eaf5fc);color:#10273d}
html[data-maki-site-theme="azure"] footer{background:#eef5fb;color:#10273d}
html[data-maki-site-theme="azure"] :is(.section-label,.eyeline,.kicker,.contact-small,.v9-number,.process-list>div>span,.v97-footer-social-heading>span){color:#176cad}
html[data-maki-site-theme="azure"] .section-label span:last-child{color:#516b82}
html[data-maki-site-theme="azure"] .small-disc{background:#176cad}
html[data-maki-site-theme="azure"] :is(.intro-heading,.big-heading,.process-list h3,.contact-section h2,.footer-logo,.v9-project h3,.v9-service h3){color:#10273d}
html[data-maki-site-theme="azure"] :is(.intro-heading em,.big-heading span){color:#538dbc}
html[data-maki-site-theme="azure"] :is(.intro-bottom p,.sec-top p,.process-list p,.contact-bottom p,.footer-line,.v97-follow-line>p,.v97-follow-line span,.v97-footer-social-heading>p,.v9-project p,.v9-service p,.work-info span){color:#3b5b75}
html[data-maki-site-theme="azure"] :is(.intro-bottom,.v97-follow-line,.v97-footer-social,.footer-line,.process-list>div,.filters,.work-info,.contact-bottom){border-color:#c4d8e8}
html[data-maki-site-theme="azure"] .v97-follow-line{background:transparent}
html[data-maki-site-theme="azure"] :is(.v9-project,.v9-service){background:#ffffff;color:#10273d;border-color:#c4d8e8}
html[data-maki-site-theme="azure"] .v9-cover{background:#12273c}
html[data-maki-site-theme="azure"] .v9-empty{color:#3b5b75;border-top-color:#c4d8e8}
html[data-maki-site-theme="azure"] .expertise-panel{border-color:#b3cfe1}
html[data-maki-site-theme="azure"] .expertise-panel :is(.expertise-top,.expertise-bottom,.expertise-bottom h3,.expertise-bottom p){color:#fff}
html[data-maki-site-theme="azure"] .expertise-bottom h3 span{color:#c6e4ff}
html[data-maki-site-theme="azure"] .interlude{background:#112c46;color:#fff}
html[data-maki-site-theme="azure"] .interlude::after{background:linear-gradient(90deg,#081c31a1,transparent,#081c31a1)}
html[data-maki-site-theme="azure"] .interlude :is(.interlude-content,.interlude-content p,.corner-caption){color:#fff}
html[data-maki-site-theme="azure"] .interlude-content em{-webkit-text-stroke-color:#fff}
html[data-maki-site-theme="azure"] .contact-section h2 em{color:transparent;-webkit-text-stroke-color:#173e5f}
html[data-maki-site-theme="azure"] .contact-section .small-disc{background:#176cad}
html[data-maki-site-theme="azure"] :is(.brief input,.brief textarea,.brief select,.controls input){background:#fff;color:#10273d;border-color:#a9c8df}
html[data-maki-site-theme="azure"] :is(input,textarea)::placeholder{color:#617d93}
html[data-maki-site-theme="azure"] :is(.brief label,.consent,.brief #formStatus){color:#173d5a}
html[data-maki-site-theme="azure"] .footer-logo span{color:#176cad}
html[data-maki-site-theme="azure"] .v97-footer-social-heading>span{color:#135b90}
/* One blue CTA system, no geometry changes */
html[data-maki-site-theme="azure"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.contact-button,.brief button,.text-link,.round-arrow,.circle-link,.top .btn,.foot a,.v97-footer-social-link,.v97-follow-link){background:#0b3557;color:#fff;border-color:#0b3557;box-shadow:0 8px 22px #0b35572b}
html[data-maki-site-theme="azure"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.contact-button,.brief button,.text-link,.round-arrow,.circle-link,.top .btn,.foot a,.v97-footer-social-link,.v97-follow-link):is(:hover,:focus-visible){background:#287ebc;color:#fff;border-color:#287ebc;box-shadow:0 10px 25px #0b355736}
html[data-maki-site-theme="azure"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.contact-button,.brief button,.text-link,.top .btn,.foot a,.v97-footer-social-link,.v97-follow-link) :is(span,svg,path){color:inherit;stroke:currentColor}
html[data-maki-site-theme="azure"] .maki-arrow-icon{stroke:currentColor}
/* Work filters are independent controls, not prominent CTAs. */
html[data-maki-site-theme="azure"] .filters button,html[data-maki-site-theme="azure"] .pill{background:#fff;color:#0b3557;border-color:#a9c8df;box-shadow:none}
html[data-maki-site-theme="azure"] .filters button:is(:hover,:focus-visible),html[data-maki-site-theme="azure"] .pill:is(:hover,:focus-visible),html[data-maki-site-theme="azure"] .filters button[aria-pressed="true"],html[data-maki-site-theme="azure"] .pill[aria-pressed="true"]{background:#0b3557;color:#fff;border-color:#0b3557}
/* Portfolio and presentation: same layout, recolored light blue. Viewer stays cinematic dark. */
html[data-maki-site-theme="azure"] .shell{background:#eef5fb;color:#10273d}
html[data-maki-site-theme="azure"] .top{color:#10273d;border-bottom-color:#c4d8e8}
html[data-maki-site-theme="azure"] :is(.logo,.logo em,.intro h1,.project h2,.project){color:#10273d!important}
html[data-maki-site-theme="azure"] :is(.intro,.intro p,.project p,.meta,.project .meta,.note,.controls,.foot){color:#3b5b75!important}
html[data-maki-site-theme="azure"] .eyebrow{color:#176cad}
html[data-maki-site-theme="azure"] .controls input{background:#fff;color:#10273d;border-color:#a9c8df}
html[data-maki-site-theme="azure"] .cover{background:#12273c}
html[data-maki-site-theme="azure"] .live-tag{background:#176cad;color:#fff}
html[data-maki-site-theme="azure"] .demo-tag{background:#0b3557;color:#fff}
html[data-maki-site-theme="azure"] .viewer{background:#071827;color:#fff}
html[data-maki-site-theme="azure"] .viewer :is(.viewer-header,.viewer-bottom,.viewer-copy,.viewer-copy p,.viewer-copy h2,.viewer-copy span){color:#f5f9fd}
html[data-maki-site-theme="azure"] .viewer button{background:#12324d;color:#fff;border-color:#537b99}
html[data-maki-site-theme="azure"] .viewer .screen{background:#071827}
html[data-maki-site-theme="azure"] .viewer .eyebrow{color:#93c9ed}
/* Keep WhatsApp branded and all existing image/video dimensions. */
html[data-maki-site-theme="azure"] :is(a,button,input,select,textarea):focus-visible{outline-color:#1b72b1}


/* V9.21 — Reference-blue visual identity, no geometry changes.
   Source: original MAKI site with azure theme; strictly color, background,
   background-image, shadows, strokes and borders. No layout overrides. */
html[data-maki-site-theme="azure"]{
  --black:#f0f5fa;
  --white:#10243a;
  --green:#367fbd;
  --muted:#385776;
  --line:#c4d7e9;
  --bg:#f0f5fa;
  --panel:#fff;
  --fg:#10243a;
  --accent:#347dbc;
  --az-base:#f0f5fa;
  --az-paper:#ffffff;
  --az-surface:#e5f0fa;
  --az-ink:#0e2034;
  --az-secondary:#365674;
  --az-line:#c4d7e9;
  --az-blue:#347fbc;
  --az-navy:#093356;
  --az-hover:#28699d;
}
html[data-maki-site-theme="azure"] body{background:#f0f5fa;color:#0e2034}
html[data-maki-site-theme="azure"] .site-header{background:rgba(240,245,250,.92);border-bottom-color:#c3d6e8;color:#10243a}
html[data-maki-site-theme="azure"] .hero{
  background:linear-gradient(107deg,#f7fbff 0%,#f0f6fd 49%,#8bb8d8 72%,#0a2943 100%);
  color:#0e2034;
}
html[data-maki-site-theme="azure"] .hero-media{background:#164d76}
html[data-maki-site-theme="azure"] .hero-media img{
  filter:grayscale(.25) sepia(.25) hue-rotate(168deg) saturate(1.6) contrast(1.17) brightness(.78);
}
html[data-maki-site-theme="azure"] .hero-media::after{
  background:
    linear-gradient(119deg,rgba(247,251,255,.97) 0%,rgba(242,248,254,.96) 44%,rgba(220,236,249,.88) 58%,rgba(87,155,204,.45) 58.3%,rgba(14,55,86,.33) 73%,rgba(3,26,47,.64) 100%),
    linear-gradient(180deg,rgba(243,249,254,.15),rgba(4,29,54,.20));
}
html[data-maki-site-theme="azure"] .hero-overlay{
  background:linear-gradient(100deg,rgba(247,251,255,.82) 0%,rgba(239,247,253,.68) 48%,rgba(68,139,193,.12) 58%,rgba(4,28,52,.12) 100%);
}
html[data-maki-site-theme="azure"] .hero-title .outline{
  color:#619ccc;
  -webkit-text-stroke-color:#619ccc;
}
html[data-maki-site-theme="azure"] .hero-title .period{
  color:#126caf;
  -webkit-text-stroke-color:#126caf;
}
html[data-maki-site-theme="azure"] :is(.brand-dot,.footer-logo span,.small-disc){color:#2b7ebc}
html[data-maki-site-theme="azure"] .small-disc{background:#2b7ebc}
html[data-maki-site-theme="azure"] :is(.hero-overline,.hero-featured-heading,.hero-featured-meta-top,.v9-number,.eyeline,.kicker,.section-label,.contact-small,.process-list>div>span,.v97-footer-social-heading>span,.hero-domains span){color:#1467a5}
html[data-maki-site-theme="azure"] :is(.intro-heading em,.big-heading span){color:#568fbd}
html[data-maki-site-theme="azure"] :is(.intro-section,.process-section){background:linear-gradient(135deg,#f3f8fd,#e5f0fa);color:#10243a}
html[data-maki-site-theme="azure"] .showcase-section{background:linear-gradient(135deg,#eaf3fb,#f7fbff);color:#10243a}
html[data-maki-site-theme="azure"] .expertise-section{background:#e7f1fb;color:#10243a}
html[data-maki-site-theme="azure"] .contact-section{background:linear-gradient(135deg,#d6e9f9,#edf6fc);color:#10243a}
html[data-maki-site-theme="azure"] footer{background:linear-gradient(180deg,#edf6fc,#f4f9fd);color:#10243a}
html[data-maki-site-theme="azure"] :is(.intro-bottom,.v97-follow-line,.v97-footer-social,.footer-line,.process-list>div,.filters,.work-info,.contact-bottom){border-color:#bed4e7}
html[data-maki-site-theme="azure"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.contact-button,.brief button,.text-link,.round-arrow,.circle-link,.top .btn,.foot a,.v97-footer-social-link,.v97-follow-link){
 background:#09375b;color:#fff;border-color:#09375b;box-shadow:0 8px 24px rgba(10,47,76,.19);
}
html[data-maki-site-theme="azure"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.contact-button,.brief button,.text-link,.round-arrow,.circle-link,.top .btn,.foot a,.v97-footer-social-link,.v97-follow-link):is(:hover,:focus-visible){
 background:#2477b6;color:#fff;border-color:#2477b6;box-shadow:0 10px 28px rgba(10,47,76,.26);
}
html[data-maki-site-theme="azure"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.v97-footer-social-link,.v97-follow-link,.contact-button,.text-link,.brief button) :is(span,svg,path){color:#fff;stroke:currentColor}
html[data-maki-site-theme="azure"] .hero-featured-badge{color:#155f96;background:#e6f2fc;border-color:#b0d0e8}
html[data-maki-site-theme="azure"] :is(.hero-featured-card,.v9-project){border-color:#c1d7e7;box-shadow:0 12px 30px rgba(14,53,89,.13)}
html[data-maki-site-theme="azure"] .hero-featured-btn{color:#0b3b61;border-color:#b6d0e4}
html[data-maki-site-theme="azure"] :is(.v97-follow-line,.v97-footer-social){background:rgba(255,255,255,.70)}
html[data-maki-site-theme="azure"] :is(.brief input,.brief textarea,.brief select,.controls input){background:#fff;color:#10243a;border-color:#adc8df}
html[data-maki-site-theme="azure"] :is(a,button,input,select,textarea):focus-visible{outline-color:#2477b6}