@media (max-width: 1024px){
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .portfolio__grid{grid-template-columns:repeat(2,1fr)}
  .portfolio__featured .embed{width:100%}
  .portfolio .embed{min-height:350px}
  .portfolio .instagram-media{min-height:350px !important}
  .portfolio .tiktok-embed{min-height:350px !important}
  .portfolio .tiktok-embed iframe{min-height:350px !important}
}
@media (max-width: 820px){
  .nav,.header__ctas{display:none}
  .menu-btn{display:inline-flex;margin-left:auto}
  .mobile-nav{display:block;position:fixed;inset:76px 0 auto 0;transform:translateY(-10px);opacity:0;pointer-events:none;transition:var(--t);background:rgba(0,0,0,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
  .mobile-nav.is-open{opacity:1;transform:translateY(0);pointer-events:auto}
  .hero__grid{grid-template-columns:1fr;}
  .hero__mubito{max-width:320px;margin:0 auto}
  .grid--2{grid-template-columns:1fr}
  .grid--3{grid-template-columns:1fr}
  .portfolio__grid{grid-template-columns:1fr}
  .portfolio .embed{min-height:300px}
  .portfolio .instagram-media{min-height:300px !important}
  .portfolio .tiktok-embed{min-height:300px !important}
  .portfolio .tiktok-embed iframe{min-height:300px !important}
}
@media (max-width: 480px){
  .portfolio__featured .embed{width:100%}
  .portfolio .embed{min-height:280px}
  .portfolio .instagram-media{min-height:280px !important}
  .portfolio .tiktok-embed{min-height:280px !important}
  .portfolio .tiktok-embed iframe{min-height:280px !important}
}
@media (max-width: 820px){
  .replay-btn{width:38px;height:38px;top:8px;right:8px}
}