@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/manrope-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/manrope-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/manrope-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/manrope-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../assets/manrope-4.ttf) format('truetype');
}

    /* BRAND TOKENS — change these to adjust the entire homepage. */
    :root {
      --green: var(--wp--preset--color--enosis-green, #005132);
      --green-dark: var(--wp--preset--color--green-dark, #003d29);
      --ink: var(--wp--preset--color--ink, #14392c);
      --lime: var(--wp--preset--color--lime, #d3ee93);
      --mint: var(--wp--preset--color--mint, #edf5ef);
      --paper: var(--wp--preset--color--paper, #ffffff);
      --muted: var(--wp--preset--color--muted, #58695f);
      --line: var(--wp--preset--color--line, #dce5de);
      --font: var(--wp--preset--font-family--manrope, 'Manrope', sans-serif);
      --radius: 22px;
      --container: 1280px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 112px; }
    body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font); font-size: 1rem; line-height: 1.65; -webkit-font-smoothing: antialiased; }
    body.menu-open { overflow: hidden; }
    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }
    button { color: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    button { cursor: pointer; }
    img { max-width: 100%; display: block; }
    svg { flex: none; }
    h1, h2, h3, p { margin: 0; }
    h1, h2, h3 { font-weight: 650; }
    a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #538323; outline-offset: 5px; border-radius: 4px; }
    .on-dark a:focus-visible, .on-dark button:focus-visible, .on-dark summary:focus-visible { outline-color: var(--lime); }
    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
    .skip-link { position: fixed; left: 16px; top: -100px; padding: 12px 20px; background: var(--lime); z-index: 100; color: var(--green); border-radius: 8px; }
    .skip-link:focus { top: 16px; }
    .container { width: min(var(--container), calc(100% - 112px)); margin-inline: auto; }
    .eyebrow { font-size: .8125rem; font-weight: 750; letter-spacing: .135em; text-transform: uppercase; line-height: 1.5; }
    .section-heading { font-size: clamp(2.3rem, 3.7vw, 3.5rem); line-height: 1.12; letter-spacing: -.047em; }
    .section-heading .soft { color: #6b8c78; }
    .arrow { width: 21px; height: 21px; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
    .link-arrow { display: inline-flex; align-items: center; gap: 12px; font-size: .9375rem; font-weight: 700; }
    .link-arrow .arrow { transition: transform .22s ease; }
    .link-arrow:hover .arrow { transform: translateX(4px); }
    .link-arrow .label { border-bottom: 1px solid transparent; }
    .link-arrow:hover .label { border-bottom-color: currentColor; }
    .button { min-height: 54px; max-width: 100%; text-align: center; display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 14px 24px; border-radius: 100px; border: 1px solid transparent; font-weight: 750; font-size: .9375rem; transition: background .2s ease, color .2s ease, transform .2s ease; }
    .button:hover { transform: translateY(-2px); }
    .button-lime { background: var(--lime); color: var(--green-dark); }
    .button-lime:hover { background: #e0f5b1; }
    .button-green { background: var(--green); color: white; }
    .button-green:hover { background: var(--green-dark); }
    .button-outline { border-color: #a8beb0; }
    .button-outline:hover { background: var(--mint); }
    .round-arrow { width: 47px; height: 47px; border: 1px solid currentColor; border-radius: 50%; display: grid; place-items: center; transition: color .22s, background .22s, transform .22s; }
    .round-arrow .arrow { width: 20px; height: 20px; }
    .utility { height: 35px; background: var(--green); color: white; font-size: .75rem; }
    .utility-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
    .utility-message { letter-spacing: .05em; }
    .utility-links { display: flex; align-items: center; gap: 24px; }
    .utility-links a { min-height: 32px; display: inline-flex; align-items: center; gap: 7px; }
    .utility-links a:hover { color: var(--lime); }
    .utility-links .arrow { height: 13px; width: 13px; }
    .site-header { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.97); border-bottom: 1px solid transparent; transition: border-color .2s, box-shadow .2s; }
    .site-header.scrolled { border-bottom-color: var(--line); box-shadow: 0 4px 28px #003d2907; }
    .header-inner { height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
    .brand-home { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
    .brand-home img { width: 58px; height: 58px; object-fit: contain; }
    .brand-wordmark { font-size: 1.35rem; letter-spacing: .045em; line-height: 1.1; font-weight: 800; }
    .brand-wordmark small { display: block; font-size: .625rem; letter-spacing: .39em; font-weight: 650; margin-top: 7px; }
    .desktop-nav { display: flex; gap: clamp(22px, 2.5vw, 38px); margin-left: auto; align-items: center; }
    .desktop-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; font-weight: 650; position: relative; }
    .desktop-nav a::after { content: ''; position: absolute; bottom: 3px; left: 0; right: 0; height: 2px; background: var(--green); transform: scaleX(0); transform-origin: left; transition: transform .22s; }
    .desktop-nav a:hover::after, .desktop-nav a[aria-current="location"]::after { transform: scaleX(1); }
    .header-contact { min-height: 45px; font-size: .8125rem; padding: 10px 18px; margin-left: 18px; gap: 17px; }
    .menu-button { display: none; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid var(--line); border-radius: 50%; background: white; }
    .menu-button svg { width: 22px; height: 22px; stroke: var(--green); stroke-width: 1.5; fill: none; }
    .site-footer { background: var(--green); color: white; padding: 57px 0 22px; }
    .footer-top { display: grid; grid-template-columns: 1.45fr .75fr 1fr 1.1fr; gap: 50px; }
    .footer-brand .brand-home img { filter: brightness(0) invert(1); }
    .footer-brand .brand-wordmark { font-size: 1.45rem; }
    .footer-brand > p { color: #cbded0; font-size: .9375rem; margin-top: 24px; max-width: 200px; }
    .footer-title { font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 750; margin-bottom: 19px; color: var(--lime); }
    .footer-links { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
    .footer-links a { font-size: .8125rem; padding-block: 3px; color: #e1ebe1; }
    .footer-links a:hover { text-decoration: underline; text-underline-offset: 5px; }
    .footer-contact { color: #e1ebe1; font-size: .8125rem; line-height: 1.8; }
    .footer-contact address { font-style: normal; margin-bottom: 15px; }
    .footer-contact > a { display: block; padding-block: 3px; }
    .footer-contact > a:hover { text-decoration: underline; text-underline-offset: 4px; }
    .footer-social { margin-top: 16px; display: inline-flex; font-size: .8125rem; align-items: center; gap: 12px; }
    .footer-social .social-mark { border: 1px solid #85a28e; border-radius: 50%; width: 34px; height: 34px; display: grid; place-items: center; font-weight: 800; font-family: Arial, sans-serif; }
    .footer-bottom { display: flex; justify-content: space-between; gap: 24px; align-items: center; border-top: 1px solid #749c8166; margin-top: 49px; padding-top: 23px; font-size: .75rem; color: #c3d8c9; }
    .back-to-top { display: inline-flex; align-items: center; gap: 12px; min-height: 35px; }
    .back-to-top svg { width: 16px; height: 16px; transform: rotate(-90deg); }
    .back-to-top:hover { color: white; }
    .mobile-dialog { width: 100%; max-width: none; max-height: 100dvh; height: 100dvh; margin: 0; border: 0; padding: 27px; background: var(--green-dark); color: white; }
    .mobile-dialog::backdrop { background: #003d2977; }
    .mobile-dialog-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
    .mobile-dialog .brand-home img { filter: brightness(0) invert(1); }
    .close-menu { width: 46px; height: 46px; border: 1px solid #719d84; border-radius: 50%; background: transparent; color: white; display: grid; place-items: center; }
    .close-menu svg { width: 19px; height: 19px; stroke: currentColor; stroke-width: 1.5; }
    .mobile-links { display: flex; flex-direction: column; }
    .mobile-links a { padding-block: 15px; border-bottom: 1px solid #73978366; font-size: clamp(1.4rem, 5.7vw, 2rem); letter-spacing: -.035em; display: flex; justify-content: space-between; align-items: center; }
    .mobile-links a:hover { color: var(--lime); }
    .mobile-dialog .button { margin-top: 34px; }
    .mobile-dialog-note { font-size: .8125rem; color: #c4d7c9; margin-top: 30px; }


    [hidden] { display: none !important; }
    .desktop-nav { gap: clamp(15px, 1.7vw, 25px); }
    .desktop-nav a[aria-current="page"]::after { transform: scaleX(1); }
    .breadcrumb { display: flex; gap: 11px; align-items: center; font-size: .8125rem; color: var(--muted); padding: 22px 0; }
    .breadcrumb a:hover { text-decoration: underline; text-underline-offset: 4px; }
    .breadcrumb .arrow { width: 12px; height: 12px; }
    .page-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; padding: 19px 0 42px; }
    .page-intro .eyebrow { color: var(--green); font-size: .75rem; margin-bottom: 17px; }
    .page-intro h1 { font-size: clamp(3.4rem,5.5vw,5.25rem); line-height: 1.03; letter-spacing: -.06em; font-weight: 600; }
    .page-intro > p { max-width: 370px; color: var(--muted); font-size: 1rem; line-height: 1.8; padding-bottom: 5px; }
    .footer-links a, .footer-contact, .footer-social { font-size: .875rem; }
    @media (max-width: 1200px) {
      .container { width: calc(100% - 72px); }
      .header-inner { gap: 15px; }
      .header-contact { margin-left: 0; }
      .footer-top { gap: 30px; }
    }
    @media (max-width: 1023px) {
      .desktop-nav, .header-contact { display: none; }
      .menu-button { display: flex; }
      .header-inner { height: 82px; }
    }
    @media (max-width: 850px) {
      .page-intro { align-items: flex-start; flex-direction: column; gap: 22px; }
      .page-intro > p { max-width: 540px; }
      .footer-top { grid-template-columns: 1.1fr 1fr 1fr; gap: 28px; }
      .footer-contact-column { grid-column: 1 / -1; padding-top: 24px; border-top: 1px solid #749c8166; }
      .footer-contact { display: flex; gap: 30px; flex-wrap: wrap; }
    }
    @media (max-width: 600px) {
      .container { width: calc(100% - 40px); }
      .utility { height: 31px; }
      .utility-inner { justify-content: center; }
      .utility-links { display: none; }
      .utility-message { font-size: .75rem; letter-spacing: 0; }
      .header-inner { height: 73px; }
      .brand-home img { width: 48px; height: 48px; }
      .brand-wordmark { font-size: 1.15rem; }
      .brand-wordmark small { font-size: .625rem; }
      .breadcrumb { padding-block: 17px; }
      .page-intro { padding: 17px 0 29px; gap: 20px; }
      .page-intro h1 { font-size: clamp(2.8rem,12vw,4rem); }
      .page-intro .eyebrow { margin-bottom: 13px; }
      .site-footer { padding-top: 34px; }
      .footer-top { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
      .footer-brand { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 17px; }
      .footer-brand .brand-wordmark { font-size: 1.15rem; }
      .footer-brand > p { margin: 0; font-size: .8125rem; max-width: 128px; }
      .footer-contact { display: block; }
      .footer-title { font-size: .75rem; margin-bottom: 13px; }
      .footer-links a { padding-block: 4px; }
      .footer-bottom { align-items: flex-start; margin-top: 28px; gap: 13px; }
      .footer-bottom > p { max-width: 175px; }
      .back-to-top { font-size: .75rem; white-space: nowrap; gap: 6px; }
    }
    @media (max-width: 370px) { .footer-brand { align-items: flex-start; flex-direction: column; } }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { transition: none !important; animation: none !important; }
    }
    @media print {
      .utility, .site-header, dialog, .back-to-top { display: none !important; }
      .container { width: 100%; }
      * { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
    }



/* MIO Brandbook v3: native signature silhouette, primary blues, Trebuchet fallback. */
.mi4{--mio-navy:#032f5c;--mio-cyan:#34a6e6;--mio-muted:#496681;--mio-pale:#edf7fd;color:var(--mio-navy);background:#fff;font-family:'Trebuchet MS',Trebuchet,Arial,sans-serif;overflow:clip;font-size:17px;line-height:1.65}
.mi4 [hidden]{display:none!important}.mi4 :is(h1,h2,h3,p,figure,ol){margin:0}.mi4 :is(h1,h2,h3){font-weight:700}.mi4 h1{font-size:clamp(3.2rem,5.4vw,5.4rem);line-height:1.01;letter-spacing:-.065em}.mi4 h2{font-size:clamp(2.4rem,4.1vw,4rem);line-height:1.08;letter-spacing:-.055em}.mi4 h3{font-size:1.4rem;line-height:1.24;letter-spacing:-.025em}.mi4 h1 span,.mi4 h2 span{color:#1374ad}.mi4 p{max-width:65ch}.mi4 a:focus-visible,.mi4 button:focus-visible,.mi4 [tabindex]:focus-visible{outline:3px solid var(--mio-cyan);outline-offset:5px}.mi4-wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.mi4-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.4;margin-bottom:25px!important}.mi4-lead{font-size:1.14rem;line-height:1.7;color:var(--mio-muted)}.mi4-link{display:inline-flex;align-items:center;gap:28px;padding-block:9px;font-weight:700;font-size:.96rem;border-bottom:1px solid currentColor}.mi4-link span{transition:transform .2s}.mi4-link:hover span{transform:translate(3px,-3px)}
.mi4-breadcrumb{display:flex;gap:12px;align-items:center;color:var(--mio-muted);font-size:.75rem;margin-bottom:18px}.mi4-breadcrumb a:hover{text-decoration:underline}.mi4-hero{padding:26px 0 82px}.mi4-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}.mi4-logo{width:108px;height:auto;margin-bottom:18px}.mi4-intro{font-size:1.07rem;line-height:1.72;color:var(--mio-muted);max-width:430px!important;margin-top:28px!important}.mi4-hero-visual{position:relative;padding:32px 0 26px;isolation:isolate}.mi4-hero-visual::before{content:'';position:absolute;z-index:-1;inset:0 -14% 0 -2%;background:#d8effd;mask:url('/wp-content/uploads/2026/10/mio4/mio-shape.svg') center/contain no-repeat;transform:rotate(12deg)}.mi4-signature-photo{aspect-ratio:1.0154398;mask:url('/wp-content/uploads/2026/10/mio4/mio-shape.svg') center/100% 100% no-repeat}.mi4-photo img{width:100%;height:100%;object-fit:cover}.mi4-hero .mi4-photo img{object-position:60% center}
.mi4-listen{background:#f5faff;padding:110px 0}.mi4-listen-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.mi4-listen-photo{height:640px;border-radius:44% 44% 10% 10% / 33% 33% 7% 7%;overflow:hidden}.mi4-listen-photo img{object-position:67% center}.mi4-listen-copy .mi4-lead{margin-top:24px}.mi4-tabs{display:flex;gap:5px;border-bottom:1px solid #bfd8e8;margin-top:34px}.mi4-tabs button{border:0;background:transparent;padding:14px 16px;color:var(--mio-muted);font-size:.94rem;font-weight:700;position:relative;border-radius:16px 16px 0 0}.mi4-tabs button[aria-selected=true]{background:#dff0fc;color:var(--mio-navy)}.mi4-tabs button[aria-selected=true]::after{content:'';position:absolute;inset:auto 0 -1px;height:3px;background:var(--mio-cyan)}.mi4 [role=tabpanel]{padding-top:29px;min-height:262px}.mi4 [role=tabpanel] p{margin-top:16px;font-size:1rem;color:var(--mio-muted)}.mi4 [role=tabpanel] .mi4-response{color:var(--mio-navy);border-left:3px solid var(--mio-cyan);padding-left:20px;margin-top:24px}
.mi4-research{background:var(--mio-navy);color:#fff;padding:110px 0 105px;position:relative;isolation:isolate}.mi4-research::after{content:'';position:absolute;inset:auto -180px -160px auto;width:650px;height:620px;mask:url('/wp-content/uploads/2026/10/mio4/mio-shape.svg') center/contain no-repeat;background:#06528b;z-index:-1;opacity:.36}.mi4-research-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.mi4-research .mi4-eyebrow{color:#9fdefe}.mi4-research h2 span{color:#72c8f8}.mi4-research .mi4-lead{color:#c2d8e9;font-size:1.04rem;margin-top:29px}.mi4-process{list-style:none;padding:0;counter-reset:mi4steps;margin-top:32px!important}.mi4-process li{position:relative;padding:20px 0 20px 46px;border-top:1px solid #ffffff24;counter-increment:mi4steps}.mi4-process li::before{content:'0' counter(mi4steps);position:absolute;left:0;top:20px;font-size:.78rem;color:#75c8f6}.mi4-process h3{font-size:1.12rem}.mi4-process p{color:#c2d8e9;font-size:.91rem;line-height:1.55;margin-top:8px}.mi4-research .mi4-link{font-size:.86rem;margin-top:13px;border-color:#6690b1}.mi4-research-visual{align-self:center}.mi4-lab-photo{position:relative}.mi4-lab-caption{color:#bcd5e8;font-size:.8rem;margin-top:24px!important;padding-left:28px;border-left:2px solid #34a6e6}.mi4-lab-caption strong{color:#fff;font-weight:400}
.mi4-solution{padding:110px 0 100px}.mi4-section-heading{display:grid;grid-template-columns:1fr .7fr;gap:90px;align-items:end;margin-bottom:48px}.mi4-section-heading .mi4-lead{max-width:430px}.mi4-result{position:relative}.mi4-result-photo{height:510px;overflow:hidden;border-radius:14px 130px 14px 14px}.mi4-result-photo img{object-position:center 40%}.mi4-result-caption{position:absolute;right:0;bottom:30px;width:42%;padding:25px 30px;color:#fff;background:var(--mio-navy);border-radius:40px 0 0 40px}.mi4-result-caption p{font-size:1.55rem;line-height:1.35;letter-spacing:-.035em}.mi4-result-caption strong{color:#8ed5ff}
.mi4-awards{background:#edf7fd;padding:95px 0}.mi4-award-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}.mi4-award-year{display:block;font-size:2.35rem;font-weight:700;line-height:1;letter-spacing:-.06em;padding-bottom:23px;border-bottom:1px solid #b3d3e9;margin-bottom:23px;position:relative}.mi4-award-year::after{content:'';position:absolute;left:0;bottom:-4px;width:7px;height:7px;border-radius:50%;background:#1685c4}.mi4-award-image{height:165px;margin-bottom:20px;background:#fff;border-radius:12px;overflow:hidden;padding:12px}.mi4-award-image img{width:100%;height:100%;object-fit:contain}.mi4-award h3{font-size:1rem;min-height:2.5em}.mi4-award p{font-size:.85rem;color:var(--mio-muted);margin-top:10px}
.mi4-together{padding:105px 0 110px}.mi4-together-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px 90px;margin-bottom:40px}.mi4-together-heading .mi4-eyebrow{grid-column:1/-1;margin-bottom:0!important}.mi4-film{width:100%;display:block;aspect-ratio:16/9;background:#032f5c;border-radius:22px;object-fit:contain;max-height:610px}.mi4-final{padding:90px 0;background:#dff2fd;position:relative}.mi4-final-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:100px}.mi4-final h2{font-size:clamp(2.5rem,3.6vw,3.5rem)}.mi4-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;color:#fff;background:var(--mio-navy);padding:18px 26px;border-radius:50px;font-size:1rem;font-weight:700;margin-top:33px;min-height:58px;transition:background .2s,transform .2s}.mi4-button:hover{background:#07508b;transform:translateY(-2px)}.mi4-follow{padding-left:40px;border-left:1px solid #adcfe4}.mi4-follow h3{font-size:1.4rem;margin-bottom:16px}.mi4-follow p{font-size:.96rem;color:var(--mio-muted)}.mi4-socials{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;margin-top:22px}.mi4-social{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #a6c9df;font-size:.9rem}.mi4-social:hover{color:#0067a5}.mi4-social-pending{color:#536f85}.mi4-social small{font-size:.65rem}.mi4 [data-mi4-reveal]{transition:opacity .65s,transform .65s}.mi4 .mi4-pending{opacity:0;transform:translateY(18px)}
.mi4-lab-photo img{object-position:center 55%}.mi4-lab-detail{width:55%;aspect-ratio:16/10;overflow:hidden;margin-top:-70px!important;margin-left:auto!important;position:relative;z-index:1;border:7px solid var(--mio-navy);border-radius:15px 55px 15px 15px}.mi4-lab-detail img{display:block;object-position:center}.mi4-research{overflow:clip}.mi4-listen-photo img{object-position:100% center}
@media(min-width:1600px){.mi4-hero-grid{gap:95px}.mi4-hero{padding-block:35px 95px}}
@media(max-width:1100px){.mi4-wrap{width:calc(100% - 72px)}.mi4-hero-grid,.mi4-listen-grid,.mi4-research-grid{gap:42px}.mi4-hero h1{font-size:clamp(3rem,6vw,4.5rem)}.mi4-listen-photo{height:600px}.mi4-section-heading{gap:45px}.mi4-final-grid{gap:50px}.mi4-award-track{gap:18px}.mi4-award-image{height:145px}.mi4-tabs button{padding:12px 11px}.mi4-result-photo{height:450px}.mi4-research-grid{grid-template-columns:1.1fr .9fr}}
@media(max-width:800px){.mi4-wrap{width:calc(100% - 48px)}.mi4-hero{padding:20px 0 65px}.mi4-hero-grid{grid-template-columns:1fr;gap:30px}.mi4-hero-copy{max-width:620px}.mi4-logo{width:86px;margin-bottom:13px}.mi4 h1{font-size:clamp(3.6rem,9vw,5rem)!important}.mi4-intro{max-width:550px!important}.mi4-hero-visual{max-width:580px;width:100%;margin:auto;padding-top:0}.mi4-hero-visual::before{inset:-12px -20px 0 15px}.mi4-listen,.mi4-research,.mi4-solution,.mi4-awards,.mi4-together{padding-block:70px}.mi4-listen-grid,.mi4-research-grid{grid-template-columns:1fr;gap:36px}.mi4-listen-photo{height:400px;max-width:650px;order:2;border-radius:24px 100px 24px 24px}.mi4-listen-photo img{object-position:center 36%}.mi4-listen-copy{order:1}.mi4 [role=tabpanel]{min-height:0}.mi4-research-visual{max-width:580px;margin:auto;width:100%}.mi4-research h2 br{display:none}.mi4-research h2{max-width:620px}.mi4-section-heading{grid-template-columns:1fr;gap:23px}.mi4-section-heading .mi4-lead{max-width:600px}.mi4-result-photo{height:390px;border-radius:14px 80px 14px 14px}.mi4-result-caption{width:52%;padding:20px 25px}.mi4-result-caption p{font-size:1.25rem}.mi4-award-track{grid-template-columns:repeat(5,205px);overflow:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-color:#6badd5 transparent;scrollbar-width:thin}.mi4-award{scroll-snap-align:start}.mi4-award-image{height:170px}.mi4-together-heading{grid-template-columns:1fr;gap:18px}.mi4-together-heading .mi4-eyebrow{margin-bottom:4px!important}.mi4-final{padding-block:65px}.mi4-final-grid{grid-template-columns:1fr;gap:45px}.mi4-follow{padding:35px 0 0;border:0;border-top:1px solid #adcfe4}.mi4-socials{max-width:500px}}
@media(max-width:480px){.mi4-wrap{width:calc(100% - 40px)}.mi4{font-size:16px}.mi4 h1{font-size:3.35rem!important}.mi4 h2{font-size:2.55rem}.mi4-listen-photo{height:330px}.mi4-lead{font-size:1.05rem}.mi4-tabs{gap:0}.mi4-tabs button{padding:12px 15px;font-size:.89rem}.mi4-result-photo{height:365px}.mi4-result-photo img{object-position:45% center}.mi4-result-caption{position:relative;bottom:auto;right:auto;width:90%;margin-top:-35px;margin-left:auto;border-radius:25px 0 0 25px;padding:18px 23px}.mi4-award-track{grid-template-columns:repeat(5,210px);gap:22px}.mi4-together{padding-bottom:65px}.mi4-film{border-radius:12px}.mi4-button{width:100%;font-size:.95rem}.mi4-socials{gap:9px 25px}.mi4-final h2{font-size:2.45rem}}
@media(prefers-reduced-motion:reduce){.mi4 .mi4-pending{opacity:1;transform:none}.mi4 *{transition:none!important;animation:none!important}}
@media print{.mi4 .mi4-pending{opacity:1;transform:none}.mi4 [role=tabpanel][hidden]{display:block!important}.mi4-award-track{grid-template-columns:repeat(5,1fr);overflow:visible}.mi4-film{display:none}}
@media(max-width:800px){.mi4-research h2 br{display:initial}.mi4-listen-photo img{object-position:right center}}

/* Real trophies on the page background, without poster tiles. */
.mi4-lab-detail{aspect-ratio:5/4}
.mi4-lab-detail img{object-position:center 62%}
.mi4-award{text-align:center}
.mi4-award-year{margin-bottom:30px}
.mi4-award-year::after{left:50%;transform:translateX(-50%)}
.mi4-award-image{--trophy-height:clamp(164px,17.5vw,232px);height:calc(var(--trophy-height) + 12px);padding:0;background:transparent;border-radius:0;overflow:visible;display:flex;align-items:flex-end;justify-content:center;margin-bottom:28px}
.mi4-trophy-frame{position:relative;display:block;flex:none;height:var(--trophy-height);width:calc(var(--trophy-height) * var(--trophy-ratio));overflow:hidden}
.mi4-trophy-frame img{position:absolute;max-width:none;object-fit:fill;filter:none;transform:none}
.mi4-award h3{line-height:1.3;min-height:2.6em}
.mi4-award p{margin-inline:auto;max-width:23ch}
@media(max-width:800px){.mi4-award-image{--trophy-height:224px}.mi4-award-track{grid-template-columns:repeat(5,232px);gap:28px;padding-top:2px;padding-bottom:25px}}