/* ============================================ Modern agency layer (homepage and selected pages) Scoped to , so no other page is affected. Existing markup and copy are untouched; this restyles them and adds a few decorative/editorial elements (hero ambience, service ribbon, promise statement, scroll cue). Look: black, white and the brand red only. Heavy Poppins headlines, red highlighter accents, glowing red gradients, bento-style numbered cards, a bold red ribbon and closing band. ============================================ */ .modern { --mx-red: #CB1F2C; --mx-red-hot: #FF3B47; --mx-red-soft: #FF8A92; --mx-red-deep: #7E1119; --mx-line: rgba(255, 255, 255, 0.12); --mx-line-strong: rgba(255, 255, 255, 0.22); --mx-red-grad: linear-gradient(100deg, #FF8A92 0%, #FF3B47 48%, #CB1F2C 100%); --mx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); } @property --mx-a { syntax: ''; initial-value: 0deg; inherits: false; } /* ---------- Headings: bold, tight, with a red highlighter on the key word ---------- */ .modern .section-head .eyebrow, .modern #ask-preview .eyebrow, .modern .mx-kicker { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 14px; margin-bottom: 22px; font: 700 0.7rem var(--font-head); letter-spacing: 0.2em; text-transform: uppercase; color: #FFB4BA; background: rgba(203, 31, 44, 0.13); border: 1px solid rgba(203, 31, 44, 0.5); border-radius: 999px; } .modern .section-head .eyebrow::before, .modern #ask-preview .eyebrow::before, .modern .mx-kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mx-red-hot); box-shadow: 0 0 0 0 rgba(255, 59, 71, 0.7); animation: mxPing 2.2s ease-out infinite; } @keyframes mxPing { 0% { box-shadow: 0 0 0 0 rgba(255, 59, 71, 0.7); } 70% { box-shadow: 0 0 0 9px rgba(255, 59, 71, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 59, 71, 0); } } .modern .section-head h2, .modern #ask-preview h2, .modern .cta-band h2 { font-size: clamp(2rem, 4.1vw, 3.3rem); font-weight: 700; line-height: 1.08; letter-spacing: -0.035em; color: #fff; text-wrap: balance; } .modern .section-head h2 em, .modern #ask-preview h2 em, .modern .cta-band h2 em { --mx-mark: rgba(203, 31, 44, 0.95); font-style: normal; font-weight: 800; color: #fff; padding: 0 0.1em; margin: 0 -0.02em; background: linear-gradient(var(--mx-mark), var(--mx-mark)) 0 74% / 100% 0.34em no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .modern .section-head { max-width: 800px; } .modern .section-head .lede { color: #b8b8b8; max-width: 620px; } /* ---------- Hero ---------- */ .modern .hero-glass { padding: 112px 0 124px; isolation: isolate; } .modern .hero-glass .section-video-bg { opacity: 0.5; } .modern .hero-glass h1 { font-size: clamp(2.6rem, 5.3vw, 4.7rem); line-height: 1.02; font-weight: 700; letter-spacing: -0.045em; text-wrap: balance; } .modern .hero-glass h1 .word-mask { padding-bottom: 0.1em; margin-bottom: -0.1em; } .modern .hero-glass-highlight { font-weight: 800; letter-spacing: -0.04em; background: var(--mx-red-grad); -webkit-background-clip: text; background-clip: text; color: transparent; } .modern .hero .lede { color: #c4c4c4; max-width: 560px; font-size: 1.14rem; line-height: 1.7; } .modern .hero-glass-badge.eyebrow { position: relative; color: #fff; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.18em; padding: 9px 20px 9px 34px; background: rgba(203, 31, 44, 0.16); border: 1px solid rgba(203, 31, 44, 0.55); } .modern .hero-glass-badge.eyebrow::before { content: ""; position: absolute; left: 16px; top: 50%; width: 8px; height: 8px; transform: translateY(-50%); border-radius: 50%; background: var(--mx-red-hot); animation: mxPing 2.2s ease-out infinite; } .modern .hero-actions { gap: 16px; margin-top: 36px; } .modern .hero .btn-accent, .modern .cta-band .btn-accent, .modern .mx-solid { background: var(--accent); border-color: var(--accent); box-shadow: 0 16px 46px -14px rgba(203, 31, 44, 0.95); } .modern .hero .btn-outline-light { border-color: var(--mx-line-strong); background: rgba(255, 255, 255, 0.05); } .modern .hero .btn-outline-light:hover { border-color: transparent; } /* ambience: dot grid, drifting red light, film grain */ .mx-ambient { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; } .mx-ambient::before { content: ""; position: absolute; inset: 0; opacity: 0.55; background: radial-gradient(rgba(255, 255, 255, 0.16) 1px, transparent 1.5px) 0 0 / 30px 30px; -webkit-mask-image: radial-gradient(ellipse 70% 65% at 50% 45%, #000 20%, transparent 78%); mask-image: radial-gradient(ellipse 70% 65% at 50% 45%, #000 20%, transparent 78%); } .mx-orb { position: absolute; border-radius: 50%; filter: blur(80px); will-change: transform; transition: translate 1.2s var(--ease-out); } .mx-orb-a { width: 48vw; height: 48vw; max-width: 680px; max-height: 680px; top: -22%; left: -14%; background: radial-gradient(circle, rgba(203, 31, 44, 0.5), transparent 68%); animation: mxDrift 22s ease-in-out infinite alternate; } .mx-orb-b { width: 36vw; height: 36vw; max-width: 500px; max-height: 500px; right: -10%; bottom: -18%; background: radial-gradient(circle, rgba(255, 59, 71, 0.34), transparent 70%); animation: mxDrift 28s ease-in-out infinite alternate-reverse; } .mx-orb-c { width: 22vw; height: 22vw; max-width: 300px; max-height: 300px; left: 48%; top: 8%; background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 70%); animation: mxDrift 34s ease-in-out infinite alternate; } @keyframes mxDrift { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(3.5vw, 2.5vw, 0) scale(1.12); } } .mx-hair { display: none; } .mx-grain { position: absolute; inset: 0; background-image: var(--mx-noise); opacity: 0.07; mix-blend-mode: overlay; } /* scroll cue: a little mouse */ .mx-scroll { position: absolute; left: 50%; bottom: 28px; z-index: 3; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px; font: 700 0.62rem var(--font-head); letter-spacing: 0.3em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: opacity 0.4s ease; } .mx-scroll i { position: relative; width: 22px; height: 36px; border: 2px solid rgba(255, 255, 255, 0.55); border-radius: 14px; } .mx-scroll i::after { content: ""; position: absolute; left: 50%; top: 7px; width: 4px; height: 7px; margin-left: -2px; border-radius: 2px; background: var(--mx-red-hot); animation: mxWheel 1.8s ease-in-out infinite; } @keyframes mxWheel { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(12px); opacity: 0; } 100% { opacity: 0; } } .mx-scroll.is-hidden { opacity: 0; pointer-events: none; } /* hero panels: glass with a red light sweep */ .modern .hero-glass-card.hero-card, .modern .hero-glass-stats.hero-badges { border: 1px solid transparent; border-radius: 24px; position: relative; background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.1); } .modern .hero-glass-card.hero-card::after, .modern .hero-glass-stats.hero-badges::after, .modern .cta-band::after, .modern .learn-more-photo-frame::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none; background: conic-gradient(from var(--mx-a), rgba(255, 255, 255, 0.12) 0 55%, rgba(255, 90, 102, 1) 76%, rgba(255, 255, 255, 0.12) 92% 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); animation: mxSpin 8s linear infinite; } @keyframes mxSpin { to { --mx-a: 360deg; } } .modern .hero-glass-card.hero-card h3 { font-size: 1.45rem; font-weight: 700; letter-spacing: -0.02em; } .modern .hero-card .tick { background: linear-gradient(135deg, #FF3B47, #A21923); box-shadow: 0 6px 16px -4px rgba(203, 31, 44, 0.9); } .modern .hero-glass-stats.hero-badges .hero-badge strong { font-weight: 800; font-size: 1.22rem; letter-spacing: -0.02em; background: var(--mx-red-grad); -webkit-background-clip: text; background-clip: text; color: transparent; } .modern .hero-glass-stats.hero-badges .hero-badge:not(:last-child) { border-right-color: var(--mx-line); } /* ---------- Service ribbon: a bold red band ---------- */ .mx-marquee { position: relative; overflow: hidden; padding: 26px 0; color: #fff; background: linear-gradient(100deg, #A21923 0%, #CB1F2C 45%, #E0323F 100%); border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .mx-marquee::before { content: ""; position: absolute; inset: 0; background-image: var(--mx-noise); opacity: 0.09; mix-blend-mode: overlay; pointer-events: none; } .mx-marquee-viewport { overflow: hidden; } .mx-marquee-run { display: flex; width: max-content; animation: mxRun 40s linear infinite; } .mx-marquee:hover .mx-marquee-run { animation-play-state: paused; } .mx-marquee-track { display: flex; flex: none; align-items: center; margin: 0; padding: 0; list-style: none; } .mx-marquee-track li { display: flex; align-items: center; white-space: nowrap; font-weight: 800; font-size: clamp(1.5rem, 3vw, 2.5rem); letter-spacing: -0.02em; text-transform: uppercase; color: #fff; } .mx-marquee-track li:nth-child(even) { color: transparent; -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.95); } .mx-marquee-track li::after { content: ""; width: 20px; height: 20px; margin: 0 clamp(24px, 3.6vw, 48px); flex: none; background: #fff; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); } @keyframes mxRun { to { transform: translateX(calc(-100% / 3)); } } /* ---------- Cards: rounded, glassy, big red numerals ---------- */ .modern #problem .grid-3 { counter-reset: mx; gap: 26px; } .modern #problem .card, .modern .service-card, .modern .review-card, .modern #blog-preview .blog-card, .modern .step { border-radius: 22px; border-color: var(--mx-line); position: relative; overflow: hidden; } .modern #problem .card { counter-increment: mx; padding: 40px 32px 34px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)); } .modern #problem .card::before, .modern .service-card::after { content: ""; position: absolute; left: 0; top: 0; height: 3px; width: 0; background: linear-gradient(90deg, #FF3B47, #CB1F2C); transition: width 0.5s var(--ease-out); } .modern #problem .card:hover::before, .modern .service-card:hover::after, .modern .service-card:focus-within::after { width: 100%; } .modern #problem .card::after { content: "0" counter(mx); position: absolute; right: 22px; top: 14px; font-weight: 800; font-size: 4.4rem; line-height: 1; letter-spacing: -0.05em; color: rgba(203, 31, 44, 0.24); pointer-events: none; transition: color 0.3s ease, transform 0.4s var(--ease-out); } .modern #problem .card:hover::after { color: rgba(255, 59, 71, 0.6); transform: translateY(-3px); } .modern #problem .card .icon { border-radius: 16px; width: 54px; height: 54px; background: rgba(203, 31, 44, 0.12); border: 1.5px solid var(--accent); } .modern #problem .card h3, .modern .service-card h3 { font-size: 1.28rem; font-weight: 700; letter-spacing: -0.02em; } .modern .services-grid { gap: 26px; } .modern .service-card { padding: 40px 32px 34px; background: linear-gradient(180deg, #181818 0%, #0b0b0b 100%); } .modern .service-card::before { inset: 0; border-radius: inherit; background: none; border: 1.5px solid rgba(255, 59, 71, 0.7); } .modern .service-card .icon { border-radius: 16px; width: 54px; height: 54px; background: rgba(203, 31, 44, 0.12); border-color: rgba(203, 31, 44, 0.6); color: #fff; } .modern .service-card:hover .icon, .modern .service-card:focus-within .icon { background: var(--accent); border-color: var(--accent); } .modern .service-card .number-tag { position: absolute; top: 20px; right: 24px; font-weight: 800; font-size: 3.4rem; line-height: 1; letter-spacing: -0.05em; color: rgba(203, 31, 44, 0.26); transition: color 0.3s ease, transform 0.4s var(--ease-out); } .modern .service-card:hover .number-tag { color: rgba(255, 59, 71, 0.65); transform: translateY(-3px); } .modern .service-card .btn-outline-light { border-color: var(--mx-line-strong); } .modern .service-card:hover .btn-outline-light { border-color: var(--accent); } /* pointer spotlight (set by modern.js) */ .modern .mx-spot { --mx: 50%; --my: 0%; } .modern .mx-spot:hover { background-image: radial-gradient(440px circle at var(--mx) var(--my), rgba(203, 31, 44, 0.2), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)); } /* ---------- Promise statement ---------- */ .mx-manifesto { position: relative; overflow: hidden; text-align: center; padding: 120px 0 108px; isolation: isolate; background: radial-gradient(60% 80% at 50% 105%, rgba(203, 31, 44, 0.32), transparent 70%), radial-gradient(45% 50% at 50% 0%, rgba(203, 31, 44, 0.12), transparent 72%), #000; } .mx-manifesto::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0.5; background: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px) 0 0 / 30px 30px; -webkit-mask-image: radial-gradient(ellipse 65% 60% at 50% 50%, #000 15%, transparent 75%); mask-image: radial-gradient(ellipse 65% 60% at 50% 50%, #000 15%, transparent 75%); } .mx-kicker { margin: 0 0 24px; } .mx-statement { font-weight: 800; font-size: clamp(2.7rem, 7.2vw, 6rem); line-height: 1.0; letter-spacing: -0.05em; color: #fff; margin: 0 auto 64px; max-width: 14ch; text-wrap: balance; } .mx-statement em { font-style: normal; padding: 0 0.08em; background: linear-gradient(var(--mx-red), var(--mx-red)) 0 78% / 100% 0.3em no-repeat; } .mx-pillars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; max-width: 1080px; margin: 0 auto; } .mx-pillar { position: relative; padding: 32px 30px 30px; text-align: left; border-radius: 22px; border: 1px solid var(--mx-line); background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.015)); overflow: hidden; } .mx-pillar::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #FF3B47, transparent); } .mx-num { display: block; font-weight: 800; font-size: 2.6rem; line-height: 1; letter-spacing: -0.05em; background: var(--mx-red-grad); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 16px; } .mx-pillar h3 { font-size: 1.15rem; font-weight: 700; letter-spacing: -0.015em; color: #fff; margin: 0 0 8px; } .mx-pillar p { font-size: 0.94rem; line-height: 1.65; color: #b4b4b4; margin: 0; } .modern.mx-ready .mx-manifesto .mx-statement, .modern.mx-ready .mx-manifesto .mx-kicker, .modern.mx-ready .mx-manifesto .mx-pillar { opacity: 0; transform: translateY(28px); transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out); } .modern.mx-ready .mx-manifesto.mx-in .mx-statement { transition-delay: 0.1s; } .modern.mx-ready .mx-manifesto.mx-in .mx-pillar:nth-child(1) { transition-delay: 0.3s; } .modern.mx-ready .mx-manifesto.mx-in .mx-pillar:nth-child(2) { transition-delay: 0.42s; } .modern.mx-ready .mx-manifesto.mx-in .mx-pillar:nth-child(3) { transition-delay: 0.54s; } .modern.mx-ready .mx-manifesto.mx-in .mx-statement, .modern.mx-ready .mx-manifesto.mx-in .mx-kicker, .modern.mx-ready .mx-manifesto.mx-in .mx-pillar { opacity: 1; transform: none; } /* ---------- Reviews ---------- */ .modern .reviews-wall { overflow-y: hidden; } .modern .review-card { width: min(84vw, 340px); padding: 34px 30px 28px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)); } .modern .review-card::before { content: "\201C"; position: absolute; top: 6px; right: 22px; font-weight: 800; font-size: 6rem; line-height: 1; color: rgba(203, 31, 44, 0.3); pointer-events: none; } .modern .review-card .stars { color: #FF5A66; text-shadow: 0 0 14px rgba(203, 31, 44, 0.55); } .modern .review-card .quote { font-size: 0.95rem; line-height: 1.7; color: #dedede; } .modern .review-card .attribution { border-top-color: var(--mx-line); } .modern .reviews-nav { border-color: var(--mx-line-strong); } .modern .reviews-nav:hover { background: var(--accent); border-color: var(--accent); } /* ---------- Clients ---------- */ .modern #clients { background: #060606; border-top: 1px solid var(--mx-line); border-bottom: 1px solid var(--mx-line); } .modern .logo-marquee-panel { border-radius: 22px; } /* ---------- Process ---------- */ .modern .steps { position: relative; gap: 26px; } .modern .steps::before { content: ""; position: absolute; top: 58px; left: 16%; right: 16%; height: 0; border-top: 2px dashed rgba(203, 31, 44, 0.6); z-index: 0; } .modern .step { z-index: 1; padding: 40px 30px 34px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)); } .modern .step::before { width: 62px; height: 62px; margin-bottom: 22px; font-weight: 800; font-size: 1.6rem; color: #fff; letter-spacing: -0.03em; background: linear-gradient(135deg, #FF3B47, #A21923); border: 0; box-shadow: 0 0 0 6px #000, 0 12px 30px -8px rgba(203, 31, 44, 0.9); } .modern .step h3 { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.02em; } /* ---------- About ---------- */ .modern .learn-more-photo-frame { position: relative; border-radius: 24px; box-shadow: 16px 16px 0 -2px rgba(203, 31, 44, 0.32), 0 40px 80px -40px rgba(0, 0, 0, 0.9); } .modern .learn-more-photo-frame::after { z-index: 2; } /* ---------- FAQ ---------- */ .modern .faq-section-block .faq-item { border-radius: 18px; } .modern .faq-section-block .faq-item:hover, .modern .faq-section-block .faq-item.open { border-color: rgba(255, 90, 102, 0.6); box-shadow: 0 20px 50px -24px rgba(203, 31, 44, 0.55); } .modern .faq-q { font-weight: 600; } /* ---------- Ask ---------- */ .modern #ask-preview { background: radial-gradient(50% 80% at 90% 40%, rgba(203, 31, 44, 0.16), transparent 70%), var(--bg-alt); } .modern .ig-mock { border-radius: 26px; border-color: var(--mx-line-strong); box-shadow: 0 40px 80px -36px rgba(0, 0, 0, 0.95), 0 0 60px -30px rgba(203, 31, 44, 0.6); } /* ---------- Blog ---------- */ .modern #blog-preview .blog-card { background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)); } .modern #blog-preview .blog-card .meta { color: #FF8A92; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.72rem; font-weight: 700; } .modern #blog-preview .blog-card h3 { font-weight: 700; letter-spacing: -0.015em; } /* ---------- Closing band: bold red ---------- */ .modern .cta-band { padding: 84px 40px; border-radius: 32px; position: relative; overflow: hidden; border: 0; background: radial-gradient(60% 120% at 12% 0%, rgba(255, 255, 255, 0.22), transparent 62%), radial-gradient(50% 90% at 100% 100%, rgba(0, 0, 0, 0.4), transparent 70%), linear-gradient(135deg, #E0323F 0%, #CB1F2C 45%, #8F141D 100%) !important; box-shadow: 0 50px 100px -46px rgba(203, 31, 44, 0.9); } .modern .cta-band::before { content: ""; position: absolute; inset: 0; background-image: var(--mx-noise); opacity: 0.1; mix-blend-mode: overlay; pointer-events: none; } .modern .cta-band::after { display: none; } .modern .cta-band > * { position: relative; } .modern .cta-band h2 { font-size: clamp(2.2rem, 4.8vw, 3.7rem); } .modern .cta-band h2 em { --mx-mark: rgba(0, 0, 0, 0.4); } .modern .cta-band p { color: rgba(255, 255, 255, 0.92); font-size: 1.06rem; max-width: 620px; } .modern .cta-band .btn-accent { background: #fff; border-color: #fff; color: #A21923; box-shadow: 0 16px 40px -14px rgba(0, 0, 0, 0.6); } .modern .cta-band .btn-accent .btn-flow-arrow { color: #A21923; } .modern .cta-band .btn-accent:hover { color: #fff; } .modern .cta-band .btn-accent:hover .btn-flow-arrow { color: #fff; } .modern .cta-band .btn-outline-light { border-color: rgba(255, 255, 255, 0.7); } /* ---------- Responsive ---------- */ @media (max-width: 980px) { .modern .hero-glass { padding: 84px 0 104px; } .mx-pillars { grid-template-columns: minmax(0, 1fr); } .modern .steps::before { display: none; } .mx-statement { margin-bottom: 44px; } } @media (max-width: 640px) { .modern .hero-glass { padding: 64px 0 96px; } .mx-scroll { bottom: 16px; } .mx-marquee { padding: 20px 0; } .mx-manifesto { padding: 84px 0 76px; } .modern #problem .card::after { font-size: 3.6rem; } .modern .service-card .number-tag { font-size: 2.6rem; } .modern .cta-band { padding: 54px 22px; border-radius: 24px; } .modern .hero-glass-stats.hero-badges .hero-badge strong { font-size: 1.05rem; } } @media (prefers-reduced-motion: reduce) { .mx-orb, .mx-marquee-run, .mx-scroll i::after, .modern .hero-glass-card.hero-card::after, .modern .hero-glass-stats.hero-badges::after, .modern .learn-more-photo-frame::after, .modern .section-head .eyebrow::before, .modern #ask-preview .eyebrow::before, .mx-kicker::before, .modern .hero-glass-badge.eyebrow::before { animation: none; } .mx-marquee-run { width: auto; flex-wrap: wrap; justify-content: center; } .mx-marquee-track[aria-hidden="true"] { display: none; } .modern.mx-ready .mx-manifesto .mx-statement, .modern.mx-ready .mx-manifesto .mx-kicker, .modern.mx-ready .mx-manifesto .mx-pillar { opacity: 1; transform: none; transition: none; } }