@import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap');
/* MarkitUP homepage. Brand values taken from the current site:
   Poppins, body 16px, H2 47px, brand red #E21A2D.
   --mu-yellow should be matched to the live site's yellow wave once checked. */
:root{
  --mu-red:#E21A2D;
  --mu-red-dark:#B8121F;
  --mu-yellow:#FFC72C;
  --mu-pink:#FDECEE;
  --mu-ink:#222222;
  --mu-muted:#5f5f5f;
  --mu-line:#ececec;
}
.home .site-main{font-family:Poppins,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--mu-ink)}
.home .site-main h1,.home .site-main h2,.home .site-main h3{font-family:Poppins,"Segoe UI",Arial,sans-serif;line-height:1.2;color:var(--mu-ink)}
.home .site-main h2{font-size:clamp(30px,4vw,47px);font-weight:700;margin:0 0 .5em}
.home .site-main h3{font-size:20px;font-weight:600}
.home .site-main img{max-width:100%;height:auto}

.mu-section{padding:72px 22px}

/* buttons */
.mu-btn .wp-block-button__link{background:var(--mu-red);color:#fff;border-radius:999px;padding:.85em 1.7em;font-weight:600;text-decoration:none}
.mu-btn .wp-block-button__link:hover{background:var(--mu-red-dark)}
.mu-btn-outline .wp-block-button__link{background:transparent;color:var(--mu-red);box-shadow:inset 0 0 0 2px var(--mu-red)}
.mu-btn-outline .wp-block-button__link:hover{background:var(--mu-red);color:#fff}
.mu-btn-white .wp-block-button__link{background:#fff;color:var(--mu-red)}

/* hero */
.mu-hero{padding:56px 22px 40px;overflow:hidden}
.mu-slogan{color:var(--mu-red);font-weight:600;margin:0}
.mu-locations{color:var(--mu-muted);margin:0 0 1.4em}
.mu-hero-title{font-size:clamp(34px,4.6vw,56px)!important;font-weight:800!important}
.mu-miu-box{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--mu-line);border-radius:999px;padding:8px 8px 8px 22px;max-width:560px;margin:24px 0 14px;box-shadow:0 14px 40px -18px rgba(226,26,45,.45)}
.mu-miu-box:focus-within{border-color:var(--mu-red)}
.mu-miu-box input{flex:1;min-width:0;border:0;background:transparent;font:inherit;padding:.6em 0;outline:none}
.mu-miu-box button{flex:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--mu-red);color:#fff;font-size:20px;cursor:pointer}
.mu-psst{color:var(--mu-muted);font-weight:500}
.mu-psst strong{color:var(--mu-red)}
.mu-hero-miu{position:relative;text-align:center}
.mu-miu-img img{border-radius:28px}
.mu-speak{position:absolute;right:0;bottom:24px;background:#fff;border:0;border-radius:999px;padding:.75em 1.2em;font:inherit;font-weight:600;box-shadow:0 10px 30px -10px rgba(0,0,0,.35);cursor:pointer}

/* featured / partners logos */
.mu-featured,.mu-partners{padding:28px 22px;border-top:1px solid var(--mu-line);border-bottom:1px solid var(--mu-line)}
.mu-partners{background:#FFF8E6;border:0}
.mu-featured-label{color:var(--mu-muted);font-weight:500;margin-bottom:12px}
.mu-logos.wp-block-gallery img{object-fit:contain!important;filter:grayscale(100%);opacity:.8;max-height:56px}
.mu-logos.wp-block-gallery img:hover{filter:none;opacity:1}

/* Nhi photo with pin caption */
.mu-pin-photo{position:relative}
.mu-pin-photo img{border-radius:24px}
.mu-pin-photo figcaption{position:absolute;left:18px;bottom:18px;margin:0;background:var(--mu-red);color:#fff;font-weight:600;padding:.4em .9em;border-radius:8px;transform:rotate(-3deg)}

/* videos */
.mu-video-row video{border-radius:20px;width:100%}

/* programs with yellow wave */
.mu-programs{background:var(--mu-yellow);position:relative;padding:60px 22px 72px;margin-top:40px}
.mu-programs::before{content:"";position:absolute;left:0;right:0;top:-39px;height:40px;background:var(--mu-yellow);clip-path:path("M0 40 C 240 0 480 0 720 22 C 960 44 1200 30 2000 6 L2000 40 Z")}
.mu-prog{background:#fff;border-radius:22px;padding:22px}
.mu-prog img{border-radius:14px}
.mu-more a{color:var(--mu-red);font-weight:600;text-decoration:none}

/* quote */
.mu-quote blockquote{border:0;text-align:center;font-size:clamp(20px,2.4vw,26px);font-weight:500;padding:0}
.mu-quote cite{color:var(--mu-muted);font-style:normal}

/* red CTA band */
.mu-band{background:var(--mu-red);padding:48px 22px}
.mu-band h2{color:#fff!important;font-size:clamp(24px,3vw,34px)!important}

/* why */
.mu-ticks{list-style:none;padding:0;margin:20px 0 28px}
.mu-ticks li{position:relative;padding-left:42px;margin-bottom:14px}
.mu-ticks li::before{content:"\2713";position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--mu-pink);color:var(--mu-red);font-weight:700;display:grid;place-items:center}
.mu-round img{border-radius:24px}

/* tutors */
.mu-tutors img{border-radius:18px}

/* campuses */
.mu-campus{border:1px solid var(--mu-line);border-top:6px solid var(--mu-red);border-radius:20px;padding:24px}

/* ask miu */
.mu-ask{background:var(--mu-pink);border-radius:32px;padding:44px;margin:0 22px 72px}
.mu-ask-photo img{border-radius:50%;aspect-ratio:1;object-fit:cover;object-position:top}

/* floating Ask Miu */
.mu-float{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:999;display:flex;align-items:center;gap:10px;background:var(--mu-red);color:#fff;border:0;border-radius:999px;padding:8px 18px 8px 8px;font:600 15px Poppins,sans-serif;cursor:pointer;box-shadow:0 12px 30px -10px rgba(226,26,45,.7)}
.mu-float img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top}

@media (max-width:781px){
  .mu-hero-cols{flex-direction:column-reverse}
  .mu-speak{right:10px}
  .mu-ask{padding:28px;text-align:center}
  .mu-section{padding:52px 18px}
}
.mu-btn .wp-block-button__link:focus-visible,.mu-miu-box button:focus-visible,.mu-speak:focus-visible,.mu-float:focus-visible{outline:3px solid var(--mu-yellow);outline-offset:3px}











/* ===== header, footer, live assets ===== */
body{margin:0;font-family:Poppins,"Segoe UI",Arial,sans-serif;color:var(--mu-ink)}
.mu-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--mu-line)}
.admin-bar .mu-header{top:32px}
.mu-header-inner{max-width:1180px;margin:0 auto;padding:0 22px;height:84px;display:flex;align-items:center;gap:24px}
.mu-logo img{height:56px;width:auto;display:block}
.mu-menu{margin-left:auto;display:flex;align-items:center;gap:28px}
.mu-menu a{color:var(--mu-ink);text-decoration:none;font-weight:500}
.mu-menu a:hover{color:var(--mu-red)}
.mu-has-sub{position:relative}
.mu-sub{display:none;position:absolute;top:100%;left:-16px;background:#fff;border-radius:14px;box-shadow:0 18px 40px -16px rgba(0,0,0,.25);padding:10px;min-width:260px}
.mu-sub a{display:block;padding:8px 12px;border-radius:8px;font-size:15px}
.mu-sub a:hover{background:var(--mu-pink)}
.mu-has-sub:hover .mu-sub,.mu-has-sub:focus-within .mu-sub{display:block}
.mu-head-btn{background:var(--mu-red);color:#fff!important;padding:.7em 1.3em;border-radius:999px;font-weight:600;text-decoration:none;display:inline-block}
.mu-head-btn:hover{background:var(--mu-red-dark)}
.mu-menu-toggle{display:none;margin-left:auto;background:none;border:0;font-size:28px;cursor:pointer;color:var(--mu-ink)}
@media (max-width:900px){
  .mu-menu-toggle{display:block}
  .mu-menu{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:18px 22px;border-bottom:1px solid var(--mu-line)}
  .mu-menu.is-open{display:flex}
  .mu-sub{position:static;display:block;box-shadow:none;padding:0 0 0 10px}
}
.mu-footer{background:#222;color:#ddd;padding:56px 22px 24px;margin-top:40px}
.mu-footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:32px}
.mu-footer h4{color:#fff;margin:0 0 12px;font-size:17px}
.mu-footer a{color:#ccc;text-decoration:none;display:block;margin-bottom:6px}
.mu-footer p a{display:inline}
.mu-footer a:hover{color:#fff}
.mu-footer p{font-size:15px}
.mu-footer-logo{background:#fff;border-radius:12px;padding:8px;height:auto}
.mu-social a{display:inline-block;margin-right:14px}
.mu-copy{max-width:1180px;margin:30px auto 0;border-top:1px solid #444;padding-top:18px;font-size:14px;color:#999}
@media (max-width:860px){.mu-footer-inner{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mu-footer-inner{grid-template-columns:1fr}}
.mu-miu-img img{max-height:560px;width:auto;margin:0 auto}
.mu-nhi-photo img{max-width:520px;margin:0 auto}
.mu-logos.wp-block-gallery{align-items:center;justify-content:center}
.mu-logos.wp-block-gallery .wp-block-image img{height:56px!important;width:auto!important;object-fit:contain!important}
.mu-council.wp-block-gallery .wp-block-image img{height:70px!important;filter:none;opacity:1}
.mu-video-row video{aspect-ratio:9/16;object-fit:cover;background:#000;max-height:520px}
.mu-video-row{max-width:760px;margin-left:auto;margin-right:auto}
.mu-quote-photo img{width:120px;height:120px;border-radius:50%;object-fit:cover}
.mu-prog h3{margin-top:0}
.mu-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:18px}
.mu-stat{background:var(--mu-pink);border-radius:20px;padding:24px}
.mu-stat-num{font-size:36px;font-weight:800;color:var(--mu-red);line-height:1.1;margin:0 0 4px}
.mu-stat-label{margin:0;color:var(--mu-muted);font-size:15px}
.mu-rating{font-size:18px;font-weight:500}
.mu-stars{color:#F4B400;font-size:28px;letter-spacing:3px}





/* ===== personality polish ===== */
.mu-hero{background:radial-gradient(circle at 82% 45%,#FFE9A8 0,transparent 32%),radial-gradient(circle at 6% 95%,#FDECEE 0,transparent 28%)}
.mu-hero-miu::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:var(--mu-yellow);top:8%;left:11%;z-index:0}
.mu-hero-miu .mu-miu-img{position:relative;z-index:1}
.mu-miu-img img{border:6px solid #fff;box-shadow:0 30px 60px -25px rgba(0,0,0,.35);transform:rotate(-2deg)}
.mu-hero-miu::after{content:"Hi, I'm Miu 👋";position:absolute;top:6%;left:0;z-index:2;background:var(--mu-red);color:#fff;font-weight:600;padding:.6em 1.1em;border-radius:18px 18px 18px 4px;box-shadow:0 10px 24px -10px rgba(0,0,0,.35);transform:rotate(-4deg)}
.mu-speak{z-index:2}
.mu-psst{display:inline-block;background:#FFF3C4;padding:.7em 1.1em;border-radius:6px;transform:rotate(-1.5deg);box-shadow:0 8px 18px -10px rgba(0,0,0,.25)}
.mu-section h2.has-text-align-center::after,.mu-programs h2::after{content:"";display:block;width:140px;height:14px;margin:10px auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 14'%3E%3Cpath d='M3 9 Q 20 2 37 8 T 72 8 T 106 8 T 137 6' fill='none' stroke='%23FFC72C' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain}
.mu-programs h2::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 14'%3E%3Cpath d='M3 9 Q 20 2 37 8 T 72 8 T 106 8 T 137 6' fill='none' stroke='%23E21A2D' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
.mu-prog{transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 14px 30px -18px rgba(0,0,0,.3)}
.mu-prog:hover{transform:translateY(-6px);box-shadow:0 24px 40px -18px rgba(0,0,0,.35)}
.mu-prog::before{display:block;font-size:40px;margin-bottom:8px}
.mu-prog-grid>.mu-prog:nth-child(1)::before{content:"🎒"}
.mu-prog-grid>.mu-prog:nth-child(2)::before{content:"📚"}
.mu-prog-grid>.mu-prog:nth-child(3)::before{content:"🎓"}
.mu-prog-grid>.mu-prog:nth-child(4)::before{content:"☀️"}
.mu-stat:nth-child(odd){transform:rotate(-1.5deg)}
.mu-stat:nth-child(even){transform:rotate(1.5deg);background:#FFF3C4}
.mu-campus h3::before{content:"📍 "}
.mu-logos.wp-block-gallery img{filter:none;opacity:1}
.mu-video-row video{border:4px solid #fff;box-shadow:0 18px 36px -18px rgba(226,26,45,.6)}
.mu-quote blockquote p::before{content:"“";display:block;font-size:80px;line-height:.6;color:var(--mu-red)}
.mu-ask{position:relative;overflow:hidden}
.mu-ask::after{content:"✨";position:absolute;right:28px;top:20px;font-size:40px}
@media (prefers-reduced-motion:reduce){.mu-prog{transition:none}}



/* hero circle fix */
.mu-hero-miu{min-height:420px;display:flex;align-items:center;justify-content:center}
.mu-hero-miu::before{width:min(380px,80%);top:50%;left:50%;transform:translate(-50%,-50%)}
.mu-hero-miu::after{top:4%;left:4%}
.mu-miu-img img{max-height:480px}
@media (max-width:781px){.mu-hero-miu{min-height:320px}.mu-hero-miu::before{width:min(280px,75%)}}


/* Miu hero video in yellow circle */
.mu-hero-miu{min-height:440px;display:flex;align-items:center;justify-content:center;position:relative}
.mu-hero-miu::before{content:none!important}
.mu-hero-miu .wp-block-video{width:min(400px,85%)!important;max-width:400px!important;margin:0 auto!important;position:relative;z-index:1}
.mu-hero-miu .wp-block-video video{display:block;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;object-position:center 18%;border-radius:50%;border:12px solid var(--mu-yellow);background:var(--mu-yellow);box-shadow:0 30px 60px -25px rgba(0,0,0,.35);transform:none}
.mu-hero-miu::after{top:6%;left:2%}
.mu-speak{bottom:8%;right:2%}
@media (max-width:781px){.mu-hero-miu{min-height:300px}.mu-hero-miu .wp-block-video{width:min(280px,80%)!important}}



/* force Miu video into circle */
.mu-hero .wp-block-video{width:min(400px,85%)!important;max-width:400px!important;margin:0 auto!important;position:relative;z-index:1}
.mu-hero .wp-block-video video{display:block;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;object-position:center 18%;border-radius:50%;border:12px solid var(--mu-yellow);background:var(--mu-yellow);box-shadow:0 30px 60px -25px rgba(0,0,0,.35)}



/* bigger circle + sound button */
.mu-hero-miu{flex-direction:column;gap:20px}
.mu-hero .wp-block-video{width:min(480px,92%)!important;max-width:480px!important}
.mu-hero-miu::after{top:2%;left:50%;transform:translateX(-118%) rotate(-4deg)}
.mu-miu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.mu-speak{position:static!important}
.mu-sound{background:var(--mu-red);color:#fff;border:0;border-radius:999px;padding:.75em 1.3em;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 10px 24px -10px rgba(226,26,45,.6)}
.mu-sound:hover{background:var(--mu-red-dark)}
@media (max-width:781px){.mu-hero .wp-block-video{width:min(320px,85%)!important}.mu-hero-miu::after{transform:translateX(-90%) rotate(-4deg)}}


/* =====================================================================
   V2 homepage (Nhi's feedback, Oct 2026)
   ===================================================================== */

/* Hero: Miu on the left, message on the right, soft pink glow */
.mu-hero{background:radial-gradient(ellipse 46% 70% at 96% 40%,rgba(226,26,45,.22) 0,rgba(226,26,45,.08) 45%,transparent 70%),#fff;padding:48px 22px 40px}
.mu-hero-miu::before,.mu-hero-miu::after{content:none!important;display:none!important}
.mu-hero-miu{min-height:0!important;display:block!important}
.mu-miu-frame{position:relative;max-width:360px;margin:0 auto}
.mu-miu-frame video{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 15%;border-radius:22px;background:#f4f4f4}
.mu-sound-ic{position:absolute;right:-18px;bottom:16px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:var(--mu-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}
.mu-sound-ic:hover{color:var(--mu-red)}
.mu-sound-ic .mu-w1,.mu-sound-ic .mu-w2{opacity:.35}
.mu-sound-ic.is-on{background:var(--mu-red);color:#fff}
.mu-sound-ic.is-on .mu-w1,.mu-sound-ic.is-on .mu-w2{opacity:1}
.mu-hero-title{font-size:clamp(34px,4.4vw,54px)!important;font-weight:800!important;line-height:1.08!important;margin:0 0 .25em!important;letter-spacing:-.01em}
.mu-hero-sub{font-size:clamp(20px,2.2vw,28px);font-weight:400;margin:0 0 6px;color:var(--mu-ink)}
.mu-hero .mu-miu-box{margin-top:22px}

/* Strip: thin separators instead of the thick black line */
.mu-strip{padding:6px 22px}
.mu-strip-inner{max-width:1080px;margin:0 auto;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:28px 6px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.mu-strip-title{margin:0;font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.05;color:var(--mu-ink)}
.mu-strip-title span{display:block;font-family:"Mrs Saint Delafield",cursive;font-weight:400;color:var(--mu-red);font-size:1.15em;line-height:1.1;margin-top:2px}
.mu-strip-loc{display:flex;align-items:center;gap:14px}
.mu-strip-loc ul{list-style:none;margin:0;padding:0}
.mu-strip-loc li{font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.2}
.mu-featured{border-top:0!important}

/* Google reviews slider */
.mu-greviews{padding-top:56px;padding-bottom:56px}
.mu-greviews-inner{max-width:1080px;margin:0 auto}
.mu-greviews-head{text-align:center;margin-bottom:26px}
.mu-greviews-head h2{display:inline-flex;align-items:center;gap:12px;font-size:clamp(26px,3vw,36px)!important;margin:0 0 6px!important}
.mu-greviews-head h2::after{content:none!important}
.mu-g{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;font-weight:800;font-size:24px;color:#fff;background:conic-gradient(#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0)}
.mu-greviews-head p{margin:0;color:var(--mu-muted)}
.mu-greviews-head a{color:var(--mu-red);font-weight:600;text-decoration:none;margin-left:6px}
.mu-greviews-head a:hover{text-decoration:underline}
.mu-greviews .mu-stars{font-size:20px}
.mu-rv-wrap{position:relative;display:flex;align-items:center;gap:10px}
.mu-rv-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px 18px;scrollbar-width:none;flex:1}
.mu-rv-track::-webkit-scrollbar{display:none}
.mu-rv{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;margin:0;background:#fff;border:1px solid var(--mu-line);border-radius:18px;padding:22px;box-shadow:0 14px 30px -22px rgba(0,0,0,.35);display:flex;flex-direction:column}
.mu-rv-stars{color:#F4B400;letter-spacing:2px;font-size:16px}
.mu-rv blockquote{margin:10px 0 14px;padding:0;border:0;font-size:15px;line-height:1.6;font-style:italic;color:#444;flex:1}
.mu-rv figcaption{font-weight:700;color:var(--mu-ink)}
.mu-rv-nav{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--mu-line);background:#fff;font-size:26px;line-height:1;cursor:pointer;color:var(--mu-ink)}
.mu-rv-nav:hover{background:var(--mu-red);color:#fff;border-color:var(--mu-red)}

/* HSC Hub (Nhi's yellow + red design) */
.mu-hsc-hub{max-width:860px;margin:30px auto 60px;padding:0 22px}
.mu-hsc-top{background:var(--mu-yellow);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px 40px;flex-wrap:wrap}
.mu-hsc-hub h2{margin:0!important;font-size:clamp(32px,4.4vw,50px)!important;font-weight:800!important;line-height:1.08!important;text-transform:uppercase;color:#111!important}
.mu-hsc-hub h2::after{content:none!important}
.mu-hsc-red{display:block;color:var(--mu-red)}
.mu-hsc-at{display:block;text-transform:none;font-size:.85em;position:relative;padding-bottom:6px;background:linear-gradient(var(--mu-red),var(--mu-red)) no-repeat 22% 100%/72% 3px}
.mu-hsc-subs{list-style:none;margin:0;padding:0;columns:1}
.mu-hsc-subs a{display:block;color:#111;text-decoration:none;font-size:18px;line-height:1.5;transition:color .15s,transform .15s}
.mu-hsc-subs a:hover{color:var(--mu-red);transform:translateX(3px)}
.mu-hsc-bottom{background:var(--mu-red);text-align:center;padding:24px 22px 26px}
.mu-hsc-bottom p{color:#fff;font-weight:800;font-size:clamp(22px,2.8vw,32px);margin:0 0 14px}
.mu-hsc-book{display:inline-block;background:var(--mu-yellow);color:#111!important;font-weight:800;font-size:22px;padding:.45em 1.6em;border-radius:999px;text-decoration:none;transition:transform .15s}
.mu-hsc-book:hover{transform:translateY(-2px)}
.mu-hsc-more{display:block;margin-top:12px;color:#fff!important;font-size:14px;opacity:.9;text-decoration:underline}

/* Stats: plain grid + wide 9 in 10 card */
.mu-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:18px}
.mu-stat p{margin:0}
.mu-stat--wide{grid-column:1/-1;background:#5BE0E6!important;transform:rotate(-1deg)!important;display:flex;align-items:center;gap:18px}
.mu-stat--wide .mu-stat-num{color:#0b3d6b;white-space:nowrap}
.mu-stat--wide .mu-stat-label{color:#0b2d4a;font-weight:700}

/* Programs: photo cards */
.mu-programs h2{text-align:center}
.mu-prog-grid{max-width:1180px;margin:22px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mu-prog-grid>.mu-prog::before{content:none!important;display:none!important}
.mu-prog{display:flex;flex-direction:column;padding:18px 18px 22px;border-radius:28px}
.mu-prog img{display:block;width:100%;height:150px;object-fit:contain;object-position:center bottom;border-radius:0!important;margin:0 0 12px}
.mu-prog h3{font-size:16px!important;font-weight:700!important;text-align:center;margin:0 0 10px!important}
.mu-prog p{font-size:14.5px;line-height:1.55;margin:0 0 14px;flex:1}
.mu-prog-more{color:var(--mu-red);font-weight:700;font-size:14.5px;text-decoration:none}
.mu-prog-more:hover{text-decoration:underline}

/* About "read more" */
.mu-about-more{max-width:1080px;margin:0 auto;padding:30px 22px 10px}
.mu-about-more summary{cursor:pointer;list-style:none;color:#333;line-height:1.6}
.mu-about-more summary::-webkit-details-marker{display:none}
.mu-about-toggle{color:var(--mu-red);font-weight:600;white-space:nowrap}
.mu-about-more details[open] summary{display:none}
.mu-about-more details p{margin:0;line-height:1.7;color:#333}

/* Parent review in Nhi's format */
.mu-review-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center}
.mu-review-photo{width:100%;height:auto;display:block}
.mu-review-q{display:block;font-size:72px;line-height:.6;color:#bbb;font-family:Georgia,serif;margin-bottom:10px}
.mu-review blockquote{margin:0 0 18px;padding:0;border:0;font-size:16px;line-height:1.7;color:#333}
.mu-review-name{margin:0;color:var(--mu-red);font-weight:800;font-size:20px}
.mu-review-role{margin:2px 0 0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mu-muted)}

@media (max-width:1000px){.mu-prog-grid{grid-template-columns:1fr 1fr}.mu-rv{flex-basis:calc((100% - 20px)/2)}}
@media (max-width:781px){
  .mu-hero-cols{flex-direction:column!important}
  .mu-miu-frame{max-width:260px}
  .mu-strip-inner{justify-content:center;text-align:center}
  .mu-hsc-top{padding:26px}
  .mu-review-inner{grid-template-columns:1fr;text-align:center}
  .mu-review-photo{max-width:230px;margin:0 auto}
}
@media (max-width:560px){.mu-prog-grid{grid-template-columns:1fr}.mu-rv{flex-basis:88%}.mu-rv-nav{display:none}.mu-stat--wide{flex-direction:column;align-items:flex-start;gap:4px}}

.mu-sub a.mu-sub-all{border-top:1px solid var(--mu-line);margin-top:4px;padding-top:10px;color:var(--mu-red);font-weight:600}

/* Miu hero v3: talks by default, clip wrapper (fixes Chrome on Mac rendering glitch) */
.mu-miu-clip{border-radius:22px;overflow:hidden;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);background:#f4f4f4}
.mu-miu-frame video{border-radius:0!important;transform:translateZ(0);backface-visibility:hidden}
.mu-sound-ic{width:auto;min-width:48px;padding:0 12px;border-radius:999px;gap:8px;display:inline-flex;align-items:center}
.mu-sound-ic .mu-x{display:none}
.mu-sound-tip{font:600 13px Poppins,sans-serif;white-space:nowrap}
.mu-miu-frame:not(.is-talking) .mu-sound-ic{background:var(--mu-red);color:#fff;animation:muPulse 1.8s infinite}
.mu-miu-frame:not(.is-talking) .mu-w1,.mu-miu-frame:not(.is-talking) .mu-w2{opacity:1}
.mu-miu-frame.is-talking .mu-sound-tip{display:none}
.mu-miu-frame.is-talking .mu-sound-ic{background:#fff;color:var(--mu-ink);padding:0;width:48px;justify-content:center}
@keyframes muPulse{0%{box-shadow:0 0 0 0 rgba(226,26,45,.5)}70%{box-shadow:0 0 0 12px rgba(226,26,45,0)}100%{box-shadow:0 0 0 0 rgba(226,26,45,0)}}
@media (prefers-reduced-motion:reduce){.mu-miu-frame:not(.is-talking) .mu-sound-ic{animation:none}}
/* About text under Programs heading */
.mu-programs .mu-about-more{max-width:980px;margin:6px auto 4px;padding:0;text-align:center}
.mu-programs .mu-about-more summary,.mu-programs .mu-about-more p{color:#222}

/* Mobile hero: keep the headline inside the screen */
@media (max-width:600px){
  .mu-hero{padding:28px 18px 28px}
  .mu-hero .wp-block-column{flex-basis:100%!important;min-width:0}
  .mu-hero-title{font-size:30px!important;overflow-wrap:break-word}
  .mu-hero-sub{font-size:19px}
  .mu-hero .mu-miu-box{max-width:100%}
  .mu-miu-frame{max-width:230px}
  .mu-sound-ic{right:-10px}
}
.mu-prog-more,.mu-prog-more:visited{color:var(--mu-red)}
