/* MDMI identity layer. Layout, section sizes, shapes and motion remain in the
   existing Quadro styles; this file applies the supplied brand assets and roles. */
@font-face{font-family:Manrope;src:url('quadro-assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('quadro-assets/fonts/inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{
 --mdmi-orange:#F79B20;--mdmi-ink:#162836;--mdmi-paper:#FFFFFF;--mdmi-warm:#FFF8EE;
 --mdmi-muted:#52616B;--mdmi-accent-text:#9B4F00;--mdmi-line:#DDE2E5;--mdmi-control:#84919A;
 --mdmi-hover:#ED8D0C;--mdmi-pressed:#E48500;--mdmi-focus:#205EA6;
 --mdmi-inverse-muted:#DDE2E5;--mdmi-font-heading:Manrope,Arial,sans-serif;--mdmi-font-body:Inter,Arial,sans-serif;
 --coral:var(--mdmi-orange);--sky:var(--mdmi-ink);--pale:var(--mdmi-warm);
 --ink:var(--mdmi-ink);--muted:var(--mdmi-muted);--line:var(--mdmi-line)
}
body,body.mdmi-site{font-family:var(--mdmi-font-body);font-weight:400;color:var(--mdmi-ink)}
button,input,select,textarea{font-family:var(--mdmi-font-body)}
body :is(h1,h2,h3,h4,h5,h6,.hero-title,.hero-question,.section-heading,.display-title,.cert-module-title,.guide-title,blockquote){
 font-family:var(--mdmi-font-heading);font-weight:700!important
}
body :is(h3,h4,h5,h6){font-weight:600!important}
body :is(.button,.menu-toggle,.label,.eyebrow,.site-menu a){font-family:var(--mdmi-font-body);font-weight:600}
.certification-page{--cert-muted:var(--mdmi-muted);--cert-rule:var(--mdmi-line)}

/* Transparent full lockup, kept compact without changing its proportions. */
body .mdmi-logo-link{background:transparent;color:inherit;padding:0;box-shadow:none}
body .site-header .brand.mdmi-logo-link{flex-shrink:0}
body .site-header{padding-block:14px}
body .mdmi-brand-logo{width:180px;height:auto;max-width:100%;object-fit:contain;filter:none;transform:none}
/* Preserve the original orange artwork and alpha; turn only ink lettering white. */
body .site-header:where(:not(.header-light):not(.is-scrolled)):where(:has(#mdmi-logo-white-ink)) .mdmi-brand-logo,
body .site-header.on-dark-scene:where(:has(#mdmi-logo-white-ink)) .mdmi-brand-logo,
body .site-header.catalogue-header-dark:where(:has(#mdmi-logo-white-ink)) .mdmi-brand-logo,
body .site-header.about-header-dark:where(:has(#mdmi-logo-white-ink)) .mdmi-brand-logo{filter:url(#mdmi-logo-white-ink)}
body .site-header.about-header-dark{color:var(--mdmi-paper)}
body .site-header.about-header-dark .site-menu a:not(.button):hover{color:var(--mdmi-orange)}
body.menu-open .site-header{background:var(--mdmi-warm)!important;color:var(--mdmi-ink)!important}
body.menu-open .site-header .mdmi-brand-logo{filter:none}
body .site-header .brand span{font-size:9px;text-align:center;letter-spacing:0;color:inherit;opacity:.85}
body .footer-wordmark{padding-bottom:20px;text-align:left;overflow:hidden;font-family:var(--mdmi-font-heading);color:var(--mdmi-ink)}
body .footer-marquee-track{display:flex;width:max-content;animation:mdmi-footer-drift 32s linear infinite;animation-play-state:paused}
body .footer-marquee-group{display:flex;flex-shrink:0;gap:.18em;padding-right:.18em}
body .footer-marquee-group span{display:block}
body .footer-wordmark.is-running:not(.is-paused) .footer-marquee-track{animation-play-state:running}
body .footer-motion-toggle{display:block;margin:12px 0 20px auto;padding:8px 0;background:transparent;color:var(--mdmi-muted);font:400 12px/1.5 var(--mdmi-font-body);text-decoration:underline;text-underline-offset:4px}
@keyframes mdmi-footer-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
body .brand strong:before{background:var(--mdmi-orange)}

/* Preserve existing pill shapes and sizes; apply the brand's action colours. */
body .button,
body .site-header .site-menu .button,
body.mdmi-site .site-header .site-menu .button,
body.home-page .site-header.on-dark-scene .site-menu .button,
body .site-header.catalogue-header-dark .site-menu .button,
body .site-header:is(.is-scrolled,.header-light) .site-menu .button,
body .catalogue-offers .course-card .button,
body .enquiry-result :is(a,button){
 background:var(--mdmi-orange);color:var(--mdmi-ink)
}
body .button:hover,
body .site-header .site-menu .button:hover,
body.mdmi-site .site-header .site-menu .button:hover,
body.home-page .site-header.on-dark-scene .site-menu .button:hover,
body .site-header.catalogue-header-dark .site-menu .button:hover,
body .site-header:is(.is-scrolled,.header-light) .site-menu .button:hover,
body .catalogue-offers .course-card .button:hover,
body .enquiry-result :is(a,button):hover{background:var(--mdmi-hover);color:var(--mdmi-ink)}
body .button:active,
body .site-header .site-menu .button:active,
body.mdmi-site .site-header .site-menu .button:active{background:var(--mdmi-pressed);color:var(--mdmi-ink)}
body.home-page .site-header.on-dark-scene .site-menu .button:active{background:var(--mdmi-pressed);color:var(--mdmi-ink)}
body .site-header.catalogue-header-dark .site-menu .button:active{background:var(--mdmi-pressed);color:var(--mdmi-ink)}
body .button:is(.light,.outline):not(.site-menu .button){background:var(--mdmi-paper);color:var(--mdmi-ink)}
body .button.outline{border-color:var(--mdmi-ink)}
body .button:is(.light,.outline):not(.site-menu .button):hover{background:var(--mdmi-warm);color:var(--mdmi-ink)}
body .button:disabled{background:#E9EDF0;color:var(--mdmi-muted)}
body .menu-toggle{background:var(--mdmi-paper);color:var(--mdmi-ink)}
body .highlight{color:var(--mdmi-ink)}
body .highlight:before{background:var(--mdmi-orange)}
body .gradient,body .cert-projects{--mdmi-accent-text:var(--mdmi-orange)}
body .certification-hero h1 .accent{color:var(--mdmi-orange)}
body .gradient .accent,body .cert-projects .accent{color:var(--mdmi-orange)}
body .home-hero .highlight{color:var(--mdmi-ink)}
body .course-filter button[aria-pressed=true]{background:var(--mdmi-orange);color:var(--mdmi-ink)}
body .learner-initial:nth-child(2){color:var(--mdmi-ink)}
body .video-play{color:var(--mdmi-ink)}
body .video-placeholder .video-play{color:var(--mdmi-paper)}
body .site-header.is-scrolled,body .site-header.header-light,
body.mdmi-light-header .site-header{color:var(--mdmi-ink)}
body .site-header.on-dark-scene,body .site-header.catalogue-header-dark{color:var(--mdmi-paper)}
body .site-header:not(.header-light):not(.is-scrolled) .site-menu a:not(.button):hover,
body .site-header.on-dark-scene .site-menu a:not(.button):hover{color:var(--mdmi-orange)}
body .site-header.is-scrolled .site-menu a:not(.button):hover,
body .site-header.header-light .site-menu a:not(.button):hover{color:var(--mdmi-accent-text)}
body .footer-bottom{color:var(--mdmi-muted);opacity:1}
body .footer-columns h3{opacity:1;color:var(--mdmi-muted)}
body .contact-form :is(input,select,textarea){border-color:var(--mdmi-control)}
body .contact-form :is(input,select,textarea)::placeholder{color:var(--mdmi-inverse-muted);opacity:1}
body .contact-form select option{background:var(--mdmi-paper);color:var(--mdmi-ink)}
body .enquiry-result textarea{background:var(--mdmi-warm);color:var(--mdmi-ink)}
body :focus-visible{outline-color:var(--mdmi-focus)}
body .gradient :focus-visible,body .home-hero :focus-visible,body .founder-section :focus-visible{outline-color:var(--mdmi-paper)}
::selection{background:var(--mdmi-orange);color:var(--mdmi-ink)}
@media(max-width:1199px){
 body .site-header .mdmi-brand-logo{width:170px}
}
@media(max-width:809px){
 body .site-header .mdmi-brand-logo{width:150px}
 body .site-header .brand span{font-size:8px}
 body .site-header .menu-toggle{padding-inline:10px}
 body.menu-open .site-header .site-menu{position:absolute;top:100%;height:calc(100dvh - var(--mdmi-menu-top,105px))}
 body .site-header .site-menu a:not(.button):hover{color:var(--mdmi-accent-text)}
}
@media(prefers-reduced-motion:reduce){
 body .footer-marquee-track{animation:none;transform:none}
 body .footer-motion-toggle{display:none}
}