/* ===================================================================== MAGNETIZE MARKETING — WordPress theme stylesheet Design system: Passion One (display) + Poppins (body) Magnetic Red #E63946 · Magnetic Blue #1D3FBF · near-black #111 Colours below can be overridden live from Appearance → Customize → Colours (the Customizer prints a :root override in ). ===================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Passion+One:wght@700;900&family=Poppins:wght@400;500;600;700&display=swap'); :root{ --red-100:#E63946;--red-75:#EB6069;--red-50:#F08D93;--red-25:#F6BABD;--red-10:#FCE3E4; --blue-100:#1D3FBF;--blue-75:#4C67CB;--blue-50:#8397DC;--blue-25:#BAC5ED;--blue-10:#E4E9F9; --black:#111111;--white:#FFFFFF;--gray-light:#F4F4F6;--gray-100:#6B6B70;--gray-200:#9B9BA1;--gray-300:#D4D4D9; --color-action:var(--red-100);--color-action-hover:#C62430; --color-authority:var(--blue-100);--color-authority-hover:#16309A; --text-heading:var(--black);--text-body:#2B2B2E;--text-muted:var(--gray-100); --surface-page:var(--white);--surface-subtle:var(--gray-light);--border-default:var(--gray-300); --gradient-hero:linear-gradient(135deg,var(--color-action) 0%,var(--color-authority) 100%); --radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px; --shadow-card:0 2px 8px rgba(17,17,17,.08);--shadow-card-hover:0 6px 20px rgba(17,17,17,.14); --font-display:'Passion One',sans-serif;--font-body:'Poppins',sans-serif; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:var(--font-body);background:var(--white);color:var(--text-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} ::selection{background:var(--color-action);color:#fff} a{color:var(--color-authority);text-decoration:none} a:hover{color:var(--color-action)} .mm-wrap{max-width:1200px;margin:0 auto;padding:0 24px} .mm-wrap--wide{max-width:1360px;margin:0 auto;padding:0 24px} .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap} .mm-eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted)} .mm-eyebrow::before{content:"";width:34px;height:1px;background:var(--gray-300)} .mm-h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.12;text-transform:uppercase;margin:18px 0 14px;color:var(--black)} .mm-sub{color:var(--text-muted);max-width:620px;font-size:1.02rem} .mm-section{max-width:1200px;margin:0 auto;padding:60px 24px} /* reveal */ [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)} [data-reveal].is-in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}} /* buttons */ .mm-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:600;font-size:.95rem;padding:16px 30px;border-radius:var(--radius-md);border:2px solid var(--black);cursor:pointer;transition:transform .18s ease,background .2s,color .2s,border-color .2s;text-decoration:none} .mm-btn--dark{background:var(--black);color:#fff} .mm-btn--dark:hover{background:#000;color:#fff} .mm-btn--red{background:var(--color-action);border-color:var(--color-action);color:#fff} .mm-btn--red:hover{background:var(--color-action-hover);border-color:var(--color-action-hover);color:#fff} .mm-btn--blue{background:var(--color-authority);border-color:var(--color-authority);color:#fff} .mm-btn--blue:hover{background:var(--color-authority-hover);color:#fff} .mm-btn--blue-o{background:transparent;border-color:var(--color-authority);color:var(--color-authority)} .mm-btn--blue-o:hover{background:var(--color-authority);color:#fff} .mm-btn--ghost-w{background:transparent;border-color:rgba(255,255,255,.5);color:#fff} .mm-btn--ghost-w:hover{background:#fff;color:var(--black)} .mm-btn--white{background:#fff;border-color:#fff;color:var(--black)} .mm-btn--wa{background:#1fa855;border-color:#1fa855;color:#fff;justify-content:center;width:100%} .mm-btn--wa:hover{background:#178a45;border-color:#178a45;color:#fff} .mm-btn--sm{padding:13px 26px;font-size:.9rem} /* ================= NAV ================= */ .mm-nav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(14px);background:rgba(255,255,255,.82);border-bottom:1px solid var(--border-default)} .mm-nav__inner{max-width:1200px;margin:0 auto;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px} .mm-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--black)} .mm-logo img{max-height:38px;width:auto} .mm-logo__mark{width:30px;height:30px;border-radius:50%;background:conic-gradient(from 180deg,var(--color-action) 0 50%,var(--color-authority) 50% 100%);position:relative;flex:none;display:inline-block} .mm-logo__mark::after{content:"";position:absolute;inset:9px;background:var(--white);border-radius:50%} .mm-logo__text{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:.5px} .mm-nav__menu-wrap{display:flex;gap:28px;align-items:center;flex-wrap:wrap;justify-content:flex-end} .mm-nav__menu{display:flex;gap:28px;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0} .mm-nav__menu a{font-size:14px;font-weight:500;color:var(--black);text-decoration:none} .mm-nav__menu a:hover,.mm-nav__menu .current-menu-item>a{color:var(--color-action)} .mm-nav__cta{font-size:14px;font-weight:600;color:#fff!important;background:var(--black);padding:10px 20px;border-radius:var(--radius-pill)} .mm-burger{display:none;background:none;border:none;cursor:pointer;padding:8px} .mm-burger span{display:block;width:22px;height:2px;background:var(--black);margin:5px 0;transition:.3s} @media(max-width:900px){ .mm-nav__menu{position:fixed;top:70px;right:0;flex-direction:column;align-items:flex-start;background:var(--white);border-left:1px solid var(--border-default);border-bottom:1px solid var(--border-default);padding:24px;gap:18px;transform:translateX(110%);transition:transform .3s;min-width:230px} .mm-nav__menu.is-open{transform:none} .mm-burger{display:block} } .mm-site{padding-top:0} /* ================= HERO (iron filings) ================= */ .mm-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:110px 0 60px;overflow:hidden} .mm-hero__canvas{position:absolute;inset:0;width:100%;height:100%;display:block} .mm-hero__content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px;width:100%} .mm-hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,7vw,5rem);line-height:1.02;letter-spacing:.5px;text-transform:uppercase;margin:22px 0 24px;color:var(--black);max-width:900px} .mm-hero h1 .n{color:var(--color-action)} .mm-hero h1 .s{color:var(--color-authority)} .mm-hero p{font-size:clamp(1rem,1.6vw,1.18rem);color:var(--text-body);max-width:560px;margin-bottom:38px} .mm-cta-row{display:flex;gap:16px;flex-wrap:wrap} .mm-badges{display:flex;gap:40px;margin-top:56px;flex-wrap:wrap} .mm-badges div{font-size:12px;letter-spacing:.8px;color:var(--text-muted)} .mm-badges b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.8rem;color:var(--black);letter-spacing:0} .mm-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:3px;color:var(--text-muted);animation:mm-bob 2.4s ease-in-out infinite;z-index:2} @keyframes mm-bob{50%{transform:translate(-50%,8px)}} /* page hero (interior) */ .mm-phero{position:relative;overflow:hidden;padding:150px 0 90px;background:var(--black);color:#fff} .mm-phero__bg{position:absolute;inset:0} .mm-phero--red .mm-phero__bg{background:radial-gradient(700px 500px at 80% 20%,rgba(230,57,70,.55),transparent 70%),radial-gradient(600px 480px at 10% 90%,rgba(29,63,191,.35),transparent 70%)} .mm-phero--blue .mm-phero__bg{background:radial-gradient(700px 500px at 80% 20%,rgba(29,63,191,.6),transparent 70%),radial-gradient(600px 480px at 5% 95%,rgba(230,57,70,.28),transparent 70%)} .mm-phero__inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px} .mm-phero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.03;letter-spacing:.5px;text-transform:uppercase;margin:22px 0 20px;max-width:1000px} .mm-phero p{font-size:clamp(1.05rem,1.7vw,1.25rem);max-width:680px;color:rgba(255,255,255,.82)} .mm-phero--light{background:var(--white);color:var(--black)} .mm-phero--light .mm-phero p{color:var(--text-body)} .mm-phero--light h1{color:var(--black)} .mm-eyebrow--red{color:var(--red-50)}.mm-eyebrow--red::before{background:var(--red-50)} .mm-eyebrow--blue{color:var(--blue-50)}.mm-eyebrow--blue::before{background:var(--blue-50)} /* marquee */ .mm-marquee{border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);overflow:hidden;padding:20px 0;background:var(--gray-light)} .mm-marquee__track{display:flex;gap:64px;width:max-content;animation:mm-slide 26s linear infinite;white-space:nowrap;font-size:.82rem;letter-spacing:2.8px;text-transform:uppercase;color:var(--text-muted);font-weight:500} @keyframes mm-slide{to{transform:translateX(-50%)}} /* poles */ .mm-poles{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;margin-top:48px} .mm-pole{flex:1 1 340px;padding:52px 44px;position:relative;color:#fff;display:flex;flex-direction:column;min-height:420px} .mm-pole--n{background:var(--color-action)} .mm-pole--s{background:var(--color-authority)} .mm-pole__tag{font-family:var(--font-display);font-weight:700;font-size:5rem;line-height:1;position:absolute;top:20px;right:28px;opacity:.18} .mm-pole h3{font-family:var(--font-display);font-weight:700;font-size:1.7rem;margin-bottom:14px;text-transform:uppercase} .mm-pole p{font-size:.95rem;max-width:380px;color:rgba(255,255,255,.88)} .mm-pole ul{list-style:none;margin:26px 0 34px;flex:1;display:flex;flex-direction:column;gap:2px} .mm-pole li{padding:8px 0;font-size:.92rem;display:flex;gap:10px} .mm-pole li::before{content:"→"} /* cards grids */ .mm-grid{display:grid;gap:20px;margin-top:48px} .mm-grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))} .mm-grid--auto-sm{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .mm-grid--auto-md{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))} .mm-card{background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:32px 28px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s} .mm-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)} .mm-card__ico{width:56px;height:56px;border-radius:var(--radius-md);display:grid;place-items:center;margin-bottom:20px;background:var(--red-10);color:var(--color-action)} .mm-card__ico svg{width:26px;height:26px} .mm-card h4{font-weight:600;font-size:20px;margin-bottom:8px;color:var(--text-heading)} .mm-card p{font-size:15px;color:var(--text-muted);line-height:1.6} .mm-card__meta{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--color-authority);font-weight:600;margin-top:16px} .mm-card__num{font-family:var(--font-display);font-weight:700;font-size:1.6rem;color:var(--gray-300)} .mm-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px} /* results band */ .mm-results{background:var(--black);color:var(--gray-light);border-radius:var(--radius-lg);padding:72px 56px;margin-top:56px} .mm-results .mm-eyebrow{color:var(--gray-200)}.mm-results .mm-eyebrow::before{background:var(--gray-100)} .mm-results h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,4vw,2.8rem);text-transform:uppercase;margin:16px 0 0;color:#fff} .mm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:34px;margin-top:44px} .mm-stats b{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4.4vw,3.2rem);display:block;line-height:1.1} .mm-stats .r{color:var(--red-75)}.mm-stats .b{color:var(--blue-50)} .mm-stats span{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gray-200)} /* academy units */ .mm-acad-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap} .mm-tag-dashed{font-weight:600;font-size:1rem;color:var(--color-authority);border:1.5px dashed var(--color-authority);border-radius:var(--radius-pill);padding:10px 22px;white-space:nowrap} .mm-unit{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:26px 22px;background:var(--white);transition:background .3s,color .3s,transform .25s} .mm-unit:hover{background:var(--color-authority);color:#fff;transform:translateY(-5px)} .mm-unit:hover small,.mm-unit:hover p{color:rgba(255,255,255,.85)} .mm-unit small{font-size:11px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;display:block} .mm-unit h5{font-family:var(--font-display);font-weight:700;font-size:1.15rem;margin:10px 0 8px;text-transform:uppercase} .mm-unit p{font-size:.86rem;color:var(--text-muted)} .mm-unit--row{display:flex;gap:16px;align-items:flex-start} .mm-unit--row .num{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--color-authority);line-height:1;flex:none;width:42px} .mm-imgband{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-default);height:clamp(260px,34vw,420px);background:var(--gradient-hero);position:relative} .mm-imgband img{width:100%;height:100%;object-fit:cover} .mm-imgband__cap{position:absolute;left:0;right:0;bottom:0;padding:26px 30px;background:linear-gradient(to top,rgba(17,17,17,.82),transparent);color:#fff} .mm-imgband__cap span{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--red-50)} .mm-imgband__cap p{font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem,2.4vw,1.8rem);text-transform:uppercase;margin-top:4px} /* testimonials */ .mm-quote{background:var(--black);color:#fff;border-radius:var(--radius-md);padding:32px;position:relative} .mm-quote__mark{font-family:var(--font-display);font-size:48px;line-height:1;color:var(--color-action);margin-bottom:8px} .mm-quote p{font-size:16px;line-height:1.6;margin:0 0 24px;color:#F0F0F2} .mm-quote__who{display:flex;align-items:center;gap:12px} .mm-quote__av{width:44px;height:44px;border-radius:50%;flex:none;overflow:hidden;background:var(--gradient-hero)} .mm-quote__av img{width:100%;height:100%;object-fit:cover} .mm-quote__who b{display:block;font-weight:600;font-size:15px} .mm-quote__who span{font-size:13px;color:var(--gray-200)} /* lead / contact form */ .mm-split{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden} .mm-split__col{flex:1 1 360px;padding:52px 46px} .mm-split__dark{background:var(--black);color:var(--gray-light);position:relative;overflow:hidden} .mm-split__dark h3{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.15;margin-bottom:14px;text-transform:uppercase;color:#fff} .mm-split__dark p{color:var(--gray-200);font-size:.95rem;max-width:380px} .mm-points{margin-top:30px;list-style:none;display:flex;flex-direction:column;gap:6px} .mm-points li{padding:6px 0;font-size:.9rem;display:flex;gap:10px} .mm-points li span{color:var(--color-action);font-weight:700} .mm-rings-svg{position:absolute;right:-120px;bottom:-120px;width:320px;height:320px;opacity:.22} .mm-rings-svg circle{fill:none;stroke:var(--blue-50);stroke-width:1} .mm-field{margin-bottom:20px} .mm-field label{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px} .mm-field input,.mm-field textarea{width:100%;padding:14px 16px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.94rem;background:#fff;color:var(--black)} .mm-field input:focus,.mm-field textarea:focus{outline:none;border-color:var(--color-authority);box-shadow:0 0 0 4px rgba(29,63,191,.12)} .mm-seg{display:flex;gap:10px} .mm-seg button{flex:1;text-align:center;cursor:pointer;border:2px solid var(--border-default);border-radius:var(--radius-md);padding:13px 8px;font-weight:600;font-size:.86rem;background:var(--white);color:var(--black)} .mm-seg button.is-on-red{background:var(--color-action);border-color:var(--color-action);color:#fff} .mm-seg button.is-on-blue{background:var(--color-authority);border-color:var(--color-authority);color:#fff} .mm-note{font-size:.78rem;color:var(--text-muted);margin-top:14px} /* ring embed */ .mm-ring-embed{height:min(860px,90vh);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);background:#FAFAFA} .mm-ring-embed iframe{width:100%;height:100%;border:0;display:block} .mm-band{padding:72px 0 24px;background:var(--gray-light);border-bottom:1px solid var(--border-default)} /* gradient CTA */ .mm-cta{background:var(--gradient-hero);border-radius:var(--radius-lg);padding:72px 56px;color:#fff;text-align:center} .mm-cta h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,4vw,3rem);text-transform:uppercase;margin-bottom:16px} .mm-cta p{max-width:520px;margin:0 auto 32px;color:rgba(255,255,255,.9);font-size:1.05rem} .mm-cta__row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center} /* about story + values + team */ .mm-story{display:flex;flex-wrap:wrap;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-default)} .mm-story__col{flex:1 1 320px;padding:52px 46px} .mm-story__col p{font-size:1.02rem;color:var(--text-body);margin-bottom:16px} .mm-story__stats{background:var(--black);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:28px} .mm-story__stats b{font-family:var(--font-display);font-weight:700;font-size:3rem;line-height:1;display:block} .mm-story__stats span{font-size:.85rem;color:var(--gray-200);letter-spacing:.5px;text-transform:uppercase} .mm-value__ico{width:52px;height:52px;border-radius:var(--radius-md);display:grid;place-items:center;margin-bottom:18px} .mm-value__ico svg{width:24px;height:24px} .mm-team{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--white)} .mm-team__img{height:220px;position:relative;overflow:hidden;background:var(--gradient-hero)} .mm-team__img img{width:100%;height:100%;object-fit:cover} .mm-team__body{padding:20px 22px 24px} .mm-team__body h4{font-weight:600;font-size:17px;color:var(--text-heading);margin-bottom:2px} .mm-team__body p{font-size:13px;color:var(--color-authority);font-weight:500;letter-spacing:.5px;text-transform:uppercase} /* contact details */ .mm-detail{display:flex;gap:16px;align-items:flex-start;color:inherit} .mm-detail__ico{width:44px;height:44px;border-radius:var(--radius-md);background:rgba(255,255,255,.08);display:grid;place-items:center;flex:none;color:var(--red-75)} .mm-detail__ico svg{width:22px;height:22px} .mm-detail b{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-200);display:block;margin-bottom:3px} .mm-detail span{font-size:15px;color:#fff} .mm-social{display:flex;gap:12px;margin-top:34px} .mm-social a{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff} .mm-social a svg{width:20px;height:20px} .mm-map{width:100%;height:320px;border:0;display:block} /* blog */ .mm-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px} .mm-article{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--white);box-shadow:var(--shadow-card);display:flex;flex-direction:column} .mm-article__img{height:190px;position:relative;background:var(--gradient-hero);overflow:hidden;display:flex;align-items:flex-start;padding:16px} .mm-article__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .mm-article__tag{position:relative;z-index:2;background:rgba(255,255,255,.92);color:var(--black);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border-radius:var(--radius-pill)} .mm-article__body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1} .mm-article__body h3{font-weight:600;font-size:18px;line-height:1.3;margin-bottom:10px;color:var(--text-heading)} .mm-article__body h3 a{color:inherit} .mm-article__body p{font-size:14px;color:var(--text-muted);line-height:1.55;margin-bottom:18px;flex:1} .mm-article__foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)} .mm-chips{display:flex;flex-wrap:wrap;gap:10px} .mm-chip{border:1.5px solid var(--border-default);background:var(--white);color:var(--text-body);border-radius:var(--radius-pill);padding:9px 18px;font-size:.86rem;font-weight:500;text-decoration:none} .mm-chip.is-on,.mm-chip:hover{border-color:var(--black);background:var(--black);color:#fff} .mm-single{max-width:760px;margin:0 auto;padding:140px 24px 40px} .mm-single h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.08;text-transform:uppercase;margin:14px 0 16px;color:var(--black)} .mm-single__meta{font-size:13px;color:var(--text-muted);margin-bottom:24px} .mm-single__thumb{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px} .mm-content{font-size:1.05rem;line-height:1.75;color:var(--text-body)} .mm-content h2{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:1.8rem;margin:32px 0 12px;color:var(--black)} .mm-content h3{font-weight:600;font-size:1.3rem;margin:24px 0 10px;color:var(--black)} .mm-content p{margin:0 0 18px} .mm-content img{border-radius:var(--radius-md);margin:20px 0} .mm-content a{color:var(--color-authority);text-decoration:underline} .mm-content ul,.mm-content ol{margin:0 0 18px 22px} .mm-content blockquote{border-left:3px solid var(--color-action);padding:6px 0 6px 20px;margin:20px 0;color:var(--text-heading);font-size:1.15rem} /* pagination */ .mm-pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:48px} .mm-pagination a,.mm-pagination span{padding:10px 16px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;color:var(--text-body);text-decoration:none} .mm-pagination .current{background:var(--black);color:#fff;border-color:var(--black)} .mm-pagination a:hover{border-color:var(--black)} /* sidebar / widgets */ .mm-layout{max-width:1200px;margin:0 auto;padding:140px 24px 40px;display:grid;grid-template-columns:1fr 300px;gap:48px} @media(max-width:900px){.mm-layout{grid-template-columns:1fr}} .mm-widget{margin-bottom:32px} .mm-widget-title{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:1.2rem;margin-bottom:14px;color:var(--black)} .mm-widget ul{list-style:none;margin:0;padding:0} .mm-widget li{padding:8px 0;border-bottom:1px solid var(--border-default);font-size:.92rem} /* footer */ .mm-footer{border-top:1px solid var(--border-default);padding:64px 0 40px;margin-top:60px;background:var(--gray-light)} .mm-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px} .mm-footer__brand{grid-column:1/-1;max-width:320px} .mm-footer__brand .mm-logo{margin-bottom:16px} .mm-footer__brand .mm-logo__mark::after{background:var(--gray-light)} .mm-footer__brand p{color:var(--text-muted);font-size:.85rem} .mm-footer h6{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px} .mm-footer a,.mm-footer__col p{display:block;font-size:.88rem;color:var(--text-body);padding:4px 0;text-decoration:none} .mm-footer a:hover{color:var(--color-action)} .mm-footer__bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--border-default);font-size:11px;color:var(--text-muted);letter-spacing:1px} .mm-footer__widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:40px} /* 404 / search */ .mm-center-page{max-width:700px;margin:0 auto;padding:180px 24px 80px;text-align:center} .mm-center-page h1{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,10vw,7rem);text-transform:uppercase;color:var(--color-action);line-height:1} .mm-searchform{display:flex;gap:10px;max-width:460px;margin:20px auto 0} .mm-searchform input[type=search]{flex:1;padding:14px 16px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body)}