/*
 * Muppet Madness 2.9.8 — A Night at the Muppet Theatre
 * Homepage-only, progressive enhancement to the existing templates/blocks.
 * Zero extra images, fonts, scripts or network requests. Existing WP article
 * thumbnails are the only content images. All ornamentation is CSS.
 */

/* Separate variables keep this palette local to the homepage. In the editor,
 * the same rules apply to the unlocked Gutenberg home-layout preview. */
:is(.mm-home-theatre,.mm-home-layout-editor){
  --mm-accent:#ff7d39;
  --mm-accent-rgb:255,125,57;
  --mm-stage-gold:#f6ae5b;
  --mm-stage-cream:#fff5e7;
  --mm-stage-ink:#091512;
  --mm-stage-outline:rgba(238,180,104,.35);
  --mm-stage-serif:Georgia,"Times New Roman",serif;
  color:var(--mm-text);
}
body.mm-home-cinema .mm-main.mm-home-theatre{
  background:
    radial-gradient(ellipse at 49% 0%,rgba(248,131,55,.04),transparent 46rem),
    linear-gradient(180deg,rgba(24,35,28,.13),transparent 60%);
}
body.mm-home-cinema .mm-header{
  box-shadow:inset 0 -1px rgba(246,174,91,.10),0 8px 32px rgba(0,0,0,.25);
}
body.mm-home-cinema .mm-footer{border-top:1px solid rgba(246,174,91,.23)!important}
body.mm-home-cinema .mm-main.mm-home-theatre > .mm-shell{padding-top:32px!important}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-kicker{
  color:var(--mm-stage-gold);
  letter-spacing:.16em;
  font-size:10px;
  font-weight:850;
}
:is(.mm-home-theatre,.mm-home-layout-editor) a:focus-visible{
  outline:2px solid var(--mm-stage-gold)!important;
  outline-offset:4px;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-link-button{
  background:linear-gradient(180deg,#ffae50,#fb762b)!important;
  color:#16100b!important;
  border:1px solid rgba(255,173,79,.95)!important;
  border-radius:13px!important;
  font-size:12px!important;
  font-weight:850!important;
  padding:11px 18px!important;
  min-height:41px!important;
  box-shadow:0 7px 22px rgba(242,99,26,.16),inset 0 1px rgba(255,255,255,.23);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-link-button-secondary{
  background:rgba(8,17,15,.66)!important;
  border-color:rgba(245,140,62,.75)!important;
  color:#ffc48d!important;
  box-shadow:none;
  font-size:12px!important;
}
:is(.mm-home-theatre,.mm-home-layout-editor) a:hover .mm-link-button,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-link-button:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

/* The featured story is the star of the show. CSS spotlights, velvet edge and
 * a top/bottom row of marquee bulbs replace heavy decorative graphic assets. */
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-stage{
  position:relative;
  margin:0 0 clamp(25px,3vw,40px);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-story{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);
  min-height:415px;
  border:1px solid rgba(248,163,81,.66);
  border-radius:21px;
  overflow:hidden;
  isolation:isolate;
  background:#071310;
  color:var(--mm-stage-cream)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.37),0 0 0 1px rgba(252,190,93,.065);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-story::before,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-story::after{
  content:"";
  position:absolute;
  z-index:5;
  left:14px;
  right:14px;
  height:15px;
  pointer-events:none;
  background-image:radial-gradient(circle at center,rgba(255,255,237,1) 0 1px,#ffdc85 2px,#ff9b31 3.5px,rgba(253,127,28,.44) 4.8px,transparent 7px);
  background-size:34px 15px;
  background-position:left center;
  background-repeat:repeat-x;
  filter:drop-shadow(0 0 5px rgba(252,139,38,.53));
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-story::before{top:5px}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-story::after{bottom:5px}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-media{
  position:relative;
  min-width:0;
  min-height:415px;
  overflow:hidden;
  background:radial-gradient(ellipse at 40% 25%,#282237 0%,#15151b 49%,#070d0c 100%);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-media::before{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  left:0;
  top:0;
  bottom:0;
  width:17px;
  background:repeating-linear-gradient(90deg,#360b11 0 5px,#621b22 6px 10px,#23080b 13px 18px);
  box-shadow:6px 0 20px rgba(0,0,0,.47);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-media::after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  inset:0;
  background:
    linear-gradient(90deg,rgba(6,6,4,.16),transparent 10%,transparent 90%,rgba(0,0,0,.22)),
    linear-gradient(0deg,rgba(26,10,4,.27),transparent 17%);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-media img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important; /* Preserve the full title and artwork in uploaded story posters. */
  object-position:center center!important;
  transition:transform .35s ease;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-story:hover .mm-feature-media img{transform:scale(1.012)}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-width:0;
  padding:45px clamp(23px,3.4vw,42px);
  border-left:1px solid rgba(255,196,109,.18);
  background:
    radial-gradient(ellipse at 110% 0,rgba(198,117,39,.12),transparent 61%),
    repeating-linear-gradient(95deg,transparent 0 28px,rgba(255,228,171,.008) 28px 34px,transparent 34px 59px),
    linear-gradient(135deg,#101e18,#071310 73%);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy h1{
  max-width:650px;
  margin:13px 0 15px!important;
  color:var(--mm-stage-cream)!important;
  font:700 clamp(29px,3.7vw,49px)/1.07 var(--mm-stage-serif)!important;
  letter-spacing:-.042em!important;
  text-wrap:balance;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  line-clamp:4;
  overflow:hidden;
  max-width:560px;
  margin:0!important;
  color:#c9cfc4!important;
  font-size:14px;
  line-height:1.65;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-link{
  margin-top:18px!important;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-empty .mm-feature-copy{grid-column:1/-1}

/* Latest Madness: large full-bleed thumbnail + editorial story details. */
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-section{margin:0 0 30px}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-heading{
  position:relative;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin:0 0 18px;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-heading::after{
  content:"";
  position:absolute;
  pointer-events:none;
  height:1px;
  left:clamp(220px,37%,400px);
  right:260px;
  bottom:13px;
  background:linear-gradient(90deg,#e78237,transparent);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-heading h2,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-section-heading h2,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-zone-head h2,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-hub-intro h2{
  margin:5px 0 0!important;
  color:var(--mm-stage-cream)!important;
  font-family:var(--mm-stage-serif)!important;
  font-size:clamp(29px,3.5vw,42px)!important;
  font-weight:700!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-heading>a{
  position:relative;
  z-index:1;
  margin:0!important;
  white-space:nowrap;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:300px;
  border:1px solid rgba(211,171,119,.3);
  border-radius:17px;
  background:linear-gradient(160deg,#10201b,#071410);
  color:var(--mm-stage-cream)!important;
  overflow:hidden;
  text-decoration:none!important;
  box-shadow:0 9px 22px rgba(0,0,0,.19);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,155,75,.74);
  box-shadow:0 15px 32px rgba(0,0,0,.29);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-thumb{
  display:block;
  width:100%;
  aspect-ratio:16/8.9;
  min-height:0;
  overflow:hidden;
  background:radial-gradient(circle at 45% 10%,#29382e,#09120f);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .4s ease;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-card:hover img{transform:scale(1.035)}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-copy{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  padding:15px 54px 16px 19px;
  gap:5px;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-copy small,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-post-card-copy small{
  color:var(--mm-stage-gold);
  font:800 10px/1.25 var(--mm-font);
  letter-spacing:.12em;
  text-transform:uppercase;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-copy strong{
  display:block;
  flex:1;
  margin:1px 0 2px;
  color:var(--mm-stage-cream);
  font:700 clamp(17px,1.75vw,23px)/1.14 var(--mm-stage-serif);
  letter-spacing:-.02em;
  text-wrap:pretty;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-copy time{
  color:#a8b2a9;
  font-size:11px;
  line-height:1.3;
}
/* A CSS-only circular 'read more' icon (no icon font or markup). */
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-card::after{
  content:"\2192";
  position:absolute;
  right:16px;
  bottom:17px;
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border:1px solid #ff8d3c;
  border-radius:50%;
  color:#ff993f;
  font:22px/1 Arial,sans-serif;
  transition:background .2s,color .2s;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-card:hover::after{background:#fb8438;color:#111}

/* The editorial "deep dive" cards echo the top stories without adding media. */
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-section-heading{margin:45px 0 17px}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-card-grid{gap:17px}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-post-card{
  border:1px solid rgba(211,171,119,.25);
  border-radius:17px;
  background:linear-gradient(145deg,#14231d,#0a1512);
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.13);
  transition:transform .2s ease,border-color .2s ease;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-post-card:hover{transform:translateY(-3px);border-color:rgba(250,158,68,.68)}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-post-thumb{aspect-ratio:16/9}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-post-card-copy{padding:19px}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-post-card-copy h3{
  color:var(--mm-stage-cream)!important;
  font:700 clamp(18px,2vw,23px)/1.16 var(--mm-stage-serif)!important;
  letter-spacing:-.02em!important;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-post-card-copy p{color:#b4c0b6!important;line-height:1.55}

/* Meme Craft gets a warm backstage creator's spotlight. Companion plugin cards
 * continue to render in their own grid via the existing PHP hook. */
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-zone{
  position:relative;
  margin-top:39px;
  padding:clamp(20px,3vw,31px);
  overflow:hidden;
  border:1px solid var(--mm-stage-outline);
  border-radius:21px;
  background:radial-gradient(ellipse at 95% -25%,rgba(208,94,43,.16),transparent 48%),linear-gradient(145deg,#14221c,#091511);
  box-shadow:0 15px 34px rgba(0,0,0,.15);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-zone::before{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#b8793f 23%,#ffb361 50%,#b8793f 77%,transparent);
  opacity:.75;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-zone-head{gap:15px;margin-bottom:21px}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-zone-head p{color:#c0c6bc;font-size:14px}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-feature-grid{gap:16px}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-feature-card{
  min-height:210px;
  padding:24px;
  gap:21px;
  border:1px solid rgba(243,154,68,.44);
  border-radius:18px;
  background:radial-gradient(circle at 94% 1%,rgba(249,153,61,.14),transparent 16rem),linear-gradient(135deg,#203025,#0e1d17);
  box-shadow:0 8px 21px rgba(0,0,0,.15);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-feature-card:hover{border-color:#ff9a4b;box-shadow:0 13px 29px rgba(0,0,0,.23)}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-feature-mark{
  color:#130d08;
  background:linear-gradient(135deg,#ffc46f,#ff7938);
  box-shadow:0 14px 32px rgba(0,0,0,.18),0 0 27px rgba(255,156,69,.16);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-feature-card h3{
  font:700 clamp(24px,2.75vw,34px)/1.08 var(--mm-stage-serif)!important;
  color:var(--mm-stage-cream)!important;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-tool-badge{background:var(--mm-stage-gold);color:#21130a}

/* Present activity as a theatre's "now playing" strip. */
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-now-strip{
  margin-top:17px!important;
  padding:17px 20px;
  gap:18px;
  border:1px solid rgba(244,172,84,.27)!important;
  border-radius:15px;
  background:linear-gradient(90deg,rgba(62,31,18,.36),rgba(11,24,19,.96))!important;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-now-label{
  font-size:11px;
  font-weight:900;
  color:#ffc17d;
  letter-spacing:.15em;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-now-item{border-left-color:rgba(241,158,80,.2)}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-now-item small{color:#dda768}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-now-item strong{color:#f6ede1}

/* All paths of the play/create/compete hub share the same design system. */
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-hub{
  margin-top:48px;
  padding:clamp(18px,3vw,31px);
  border:1px solid rgba(233,171,105,.27);
  border-radius:22px;
  background:radial-gradient(ellipse at 85% 1%,rgba(239,113,49,.09),transparent 29rem),linear-gradient(155deg,#101f1a,#081410);
  box-shadow:0 14px 29px rgba(0,0,0,.13);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-hub-intro{border-bottom-color:rgba(229,175,115,.24)}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-hub-intro p{color:#bac4b9}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-hub-group+.mm-hub-group{border-top-color:rgba(244,171,95,.16)}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-hub-group-head h3{
  margin-top:5px!important;
  font:700 clamp(23px,2.8vw,32px)/1.07 var(--mm-stage-serif)!important;
  letter-spacing:-.027em!important;
  color:var(--mm-stage-cream)!important;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-hub-group-head>span{color:#bac4b9}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-games-group .mm-hub-group-head{
  border-color:rgba(248,166,81,.25);
  background:radial-gradient(circle at right top,rgba(241,141,51,.11),transparent 40%),linear-gradient(90deg,#192a21,#11221b);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-game-grid{gap:15px}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-game-card,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-tool-card,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-community-card{
  border:1px solid rgba(223,166,112,.24);
  border-radius:17px;
  background:radial-gradient(circle at 100% -25%,rgba(231,133,61,.08),transparent 64%),linear-gradient(145deg,#18291f,#0b1914);
  box-shadow:0 9px 22px rgba(0,0,0,.14);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-game-card:hover,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-tool-card:hover,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-community-card:hover{
  border-color:rgba(253,155,67,.65);
  box-shadow:0 15px 28px rgba(0,0,0,.23);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-game-icon{
  background:rgba(255,158,71,.1);
  color:#ffb467;
  border:1px solid rgba(255,159,74,.16);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-game-card .mm-game-icon{background:rgba(255,146,60,.13);border:1px solid rgba(255,159,74,.22)}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-game-card h4,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-tool-card h4,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-community-card h4{
  color:var(--mm-stage-cream)!important;
  font-family:var(--mm-stage-serif)!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-game-card p,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-tool-card p,
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-community-card p{color:#b6c0b7!important}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-game-card-featured{
  border-color:rgba(255,163,66,.47);
  background:radial-gradient(circle at 93% -12%,rgba(234,141,58,.16),transparent 60%),linear-gradient(125deg,#243324,#13241c);
}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-game-card .mm-game-icon-bg{color:rgba(246,168,78,.07)}
:is(.mm-home-theatre,.mm-home-layout-editor) .mm-community-card .mm-game-icon{width:52px;height:52px;border-radius:15px}

/* Mobile/tablet: theater styling is responsive, with no scrollable carousels. */
@media(max-width:1050px){
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-story{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:360px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-media{min-height:360px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy{padding:38px 24px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy h1{font-size:clamp(27px,3.6vw,39px)!important}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-copy{padding:13px 45px 15px 15px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-copy strong{font-size:18px}
}
@media(max-width:820px){
  body.mm-home-cinema .mm-main.mm-home-theatre > .mm-shell{padding-top:20px!important}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-story{grid-template-columns:1fr;min-height:0}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-media{min-height:0;aspect-ratio:16/9}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy{padding:27px 25px 33px;border-left:0;border-top:1px solid rgba(255,196,109,.18)}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy h1{font-size:clamp(30px,5vw,42px)!important;line-height:1.06!important}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy p{-webkit-line-clamp:3;line-clamp:3}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-story::before{top:3px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-story::after{bottom:3px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-card{min-height:0}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-copy strong{font-size:19px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-heading::after{display:none}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-zone{padding:20px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-zone-head{flex-direction:column;align-items:flex-start}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-hub-intro{flex-direction:column;align-items:flex-start;gap:13px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-hub-group-head{flex-direction:column;align-items:flex-start}
}
@media(max-width:620px){
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy{padding:26px 19px 31px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy h1{font-size:clamp(29px,7.8vw,37px)!important}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-copy p{font-size:13.5px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-heading{align-items:flex-start;flex-direction:column;gap:13px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-grid{grid-template-columns:1fr;gap:14px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-thumb{aspect-ratio:16/8.8}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-copy{padding:15px 56px 16px 17px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-copy strong{font-size:21px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-card{min-height:0}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-card-grid{grid-template-columns:1fr}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-zone{padding:17px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-meme-feature-card{padding:19px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-now-strip{grid-template-columns:1fr;gap:10px}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-now-label{grid-column:auto}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-now-strip>a{grid-column:auto;justify-self:start}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-now-item{padding-left:0;border-left:0}
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-hub{padding:17px}
}
@media(prefers-reduced-motion:reduce){
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-feature-media img,
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-thumb img,
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-latest-card,
  :is(.mm-home-theatre,.mm-home-layout-editor) .mm-post-card{transition:none!important;transform:none!important}
}