/* MonkeyMoos-only composition. Approved sibling pages remain unchanged. */
.reference-mm {background:#01111a}
.reference-mm .ref-case-hero {background:#01111a;min-height:570px}
.reference-mm .ref-case-inner {min-height:570px}
.reference-mm .mm .ref-case-art {inset:0 calc((1120px - 100vw)/2) 0 calc((1120px - 100vw)/2);min-width:100%;overflow:hidden}
.reference-mm .mm .ref-scene {filter:blur(4px) saturate(1.3);object-position:center 40%;transform:scale(1.025)}
.reference-mm .mm .ref-case-art:after {background:linear-gradient(90deg,#01111af5 0%,#01111ab5 30%,#01111a15 57%,transparent 80%),linear-gradient(0deg,#01111a 0%,transparent 13%);z-index:1}
.reference-mm .mm .ref-hero-copy {width:49%;padding:42px 0 24px}
.reference-mm .mm .ref-hero-copy h1 {font-size:clamp(2rem,3.5vw,3.2rem)}
.reference-mm .mm .ref-hero-copy p:not(.ref-kicker){max-width:35ch}
.reference-mm .mm .ref-client-logo {top:20px;bottom:auto;right:max(7%,calc((100vw - 1120px)/2));width:230px;max-height:130px;object-fit:contain;background:#fffdf2f5;padding:8px 18px;border-radius:60% 35% 50% 30%;box-shadow:none;z-index:5}
.reference-mm .mm .ref-mascot {left:auto;right:15%;bottom:-8px;width:auto;height:77%;max-height:none;z-index:3;filter:drop-shadow(0 8px 12px #0005)}
.reference-mm .theme-rainbow{right:-30px;top:90px;width:440px;opacity:.9;transform:rotate(-7deg);z-index:2}
.reference-mm .theme-sun{right:4%;top:230px;width:75px;z-index:4}
.reference-mm .mm .ref-case-art .ref-scribble{top:315px;bottom:auto;right:2%;left:auto;width:150px;max-width:none;font-size:1.65rem;background:#fffdf2e8;color:#00244c;padding:16px 10px;transform:rotate(5deg);z-index:4;border-radius:45% 15% 30% 10%}
.reference-mm .ref-scribble b{display:block;color:#ff009e;font-size:2.2rem;line-height:1;text-align:center}
.mm-play-blocks{position:absolute;bottom:24px;left:51%;z-index:4;display:flex;flex-direction:column;align-items:center;transform:rotate(-5deg);filter:drop-shadow(4px 8px 4px #0006)}
.mm-play-blocks span{font-family:BCHeavy,Arial,sans-serif;text-transform:uppercase;display:block;padding:5px 12px;line-height:1.2;color:#00244c;background:#ffe520;border-top:5px solid #ffed77;border-right:8px solid #ddb312;min-width:85px;text-align:center}
.mm-play-blocks span:nth-child(2){background:#fa1689;border-color:#ff5daf #be0962;color:#fff;min-width:115px;transform:translateX(-8px)}
.mm-play-blocks span:nth-child(3){background:#00d9f5;border-color:#69edff #008bb6;min-width:135px;transform:translateX(4px)}
.reference-mm .ref-benefits{margin-top:-10px;margin-bottom:0;padding:10px 10px 0!important;background:#01111ade;border-radius:20px 20px 0 0}
.reference-mm .ref-cards>div{padding:15px 10px;background:radial-gradient(ellipse at top,#08556880,transparent 80%),#00121c;border-color:#0288a4;border-radius:12px}
.reference-mm .ref-cards h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:1.12rem}
.reference-mm .ref-panel{border:0;margin-block:0;border-radius:0;background:#01111a;padding:18px 10px!important;box-shadow:none}
.reference-mm .ref-panel h2{margin-bottom:14px}
.reference-mm .nursery-story{margin-top:0;grid-template-columns:1.15fr 1fr;border-radius:22px 22px 0 0}
.reference-mm .nursery-story>img{min-height:240px;max-height:290px;object-position:43% center}
.reference-mm .nursery-story>div{padding:20px;background:#fffdf2}
.reference-mm .nursery-story h2{font-size:2.3rem;transform:rotate(-3deg);color:#00244c}
.reference-mm .nursery-story ul{font-size:1.25rem}
.reference-mm .theme-hands{width:100%;height:50px;margin-bottom:0}
@media(max-width:1160px) and (min-width:761px){.reference-mm .mm .ref-case-art{left:-20px;right:-20px}.reference-mm .mm .ref-mascot{right:13%;height:72%}.reference-mm .mm .ref-client-logo{right:5%;width:190px}.reference-mm .mm .ref-case-art .ref-scribble{right:1%;width:130px;font-size:1.4rem}}
@media(max-width:760px){
.reference-mm .ref-wrap{width:calc(100% - 20px)}
.reference-mm .ref-case-hero,.reference-mm .ref-case-inner{min-height:650px}
.reference-mm .mm .ref-case-art{inset:0 -10px 0 -10px}
.reference-mm .mm .ref-scene{object-position:55% center;filter:blur(3px) saturate(1.3)}
.reference-mm .mm .ref-case-art:after{background:linear-gradient(90deg,#01111ae8,#01111a88 38%,transparent 78%),linear-gradient(0deg,#01111a,transparent 10%)}
.reference-mm .mm .ref-hero-copy{padding:22px 0 280px;width:61%;max-width:310px}
.reference-mm .mm .ref-hero-copy h1{font-size:clamp(1.45rem,6vw,2.6rem);line-height:1.05;letter-spacing:-.035em;margin:12px 0}
.reference-mm .mm .ref-hero-copy p:not(.ref-kicker){font-size:.875rem;line-height:1.45}
.reference-mm .mm .ref-kicker{font-size:.62rem!important;gap:7px;letter-spacing:.025em}
.reference-mm .mm .ref-kicker:before{width:18px}
.reference-mm .mm .ref-back{font-size:.7rem;margin-bottom:6px}
.reference-mm .mm .ref-btn{font-size:.65rem;padding:12px 14px;gap:12px;min-height:44px}
.reference-mm .mm .ref-state{font-size:.65rem!important;padding:4px;margin-top:12px}
.reference-mm .mm .ref-client-logo{top:14px;right:5px;bottom:auto;width:36%;max-height:100px;padding:5px;border-radius:14px;z-index:5}
.reference-mm .mm .ref-mascot{left:auto;right:8%;bottom:0;width:67%;height:auto;max-height:62%;z-index:3}
.reference-mm .theme-rainbow{width:240px;right:-40px;top:160px;bottom:auto}
.reference-mm .theme-sun{right:5px;top:280px;bottom:auto;width:50px}
.reference-mm .mm .ref-case-art .ref-scribble{top:auto;bottom:40px;right:4px;left:auto;width:84px;font-size:1.03rem;padding:12px 6px;transform:rotate(4deg)}
.reference-mm .ref-scribble b{font-size:1.65rem}
.mm-play-blocks{left:6%;bottom:18px;font-size:.8rem}
.mm-play-blocks span{min-width:64px;padding:4px 8px;border-top-width:4px;border-right-width:5px}
.mm-play-blocks span:nth-child(2){min-width:85px}.mm-play-blocks span:nth-child(3){min-width:100px}
.reference-mm .ref-benefits{padding:8px 0 0!important}
.reference-mm .ref-cards{gap:8px}
.reference-mm .ref-cards>div{padding:13px 8px}
.reference-mm .ref-cards h3{font-size:1rem}.reference-mm .ref-cards p{font-size:.8rem}
.reference-mm .ref-panel{padding:18px 0!important}
.reference-mm .nursery-story{grid-template-columns:1fr;margin-bottom:12px}
.reference-mm .nursery-story>img{min-height:190px;max-height:220px}
.reference-mm .nursery-story>div{padding:18px 22px}.reference-mm .nursery-story h2{font-size:2rem}
}
@media(max-width:760px){.reference-mm .mm .ref-case-art .ref-scribble{width:96px;font-size:.95rem;overflow-wrap:normal}.reference-mm .mm .ref-mascot{right:19%;width:62%}}