/* Misfit Mixers company home. World: the studio behind the masquerade. Palette and type are the MOTR site tokens so the funnel feels like one place. Signature device: the masks. */
    
    
    
    
    :root{--ink:var(--mm-ink,#17142f);--plum:var(--mm-plum,#251938);--cream:var(--mm-cream,#f3ead5);--paper:var(--mm-paper,#e9dec4);--mint:var(--mm-mint,#add8ca);--pink:var(--mm-pink,#d63e72);--gold:var(--mm-gold,#d8b66c);--teal:var(--mm-teal,#1b948e);--tex:var(--mm-img-texture,var(--mma-background-texture-multiply))}
    @keyframes drift{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}
    /* Scoped to the home sections (class mm-home). The game pages load landing.css,
       which reuses the same class names (.hero, .btn, .wrap, .games); unscoped, a
       home section on a game page repainted the game hero and buttons. */
    .mm-home .misfit-page,.misfit-page.mm-home{margin:0;background:var(--cream);color:var(--ink);font-family:var(--mm-font-body,Garamond,Georgia,serif);font-size:calc(18px * var(--mm-fs-body, 1));line-height:1.45}
    .mm-home img{max-width:100%;display:block}
    .mm-home button,.mm-home input{font:inherit}
    .mm-home a{color:inherit}
    .mm-home .wrap,.wrap.mm-home{width:min(1160px,calc(100% - 40px));margin:auto}
    .mm-home .display,.display.mm-home{font-family:var(--mm-font-display,Cinzel,Georgia,serif);letter-spacing:.035em}
    .mm-home .btn,.btn.mm-home{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:var(--pink);color:#fff7ea;padding:12px 24px;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.78rem * var(--mm-fs-head, 1));font-weight:700;letter-spacing:.06em;text-decoration:none;box-shadow:0 6px 0 var(--mm-pink-shadow,#772342);cursor:pointer;transition:.2s}
    .mm-home .btn:hover,.btn.mm-home:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--mm-pink-shadow,#772342)}
    .mm-home .btn.dark,.btn.dark.mm-home{background:var(--ink);box-shadow:0 6px 0 var(--mm-ink-shadow,#080713)}
    .mm-home .btn.dark:hover,.btn.dark.mm-home:hover{box-shadow:0 8px 0 var(--mm-ink-shadow,#080713)}
    .mm-home .btn.ghost,.btn.ghost.mm-home{background:transparent;border-color:currentColor;box-shadow:none}
    .mm-home .section-title,.section-title.mm-home{text-align:center;font-size:calc(clamp(1.55rem,3vw,2.4rem) * var(--mm-fs-head, 1));margin:0 0 34px}
    .mm-home .eyebrow,.eyebrow.mm-home{margin:0 0 10px;color:var(--pink);font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.7rem * var(--mm-fs-head, 1));font-weight:700;letter-spacing:.2em;text-transform:uppercase}
    /* nav,same as the game pages */
    .mm-home .nav,.nav.mm-home{position:sticky;top:0;z-index:50;background:var(--mm-nav-bg-tint,#141126f2);color:#f6ead2;border-bottom:1px solid #fff2;backdrop-filter:blur(10px)}
    .mm-home .nav-inner,.nav-inner.mm-home{height:72px;display:flex;align-items:center;gap:32px}
    .mm-home .brand-mark,.brand-mark.mm-home{display:flex;align-items:center;height:60px;text-decoration:none;color:var(--cream)}
    .mm-home .brand-name,.brand-name.mm-home{font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-weight:700;font-size:calc(1.05rem * var(--mm-fs-head, 1));letter-spacing:.09em;text-transform:uppercase;line-height:1;white-space:nowrap}
    .mm-home .brand-mark img,.brand-mark.mm-home img{height:46px;width:auto}
    .mm-home .nav-links,.nav-links.mm-home{display:flex;gap:28px;margin-left:auto}
    .mm-home .nav-links a,.nav-links.mm-home a{text-decoration:none;font-size:calc(.92rem * var(--mm-fs-body, 1))}
    .mm-home .nav-links a:hover,.nav-links.mm-home a:hover{color:var(--mm-pink-light,#ef769d)}
    .mm-home .nav-cta,.nav-cta.mm-home{margin-left:0}
    .mm-home .menu-btn,.menu-btn.mm-home{display:none;margin-left:auto;background:none;color:#f6ead2;border:1px solid #fff5;border-radius:4px;font-size:calc(1.2rem * var(--mm-fs-body, 1));padding:5px 10px;cursor:pointer}
    /* hero: typographic,the masks are the art */
    .mm-home .hero,.hero.mm-home{position:relative;overflow:hidden;background:var(--ink) var(--tex) center/cover no-repeat;background-blend-mode:multiply;color:var(--cream);padding:88px 0 0}
    .mm-home .hero-inner,.hero-inner.mm-home{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
    .mm-home .hero h1,.hero.mm-home h1{margin:0 0 18px;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-weight:700;font-size:calc(clamp(2.2rem,4.4vw,3.9rem) * var(--mm-fs-head, 1));line-height:1.04;color:var(--mm-cream-light,#f4e5c4);text-shadow:3px 3px 0 var(--mm-plum-shadow,#70324e)}
    .mm-home .hero h1 em,.hero.mm-home h1 em{font-style:normal;color:var(--mint)}
    .mm-home .hero p,.hero.mm-home p{max-width:520px;margin:0 0 26px;font-size:calc(1.15rem * var(--mm-fs-body, 1));color:#ddd3c5}
    .mm-home .hero-actions,.hero-actions.mm-home{display:flex;gap:14px;flex-wrap:wrap}
    .mm-home .hero-actions .btn.ghost,.hero-actions.mm-home .btn.ghost{color:var(--mm-cream-light,#f4e5c4)}
    .mm-home .mask-row,.mask-row.mm-home{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:10px 0 0}
    .mm-home .mask-row img,.mask-row.mm-home img{width:100%;height:auto;filter:drop-shadow(0 16px 18px #0009);animation:drift 7s ease-in-out infinite}
    .mm-home .mask-row img:nth-child(2),.mask-row.mm-home img:nth-child(2){animation-delay:-2s;animation-duration:8.5s}
    .mm-home .mask-row img:nth-child(3),.mask-row.mm-home img:nth-child(3){animation-delay:-4s}
    .mm-home .mask-row img:nth-child(4),.mask-row.mm-home img:nth-child(4){animation-delay:-1s;animation-duration:9s}
    .mm-home .hero-foot,.hero-foot.mm-home{margin-top:56px;padding:18px 0;background:var(--mm-footer-bg-tint,#0f0d20cc);border-top:1px solid #fff2}
    .mm-home .hero-foot .wrap,.hero-foot.mm-home .wrap{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.72rem * var(--mm-fs-head, 1));letter-spacing:.12em;text-transform:uppercase;color:var(--mm-gold-light,#f5dfae)}
    /* about */
    .mm-home .about,.about.mm-home{padding:84px 0;background:var(--paper) var(--tex) center/cover no-repeat;background-blend-mode:multiply}
    .mm-home .about-grid,.about-grid.mm-home{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
    .mm-home .about h2,.about.mm-home h2{margin:0 0 16px;font-size:calc(clamp(1.6rem,2.8vw,2.3rem) * var(--mm-fs-head, 1));line-height:1.15}
    .mm-home .about p,.about.mm-home p{margin:0 0 14px;font-size:calc(1.08rem * var(--mm-fs-body, 1))}
    .mm-home .pillars,.pillars.mm-home{display:grid;gap:14px}
    .mm-home .pillar,.pillar.mm-home{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;padding:16px 18px;background:var(--mm-surface-game-card,#f7efdd);border:1px solid var(--plum);box-shadow:5px 5px 0 var(--plum)}
    .mm-home .pillar-mark,.pillar-mark.mm-home{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--plum);color:var(--mm-gold-light,#f5dfae);font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-weight:700;font-size:calc(1.3rem * var(--mm-fs-head, 1))}
    .mm-home .pillar b,.pillar.mm-home b{display:block;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.86rem * var(--mm-fs-head, 1));letter-spacing:.06em;margin-bottom:3px}
    .mm-home .pillar span,.pillar.mm-home span{font-size:calc(.95rem * var(--mm-fs-body, 1));line-height:1.3}
    .mm-home .studio-line,.studio-line.mm-home{margin-top:22px;padding-top:18px;border-top:1px solid var(--mm-plum-tint,#25193855);font-size:calc(.95rem * var(--mm-fs-body, 1));color:#3d3450}
    /* games */
    .mm-home .games,.games.mm-home{padding:84px 0 90px;background:var(--plum) var(--tex) center/cover no-repeat;background-blend-mode:multiply;color:var(--cream)}
    .mm-home .games .section-title,.games.mm-home .section-title{color:var(--mm-cream-warm,#f5dfbc)}
    .mm-home .games-grid,.games-grid.mm-home{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch}
    .mm-home .game-card,.game-card.mm-home{position:relative;display:grid;grid-template-columns:40% 1fr;gap:26px;align-items:center;padding:30px;background:var(--mm-surface-game-card,#f7efdd);color:var(--ink);border:1px solid var(--mm-gold-light,#f5dfae);box-shadow:6px 6px 0 var(--mm-gold,#d8b66c)}
    .mm-home .game-card>img,.game-card.mm-home>img{width:100%;height:auto;filter:drop-shadow(3px 4px 0 var(--mm-plum-shadow,#70324e))}
    .mm-home .game-status,.game-status.mm-home{display:inline-block;margin-bottom:10px;padding:4px 10px;background:var(--pink);color:#fff7ea;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.62rem * var(--mm-fs-head, 1));font-weight:700;letter-spacing:.14em;text-transform:uppercase}
    .mm-home .game-card h3,.game-card.mm-home h3{margin:0 0 8px;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(1.35rem * var(--mm-fs-head, 1));line-height:1.15}
    .mm-home .game-card p,.game-card.mm-home p{margin:0 0 14px;font-size:calc(1rem * var(--mm-fs-body, 1));line-height:1.4}
    .mm-home .game-specs,.game-specs.mm-home{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 18px;padding:0;list-style:none;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.68rem * var(--mm-fs-head, 1));letter-spacing:.08em;text-transform:uppercase;color:#3d3450}
    .mm-home .game-specs li,.game-specs.mm-home li{padding-right:16px;border-right:1px solid var(--mm-plum-tint,#25193855)}
    .mm-home .game-specs li:last-child,.game-specs.mm-home li:last-child{border:0}
    .mm-home .game-actions,.game-actions.mm-home{display:flex;gap:12px;flex-wrap:wrap}
    .mm-home .game-card .btn.ghost,.game-card.mm-home .btn.ghost{color:var(--ink);border-color:var(--ink)}
    .mm-home .side-stack,.side-stack.mm-home{display:grid;gap:22px}
    .mm-home .game-card.is-next,.game-card.is-next.mm-home{grid-template-columns:34% 1fr;padding:22px;background:#2f2345;color:var(--cream);border-color:var(--mm-gold-tint,#d8b66c66);box-shadow:none}
    .mm-home .game-card.is-next h3,.game-card.is-next.mm-home h3{font-size:calc(1rem * var(--mm-fs-head, 1));color:var(--mm-gold-light,#f5dfae)}
    .mm-home .game-card.is-next p,.game-card.is-next.mm-home p{font-size:calc(.92rem * var(--mm-fs-body, 1));color:#e9dfd0;margin-bottom:0}
    .mm-home .game-card.is-next .game-status,.game-card.is-next.mm-home .game-status{background:var(--gold);color:var(--ink)}
    .mm-home .game-placeholder,.game-placeholder.mm-home{aspect-ratio:1;display:grid;place-items:center;border:2px dashed var(--mm-gold-tint,#d8b66c88);color:var(--mm-gold-light,#f5dfae);font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(2.6rem * var(--mm-fs-head, 1));font-weight:700}
    .mm-home .game-placeholder.book,.game-placeholder.book.mm-home{font-size:calc(1.6rem * var(--mm-fs-body, 1))}
    /* play tonight */
    .mm-home .tonight,.tonight.mm-home{padding:70px 0;background:var(--cream) var(--tex) center/cover no-repeat;background-blend-mode:multiply}
    .mm-home .tonight-grid,.tonight-grid.mm-home{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .mm-home .tonight-card,.tonight-card.mm-home{display:grid;grid-template-columns:36% 1fr;align-items:center;gap:14px;padding:16px;background:var(--mm-surface-card,#cec2d0);border-radius:9px;text-decoration:none;color:var(--ink);box-shadow:0 8px 18px #392e4420;transition:transform .2s ease}
    .mm-home .tonight-card:hover,.tonight-card.mm-home:hover{transform:translateY(-3px)}
    .mm-home .tonight-visual,.tonight-visual.mm-home{height:130px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:var(--plum) var(--tex) center/cover no-repeat;background-blend-mode:multiply}
    .mm-home .tonight-visual img,.tonight-visual.mm-home img{height:78%;width:auto;filter:drop-shadow(0 8px 8px #0007)}
    .mm-home .tonight-visual.rulebook-visual,.tonight-visual.rulebook-visual.mm-home{background:none}
    .mm-home .tonight-visual.rulebook-visual img,.tonight-visual.rulebook-visual.mm-home img{display:block;width:auto;height:112px;max-width:100%;max-height:calc(100% - 16px);object-fit:contain}
    .mm-home .tonight-visual .play,.tonight-visual.mm-home .play{width:56px;height:56px;border-radius:50%;background:var(--pink);border:3px solid var(--gold);display:grid;place-items:center;color:#fff7ea;font-size:calc(1.3rem * var(--mm-fs-body, 1))}
    .mm-home .tonight-visual .app-phone,.tonight-visual.mm-home .app-phone{width:58px;height:112px;padding:7px 5px;border:4px solid #252031;border-radius:12px;background:#141123;box-shadow:0 8px 12px #1b14233b;transform:rotate(-3deg);color:#f2dfb9;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
    .mm-home .tonight-visual.app-visual,.tonight-visual.app-visual.mm-home{background:none}
    .mm-home .tonight-visual .app-phone:before,.tonight-visual.mm-home .app-phone:before{content:"";width:21px;height:3px;border-radius:2px;background:#807889;margin-bottom:12px}
    .mm-home .tonight-visual .app-phone strong,.tonight-visual.mm-home .app-phone strong{font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.43rem * var(--mm-fs-head, 1));line-height:1.2}
    .mm-home .tonight-visual .app-phone span,.tonight-visual.mm-home .app-phone span{margin-top:7px;color:#8ed9ca;font-size:calc(.38rem * var(--mm-fs-body, 1));text-transform:uppercase;letter-spacing:.08em}
    .mm-home .tonight-card .app-action,.tonight-card.mm-home .app-action{display:block;margin-top:11px;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.68rem * var(--mm-fs-head, 1));font-weight:700;letter-spacing:.06em;text-transform:uppercase}
    .mm-home .tonight-card h3,.tonight-card.mm-home h3{margin:0 0 6px;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.88rem * var(--mm-fs-head, 1));letter-spacing:.07em;text-transform:uppercase}
    .mm-home .tonight-card p,.tonight-card.mm-home p{margin:0;font-size:calc(.85rem * var(--mm-fs-body, 1));line-height:1.3}
    /* signup */
    .mm-home .signup,.signup.mm-home{padding:70px 0;background:var(--ink) var(--tex) center/cover no-repeat;background-blend-mode:multiply;color:var(--cream);text-align:center}
    .mm-home .signup h2,.signup.mm-home h2{margin:0 0 10px;font-size:calc(clamp(1.5rem,2.8vw,2.2rem) * var(--mm-fs-head, 1))}
    .mm-home .signup p,.signup.mm-home p{max-width:560px;margin:0 auto 22px;color:#ddd3c5}
    .mm-home .email-form,.email-form.mm-home{display:flex;gap:10px;max-width:520px;margin:auto}
    .mm-home .email-form input,.email-form.mm-home input{flex:1;min-height:48px;padding:10px 14px;border:2px solid #312735;border-radius:5px;background:#fffaf0;color:#40363d}
    .mm-home .email-form button,.email-form.mm-home button{min-height:48px;padding:10px 20px;border:0;border-radius:4px;background:var(--pink);color:#fff7ea;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.76rem * var(--mm-fs-head, 1));font-weight:700;letter-spacing:.06em;cursor:pointer;box-shadow:0 5px 0 var(--mm-pink-shadow,#772342)}
    .mm-home .form-note,.form-note.mm-home{min-height:20px;margin:10px 0 0;color:var(--mint);font-size:calc(.85rem * var(--mm-fs-body, 1))}
    /* footer */
    .mm-home footer,footer.mm-home{background:var(--mm-footer-bg,#0f0d20);color:#d9d0c4;padding:60px 0 25px}
    .mm-home .footer-grid,.footer-grid.mm-home{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px}
    .mm-home .footer-brand,.footer-brand.mm-home{font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-weight:700;font-size:calc(1.1rem * var(--mm-fs-head, 1));color:var(--cream);margin-bottom:12px}
    .mm-home .misfit-footer h3,.misfit-footer.mm-home h3{margin:0 0 12px;font-family:var(--mm-font-display,Cinzel,Georgia,serif);font-size:calc(.86rem * var(--mm-fs-head, 1));letter-spacing:.06em;color:var(--cream)}
    .mm-home .footer-links,.footer-links.mm-home{display:grid;gap:8px}
    .mm-home .footer-links a,.footer-links.mm-home a{text-decoration:none;font-size:calc(.95rem * var(--mm-fs-body, 1))}
    .mm-home .footer-links a:hover,.footer-links.mm-home a:hover{color:var(--mm-pink-light,#ef769d)}
    .mm-home .misfit-footer p,.misfit-footer.mm-home p{margin:0 0 16px;font-size:calc(.95rem * var(--mm-fs-body, 1))}
    .mm-home .footer-bottom,.footer-bottom.mm-home{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:46px;padding-top:18px;border-top:1px solid #fff2;font-size:calc(.8rem * var(--mm-fs-body, 1))}
    /* phones */
    @media(max-width:900px){
      .mm-home .nav-links,.nav-links.mm-home{display:none;position:absolute;top:72px;left:0;right:0;background:var(--mm-nav-bg,#141126);padding:20px;flex-direction:column;gap:14px;border-bottom:1px solid #fff2}
      .mm-home .nav-links.open,.nav-links.open.mm-home{display:flex}.mm-home .menu-btn,.menu-btn.mm-home{display:inline-flex}
      .mm-home .hero,.hero.mm-home{padding-top:54px}.mm-home .hero-inner,.hero-inner.mm-home{grid-template-columns:1fr;gap:26px}.mm-home .hero p,.hero.mm-home p{max-width:none}
      .mm-home .mask-row,.mask-row.mm-home{grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,520px);margin:0 auto}.mm-home .mask-row img,.mask-row.mm-home img{max-height:120px;width:auto;margin:auto}
      .mm-home .hero-foot,.hero-foot.mm-home{margin-top:38px}
      .mm-home .about,.about.mm-home{padding:60px 0}.mm-home .about-grid,.about-grid.mm-home{grid-template-columns:1fr;gap:30px}
      .mm-home .games,.games.mm-home{padding:60px 0}.mm-home .games-grid,.games-grid.mm-home{grid-template-columns:1fr}.mm-home .game-card,.game-card.mm-home{grid-template-columns:36% 1fr;gap:18px;padding:20px}
      .mm-home .tonight,.tonight.mm-home{padding:54px 0}.mm-home .tonight-grid,.tonight-grid.mm-home{grid-template-columns:1fr;max-width:560px;margin:auto}
      .mm-home .footer-grid,.footer-grid.mm-home{grid-template-columns:1fr 1fr;gap:28px}
    }
    @media(max-width:580px){
      .mm-home .misfit-page,.misfit-page.mm-home{font-size:calc(17px * var(--mm-fs-body, 1))}.mm-home .wrap,.wrap.mm-home{width:min(100% - 28px,1160px)}.mm-home .nav-inner,.nav-inner.mm-home{height:64px}.mm-home .nav-links,.nav-links.mm-home{top:64px}.mm-home .brand-name,.brand-name.mm-home{font-size:calc(.86rem * var(--mm-fs-head, 1));letter-spacing:.07em}
      .mm-home .hero h1,.hero.mm-home h1{font-size:calc(clamp(1.9rem,8.6vw,2.6rem) * var(--mm-fs-head, 1))}.mm-home .hero p,.hero.mm-home p{font-size:calc(1.02rem * var(--mm-fs-body, 1))}.mm-home .hero-actions .btn,.hero-actions.mm-home .btn{width:100%}
      .mm-home .hero-foot .wrap,.hero-foot.mm-home .wrap{gap:10px 18px;font-size:calc(.62rem * var(--mm-fs-body, 1))}
      .mm-home .pillar,.pillar.mm-home{grid-template-columns:44px 1fr}.mm-home .pillar-mark,.pillar-mark.mm-home{width:44px;height:44px;font-size:calc(1.05rem * var(--mm-fs-body, 1))}
      .mm-home .game-card,.game-card.mm-home,.mm-home .game-card.is-next,.game-card.is-next.mm-home{grid-template-columns:1fr;text-align:center}.mm-home .game-card>img,.game-card.mm-home>img{width:72%;margin:0 auto}.mm-home .game-specs,.game-specs.mm-home,.mm-home .game-actions,.game-actions.mm-home{justify-content:center}.mm-home .game-actions .btn,.game-actions.mm-home .btn{width:100%}
      .mm-home .game-placeholder,.game-placeholder.mm-home{width:44%;margin:0 auto}
      .mm-home .email-form,.email-form.mm-home{flex-direction:column}.mm-home .footer-grid,.footer-grid.mm-home{grid-template-columns:1fr}
    }
    @media(prefers-reduced-motion:reduce){.mm-home .mask-row img,.mask-row.mm-home img{animation:none}}