/* MAD GENIUS brand layer over the Gen Studio mirror. Remove the <link> to revert. */
/* nav + footer logo: the template draws "GEN STUDIO" as a CSS mask; swap in our outlined wordmark */
.framer-IPbZa{
  -webkit-mask:url(/brand/wordmark-oneline-ink.svg) left center/contain no-repeat!important;
          mask:url(/brand/wordmark-oneline-ink.svg) left center/contain no-repeat!important;
}
/* template seller's promo stack + Framer badge */
#__framer-badge-container{display:none!important}
/* The Cut, applied at runtime to large "Mad Genius" type (>=40px) */
.mg-g{position:relative;display:inline-block}
.mg-g>.mg-ghost{visibility:hidden}
.mg-g>.mg-top,.mg-g>.mg-bot{position:absolute;left:0;top:0}
.mg-g>.mg-top{clip-path:inset(0 0 52% 0);transform:translateX(.055em)}
.mg-g>.mg-bot{clip-path:inset(50% 0 0 0)}
/* template's fake partner-logo ticker */
.framer-1orsot-container,[data-framer-name="Logomark"],[data-framer-name="Logotext"]{display:none!important}
/* the seller's "Selected by Framer / Get 20% off" stack is a fixed component inside the page */
.framer-1e57m0-container{display:none!important}
/* hero: single real photograph — the template's floating thumbnail tickers and side columns are off */
[data-framer-name="Hero Image"] [data-framer-name^="Ticker"],
[data-framer-name="Images Col1"],[data-framer-name="Images Col2"],
.framer-otcnq9{display:none!important}
/* hero photo runs edge to edge now that the side columns are gone */
.framer-10xvxef[data-framer-name="Hero Image"] > .framer-1vkyo0n{left:0!important;right:0!important;width:100%!important;max-width:none!important}
.framer-10xvxef[data-framer-name="Hero Image"] > .framer-1vkyo0n img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 40%!important}
/* mobile variant of the seller promo stack */
.framer-iqlej2-container{display:none!important}
/* template's 49%-opacity double-exposure layer over the hero (its image was never mirrored: framerusercontent vXse7jHf…) */
.framer-13e7rsb-container{display:none!important}
/* inner-page variant of the seller promo stack */
.framer-1vh7qq2-container{display:none!important}
/* ---- flags marquee in the Facts cards (vertical, inside the centre image column) ---- */
.framer-895keb{position:relative}
.mg-vmarq{position:absolute;inset:0;visibility:visible!important;z-index:2;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.mg-vtrack{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;padding:24px 0;animation:mg-vscroll 40s linear infinite}
.mg-flag,.mg-flag *{visibility:visible!important}.mg-flag{display:flex;align-items:center;gap:16px;font-family:"DM Sans",system-ui,sans-serif;font-size:16px;letter-spacing:.02em;text-transform:uppercase;color:#121212;white-space:nowrap}
.mg-flag img{width:44px;height:30px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(18,18,18,.12)}
@keyframes mg-vscroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){.mg-vtrack{animation:none}}
@media(max-width:809px){.mg-vtrack{gap:24px}.mg-flag{font-size:13px}.mg-flag img{width:36px;height:24px}}
/* project meta: hide template Budget + AI Tech rows (number/enum fields we do not use) */
.framer-wgbyje-container,.framer-4lnfza-container{display:none!important}
/* review block: stat label is a bundle-wide default, hide it (results sentence carries the context) */
.framer-shrgf7,.framer-6e1u1a{display:none!important}
/* journal: our own Next Post block (template's is CMS-fed with seller data) */
.mg-next{background:#FFFCFB;padding:64px 24px 96px;font-family:"DM Sans",system-ui,sans-serif;text-align:center}
.mg-next .mg-h{margin-bottom:36px}
.mg-next a{display:block;max-width:560px;margin:0 auto;color:#121212;text-decoration:none}
.mg-next img{width:100%;aspect-ratio:1.36;object-fit:cover;display:block}
.mg-next .mg-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;padding:14px 6px 22px}
.mg-next .mg-t{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:30px;line-height:1.05;text-transform:uppercase;color:#E9281F;margin:0 0 12px}
.mg-next .mg-s{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b;max-width:40ch;margin:0 auto 18px;line-height:1.6}
.mg-next .mg-cta{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#121212}
/* seller promo variants on CMS detail pages */
.framer-19du9i5-container,.framer-12xhg1w-container{display:none!important}
/* about: Apple + Amazon collaboration marks (template spacing) */
.mg-rooms{display:flex;justify-content:center;align-items:center;gap:72px;width:100%;padding:0 24px 16px;font-family:"DM Sans",system-ui,sans-serif}
.mg-room{display:flex;flex-direction:column;align-items:center;gap:12px;color:#121212}
.mg-room svg{height:40px;width:auto;fill:#121212}
.mg-room b{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:24px;line-height:1}
.mg-room small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#808080}
@media(max-width:809px){.mg-rooms{gap:40px}.mg-room svg{height:32px}}
/* journal: inline figure inserted after the second heading */
.mg-fig{margin:40px 0;width:100%}.mg-fig img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.mg-fig figcaption{font-family:"DM Sans",system-ui,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#808080;padding-top:10px}
/* projects page: our own filter row */
.framer-1vyfq9b{display:flex!important}
.mg-chip-on{background:#E9281F!important;border-color:#E9281F!important}
.mg-chip-on *{color:#FFFCFB!important}
/* case-study stat: long values (160K+) wrapped one character per line */
.framer-deth6j,.framer-17hnqhx{width:auto!important;min-width:0}
.framer-deth6j .framer-text{white-space:nowrap!important}
/* ---- SHOW REEL: play the studio film full-bleed behind the words ---- */
.mg-reel-host{position:relative;overflow:hidden}
.mg-reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .9s ease}
.mg-reel-video.on{opacity:1}
.mg-reel-host::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,rgba(233,40,31,.10) 0%,rgba(18,18,18,.42) 100%);z-index:1;pointer-events:none}
.mg-reel-host > *:not(.mg-reel-video):not(.mg-reel-sound){position:relative;z-index:2}
.mg-reel-sound{position:absolute!important;right:24px;bottom:24px;z-index:3;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,252,251,.55);color:#FFFCFB;background:rgba(18,18,18,.28);border-radius:999px;padding:8px 14px;font-family:"DM Sans",system-ui,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(6px)}
.mg-reel-sound:hover{background:rgba(233,40,31,.9);border-color:transparent}
@media(max-width:809px){.mg-reel-sound{right:16px;bottom:16px;padding:7px 12px;font-size:10px}}