:root {
--mpm2-brush-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg transform='rotate(-35 22 22)'%3E%3Crect x='19' y='1' width='6' height='25' rx='3' fill='%232b2140'/%3E%3Crect x='17' y='22' width='10' height='8' rx='2' fill='%23c6c6c6'/%3E%3Cpath d='M17 29h10l-2 13h-6z' fill='%236d35b5'/%3E%3C/g%3E%3C/svg%3E") 6 38, auto;
} body.mpm2-hide-theme-header #masthead,
body.mpm2-hide-theme-header .site-header:not(.mpm2-topbar),
body.mpm2-hide-theme-header header.site-header,
body.mpm2-hide-theme-header .main-header,
body.mpm2-hide-theme-header .header-wrapper,
body.mpm2-hide-theme-header .site-header-wrapper,
body.mpm2-hide-theme-header #site-navigation:not(.mpm2-topnav),
body.mpm2-hide-theme-header .main-navigation:not(.mpm2-topnav),
body.mpm2-hide-theme-header .header-menu,
body.mpm2-hide-theme-header .primary-menu-container,
body.mpm2-hide-theme-header .bottom-header,
body.mpm2-hide-theme-header .header-bottom,
body.mpm2-hide-theme-header .theme-header,
body.mpm2-hide-theme-header .header-main,
body.mpm2-hide-theme-header .header-menu-section,
body.mpm2-hide-theme-header .navigation-wrapper {
display: none !important;
}
.mpm2-brush-enabled .mpm2-shell,
.mpm2-brush-enabled .mpm2-shell a,
.mpm2-brush-enabled .mpm2-shell button {
cursor: var(--mpm2-brush-cursor);
}
.mpm2-admin-notice {
max-width: 900px;
margin: 24px auto;
padding: 16px 18px;
border-left: 4px solid #c2410c;
background: #fff7ed;
color: #431407;
}
.mpm2-shell {
--mpm2-bg: #f8f5ef;
--mpm2-surface: #fff;
--mpm2-topbar-bg: #fff;
--mpm2-hero-bg: #f8f5ef;
--mpm2-palette-bg: #f8f5ef;
--mpm2-content-bg: #fff;
--mpm2-quick-bg: #f8f5ef;
--mpm2-newsletter-bg: #fff;
--mpm2-footer-bg: #fff;
--mpm2-text: #1d1915;
--mpm2-accent: #a8172a;
--mpm2-mega-bg: #111;
--mpm2-mega-text: #fff;
--mpm2-feed-height: 760px;
--mpm2-columns: 2;
--mpm2-page-bg-image: none;
--mpm2-page-bg-size: cover;
--mpm2-page-bg-position: center center;
--mpm2-page-bg-repeat: no-repeat;
--mpm2-page-bg-attachment: scroll;
--mpm2-page-bg-overlay: rgba(0,0,0,0);
position: relative;
z-index: 50;
width: 100%;
box-sizing: border-box;
background-color: var(--mpm2-bg);
background-image: linear-gradient(var(--mpm2-page-bg-overlay), var(--mpm2-page-bg-overlay)), var(--mpm2-page-bg-image);
background-size: 100% 100%, var(--mpm2-page-bg-size);
background-position: center center, var(--mpm2-page-bg-position);
background-repeat: no-repeat, var(--mpm2-page-bg-repeat);
background-attachment: scroll, var(--mpm2-page-bg-attachment);
color: var(--mpm2-text);
font-family: Arial, Helvetica, sans-serif;
}
.mpm2-shell.mpm2-full-width {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
.mpm2-shell.mpm2-overlay {
position: fixed;
inset: 0;
z-index: 999999;
overflow-y: auto;
margin: 0 !important;
}
.mpm2-shell[hidden] { display: none !important; }
.mpm2-close {
position: fixed;
top: 18px;
right: 22px;
z-index: 1000002;
display: grid;
place-items: center;
width: 48px;
height: 48px;
padding: 0;
border: 1px solid rgba(0,0,0,.14);
border-radius: 50%;
background: rgba(255,255,255,.9);
color: #111;
box-shadow: 0 12px 34px rgba(0,0,0,.14);
font-size: 30px;
line-height: 1;
}
.mpm2-topbar {
position: relative;
z-index: 100;
display: grid;
grid-template-columns: minmax(210px, 300px) 1fr auto;
align-items: center;
gap: 24px;
min-height: 88px;
padding: 0 clamp(20px, 4vw, 72px);
background: var(--mpm2-topbar-bg);
border-bottom: 1px solid color-mix(in srgb, var(--mpm2-text) 10%, transparent);
box-shadow: 0 8px 22px rgba(0,0,0,.04);
}
.mpm2-sticky-top .mpm2-topbar {
position: sticky;
top: 0;
}
.mpm2-brand {
display: inline-flex;
align-items: center;
gap: 13px;
color: var(--mpm2-text);
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(18px, 1.5vw, 26px);
font-weight: 700;
line-height: 1.05;
text-decoration: none;
max-width: 100%;
}
.mpm2-brand img {
display: block;
max-width: 210px;
max-height: 64px;
object-fit: contain;
flex: 0 0 auto;
}
.mpm2-brand-text {
display: flex;
flex-direction: column;
min-width: 0;
max-width: 100%;
}
.mpm2-brand-text-inner {
display: block;
white-space: pre-line;
line-height: 1.04;
word-break: break-word;
overflow-wrap: anywhere;
}
.mpm2-brand-pos-right { flex-direction: row; }
.mpm2-brand-pos-left { flex-direction: row-reverse; }
.mpm2-brand-pos-below { flex-direction: column; align-items: flex-start; gap: 8px; }
.mpm2-brand-pos-above { flex-direction: column-reverse; align-items: flex-start; gap: 8px; }
.mpm2-brand-text-left .mpm2-brand-text { align-items: flex-start; text-align: left; }
.mpm2-brand-text-center .mpm2-brand-text { align-items: center; text-align: center; }
.mpm2-brand-text-right .mpm2-brand-text { align-items: flex-end; text-align: right; }
.mpm2-brand-pos-below.mpm2-brand-text-center,
.mpm2-brand-pos-above.mpm2-brand-text-center { align-items: center; }
.mpm2-brand-pos-below.mpm2-brand-text-right,
.mpm2-brand-pos-above.mpm2-brand-text-right { align-items: flex-end; }
.mpm2-brand-mark {
display: inline-flex;
align-items: flex-end;
gap: 4px;
width: 44px;
height: 48px;
}
.mpm2-brand-mark i { display: block; width: 9px; background: currentColor; }
.mpm2-brand-mark i:nth-child(1) { height: 30px; }
.mpm2-brand-mark i:nth-child(2) { height: 42px; }
.mpm2-brand-mark i:nth-child(3) { height: 24px; }
.mpm2-topnav > ul,
.mpm2-topnav ul,
.mpm2-palette-list,
.mpm2-palette-submenu {
margin: 0;
padding: 0;
list-style: none;
}
.mpm2-topnav > ul {
display: flex;
align-items: center;
justify-content: flex-end;
gap: clamp(14px, 2vw, 34px);
}
.mpm2-top-item { position: static; }
.mpm2-top-item > a {
position: relative;
display: inline-flex;
align-items: center;
min-height: 88px;
color: var(--mpm2-text);
font-size: clamp(15px, 1.05vw, 19px);
font-weight: 700;
text-decoration: none;
white-space: nowrap;
transform: rotate(var(--mpm2-top-text-rotation, 0deg));
transform-origin: center center;
}
.mpm2-top-item > a::before,
.mpm2-top-item > a::after {
content: '';
position: absolute;
pointer-events: none;
opacity: 0;
transition: opacity .22s ease, transform .28s ease;
}
.mpm2-top-item > a::before {
left: -9px;
right: -9px;
bottom: 25px;
height: 9px;
border-radius: 65% 35% 55% 45% / 44% 58% 42% 56%;
background: color-mix(in srgb, var(--mpm2-item-color) 82%, transparent);
transform: scaleX(.2) rotate(-2deg);
transform-origin: left center;
mix-blend-mode: multiply;
}
.mpm2-top-item > a::after {
right: -18px;
bottom: 26px;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--mpm2-item-color);
transform: translateX(-8px) scale(.3);
}
.mpm2-top-item:hover > a::before,
.mpm2-top-item:focus-within > a::before,
.mpm2-top-item.is-open > a::before,
.mpm2-top-item:hover > a::after,
.mpm2-top-item:focus-within > a::after,
.mpm2-top-item.is-open > a::after {
opacity: .8;
transform: scaleX(1) rotate(-2deg);
}
.mpm2-top-item:hover > a,
.mpm2-top-item:focus-within > a,
.mpm2-top-item.is-open > a {
color: color-mix(in srgb, var(--mpm2-item-color) 80%, #111 20%);
}
.mpm2-mega,
.mpm2-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 130;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-10px);
transition: opacity .2s ease, transform .25s ease, visibility .2s ease;
}
.mpm2-top-item:hover > .mpm2-mega,
.mpm2-top-item:focus-within > .mpm2-mega,
.mpm2-top-item.is-open > .mpm2-mega,
.mpm2-top-item:hover > .mpm2-dropdown,
.mpm2-top-item:focus-within > .mpm2-dropdown,
.mpm2-top-item.is-open > .mpm2-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.mpm2-mega {
display: grid;
grid-template-columns: minmax(280px, 1fr) minmax(420px, 1.25fr);
gap: clamp(30px, 5vw, 80px);
padding: clamp(38px, 5vw, 78px) clamp(42px, 6vw, 100px);
background: var(--mpm2-mega-bg);
color: var(--mpm2-mega-text);
box-shadow: 0 28px 54px rgba(0,0,0,.28);
}
.mpm2-mega-eyebrow {
margin: 0 0 18px;
color: color-mix(in srgb, var(--mpm2-mega-text) 66%, transparent);
font-size: 13px;
font-weight: 700;
letter-spacing: .15em;
text-transform: uppercase;
}
.mpm2-mega-links ul { display: grid; gap: 10px; }
.mpm2-mega-links a {
display: inline-block;
color: var(--mpm2-mega-text);
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(24px, 2.4vw, 42px);
font-weight: 700;
line-height: 1.12;
text-decoration: none;
transition: color .18s ease, transform .18s ease;
}
.mpm2-mega-links a:hover,
.mpm2-mega-links a:focus-visible { color: var(--mpm2-item-color); transform: translateX(8px); }
.mpm2-mega-cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.mpm2-mega-card { color: var(--mpm2-mega-text); text-decoration: none; }
.mpm2-mega-image {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
margin-bottom: 12px;
background: linear-gradient(135deg, color-mix(in srgb, var(--mpm2-item-color) 55%, #222), #444) center / cover no-repeat;
}
.mpm2-mega-card strong { font-family: Georgia, 'Times New Roman', serif; font-size: 20px; line-height: 1.25; }
.mpm2-dropdown {
left: auto;
right: 70px;
width: 270px;
padding: 16px;
background: var(--mpm2-mega-bg);
box-shadow: 0 24px 44px rgba(0,0,0,.25);
}
.mpm2-dropdown a { display: block; padding: 11px 12px; color: var(--mpm2-mega-text); text-decoration: none; }
.mpm2-search-toggle {
display: grid;
place-items: center;
width: 42px;
height: 42px;
padding: 0;
border: 0;
border-radius: 50%;
background: var(--mpm2-accent);
color: #fff;
font-size: 26px;
}
.mpm2-search-form {
position: absolute;
top: calc(100% + 10px);
right: clamp(20px, 4vw, 72px);
z-index: 160;
display: flex;
gap: 8px;
padding: 12px;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
background: var(--mpm2-surface);
box-shadow: 0 18px 36px rgba(0,0,0,.15);
transition: .2s ease;
}
.mpm2-search-form.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
.mpm2-search-form input { min-width: 240px; padding: 10px 12px; border: 1px solid #ccc; }
.mpm2-search-form button { padding: 10px 16px; border: 0; background: var(--mpm2-accent); color: #fff; }
.mpm2-mobile-toggle { display: none; }
.mpm2-heading {
background: var(--mpm2-hero-bg);
padding: clamp(42px, 5vw, 78px) clamp(24px, 5vw, 90px) clamp(28px, 3vw, 42px);
text-align: center;
}
.mpm2-heading h1 {
margin: 0;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(42px, 5vw, 82px);
line-height: 1;
}
.mpm2-heading p {
max-width: 920px;
margin: 18px auto 0;
color: color-mix(in srgb, var(--mpm2-text) 72%, transparent);
font-size: clamp(17px, 1.5vw, 24px);
line-height: 1.5;
}
.mpm2-main-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: start;
gap: clamp(28px, 3vw, 44px);
width: min(100%, 1440px);
margin: 0 auto clamp(54px, 6vw, 92px);
padding: 0 clamp(20px, 3vw, 40px) 0;
box-sizing: border-box;
}
.mpm2-palette-panel,
.mpm2-palette-item.has-children .mpm2-palette-hover-label {
max-width: 280px;
}
.mpm2-palette-item.has-children.is-painted-label .mpm2-palette-hover-label::before {
width: 108%;
}
.mpm2-content-panel {
background: var(--mpm2-content-bg);
min-width: 0;
width: 100%;
max-width: none;
}
.mpm2-palette-panel {
position: sticky;
background: var(--mpm2-palette-bg);
border-radius: 28px;
padding: clamp(18px, 2.2vw, 32px);
top: 108px;
min-width: 0;
width: 100%;
max-width: none;
}
.mpm2-palette-panel .mpm2-section-heading h2 {
font-size: clamp(32px, 2.5vw, 50px);
}
.mpm2-palette-panel .mpm2-section-heading p {
font-size: 16px;
}
.mpm2-section-heading { margin-bottom: 22px; }
.mpm2-section-heading h2 {
margin: 0;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(28px, 2.4vw, 46px);
line-height: 1.08;
}
.mpm2-section-heading p {
margin: 10px 0 0;
color: color-mix(in srgb, var(--mpm2-text) 70%, transparent);
font-size: 16px;
line-height: 1.55;
}
.mpm2-palette-canvas {
position: relative;
width: 100%;
max-width: 100%;
margin: 0 auto;
overflow: visible;
border-radius: 28px;
box-shadow: 0 22px 52px rgba(0,0,0,.13);
}
.mpm2-palette-palette {
aspect-ratio: 4 / 5;
background-color: #fff;
background-image: var(--mpm2-palette-image);
background-position: center center;
background-repeat: no-repeat;
background-size: 106% auto;
}
.mpm2-palette-streaks {
aspect-ratio: 1680 / 1050;
background: #fff var(--mpm2-streaks-image) center / 100% 100% no-repeat;
}
.mpm2-palette-streaks-horizontal {
aspect-ratio: 1680 / 540;
background: #fff var(--mpm2-streaks-image) center / 100% 100% no-repeat;
}
.mpm2-palette-list { position: absolute; inset: 0; }
.mpm2-palette-item {
position: absolute;
top: var(--mpm2-top);
left: var(--mpm2-left);
z-index: 3;
width: var(--mpm2-size);
aspect-ratio: 1;
overflow: visible;
transform: translate(-50%, -50%);
}
.mpm2-palette-item:hover,
.mpm2-palette-item:focus-within,
.mpm2-palette-item.is-open { z-index: 30; }
.mpm2-palette-link {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 10%;
border-radius: 50%;
background: rgba(9,15,30,.22);
color: #fff;
text-align: center;
text-decoration: none;
text-shadow: 0 2px 6px rgba(0,0,0,.75);
box-shadow: inset 0 0 0 2px rgba(255,255,255,.32), 0 8px 18px rgba(0,0,0,.18);
transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.mpm2-visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mpm2-palette-hover-label {
position: absolute;
top: 50%;
left: calc(100% + 26px);
z-index: 35;
min-width: 220px;
max-width: 520px;
transform: translateY(-50%) rotate(var(--mpm2-palette-text-rotation, 0deg));
transform-origin: left center;
opacity: 0;
pointer-events: none;
filter: drop-shadow(0 6px 14px rgba(0,0,0,.60));
transition: opacity .2s ease;
}
.mpm2-palette-hover-label-text {
position: relative;
z-index: 1;
display: inline-block;
padding: 9px 20px;
font-size: clamp(16px, 1.2vw, 24px);
font-weight: 900;
line-height: 1.08;
color: #fff;
text-shadow: 0 2px 5px rgba(0,0,0,.72);
overflow-wrap: normal;
white-space: nowrap;
letter-spacing: .01em;
opacity: 0;
clip-path: inset(0 100% 0 0);
}
.mpm2-palette-hover-label::before {
content: '';
position: absolute;
left: 0;
top: 50%;
z-index: 0;
width: 0;
height: 82%;
transform: translateY(-50%) rotate(-6deg);
border-radius: 999px;
opacity: 0;
background: linear-gradient(90deg,
rgba(8,12,24,.24) 0%,
color-mix(in srgb, var(--mpm2-item-color) 98%, #fff) 12%,
color-mix(in srgb, var(--mpm2-item-color) 88%, #fff) 88%,
rgba(8,12,24,.16) 100%);
box-shadow: 0 0 22px color-mix(in srgb, var(--mpm2-item-color) 46%, transparent), 0 4px 16px rgba(0,0,0,.40);
}
.mpm2-palette-hover-label::after {
display: none;
}
.mpm2-palette-item:hover .mpm2-palette-hover-label,
.mpm2-palette-item:focus-within .mpm2-palette-hover-label,
.mpm2-palette-item.is-open .mpm2-palette-hover-label,
.mpm2-palette-item.is-painted-label .mpm2-palette-hover-label {
opacity: 1;
}
.mpm2-palette-item.is-painted-label .mpm2-palette-hover-label::before {
opacity: .92;
animation: mpm2PaintStrokeReveal 1.1s cubic-bezier(.2,.85,.2,1) forwards;
}
.mpm2-palette-item.is-painted-label .mpm2-palette-hover-label-text,
.mpm2-palette-item:hover .mpm2-palette-hover-label-text,
.mpm2-palette-item:focus-within .mpm2-palette-hover-label-text,
.mpm2-palette-item.is-open .mpm2-palette-hover-label-text {
opacity: 1;
animation: mpm2TextPaintReveal 1.1s cubic-bezier(.2,.85,.2,1) forwards;
}
@keyframes mpm2TextPaintReveal {
0% { clip-path: inset(0 100% 0 0); filter: blur(1px); }
55% { clip-path: inset(0 28% 0 0); filter: blur(.2px); }
100% { clip-path: inset(0 0 0 0); filter: blur(0); }
}
@keyframes mpm2PaintStrokeReveal {
0% { width: 0; opacity: 0; }
18% { opacity: .95; }
100% { width: 100%; opacity: .92; }
}
.mpm2-palette-item:hover .mpm2-palette-link,
.mpm2-palette-item:focus-within .mpm2-palette-link,
.mpm2-palette-item.is-open .mpm2-palette-link {
background: color-mix(in srgb, var(--mpm2-item-color) 42%, transparent);
box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--mpm2-item-color) 60%, #fff), 0 0 24px color-mix(in srgb, var(--mpm2-item-color) 60%, transparent);
transform: scale(1.06);
}
.mpm2-palette-streaks .mpm2-palette-link,
.mpm2-palette-streaks-horizontal .mpm2-palette-link {
background: transparent;
box-shadow: none;
}
.mpm2-palette-streaks .mpm2-palette-link::after,
.mpm2-palette-streaks-horizontal .mpm2-palette-link::after {
height: 30%;
}
.mpm2-palette-streaks .mpm2-palette-item:hover .mpm2-palette-link,
.mpm2-palette-streaks .mpm2-palette-item:focus-within .mpm2-palette-link,
.mpm2-palette-streaks .mpm2-palette-item.is-open .mpm2-palette-link,
.mpm2-palette-streaks-horizontal .mpm2-palette-item:hover .mpm2-palette-link,
.mpm2-palette-streaks-horizontal .mpm2-palette-item:focus-within .mpm2-palette-link,
.mpm2-palette-streaks-horizontal .mpm2-palette-item.is-open .mpm2-palette-link {
background: color-mix(in srgb, var(--mpm2-item-color) 28%, transparent);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--mpm2-item-color) 48%, #fff), 0 0 18px color-mix(in srgb, var(--mpm2-item-color) 55%, transparent);
}
.mpm2-palette-streaks-horizontal .mpm2-palette-hover-label {
top: calc(100% + 16px);
left: 50%;
min-width: 160px;
max-width: 340px;
transform: translateX(-50%) rotate(var(--mpm2-palette-text-rotation, 0deg));
transform-origin: center top;
text-align: center;
}
.mpm2-palette-streaks-horizontal .mpm2-palette-hover-label::before {
left: 50%;
top: 0;
height: 88%;
transform: translate(-50%, 0) rotate(-4deg);
}
.mpm2-palette-streaks-horizontal .mpm2-palette-hover-label-text {
white-space: normal;
text-align: center;
}
.mpm2-palette-streaks-horizontal .mpm2-palette-submenu {
top: calc(100% + 84px);
left: 50%;
width: min(340px, 86vw);
transform: translateX(-50%) translateY(-10px) scale(.94);
transform-origin: center top;
}
.mpm2-palette-streaks-horizontal .mpm2-palette-item:hover > .mpm2-palette-submenu,
.mpm2-palette-streaks-horizontal .mpm2-palette-item:focus-within > .mpm2-palette-submenu,
.mpm2-palette-streaks-horizontal .mpm2-palette-item.is-open > .mpm2-palette-submenu {
transform: translateX(-50%) translateY(0) scale(1);
}
.mpm2-palette-streaks-horizontal .mpm2-palette-submenu li {
transform: translateY(-8px);
}
.mpm2-palette-streaks-horizontal .mpm2-palette-item:hover .mpm2-palette-submenu li,
.mpm2-palette-streaks-horizontal .mpm2-palette-item:focus-within .mpm2-palette-submenu li,
.mpm2-palette-streaks-horizontal .mpm2-palette-item.is-open .mpm2-palette-submenu li {
transform: translateY(0);
}
.mpm2-palette-submenu {
position: absolute;
top: 50%;
left: calc(100% + 18px);
z-index: 32;
display: flex;
flex-direction: column;
gap: 10px;
width: clamp(220px, 22vw, 380px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-50%) translateX(-12px) scale(.94);
transform-origin: left center;
transition: opacity .2s ease, transform .3s ease, visibility .2s ease;
}
.mpm2-palette-item:hover > .mpm2-palette-submenu,
.mpm2-palette-item:focus-within > .mpm2-palette-submenu,
.mpm2-palette-item.is-open > .mpm2-palette-submenu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(-50%) translateX(0) scale(1);
}
.mpm2-palette-submenu li { opacity: 0; transform: translateX(-10px); }
.mpm2-palette-item:hover .mpm2-palette-submenu li,
.mpm2-palette-item:focus-within .mpm2-palette-submenu li,
.mpm2-palette-item.is-open .mpm2-palette-submenu li {
opacity: 1;
transform: translateX(0);
transition: opacity .2s ease calc(var(--mpm2-child-index) * 55ms), transform .28s ease calc(var(--mpm2-child-index) * 55ms);
}
.mpm2-palette-submenu a {
position: relative;
display: flex;
align-items: center;
min-height: 50px;
padding: 12px 28px;
border-radius: 58% 42% 54% 46% / 28% 35% 65% 72%;
background:
linear-gradient(90deg, rgba(255,255,255,.32), transparent 20% 84%, rgba(0,0,0,.16)),
color-mix(in srgb, var(--mpm2-item-color) 92%, #fff);
color: #fff;
font-size: 17px;
font-weight: 900;
text-decoration: none;
text-shadow: 0 2px 6px rgba(0,0,0,.58);
box-shadow: 0 10px 18px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.18);
transform: rotate(var(--mpm2-submenu-text-rotation, 0deg));
transform-origin: left center;
}
.mpm2-palette-submenu a::after {
content: '';
position: absolute;
right: -13px;
width: 30px;
height: 24px;
border-radius: 50%;
background: var(--mpm2-item-color);
opacity: .8;
z-index: -1;
}
.mpm2-palette-submenu a:hover,
.mpm2-palette-submenu a:focus-visible {
transform: translateX(5px) rotate(var(--mpm2-submenu-text-rotation, 0deg));
filter: brightness(1.08);
box-shadow: 0 12px 24px rgba(0,0,0,.28), 0 0 0 2px color-mix(in srgb, var(--mpm2-item-color) 45%, #fff);
}
.mpm2-content-panel {
padding: clamp(24px, 3vw, 42px);
border-radius: 28px;
background: var(--mpm2-content-bg);
box-shadow: 0 22px 52px rgba(0,0,0,.09);
}
.mpm2-scroll-feed {
max-height: var(--mpm2-feed-height);
overflow-y: auto;
padding-right: 8px;
scrollbar-width: thin;
scrollbar-color: var(--mpm2-accent) transparent;
}
.mpm2-scroll-feed::-webkit-scrollbar { width: 9px; }
.mpm2-scroll-feed::-webkit-scrollbar-thumb { background: var(--mpm2-accent); border-radius: 999px; }
.mpm2-scroll-feed::-webkit-scrollbar-track { background: transparent; }
.mpm2-card-grid {
display: grid;
grid-template-columns: repeat(var(--mpm2-columns), minmax(0, 1fr));
gap: 24px;
}
.mpm2-card {
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--mpm2-text) 10%, transparent);
background: var(--mpm2-surface);
transition: transform .22s ease, box-shadow .22s ease;
}
.mpm2-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.11); }
.mpm2-card.is-featured { grid-column: 1 / -1; }
.mpm2-card-image {
position: relative;
display: block;
width: 100%;
aspect-ratio: 16 / 10;
background: linear-gradient(135deg, #5b5d65, #b8a78b) center / cover no-repeat;
overflow: hidden;
}
.mpm2-card.is-featured .mpm2-card-image { aspect-ratio: 16 / 8; }
.mpm2-card-image::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 50%, rgba(0,0,0,.35)); }
.mpm2-card-date {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
padding: 6px 9px;
background: var(--mpm2-accent);
color: #fff;
font-size: 12px;
}
.mpm2-card-body { padding: 18px 18px 20px; }
.mpm2-card-body h3 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(20px, 1.7vw, 30px); line-height: 1.15; }
.mpm2-card-body h3 a { color: var(--mpm2-text); text-decoration: none; }
.mpm2-card-body p { margin: 12px 0 0; color: color-mix(in srgb, var(--mpm2-text) 72%, transparent); line-height: 1.55; }
.mpm2-read-more { display:inline-flex; gap:8px; margin-top:16px; color:var(--mpm2-accent); font-weight:800; text-decoration:none; }
.mpm2-read-more:hover span { transform: translateX(4px); }
.mpm2-read-more span { transition: transform .18s ease; }
.mpm2-empty { padding: 30px; background: #fff7ed; }
.mpm2-inline-notice {
padding: 18px;
border: 1px dashed color-mix(in srgb, var(--mpm2-accent) 40%, transparent);
border-radius: 14px;
background: color-mix(in srgb, var(--mpm2-surface) 94%, var(--mpm2-accent) 6%);
color: var(--mpm2-text);
}
.mpm2-manual-carousel {
position: relative;
min-height: 620px;
overflow: hidden;
border-radius: 24px;
background: var(--mpm2-surface);
box-shadow: 0 18px 42px rgba(0,0,0,.12);
}
.mpm2-carousel-track {
position: relative;
min-height: inherit;
}
.mpm2-carousel-slide {
position: absolute;
inset: 0;
display: grid;
grid-template-rows: minmax(360px, 1fr) auto;
opacity: 0;
visibility: hidden;
transform: translateX(28px) scale(.985);
transition: opacity .45s ease, transform .45s ease, visibility .45s ease;
}
.mpm2-carousel-slide.is-active {
opacity: 1;
visibility: visible;
transform: translateX(0) scale(1);
}
.mpm2-carousel-image {
display: block;
min-height: 420px;
background: linear-gradient(135deg, color-mix(in srgb, var(--mpm2-accent) 18%, #eee), #fafafa) center / cover no-repeat;
}
.mpm2-carousel-content {
padding: 26px 28px 34px;
background: var(--mpm2-surface);
}
.mpm2-carousel-content h3 {
margin: 0 0 12px;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(25px, 2.2vw, 42px);
line-height: 1.08;
}
.mpm2-carousel-content h3 a {
color: var(--mpm2-text);
text-decoration: none;
}
.mpm2-carousel-content h3 a:hover,
.mpm2-carousel-content h3 a:focus-visible {
color: var(--mpm2-accent);
}
.mpm2-carousel-content p {
margin: 0;
color: color-mix(in srgb, var(--mpm2-text) 76%, transparent);
line-height: 1.65;
}
.mpm2-carousel-prev,
.mpm2-carousel-next {
position: absolute;
top: 48%;
z-index: 5;
display: grid;
place-items: center;
width: 48px;
height: 48px;
padding: 0;
border: 1px solid rgba(255,255,255,.55);
border-radius: 50%;
background: rgba(20,20,20,.58);
color: #fff;
font-size: 34px;
line-height: 1;
transform: translateY(-50%);
transition: background .2s ease, transform .2s ease;
}
.mpm2-carousel-prev { left: 18px; }
.mpm2-carousel-next { right: 18px; }
.mpm2-carousel-prev:hover,
.mpm2-carousel-next:hover { background: var(--mpm2-accent); transform: translateY(-50%) scale(1.06); }
.mpm2-carousel-dots {
position: absolute;
left: 50%;
bottom: 14px;
z-index: 6;
display: flex;
gap: 8px;
transform: translateX(-50%);
}
.mpm2-carousel-dots button {
width: 10px;
height: 10px;
padding: 0;
border: 0;
border-radius: 50%;
background: color-mix(in srgb, var(--mpm2-text) 28%, transparent);
}
.mpm2-carousel-dots button.is-active { background: var(--mpm2-accent); transform: scale(1.25); }
.mpm2-newsletter {
display: grid;
grid-template-columns: minmax(280px, .85fr) minmax(420px, 1.15fr);
gap: clamp(28px, 5vw, 80px);
align-items: center;
padding: clamp(44px, 6vw, 92px) clamp(30px, 7vw, 120px);
border-top: 1px solid color-mix(in srgb, var(--mpm2-accent) 35%, transparent);
border-bottom: 1px solid color-mix(in srgb, var(--mpm2-accent) 35%, transparent);
background: var(--mpm2-newsletter-bg);
}
.mpm2-newsletter h2 { margin:0; color:var(--mpm2-accent); font-family:Georgia,'Times New Roman',serif; font-size:clamp(30px,3vw,52px); }
.mpm2-newsletter p { margin:12px 0 0; line-height:1.55; }
.mpm2-newsletter-form form { display:grid; grid-template-columns: 1fr 1fr auto; gap:10px; }
.mpm2-newsletter-form input { min-width:0; padding:12px 14px; border:1px solid #bbb; background:#fff; }
.mpm2-newsletter-form button { padding:12px 18px; border:0; background:var(--mpm2-accent); color:#fff; font-weight:800; }
.mpm2-footer {
display: grid;
grid-template-columns: 1fr 2fr auto;
gap: 24px;
align-items: center;
padding: 34px clamp(24px, 5vw, 90px);
background: var(--mpm2-footer-bg);
color: var(--mpm2-text);
}
.mpm2-footer-brand { font-family:Georgia,'Times New Roman',serif; font-size:22px; font-weight:700; }
.mpm2-footer p { margin:0; color:color-mix(in srgb,var(--mpm2-text) 64%, transparent); }
.mpm2-back-top { color:var(--mpm2-accent); font-weight:700; text-decoration:none; }
.mpm2-brush-enabled .mpm2-shell.mpm2-live-brush,
.mpm2-brush-enabled .mpm2-shell.mpm2-live-brush a,
.mpm2-brush-enabled .mpm2-shell.mpm2-live-brush button { cursor: none; }
.mpm2-brush-follower {
position: fixed;
top: 0;
left: 0;
z-index: 1000005;
width: 90px;
height: 90px;
opacity: 0;
pointer-events: none;
will-change: transform, opacity;
transition: opacity .15s ease;
}
.mpm2-brush-follower.is-visible { opacity: 1; }
.mpm2-live-brush { position:absolute; inset:0; filter:drop-shadow(0 7px 5px rgba(0,0,0,.28)); transform-origin:74% 78%; }
.mpm2-live-brush::before { content:''; position:absolute; top:5px; left:33px; width:14px; height:59px; border-radius:9px 9px 5px 5px; background:linear-gradient(90deg,rgba(255,255,255,.28),transparent 25% 76%,rgba(0,0,0,.2)),linear-gradient(#30233e,#101522 72%); transform:rotate(-42deg); }
.mpm2-live-brush::after { content:''; position:absolute; top:55px; left:54px; width:23px; height:27px; border-radius:4px 4px 65% 35% / 5px 5px 90% 95%; background:linear-gradient(90deg,#dedede 0 14%,#777 26%,#f0f0f0 47%,#787878 67%,#d7d7d7 100%); box-shadow:0 -8px 0 -2px #c6c6c6; transform:rotate(-42deg); }
.mpm2-bristle-tip { position:absolute; top:70px; left:69px; width:15px; height:23px; border-radius:50% 50% 70% 30% / 20% 20% 80% 80%; background:var(--mpm2-brush-paint,#6d35b5); transform:rotate(-42deg); box-shadow:inset 3px 2px 3px rgba(255,255,255,.25); }
.mpm2-brush-follower.is-dipping .mpm2-live-brush { animation:mpm2BrushDip .42s ease; }
@keyframes mpm2BrushDip { 0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(9px) rotate(8deg) scale(.94)} }
.mpm2-trail-stroke { position:fixed; z-index:1000001; width:var(--mpm2-stroke-width,26px); height:var(--mpm2-stroke-height,7px); border-radius:70% 30% 65% 35% / 42% 54% 46% 58%; background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 38%),var(--mpm2-trail-color,#6d35b5); transform:translate(-50%,-50%) rotate(var(--mpm2-stroke-angle,0deg)); pointer-events:none; animation:mpm2StrokeFade .9s ease-out forwards; mix-blend-mode:multiply; }
@keyframes mpm2StrokeFade { 0%{opacity:.72}65%{opacity:.42}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--mpm2-stroke-angle,0deg)) scale(.72)} }
.mpm2-splash { position:fixed; z-index:1000002; width:1px; height:1px; pointer-events:none; }
.mpm2-splash span { position:absolute; width:var(--mpm2-splash-size,7px); height:var(--mpm2-splash-size,7px); border-radius:50%; background:var(--mpm2-splash-color,#6d35b5); animation:mpm2SplashFly .7s ease-out forwards; }
@keyframes mpm2SplashFly { 0%{opacity:.9;transform:translate(0,0) scale(.45)}100%{opacity:0;transform:translate(var(--mpm2-splash-x),var(--mpm2-splash-y)) scale(1.15)} }
.mpm2-reduced-motion *,
.mpm2-reduced-motion *::before,
.mpm2-reduced-motion *::after { animation-duration:.001ms !important; transition-duration:.001ms !important; }
@media (prefers-reduced-motion: reduce) {
.mpm2-shell *, .mpm2-shell *::before, .mpm2-shell *::after { animation-duration:.001ms !important; transition-duration:.001ms !important; }
}
@media (max-width: 1100px) {
.mpm2-topbar { grid-template-columns: minmax(180px, 240px) 1fr auto; gap:14px; padding:0 24px; }
.mpm2-topnav > ul { gap:16px; }
.mpm2-top-item > a { font-size:15px; }
.mpm2-main-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; width:100%; padding-left:24px; padding-right:24px; }
.mpm2-palette-panel, .mpm2-content-panel { max-width:none; }
}
@media (max-width: 900px) {
.mpm2-topbar { grid-template-columns:1fr auto auto; min-height:72px; }
.mpm2-mobile-toggle { display:flex; flex-direction:column; gap:5px; width:42px; height:42px; align-items:center; justify-content:center; border:0; border-radius:50%; background:transparent; }
.mpm2-mobile-toggle span { width:22px; height:2px; background:var(--mpm2-text); }
.mpm2-topnav { position:absolute; top:100%; left:0; right:0; opacity:0; visibility:hidden; transform:translateY(-8px); background:var(--mpm2-surface); box-shadow:0 18px 34px rgba(0,0,0,.14); transition:.2s ease; }
.mpm2-topnav.is-open { opacity:1; visibility:visible; transform:translateY(0); }
.mpm2-topnav > ul { display:block; padding:12px 20px 20px; }
.mpm2-top-item > a { min-height:48px; width:100%; }
.mpm2-mega, .mpm2-dropdown { position:static; display:none; opacity:1; visibility:visible; transform:none; pointer-events:auto; }
.mpm2-top-item.is-open > .mpm2-mega, .mpm2-top-item.is-open > .mpm2-dropdown { display:grid; }
.mpm2-mega { grid-template-columns:1fr; gap:24px; padding:24px; }
.mpm2-mega-links a { font-size:26px; }
.mpm2-dropdown { width:auto; padding:10px; }
.mpm2-search-form { right:12px; }
.mpm2-main-grid { display:grid; grid-template-columns:1fr; width:100%; margin:0 auto 50px; padding:0 14px 0; gap:22px; }
.mpm2-palette-panel { position:relative; top:auto; }
.mpm2-palette-canvas { max-width:700px; margin:0 auto; }
.mpm2-content-panel { padding:22px; }
.mpm2-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mpm2-scroll-feed { max-height:none; overflow:visible; }
.mpm2-newsletter { grid-template-columns:1fr; padding:44px 24px; }
.mpm2-footer { grid-template-columns:1fr; text-align:center; }
}
@media (max-width: 620px) {
.mpm2-shell.mpm2-full-width { width:100% !important; max-width:100% !important; margin:0 !important; }
.mpm2-topbar { padding:0 14px; }
.mpm2-brand { font-size:16px; }
.mpm2-brand img { max-width:160px; max-height:52px; }
.mpm2-brand-mark { width:34px; height:38px; }
.mpm2-heading { padding:34px 16px 24px; }
.mpm2-heading h1 { font-size:38px; }
.mpm2-card-grid { grid-template-columns:1fr; }
.mpm2-card.is-featured { grid-column:auto; }
.mpm2-newsletter-form form { grid-template-columns:1fr; }
.mpm2-search-form { left:12px; right:12px; flex-wrap:wrap; }
.mpm2-search-form input { flex:1 1 100%; min-width:0; }
.mpm2-palette-canvas { aspect-ratio:auto; min-height:0; background:linear-gradient(180deg,#fff,#f6f1e9); padding:14px; }
.mpm2-palette-list { position:static; display:flex; flex-direction:column; gap:12px; }
.mpm2-palette-item { position:relative; top:auto; left:auto; width:100%; aspect-ratio:auto; transform:none; }
.mpm2-palette-link, .mpm2-palette-streaks .mpm2-palette-link { min-height:56px; justify-content:flex-start; padding:12px 18px; border-radius:18px; background:color-mix(in srgb,var(--mpm2-item-color) 86%,#fff); box-shadow:0 8px 16px rgba(0,0,0,.12); }
.mpm2-palette-hover-label { position: static; opacity: 1; transform: rotate(var(--mpm2-palette-text-rotation, 0deg)); transform-origin:left center; min-width: 0; max-width: none; display: block; margin-top: 8px; }
.mpm2-palette-hover-label::before, .mpm2-palette-hover-label::after { display: none; }
.mpm2-palette-hover-label-text { color: #fff; padding: 0; font-size: 16px; }
.mpm2-palette-submenu { position:static; width:100%; max-height:0; overflow:hidden; opacity:0; visibility:hidden; transform:none; }
.mpm2-palette-item.is-open > .mpm2-palette-submenu { max-height:900px; margin-top:10px; opacity:1; visibility:visible; transform:none; }
.mpm2-palette-submenu li, .mpm2-palette-item.is-open .mpm2-palette-submenu li { opacity:1; transform:none; }
}
@media (max-width: 760px) {
.mpm2-manual-carousel { min-height: 520px; }
.mpm2-carousel-slide { grid-template-rows: minmax(280px, 1fr) auto; }
.mpm2-carousel-image { min-height: 300px; }
.mpm2-carousel-content { padding: 22px 20px 32px; }
.mpm2-carousel-prev, .mpm2-carousel-next { width: 42px; height: 42px; }
} .mpm2-main-grid {
position: relative;
z-index: 3;
margin-bottom: clamp(54px, 6vw, 92px);
padding-bottom: 0;
}
.mpm2-content-panel {
position: relative;
z-index: 4;
min-height: 0;
overflow: hidden;
isolation: isolate;
background: var(--mpm2-content-bg);
}
.mpm2-content-panel.is-panel-active {
min-height: calc(var(--mpm2-feed-height) + 84px);
background: var(--mpm2-content-bg);
}
.mpm2-content-default[hidden],
.mpm2-dynamic-panel[hidden] {
display: none !important;
}
.mpm2-dynamic-panel {
position: relative;
z-index: 5;
min-height: var(--mpm2-feed-height);
max-height: var(--mpm2-feed-height);
overflow-y: auto;
padding-right: 10px;
box-sizing: border-box;
background: var(--mpm2-surface);
scrollbar-width: thin;
scrollbar-color: var(--mpm2-accent) transparent;
}
.mpm2-dynamic-panel::-webkit-scrollbar {
width: 9px;
}
.mpm2-dynamic-panel::-webkit-scrollbar-thumb {
border-radius: 999px;
background: var(--mpm2-accent);
}
.mpm2-panel-toolbar {
position: sticky;
top: 0;
z-index: 8;
display: flex;
justify-content: flex-start;
padding: 0 0 18px;
background: linear-gradient(180deg, var(--mpm2-surface) 78%, transparent);
}
.mpm2-panel-back {
min-height: 42px;
padding: 9px 16px;
border: 1px solid color-mix(in srgb, var(--mpm2-accent) 52%, transparent);
border-radius: 999px;
background: color-mix(in srgb, var(--mpm2-accent) 10%, var(--mpm2-surface));
color: var(--mpm2-accent);
font-weight: 800;
cursor: pointer;
transition: transform .18s ease, background .18s ease;
}
.mpm2-panel-back:hover,
.mpm2-panel-back:focus-visible {
background: color-mix(in srgb, var(--mpm2-accent) 18%, var(--mpm2-surface));
transform: translateX(-3px);
}
.mpm2-panel-loading {
display: grid;
background: var(--mpm2-surface);
place-items: center;
min-height: 360px;
text-align: center;
}
.mpm2-panel-loading span {
width: 54px;
height: 54px;
border: 6px solid color-mix(in srgb, var(--mpm2-accent) 18%, transparent);
border-top-color: var(--mpm2-accent);
border-radius: 50%;
animation: mpm2PanelSpin .8s linear infinite;
}
.mpm2-panel-loading p {
margin: 18px 0 0;
font-weight: 700;
}
@keyframes mpm2PanelSpin {
to { transform: rotate(360deg); }
}
.mpm2-loaded-article h2,
.mpm2-loaded-category h2 {
margin: 0 0 22px;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(30px, 3vw, 52px);
line-height: 1.08;
}
.mpm2-loaded-image {
display: block;
width: 100%;
max-height: 460px;
margin: 0 0 26px;
object-fit: cover;
border-radius: 18px;
}
.mpm2-loaded-body {
color: var(--mpm2-text);
font-size: 17px;
line-height: 1.72;
}
.mpm2-loaded-body > :first-child {
margin-top: 0;
}
.mpm2-loaded-body img {
max-width: 100%;
height: auto;
}
.mpm2-loaded-body a {
color: var(--mpm2-accent);
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.mpm2-loaded-open {
margin: 28px 0 0;
}
.mpm2-loaded-open a,
.mpm2-panel-error a {
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 10px 16px;
border-radius: 999px;
background: var(--mpm2-accent);
color: #fff;
font-weight: 800;
text-decoration: none;
}
.mpm2-panel-error {
position: relative;
z-index: 2;
padding: 28px;
border: 1px solid color-mix(in srgb, var(--mpm2-accent) 24%, transparent);
border-radius: 18px;
background: color-mix(in srgb, var(--mpm2-accent) 6%, var(--mpm2-surface));
}
.mpm2-panel-error p {
margin: 0 0 18px;
font-size: 17px;
line-height: 1.55;
}
.mpm2-loaded-category-intro {
margin: -10px 0 26px;
color: color-mix(in srgb, var(--mpm2-text) 70%, transparent);
}
.mpm2-loaded-category-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.mpm2-loaded-category-grid article {
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--mpm2-text) 10%, transparent);
background: var(--mpm2-surface);
}
.mpm2-loaded-category-image {
display: block;
aspect-ratio: 16 / 10;
background: #eee center / cover no-repeat;
}
.mpm2-loaded-category-grid h3 {
margin: 0;
padding: 16px;
font-family: Georgia, 'Times New Roman', serif;
font-size: 21px;
line-height: 1.18;
}
.mpm2-loaded-category-grid h3 a {
color: var(--mpm2-text);
text-decoration: none;
}
.mpm2-loaded-category-grid h3 a:hover,
.mpm2-loaded-category-grid h3 a:focus-visible {
color: var(--mpm2-accent);
}
.mpm2-newsletter {
position: relative;
z-index: 2;
clear: both;
margin-top: 0;
}
@media (max-width: 900px) {
.mpm2-main-grid {
margin-bottom: 50px;
}
.mpm2-dynamic-panel {
max-height: none;
overflow: visible;
padding-right: 0;
}
}
@media (max-width: 620px) {
.mpm2-loaded-category-grid {
grid-template-columns: 1fr;
}
.mpm2-loaded-body {
font-size: 16px;
}
.mpm2-palette-panel {
padding: 12px;
}
.mpm2-palette-panel .mpm2-section-heading {
margin-bottom: 14px;
}
.mpm2-palette-panel .mpm2-section-heading h2 {
font-size: clamp(20px, 8.5vw, 36px);
line-height: 1.02;
}
.mpm2-palette-panel .mpm2-section-heading p {
font-size: 14px;
}
.mpm2-palette-canvas {
max-width: none;
}
.mpm2-palette-palette {
background-size: 118% auto;
background-position: center center;
}
} @media (max-width: 900px) {
.mpm2-content-panel.is-panel-active {
min-height: min(720px, calc(100vh - 140px));
}
.mpm2-dynamic-panel {
min-height: min(640px, calc(100vh - 220px));
}
} .mpm2-quick-links {
position: relative;
z-index: 2;
width: 100%;
padding: 0 clamp(24px, 5vw, 90px) clamp(64px, 7vw, 108px);
box-sizing: border-box;
background: var(--mpm2-quick-bg);
}
.mpm2-quick-links-notice {
margin: 0 clamp(24px, 5vw, 90px) clamp(56px, 6vw, 86px);
}
.mpm2-quick-links-divider {
width: 100%;
margin: 0 0 clamp(28px, 4vw, 52px);
overflow: hidden;
color: color-mix(in srgb, var(--mpm2-text) 15%, transparent);
font-size: 12px;
line-height: 1;
letter-spacing: 3px;
white-space: nowrap;
text-align: center;
}
.mpm2-quick-links-heading {
max-width: 920px;
margin: 0 auto clamp(28px, 3.5vw, 46px);
text-align: center;
}
.mpm2-quick-links-heading h2 {
margin: 0;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(30px, 3vw, 50px);
line-height: 1.08;
}
.mpm2-quick-links-heading p {
margin: 12px 0 0;
color: color-mix(in srgb, var(--mpm2-text) 68%, transparent);
font-size: 16px;
line-height: 1.55;
}
.mpm2-quick-links-featured-wrap {
display: flex;
width: 100%;
margin: 0 auto clamp(30px, 4vw, 48px);
}
.mpm2-quick-links-featured-wrap.is-left { justify-content: flex-start; }
.mpm2-quick-links-featured-wrap.is-center { justify-content: center; }
.mpm2-quick-links-featured-wrap.is-right { justify-content: flex-end; }
.mpm2-quick-links-featured {
position: relative;
width: min(100%, var(--mpm2-ql-featured-width, 820px));
height: var(--mpm2-ql-featured-height, 420px);
margin: 0;
overflow: hidden;
border-radius: var(--mpm2-ql-featured-radius, 28px);
box-shadow: 0 20px 42px rgba(0,0,0,.14);
background: color-mix(in srgb, var(--mpm2-surface) 84%, #fff 16%);
}
.mpm2-quick-links-featured img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.mpm2-quick-links-featured.is-shape-square {
width: min(100%, min(var(--mpm2-ql-featured-width, 820px), var(--mpm2-ql-featured-height, 420px)));
height: auto;
aspect-ratio: 1 / 1;
}
.mpm2-quick-links-featured.is-shape-circle {
width: min(100%, min(var(--mpm2-ql-featured-width, 820px), var(--mpm2-ql-featured-height, 420px)));
height: auto;
aspect-ratio: 1 / 1;
border-radius: 999px;
}
.mpm2-quick-links-featured.is-shape-oval {
border-radius: 50% / 38%;
}
.mpm2-quick-links-featured.is-fade {
-webkit-mask-image: radial-gradient(circle at center, #000 58%, rgba(0,0,0,.78) 74%, rgba(0,0,0,.28) 88%, transparent 100%);
mask-image: radial-gradient(circle at center, #000 58%, rgba(0,0,0,.78) 74%, rgba(0,0,0,.28) 88%, transparent 100%);
}
.mpm2-quick-links-featured.is-fade.is-shape-rectangle,
.mpm2-quick-links-featured.is-fade.is-shape-square {
-webkit-mask-image: radial-gradient(ellipse at center, #000 62%, rgba(0,0,0,.74) 80%, rgba(0,0,0,.24) 92%, transparent 100%);
mask-image: radial-gradient(ellipse at center, #000 62%, rgba(0,0,0,.74) 80%, rgba(0,0,0,.24) 92%, transparent 100%);
}
@media (max-width: 900px) {
.mpm2-quick-links-featured { height: min(58vw, var(--mpm2-ql-featured-height, 420px)); }
.mpm2-quick-links-featured.is-shape-square,
.mpm2-quick-links-featured.is-shape-circle { height: auto; }
}
.mpm2-quick-links-grid {
display: grid;
grid-template-columns: repeat(var(--mpm2-quick-columns, 3), minmax(0, 1fr));
gap: clamp(28px, 3vw, 48px) clamp(24px, 3vw, 42px);
max-width: 1600px;
margin: 0 auto;
}
.mpm2-quick-link-card {
position: relative;
min-width: 0;
opacity: 0;
transform: translateY(14px);
animation: mpm2QuickCardIn .55s ease forwards;
animation-delay: calc(var(--mpm2-card-index, 0) * 70ms);
}
@keyframes mpm2QuickCardIn {
to { opacity: 1; transform: translateY(0); }
}
.mpm2-quick-link-image {
position: relative;
display: block;
width: 100%;
aspect-ratio: 16 / 10;
overflow: hidden;
background-color: color-mix(in srgb, var(--mpm2-text) 7%, var(--mpm2-surface));
background-position: center;
background-size: cover;
text-decoration: none;
}
.mpm2-quick-link-image::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.18));
opacity: 0;
transition: opacity .24s ease;
}
.mpm2-quick-link-card:hover .mpm2-quick-link-image::after,
.mpm2-quick-link-card:focus-within .mpm2-quick-link-image::after {
opacity: 1;
}
.mpm2-quick-link-copy {
position: relative;
padding: 18px 2px 0;
}
.mpm2-quick-link-copy::before {
content: '';
position: absolute;
top: 8px;
left: 0;
width: 0;
height: 7px;
border-radius: 70% 30% 60% 40%;
background: var(--mpm2-accent);
opacity: .78;
transition: width .3s cubic-bezier(.2,.8,.2,1);
}
.mpm2-quick-link-card:hover .mpm2-quick-link-copy::before,
.mpm2-quick-link-card:focus-within .mpm2-quick-link-copy::before {
width: 66px;
}
.mpm2-quick-link-copy h3 {
margin: 0;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(22px, 1.8vw, 34px);
line-height: 1.1;
text-transform: uppercase;
}
.mpm2-quick-link-copy h3 a {
color: var(--mpm2-text);
text-decoration: none;
}
.mpm2-quick-link-copy h3 a:hover,
.mpm2-quick-link-copy h3 a:focus-visible {
color: var(--mpm2-accent);
}
.mpm2-quick-link-copy p {
margin: 14px 0 0;
color: color-mix(in srgb, var(--mpm2-text) 76%, transparent);
font-size: 17px;
line-height: 1.55;
}
@media (max-width: 1180px) {
.mpm2-quick-links-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.mpm2-quick-links {
padding: 0 16px 56px;
}
.mpm2-quick-links-notice {
margin-left: 16px;
margin-right: 16px;
}
.mpm2-quick-links-grid {
grid-template-columns: 1fr;
gap: 36px;
}
.mpm2-quick-link-copy h3 {
font-size: 26px;
}
} body:not(.mpm2-brush-enabled) .mpm2-shell,
body:not(.mpm2-brush-enabled) .mpm2-shell a,
body:not(.mpm2-brush-enabled) .mpm2-shell button { cursor: auto; }
body:not(.mpm2-brush-enabled) .mpm2-shell a,
body:not(.mpm2-brush-enabled) .mpm2-shell button { cursor: pointer; } .mpm2-shell.mpm2-dark-mode {
--mpm2-bg: #0f1115 !important;
--mpm2-surface: #181c22 !important;
--mpm2-topbar-bg: #11151b !important;
--mpm2-hero-bg: #0f1115 !important;
--mpm2-palette-bg: #12161c !important;
--mpm2-content-bg: #171b21 !important;
--mpm2-quick-bg: #10141a !important;
--mpm2-newsletter-bg: #161a20 !important;
--mpm2-footer-bg: #0b0e12 !important;
--mpm2-text: #f3f4f6 !important;
--mpm2-mega-bg: #07090c !important;
--mpm2-mega-text: #ffffff !important;
color-scheme: dark;
}
.mpm2-dark-mode .mpm2-topbar,
.mpm2-dark-mode .mpm2-heading,
.mpm2-dark-mode .mpm2-palette-panel,
.mpm2-dark-mode .mpm2-content-panel,
.mpm2-dark-mode .mpm2-quick-links,
.mpm2-dark-mode .mpm2-newsletter,
.mpm2-dark-mode .mpm2-footer {
color: var(--mpm2-text);
}
.mpm2-dark-mode .mpm2-content-panel,
.mpm2-dark-mode .mpm2-card,
.mpm2-dark-mode .mpm2-featured-card,
.mpm2-dark-mode .mpm2-carousel,
.mpm2-dark-mode .mpm2-loaded-panel,
.mpm2-dark-mode .mpm2-quick-link-card {
border-color: rgba(255,255,255,.1);
box-shadow: 0 18px 44px rgba(0,0,0,.34);
}
.mpm2-dark-mode .mpm2-card,
.mpm2-dark-mode .mpm2-featured-card,
.mpm2-dark-mode .mpm2-carousel,
.mpm2-dark-mode .mpm2-loaded-panel,
.mpm2-dark-mode .mpm2-quick-link-card,
.mpm2-dark-mode .mpm2-search-panel {
background: var(--mpm2-surface) !important;
color: var(--mpm2-text) !important;
}
.mpm2-dark-mode .mpm2-card a,
.mpm2-dark-mode .mpm2-featured-card a,
.mpm2-dark-mode .mpm2-quick-link-card a,
.mpm2-dark-mode .mpm2-loaded-panel a,
.mpm2-dark-mode .mpm2-content-panel a,
.mpm2-dark-mode .mpm2-topbar a,
.mpm2-dark-mode .mpm2-brand {
color: var(--mpm2-text);
}
.mpm2-dark-mode .mpm2-card p,
.mpm2-dark-mode .mpm2-featured-card p,
.mpm2-dark-mode .mpm2-section-heading p,
.mpm2-dark-mode .mpm2-heading p,
.mpm2-dark-mode .mpm2-content-intro,
.mpm2-dark-mode .mpm2-quick-link-card p,
.mpm2-dark-mode .mpm2-newsletter p,
.mpm2-dark-mode .mpm2-footer {
color: rgba(243,244,246,.74);
}
.mpm2-dark-mode .mpm2-search-toggle,
.mpm2-dark-mode .mpm2-close,
.mpm2-dark-mode .mpm2-carousel-arrow,
.mpm2-dark-mode .mpm2-back-to-feed {
background: #1d232b;
color: #ffffff;
border-color: rgba(255,255,255,.14);
}
.mpm2-dark-mode input,
.mpm2-dark-mode textarea,
.mpm2-dark-mode select {
background: #0f1318;
color: #ffffff;
border-color: rgba(255,255,255,.18);
}
.mpm2-dark-mode .mpm2-top-item > a::before {
mix-blend-mode: screen;
}
.mpm2-dark-mode .mpm2-top-item:hover > a,
.mpm2-dark-mode .mpm2-top-item:focus-within > a,
.mpm2-dark-mode .mpm2-top-item.is-open > a {
color: color-mix(in srgb, var(--mpm2-item-color) 82%, #ffffff 18%);
}
.mpm2-dark-mode .mpm2-scroll-area,
.mpm2-dark-mode .mpm2-content-feed {
scrollbar-color: var(--mpm2-accent) #20252c;
}
.mpm2-dark-mode .mpm2-content-panel::-webkit-scrollbar-track,
.mpm2-dark-mode .mpm2-scroll-area::-webkit-scrollbar-track,
.mpm2-dark-mode .mpm2-content-feed::-webkit-scrollbar-track {
background: #20252c;
}
.mpm2-dark-mode .mpm2-loaded-error {
background: #26171b;
color: #f5d7dc;
border-color: rgba(255,255,255,.12);
} .mpm2-brush-follower.has-custom-image{width:var(--mpm2-brush-size,120px);height:calc(var(--mpm2-brush-size,120px)*var(--mpm2-brush-aspect,1.4));}
.mpm2-custom-brush-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 7px 5px rgba(0,0,0,.28));transform-origin:12% 12%;}
.mpm2-brush-follower.has-custom-image.is-dipping .mpm2-custom-brush-image{animation:mpm2CustomBrushDip .42s ease;}
@keyframes mpm2CustomBrushDip{0%,100%{transform:translate(0,0) scale(1)}45%{transform:translate(5px,7px) scale(.94)}} .mpm2-palette-panel,
.mpm2-palette-canvas,
.mpm2-palette-list,
.mpm2-palette-item {
overflow: visible !important;
}
.mpm2-palette-hover-label {
width: max-content;
} .mpm2-paint-carousel-wrap {
position: relative;
z-index: 5;
width: min(100%, var(--mpm2-pc-width, 1200px));
max-width: var(--mpm2-pc-width, 1200px);
margin-top: clamp(30px, 4vw, 64px);
margin-bottom: clamp(30px, 4vw, 64px);
padding: 0 clamp(14px, 2.4vw, 32px);
box-sizing: border-box;
color: var(--mpm2-text, #1d1915);
font-family: Arial, Helvetica, sans-serif;
}
.mpm2-paint-carousel-wrap.mpm2-pc-align-left { margin-left: 0; margin-right: auto; }
.mpm2-paint-carousel-wrap.mpm2-pc-align-center { margin-left: auto; margin-right: auto; }
.mpm2-paint-carousel-wrap.mpm2-pc-align-right { margin-left: auto; margin-right: 0; }
.mpm2-paint-carousel-wrap.is-standalone {
--mpm2-text: #1d1915;
--mpm2-surface: #ffffff;
--mpm2-accent: #a8172a;
}
.mpm2-paint-carousel-heading {
margin: 0 0 22px;
text-align: center;
}
.mpm2-paint-carousel-heading h2 {
margin: 0;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(28px, 3vw, 52px);
line-height: 1.05;
}
.mpm2-paint-carousel-heading p {
max-width: 850px;
margin: 10px auto 0;
color: color-mix(in srgb, var(--mpm2-text, #1d1915) 72%, transparent);
font-size: clamp(15px, 1.3vw, 19px);
line-height: 1.55;
}
.mpm2-paint-carousel {
position: relative;
overflow: hidden;
border-radius: 28px;
background: var(--mpm2-surface, #fff);
box-shadow: 0 24px 58px rgba(0,0,0,.16);
}
.mpm2-paint-carousel-track { position: relative; }
.mpm2-paint-slide {
display: none;
grid-template-columns: minmax(0, 1fr);
background: var(--mpm2-surface, #fff);
}
.mpm2-paint-slide.is-active { display: grid; }
.mpm2-paint-stage {
position: relative;
width: 100%;
height: var(--mpm2-pc-height, 520px);
min-height: 260px;
overflow: hidden;
background: #e9e5df;
touch-action: none;
user-select: none;
}
.mpm2-paint-bottom {
position: absolute;
inset: 0;
}
.mpm2-paint-bottom.is-image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.mpm2-paint-bottom.is-image::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.18));
pointer-events: none;
}
.mpm2-paint-bottom.is-text {
display: grid;
place-items: center;
padding: clamp(28px, 6vw, 86px);
box-sizing: border-box;
color: var(--mpm2-pc-text-color, #fff);
background:
radial-gradient(circle at 16% 20%, rgba(255,255,255,.10), transparent 26%),
linear-gradient(135deg, color-mix(in srgb, var(--mpm2-pc-text-bg, #171b22) 86%, #fff), var(--mpm2-pc-text-bg, #171b22));
text-align: center;
}
.mpm2-paint-bottom-copy { max-width: 850px; }
.mpm2-paint-bottom-copy h3 {
margin: 0 0 18px;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(32px, 4.2vw, 70px);
line-height: 1.02;
}
.mpm2-paint-bottom-copy p {
margin: 0;
font-size: clamp(17px, 1.7vw, 28px);
line-height: 1.55;
}
.mpm2-paint-canvas {
position: absolute;
inset: 0;
z-index: 3;
display: block;
width: 100%;
height: 100%;
cursor: crosshair;
opacity: 1;
transition: opacity .48s ease;
touch-action: none;
}
.mpm2-paint-slide.is-revealed .mpm2-paint-canvas {
opacity: 0;
pointer-events: none;
}
.mpm2-paint-hint {
position: absolute;
left: 50%;
bottom: 22px;
z-index: 5;
display: inline-flex;
align-items: center;
gap: 8px;
max-width: calc(100% - 40px);
padding: 9px 16px;
border: 1px solid color-mix(in srgb, var(--mpm2-pc-hint-color, #ffffff) 28%, var(--mpm2-pc-hint-bg, rgba(10,14,20,.72)) 72%);
border-radius: 999px;
color: var(--mpm2-pc-hint-color, #fff);
background: var(--mpm2-pc-hint-bg, rgba(10,14,20,.72));
box-shadow: 0 8px 24px rgba(0,0,0,.24);
font-weight: 700;
transform: translateX(-50%);
pointer-events: none;
transition: opacity .25s ease;
}
.mpm2-paint-hint[hidden],
.mpm2-paint-slide.has-painted .mpm2-paint-hint { opacity: 0; }
.mpm2-paint-caption {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px 22px;
align-items: center;
padding: 22px clamp(20px, 3vw, 38px) 26px;
border-top: 1px solid color-mix(in srgb, var(--mpm2-text, #1d1915) 10%, transparent);
}
.mpm2-paint-caption h3 {
grid-column: 1;
margin: 0;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(24px, 2.4vw, 40px);
line-height: 1.08;
}
.mpm2-paint-caption h3 a { color: inherit; text-decoration: none; }
.mpm2-paint-caption h3 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.mpm2-paint-caption p {
grid-column: 1;
margin: 0;
color: color-mix(in srgb, var(--mpm2-text, #1d1915) 72%, transparent);
font-size: 16px;
line-height: 1.5;
}
.mpm2-paint-copy-text {
grid-column: 1;
color: color-mix(in srgb, var(--mpm2-text, #1d1915) 72%, transparent);
font-size: 16px;
line-height: 1.5;
}
.mpm2-paint-copy-text p {
margin: 0 0 12px;
}
.mpm2-paint-copy-text p:last-child,
.mpm2-paint-copy-text ul:last-child,
.mpm2-paint-copy-text ol:last-child,
.mpm2-paint-copy-text blockquote:last-child {
margin-bottom: 0;
}
.mpm2-paint-copy-text strong { font-weight: 700; }
.mpm2-paint-copy-text em { font-style: italic; }
.mpm2-paint-reset {
grid-column: 2;
grid-row: 1 / span 2;
align-self: center;
min-height: 42px;
padding: 8px 16px;
border: 1px solid color-mix(in srgb, var(--mpm2-pc-reset-color, var(--mpm2-accent, #a8172a)) 48%, transparent);
border-radius: 999px;
color: var(--mpm2-pc-reset-color, var(--mpm2-accent, #a8172a));
background: var(--mpm2-pc-reset-bg, transparent);
font-weight: 800;
cursor: pointer;
}
.mpm2-paint-reset:hover {
filter: brightness(1.04);
box-shadow: 0 6px 18px rgba(0,0,0,.12);
}
.mpm2-paint-prev,
.mpm2-paint-next {
position: absolute;
top: calc(var(--mpm2-pc-height, 520px) / 2);
z-index: 8;
display: grid;
place-items: center;
width: 48px;
height: 48px;
padding: 0;
border: 1px solid rgba(255,255,255,.46);
border-radius: 50%;
color: #fff;
background: rgba(10,14,20,.66);
box-shadow: 0 8px 22px rgba(0,0,0,.24);
font-size: 36px;
line-height: 1;
cursor: pointer;
transform: translateY(-50%);
}
.mpm2-paint-prev { left: 18px; }
.mpm2-paint-next { right: 18px; }
.mpm2-paint-prev:hover,
.mpm2-paint-next:hover { background: var(--mpm2-accent, #a8172a); }
.mpm2-paint-dots {
position: absolute;
right: 22px;
bottom: 102px;
z-index: 8;
display: flex;
gap: 8px;
}
.mpm2-paint-dots button {
width: 11px;
height: 11px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(255,255,255,.55);
box-shadow: 0 1px 4px rgba(0,0,0,.35);
cursor: pointer;
}
.mpm2-paint-dots button.is-active { background: var(--mpm2-accent, #a8172a); transform: scale(1.25); }
.mpm2-dark-mode .mpm2-paint-carousel,
.mpm2-dark-mode .mpm2-paint-slide,
.mpm2-dark-mode .mpm2-paint-carousel-wrap { --mpm2-surface: #171b22; --mpm2-text: #f5f1e9; }
@media (max-width: 760px) {
.mpm2-paint-carousel-wrap { padding: 0 12px; }
.mpm2-paint-stage { height: clamp(300px, 72vw, 520px); }
.mpm2-paint-prev, .mpm2-paint-next { top: calc(clamp(300px, 72vw, 520px) / 2); width: 42px; height: 42px; }
.mpm2-paint-prev { left: 10px; }
.mpm2-paint-next { right: 10px; }
.mpm2-paint-caption { grid-template-columns: 1fr; }
.mpm2-paint-reset { grid-column: 1; grid-row: auto; justify-self: start; }
.mpm2-paint-dots { right: 16px; bottom: 142px; }
}
.mpm2-brush-enabled .mpm2-paint-carousel-wrap,
.mpm2-brush-enabled .mpm2-paint-carousel-wrap canvas,
.mpm2-brush-enabled .mpm2-paint-carousel-wrap button,
.mpm2-brush-enabled .mpm2-paint-carousel-wrap a { cursor: none; }
.mpm2-paint-caption .mpm2-paint-reset { grid-row: 1; } .mpm2-carousel-image {
position: relative;
overflow: hidden;
text-decoration: none;
}
.mpm2-carousel-shade {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(15,18,24,.12) 0%, rgba(15,18,24,.28) 42%, rgba(15,18,24,.70) 100%);
}
.mpm2-carousel-overlay {
position: absolute;
inset: auto 0 0 0;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
gap: 14px;
padding: clamp(24px, 4vw, 42px);
color: #fff;
text-align: center;
}
.mpm2-carousel-overlay h3 {
margin: 0;
max-width: 820px;
font-family: Arial, Helvetica, sans-serif;
font-size: clamp(30px, 3vw, 54px);
font-weight: 800;
line-height: 1.14;
color: #fff;
}
.mpm2-carousel-badge,
.mpm2-paint-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
max-width: 100%;
padding: 7px 14px;
border-radius: 4px;
background: var(--mpm2-accent, #c91d2d);
color: #fff;
font-size: 14px;
font-weight: 800;
line-height: 1.1;
}
.mpm2-carousel-meta,
.mpm2-paint-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 18px;
}
.mpm2-carousel-meta { justify-content: center; }
.mpm2-carousel-meta-item,
.mpm2-paint-meta-item {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
}
.mpm2-carousel-meta-item::before,
.mpm2-paint-meta-item::before {
display: inline-block;
opacity: .95;
}
.mpm2-carousel-meta-item.is-author::before,
.mpm2-paint-meta-item.is-author::before { content: '◉'; font-size: 10px; }
.mpm2-carousel-meta-item.is-date::before,
.mpm2-paint-meta-item.is-date::before { content: '◷'; font-size: 12px; }
.mpm2-carousel-content { min-height: 112px; }
.mpm2-carousel-content p { margin: 0; }
.mpm2-paint-bottom-copy {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.mpm2-paint-bottom-copy p { margin-top: 6px; }
.mpm2-paint-caption-main {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.mpm2-paint-caption-main .mpm2-paint-meta {
color: color-mix(in srgb, var(--mpm2-text, #1d1915) 70%, transparent);
}
.mpm2-paint-bottom-copy .mpm2-paint-meta { justify-content: center; }
@media (max-width: 768px) {
.mpm2-carousel-overlay {
padding: 22px 18px 28px;
gap: 12px;
}
.mpm2-carousel-overlay h3 {
font-size: clamp(24px, 7vw, 38px);
}
} .mpm2-carousel-badge,
.mpm2-paint-badge {
background: var(--mpm2-badge-bg, var(--mpm2-accent, #c91d2d));
color: var(--mpm2-badge-color, #ffffff);
font-size: var(--mpm2-badge-size, 14px);
padding: 8px 15px;
border-radius: 4px;
box-shadow: 0 8px 18px rgba(0,0,0,.18);
letter-spacing: .01em;
}
.mpm2-carousel-overlay {
inset: 0;
justify-content: center;
align-items: center;
text-align: center;
padding: clamp(24px, 4vw, 44px);
}
.mpm2-carousel-overlay h3 {
max-width: 980px;
font-size: clamp(34px, 3.6vw, 58px);
text-wrap: balance;
}
.mpm2-carousel-meta,
.mpm2-paint-meta {
justify-content: center;
}
.mpm2-carousel-meta-item,
.mpm2-paint-meta-item {
color: inherit;
}
.mpm2-carousel-meta-item::before,
.mpm2-paint-meta-item::before {
content: '';
width: 15px;
height: 15px;
flex: 0 0 15px;
opacity: 1;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.mpm2-carousel-meta-item.is-author::before,
.mpm2-paint-meta-item.is-author::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.46-8 5.5V21h16v-1.5C20 16.46 16.42 14 12 14Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.46-8 5.5V21h16v-1.5C20 16.46 16.42 14 12 14Z'/%3E%3C/svg%3E");
}
.mpm2-carousel-meta-item.is-date::before,
.mpm2-paint-meta-item.is-date::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm11 8H6v10h12V10ZM6 8h12V6H6v2Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm11 8H6v10h12V10ZM6 8h12V6H6v2Z'/%3E%3C/svg%3E");
}
.mpm2-paint-bottom-copy,
.mpm2-paint-caption-main {
align-items: center;
text-align: center;
}
.mpm2-paint-caption {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
gap: 16px;
}
.mpm2-paint-caption h3,
.mpm2-paint-bottom-copy h3 {
text-wrap: balance;
}
.mpm2-paint-caption .mpm2-paint-reset {
grid-column: auto;
grid-row: auto;
justify-self: center;
}
.mpm2-paint-caption-main .mpm2-paint-meta {
color: color-mix(in srgb, var(--mpm2-text, #1d1915) 76%, transparent);
}
@media (max-width: 768px) {
.mpm2-carousel-overlay h3 {
font-size: clamp(25px, 7vw, 40px);
}
} .mpm2-quick-links-placement-below_palette {
padding: 22px 0 0;
background: transparent;
}
.mpm2-quick-links-placement-below_palette .mpm2-quick-links-heading {
margin: 0 0 24px;
text-align: left;
}
.mpm2-quick-links-placement-below_palette .mpm2-quick-links-heading h2 {
font-size: clamp(24px, 2.2vw, 36px);
}
.mpm2-quick-links-placement-below_palette .mpm2-quick-links-grid {
max-width: none;
}
.mpm2-ql-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--mpm2-badge-bg, var(--mpm2-accent));
color: var(--mpm2-badge-color, #fff);
font-size: var(--mpm2-badge-size, 14px);
line-height: 1;
padding: 8px 12px;
font-weight: 700;
letter-spacing: .02em;
text-transform: uppercase;
}
.mpm2-ql-badge-inline {
position: absolute;
left: 14px;
bottom: 14px;
z-index: 2;
}
.mpm2-ql-meta-top {
margin-top: 12px;
}
.mpm2-ql-meta-row {
display: flex;
flex-wrap: wrap;
gap: 12px 20px;
align-items: center;
margin-top: 14px;
font-size: 16px;
color: color-mix(in srgb, var(--mpm2-text) 72%, transparent);
}
.mpm2-ql-meta-item {
display: inline-flex;
align-items: center;
gap: 9px;
}
.mpm2-ql-meta-item::before {
content: '';
width: 17px;
height: 17px;
flex: 0 0 17px;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.mpm2-ql-meta-item.is-author::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.46-8 5.5V21h16v-1.5C20 16.46 16.42 14 12 14Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.46-8 5.5V21h16v-1.5C20 16.46 16.42 14 12 14Z'/%3E%3C/svg%3E");
}
.mpm2-ql-meta-item.is-date::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm11 8H6v10h12V10ZM6 8h12V6H6v2Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm11 8H6v10h12V10ZM6 8h12V6H6v2Z'/%3E%3C/svg%3E");
} .mpm2-quick-links-layout-editors_pick .mpm2-quick-links-heading {
text-align: left;
max-width: 1600px;
margin: 0 auto 26px;
}
.mpm2-quick-links-layout-editors_pick .mpm2-quick-links-heading h2 {
font-family: inherit;
font-weight: 800;
text-transform: uppercase;
font-size: clamp(24px, 2.2vw, 38px);
letter-spacing: -.02em;
display: inline-block;
padding-bottom: 12px;
border-bottom: 3px solid var(--mpm2-accent);
}
.mpm2-quick-links-layout-editors_pick .mpm2-quick-links-heading p { text-align: left; }
.mpm2-quick-links-layout-editors_pick .mpm2-quick-links-grid {
gap: 24px;
}
.mpm2-quick-link-card-editors .mpm2-quick-link-image {
aspect-ratio: 16 / 9;
}
.mpm2-quick-link-card-editors .mpm2-quick-link-copy {
display: grid;
grid-template-columns: 48px 1fr;
gap: 10px 18px;
align-items: start;
padding-top: 16px;
}
.mpm2-quick-link-card-editors .mpm2-quick-link-copy::before { display: none; }
.mpm2-ql-rank {
grid-row: 1 / span 2;
font-size: clamp(42px, 3.4vw, 56px);
line-height: 1;
font-weight: 800;
color: rgba(0,0,0,.14);
}
.mpm2-dark-mode .mpm2-ql-rank { color: rgba(255,255,255,.18); }
.mpm2-quick-link-card-editors .mpm2-quick-link-copy h3 {
font-family: inherit;
text-transform: none;
font-size: clamp(27px, 2vw, 40px);
font-weight: 800;
line-height: 1.22;
margin: 0;
}
.mpm2-quick-link-card-editors .mpm2-quick-link-copy p {
display: none;
}
.mpm2-quick-link-card-editors .mpm2-ql-meta-row {
grid-column: 2;
margin-top: 6px;
} .mpm2-quick-links-layout-mosaic .mpm2-quick-links-heading {
display: none;
}
.mpm2-quick-links-mosaic {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.16fr 1fr 1fr;
grid-template-rows: repeat(2, minmax(210px, 1fr));
gap: 14px;
}
.mpm2-ql-mosaic-item { position: relative; overflow: hidden; min-height: 220px; }
.mpm2-ql-mosaic-item-1 { grid-row: 1 / span 2; grid-column: 1; min-height: 520px; }
.mpm2-ql-mosaic-item-2 { grid-column: 2 / span 2; }
.mpm2-ql-mosaic-link, .mpm2-ql-mosaic-link:hover { color: inherit; text-decoration: none; display:block; height:100%; }
.mpm2-ql-mosaic-bg, .mpm2-ql-mosaic-item {
background: #ddd center / cover no-repeat;
}
.mpm2-ql-mosaic-bg { position: absolute; inset: 0; transition: transform .5s ease; }
.mpm2-ql-mosaic-item:hover .mpm2-ql-mosaic-bg { transform: scale(1.04); }
.mpm2-ql-mosaic-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.1) 10%, rgba(0,0,0,.68) 100%); }
.mpm2-ql-mosaic-copy {
position: absolute;
inset: auto 0 0 0;
padding: clamp(18px, 2.2vw, 28px);
color: #fff;
z-index: 2;
}
.mpm2-ql-mosaic-copy h3 {
margin: 12px 0 0;
font-family: inherit;
text-transform: uppercase;
font-size: clamp(20px, 2.2vw, 34px);
font-weight: 800;
line-height: 1.18;
}
.mpm2-ql-mosaic-item-1 .mpm2-ql-mosaic-copy h3 {
font-size: clamp(28px, 3vw, 54px);
}
.mpm2-ql-mosaic-copy p {
margin: 14px 0 0;
color: rgba(255,255,255,.88);
font-size: clamp(15px, 1.35vw, 19px);
line-height: 1.45;
max-width: 90%;
}
@media (max-width: 1080px) {
.mpm2-quick-links-layout-editors_pick .mpm2-quick-links-grid,
.mpm2-quick-links-layout-classic .mpm2-quick-links-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
}
.mpm2-quick-links-mosaic {
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(3, minmax(200px, auto));
}
.mpm2-ql-mosaic-item-1 { grid-column: 1 / span 2; grid-row: 1 / span 1; min-height: 340px; }
.mpm2-ql-mosaic-item-2 { grid-column: auto; }
}
@media (max-width: 700px) {
.mpm2-quick-links-layout-editors_pick .mpm2-quick-links-grid,
.mpm2-quick-links-layout-classic .mpm2-quick-links-grid { grid-template-columns: 1fr; }
.mpm2-quick-link-card-editors .mpm2-quick-link-copy { grid-template-columns: 36px 1fr; gap: 8px 12px; }
.mpm2-quick-links-mosaic { grid-template-columns: 1fr; grid-template-rows: none; }
.mpm2-ql-mosaic-item, .mpm2-ql-mosaic-item-1, .mpm2-ql-mosaic-item-2 { grid-column: auto; grid-row: auto; min-height: 240px; }
} .mpm2-quick-links-placement-below_top_menu {
background: var(--mpm2-topbar-bg);
padding: 16px clamp(12px, 2vw, 24px) 34px;
margin: 0 0 38px;
}
.mpm2-quick-links-placement-below_top_menu .mpm2-quick-links-heading,
.mpm2-quick-links-layout-top_featured .mpm2-quick-links-heading {
display: none;
}
.mpm2-quick-links-tophero {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: .92fr 1.04fr .92fr;
gap: 18px;
align-items: stretch;
}
.mpm2-ql-top-card {
position: relative;
min-height: 330px;
overflow: hidden;
color: #fff;
background: #101723;
}
.mpm2-ql-top-card.is-main {
min-height: 390px;
}
.mpm2-ql-top-link,
.mpm2-ql-top-link:hover {
display: block;
height: 100%;
color: inherit;
text-decoration: none;
}
.mpm2-ql-top-bg {
position: absolute;
inset: 0;
background: #1f2937 center / cover no-repeat;
transition: transform .55s ease;
}
.mpm2-ql-top-card:hover .mpm2-ql-top-bg,
.mpm2-ql-top-card:focus-within .mpm2-ql-top-bg {
transform: scale(1.04);
}
.mpm2-ql-top-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.06) 14%, rgba(0,0,0,.76) 100%);
}
.mpm2-ql-top-copy {
position: absolute;
inset: auto 0 0 0;
z-index: 2;
padding: 22px 18px 24px;
text-align: center;
}
.mpm2-ql-top-copy h3 {
margin: 18px auto 0;
max-width: 92%;
font-family: inherit;
font-size: clamp(24px, 2.35vw, 42px);
font-weight: 800;
line-height: 1.22;
color: #fff;
}
.mpm2-ql-top-card.is-main .mpm2-ql-top-copy h3 {
font-size: clamp(30px, 2.7vw, 50px);
}
.mpm2-ql-top-copy .mpm2-ql-meta-row {
justify-content: center;
color: rgba(255,255,255,.92);
font-size: 15px;
}
.mpm2-ql-top-copy .mpm2-ql-badge {
font-size: var(--mpm2-badge-size, 14px);
}
@media (max-width: 1080px) {
.mpm2-quick-links-tophero {
grid-template-columns: 1fr 1fr;
}
.mpm2-ql-top-card.is-main {
grid-column: 1 / span 2;
}
}
@media (max-width: 700px) {
.mpm2-quick-links-placement-below_top_menu {
padding-bottom: 22px;
}
.mpm2-quick-links-tophero {
grid-template-columns: 1fr;
}
.mpm2-ql-top-card,
.mpm2-ql-top-card.is-main {
grid-column: auto;
min-height: 260px;
}
.mpm2-ql-top-copy h3,
.mpm2-ql-top-card.is-main .mpm2-ql-top-copy h3 {
font-size: clamp(22px, 7vw, 34px);
}
} .mpm2-page-builder-output {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
}
.mpm2-builder-output-block {
box-sizing: border-box;
min-width: 0;
}
.mpm2-builder-width-full {
width: 100%;
max-width: none;
margin-inline: 0;
}
.mpm2-builder-width-wide {
width: min(100%, 1800px);
margin-inline: auto;
}
.mpm2-builder-width-content {
width: min(calc(100% - 32px), 1280px);
margin-inline: auto;
}
.mpm2-builder-output-topbar {
display: contents;
}
.mpm2-builder-output-heading .mpm2-heading,
.mpm2-builder-output-paint_carousel .mpm2-paint-carousel-wrap,
.mpm2-builder-output-main_grid .mpm2-main-grid,
.mpm2-builder-output-quick_links .mpm2-quick-links,
.mpm2-builder-output-newsletter .mpm2-newsletter {
width: 100%;
max-width: none;
box-sizing: border-box;
}
.mpm2-builder-output-paint_carousel {
padding-block: clamp(10px, 2vw, 28px);
}
.mpm2-builder-output-quick_links .mpm2-quick-links {
padding-top: clamp(20px, 3vw, 44px);
}
.mpm2-builder-custom-block {
margin-block: clamp(18px, 3vw, 44px);
padding: clamp(24px, 4vw, 54px);
border-radius: 24px;
background: var(--mpm2-surface);
color: var(--mpm2-text);
box-shadow: 0 18px 48px rgba(20,31,50,.10);
}
.mpm2-builder-custom-block > h2 {
margin: 0 0 20px;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(28px, 3vw, 48px);
line-height: 1.1;
}
.mpm2-builder-custom-content > :first-child { margin-top: 0; }
.mpm2-builder-custom-content > :last-child { margin-bottom: 0; }
@media (max-width: 700px) {
.mpm2-builder-width-content { width: calc(100% - 24px); }
.mpm2-builder-custom-block { border-radius: 16px; padding: 22px 18px; }
} .mpm2-image-mega {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 135;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-12px);
transition: opacity .2s ease, transform .25s ease, visibility .2s ease;
background: var(--mpm2-mega-bg);
color: var(--mpm2-mega-text);
box-shadow: 0 28px 54px rgba(0,0,0,.3);
}
.mpm2-top-item:hover > .mpm2-image-mega,
.mpm2-top-item:focus-within > .mpm2-image-mega,
.mpm2-top-item.is-open > .mpm2-image-mega {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.mpm2-image-mega-inner {
width: min(1440px, calc(100% - 48px));
margin: 0 auto;
padding: 30px 0 34px;
}
.mpm2-image-mega-title {
margin: 0 0 20px;
color: var(--mpm2-mega-text);
font-size: 14px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}
.mpm2-image-mega-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 22px;
}
.mpm2-image-mega-grid.mpm2-image-mega-count-1 { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
.mpm2-image-mega-grid.mpm2-image-mega-count-2 { grid-template-columns: repeat(2, minmax(0,1fr)); max-width: 980px; }
.mpm2-image-mega-grid.mpm2-image-mega-count-4,
.mpm2-image-mega-grid.mpm2-image-mega-count-5,
.mpm2-image-mega-grid.mpm2-image-mega-count-6 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.mpm2-image-mega-card {
display: block;
color: var(--mpm2-mega-text);
text-decoration: none;
min-width: 0;
}
.mpm2-image-mega-media {
position: relative;
display: block;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
background: linear-gradient(135deg, color-mix(in srgb, var(--mpm2-item-color) 52%, #222), #4b5563) center / cover no-repeat;
}
.mpm2-image-mega-media::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.42) 100%);
}
.mpm2-image-mega-card:hover .mpm2-image-mega-media,
.mpm2-image-mega-card:focus-visible .mpm2-image-mega-media {
filter: brightness(1.05);
}
.mpm2-image-mega-badge {
position: absolute;
left: 12px;
bottom: 12px;
z-index: 2;
display: inline-flex;
padding: 7px 11px;
background: var(--mpm2-item-color);
color: #fff;
font-size: 13px;
font-weight: 800;
line-height: 1;
}
.mpm2-image-mega-copy {
display: flex;
flex-direction: column;
gap: 10px;
padding: 14px 0 0;
}
.mpm2-image-mega-copy strong {
display: block;
color: var(--mpm2-mega-text);
font-family: inherit;
font-size: clamp(20px, 1.5vw, 28px);
font-weight: 800;
line-height: 1.25;
}
.mpm2-image-mega-card:hover .mpm2-image-mega-copy strong,
.mpm2-image-mega-card:focus-visible .mpm2-image-mega-copy strong {
color: var(--mpm2-item-color);
}
.mpm2-image-mega-meta {
display: flex;
flex-wrap: wrap;
gap: 10px 16px;
align-items: center;
color: color-mix(in srgb, var(--mpm2-mega-text) 70%, transparent);
font-size: 14px;
}
.mpm2-image-mega-meta > span {
display: inline-flex;
align-items: center;
gap: 7px;
}
.mpm2-image-mega-meta > span::before {
content: '';
width: 14px;
height: 14px;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.mpm2-image-mega-meta .is-author::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.46-8 5.5V21h16v-1.5C20 16.46 16.42 14 12 14Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.46-8 5.5V21h16v-1.5C20 16.46 16.42 14 12 14Z'/%3E%3C/svg%3E");
}
.mpm2-image-mega-meta .is-date::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm11 8H6v10h12V10ZM6 8h12V6H6v2Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm11 8H6v10h12V10ZM6 8h12V6H6v2Z'/%3E%3C/svg%3E");
}
.mpm2-image-mega-excerpt {
color: color-mix(in srgb, var(--mpm2-mega-text) 72%, transparent);
font-size: 14px;
line-height: 1.45;
}
.mpm2-image-mega-empty {
margin: 0;
padding: 18px;
border: 1px dashed color-mix(in srgb, var(--mpm2-mega-text) 28%, transparent);
color: color-mix(in srgb, var(--mpm2-mega-text) 74%, transparent);
}
@media (max-width: 1100px) {
.mpm2-image-mega-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 900px) {
.mpm2-image-mega {
position: static;
display: none;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
box-shadow: none;
}
.mpm2-top-item.is-open > .mpm2-image-mega { display: block; }
.mpm2-image-mega-inner {
width: 100%;
padding: 18px 0 10px;
}
.mpm2-image-mega-grid,
.mpm2-image-mega-grid.mpm2-image-mega-count-1,
.mpm2-image-mega-grid.mpm2-image-mega-count-2,
.mpm2-image-mega-grid.mpm2-image-mega-count-4,
.mpm2-image-mega-grid.mpm2-image-mega-count-5,
.mpm2-image-mega-grid.mpm2-image-mega-count-6 {
grid-template-columns: 1fr;
max-width: none;
}
.mpm2-image-mega-card {
display: grid;
grid-template-columns: 150px minmax(0,1fr);
gap: 14px;
}
.mpm2-image-mega-copy { padding-top: 0; }
}
@media (max-width: 520px) {
.mpm2-image-mega-card { grid-template-columns: 1fr; }
} .mpm2-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.mpm2-ql-brush-title {
position: relative;
display: block;
width: 100%;
min-height: 3.1em;
overflow: hidden;
color: var(--mpm2-text);
text-decoration: none;
cursor: none;
font-family: var(--mpm2-heading-font, Georgia, serif);
font-size: clamp(24px, 2vw, 38px);
font-weight: 800;
line-height: 1.18;
text-transform: none;
}
.mpm2-ql-brush-title:hover,
.mpm2-ql-brush-title:focus {
color: inherit;
text-decoration: none;
outline: none;
}
.mpm2-ql-brush-title-canvas {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
}
.mpm2-ql-brush-title-top,
.mpm2-ql-brush-title-mosaic {
color: #fff;
min-height: 2.8em;
margin: 14px auto 0;
max-width: 94%;
font-family: inherit;
text-align: center;
text-transform: uppercase;
}
.mpm2-ql-brush-title-top {
font-size: clamp(24px, 2.35vw, 42px);
}
.mpm2-ql-top-card.is-main .mpm2-ql-brush-title-top {
font-size: clamp(30px, 2.7vw, 50px);
}
.mpm2-ql-brush-title-mosaic {
font-size: clamp(20px, 2.2vw, 34px);
text-align: left;
margin-left: 0;
}
.mpm2-ql-mosaic-item-1 .mpm2-ql-brush-title-mosaic {
font-size: clamp(28px, 3vw, 54px);
}
.mpm2-quick-link-copy > .mpm2-ql-brush-title-classic {
margin: 0;
}
.mpm2-quick-link-card-editors .mpm2-ql-brush-title-classic {
grid-column: 2;
font-family: inherit;
font-size: clamp(27px, 2vw, 40px);
font-weight: 800;
line-height: 1.22;
}
.mpm2-ql-brush-title.is-complete canvas {
filter: drop-shadow(0 1px 0 rgba(255,255,255,.08));
}
@media (hover: none), (pointer: coarse) {
.mpm2-ql-brush-title {
cursor: pointer;
}
}
@media (max-width: 700px) {
.mpm2-ql-brush-title,
.mpm2-ql-brush-title-top,
.mpm2-ql-brush-title-mosaic,
.mpm2-quick-link-card-editors .mpm2-ql-brush-title-classic {
font-size: clamp(22px, 7vw, 34px);
min-height: 3.3em;
}
} .mpm2-quick-links-layout-triple_overlay .mpm2-quick-links-heading,
.mpm2-quick-links-layout-tech_mixed .mpm2-quick-links-heading,
.mpm2-quick-links-layout-feature_four .mpm2-quick-links-heading,
.mpm2-quick-links-layout-ticker_cards .mpm2-quick-links-heading,
.mpm2-quick-links-layout-portrait_columns .mpm2-quick-links-heading {
max-width: 1600px;
} .mpm2-ql-triple-overlay {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
overflow: hidden;
}
.mpm2-ql-overlay-card {
position: relative;
min-height: clamp(340px, 37vw, 560px);
overflow: hidden;
color: #fff;
background: #1d2430;
}
.mpm2-ql-overlay-link,
.mpm2-ql-overlay-link:hover {
display: block;
height: 100%;
color: inherit;
text-decoration: none;
}
.mpm2-ql-overlay-bg {
position: absolute;
inset: 0;
background: #263140 center / cover no-repeat;
transition: transform .55s ease;
}
.mpm2-ql-overlay-card:hover .mpm2-ql-overlay-bg,
.mpm2-ql-overlay-card:focus-within .mpm2-ql-overlay-bg {
transform: scale(1.045);
}
.mpm2-ql-overlay-shade {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.06) 12%, rgba(0,0,0,.72) 100%);
}
.mpm2-ql-overlay-copy {
position: absolute;
inset: auto 0 0;
z-index: 2;
padding: clamp(24px, 3.2vw, 46px);
text-align: center;
}
.mpm2-ql-overlay-copy h3,
.mpm2-ql-overlay-copy .mpm2-ql-brush-title {
margin: 16px auto 0;
max-width: 94%;
font-family: inherit;
font-size: clamp(25px, 2.5vw, 44px);
font-weight: 800;
line-height: 1.2;
color: #fff;
}
.mpm2-ql-overlay-copy .mpm2-ql-meta-row {
justify-content: center;
color: rgba(255,255,255,.94);
} .mpm2-ql-tech-mixed {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.12fr 1fr .9fr;
gap: 18px;
align-items: stretch;
}
.mpm2-ql-tech-list,
.mpm2-ql-tech-color-list {
display: grid;
gap: 16px;
}
.mpm2-ql-tech-list-card {
min-height: 132px;
display: grid;
grid-template-columns: 38% 1fr;
background: var(--mpm2-surface);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.mpm2-ql-tech-thumb {
position: relative;
min-height: 132px;
background: #d9dee6 center / cover no-repeat;
}
.mpm2-ql-tech-thumb .mpm2-ql-badge {
position: absolute;
left: 10px;
bottom: 10px;
padding: 6px 9px;
font-size: 11px;
}
.mpm2-ql-tech-list-copy {
padding: 18px 16px;
display: flex;
flex-direction: column;
justify-content: center;
}
.mpm2-ql-tech-list-copy h3,
.mpm2-ql-tech-list-copy .mpm2-ql-brush-title {
margin: 0;
font-family: inherit;
font-size: clamp(18px, 1.45vw, 27px);
line-height: 1.28;
font-weight: 800;
}
.mpm2-ql-tech-list-copy .mpm2-ql-meta-row {
margin-top: 10px;
font-size: 12px;
}
.mpm2-ql-tech-main {
position: relative;
min-height: 430px;
overflow: hidden;
border-radius: 8px;
color: #fff;
background: #164f72;
}
.mpm2-ql-tech-main > a,
.mpm2-ql-tech-main > a:hover {
display: block;
height: 100%;
color: inherit;
text-decoration: none;
}
.mpm2-ql-tech-main-bg,
.mpm2-ql-tech-main-shade {
position: absolute;
inset: 0;
}
.mpm2-ql-tech-main-bg {
background: #164f72 center / cover no-repeat;
transition: transform .5s ease;
}
.mpm2-ql-tech-main:hover .mpm2-ql-tech-main-bg { transform: scale(1.04); }
.mpm2-ql-tech-main-shade {
background: linear-gradient(180deg, rgba(6,29,45,.12), rgba(6,29,45,.82));
}
.mpm2-ql-tech-main-copy {
position: absolute;
inset: auto 0 0;
z-index: 2;
padding: 28px;
color: #fff;
}
.mpm2-ql-tech-main-copy h3,
.mpm2-ql-tech-main-copy .mpm2-ql-brush-title {
margin: 14px 0 0;
color: #fff;
font-family: inherit;
font-size: clamp(27px, 2.45vw, 44px);
line-height: 1.18;
font-weight: 800;
}
.mpm2-ql-tech-main-copy .mpm2-ql-meta-row { color: rgba(255,255,255,.92); }
.mpm2-ql-tech-color-list {
grid-template-rows: repeat(2, 1fr);
}
.mpm2-ql-tech-color-card {
min-height: 200px;
padding: clamp(24px, 2.4vw, 38px);
color: #fff;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: center;
}
.mpm2-ql-tech-color-card.is-color-1 { background: #176e96; }
.mpm2-ql-tech-color-card.is-color-2 { background: #7554b7; }
.mpm2-ql-tech-color-card h3,
.mpm2-ql-tech-color-card .mpm2-ql-brush-title {
margin: 16px 0 0;
color: #fff;
font-family: inherit;
font-size: clamp(22px, 2vw, 35px);
line-height: 1.25;
font-weight: 800;
}
.mpm2-ql-tech-color-card .mpm2-ql-meta-row { color: rgba(255,255,255,.92); } .mpm2-ql-feature-four {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.08fr 1.34fr;
gap: 26px;
align-items: stretch;
}
.mpm2-ql-feature-main {
position: relative;
min-height: 610px;
overflow: hidden;
color: #fff;
background: #20302a;
}
.mpm2-ql-feature-main > a,
.mpm2-ql-feature-main > a:hover {
display: block;
height: 100%;
color: inherit;
text-decoration: none;
}
.mpm2-ql-feature-main-bg,
.mpm2-ql-feature-main-shade {
position: absolute;
inset: 0;
}
.mpm2-ql-feature-main-bg { background: #31483f center / cover no-repeat; transition: transform .5s ease; }
.mpm2-ql-feature-main:hover .mpm2-ql-feature-main-bg { transform: scale(1.04); }
.mpm2-ql-feature-main-shade { background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.8)); }
.mpm2-ql-feature-main-copy {
position: absolute;
inset: auto 0 0;
z-index: 2;
padding: clamp(26px, 3vw, 46px);
}
.mpm2-ql-feature-main-copy h3,
.mpm2-ql-feature-main-copy .mpm2-ql-brush-title {
margin: 16px 0 0;
color: #fff;
font-family: inherit;
font-size: clamp(31px, 3vw, 52px);
line-height: 1.17;
font-weight: 800;
}
.mpm2-ql-feature-main-copy p {
max-width: 90%;
color: rgba(255,255,255,.9);
font-size: clamp(16px, 1.4vw, 21px);
line-height: 1.48;
}
.mpm2-ql-feature-main-copy .mpm2-ql-meta-row { color: rgba(255,255,255,.92); }
.mpm2-ql-feature-small-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px 28px;
}
.mpm2-ql-feature-small-card { min-width: 0; }
.mpm2-ql-feature-small-image {
position: relative;
aspect-ratio: 16 / 9;
background: #d8d8d8 center / cover no-repeat;
overflow: hidden;
}
.mpm2-ql-feature-small-image .mpm2-ql-badge {
position: absolute;
left: 12px;
bottom: 12px;
}
.mpm2-ql-feature-small-copy { padding-top: 14px; }
.mpm2-ql-feature-small-copy h3,
.mpm2-ql-feature-small-copy .mpm2-ql-brush-title {
margin: 0;
font-family: inherit;
font-size: clamp(19px, 1.65vw, 29px);
line-height: 1.28;
font-weight: 800;
}
.mpm2-ql-feature-small-copy .mpm2-ql-meta-row { margin-top: 10px; font-size: 13px; } .mpm2-ql-ticker-row {
max-width: 1600px;
margin: 0 auto 18px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.mpm2-ql-ticker-item {
min-height: 90px;
display: grid;
grid-template-columns: 78px 1fr;
align-items: center;
gap: 15px;
padding: 12px 18px;
border-radius: 13px;
background: color-mix(in srgb, var(--mpm2-surface) 94%, #fff);
box-shadow: 0 8px 22px rgba(0,0,0,.06);
}
.mpm2-ql-ticker-image {
width: 72px;
height: 72px;
border-radius: 50%;
background: #ddd center / cover no-repeat;
}
.mpm2-ql-ticker-copy h3,
.mpm2-ql-ticker-copy .mpm2-ql-brush-title {
margin: 0 0 8px;
font-family: inherit;
font-size: clamp(15px, 1.2vw, 21px);
line-height: 1.25;
font-weight: 800;
}
.mpm2-ql-ticker-copy .mpm2-ql-meta-item { font-size: 12px; }
.mpm2-ql-ticker-cards {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.mpm2-ql-ticker-card {
position: relative;
min-height: 420px;
overflow: hidden;
border-radius: 12px;
color: #fff;
background: #22323d;
}
.mpm2-ql-ticker-card > a,
.mpm2-ql-ticker-card > a:hover { display: block; height: 100%; color: inherit; text-decoration: none; }
.mpm2-ql-ticker-card-bg,
.mpm2-ql-ticker-card-shade { position: absolute; inset: 0; }
.mpm2-ql-ticker-card-bg { background: #314655 center / cover no-repeat; transition: transform .5s ease; }
.mpm2-ql-ticker-card:hover .mpm2-ql-ticker-card-bg { transform: scale(1.04); }
.mpm2-ql-ticker-card-shade { background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.76)); }
.mpm2-ql-ticker-card-copy { position: absolute; inset: auto 0 0; z-index: 2; padding: 24px; }
.mpm2-ql-ticker-card-copy h3,
.mpm2-ql-ticker-card-copy .mpm2-ql-brush-title {
margin: 14px 0 0;
color: #fff;
font-family: inherit;
font-size: clamp(23px, 2.2vw, 38px);
line-height: 1.2;
font-weight: 800;
}
.mpm2-ql-ticker-card-copy .mpm2-ql-meta-row { color: rgba(255,255,255,.92); } .mpm2-ql-portrait-columns {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}
.mpm2-ql-portrait-image-wrap {
position: relative;
min-height: 455px;
overflow: hidden;
border-radius: 10px;
color: #fff;
background: #2b3542;
}
.mpm2-ql-portrait-image-wrap > a,
.mpm2-ql-portrait-image-wrap > a:hover { display: block; height: 100%; color: inherit; text-decoration: none; }
.mpm2-ql-portrait-image,
.mpm2-ql-portrait-shade { position: absolute; inset: 0; }
.mpm2-ql-portrait-image { background: #364657 center / cover no-repeat; transition: transform .5s ease; }
.mpm2-ql-portrait-card:hover .mpm2-ql-portrait-image { transform: scale(1.045); }
.mpm2-ql-portrait-shade { background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.72)); }
.mpm2-ql-portrait-overlay { position: absolute; inset: auto 0 0; z-index: 2; padding: 22px; }
.mpm2-ql-portrait-overlay h3,
.mpm2-ql-portrait-overlay .mpm2-ql-brush-title {
margin: 12px 0 0;
color: #fff;
font-family: inherit;
font-size: clamp(19px, 1.6vw, 28px);
line-height: 1.23;
font-weight: 800;
}
.mpm2-ql-portrait-overlay .mpm2-ql-meta-row { color: rgba(255,255,255,.9); font-size: 12px; }
.mpm2-ql-portrait-below { padding: 14px 4px 0; }
.mpm2-ql-portrait-below h4 {
margin: 0 0 10px;
font-family: inherit;
font-size: clamp(17px, 1.35vw, 23px);
line-height: 1.28;
font-weight: 800;
}
.mpm2-ql-portrait-below h4 a { color: inherit; text-decoration: none; }
.mpm2-ql-portrait-below .mpm2-ql-meta-item { font-size: 12px; color: color-mix(in srgb, var(--mpm2-text) 62%, transparent); } .mpm2-quick-links-placement-after_heading,
.mpm2-quick-links-placement-before_main,
.mpm2-quick-links-placement-before_newsletter {
padding-inline: clamp(18px, 4vw, 72px);
}
.mpm2-quick-links-placement-before_main { margin-bottom: 42px; }
.mpm2-quick-links-placement-after_heading { margin-top: 20px; }
.mpm2-quick-links-placement-before_newsletter { margin-bottom: 24px; }
@media (max-width: 1180px) {
.mpm2-ql-triple-overlay { grid-template-columns: 1fr 1fr; }
.mpm2-ql-overlay-card:last-child { grid-column: 1 / span 2; }
.mpm2-ql-tech-mixed { grid-template-columns: 1fr 1fr; }
.mpm2-ql-tech-color-list { grid-column: 1 / span 2; grid-template-columns: 1fr 1fr; grid-template-rows: none; }
.mpm2-ql-feature-four { grid-template-columns: 1fr; }
.mpm2-ql-feature-main { min-height: 500px; }
.mpm2-ql-portrait-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
.mpm2-ql-triple-overlay,
.mpm2-ql-ticker-cards,
.mpm2-ql-ticker-row { grid-template-columns: 1fr; }
.mpm2-ql-overlay-card:last-child { grid-column: auto; }
.mpm2-ql-tech-mixed { grid-template-columns: 1fr; }
.mpm2-ql-tech-color-list { grid-column: auto; grid-template-columns: 1fr; }
.mpm2-ql-feature-small-grid { grid-template-columns: 1fr; }
.mpm2-ql-ticker-card { min-height: 360px; }
}
@media (max-width: 620px) {
.mpm2-ql-tech-list-card { grid-template-columns: 34% 1fr; }
.mpm2-ql-tech-main { min-height: 360px; }
.mpm2-ql-feature-main { min-height: 430px; }
.mpm2-ql-portrait-columns { grid-template-columns: 1fr; }
.mpm2-ql-portrait-image-wrap { min-height: 390px; }
} .mpm2-sidebar-enabled.mpm2-sidebar-right .mpm2-main-grid {
width: min(100%, 1840px);
grid-template-columns: minmax(300px, .92fr) minmax(0, 1.35fr) minmax(260px, var(--mpm2-sidebar-width));
gap: clamp(22px, 2vw, 34px);
}
.mpm2-right-sidebar {
min-width: 0;
width: 100%;
box-sizing: border-box;
padding: 14px;
border-radius: 22px;
background: var(--mpm2-sidebar-bg, #f2f3f5);
color: var(--mpm2-text);
}
.mpm2-right-sidebar.is-sticky {
position: sticky;
top: 108px;
align-self: start;
max-height: calc(100vh - 130px);
overflow-y: auto;
scrollbar-width: thin;
}
.mpm2-sidebar-below > .mpm2-right-sidebar,
.mpm2-sidebar-below .mpm2-page-builder-output + .mpm2-right-sidebar {
width: min(100% - 40px, 1440px);
margin: 0 auto clamp(54px, 6vw, 92px);
}
.mpm2-side-widget {
--mpm2-side-widget-bg: rgba(255,255,255,.92);
--mpm2-side-widget-text: var(--mpm2-text);
margin: 0 0 18px;
padding: 18px;
border-radius: 16px;
background: var(--mpm2-side-widget-bg);
color: var(--mpm2-side-widget-text);
box-shadow: 0 8px 22px rgba(15,23,42,.07);
}
.mpm2-side-widget:last-child { margin-bottom: 0; }
.mpm2-side-title {
margin: 0 0 16px;
padding: 0 0 10px;
border-bottom: 2px solid color-mix(in srgb, var(--mpm2-accent) 75%, transparent);
font-family: inherit;
font-size: clamp(20px, 1.6vw, 28px);
line-height: 1.15;
color: inherit;
}
.mpm2-side-post-list { display: grid; gap: 15px; }
.mpm2-side-post-list article {
display: grid;
grid-template-columns: 108px minmax(0,1fr);
gap: 14px;
align-items: center;
}
.mpm2-side-post-list.is-compact article { grid-template-columns: 84px minmax(0,1fr); }
.mpm2-side-post-list.is-round article { grid-template-columns: 74px minmax(0,1fr); }
.mpm2-side-list-thumb {
display: block;
width: 100%;
aspect-ratio: 1.25 / 1;
border-radius: 10px;
background: #dbe1e8 center / cover no-repeat;
}
.mpm2-side-post-list.is-round .mpm2-side-list-thumb { aspect-ratio: 1; border-radius: 50%; }
.mpm2-side-post-list h3,
.mpm2-side-highlight h3,
.mpm2-side-featured h3 {
margin: 0;
font-family: inherit;
font-size: 16px;
font-weight: 800;
line-height: 1.35;
color: inherit;
}
.mpm2-side-post-list h3 a,
.mpm2-side-highlight h3 a,
.mpm2-side-featured h3 a { color: inherit; text-decoration: none; }
.mpm2-side-meta {
display: flex;
flex-wrap: wrap;
gap: 7px 12px;
margin-top: 8px;
font-size: 12px;
opacity: .66;
}
.mpm2-side-meta-author,
.mpm2-side-meta-date { display: inline-flex; align-items: center; gap: 5px; }
.mpm2-side-meta-author::before { content: '◉'; font-size: 8px; }
.mpm2-side-meta-date::before { content: '▣'; font-size: 9px; }
.mpm2-side-highlight-image,
.mpm2-side-featured-image {
display: block;
aspect-ratio: 16 / 10;
margin: 0 0 14px;
border-radius: 12px;
background: #dbe1e8 center / cover no-repeat;
}
.mpm2-side-highlight h3,
.mpm2-side-featured h3 { font-size: 21px; }
.mpm2-side-featured { margin-bottom: 18px; }
.mpm2-side-categories { display: grid; gap: 12px; }
.mpm2-side-category-card {
position: relative;
display: grid;
place-items: center;
min-height: 112px;
overflow: hidden;
border-radius: 10px;
background: #596575 center / cover no-repeat;
color: #fff;
text-decoration: none;
}
.mpm2-side-category-card::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0,0,0,.28);
}
.mpm2-side-category-card span {
position: relative;
z-index: 1;
padding: 10px 18px;
border-radius: 4px;
background: rgba(0,0,0,.56);
font-size: 18px;
text-align: center;
}
.mpm2-side-category-card em { font-size: .9em; font-weight: 400; }
.mpm2-side-social {
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 10px;
}
.mpm2-side-social a {
display: grid;
place-items: center;
min-height: 58px;
border-radius: 10px;
background: color-mix(in srgb, var(--mpm2-accent) 78%, #2453a6);
color: #fff;
text-decoration: none;
}
.mpm2-side-social a span { font-size: 24px; font-weight: 900; line-height: 1; }
.mpm2-side-social a small { display: none; }
.mpm2-side-ad img { display: block; width: 100%; height: auto; border-radius: 12px; }
.mpm2-side-copy { margin: 12px 0 0; line-height: 1.55; }
.mpm2-dark-mode .mpm2-side-widget { box-shadow: 0 10px 24px rgba(0,0,0,.24); }
@media (max-width: 1320px) {
.mpm2-sidebar-enabled.mpm2-sidebar-right .mpm2-main-grid {
grid-template-columns: minmax(280px, .9fr) minmax(0, 1.35fr);
}
.mpm2-sidebar-enabled.mpm2-sidebar-right .mpm2-right-sidebar {
grid-column: 2;
position: relative;
top: auto;
max-height: none;
overflow: visible;
}
}
@media (max-width: 900px) {
.mpm2-sidebar-enabled.mpm2-sidebar-right .mpm2-main-grid { grid-template-columns: 1fr; }
.mpm2-sidebar-enabled.mpm2-sidebar-right .mpm2-right-sidebar { grid-column: auto; }
}
@media (max-width: 700px) {
.mpm2-right-sidebar { padding: 8px; border-radius: 16px; }
.mpm2-side-widget { padding: 15px; }
.mpm2-side-post-list article { grid-template-columns: 92px minmax(0,1fr); }
.mpm2-sidebar-hide-mobile .mpm2-right-sidebar { display: none !important; }
}
.mpm2-sidebar-below .mpm2-builder-output-main_grid > .mpm2-right-sidebar {
width: min(100%, 1440px);
margin: 24px auto 0;
} .mpm2-countdown {
position: relative;
isolation: isolate;
min-height: var(--mpm2-countdown-height, 420px);
display: flex;
align-items: center;
overflow: hidden;
border-radius: 30px;
background-color: #151922;
background-image: var(--mpm2-countdown-bg, none);
background-position: var(--mpm2-countdown-position, center center);
background-size: var(--mpm2-countdown-size, cover);
background-repeat: no-repeat;
color: var(--mpm2-countdown-color, #fff);
box-shadow: 0 22px 55px rgba(0,0,0,.22);
}
.mpm2-countdown.is-standalone {
width: min(100%, 1440px);
margin: 32px auto;
}
.mpm2-countdown-overlay {
position: absolute;
inset: 0;
z-index: -1;
background: var(--mpm2-countdown-overlay, rgba(0,0,0,.48));
}
.mpm2-countdown-content {
width: min(100%, 1120px);
margin: 0 auto;
padding: clamp(36px, 7vw, 92px) clamp(22px, 6vw, 76px);
}
.mpm2-countdown-align-left .mpm2-countdown-content { text-align: left; }
.mpm2-countdown-align-center .mpm2-countdown-content { text-align: center; }
.mpm2-countdown-align-right .mpm2-countdown-content { text-align: right; }
.mpm2-countdown h2 {
margin: 0;
color: inherit;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(38px, 5.4vw, 78px);
line-height: 1.04;
text-wrap: balance;
}
.mpm2-countdown-intro {
max-width: 780px;
margin: 18px auto 0;
color: color-mix(in srgb, var(--mpm2-countdown-color, #fff) 82%, transparent);
font-size: clamp(17px, 1.8vw, 24px);
line-height: 1.55;
}
.mpm2-countdown-align-left .mpm2-countdown-intro { margin-left: 0; }
.mpm2-countdown-align-right .mpm2-countdown-intro { margin-right: 0; }
.mpm2-countdown-units {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: clamp(10px, 2vw, 22px);
margin-top: clamp(28px, 5vw, 54px);
}
.mpm2-countdown-align-left .mpm2-countdown-units { justify-content: flex-start; }
.mpm2-countdown-align-right .mpm2-countdown-units { justify-content: flex-end; }
.mpm2-countdown-unit {
min-width: clamp(92px, 12vw, 152px);
padding: clamp(16px, 2.4vw, 28px) 16px;
border: 1px solid color-mix(in srgb, var(--mpm2-countdown-accent, #cf1c2f) 72%, #fff);
border-radius: 22px;
background: color-mix(in srgb, var(--mpm2-countdown-accent, #cf1c2f) 28%, rgba(12,15,22,.72));
box-shadow: inset 0 1px 0 rgba(255,255,255,.17), 0 14px 30px rgba(0,0,0,.2);
backdrop-filter: blur(8px);
text-align: center;
}
.mpm2-countdown-unit strong {
display: block;
color: inherit;
font-family: Arial, Helvetica, sans-serif;
font-size: clamp(34px, 5vw, 64px);
font-weight: 800;
line-height: 1;
font-variant-numeric: tabular-nums;
}
.mpm2-countdown-unit > span {
display: block;
margin-top: 10px;
color: color-mix(in srgb, var(--mpm2-countdown-color, #fff) 80%, transparent);
font-size: 13px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}
.mpm2-countdown-expired {
margin-top: 34px;
color: inherit;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(28px, 4vw, 54px);
font-weight: 700;
}
.mpm2-countdown-button {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 34px;
padding: 14px 26px;
border-radius: 999px;
background: var(--mpm2-countdown-accent, #cf1c2f);
color: #fff;
font-size: 16px;
font-weight: 800;
text-decoration: none;
box-shadow: 0 12px 28px color-mix(in srgb, var(--mpm2-countdown-accent, #cf1c2f) 45%, transparent);
transition: transform .2s ease, filter .2s ease;
}
.mpm2-countdown-button:hover,
.mpm2-countdown-button:focus-visible {
color: #fff;
filter: brightness(1.08);
transform: translateY(-2px);
}
.mpm2-countdown.is-expired .mpm2-countdown-intro {
opacity: .78;
}
@media (max-width: 700px) {
.mpm2-countdown {
min-height: max(320px, var(--mpm2-countdown-height, 420px));
border-radius: 22px;
}
.mpm2-countdown-content {
padding: 42px 16px;
}
.mpm2-countdown-units {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mpm2-countdown-unit {
min-width: 0;
}
} .mpm2-module-shell {
margin-top: 0;
margin-bottom: 28px;
overflow: visible;
}
.mpm2-module-shell.mpm2-shortcode-header {
margin-bottom: 0;
}
.mpm2-shortcode-heading .mpm2-heading {
margin: 0;
}
.mpm2-shortcode-palette > .mpm2-palette-panel,
.mpm2-shortcode-manual-carousel > .mpm2-palette-panel,
.mpm2-shortcode-content-panel > .mpm2-content-panel {
width: min(100%, 1180px);
margin-inline: auto;
}
.mpm2-shortcode-main-content .mpm2-main-grid {
margin-top: 0;
}
.mpm2-sidebar-shortcode-wrap {
width: min(100%, var(--mpm2-sidebar-width, 360px));
margin-inline: auto;
padding: 24px 0;
}
.mpm2-sidebar-shortcode-wrap .mpm2-right-sidebar {
width: 100%;
max-width: 100%;
}
.mpm2-shortcode-newsletter .mpm2-newsletter,
.mpm2-shortcode-footer .mpm2-footer {
margin-top: 0;
}
.mpm2-shortcode-custom-block .mpm2-builder-custom-block {
width: min(100% - 32px, 1180px);
margin: 0 auto;
padding: clamp(24px, 4vw, 48px);
}
@media (max-width: 760px) {
.mpm2-module-shell {
margin-bottom: 18px;
}
.mpm2-sidebar-shortcode-wrap {
width: min(100% - 24px, var(--mpm2-sidebar-width, 360px));
}
} .mpm2-main-grid {
isolation: isolate;
background: var(--mpm2-bg);
border-radius: 30px;
} .mpm2-main-grid::before {
content: '';
position: absolute;
inset: -2px;
z-index: -1;
pointer-events: none;
border-radius: inherit;
background: var(--mpm2-bg);
}
.mpm2-palette-panel,
.mpm2-content-panel {
isolation: isolate;
}
.mpm2-content-panel {
overflow: hidden !important;
contain: paint;
} .mpm2-content-panel.is-panel-active::before {
content: '';
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background: var(--mpm2-content-bg);
}
.mpm2-content-panel.is-panel-active > * {
position: relative;
z-index: 1;
}
.mpm2-content-default,
.mpm2-dynamic-panel,
.mpm2-loaded-article,
.mpm2-loaded-category,
.mpm2-loaded-body {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.mpm2-dynamic-panel {
overflow-x: hidden !important;
background: var(--mpm2-content-bg);
contain: paint;
}
.mpm2-loaded-article,
.mpm2-loaded-category,
.mpm2-loaded-body {
position: relative;
overflow: hidden;
background: var(--mpm2-content-bg);
overflow-wrap: anywhere;
} .mpm2-loaded-body .alignwide,
.mpm2-loaded-body .alignfull,
.mpm2-loaded-body .wp-block-group.alignwide,
.mpm2-loaded-body .wp-block-group.alignfull,
.mpm2-loaded-body [style*="100vw"],
.mpm2-loaded-body [style*="calc(100% +"],
.mpm2-loaded-body [style*="margin-left: -"],
.mpm2-loaded-body [style*="margin-right: -"] {
left: auto !important;
right: auto !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: none !important;
}
.mpm2-loaded-body *,
.mpm2-loaded-body *::before,
.mpm2-loaded-body *::after {
box-sizing: border-box;
max-width: 100%;
}
.mpm2-loaded-body img,
.mpm2-loaded-body video,
.mpm2-loaded-body iframe,
.mpm2-loaded-body table,
.mpm2-loaded-body pre {
max-width: 100% !important;
} .mpm2-module-shell.mpm2-shortcode-palette,
.mpm2-module-shell.mpm2-shortcode-content-panel {
position: relative;
isolation: isolate;
background: var(--mpm2-bg);
}
.mpm2-module-shell.mpm2-shortcode-palette::before,
.mpm2-module-shell.mpm2-shortcode-content-panel::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -28px;
right: -28px;
z-index: -1;
pointer-events: none;
background: var(--mpm2-bg);
}
@media (max-width: 900px) {
.mpm2-main-grid {
border-radius: 24px;
}
.mpm2-module-shell.mpm2-shortcode-palette::before,
.mpm2-module-shell.mpm2-shortcode-content-panel::before {
left: -14px;
right: -14px;
}
} .mpm2-image-compare-wrap {
width: 100%;
max-width: var(--mpm2-compare-width, 1200px);
margin: 36px auto;
}
.mpm2-image-compare-wrap.is-standalone {
padding-inline: clamp(12px, 2.5vw, 30px);
}
.mpm2-image-compare-heading {
margin: 0 auto 22px;
text-align: center;
}
.mpm2-image-compare-heading h2 {
margin: 0;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(30px, 4vw, 52px);
line-height: 1.12;
color: var(--mpm2-text, #1d1915);
}
.mpm2-image-compare-heading p {
max-width: 760px;
margin: 10px auto 0;
color: color-mix(in srgb, var(--mpm2-text, #1d1915) 72%, transparent);
font-size: clamp(15px, 1.5vw, 19px);
line-height: 1.55;
}
.mpm2-image-compare {
position: relative;
width: 100%;
height: var(--mpm2-compare-height, 520px);
overflow: hidden;
border-radius: var(--mpm2-compare-radius, 18px);
background: #d9dce1;
box-shadow: 0 18px 44px rgba(15, 23, 42, .18);
isolation: isolate;
touch-action: pan-y;
--mpm2-compare-current: var(--mpm2-compare-pos, 50%);
}
.mpm2-image-compare img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: var(--mpm2-compare-object-position, center center);
user-select: none;
pointer-events: none;
}
.mpm2-image-compare-before {
position: absolute;
inset: 0;
z-index: 2;
overflow: hidden;
clip-path: inset(0 calc(100% - var(--mpm2-compare-current)) 0 0);
will-change: clip-path;
}
.mpm2-image-compare-after {
z-index: 1;
}
.mpm2-image-compare-divider {
position: absolute;
z-index: 4;
top: 0;
bottom: 0;
left: var(--mpm2-compare-current);
width: 3px;
transform: translateX(-50%);
background: var(--mpm2-compare-line, #fff);
box-shadow: 0 0 0 1px rgba(0,0,0,.12), 0 0 14px rgba(0,0,0,.22);
pointer-events: none;
will-change: left;
}
.mpm2-image-compare-handle {
position: absolute;
top: 50%;
left: 50%;
display: grid;
place-items: center;
width: 58px;
height: 58px;
transform: translate(-50%, -50%);
border: 3px solid var(--mpm2-compare-line, #fff);
border-radius: 50%;
background: var(--mpm2-compare-handle, #cf1c2f);
color: #fff;
box-shadow: 0 10px 24px rgba(0,0,0,.3);
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: 800;
line-height: 1;
}
.mpm2-image-compare-range {
position: absolute;
z-index: 6;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
opacity: 0;
cursor: ew-resize;
touch-action: pan-y;
}
.mpm2-image-compare:focus-within .mpm2-image-compare-handle {
outline: 4px solid color-mix(in srgb, var(--mpm2-compare-handle, #cf1c2f) 38%, #fff);
outline-offset: 4px;
}
.mpm2-image-compare-label {
position: absolute;
z-index: 5;
top: 18px;
max-width: calc(50% - 30px);
padding: 8px 13px;
border: 1px solid rgba(255,255,255,.42);
border-radius: 999px;
background: rgba(10, 14, 22, .64);
color: #fff;
box-shadow: 0 6px 18px rgba(0,0,0,.18);
backdrop-filter: blur(7px);
font-size: 14px;
font-weight: 750;
line-height: 1.2;
pointer-events: none;
}
.mpm2-image-compare-label.is-before { left: 18px; }
.mpm2-image-compare-label.is-after { right: 18px; }
.mpm2-dark-mode .mpm2-image-compare-heading h2 { color: #fff; }
.mpm2-dark-mode .mpm2-image-compare-heading p { color: rgba(255,255,255,.72); }
@media (max-width: 700px) {
.mpm2-image-compare-wrap { margin-block: 26px; }
.mpm2-image-compare {
height: min(var(--mpm2-compare-height, 520px), 62vh);
min-height: 260px;
}
.mpm2-image-compare-handle {
width: 50px;
height: 50px;
font-size: 20px;
}
.mpm2-image-compare-label {
top: 12px;
padding: 7px 10px;
font-size: 12px;
}
.mpm2-image-compare-label.is-before { left: 12px; }
.mpm2-image-compare-label.is-after { right: 12px; }
} .mpm2-connections-wrap {
width: min(100%, var(--mpm2-connect-width, 1400px));
margin: 52px auto;
color: #fff;
}
.mpm2-connections-wrap.is-standalone {
margin-inline: auto;
}
.mpm2-connections-heading {
margin: 0 auto 26px;
max-width: 960px;
text-align: center;
}
.mpm2-connections-heading h2 {
margin: 0;
color: inherit;
font-size: clamp(34px, 4vw, 62px);
line-height: 1.05;
}
.mpm2-connections-heading p {
margin: 12px 0 0;
color: color-mix(in srgb, currentColor 76%, transparent);
font-size: clamp(16px, 1.6vw, 21px);
}
.mpm2-connections-stage {
position: relative;
isolation: isolate;
min-height: var(--mpm2-connect-height, 520px);
overflow: hidden;
padding: clamp(28px, 5vw, 72px);
border-radius: 28px;
background-color: var(--mpm2-connect-bg, #0c3d83);
background-image: linear-gradient(135deg, rgba(255,255,255,.05), rgba(0,0,0,.14)), var(--mpm2-connect-bg-image, none);
background-position: center, var(--mpm2-connect-bg-position, center center);
background-size: cover, cover;
box-shadow: 0 26px 70px rgba(0,0,0,.24);
}
.mpm2-connections-stage::before {
content: '';
position: absolute;
inset: 0;
z-index: -2;
background:
radial-gradient(circle at 18% 22%, rgba(255,255,255,.12), transparent 28%),
radial-gradient(circle at 82% 74%, rgba(0,0,0,.20), transparent 34%);
pointer-events: none;
}
.mpm2-connections-svg {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: visible;
pointer-events: none;
}
.mpm2-connections-items {
position: relative;
z-index: 2;
min-height: calc(var(--mpm2-connect-height, 520px) - clamp(56px, 10vw, 144px));
display: grid;
align-items: center;
gap: clamp(30px, 5vw, 82px);
}
.mpm2-connections-layout-horizontal .mpm2-connections-items {
grid-auto-flow: column;
grid-auto-columns: minmax(170px, 1fr);
}
.mpm2-connections-layout-vertical .mpm2-connections-items {
grid-template-columns: minmax(0, 1fr);
justify-items: center;
gap: 72px;
}
.mpm2-connections-layout-grid .mpm2-connections-items {
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}
.mpm2-connection-item {
position: relative;
min-width: 0;
text-align: center;
}
.mpm2-connection-item a {
display: block;
color: inherit;
text-decoration: none;
}
.mpm2-connection-image {
position: relative;
overflow: hidden;
aspect-ratio: 4 / 3;
border: 4px solid rgba(255,255,255,.78);
border-radius: 24px;
background: rgba(255,255,255,.10);
box-shadow: 0 18px 42px rgba(0,0,0,.28);
transform: translateZ(0);
}
.mpm2-connection-image::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.28);
pointer-events: none;
}
.mpm2-connection-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .5s ease;
}
.mpm2-connection-item:hover .mpm2-connection-image img,
.mpm2-connection-item:focus-within .mpm2-connection-image img {
transform: scale(1.045);
}
.mpm2-connection-item h3 {
margin: 16px 0 0;
color: #fff;
font-size: clamp(18px, 1.6vw, 26px);
line-height: 1.15;
text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.mpm2-connections-layout-vertical .mpm2-connection-item {
width: min(100%, 520px);
}
.mpm2-connections-mode-background .mpm2-connections-stage {
display: grid;
place-items: center;
}
.mpm2-connections-background-note {
position: absolute;
inset: 0;
pointer-events: none;
}
.mpm2-connections-custom-content {
position: relative;
z-index: 3;
width: min(100%, 960px);
margin: auto;
color: #fff;
text-align: center;
}
.mpm2-connections-custom-content > :first-child { margin-top: 0; }
.mpm2-connections-custom-content > :last-child { margin-bottom: 0; }
.mpm2-connector-path {
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.mpm2-connector-shadow {
stroke: rgba(0,0,0,.42);
stroke-width: calc(var(--mpm2-connect-line-width, 7px) + 7px);
opacity: .62;
}
.mpm2-connector-base {
stroke: var(--mpm2-connect-line, #e43f1f);
stroke-width: var(--mpm2-connect-line-width, 7px);
}
.mpm2-connector-pulse {
stroke: var(--mpm2-connect-secondary, #f2b322);
stroke-width: max(2px, calc(var(--mpm2-connect-line-width, 7px) * .42));
stroke-dasharray: 3 16 34 12;
animation: mpm2ConnectorFlow var(--mpm2-connect-speed, 8s) linear infinite;
animation-delay: var(--mpm2-connector-delay, 0s);
}
.mpm2-connector-node-dot {
fill: var(--mpm2-connect-secondary, #f2b322);
stroke: var(--mpm2-connect-line, #e43f1f);
stroke-width: 3px;
}
.mpm2-connections-style-paint .mpm2-connector-base {
stroke-dasharray: 26 4 11 3;
opacity: .88;
}
.mpm2-connections-style-paint .mpm2-connector-pulse {
stroke-width: max(3px, calc(var(--mpm2-connect-line-width, 7px) * .62));
stroke-dasharray: 2 10 48 8;
}
.mpm2-connections-style-neon .mpm2-connector-shadow {
stroke: var(--mpm2-connect-line, #e43f1f);
opacity: .28;
stroke-width: calc(var(--mpm2-connect-line-width, 7px) + 13px);
}
.mpm2-connections-style-neon .mpm2-connector-base {
stroke: var(--mpm2-connect-secondary, #f2b322);
stroke-width: max(2px, calc(var(--mpm2-connect-line-width, 7px) * .46));
}
.mpm2-connections-style-neon .mpm2-connector-pulse {
stroke: #fff;
stroke-width: 2px;
stroke-dasharray: 4 22;
}
.mpm2-connections-wrap.has-glow .mpm2-connections-svg {
filter: drop-shadow(0 0 7px color-mix(in srgb, var(--mpm2-connect-line, #e43f1f) 76%, transparent));
}
@keyframes mpm2ConnectorFlow {
to { stroke-dashoffset: -180; }
}
@media (max-width: 900px) {
.mpm2-connections-layout-horizontal .mpm2-connections-items {
grid-auto-flow: row;
grid-auto-columns: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 620px) {
.mpm2-connections-stage {
min-height: max(var(--mpm2-connect-height, 520px), 420px);
padding: 28px 20px;
border-radius: 20px;
}
.mpm2-connections-layout-horizontal .mpm2-connections-items,
.mpm2-connections-layout-grid .mpm2-connections-items {
grid-template-columns: 1fr;
gap: 64px;
}
.mpm2-connection-item {
width: min(100%, 430px);
margin-inline: auto;
}
}
@media (prefers-reduced-motion: reduce) {
.mpm2-connector-pulse { animation: none; }
.mpm2-connection-image img { transition: none; }
} .mpm2-auto-connections-controller:not(.has-content) {
display: none !important;
}
.mpm2-auto-connections-controller.has-content {
display: block;
width: 100%;
}
.mpm2-auto-connections-content {
position: relative;
min-height: 1px;
}
.mpm2-auto-connect-host {
position: relative !important;
isolation: isolate;
}
.mpm2-auto-connect-host.mpm2-auto-layer-behind > *:not(.mpm2-auto-connections-layer) {
position: relative;
z-index: 2;
}
.mpm2-auto-connections-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: visible;
pointer-events: none;
}
.mpm2-auto-connections-layer.is-behind {
z-index: 1;
}
.mpm2-auto-connections-layer.is-above {
z-index: 999;
}
.mpm2-auto-connected-node,
.mpm2-auto-connected-image {
position: relative;
}
.mpm2-auto-connected-node,
.mpm2-auto-connected-image {
z-index: 2;
}
.mpm2-auto-connections-layer.has-glow {
filter: drop-shadow(0 0 7px color-mix(in srgb, var(--mpm2-connect-line, #e43f1f) 76%, transparent));
}
.mpm2-auto-connections-layer .mpm2-connector-path,
.mpm2-auto-connections-layer .mpm2-connector-node-dot {
pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.mpm2-auto-connections-layer .mpm2-connector-pulse {
animation: none;
}
} .mpm2-section-lines-controller {
display: none !important;
}
.mpm2-section-lines-host {
position: relative !important;
isolation: isolate;
}
.mpm2-section-lines-layer {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
opacity: var(--mpm2-section-lines-opacity, .38);
}
.mpm2-section-lines-layer.is-behind {
z-index: 1;
}
.mpm2-section-lines-layer.is-above {
z-index: 90;
}
.mpm2-section-lines-content-static {
position: relative;
z-index: 2;
}
.mpm2-section-lines-content-z {
z-index: 2 !important;
}
.mpm2-section-lines-layer.has-glow {
filter: drop-shadow(0 0 8px color-mix(in srgb, var(--mpm2-connect-line, #e43f1f) 72%, transparent));
}
.mpm2-section-lines-layer .mpm2-connector-shadow {
opacity: .34;
}
.mpm2-section-lines-layer .mpm2-connector-base {
opacity: .78;
}
.mpm2-section-lines-layer .mpm2-connector-pulse {
opacity: .96;
}
.mpm2-section-line-set {
transform-box: fill-box;
transform-origin: center;
animation: mpm2SectionLineFloat var(--mpm2-connect-speed, 8s) ease-in-out infinite alternate;
animation-delay: var(--mpm2-section-line-delay, 0s);
}
@keyframes mpm2SectionLineFloat {
from { transform: translate3d(var(--mpm2-section-line-shift-from, -4px), -4px, 0); }
to { transform: translate3d(var(--mpm2-section-line-shift-to, 10px), 5px, 0); }
}
@media (prefers-reduced-motion: reduce) {
.mpm2-section-line-set,
.mpm2-section-lines-layer .mpm2-connector-pulse {
animation: none !important;
}
} .mpm2-painted-hero {
position: relative;
isolation: isolate;
display: flex;
width: 100%;
min-height: var(--mpm2-ph-height, 760px);
overflow: hidden;
border-radius: var(--mpm2-ph-radius, 0px);
background: #171713;
color: var(--mpm2-ph-text, #f6edb0);
}
.mpm2-painted-hero-background,
.mpm2-painted-hero-overlay {
position: absolute;
inset: 0;
pointer-events: none;
}
.mpm2-painted-hero-background {
z-index: -2;
background-image: var(--mpm2-ph-bg);
background-position: var(--mpm2-ph-bg-position, center center);
background-size: var(--mpm2-ph-bg-size, cover);
background-repeat: no-repeat;
transform: scale(1.015);
transition: transform .18s linear;
}
.mpm2-painted-hero.has-parallax .mpm2-painted-hero-background {
transform: translate3d(0, var(--mpm2-ph-parallax-y, 0px), 0) scale(1.09);
will-change: transform;
}
.mpm2-painted-hero-overlay {
z-index: -1;
background: var(--mpm2-ph-overlay, rgba(0,0,0,.52));
}
.mpm2-painted-hero-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
width: min(100%, 1760px);
margin: 0 auto;
padding: clamp(38px, 6vw, 110px) clamp(24px, 5vw, 96px);
}
.mpm2-painted-hero-position-top .mpm2-painted-hero-content { justify-content: flex-start; }
.mpm2-painted-hero-position-center .mpm2-painted-hero-content { justify-content: center; }
.mpm2-painted-hero-position-bottom .mpm2-painted-hero-content { justify-content: flex-end; }
.mpm2-painted-hero-align-left .mpm2-painted-hero-content { align-items: flex-start; text-align: left; }
.mpm2-painted-hero-align-center .mpm2-painted-hero-content { align-items: center; text-align: center; }
.mpm2-painted-hero-align-right .mpm2-painted-hero-content { align-items: flex-end; text-align: right; }
.mpm2-painted-hero-eyebrow {
margin: 0 0 clamp(18px, 2.5vw, 34px);
color: var(--mpm2-ph-text, #f6edb0);
font-size: clamp(13px, 1vw, 17px);
font-weight: 700;
letter-spacing: .18em;
text-transform: uppercase;
}
.mpm2-painted-hero-title {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
color: var(--mpm2-ph-text, #f6edb0);
font-size: clamp(48px, 8vw, var(--mpm2-ph-title-size, 124px));
font-weight: 400;
line-height: .92;
letter-spacing: -.045em;
text-wrap: balance;
}
.mpm2-painted-hero-title {
align-items: flex-start;
}
.mpm2-painted-hero-align-left .mpm2-painted-hero-title { align-items: flex-start; }
.mpm2-painted-hero-align-center .mpm2-painted-hero-title { align-items: center; }
.mpm2-painted-hero-align-right .mpm2-painted-hero-title { align-items: flex-end; }
.mpm2-painted-hero-font-editorial .mpm2-painted-hero-title {
font-family: Didot, "Bodoni MT", "Bodoni 72", "Times New Roman", Georgia, serif;
}
.mpm2-painted-hero-font-classic .mpm2-painted-hero-title {
font-family: Georgia, "Times New Roman", serif;
letter-spacing: -.035em;
}
.mpm2-painted-hero-font-modern .mpm2-painted-hero-title {
font-family: Arial, Helvetica, sans-serif;
font-weight: 800;
line-height: .96;
letter-spacing: -.055em;
text-transform: uppercase;
}
.mpm2-painted-hero-top-row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: inherit;
gap: 0 .22em;
width: 100%;
}
.mpm2-painted-hero-align-left .mpm2-painted-hero-top-row { justify-content: flex-start; }
.mpm2-painted-hero-align-center .mpm2-painted-hero-top-row { justify-content: center; }
.mpm2-painted-hero-align-right .mpm2-painted-hero-top-row { justify-content: flex-end; }
.mpm2-painted-hero-line {
--mpm2-ph-progress: 0%;
position: relative;
display: inline-block;
max-width: 100%;
min-height: 1em;
color: inherit;
white-space: nowrap;
}
.mpm2-painted-hero-line.is-accent {
color: var(--mpm2-ph-accent, #f6edb0);
font-style: italic;
font-weight: 400;
letter-spacing: -.055em;
}
.mpm2-painted-hero-line.is-bottom {
align-self: inherit;
margin-top: .08em;
}
.mpm2-painted-hero-line::before {
content: "";
position: absolute;
z-index: -1;
top: 48%;
left: -.035em;
width: calc(var(--mpm2-ph-progress) + .08em);
height: .31em;
transform: translateY(-50%) rotate(-1.2deg);
border-radius: 48% 12% 42% 16%;
opacity: .25;
background:
radial-gradient(ellipse at 8% 50%, rgba(255,255,255,.24) 0 6%, transparent 7%),
linear-gradient(90deg, transparent 0, var(--mpm2-ph-paint, #c89a2b) 3%, var(--mpm2-ph-paint, #c89a2b) 95%, transparent 100%);
clip-path: polygon(0 20%, 7% 2%, 18% 18%, 31% 4%, 44% 19%, 57% 5%, 72% 17%, 87% 1%, 100% 24%, 98% 82%, 86% 98%, 71% 84%, 55% 100%, 41% 82%, 26% 97%, 12% 81%, 0 93%);
transition: width .06s linear;
}
.mpm2-painted-hero-animation-right .mpm2-painted-hero-line::before {
left: auto;
right: -.035em;
background: linear-gradient(270deg, transparent 0, var(--mpm2-ph-paint, #c89a2b) 3%, var(--mpm2-ph-paint, #c89a2b) 95%, transparent 100%);
}
.mpm2-painted-hero-animation-center .mpm2-painted-hero-line::before {
left: 50%;
right: auto;
width: var(--mpm2-ph-progress);
transform: translate(-50%, -50%) rotate(-1.2deg);
}
.mpm2-painted-hero-fallback {
display: inline-block;
opacity: 1;
transition: opacity .12s ease;
}
.mpm2-painted-hero-canvas {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
}
.mpm2-painted-hero.is-paint-ready .mpm2-painted-hero-fallback {
opacity: 0;
}
.mpm2-painted-hero.is-reduced-motion .mpm2-painted-hero-fallback,
.mpm2-painted-hero.no-canvas .mpm2-painted-hero-fallback {
opacity: 1;
}
.mpm2-painted-hero.is-reduced-motion .mpm2-painted-hero-canvas,
.mpm2-painted-hero.no-canvas .mpm2-painted-hero-canvas {
display: none;
}
.mpm2-painted-hero-description {
max-width: 680px;
margin: clamp(28px, 4vw, 58px) 0 0;
color: color-mix(in srgb, var(--mpm2-ph-text, #f6edb0) 88%, transparent);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(18px, 1.6vw, 28px);
line-height: 1.34;
opacity: 0;
transform: translateY(14px);
transition: opacity .8s ease, transform .8s ease;
}
.mpm2-painted-hero-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 170px;
margin-top: 26px;
padding: 14px 28px;
border: 1px solid var(--mpm2-ph-text, #f6edb0);
color: var(--mpm2-ph-text, #f6edb0);
background: rgba(0,0,0,.08);
font-weight: 700;
text-decoration: none;
opacity: 0;
transform: translateY(14px);
transition: color .25s ease, background .25s ease, opacity .8s ease, transform .8s ease;
}
.mpm2-painted-hero-button:hover,
.mpm2-painted-hero-button:focus {
color: #171713;
background: var(--mpm2-ph-text, #f6edb0);
text-decoration: none;
}
.mpm2-painted-hero.is-painted .mpm2-painted-hero-description,
.mpm2-painted-hero.is-painted .mpm2-painted-hero-button,
.mpm2-painted-hero.is-reduced-motion .mpm2-painted-hero-description,
.mpm2-painted-hero.is-reduced-motion .mpm2-painted-hero-button {
opacity: 1;
transform: none;
}
.mpm2-painted-hero-brush {
position: absolute;
z-index: 5;
top: 0;
left: 0;
width: var(--mpm2-ph-brush-size, 112px);
height: auto;
max-width: none;
opacity: 0;
pointer-events: none;
transform: translate3d(-200px, -200px, 0) rotate(38deg);
transform-origin: 18% 18%;
filter: drop-shadow(0 8px 9px rgba(0,0,0,.38));
will-change: transform, opacity;
}
.mpm2-painted-hero.is-animating .mpm2-painted-hero-brush { opacity: 1; }
.mpm2-painted-hero.is-painted .mpm2-painted-hero-brush { opacity: 0; transition: opacity .35s ease; }
.mpm2-painted-hero-align-left .mpm2-painted-hero-description { margin-right: auto; }
.mpm2-painted-hero-align-center .mpm2-painted-hero-description { margin-left: auto; margin-right: auto; }
.mpm2-painted-hero-align-right .mpm2-painted-hero-description { margin-left: auto; }
.mpm2-painted-hero.is-standalone { margin: 0 auto; }
.mpm2-builder-output-painted_hero.mpm2-builder-width-wide .mpm2-painted-hero,
.mpm2-builder-output-painted_hero.mpm2-builder-width-content .mpm2-painted-hero {
border-radius: max(18px, var(--mpm2-ph-radius, 0px));
}
@media (max-width: 760px) {
.mpm2-painted-hero {
min-height: var(--mpm2-ph-mobile-height, 520px);
}
.mpm2-painted-hero-content {
padding: 54px 22px;
}
.mpm2-painted-hero-title {
font-size: clamp(28px, 12vw, var(--mpm2-ph-mobile-title-size, 54px));
line-height: .98;
}
.mpm2-painted-hero-top-row {
flex-direction: column;
align-items: inherit;
gap: .06em;
}
.mpm2-painted-hero-line {
white-space: normal;
}
.mpm2-painted-hero-line.is-bottom {
margin-top: .14em;
}
.mpm2-painted-hero-description {
margin-top: 30px;
font-size: 18px;
}
.mpm2-painted-hero-brush {
width: min(var(--mpm2-ph-brush-size, 112px), 92px);
}
}
@media (prefers-reduced-motion: reduce) {
.mpm2-painted-hero-background,
.mpm2-painted-hero-brush,
.mpm2-painted-hero-line::before,
.mpm2-painted-hero-description,
.mpm2-painted-hero-button {
transition: none !important;
animation: none !important;
}
} .mpm2-full-width {
position: relative;
box-sizing: border-box;
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
.mpm2-full-width.mpm2-breakout-measuring {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
left: auto !important;
right: auto !important;
transform: none !important;
}
.mpm2-full-width.mpm2-breakout-target {
width: var(--mpm2-breakout-width, 100vw) !important;
max-width: none !important;
margin-left: var(--mpm2-breakout-left, calc(50% - 50vw)) !important;
margin-right: 0 !important;
left: auto !important;
right: auto !important;
transform: none !important;
}
.mpm2-breakout-ancestor {
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
contain: none !important;
clip-path: none !important;
--overflow: visible !important;
}
.mpm2-has-hoisted-breakout {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.mpm2-hoisted-full-width {
flex: 0 0 var(--mpm2-breakout-width, 100vw);
width: var(--mpm2-breakout-width, 100vw) !important;
max-width: none !important;
clear: both;
margin-top: 0 !important;
}
.mpm2-has-hoisted-breakout > #primary,
.mpm2-has-hoisted-breakout > .content-area,
.mpm2-has-hoisted-breakout > .primary-content,
.mpm2-has-hoisted-breakout > .main-content,
.mpm2-has-hoisted-breakout > .site-main {
order: 2;
}
.mpm2-has-hoisted-breakout > #secondary,
.mpm2-has-hoisted-breakout > .widget-area,
.mpm2-has-hoisted-breakout > .sidebar,
.mpm2-has-hoisted-breakout > .sidebar-area,
.mpm2-has-hoisted-breakout > .right-sidebar,
.mpm2-has-hoisted-breakout > .left-sidebar,
.mpm2-has-hoisted-breakout > aside[role="complementary"] {
order: 3;
} .mpm2-promoted-painted-hero {
position: relative !important;
z-index: 60 !important;
display: flex !important;
flex: none !important;
width: var(--mpm2-breakout-width, 100vw) !important;
min-width: var(--mpm2-breakout-width, 100vw) !important;
max-width: none !important;
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
border-radius: 0 !important;
clear: both !important;
background-color: #171713 !important;
} body.mpm2-painted-hero-page .breadcrumb,
body.mpm2-painted-hero-page .breadcrumbs,
body.mpm2-painted-hero-page .breadcrumb-trail,
body.mpm2-painted-hero-page .yoast-breadcrumb,
body.mpm2-painted-hero-page .rank-math-breadcrumb,
body.mpm2-painted-hero-page .page-header,
body.mpm2-painted-hero-page main > .entry-header,
body.mpm2-painted-hero-page article > .entry-header {
display: none !important;
}
body.mpm2-painted-hero-page #secondary,
body.mpm2-painted-hero-page .site-content > aside,
body.mpm2-painted-hero-page .content-area ~ .widget-area,
body.mpm2-painted-hero-page .content-area ~ .sidebar,
body.mpm2-painted-hero-page .main-content ~ .sidebar,
body.mpm2-painted-hero-page aside[role="complementary"] {
display: none !important;
}
body.mpm2-painted-hero-page #primary,
body.mpm2-painted-hero-page .content-area,
body.mpm2-painted-hero-page .primary-content,
body.mpm2-painted-hero-page .main-content,
body.mpm2-painted-hero-page .site-main {
width: 100% !important;
max-width: none !important;
flex: 0 0 100% !important;
}
body.mpm2-painted-hero-page .site-content,
body.mpm2-painted-hero-page .content-wrapper,
body.mpm2-painted-hero-page .main-wrapper {
grid-template-columns: minmax(0, 1fr) !important;
}
html.mpm2-breakout-active,
body.mpm2-breakout-active {
overflow-x: clip;
}
@supports not (overflow: clip) {
html.mpm2-breakout-active,
body.mpm2-breakout-active {
overflow-x: hidden;
}
} body.mpm2-breakout-active .elementor-widget-shortcode,
body.mpm2-breakout-active .elementor-widget-shortcode > .elementor-widget-container,
body.mpm2-breakout-active .elementor-shortcode,
body.mpm2-breakout-active .elementor .e-con,
body.mpm2-breakout-active .elementor .e-con-inner,
body.mpm2-breakout-active .elementor-section,
body.mpm2-breakout-active .elementor-container,
body.mpm2-breakout-active .elementor-column,
body.mpm2-breakout-active .elementor-widget-wrap,
body.mpm2-breakout-active .entry-content,
body.mpm2-breakout-active .site-content,
body.mpm2-breakout-active .content-area,
body.mpm2-breakout-active .primary-content,
body.mpm2-breakout-active .main-content {
overflow-x: visible;
} .mpm2-painted-hero.mpm2-full-width.is-standalone,
.mpm2-countdown.mpm2-full-width.is-standalone,
.mpm2-image-compare-wrap.mpm2-full-width.is-standalone,
.mpm2-connections-wrap.mpm2-full-width.is-standalone,
.mpm2-paint-carousel-wrap.mpm2-full-width.is-standalone,
.mpm2-auto-connections-controller.mpm2-full-width {
max-width: none !important;
}
.mpm2-image-compare-wrap.mpm2-full-width .mpm2-image-compare,
.mpm2-image-compare-wrap.mpm2-full-width .mpm2-image-compare-heading {
width: min(100%, var(--mpm2-compare-width, 1200px));
max-width: var(--mpm2-compare-width, 1200px);
margin-left: auto;
margin-right: auto;
}
@media (max-width: 782px) {
.mpm2-full-width,
.mpm2-full-width.mpm2-breakout-target {
width: var(--mpm2-breakout-width, 100vw) !important;
max-width: none !important;
}
} .mpm2-painted-hero {
z-index: 0;
contain: paint;
isolation: isolate;
} .mpm2-painted-hero-background {
z-index: 0 !important;
}
.mpm2-painted-hero-overlay {
z-index: 1 !important;
}
.mpm2-painted-hero-content {
z-index: 3 !important;
}
.mpm2-painted-hero-brush {
z-index: 4 !important;
} .mpm2-page-builder-output > .mpm2-builder-output-block {
position: relative;
flex: 0 0 auto;
clear: both;
isolation: isolate;
}
.mpm2-builder-output-painted_hero {
z-index: 1;
overflow: hidden;
background: #171713;
}
.mpm2-builder-output-painted_hero + .mpm2-builder-output-block,
.mpm2-builder-output-paint_carousel,
.mpm2-builder-output-main_grid,
.mpm2-builder-output-quick_links,
.mpm2-builder-output-countdown,
.mpm2-builder-output-image_compare,
.mpm2-builder-output-connections {
z-index: 2;
background-color: var(--mpm2-bg);
color: var(--mpm2-text);
} .mpm2-builder-output-paint_carousel {
overflow: hidden;
}
.mpm2-builder-output-paint_carousel .mpm2-paint-carousel-wrap,
.mpm2-builder-output-paint_carousel .mpm2-paint-carousel-heading {
position: relative;
z-index: 3;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
mix-blend-mode: normal !important;
}
.mpm2-builder-output-paint_carousel .mpm2-paint-carousel-heading,
.mpm2-builder-output-paint_carousel .mpm2-paint-carousel-heading h2 {
color: var(--mpm2-text) !important;
text-shadow: none !important;
}
.mpm2-builder-output-paint_carousel .mpm2-paint-carousel-heading p {
color: color-mix(in srgb, var(--mpm2-text) 72%, transparent) !important;
text-shadow: none !important;
} .mpm2-painted-hero.is-standalone {
overflow: clip;
}
@supports not (overflow: clip) {
.mpm2-painted-hero.is-standalone {
overflow: hidden;
}
}  .mpm2-painted-hero-align-left .mpm2-painted-hero-line.is-bottom {
align-self: flex-start;
}
.mpm2-painted-hero-align-center .mpm2-painted-hero-line.is-bottom {
align-self: center;
}
.mpm2-painted-hero-align-right .mpm2-painted-hero-line.is-bottom {
align-self: flex-end;
}  .mpm2-countdown-background-video {
position: absolute;
inset: 0;
z-index: -2;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--mpm2-countdown-position, center center);
pointer-events: none;
}
.mpm2-countdown.has-background-video { background-image: none; }
.mpm2-countdown-content { position: relative; z-index: 1; }
.mpm2-countdown-value {
position: relative;
display: grid !important;
place-items: center;
min-height: 1.12em;
perspective: 900px;
overflow: hidden;
isolation: isolate;
}
.mpm2-countdown-value-current,
.mpm2-countdown-value-next {
grid-area: 1 / 1;
display: block;
width: 100%;
backface-visibility: hidden;
transform-style: preserve-3d;
will-change: transform, opacity;
}
.mpm2-countdown-value-next { opacity: 0; }
.mpm2-countdown-visual-flip_cards .mpm2-countdown-unit {
position: relative;
min-width: clamp(112px, 15vw, 205px);
padding: clamp(22px, 3vw, 38px) clamp(14px, 2vw, 26px) 18px;
border: 1px solid rgba(255,255,255,.15);
border-radius: 18px;
background: linear-gradient(180deg, rgba(58,58,60,.96) 0%, rgba(38,38,40,.98) 49.4%, rgba(21,21,23,.98) 50.5%, rgba(31,31,33,.98) 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.19), inset 0 -1px 0 rgba(0,0,0,.75), 0 18px 32px rgba(0,0,0,.42);
backdrop-filter: none;
}
.mpm2-countdown-visual-flip_cards .mpm2-countdown-unit::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
z-index: 3;
height: 2px;
background: rgba(0,0,0,.82);
box-shadow: 0 -1px 0 rgba(255,255,255,.12), 0 2px 4px rgba(0,0,0,.7);
pointer-events: none;
}
.mpm2-countdown-visual-flip_cards .mpm2-countdown-unit > span {
margin-top: 18px;
color: color-mix(in srgb, var(--mpm2-countdown-accent, #cf1c2f) 78%, #fff);
}
.mpm2-countdown-visual-flip_cards .mpm2-countdown-value {
color: #f2f2f2;
font-size: clamp(52px, 8vw, 118px);
font-weight: 800;
line-height: .95;
letter-spacing: -.045em;
text-shadow: 0 2px 0 #fff, 0 5px 12px rgba(0,0,0,.65);
}
.mpm2-countdown-visual-glass .mpm2-countdown-unit {
background: color-mix(in srgb, var(--mpm2-countdown-accent, #cf1c2f) 24%, rgba(12,15,22,.66));
backdrop-filter: blur(14px);
}
.mpm2-countdown-visual-minimal .mpm2-countdown-unit {
min-width: clamp(88px, 12vw, 155px);
padding: 10px 8px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
backdrop-filter: none;
}
.mpm2-countdown-visual-minimal .mpm2-countdown-value {
font-size: clamp(48px, 8vw, 110px);
font-weight: 300;
}
.mpm2-countdown-animation-flip .mpm2-countdown-value.is-changing .mpm2-countdown-value-current {
animation: mpm2CountdownFlipOut var(--mpm2-countdown-speed, 650ms) cubic-bezier(.42,0,.58,1) both;
}
.mpm2-countdown-animation-flip .mpm2-countdown-value.is-changing .mpm2-countdown-value-next {
animation: mpm2CountdownFlipIn var(--mpm2-countdown-speed, 650ms) cubic-bezier(.42,0,.2,1) both;
}
@keyframes mpm2CountdownFlipOut {
0% { opacity: 1; transform: rotateX(0deg); transform-origin: center bottom; }
48% { opacity: 1; transform: rotateX(-88deg); transform-origin: center bottom; }
49%, 100% { opacity: 0; transform: rotateX(-90deg); transform-origin: center bottom; }
}
@keyframes mpm2CountdownFlipIn {
0%, 48% { opacity: 0; transform: rotateX(90deg); transform-origin: center top; }
49% { opacity: 1; transform: rotateX(88deg); transform-origin: center top; }
100% { opacity: 1; transform: rotateX(0deg); transform-origin: center top; }
}
.mpm2-countdown-animation-slide .mpm2-countdown-value.is-changing .mpm2-countdown-value-current {
animation: mpm2CountdownSlideOut var(--mpm2-countdown-speed, 650ms) ease both;
}
.mpm2-countdown-animation-slide .mpm2-countdown-value.is-changing .mpm2-countdown-value-next {
animation: mpm2CountdownSlideIn var(--mpm2-countdown-speed, 650ms) ease both;
}
@keyframes mpm2CountdownSlideOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-75%); } }
@keyframes mpm2CountdownSlideIn { from { opacity: 0; transform: translateY(75%); } to { opacity: 1; transform: translateY(0); } }
.mpm2-countdown-animation-pulse .mpm2-countdown-value.is-changing .mpm2-countdown-value-current { opacity: 0; }
.mpm2-countdown-animation-pulse .mpm2-countdown-value.is-changing .mpm2-countdown-value-next {
animation: mpm2CountdownPulse var(--mpm2-countdown-speed, 650ms) ease both;
}
@keyframes mpm2CountdownPulse { 0% { opacity: 0; transform: scale(.72); } 55% { opacity: 1; transform: scale(1.09); } 100% { opacity: 1; transform: scale(1); } }
.mpm2-audio-player audio { display: none !important; }
.mpm2-audio-controls {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px;
border: 1px solid rgba(255,255,255,.18);
border-radius: 999px;
background: rgba(16,18,23,.84);
box-shadow: 0 12px 30px rgba(0,0,0,.28);
backdrop-filter: blur(12px);
}
.mpm2-audio-toggle {
display: inline-flex;
align-items: center;
gap: 9px;
min-height: 40px;
padding: 8px 14px;
border: 0;
border-radius: 999px;
background: var(--mpm2-countdown-accent, var(--mpm2-accent, #a8172a));
color: #fff;
font: inherit;
font-size: 13px;
font-weight: 800;
cursor: pointer;
}
.mpm2-audio-icon {
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 11px solid currentColor;
}
.mpm2-audio-player.is-playing .mpm2-audio-icon {
width: 11px;
height: 14px;
border: 0;
background: linear-gradient(90deg, currentColor 0 36%, transparent 36% 64%, currentColor 64% 100%);
}
.mpm2-audio-volume { display: flex; align-items: center; padding-right: 3px; }
.mpm2-audio-volume input { width: 92px; accent-color: var(--mpm2-countdown-accent, var(--mpm2-accent, #a8172a)); }
.mpm2-audio-collapse,
.mpm2-audio-expand {
appearance: none;
border: 0;
color: #fff;
cursor: pointer;
font: inherit;
}
.mpm2-audio-collapse {
display: inline-grid;
place-items: center;
flex: 0 0 32px;
width: 32px;
height: 32px;
margin-right: 2px;
border-radius: 50%;
background: rgba(255,255,255,.10);
font-size: 22px;
line-height: 1;
transition: background-color .18s ease, transform .18s ease;
}
.mpm2-audio-collapse:hover,
.mpm2-audio-collapse:focus-visible { background: rgba(255,255,255,.22); transform: scale(1.05); }
.mpm2-audio-expand {
display: none;
place-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(16,18,23,.90);
box-shadow: 0 12px 30px rgba(0,0,0,.32);
backdrop-filter: blur(12px);
transition: transform .18s ease, background-color .18s ease;
}
.mpm2-audio-expand:hover,
.mpm2-audio-expand:focus-visible { transform: scale(1.06); background: rgba(16,18,23,.98); }
.mpm2-audio-expand-icon { font-size: 24px; line-height: 1; transform: translateY(-1px); }
.mpm2-audio-countdown { margin-top: 28px; }
.mpm2-audio-page {
position: fixed;
right: 22px;
top: 22px;
bottom: auto;
z-index: 999999;
}
.admin-bar .mpm2-audio-page { top: 54px; }
.mpm2-audio-page.is-collapsed .mpm2-audio-controls { display: none; }
.mpm2-audio-page.is-collapsed .mpm2-audio-expand { display: inline-grid; }
.mpm2-audio-page.is-playing .mpm2-audio-expand {
box-shadow: 0 0 0 3px color-mix(in srgb, var(--mpm2-accent, #a8172a) 70%, transparent), 0 12px 30px rgba(0,0,0,.32);
}
.mpm2-audio-player.is-button-hidden:not(.is-autoplay-blocked) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.mpm2-audio-player.is-autoplay-blocked .mpm2-audio-controls { outline: 2px solid color-mix(in srgb, var(--mpm2-accent, #a8172a) 70%, #fff); }
.mpm2-audio-player.is-autoplay-blocked.is-collapsed .mpm2-audio-expand { outline: 2px solid color-mix(in srgb, var(--mpm2-accent, #a8172a) 70%, #fff); }
@media (max-width: 782px) {
.admin-bar .mpm2-audio-page { top: 58px; }
}
@media (max-width: 700px) {
.mpm2-countdown-visual-flip_cards .mpm2-countdown-unit { min-width: calc(50% - 7px); border-radius: 13px; }
.mpm2-countdown-visual-flip_cards .mpm2-countdown-value { font-size: clamp(42px, 16vw, 72px); }
.mpm2-audio-page { right: 12px; top: 12px; }
.admin-bar .mpm2-audio-page { top: 58px; }
.mpm2-audio-label { display: none; }
.mpm2-audio-volume input { width: 64px; }
.mpm2-audio-collapse { width: 30px; height: 30px; flex-basis: 30px; }
.mpm2-audio-expand { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
.mpm2-countdown-value-current,
.mpm2-countdown-value-next { animation: none !important; transition: none !important; }
.mpm2-countdown-background-video { display: none; }
}  .mpm2-painted-hero-content,
.mpm2-painted-hero-title,
.mpm2-painted-hero-top-row,
.mpm2-painted-hero-line,
.mpm2-painted-hero-fallback {
box-sizing: border-box;
}
.mpm2-painted-hero-title {
text-align: inherit !important;
}
.mpm2-painted-hero-top-row {
width: auto !important;
max-width: 100%;
flex: 0 1 auto;
}
.mpm2-painted-hero-line {
width: var(--mpm2-ph-line-width, max-content) !important;
max-width: 100%;
flex: 0 0 auto;
text-align: inherit !important;
}
.mpm2-painted-hero-fallback {
display: inline-block !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
text-align: inherit !important;
}
.mpm2-painted-hero-align-left .mpm2-painted-hero-title,
.mpm2-painted-hero-align-left .mpm2-painted-hero-top-row {
align-self: flex-start;
justify-content: flex-start !important;
}
.mpm2-painted-hero-align-center .mpm2-painted-hero-title,
.mpm2-painted-hero-align-center .mpm2-painted-hero-top-row {
align-self: center;
justify-content: center !important;
}
.mpm2-painted-hero-align-center .mpm2-painted-hero-line,
.mpm2-painted-hero-align-center .mpm2-painted-hero-fallback {
text-align: center !important;
}
.mpm2-painted-hero-align-right .mpm2-painted-hero-title,
.mpm2-painted-hero-align-right .mpm2-painted-hero-top-row {
align-self: flex-end;
justify-content: flex-end !important;
}
@media (max-width: 760px) {
.mpm2-painted-hero-line {
width: auto !important;
max-width: 100%;
}
}
.mpm2-connections-style-red_brush_single .mpm2-connector-shadow,
.mpm2-connections-style-red_brush_loop .mpm2-connector-shadow,
.mpm2-connections-style-red_brush_sweep .mpm2-connector-shadow,
.mpm2-connections-style-red_brush_random .mpm2-connector-shadow {
stroke: rgba(255, 24, 24, .18);
stroke-width: calc(var(--mpm2-connect-line-width, 7px) + 10px);
opacity: .42;
}
.mpm2-connections-style-red_brush_single .mpm2-connector-base,
.mpm2-connections-style-red_brush_loop .mpm2-connector-base,
.mpm2-connections-style-red_brush_sweep .mpm2-connector-base,
.mpm2-connections-style-red_brush_random .mpm2-connector-base {
stroke: var(--mpm2-connect-line, #ff1717);
stroke-width: calc(var(--mpm2-connect-line-width, 7px) + 1px);
opacity: .98;
}
.mpm2-connections-style-red_brush_single .mpm2-connector-pulse,
.mpm2-connections-style-red_brush_loop .mpm2-connector-pulse,
.mpm2-connections-style-red_brush_sweep .mpm2-connector-pulse,
.mpm2-connections-style-red_brush_random .mpm2-connector-pulse {
stroke: var(--mpm2-connect-secondary, #ffb3b3);
stroke-width: max(1px, calc(var(--mpm2-connect-line-width, 7px) * .22));
stroke-dasharray: 14 48 24 26;
opacity: .55;
}
.mpm2-connections-style-red_brush_single .mpm2-connector-node-dot,
.mpm2-connections-style-red_brush_loop .mpm2-connector-node-dot,
.mpm2-connections-style-red_brush_sweep .mpm2-connector-node-dot,
.mpm2-connections-style-red_brush_random .mpm2-connector-node-dot {
fill: var(--mpm2-connect-line, #ff1717);
stroke: rgba(255,255,255,.78);
}
.mpm2-section-lines-layer.mpm2-connections-style-red_brush_single .mpm2-connector-pulse,
.mpm2-section-lines-layer.mpm2-connections-style-red_brush_loop .mpm2-connector-pulse,
.mpm2-section-lines-layer.mpm2-connections-style-red_brush_sweep .mpm2-connector-pulse,
.mpm2-section-lines-layer.mpm2-connections-style-red_brush_random .mpm2-connector-pulse {
animation-duration: calc(var(--mpm2-connect-speed, 8s) * 1.2);
} .mpm2-quick-links-divider {
display: none !important;
}
.mpm2-painted-hero-align-center .mpm2-painted-hero-title {
width: auto !important;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.mpm2-painted-hero-align-center .mpm2-painted-hero-top-row,
.mpm2-painted-hero-align-center .mpm2-painted-hero-line,
.mpm2-painted-hero-align-center .mpm2-painted-hero-fallback,
.mpm2-painted-hero-align-center .mpm2-painted-hero-description,
.mpm2-painted-hero-align-center .mpm2-painted-hero-button {
margin-left: auto;
margin-right: auto;
}
.mpm2-painted-hero-align-center .mpm2-painted-hero-description,
.mpm2-painted-hero-align-center .mpm2-painted-hero-button {
align-self: center;
text-align: center;
} .mpm2-performance-paused,
.mpm2-performance-paused *,
html.mpm2-page-hidden .mpm2-section-lines-layer *,
html.mpm2-page-hidden .mpm2-connections-svg *,
html.mpm2-page-hidden [data-mpm2-painted-hero] * {
animation-play-state: paused !important;
}
html.mpm2-disable-lines-mobile .mpm2-section-lines-layer {
display: none !important;
}
html.mpm2-reduce-glow-mobile .mpm2-section-lines-layer,
html.mpm2-reduce-glow-mobile .mpm2-connections-svg,
html.mpm2-reduce-glow-mobile .mpm2-connections-wrap.has-glow .mpm2-connections-svg {
filter: none !important;
}
.mpm2-countdown-background-video[data-mpm2-lazy-video]:not([src]) {
visibility: hidden;
}
.mpm2-countdown-background-video[data-mpm2-lazy-video][src] {
visibility: visible;
} @media (max-width: 782px) {
html:has(body.mpm2-page-active),
body.mpm2-page-active {
overflow-x: clip;
} body.mpm2-page-active #page,
body.mpm2-page-active .site,
body.mpm2-page-active .site-content,
body.mpm2-page-active .content-area,
body.mpm2-page-active .primary-content,
body.mpm2-page-active .main-content,
body.mpm2-page-active .site-main,
body.mpm2-page-active article,
body.mpm2-page-active .entry-content,
body.mpm2-page-active .wp-site-blocks,
body.mpm2-page-active .wp-block-post-content {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.mpm2-hide-theme-page-chrome .page-header,
body.mpm2-hide-theme-page-chrome .entry-header,
body.mpm2-hide-theme-page-chrome .page-title,
body.mpm2-hide-theme-page-chrome .entry-title,
body.mpm2-hide-theme-page-chrome .breadcrumb,
body.mpm2-hide-theme-page-chrome .breadcrumbs,
body.mpm2-hide-theme-page-chrome .breadcrumb-trail,
body.mpm2-hide-theme-page-chrome .rank-math-breadcrumb,
body.mpm2-hide-theme-page-chrome .yoast-breadcrumb {
display: none !important;
} .mpm2-shell.mpm2-full-width,
.mpm2-full-width,
.mpm2-full-width.mpm2-breakout-target {
width: 100vw !important;
width: 100dvw !important;
max-width: 100vw !important;
max-width: 100dvw !important;
margin-left: calc(50% - 50vw) !important;
margin-left: calc(50% - 50dvw) !important;
margin-right: calc(50% - 50vw) !important;
margin-right: calc(50% - 50dvw) !important;
}
.mpm2-shell,
.mpm2-module-shell,
.mpm2-builder-output {
min-width: 0;
max-width: 100%;
} .mpm2-sticky-top:not(.mpm2-sticky-mobile) .mpm2-topbar {
position: relative;
top: auto;
}
.mpm2-topbar {
grid-template-columns: minmax(0, 1fr) auto auto;
min-height: 68px;
gap: 8px;
padding: 0 12px;
}
.mpm2-brand {
min-width: 0;
gap: 8px;
font-size: clamp(13px, 4vw, 17px);
}
.mpm2-brand img {
width: auto;
max-width: min(46vw, 178px);
max-height: 48px;
}
.mpm2-brand-mark {
flex: 0 0 32px;
width: 32px;
height: 36px;
}
.mpm2-mobile-toggle,
.mpm2-search-toggle {
width: 40px;
height: 40px;
flex: 0 0 40px;
}
.mpm2-heading {
padding: 28px 16px 22px;
}
.mpm2-heading h1 {
font-size: clamp(30px, 9vw, 38px);
line-height: 1.04;
text-wrap: balance;
}
.mpm2-heading p {
font-size: clamp(15px, 4.3vw, 18px);
line-height: 1.45;
} .mpm2-painted-hero {
min-height: clamp(390px, 118vw, var(--mpm2-ph-mobile-height, 520px));
}
.mpm2-painted-hero-content {
width: 100%;
padding: 38px 18px;
}
.mpm2-painted-hero-title {
width: 100% !important;
max-width: 100%;
font-size: clamp(30px, 9.4vw, 44px);
line-height: 1;
letter-spacing: -.025em;
}
.mpm2-painted-hero-top-row {
width: 100% !important;
max-width: 100%;
}
.mpm2-painted-hero-line,
.mpm2-painted-hero-fallback {
width: auto !important;
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: anywhere;
}
.mpm2-painted-hero-description {
max-width: 31ch;
margin-top: 24px;
font-size: clamp(16px, 4.6vw, 19px);
line-height: 1.42;
text-wrap: balance;
} .mpm2-paint-carousel-wrap {
width: 100%;
max-width: 100%;
margin-top: 24px;
margin-bottom: 32px;
padding: 0 12px;
}
.mpm2-paint-carousel-heading {
margin-bottom: 18px;
padding-inline: 4px;
}
.mpm2-paint-carousel-heading h2 {
font-size: clamp(28px, 8.5vw, 36px);
line-height: 1.08;
text-wrap: balance;
}
.mpm2-paint-carousel-heading p {
font-size: clamp(15px, 4.2vw, 17px);
line-height: 1.5;
}
.mpm2-paint-carousel {
border-radius: 20px;
}
.mpm2-paint-stage {
height: clamp(320px, 92vw, 430px);
}
.mpm2-paint-bottom.is-text {
padding: 68px 54px 86px;
}
.mpm2-paint-bottom-copy h3 {
font-size: clamp(28px, 8.5vw, 38px);
line-height: 1.05;
}
.mpm2-paint-bottom-copy p {
font-size: clamp(15px, 4.2vw, 18px);
}
.mpm2-paint-hint {
bottom: 20px;
max-width: calc(100% - 112px);
padding: 8px 13px;
font-size: 14px;
line-height: 1.25;
text-align: center;
white-space: normal;
}
.mpm2-paint-prev,
.mpm2-paint-next {
top: calc(clamp(320px, 92vw, 430px) / 2);
width: 40px;
height: 40px;
font-size: 28px;
}
.mpm2-paint-caption {
padding: 18px 16px 22px;
gap: 12px;
}
.mpm2-paint-caption h3,
.mpm2-paint-bottom-copy h3 {
font-size: clamp(25px, 7.5vw, 34px);
text-wrap: balance;
}
.mpm2-paint-reset {
justify-self: center;
min-height: 40px;
padding: 8px 18px;
}
.mpm2-paint-dots {
right: 14px;
bottom: 116px;
} .mpm2-main-grid {
width: 100%;
margin: 0 auto 36px;
padding: 0 12px;
border-radius: 0;
}
.mpm2-palette-panel,
.mpm2-content-panel {
border-radius: 20px;
}
.mpm2-palette-panel {
padding: 26px 16px;
}
.mpm2-section-heading h2,
.mpm2-quick-links-heading h2 {
font-size: clamp(28px, 8.5vw, 38px);
line-height: 1.08;
text-wrap: balance;
}
.mpm2-palette-canvas {
padding: 12px;
border-radius: 20px;
}
.mpm2-palette-list {
gap: 10px;
}
.mpm2-palette-item {
position: relative;
min-height: 58px;
}
.mpm2-palette-link,
.mpm2-palette-streaks .mpm2-palette-link,
.mpm2-palette-streaks-horizontal .mpm2-palette-link {
min-height: 58px;
padding: 10px 18px;
border-radius: 18px;
}
.mpm2-palette-hover-label {
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 18px;
transform: none !important;
opacity: 1 !important;
filter: none;
pointer-events: none;
}
.mpm2-palette-hover-label-text {
display: block;
width: 100%;
padding: 0 !important;
color: #fff;
font-size: 16px;
font-weight: 800;
line-height: 1.18;
white-space: normal;
opacity: 1 !important;
clip-path: none !important;
animation: none !important;
text-shadow: 0 2px 5px rgba(0,0,0,.66);
}
.mpm2-palette-hover-label::before,
.mpm2-palette-hover-label::after {
display: none !important;
}
.mpm2-quick-links {
padding-left: 14px;
padding-right: 14px;
padding-bottom: 54px;
} .mpm2-audio-page,
.admin-bar .mpm2-audio-page {
top: auto;
right: 14px;
bottom: 18px;
}
.mpm2-audio-expand {
width: 44px;
height: 44px;
}
}
@supports not selector(:has(*)) {
@media (max-width: 782px) {
html,
body.mpm2-page-active { overflow-x: hidden; }
}
} @media (max-width: 782px) { body.mpm2-page-active,
body.mpm2-page-active #page,
body.mpm2-page-active .site,
body.mpm2-page-active #content,
body.mpm2-page-active .site-content,
body.mpm2-page-active #primary,
body.mpm2-page-active .content-area,
body.mpm2-page-active .primary-content,
body.mpm2-page-active .main-content,
body.mpm2-page-active .site-main,
body.mpm2-page-active article.page,
body.mpm2-page-active article.type-page,
body.mpm2-page-active .entry-content,
body.mpm2-page-active .wp-site-blocks,
body.mpm2-page-active .wp-block-post-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.mpm2-hide-theme-header .sticky-header-spacer,
body.mpm2-hide-theme-header .header-sticky-spacer,
body.mpm2-hide-theme-header .main-header-placeholder,
body.mpm2-hide-theme-header .site-header-placeholder,
body.mpm2-hide-theme-header .header-placeholder,
body.mpm2-hide-theme-header .header-spacer,
body.mpm2-hide-theme-page-chrome .page-header-wrapper,
body.mpm2-hide-theme-page-chrome .entry-header-wrapper {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
} .mpm2-builder-output-block.mpm2-builder-hide-mobile {
display: none !important;
}
} @media (max-width: 782px) { body.mpm2-page-active #secondary,
body.mpm2-page-active .secondary,
body.mpm2-page-active .secondary-content,
body.mpm2-page-active .secondary-widgets-area,
body.mpm2-page-active .sidebar-main,
body.mpm2-page-active .sidebar-area,
body.mpm2-page-active .sidebar-wrapper,
body.mpm2-page-active .sidebar-wrap,
body.mpm2-page-active .right-sidebar,
body.mpm2-page-active .left-sidebar,
body.mpm2-page-active aside.sidebar,
body.mpm2-page-active aside[role="complementary"],
body.mpm2-page-active .widget-area:not(.mpm2-right-sidebar),
body.mpm2-page-active .theme-sidebar,
body.mpm2-page-active .main-sidebar,
body.mpm2-page-active .content-sidebar,
body.mpm2-page-active .mpm2-theme-sidebar-hidden-mobile {
display: none !important;
width: 0 !important;
max-width: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
} body.mpm2-page-active .site-content,
body.mpm2-page-active .site-content-inner,
body.mpm2-page-active .content-wrapper,
body.mpm2-page-active .content-wrap,
body.mpm2-page-active .main-content-wrapper,
body.mpm2-page-active .main-wrapper,
body.mpm2-page-active .main-wrap,
body.mpm2-page-active .row {
grid-template-columns: minmax(0, 1fr) !important;
}
body.mpm2-page-active #primary,
body.mpm2-page-active .content-area,
body.mpm2-page-active .primary-content,
body.mpm2-page-active .site-main {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100% !important;
}
} .mpm2-quick-links .mpm2-ql-text-align-left {
width: 100%;
text-align: left !important;
}
.mpm2-quick-links .mpm2-ql-text-align-center {
width: 100%;
text-align: center !important;
}
.mpm2-quick-links .mpm2-ql-text-align-right {
width: 100%;
text-align: right !important;
}
.mpm2-quick-links .mpm2-ql-brush-title.mpm2-ql-text-align-left { justify-content: flex-start; }
.mpm2-quick-links .mpm2-ql-brush-title.mpm2-ql-text-align-center { justify-content: center; }
.mpm2-quick-links .mpm2-ql-brush-title.mpm2-ql-text-align-right { justify-content: flex-end; } .mpm2-quick-links-columns-1 .mpm2-quick-links-grid {
grid-template-columns: minmax(0, 1fr) !important;
width: min(100%, var(--mpm2-quick-single-width, 1100px));
max-width: var(--mpm2-quick-single-width, 1100px);
}
.mpm2-quick-links-columns-1.mpm2-quick-links-single-left .mpm2-quick-links-grid {
margin-left: 0;
margin-right: auto;
}
.mpm2-quick-links-columns-1.mpm2-quick-links-single-center .mpm2-quick-links-grid {
margin-left: auto;
margin-right: auto;
}
.mpm2-quick-links-columns-1.mpm2-quick-links-single-right .mpm2-quick-links-grid {
margin-left: auto;
margin-right: 0;
}
.mpm2-quick-link-image {
background-color: var(--mpm2-ql-item-image-bg, color-mix(in srgb, var(--mpm2-text) 7%, var(--mpm2-surface)));
}
.mpm2-quick-link-card.has-custom-image-height .mpm2-quick-link-image {
height: var(--mpm2-ql-item-image-height, 520px);
aspect-ratio: auto;
}
@media (max-width: 760px) {
.mpm2-quick-links-columns-1 .mpm2-quick-links-grid {
width: 100%;
max-width: 100%;
}
.mpm2-quick-link-card.has-custom-image-height .mpm2-quick-link-image {
height: min(var(--mpm2-ql-item-image-height, 520px), 88vh);
}
} .mpm2-quick-links-layout-side_by_side .mpm2-quick-links-side-grid {
align-items: stretch;
}
.mpm2-quick-link-card-side {
display: grid;
grid-template-columns: var(--mpm2-ql-side-image-width, 42%) minmax(0, 1fr);
min-height: max(230px, var(--mpm2-ql-item-image-height, 0px));
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--mpm2-text) 12%, transparent);
border-radius: 18px;
background: color-mix(in srgb, var(--mpm2-surface) 94%, var(--mpm2-text) 6%);
box-shadow: 0 14px 36px rgba(0,0,0,.10);
}
.mpm2-quick-link-card-side.is-image-right {
grid-template-columns: minmax(0, 1fr) var(--mpm2-ql-side-image-width, 42%);
}
.mpm2-quick-link-card-side.is-image-right .mpm2-quick-link-side-image { order: 2; }
.mpm2-quick-link-card-side.is-image-right .mpm2-quick-link-side-copy { order: 1; }
.mpm2-quick-link-card-side .mpm2-quick-link-side-image {
width: 100%;
height: 100%;
min-height: 230px;
aspect-ratio: auto;
background-color: var(--mpm2-ql-item-image-bg, #282d33);
}
.mpm2-quick-link-card-side.has-custom-image-height .mpm2-quick-link-side-image {
min-height: var(--mpm2-ql-item-image-height, 230px);
}
.mpm2-quick-link-card-side .mpm2-quick-link-side-copy {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: clamp(22px, 3vw, 44px);
}
.mpm2-quick-link-card-side .mpm2-quick-link-copy::before { top: 12px; }
.mpm2-quick-link-card-side .mpm2-quick-link-copy h3 {
font-size: clamp(24px, 2.15vw, 42px);
text-transform: none;
}
.mpm2-quick-link-card-side .mpm2-quick-link-copy p {
margin: 16px 0 0;
font-size: clamp(15px, 1.15vw, 19px);
line-height: 1.55;
}
.mpm2-quick-link-card-side .mpm2-ql-meta-row {
margin-top: 22px;
flex-wrap: wrap;
}
.mpm2-quick-link-card-side.mpm2-ql-copy-align-center .mpm2-quick-link-side-copy { text-align: center; align-items: center; }
.mpm2-quick-link-card-side.mpm2-ql-copy-align-right .mpm2-quick-link-side-copy { text-align: right; align-items: flex-end; }
.mpm2-quick-link-card-side.mpm2-ql-copy-align-left .mpm2-quick-link-side-copy { text-align: left; align-items: flex-start; }
.mpm2-quick-link-card-side.mpm2-ql-copy-align-center .mpm2-ql-meta-row { justify-content: center; }
.mpm2-quick-link-card-side.mpm2-ql-copy-align-right .mpm2-ql-meta-row { justify-content: flex-end; }
.mpm2-quick-link-card-side.mpm2-ql-copy-align-left .mpm2-ql-meta-row { justify-content: flex-start; }
.mpm2-ql-meta-item.is-time::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 5v4.59l3.2 3.2-1.41 1.41L11 12.41V7Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 5v4.59l3.2 3.2-1.41 1.41L11 12.41V7Z'/%3E%3C/svg%3E");
}
@media (max-width: 1280px) {
.mpm2-quick-links-layout-side_by_side.mpm2-quick-links-columns-3 .mpm2-quick-links-grid,
.mpm2-quick-links-layout-side_by_side.mpm2-quick-links-columns-4 .mpm2-quick-links-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mpm2-quick-link-card-side .mpm2-quick-link-copy h3 { font-size: clamp(21px, 2vw, 32px); }
}
@media (max-width: 760px) {
.mpm2-quick-links-layout-side_by_side .mpm2-quick-links-grid {
grid-template-columns: 1fr !important;
}
.mpm2-quick-link-card-side,
.mpm2-quick-link-card-side.is-image-right {
grid-template-columns: 1fr;
min-height: 0;
}
.mpm2-quick-link-card-side.is-image-right .mpm2-quick-link-side-image,
.mpm2-quick-link-card-side.is-image-right .mpm2-quick-link-side-copy {
order: initial;
}
.mpm2-quick-link-card-side .mpm2-quick-link-side-image,
.mpm2-quick-link-card-side.has-custom-image-height .mpm2-quick-link-side-image {
min-height: min(72vw, max(260px, var(--mpm2-ql-item-image-height, 320px)));
height: min(72vw, max(260px, var(--mpm2-ql-item-image-height, 320px)));
}
.mpm2-quick-link-card-side .mpm2-quick-link-side-copy { padding: 24px 22px 28px; }
} .mpm2-heading h1 {
font-family: var(--mpm2-heading-title-font, Georgia, 'Times New Roman', serif) !important;
font-size: var(--mpm2-heading-title-size, clamp(42px, 5vw, 82px)) !important;
font-weight: var(--mpm2-heading-title-weight, 400) !important;
font-style: var(--mpm2-heading-title-style, normal) !important;
font-variant-caps: var(--mpm2-heading-title-variant, normal);
text-transform: var(--mpm2-heading-title-transform, none);
text-align: var(--mpm2-heading-title-align, center) !important;
color: var(--mpm2-heading-title-color, inherit) !important;
letter-spacing: var(--mpm2-heading-title-letter-spacing, 0px);
line-height: var(--mpm2-heading-title-line-height, 1) !important;
}
.mpm2-heading p {
font-family: var(--mpm2-heading-subtitle-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif) !important;
font-size: var(--mpm2-heading-subtitle-size, clamp(17px, 1.5vw, 24px)) !important;
font-weight: var(--mpm2-heading-subtitle-weight, 400) !important;
font-style: var(--mpm2-heading-subtitle-style, normal) !important;
font-variant-caps: var(--mpm2-heading-subtitle-variant, normal);
text-transform: var(--mpm2-heading-subtitle-transform, none);
text-align: var(--mpm2-heading-subtitle-align, center) !important;
color: var(--mpm2-heading-subtitle-color, color-mix(in srgb, var(--mpm2-text) 72%, transparent)) !important;
letter-spacing: var(--mpm2-heading-subtitle-letter-spacing, 0px);
line-height: var(--mpm2-heading-subtitle-line-height, 1.5) !important;
}
.mpm2-heading h1,
.mpm2-heading p {
width: 100%;
box-sizing: border-box;
}
.mpm2-title-divider {
display: flex;
align-items: center;
width: min(var(--mpm2-heading-divider-width, 580px), 100%);
gap: var(--mpm2-heading-divider-gap, 18px);
margin-top: var(--mpm2-heading-divider-margin-top, 10px);
margin-bottom: var(--mpm2-heading-divider-margin-bottom, 2px);
opacity: var(--mpm2-heading-divider-opacity, 1);
box-sizing: border-box;
}
.mpm2-title-divider-align-left { margin-left: 0; margin-right: auto; }
.mpm2-title-divider-align-center { margin-left: auto; margin-right: auto; }
.mpm2-title-divider-align-right { margin-left: auto; margin-right: 0; }
.mpm2-title-divider-line {
flex: 1 1 auto;
min-width: 12px;
height: var(--mpm2-heading-divider-thickness, 1px);
display: block;
}
.mpm2-title-divider-style-solid .mpm2-title-divider-line-left { background: var(--mpm2-heading-divider-left, #ff5b24); }
.mpm2-title-divider-style-solid .mpm2-title-divider-line-right { background: var(--mpm2-heading-divider-right, #ff5b24); }
.mpm2-title-divider-style-gradient .mpm2-title-divider-line-left {
background: linear-gradient(90deg, transparent, var(--mpm2-heading-divider-left, #ff5b24));
}
.mpm2-title-divider-style-gradient .mpm2-title-divider-line-right {
background: linear-gradient(90deg, var(--mpm2-heading-divider-right, #ff5b24), transparent);
}
.mpm2-title-divider-style-double .mpm2-title-divider-line {
height: calc(var(--mpm2-heading-divider-thickness, 1px) * 4);
border-top: var(--mpm2-heading-divider-thickness, 1px) solid;
border-bottom: var(--mpm2-heading-divider-thickness, 1px) solid;
background: transparent;
}
.mpm2-title-divider-style-double .mpm2-title-divider-line-left { border-color: var(--mpm2-heading-divider-left, #ff5b24); }
.mpm2-title-divider-style-double .mpm2-title-divider-line-right { border-color: var(--mpm2-heading-divider-right, #ff5b24); }
.mpm2-title-divider-style-dashed .mpm2-title-divider-line {
height: 0;
border-top: var(--mpm2-heading-divider-thickness, 1px) dashed;
background: transparent;
}
.mpm2-title-divider-style-dashed .mpm2-title-divider-line-left { border-color: var(--mpm2-heading-divider-left, #ff5b24); }
.mpm2-title-divider-style-dashed .mpm2-title-divider-line-right { border-color: var(--mpm2-heading-divider-right, #ff5b24); }
.mpm2-title-divider-center {
flex: 0 0 auto;
color: var(--mpm2-heading-divider-center, #ff5b24);
font-size: var(--mpm2-heading-divider-center-size, 20px);
line-height: 1;
font-family: Georgia, 'Times New Roman', serif;
text-align: center;
}
.mpm2-title-divider-center-dot .mpm2-title-divider-center { font-size: calc(var(--mpm2-heading-divider-center-size, 20px) * .85); }
.mpm2-title-divider-center-ring .mpm2-title-divider-center { transform: translateY(-1px); }
.mpm2-title-divider-center-none { gap: 0; }
@media (max-width: 760px) {
.mpm2-heading h1 {
font-size: var(--mpm2-heading-title-mobile-size, clamp(30px, 9vw, 38px)) !important;
}
.mpm2-heading p {
font-size: var(--mpm2-heading-subtitle-mobile-size, clamp(15px, 4.3vw, 18px)) !important;
}
.mpm2-title-divider {
width: min(var(--mpm2-heading-divider-mobile-width, 280px), 100%);
}
}
.mpm2-countdown-target-date {
display: none;
}
.mpm2-countdown-visual-exhibition {
padding: clamp(28px, 4vw, 42px) 18px 34px;
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-content {
max-width: 1160px;
margin: 0 auto;
}
.mpm2-countdown-visual-exhibition h2 {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 18px;
margin: 0 auto 18px;
padding: 0 20px;
color: var(--mpm2-countdown-accent, #d8b24a);
font-style: italic;
font-weight: 500;
letter-spacing: .08em;
font-size: clamp(22px, 2.5vw, 40px);
}
.mpm2-countdown-visual-exhibition h2::before,
.mpm2-countdown-visual-exhibition h2::after {
content: '';
width: clamp(70px, 12vw, 180px);
height: 1px;
background: color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 88%, transparent);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 18%, transparent);
}
.mpm2-countdown-visual-exhibition h2::after {
box-shadow: 0 0 0 1px color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 18%, transparent);
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-intro {
margin: -6px auto 20px;
max-width: 760px;
color: color-mix(in srgb, var(--mpm2-countdown-color, #fff) 78%, transparent);
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-units {
gap: clamp(10px, 1.2vw, 18px);
align-items: stretch;
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-unit {
position: relative;
min-width: min(180px, 22vw);
padding: 18px 18px 14px;
border-radius: 0;
border: 1px solid color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 82%, transparent);
background: linear-gradient(180deg, color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 6%, rgba(7,26,88,.82)) 0%, rgba(9,32,108,.84) 46%, rgba(4,21,76,.94) 100%);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 8%, transparent);
overflow: visible;
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-unit::before {
content: '';
position: absolute;
left: -1px;
right: -1px;
top: -1px;
height: 1px;
background: color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 92%, transparent);
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-unit::after {
content: '';
position: absolute;
top: -1px;
left: 50%;
width: 14px;
height: 14px;
background: linear-gradient(135deg, rgba(8,29,94,1) 50%, transparent 50%);
border-top: 1px solid color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 82%, transparent);
border-left: 1px solid color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 82%, transparent);
transform: translate(-50%, -50%) rotate(225deg);
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-value {
min-height: 1.15em;
font-family: "Georgia", "Times New Roman", serif;
font-weight: 500;
font-size: clamp(48px, 6vw, 88px);
line-height: .92;
letter-spacing: .05em;
color: color-mix(in srgb, var(--mpm2-countdown-color, #fff) 92%, #f4e7bf);
text-shadow: 0 2px 0 rgba(0,0,0,.12);
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-unit > span {
margin-top: 10px;
font-size: .88rem;
letter-spacing: .34em;
text-transform: uppercase;
color: var(--mpm2-countdown-accent, #d8b24a);
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-target-date {
display: block;
margin: 14px auto 0;
font-size: clamp(14px, 1.3vw, 24px);
color: color-mix(in srgb, var(--mpm2-countdown-color, #fff) 86%, #f0dba1);
letter-spacing: .02em;
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-button {
margin-top: 24px;
background: transparent;
border: 1px solid color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 82%, transparent);
color: var(--mpm2-countdown-accent, #d8b24a);
box-shadow: none;
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-button:hover,
.mpm2-countdown-visual-exhibition .mpm2-countdown-button:focus-visible {
background: color-mix(in srgb, var(--mpm2-countdown-accent, #d8b24a) 14%, transparent);
}
@media (max-width: 780px) {
.mpm2-countdown-visual-exhibition h2 {
gap: 10px;
padding: 0 8px;
font-size: clamp(18px, 5vw, 28px);
}
.mpm2-countdown-visual-exhibition h2::before,
.mpm2-countdown-visual-exhibition h2::after {
width: clamp(28px, 10vw, 58px);
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-unit {
min-width: calc(50% - 7px);
padding: 14px 10px 12px;
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-value {
font-size: clamp(40px, 14vw, 68px);
}
.mpm2-countdown-visual-exhibition .mpm2-countdown-unit > span {
font-size: .76rem;
letter-spacing: .22em;
}
} .mpm2-shell {
--mpm2-btn-bg: var(--mpm2-accent, #a8172a);
--mpm2-btn-text: #ffffff;
--mpm2-btn-border: var(--mpm2-accent, #a8172a);
--mpm2-btn-hover-bg: color-mix(in srgb, var(--mpm2-accent, #a8172a) 88%, #000 12%);
--mpm2-btn-hover-text: #ffffff;
--mpm2-btn-shadow: 0 12px 28px color-mix(in srgb, var(--mpm2-accent, #a8172a) 34%, transparent);
--mpm2-btn-radius: 999px;
}
.mpm2-shell.mpm2-buttons-gold {
--mpm2-btn-bg: linear-gradient(180deg, rgba(11,42,129,.92) 0%, rgba(7,29,96,.96) 100%);
--mpm2-btn-text: #f4e7bf;
--mpm2-btn-border: #d8b24a;
--mpm2-btn-hover-bg: linear-gradient(180deg, rgba(16,50,145,.96) 0%, rgba(10,34,112,.98) 100%);
--mpm2-btn-hover-text: #fff4ca;
--mpm2-btn-shadow: 0 12px 26px rgba(0,0,0,.24), inset 0 0 0 1px rgba(216,178,74,.16);
--mpm2-btn-radius: 14px;
}
.mpm2-shell.mpm2-buttons-soft_dark {
--mpm2-btn-bg: color-mix(in srgb, var(--mpm2-surface, #fff) 90%, #ffffff 10%);
--mpm2-btn-text: var(--mpm2-text, #161616);
--mpm2-btn-border: color-mix(in srgb, var(--mpm2-text, #161616) 14%, transparent);
--mpm2-btn-hover-bg: color-mix(in srgb, var(--mpm2-accent, #a8172a) 10%, var(--mpm2-surface, #fff) 90%);
--mpm2-btn-hover-text: var(--mpm2-text, #161616);
--mpm2-btn-shadow: 0 10px 24px rgba(0,0,0,.14);
--mpm2-btn-radius: 999px;
}
.mpm2-shell.mpm2-buttons-outline_light {
--mpm2-btn-bg: transparent;
--mpm2-btn-text: var(--mpm2-text, #161616);
--mpm2-btn-border: color-mix(in srgb, var(--mpm2-text, #161616) 42%, transparent);
--mpm2-btn-hover-bg: color-mix(in srgb, var(--mpm2-text, #161616) 9%, transparent);
--mpm2-btn-hover-text: var(--mpm2-text, #161616);
--mpm2-btn-shadow: none;
--mpm2-btn-radius: 999px;
}
.mpm2-shell .mpm2-search-form button,
.mpm2-shell .mpm2-countdown-button,
.mpm2-shell .mpm2-painted-hero-button,
.mpm2-shell .mpm2-audio-toggle,
.mpm2-shell .mpm2-paint-reset,
.mpm2-shell .mpm2-search-toggle,
.mpm2-shell .mpm2-mobile-toggle,
.mpm2-shell .mpm2-carousel-prev,
.mpm2-shell .mpm2-carousel-next,
.mpm2-shell .mpm2-paint-prev,
.mpm2-shell .mpm2-paint-next {
border: 1px solid var(--mpm2-btn-border);
background: var(--mpm2-btn-bg);
color: var(--mpm2-btn-text);
box-shadow: var(--mpm2-btn-shadow);
border-radius: var(--mpm2-btn-radius);
transition: background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease, transform .22s ease;
}
.mpm2-shell .mpm2-painted-hero-button,
.mpm2-shell .mpm2-countdown-button,
.mpm2-shell .mpm2-search-form button,
.mpm2-shell .mpm2-audio-toggle,
.mpm2-shell .mpm2-paint-reset {
text-decoration: none;
}
.mpm2-shell .mpm2-mobile-toggle span {
background: currentColor;
}
.mpm2-shell .mpm2-search-form button:hover,
.mpm2-shell .mpm2-search-form button:focus-visible,
.mpm2-shell .mpm2-countdown-button:hover,
.mpm2-shell .mpm2-countdown-button:focus-visible,
.mpm2-shell .mpm2-painted-hero-button:hover,
.mpm2-shell .mpm2-painted-hero-button:focus-visible,
.mpm2-shell .mpm2-audio-toggle:hover,
.mpm2-shell .mpm2-audio-toggle:focus-visible,
.mpm2-shell .mpm2-paint-reset:hover,
.mpm2-shell .mpm2-paint-reset:focus-visible,
.mpm2-shell .mpm2-search-toggle:hover,
.mpm2-shell .mpm2-search-toggle:focus-visible,
.mpm2-shell .mpm2-mobile-toggle:hover,
.mpm2-shell .mpm2-mobile-toggle:focus-visible {
background: var(--mpm2-btn-hover-bg);
color: var(--mpm2-btn-hover-text);
border-color: var(--mpm2-btn-border);
box-shadow: 0 14px 30px rgba(0,0,0,.18), var(--mpm2-btn-shadow);
filter: none;
}
.mpm2-shell .mpm2-carousel-prev:hover,
.mpm2-shell .mpm2-carousel-prev:focus-visible,
.mpm2-shell .mpm2-carousel-next:hover,
.mpm2-shell .mpm2-carousel-next:focus-visible,
.mpm2-shell .mpm2-paint-prev:hover,
.mpm2-shell .mpm2-paint-prev:focus-visible,
.mpm2-shell .mpm2-paint-next:hover,
.mpm2-shell .mpm2-paint-next:focus-visible {
background: var(--mpm2-btn-hover-bg);
color: var(--mpm2-btn-hover-text);
border-color: var(--mpm2-btn-border);
box-shadow: 0 16px 32px rgba(0,0,0,.22), var(--mpm2-btn-shadow);
}
.mpm2-shell.mpm2-buttons-gold .mpm2-countdown-visual-exhibition .mpm2-countdown-button,
.mpm2-shell.mpm2-buttons-gold .mpm2-painted-hero-button,
.mpm2-shell.mpm2-buttons-gold .mpm2-search-form button,
.mpm2-shell.mpm2-buttons-gold .mpm2-audio-toggle,
.mpm2-shell.mpm2-buttons-gold .mpm2-paint-reset {
letter-spacing: .04em;
} .mpm2-image-card-shortcode-wrap {
width: min(100%, var(--mpm2-ic-max-width));
margin: 0 auto 28px;
}
.mpm2-image-card {
--mpm2-ic-rotate-x: 0deg;
--mpm2-ic-rotate-y: 0deg;
position: relative;
margin: 0;
width: 100%;
max-width: var(--mpm2-ic-max-width);
min-height: var(--mpm2-ic-height);
padding: var(--mpm2-ic-frame-padding);
border: var(--mpm2-ic-frame-width) solid var(--mpm2-ic-frame-color);
background: var(--mpm2-ic-fill);
box-sizing: border-box;
overflow: hidden;
transform-style: preserve-3d;
transform: perspective(1200px) rotateX(var(--mpm2-ic-rotate-x)) rotateY(var(--mpm2-ic-rotate-y));
transition: transform .22s ease, box-shadow .22s ease;
box-shadow: 0 18px 40px rgba(15,23,42,.18);
}
.mpm2-image-card:hover {
box-shadow: 0 26px 50px rgba(15,23,42,.22);
}
.mpm2-image-card-visual {
display: block;
width: 100%;
min-height: calc(var(--mpm2-ic-height) - (var(--mpm2-ic-frame-padding) * 2));
border: 0;
padding: 0;
margin: 0;
background: transparent;
text-align: inherit;
cursor: pointer;
}
.mpm2-image-card-visual[href],
.mpm2-image-card-visual button {
cursor: pointer;
}
.mpm2-image-card-media {
display: block;
width: 100%;
min-height: inherit;
background-repeat: no-repeat;
background-position: center;
background-color: var(--mpm2-ic-fill);
}
.mpm2-image-card-caption {
position: absolute;
z-index: 3;
max-width: min(48%, 430px);
padding: 16px 18px;
background: var(--mpm2-ic-caption-bg);
color: var(--mpm2-ic-text);
backdrop-filter: blur(2px);
}
.mpm2-image-card.is-caption-bottom-right .mpm2-image-card-caption { right: 18px; bottom: 18px; }
.mpm2-image-card.is-caption-bottom-left .mpm2-image-card-caption { left: 18px; bottom: 18px; }
.mpm2-image-card.is-caption-top-right .mpm2-image-card-caption { right: 18px; top: 18px; }
.mpm2-image-card.is-caption-top-left .mpm2-image-card-caption { left: 18px; top: 18px; }
.mpm2-image-card.is-caption-center .mpm2-image-card-caption { left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: min(60%, 500px); }
.mpm2-image-card.is-text-center .mpm2-image-card-caption,
.mpm2-image-card-modal-caption.is-text-center { text-align: center; }
.mpm2-image-card.is-text-right .mpm2-image-card-caption,
.mpm2-image-card-modal-caption.is-text-right { text-align: right; }
.mpm2-image-card-subtitle {
margin: 0 0 6px;
font-size: 12px;
letter-spacing: .26em;
text-transform: uppercase;
color: var(--mpm2-ic-accent);
}
.mpm2-image-card-title {
margin: 0;
font-size: clamp(20px, 2.4vw, 34px);
line-height: 1.15;
color: inherit;
}
.mpm2-image-card-meta {
margin-top: 6px;
font-size: 12px;
letter-spacing: .18em;
text-transform: uppercase;
color: color-mix(in srgb, var(--mpm2-ic-text) 88%, white);
}
.mpm2-image-card-text {
margin-top: 10px;
font-size: 15px;
line-height: 1.55;
}
.mpm2-image-card-modal[hidden] { display: none !important; }
.mpm2-image-card-modal {
position: fixed;
inset: 0;
z-index: 999999;
}
.mpm2-image-card-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(8, 12, 20, .76);
}
.mpm2-image-card-modal-dialog {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 14px;
width: min(96vw, 1200px);
max-height: 92vh;
margin: 4vh auto;
padding: 22px;
border-radius: 18px;
background: #fff;
overflow: auto;
box-shadow: 0 24px 60px rgba(0,0,0,.32);
}
.mpm2-image-card-modal-dialog img {
display: block;
width: 100%;
height: auto;
}
.mpm2-image-card-modal-close {
position: absolute;
top: 10px;
right: 12px;
width: 42px;
height: 42px;
border: 0;
border-radius: 999px;
background: rgba(15, 23, 42, .78);
color: #fff;
font-size: 28px;
line-height: 1;
cursor: pointer;
}
.mpm2-image-card-modal-caption {
display: grid;
gap: 8px;
color: #1e293b;
}
.mpm2-image-card-modal-caption strong {
font-size: 24px;
}
.mpm2-image-card-modal-caption span {
font-size: 12px;
letter-spacing: .16em;
text-transform: uppercase;
color: #64748b;
}
html.mpm2-modal-open,
body.mpm2-modal-open {
overflow: hidden;
}
@media (max-width: 767px) {
.mpm2-image-card-caption,
.mpm2-image-card.is-caption-center .mpm2-image-card-caption {
left: 12px;
right: 12px;
bottom: 12px;
top: auto;
transform: none;
max-width: none;
}
.mpm2-image-card {
min-height: clamp(240px, 58vw, var(--mpm2-ic-height));
}
.mpm2-image-card-visual {
min-height: clamp(220px, 56vw, calc(var(--mpm2-ic-height) - (var(--mpm2-ic-frame-padding) * 2)));
}
} .mpm2-image-gallery {
width: min(100%, var(--mpm2-gallery-max-width));
margin: 0 auto 36px;
box-sizing: border-box;
}
.mpm2-image-gallery-header {
margin-bottom: 24px;
text-align: center;
}
.mpm2-image-gallery-header h2 {
margin: 0 0 8px;
}
.mpm2-image-gallery-header p {
margin: 0;
opacity: .78;
}
.mpm2-image-gallery-grid {
gap: var(--mpm2-gallery-gap);
}
.mpm2-image-gallery.is-mode-masonry .mpm2-image-gallery-grid {
column-count: var(--mpm2-gallery-columns);
column-gap: var(--mpm2-gallery-gap);
}
.mpm2-image-gallery.is-mode-masonry .mpm2-gallery-item {
display: inline-block;
width: 100%;
margin: 0 0 var(--mpm2-gallery-gap);
break-inside: avoid;
}
.mpm2-image-gallery.is-mode-museum .mpm2-image-gallery-grid {
display: grid;
grid-template-columns: repeat(var(--mpm2-gallery-columns), minmax(0, 1fr));
grid-auto-flow: dense;
align-items: start;
}
.mpm2-image-gallery.is-mode-museum .mpm2-gallery-item:nth-child(7n+1),
.mpm2-image-gallery.is-mode-museum .mpm2-gallery-item:nth-child(7n+5) {
grid-column: span 2;
}
.mpm2-image-gallery.is-mode-museum .mpm2-gallery-item:nth-child(7n+3) {
transform: rotate(-1.2deg);
}
.mpm2-image-gallery.is-mode-museum .mpm2-gallery-item:nth-child(7n+6) {
transform: rotate(1.1deg);
}
.mpm2-gallery-item {
position: relative;
margin: 0;
padding: 10px;
background: #f6f1e7;
border: 1px solid rgba(131, 98, 35, .22);
box-shadow: 0 14px 34px rgba(15, 23, 42, .14);
overflow: hidden;
transition: transform .28s ease, box-shadow .28s ease, opacity .28s ease;
}
.mpm2-image-gallery.is-mode-museum .mpm2-gallery-item {
padding: 14px;
border: 7px double #c8a14b;
background: #e9dfca;
}
.mpm2-gallery-item-button,
.mpm2-gallery-focus-button {
display: block;
width: 100%;
border: 0;
padding: 0;
margin: 0;
background: transparent;
cursor: pointer;
}
.mpm2-gallery-item img {
display: block;
width: 100%;
height: auto;
transition: transform .38s ease, filter .38s ease;
}
.mpm2-gallery-item figcaption {
display: grid;
gap: 5px;
padding: 12px 4px 2px;
}
.mpm2-gallery-item figcaption strong {
font-size: 18px;
}
.mpm2-gallery-item figcaption span {
font-size: 14px;
line-height: 1.5;
opacity: .74;
}
.mpm2-image-gallery.is-animation-lift .mpm2-gallery-item:hover {
transform: translateY(-8px);
box-shadow: 0 22px 42px rgba(15, 23, 42, .2);
}
.mpm2-image-gallery.is-animation-zoom .mpm2-gallery-item:hover img {
transform: scale(1.045);
}
.mpm2-image-gallery.is-animation-tilt .mpm2-gallery-item:hover {
transform: perspective(900px) rotateX(2deg) rotateY(-3deg) translateY(-4px);
}
.mpm2-image-gallery.is-animation-fade .mpm2-gallery-item {
opacity: .82;
}
.mpm2-image-gallery.is-animation-fade .mpm2-gallery-item:hover {
opacity: 1;
}
.mpm2-gallery-focus-main {
position: relative;
overflow: hidden;
background: #111827;
border-radius: 18px;
box-shadow: 0 20px 48px rgba(15,23,42,.22);
}
.mpm2-gallery-focus-button img {
display: block;
width: 100%;
max-height: 74vh;
object-fit: contain;
background: #111827;
}
.mpm2-gallery-focus-caption {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
max-width: 520px;
padding: 16px 18px;
background: rgba(8, 15, 30, .76);
color: #fff;
backdrop-filter: blur(4px);
}
.mpm2-gallery-focus-caption h3,
.mpm2-gallery-focus-caption p {
margin: 0;
}
.mpm2-gallery-focus-caption p {
margin-top: 6px;
opacity: .82;
}
.mpm2-gallery-thumbs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
gap: 12px;
margin-top: 14px;
}
.mpm2-gallery-thumb {
border: 2px solid transparent;
padding: 4px;
background: #fff;
cursor: pointer;
opacity: .72;
transition: opacity .2s ease, border-color .2s ease, transform .2s ease;
}
.mpm2-gallery-thumb:hover,
.mpm2-gallery-thumb.is-active {
opacity: 1;
border-color: var(--mpm2-accent, #a8172a);
transform: translateY(-2px);
}
.mpm2-gallery-thumb img {
display: block;
width: 100%;
height: 86px;
object-fit: cover;
}
.mpm2-gallery-lightbox[hidden] {
display: none !important;
}
.mpm2-gallery-lightbox {
position: fixed;
inset: 0;
z-index: 1000000;
}
.mpm2-gallery-lightbox-backdrop {
position: absolute;
inset: 0;
background: rgba(4, 8, 18, .86);
}
.mpm2-gallery-lightbox-dialog {
position: relative;
z-index: 2;
display: grid;
place-items: center;
width: min(94vw, 1400px);
height: 92vh;
margin: 4vh auto;
padding: 42px 70px 70px;
box-sizing: border-box;
}
.mpm2-gallery-lightbox-dialog img {
display: block;
max-width: 100%;
max-height: 76vh;
object-fit: contain;
box-shadow: 0 24px 60px rgba(0,0,0,.4);
}
.mpm2-gallery-lightbox-caption {
align-self: end;
max-width: 760px;
color: #fff;
text-align: center;
}
.mpm2-gallery-lightbox-caption strong {
display: block;
font-size: 22px;
}
.mpm2-gallery-lightbox-caption p {
margin: 6px 0 0;
opacity: .8;
}
.mpm2-gallery-lightbox-close,
.mpm2-gallery-lightbox-prev,
.mpm2-gallery-lightbox-next {
position: absolute;
z-index: 4;
border: 1px solid rgba(255,255,255,.26);
background: rgba(15,23,42,.76);
color: #fff;
cursor: pointer;
}
.mpm2-gallery-lightbox-close {
top: 16px;
right: 18px;
width: 44px;
height: 44px;
border-radius: 999px;
font-size: 28px;
}
.mpm2-gallery-lightbox-prev,
.mpm2-gallery-lightbox-next {
top: 50%;
width: 48px;
height: 70px;
transform: translateY(-50%);
font-size: 42px;
}
.mpm2-gallery-lightbox-prev { left: 12px; }
.mpm2-gallery-lightbox-next { right: 12px; }
html.mpm2-gallery-modal-open,
body.mpm2-gallery-modal-open {
overflow: hidden;
}
@media (max-width: 900px) {
.mpm2-image-gallery.is-mode-masonry .mpm2-image-gallery-grid {
column-count: min(2, var(--mpm2-gallery-columns));
}
.mpm2-image-gallery.is-mode-museum .mpm2-image-gallery-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.mpm2-image-gallery.is-mode-masonry .mpm2-image-gallery-grid {
column-count: 1;
}
.mpm2-image-gallery.is-mode-museum .mpm2-image-gallery-grid {
grid-template-columns: 1fr;
}
.mpm2-image-gallery.is-mode-museum .mpm2-gallery-item {
grid-column: auto !important;
transform: none !important;
}
.mpm2-gallery-focus-caption {
position: static;
max-width: none;
background: #111827;
}
.mpm2-gallery-lightbox-dialog {
padding: 58px 42px 74px;
}
.mpm2-gallery-lightbox-prev,
.mpm2-gallery-lightbox-next {
width: 38px;
height: 58px;
}
} .mpm2-gallery-strip {
position: relative;
overflow: hidden;
border-radius: 22px;
padding: 12px 0;
}
.mpm2-gallery-strip-track {
display: flex;
gap: var(--mpm2-gallery-gap);
width: max-content;
animation: mpm2GalleryStrip 36s linear infinite;
}
.mpm2-gallery-strip:hover .mpm2-gallery-strip-track {
animation-play-state: paused;
}
.mpm2-gallery-strip-card {
flex: 0 0 min(28vw, 320px);
min-width: 240px;
}
.mpm2-gallery-strip-button {
display: block;
position: relative;
width: 100%;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
overflow: hidden;
border-radius: 18px;
box-shadow: 0 16px 40px rgba(15, 23, 42, .18);
}
.mpm2-gallery-strip-button img {
display: block;
width: 100%;
height: 240px;
object-fit: cover;
transition: transform .35s ease;
}
.mpm2-gallery-strip-button:hover img {
transform: scale(1.04);
}
.mpm2-gallery-strip-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: grid;
gap: 4px;
padding: 16px;
color: #fff;
background: linear-gradient(180deg, rgba(2,6,23,0) 0%, rgba(2,6,23,.82) 100%);
text-align: left;
}
.mpm2-gallery-strip-caption strong,
.mpm2-gallery-strip-caption small {
display: block;
}
.mpm2-gallery-strip-caption small {
font-size: 13px;
opacity: .84;
}
@keyframes mpm2GalleryStrip {
from { transform: translateX(0); }
to { transform: translateX(calc(-50% - (var(--mpm2-gallery-gap) / 2))); }
}
.mpm2-gallery-stack,
.mpm2-gallery-carousel3d {
position: relative;
padding: 24px 72px 0;
}
.mpm2-gallery-stack-stage {
position: relative;
min-height: 560px;
perspective: 1200px;
}
.mpm2-gallery-stack-card,
.mpm2-gallery-carousel3d-card {
position: absolute;
left: 50%;
top: 50%;
transform-style: preserve-3d;
}
.mpm2-gallery-stack-card {
width: min(74vw, 560px);
max-width: 100%;
margin: 0;
transition: transform .45s ease, opacity .35s ease, filter .35s ease;
}
.mpm2-gallery-stack-button,
.mpm2-gallery-carousel3d-button {
display: block;
width: 100%;
padding: 0;
border: 0;
border-radius: 24px;
overflow: hidden;
background: #fff;
cursor: pointer;
box-shadow: 0 24px 50px rgba(15,23,42,.22);
}
.mpm2-gallery-stack-button img {
display: block;
width: 100%;
height: min(56vw, 520px);
object-fit: cover;
}
.mpm2-gallery-stack-card.is-hidden {
opacity: 0;
pointer-events: none;
}
.mpm2-gallery-stack-card.is-active {
z-index: 5;
}
.mpm2-gallery-stack-card.is-prev,
.mpm2-gallery-stack-card.is-next,
.mpm2-gallery-stack-card.is-prev2,
.mpm2-gallery-stack-card.is-next2 {
pointer-events: none;
}
.mpm2-gallery-stack-nav,
.mpm2-gallery-carousel3d-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 8;
width: 52px;
height: 52px;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, .34);
background: rgba(15, 23, 42, .86);
color: #fff;
font-size: 34px;
line-height: 1;
cursor: pointer;
box-shadow: 0 16px 34px rgba(2, 6, 23, .28);
}
.mpm2-gallery-stack-nav.is-prev,
.mpm2-gallery-carousel3d-nav.is-prev { left: 0; }
.mpm2-gallery-stack-nav.is-next,
.mpm2-gallery-carousel3d-nav.is-next { right: 0; }
.mpm2-gallery-stack-caption,
.mpm2-gallery-carousel3d-caption {
max-width: 720px;
margin: 18px auto 0;
text-align: center;
}
.mpm2-gallery-stack-caption strong,
.mpm2-gallery-carousel3d-caption strong {
display: block;
font-size: 24px;
}
.mpm2-gallery-stack-caption p,
.mpm2-gallery-carousel3d-caption p {
margin: 6px 0 0;
opacity: .78;
}
.mpm2-gallery-carousel3d-stage {
position: relative;
min-height: 520px;
perspective: 1400px;
overflow: hidden;
}
.mpm2-gallery-carousel3d-ring {
position: absolute;
inset: 0;
transform-style: preserve-3d;
}
.mpm2-gallery-carousel3d-card {
width: min(34vw, 320px);
transition: transform .65s ease, opacity .45s ease, filter .45s ease;
margin-left: calc(min(34vw, 320px) / -2);
margin-top: -170px;
}
.mpm2-gallery-carousel3d-card.is-active {
z-index: 4;
}
.mpm2-gallery-carousel3d-button {
border-radius: 20px;
background: #fff;
}
.mpm2-gallery-carousel3d-button img {
display: block;
width: 100%;
height: 340px;
object-fit: cover;
}
.mpm2-gallery-carousel3d-title {
display: block;
margin-top: 10px;
text-align: center;
font-weight: 700;
}
@media (max-width: 900px) {
.mpm2-gallery-strip-card {
flex-basis: 280px;
min-width: 220px;
}
.mpm2-gallery-stack,
.mpm2-gallery-carousel3d {
padding-inline: 54px;
}
.mpm2-gallery-stack-stage {
min-height: 480px;
}
.mpm2-gallery-stack-button img {
height: 420px;
}
.mpm2-gallery-carousel3d-card {
width: min(58vw, 300px);
margin-left: calc(min(58vw, 300px) / -2);
}
.mpm2-gallery-carousel3d-button img {
height: 300px;
}
}
@media (max-width: 600px) {
.mpm2-gallery-strip-track {
animation-duration: 26s;
}
.mpm2-gallery-strip-card {
flex-basis: 76vw;
min-width: 76vw;
}
.mpm2-gallery-strip-button img {
height: 220px;
}
.mpm2-gallery-stack,
.mpm2-gallery-carousel3d {
padding-inline: 0;
}
.mpm2-gallery-stack-stage,
.mpm2-gallery-carousel3d-stage {
min-height: 360px;
}
.mpm2-gallery-stack-card {
width: 86vw;
}
.mpm2-gallery-stack-button img {
height: 280px;
}
.mpm2-gallery-stack-nav,
.mpm2-gallery-carousel3d-nav {
top: auto;
bottom: -6px;
transform: none;
width: 46px;
height: 46px;
}
.mpm2-gallery-stack-nav.is-prev,
.mpm2-gallery-carousel3d-nav.is-prev {
left: calc(50% - 58px);
}
.mpm2-gallery-stack-nav.is-next,
.mpm2-gallery-carousel3d-nav.is-next {
right: calc(50% - 58px);
}
.mpm2-gallery-carousel3d-card {
width: 78vw;
margin-left: -39vw;
margin-top: -120px;
}
.mpm2-gallery-carousel3d-button img {
height: 240px;
}
.mpm2-gallery-stack-caption,
.mpm2-gallery-carousel3d-caption {
margin-top: 26px;
padding-bottom: 60px;
}
} .mpm2-gallery-filters {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 0 0 24px;
}
.mpm2-gallery-filters button {
border: 1px solid color-mix(in srgb, var(--mpm2-accent, #a8172a) 42%, transparent);
border-radius: 999px;
padding: 9px 16px;
background: transparent;
color: inherit;
cursor: pointer;
transition: background .2s ease, color .2s ease, transform .2s ease;
}
.mpm2-gallery-filters button:hover,
.mpm2-gallery-filters button.is-active {
background: var(--mpm2-accent, #a8172a);
color: #fff;
transform: translateY(-1px);
}
.mpm2-image-gallery [hidden] {
display: none !important;
}
.mpm2-gallery-slideshow {
position: relative;
}
.mpm2-gallery-slideshow-stage {
position: relative;
min-height: min(72vh, 720px);
overflow: hidden;
border-radius: 22px;
background: #111827;
box-shadow: 0 22px 50px rgba(15, 23, 42, .24);
}
.mpm2-gallery-slide {
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
transform: scale(1.025);
transition: opacity .55s ease, transform .7s ease;
}
.mpm2-gallery-slide.is-active {
opacity: 1;
pointer-events: auto;
transform: scale(1);
}
.mpm2-gallery-slide-button {
display: block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
background: transparent;
cursor: pointer;
}
.mpm2-gallery-slide-button img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.mpm2-gallery-slide-caption {
position: absolute;
left: 28px;
bottom: 28px;
max-width: min(520px, calc(100% - 56px));
padding: 18px 20px;
background: rgba(8, 15, 30, .78);
color: #fff;
backdrop-filter: blur(5px);
}
.mpm2-gallery-slide-caption h3,
.mpm2-gallery-slide-caption p {
margin: 0;
}
.mpm2-gallery-slide-caption p {
margin-top: 7px;
opacity: .82;
}
.mpm2-gallery-slideshow-nav {
position: absolute;
z-index: 5;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 70px;
border: 1px solid rgba(255,255,255,.24);
background: rgba(15,23,42,.72);
color: #fff;
font-size: 40px;
cursor: pointer;
}
.mpm2-gallery-slideshow-nav.is-prev { left: 14px; }
.mpm2-gallery-slideshow-nav.is-next { right: 14px; }
.mpm2-gallery-slideshow-dots {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 14px;
}
.mpm2-gallery-slideshow-dots button {
width: 10px;
height: 10px;
padding: 0;
border: 0;
border-radius: 999px;
background: color-mix(in srgb, var(--mpm2-accent, #a8172a) 30%, #cbd5e1);
cursor: pointer;
}
.mpm2-gallery-slideshow-dots button.is-active {
width: 28px;
background: var(--mpm2-accent, #a8172a);
}
.mpm2-gallery-sidefocus {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(160px, 260px);
gap: var(--mpm2-gallery-gap);
align-items: stretch;
}
.mpm2-image-gallery.is-side-left .mpm2-gallery-sidefocus {
grid-template-columns: minmax(160px, 260px) minmax(0, 1fr);
}
.mpm2-image-gallery.is-side-left .mpm2-gallery-sidefocus-main { order: 2; }
.mpm2-image-gallery.is-side-left .mpm2-gallery-sidefocus-thumbs { order: 1; }
.mpm2-gallery-sidefocus-main {
position: relative;
min-height: min(72vh, 720px);
overflow: hidden;
border-radius: 20px;
background: #111827;
box-shadow: 0 20px 48px rgba(15,23,42,.22);
}
.mpm2-gallery-sidefocus-button {
display: block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
background: transparent;
cursor: pointer;
}
.mpm2-gallery-sidefocus-button img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
background: #111827;
}
.mpm2-gallery-sidefocus-caption {
position: absolute;
left: 22px;
right: 22px;
bottom: 22px;
max-width: 520px;
padding: 16px 18px;
background: rgba(8,15,30,.78);
color: #fff;
}
.mpm2-gallery-sidefocus-caption h3,
.mpm2-gallery-sidefocus-caption p { margin: 0; }
.mpm2-gallery-sidefocus-caption p { margin-top: 6px; opacity: .82; }
.mpm2-gallery-sidefocus-thumbs {
display: grid;
align-content: start;
gap: 10px;
max-height: min(72vh, 720px);
overflow: auto;
padding-right: 3px;
}
.mpm2-gallery-sidefocus-thumb {
display: grid;
grid-template-columns: 78px minmax(0, 1fr);
gap: 10px;
align-items: center;
width: 100%;
border: 2px solid transparent;
padding: 6px;
background: color-mix(in srgb, var(--mpm2-surface, #fff) 94%, #e2e8f0);
color: inherit;
text-align: left;
cursor: pointer;
opacity: .72;
}
.mpm2-gallery-sidefocus-thumb:hover,
.mpm2-gallery-sidefocus-thumb.is-active {
opacity: 1;
border-color: var(--mpm2-accent, #a8172a);
}
.mpm2-gallery-sidefocus-thumb img {
width: 78px;
height: 64px;
object-fit: cover;
}
.mpm2-gallery-sidefocus-thumb span {
font-weight: 700;
line-height: 1.25;
}
@media (max-width: 600px) {
.mpm2-image-gallery.is-mode-masonry .mpm2-image-gallery-grid {
column-count: var(--mpm2-gallery-mobile-columns);
column-gap: var(--mpm2-gallery-mobile-gap);
}
.mpm2-image-gallery.is-mode-masonry .mpm2-gallery-item {
margin-bottom: var(--mpm2-gallery-mobile-gap);
}
.mpm2-image-gallery.is-mode-museum .mpm2-image-gallery-grid {
grid-template-columns: repeat(var(--mpm2-gallery-mobile-columns), minmax(0, 1fr));
gap: var(--mpm2-gallery-mobile-gap);
}
.mpm2-image-gallery.no-mobile-animation .mpm2-gallery-item,
.mpm2-image-gallery.no-mobile-animation .mpm2-gallery-item img,
.mpm2-image-gallery.no-mobile-animation .mpm2-gallery-strip-track,
.mpm2-image-gallery.no-mobile-animation .mpm2-gallery-slide,
.mpm2-image-gallery.no-mobile-animation .mpm2-gallery-stack-card,
.mpm2-image-gallery.no-mobile-animation .mpm2-gallery-carousel3d-card {
animation: none !important;
transition: none !important;
}
.mpm2-gallery-slideshow-stage {
min-height: 360px;
}
.mpm2-gallery-slide-caption {
left: 12px;
right: 12px;
bottom: 12px;
max-width: none;
padding: 13px 14px;
}
.mpm2-gallery-slideshow-nav {
width: 38px;
height: 56px;
font-size: 30px;
}
.mpm2-gallery-sidefocus,
.mpm2-image-gallery.is-side-left .mpm2-gallery-sidefocus {
grid-template-columns: 1fr;
}
.mpm2-image-gallery.is-side-left .mpm2-gallery-sidefocus-main,
.mpm2-image-gallery.is-side-left .mpm2-gallery-sidefocus-thumbs {
order: initial;
}
.mpm2-gallery-sidefocus-main {
min-height: 360px;
}
.mpm2-gallery-sidefocus-thumbs {
display: flex;
max-height: none;
overflow-x: auto;
overflow-y: hidden;
}
.mpm2-gallery-sidefocus-thumb {
flex: 0 0 150px;
display: block;
}
.mpm2-gallery-sidefocus-thumb img {
width: 100%;
height: 90px;
margin-bottom: 5px;
}
} .mpm2-page-builder-output.is-global-split > .mpm2-builder-output-topbar,
.mpm2-page-builder-output.is-global-split > .mpm2-builder-output-footer {
width: 100%;
max-width: none;
margin-inline: 0;
}
.mpm2-builder-split-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, var(--mpm2-builder-sidebar-width, 360px));
gap: var(--mpm2-builder-split-gap, 28px);
align-items: start;
width: min(calc(100% - 32px), var(--mpm2-builder-split-max, 1840px));
margin: 0 auto;
padding: clamp(18px, 2.4vw, 36px) 0 clamp(30px, 4vw, 64px);
box-sizing: border-box;
}
.mpm2-builder-split-layout.is-sidebar-left {
grid-template-columns: minmax(260px, var(--mpm2-builder-sidebar-width, 360px)) minmax(0, 1fr);
}
.mpm2-builder-split-layout.is-sidebar-left .mpm2-builder-split-main {
grid-column: 2;
}
.mpm2-builder-split-layout.is-sidebar-left .mpm2-builder-global-sidebar {
grid-column: 1;
grid-row: 1;
}
.mpm2-builder-split-main {
min-width: 0;
display: flex;
flex-direction: column;
gap: 0;
}
.mpm2-builder-split-main > .mpm2-builder-output-block {
width: 100%;
max-width: none;
margin-inline: 0;
}
.mpm2-builder-global-sidebar {
min-width: 0;
}
.mpm2-builder-global-sidebar > .mpm2-right-sidebar {
width: 100%;
margin: 0;
}
.mpm2-builder-split-main .mpm2-main-grid,
.mpm2-sidebar-enabled.mpm2-sidebar-right .mpm2-builder-split-main .mpm2-main-grid {
grid-template-columns: minmax(260px, .9fr) minmax(0, 1.35fr);
width: 100%;
padding-inline: 0;
}
.mpm2-builder-split-main .mpm2-builder-width-content,
.mpm2-builder-split-main .mpm2-builder-width-wide,
.mpm2-builder-split-main .mpm2-builder-width-full {
width: 100%;
max-width: none;
}
.mpm2-side-widget-search {
padding: 16px;
}
.mpm2-side-search {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
}
.mpm2-side-search input[type="search"] {
min-width: 0;
width: 100%;
min-height: 44px;
padding: 10px 12px;
border: 1px solid color-mix(in srgb, var(--mpm2-side-widget-text) 20%, transparent);
border-radius: 10px;
background: color-mix(in srgb, var(--mpm2-side-widget-bg) 88%, #fff 12%);
color: var(--mpm2-side-widget-text);
}
.mpm2-side-search button {
min-height: 44px;
padding: 10px 15px;
border: 0;
border-radius: 10px;
background: var(--mpm2-accent);
color: #fff;
font-weight: 700;
cursor: pointer;
}
.mpm2-side-custom-image img {
display: block;
width: 100%;
height: auto;
border-radius: 12px;
}
.mpm2-side-custom-content {
line-height: 1.6;
}
.mpm2-side-custom-image + .mpm2-side-custom-content {
margin-top: 12px;
}
@media (max-width: 1200px) {
.mpm2-builder-split-layout {
grid-template-columns: minmax(0, 1fr) minmax(260px, min(32vw, var(--mpm2-builder-sidebar-width, 360px)));
}
.mpm2-builder-split-layout.is-sidebar-left {
grid-template-columns: minmax(260px, min(32vw, var(--mpm2-builder-sidebar-width, 360px))) minmax(0, 1fr);
}
.mpm2-builder-split-main .mpm2-main-grid,
.mpm2-sidebar-enabled.mpm2-sidebar-right .mpm2-builder-split-main .mpm2-main-grid {
grid-template-columns: 1fr;
}
.mpm2-builder-split-main .mpm2-palette-panel {
position: relative;
top: auto;
}
}
@media (max-width: 900px) {
.mpm2-builder-split-layout,
.mpm2-builder-split-layout.is-sidebar-left {
grid-template-columns: 1fr;
width: min(calc(100% - 24px), var(--mpm2-builder-split-max, 1840px));
gap: 22px;
}
.mpm2-builder-split-layout.is-sidebar-left .mpm2-builder-split-main,
.mpm2-builder-split-layout.is-sidebar-left .mpm2-builder-global-sidebar {
grid-column: auto;
grid-row: auto;
}
.mpm2-builder-split-layout.is-mobile-hidden .mpm2-builder-global-sidebar {
display: none;
}
.mpm2-builder-split-layout.is-mobile-below .mpm2-builder-global-sidebar {
order: 2;
}
.mpm2-builder-split-layout.is-mobile-below .mpm2-builder-split-main {
order: 1;
}
.mpm2-builder-global-sidebar .mpm2-right-sidebar.is-sticky {
position: relative;
top: auto;
max-height: none;
overflow: visible;
}
}
@media (max-width: 560px) {
.mpm2-side-search {
grid-template-columns: 1fr;
}
}.pam-module-heading{font-weight:700;margin:0 0 10px} .pam-countdown{width:100%;box-sizing:border-box}.pam-countdown.has-outer-frame{border:var(--pam-outer-width) solid var(--pam-outer);border-radius:var(--pam-outer-radius);padding:5px}.pam-countdown-title{text-align:center;color:var(--pam-label);font-size:12px;letter-spacing:.08em;line-height:var(--pam-label-lh);margin-bottom:10px}.pam-countdown-grid{display:grid;grid-template-columns:repeat(var(--pam-count-cols),minmax(0,1fr));gap:var(--pam-count-gap)}.pam-countdown-vertical .pam-countdown-grid{grid-template-columns:1fr}.pam-countdown-box{border:var(--pam-border-width) solid var(--pam-border);background:var(--pam-box-bg);border-radius:var(--pam-radius);padding:var(--pam-count-padding) 6px;text-align:center;box-sizing:border-box}.pam-countdown-box strong{display:block;color:var(--pam-number);font-family:Georgia,"Times New Roman",serif;font-size:var(--pam-num-size);font-weight:400;line-height:1;font-variant-numeric:tabular-nums}.pam-countdown-box small{display:block;color:var(--pam-unit);font-size:var(--pam-unit-size);letter-spacing:.12em;margin-top:5px} .pam-social{width:100%}.pam-social-list{display:flex;gap:var(--pam-social-gap);flex-wrap:wrap}.pam-social.pam-align-center .pam-social-list{justify-content:center}.pam-social.pam-align-right .pam-social-list{justify-content:flex-end}.pam-social-link{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:inherit}.pam-social-icon{width:calc(48px * var(--pam-social-scale)/100);height:calc(48px * var(--pam-social-scale)/100);border-radius:50%;display:grid;place-items:center;background:var(--pam-social-icon-bg);color:var(--pam-social-icon);border:1px solid var(--pam-social-card-border);font-weight:800;font-size:calc(18px * var(--pam-social-scale)/100);overflow:hidden;box-sizing:border-box}.pam-social-icon img{width:62%;height:62%;object-fit:contain}.pam-social-cards .pam-social-link{padding:9px 12px;border:1px solid var(--pam-social-card-border);border-radius:10px;background:var(--pam-social-card-bg)}.pam-social-copy{display:flex;flex-direction:column}.pam-social-copy strong{color:var(--pam-social-label);font-size:14px}.pam-social-copy small{color:var(--pam-social-account);font-size:11px;margin-top:2px} .pam-qr-group{display:grid;grid-template-columns:repeat(var(--pam-qr-cols),minmax(0,1fr));gap:var(--pam-qr-gap)}.pam-qr-card{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid var(--pam-qr-card-border);border-radius:var(--pam-qr-radius);text-decoration:none!important;color:inherit;background:var(--pam-qr-card-bg);box-sizing:border-box}.pam-qr-layout-stacked .pam-qr-card{flex-direction:column;text-align:center}.pam-qr-code-wrap{width:var(--pam-item-qr-size);height:var(--pam-item-qr-size);flex:0 0 var(--pam-item-qr-size);display:grid;place-items:center}.pam-qr-image,.pam-qr-empty,.pam-qr-code{width:100%;height:100%;display:grid;place-items:center;background:#fff;border-radius:4px;overflow:hidden}.pam-qr-image{object-fit:contain}.pam-qr-code svg,.pam-qr-code canvas{width:100%!important;height:100%!important;display:block}.pam-qr-empty{color:#555;font-weight:800}.pam-qr-flag{font-size:31px;line-height:1}.pam-qr-flag-image{width:48px;max-height:34px;object-fit:contain;border-radius:5px}.pam-qr-copy{display:flex;flex-direction:column;min-width:0}.pam-qr-copy strong{font-size:14px;line-height:1.25;color:var(--pam-qr-title)}.pam-qr-copy small{font-size:11px;color:var(--pam-qr-desc);margin-top:3px}.pam-qr-variant-larger_qr_flag .pam-qr-code-wrap{transform:scale(1.14);margin:6px}.pam-qr-variant-larger_qr_flag .pam-qr-flag,.pam-qr-variant-right_form_flag .pam-qr-flag{font-size:38px}.pam-qr-variant-flag_badge_only .pam-qr-copy,.pam-qr-variant-flag_wide_only .pam-qr-copy,.pam-qr-variant-flag_wide_compact .pam-qr-copy{display:none}.pam-qr-variant-flag_badge_only .pam-qr-card,.pam-qr-variant-flag_wide_only .pam-qr-card,.pam-qr-variant-flag_wide_compact .pam-qr-card{justify-content:space-between}.pam-qr-variant-flag_wide_only .pam-qr-flag,.pam-qr-variant-flag_wide_compact .pam-qr-flag{font-size:42px;min-width:82px;text-align:center}.pam-qr-variant-flag_wide_compact .pam-qr-code-wrap{transform:scale(.86)} .pam-curve{width:100%;height:var(--pam-curve-height);position:relative;overflow:visible}.pam-curve svg{display:block;width:100%;height:100%}.pam-curve path{fill:none;stroke:var(--pam-curve-color);stroke-width:var(--pam-curve-width);stroke-linecap:round;vector-effect:non-scaling-stroke}.pam-curve-tablet,.pam-curve-mobile{display:none!important} .pam-lang-switcher{display:inline-flex;gap:6px;align-items:center}.pam-lang-switcher button{appearance:none;border:1px solid currentColor;border-radius:999px;padding:6px 10px;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.pam-lang-switcher button.is-active{background:#111;color:#fff;border-color:#111}.pam-lang-style-text button{border:0;border-radius:0;padding:3px 4px;background:transparent!important;color:inherit!important}.pam-lang-style-flags button{font-size:24px;border:0;padding:2px 4px;background:transparent!important}
@media(max-width:1024px){.pam-qr-group{grid-template-columns:repeat(var(--pam-qr-tablet-cols),minmax(0,1fr))}.pam-curve-desktop{display:none!important}.pam-curve-tablet{display:block!important}}
@media(max-width:767px){.pam-countdown-grid{grid-template-columns:repeat(var(--pam-count-mobile-cols),minmax(0,1fr))}.pam-countdown-vertical .pam-countdown-grid{grid-template-columns:1fr}.pam-qr-group{grid-template-columns:repeat(var(--pam-qr-mobile-cols),minmax(0,1fr))}.pam-curve-tablet{display:none!important}.pam-curve-mobile{display:block!important}}
.pam-portrait img{display:block;max-width:none;}.tsc-topbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.tsc-mid{display:flex;gap:8px;align-items:center;margin:8px 0}
.tsc-result{padding:10px;border-radius:8px;margin:6px 0;border:1px solid #22304f;background:#0f172a;color:#e2e8f0}
.tsc-result.ok{border-color:#225533}
.tsc-result.warn{border-color:#8a6d1a}
.tsc-result.bad{border-color:#8a1a1a}
.tsc-stats{font-size:14px;color:#9fb3c8;margin-top:6px}
.tsc-map-controls{font-size:14px;}
.tsc-map-controls label{user-select:none;} .tsc-lines-legend {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0.5rem 0 1rem;
}
.tsc-line-pill {
padding: 0.25rem 0.75rem;
border-radius: 999px;
border: 2px solid currentColor;
background: transparent;
cursor: pointer;
font-weight: 600;
font-size: 0.9rem;
line-height: 1.2;
}
.tsc-line-pill.active {
color: #fff !important;
} .tsc-widget {
--tsc-accent: #f59e0b;
}
.tsc-widget .tsc-calc {
background-color: var(--tsc-accent);
border-color: var(--tsc-accent);
} .tsc-map-wrap {
position: relative;
}
.tsc-map-tools-under {
margin: 8px 0 12px;
}
.tsc-tools-box {
pointer-events: auto;
background: #ffffff;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(15, 23, 42, .25);
padding: 8px;
width: 320px;
max-width: 90vw;
font-size: 13px;
color: #111827;
}
.tsc-tools-row {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 6px;
}
.tsc-tools-row input[type="text"] {
flex: 1;
padding: 4px 7px;
border-radius: 999px;
border: 1px solid #d1d5db;
font-size: 13px;
}
.tsc-tools-box button {
border: none;
padding: 5px 9px;
border-radius: 999px;
background: #0ea5e9;
color: #fff;
font-size: 12px;
cursor: pointer;
white-space: nowrap;
}
.tsc-tools-box button:hover {
background: #0284c7;
} .tsc-tools-row-buttons {
flex-wrap: wrap;
} .tsc-tools-row-buttons button {
flex: 1 1 32%;
text-align: center;
}
.tsc-tools-row-poi span {
font-size: 11px;
color: #6b7280;
margin-right: 4px;
}
.tsc-tools-row-poi .tsc-poi-btn {
background: #f3f4f6;
color: #111827;
border: 1px solid #d1d5db;
padding: 4px 7px;
}
.tsc-tools-row-poi .tsc-poi-btn:hover {
background: #e5e7eb;
}
.tsc-gpt-output {
font-size: 12px;
max-height: 140px;
overflow: auto;
background: #f3f4f6;
border-radius: 6px;
padding: 4px 6px;
} .tsc-map-tools-under {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-start;
}
.tsc-tools-box {
flex: 0 1 340px;
}
.tsc-directions-box {
background: #ffffff;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(15, 23, 42, .25);
padding: 8px 10px;
font-size: 12px;
max-height: 360px;
overflow: auto;
flex: 1 1 260px;
}
.tsc-directions-title {
font-weight: 600;
margin-bottom: 4px;
}
.tsc-osrm-directions {
margin: 0;
padding-left: 18px;
}
.tsc-osrm-directions li {
margin-bottom: 3px;
} .tsc-tools-row-modes {
display: flex;
align-items: center;
gap: 6px;
}
.tsc-modes-label {
font-size: 11px;
color: #6b7280;
margin-right: 4px;
}
.tsc-mode-btn {
background: #f3f4f6;
color: #111827;
border: 1px solid #d1d5db;
padding: 4px 7px;
border-radius: 999px;
font-size: 14px;
cursor: pointer;
}
.tsc-mode-btn:hover {
background: #e5e7eb;
} .tsc-tools-row-toggle {
justify-content: flex-start;
}
.tsc-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
font-size: 12px;
}
.tsc-toggle input[type="checkbox"] {
display: none;
}
.tsc-toggle-slider {
width: 32px;
height: 18px;
border-radius: 999px;
background: #e5e7eb;
position: relative;
transition: background 0.2s ease;
}
.tsc-toggle-slider::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-radius: 999px;
background: #ffffff;
top: 2px;
left: 2px;
transition: transform 0.2s ease;
box-shadow: 0 1px 3px rgba(15, 23, 42, .3);
}
.tsc-toggle input[type="checkbox"]:checked + .tsc-toggle-slider {
background: #22c55e;
}
.tsc-toggle input[type="checkbox"]:checked + .tsc-toggle-slider::before {
transform: translateX(14px);
}
.tsc-toggle-label {
color: #374151;
}
.tsc-poi-btn.tsc-poi-active {
background-color: #00a3e0;
color: #fff;
} .tsc-tools-row-gpt button {
margin-right: 6px;
}
.tsc-chat-faq-list {
max-height: 240px;
overflow-y: auto;
padding-right: 4px;
}
.tsc-chat-faq-item summary {
cursor: pointer;
font-weight: 600;
}
.tsc-chat-faq-links {
margin: 0.5em 0 0;
padding-left: 1.2em;
} .tsc-osrm-directions li.tsc-osrm-step-motorway {
font-weight: 600;
}
.tsc-osrm-directions li.tsc-osrm-step-toll {
text-decoration: underline;
} .tsc-directions-box .tsc-osrm-motorway-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 6px 0 10px;
cursor: pointer;
font-size: 12px;
} .tsc-directions-box .tsc-osrm-motorway-toggle .tsc-toggle-slider {
width: 32px;
height: 18px;
border-radius: 999px;
background: #e5e7eb;
position: relative;
transition: background 0.2s ease;
} .tsc-directions-box .tsc-osrm-motorway-toggle .tsc-toggle-slider::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-radius: 999px;
background: #ffffff;
top: 2px;
left: 2px;
box-shadow: 0 1px 3px rgba(15, 23, 42, .3);
} .tsc-directions-box .tsc-osrm-motorway-toggle input[type="checkbox"]:checked + .tsc-toggle-slider {
background: #00a3e0;
} .tsc-directions-box .tsc-osrm-motorway-toggle .tsc-toggle-label {
color: #374151;
}
.tsc-directions-box .tsc-osrm-motorway-toggle input[type="checkbox"]:checked + .tsc-toggle-slider + .tsc-toggle-label {
font-weight: 600;
} .tsc-widget.tsc-widget--with-smc {
display: flex;
flex-direction: column;
} .tsc-widget.tsc-widget--with-smc .tsc-smc2-wrapper {
order: 1;
} .tsc-widget.tsc-widget--with-smc .tsc-map-wrap,
.tsc-widget.tsc-widget--with-smc .tsc-map-tools-under {
order: 2;
} .tsc-map-tools-under {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}
.tsc-tools-box,
.tsc-directions-box {
max-width: 420px;
} .tsc-widget.tsc-widget--with-smc .tsc-map-wrap {
order: 1;
}
.tsc-widget.tsc-widget--with-smc .tsc-map-tools-under {
order: 2;
} .tsc-map-poi-under {
margin: 8px 0 4px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tsc-map-poi-under .tsc-tools-row-poi--map {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 8px;
border-radius: 999px;
background: rgba(255,255,255,0.85);
box-shadow: 0 6px 18px rgba(15,23,42,0.25);
}
.tsc-map-poi-under .tsc-tools-row-poi--map span {
font-size: 12px;
font-weight: 500;
margin-right: 4px;
}
.tsc-map-poi-under .tsc-poi-btn--map {
border: none;
background: #f1f5f9;
border-radius: 999px;
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
} .tsc-map-poi-under .tsc-poi-btn--map img,
.tsc-tools-row-poi .tsc-poi-btn img {
width: 24px;
height: 24px;
display: block;
}
.tsc-map-poi-under .tsc-poi-btn--map:hover {
background: #e2e8f0;
} .tsc-map-wrap {
position: relative;
}
.tsc-map-bus-toggle {
position: relative;
z-index: 1;
}
.tsc-map-bus-toggle .tsc-toggle--map {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 8px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 6px 16px rgba(15, 23, 42, 0.35);
}
.tsc-map-bus-toggle .tsc-toggle-label {
font-size: 11px;
font-weight: 500;
color: #111827;
} .tsc-google-view-controls{
position:absolute;
top:14px;
left:50%;
transform:translateX(-50%);
z-index:99998;
display:flex;
gap:8px;
max-width:calc(100% - 24px);
overflow-x:auto;
padding:4px;
border-radius:999px;
background:rgba(255,255,255,.92);
box-shadow:0 8px 24px rgba(35,21,43,.16);
-webkit-overflow-scrolling:touch;
}
.tsc-google-view-controls button{
border:1px solid rgba(123,42,160,.28);
background:#fff;
color:#7b2aa0;
border-radius:999px;
padding:8px 12px;
font-weight:800;
font-size:13px;
white-space:nowrap;
cursor:pointer;
}
.tsc-google-view-controls button.is-active{
background:#7b2aa0;
color:#fff;
border-color:#7b2aa0;
}
@media (max-width:600px){
.tsc-google-view-controls{
top:8px;
left:8px;
right:8px;
transform:none;
justify-content:flex-start;
}
.tsc-google-view-controls button{
padding:7px 10px;
font-size:12px;
}
.tsc-streetview-back-btn{
top:58px !important;
font-size:13px !important;
padding:9px 13px !important;
}
} .tsc-mobile-style .tsc-google-view-controls button,
.tsc-google-view-controls button,
.tsc-mobile-style .tsc-google-view-controls button:visited,
.tsc-google-view-controls button:visited{
background:#ffffff !important;
color:#7b2aa0 !important;
border-color:rgba(123,42,160,.28) !important;
box-shadow:none !important;
outline:none !important;
}
.tsc-mobile-style .tsc-google-view-controls button:hover,
.tsc-mobile-style .tsc-google-view-controls button:focus,
.tsc-mobile-style .tsc-google-view-controls button:focus-visible,
.tsc-mobile-style .tsc-google-view-controls button:active,
.tsc-google-view-controls button:hover,
.tsc-google-view-controls button:focus,
.tsc-google-view-controls button:focus-visible,
.tsc-google-view-controls button:active{
background:#f4eefe !important;
color:#7b2aa0 !important;
border-color:#7b2aa0 !important;
box-shadow:0 0 0 1px rgba(123,42,160,.08) !important;
text-decoration:none !important;
}
.tsc-mobile-style .tsc-google-view-controls button.is-active,
.tsc-mobile-style .tsc-google-view-controls button.is-active:hover,
.tsc-mobile-style .tsc-google-view-controls button.is-active:focus,
.tsc-mobile-style .tsc-google-view-controls button.is-active:focus-visible,
.tsc-google-view-controls button.is-active,
.tsc-google-view-controls button.is-active:hover,
.tsc-google-view-controls button.is-active:focus,
.tsc-google-view-controls button.is-active:focus-visible{
background:#7b2aa0 !important;
color:#ffffff !important;
border-color:#7b2aa0 !important;
}
.tsc-mobile-style .tsc-mobile-banner-close,
.tsc-mobile-style .tsc-mobile-banner-open,
.tsc-mobile-banner-close,
.tsc-mobile-banner-open,
.tsc-mobile-style .tsc-mobile-banner-close:visited,
.tsc-mobile-style .tsc-mobile-banner-open:visited,
.tsc-mobile-banner-close:visited,
.tsc-mobile-banner-open:visited{
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
line-height:1 !important;
text-align:center !important;
text-decoration:none !important;
color:#ffffff !important;
background:rgba(123,50,148,.86) !important;
border:0 !important;
box-shadow:none !important;
}
.tsc-mobile-style .tsc-mobile-banner-close,
.tsc-mobile-banner-close{
font-size:24px !important;
font-weight:700 !important;
}
.tsc-mobile-style .tsc-mobile-banner-open,
.tsc-mobile-banner-open{
font-size:18px !important;
}
.tsc-mobile-style .tsc-mobile-banner-close:hover,
.tsc-mobile-style .tsc-mobile-banner-close:focus,
.tsc-mobile-style .tsc-mobile-banner-close:focus-visible,
.tsc-mobile-style .tsc-mobile-banner-close:active,
.tsc-mobile-style .tsc-mobile-banner-open:hover,
.tsc-mobile-style .tsc-mobile-banner-open:focus,
.tsc-mobile-style .tsc-mobile-banner-open:focus-visible,
.tsc-mobile-style .tsc-mobile-banner-open:active,
.tsc-mobile-banner-close:hover,
.tsc-mobile-banner-close:focus,
.tsc-mobile-banner-close:focus-visible,
.tsc-mobile-banner-close:active,
.tsc-mobile-banner-open:hover,
.tsc-mobile-banner-open:focus,
.tsc-mobile-banner-open:focus-visible,
.tsc-mobile-banner-open:active{
color:#ffffff !important;
background:#7b3294 !important;
border:0 !important;
box-shadow:none !important;
} .tsc-mobile-helpbar{
display:flex;
align-items:flex-start;
gap:12px;
margin:16px 0 10px;
padding:12px 14px;
border-radius:18px;
border:1px solid var(--tsc-border, #e8dfed);
background:var(--tsc-card, #ffffff);
color:var(--tsc-muted, #7b7482);
box-shadow:0 8px 20px rgba(35,21,43,.05);
}
.tsc-mobile-helpbar .dashicons{
flex:0 0 22px;
width:22px;
height:22px;
font-size:22px;
color:var(--tsc-accent, #7b3294) !important;
}
.tsc-mobile-helpbar-text{
font-size:14px;
line-height:1.45;
font-weight:600;
}
.tsc-mobile-helpbar[hidden]{ display:none !important; }
.tsc-mobile-app-menu-toggle[data-setting]{
cursor:pointer;
}
.tsc-mobile-app-menu-toggle[data-setting]:hover,
.tsc-mobile-app-menu-toggle[data-setting]:focus-within{
background:var(--tsc-accent-soft, #f4eefe);
} .tsc-mobile-stop-detail-card{
background:var(--tsc-card,#fff);
border:1px solid var(--tsc-border,#e8dfed);
border-radius:24px;
padding:16px;
margin:0 0 14px;
box-shadow:0 8px 20px rgba(35,21,43,.05);
}
.tsc-mobile-stop-detail-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
margin-bottom:14px;
}
.tsc-mobile-stop-detail-head small{
display:block;
color:var(--tsc-accent,#7b3294);
font-size:13px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.03em;
margin-bottom:4px;
}
.tsc-mobile-stop-detail-head h3{
margin:0;
color:var(--tsc-text,#18131d);
font-size:22px;
line-height:1.15;
font-weight:900;
}
.tsc-mobile-stop-detail-head a{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:9px 13px;
border-radius:999px;
background:var(--tsc-accent-soft,#f4eefe) !important;
color:var(--tsc-accent,#7b3294) !important;
text-decoration:none !important;
font-weight:900;
border:1px solid rgba(123,50,148,.20);
}
.tsc-mobile-stop-detail-head a:hover,
.tsc-mobile-stop-detail-head a:focus{
background:var(--tsc-accent,#7b3294) !important;
color:#fff !important;
}
.tsc-mobile-stop-detail-section{
border-top:1px solid var(--tsc-border,#e8dfed);
padding-top:12px;
margin-top:12px;
}
.tsc-mobile-stop-detail-label{
color:var(--tsc-muted,#7b7482);
font-size:13px;
font-weight:900;
margin-bottom:8px;
}
.tsc-mobile-stop-detail-lines{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.tsc-mobile-stop-detail-lines span,
.tsc-mobile-stop-detail-next-line{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:40px;
min-height:28px;
padding:4px 10px;
border-radius:999px;
background:var(--tsc-stop-line-color,var(--tsc-accent,#7b3294));
color:var(--tsc-stop-line-text,#fff);
font-weight:900;
}
.tsc-mobile-stop-detail-next-list{
display:grid;
gap:8px;
}
.tsc-mobile-stop-detail-next-item{
display:grid;
grid-template-columns:auto 1fr auto;
gap:10px;
align-items:center;
padding:9px 10px;
border-radius:16px;
background:var(--tsc-accent-soft,#f4eefe);
}
.tsc-mobile-stop-detail-next-item strong{
color:var(--tsc-text,#18131d);
font-size:18px;
font-weight:900;
}
.tsc-mobile-stop-detail-next-item small{
color:var(--tsc-accent,#7b3294);
font-weight:900;
}
.tsc-mobile-stop-detail-empty{
color:var(--tsc-muted,#7b7482);
font-size:14px;
}
@media (max-width:680px){
.tsc-mobile-stop-detail-head{ display:grid; grid-template-columns:1fr; }
.tsc-mobile-stop-detail-head a{ justify-self:start; }
.tsc-mobile-stop-detail-next-item{ grid-template-columns:auto 1fr; }
.tsc-mobile-stop-detail-next-item small{ grid-column:2; }
} .tsc-mobile-footer-nav .tsc-mobile-bus-icon,
.tsc-mobile-floating-pill .tsc-mobile-bus-icon,
.tsc-mobile-app-menu-icon .tsc-mobile-bus-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
line-height:1 !important;
font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
}
.tsc-mobile-footer-nav .tsc-mobile-bus-icon{
width:28px;
height:28px;
font-size:24px;
}
.tsc-mobile-floating-pill .tsc-mobile-bus-icon{
width:22px;
height:22px;
font-size:18px;
}
.tsc-mobile-app-menu-icon .tsc-mobile-bus-icon{
width:28px;
height:28px;
font-size:24px;
} .tsc-mobile-onboarding[hidden]{display:none !important;}
.tsc-mobile-onboarding{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px;}
.tsc-mobile-onboarding-backdrop{position:absolute;inset:0;background:rgba(20,10,28,.52);backdrop-filter:blur(4px);}
.tsc-mobile-onboarding-card{position:relative;z-index:1;width:min(440px,100%);background:var(--tsc-card,#fff);border-radius:28px;padding:28px 24px 22px;box-shadow:0 28px 80px rgba(20,10,28,.28);text-align:center;color:var(--tsc-text,#18131d);}
.tsc-mobile-onboarding-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0 !important;border-radius:999px;background:var(--tsc-accent-soft,#f4eefe) !important;color:var(--tsc-accent,#7b3294) !important;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 !important;box-shadow:none !important;}
.tsc-mobile-onboarding-icon{width:72px;height:72px;border-radius:24px;background:var(--tsc-accent-soft,#f4eefe);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:38px;}
.tsc-mobile-onboarding-card h3{margin:0 0 10px;color:var(--tsc-accent,#7b3294);font-size:25px;font-weight:900;line-height:1.15;}
.tsc-mobile-onboarding-card p{margin:0;color:var(--tsc-muted,#7b7482);font-size:16px;line-height:1.45;}
.tsc-mobile-onboarding-dots{display:flex;justify-content:center;gap:8px;margin:20px 0 18px;}
.tsc-mobile-onboarding-dots span{width:9px;height:9px;border-radius:999px;background:var(--tsc-border,#e8dfed);}
.tsc-mobile-onboarding-dots span.is-active{width:24px;background:var(--tsc-accent,#7b3294);}
.tsc-mobile-onboarding-actions{display:flex;gap:10px;justify-content:center;}
.tsc-mobile-onboarding-actions button{border:0 !important;border-radius:16px;padding:12px 18px;font-weight:900;background:var(--tsc-accent-soft,#f4eefe) !important;color:var(--tsc-accent,#7b3294) !important;box-shadow:none !important;}
.tsc-mobile-onboarding-actions button.is-primary{background:var(--tsc-accent,#7b3294) !important;color:#fff !important;}
.tsc-mobile-offline-notice{margin:0 0 14px;padding:12px 14px;border-radius:18px;background:#fff8e5;border:1px solid #f1d28a;color:#7a4b00;font-weight:800;}
.tsc-mobile-line-pill-wrap{display:inline-flex;align-items:center;gap:6px;}
.tsc-mobile-fav-line-btn,.tsc-mobile-fav-stop-btn,.tsc-mobile-stop-detail-fav{border:0 !important;background:var(--tsc-card,#fff) !important;color:var(--tsc-accent,#7b3294) !important;box-shadow:0 8px 18px rgba(35,21,43,.08) !important;cursor:pointer;}
.tsc-mobile-fav-line-btn{width:38px;height:38px;border-radius:999px;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 !important;}
.tsc-mobile-fav-line-btn.is-favorite,.tsc-mobile-fav-stop-btn.is-favorite,.tsc-mobile-stop-detail-fav.is-favorite{background:var(--tsc-accent,#7b3294) !important;color:#fff !important;}
.tsc-mobile-stop-card-wrap{position:relative;display:block;}
.tsc-mobile-stop-card-wrap .tsc-mobile-stop-card{width:100%;}
.tsc-mobile-fav-stop-btn{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:999px;font-size:23px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 !important;}
.tsc-mobile-stop-card-wrap .tsc-mobile-stop-right{padding-right:48px;}
.tsc-mobile-stop-detail-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;}
.tsc-mobile-stop-detail-actions a,.tsc-mobile-stop-detail-fav{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 13px !important;font-weight:900;text-decoration:none !important;white-space:nowrap;}
.tsc-mobile-stop-detail-actions a{background:var(--tsc-accent,#7b3294);color:#fff !important;}
.tsc-mobile-stop-detail-meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px;}
.tsc-mobile-stop-detail-meta span{display:inline-flex;gap:5px;align-items:center;border-radius:999px;background:var(--tsc-accent-soft,#f4eefe);color:var(--tsc-accent,#7b3294);padding:8px 12px;font-weight:800;}
.tsc-mobile-stop-poi-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.tsc-mobile-stop-poi-actions a,.tsc-mobile-stop-poi-actions button{border:1px solid var(--tsc-border,#e8dfed) !important;background:#fff !important;color:var(--tsc-accent,#7b3294) !important;border-radius:999px;padding:7px 11px !important;font-weight:900;text-decoration:none !important;box-shadow:none !important;}
.tsc-mobile-live-next-card{background:linear-gradient(135deg,var(--tsc-accent,#7b3294),#9b59b6);border-radius:24px;padding:16px;margin:0 0 14px;color:#fff;box-shadow:0 14px 28px rgba(76,31,95,.18);}
.tsc-mobile-live-next-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;}
.tsc-mobile-live-next-head strong{font-size:18px;}
.tsc-mobile-live-next-head small{opacity:.86;}
.tsc-mobile-live-next-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.tsc-mobile-live-next-item{background:rgba(255,255,255,.16);border-radius:18px;padding:10px;text-align:center;display:grid;gap:4px;}
.tsc-mobile-live-next-item span{min-width:38px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;justify-self:center;padding:0 8px;font-weight:900;color:#111;}
.tsc-mobile-live-next-item strong{font-size:18px;line-height:1;}
.tsc-mobile-live-next-item small{opacity:.9;}
.tsc-mobile-favorite-grid{display:grid;gap:10px;margin-bottom:18px;}
.tsc-mobile-favorite-row{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center;}
.tsc-mobile-favorite-open{border:1px solid var(--tsc-border,#e8dfed) !important;border-radius:20px;background:var(--tsc-card,#fff) !important;color:var(--tsc-text,#18131d) !important;padding:12px !important;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px;text-align:left;box-shadow:0 8px 18px rgba(35,21,43,.05) !important;}
.tsc-mobile-favorite-open span{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900;}
.tsc-mobile-favorite-open strong{font-size:17px;line-height:1.2;}
.tsc-mobile-favorite-open small{grid-column:2;color:var(--tsc-muted,#7b7482);font-size:13px;}
.tsc-mobile-favorite-remove{width:44px;height:44px;border:0 !important;border-radius:999px;background:var(--tsc-accent-soft,#f4eefe) !important;color:var(--tsc-accent,#7b3294) !important;font-size:24px;line-height:1;box-shadow:none !important;}
.tsc-mobile-route-direction-toggle{gap:12px;}
.tsc-mobile-route-direction-btn{min-height:72px;border:2px solid var(--tsc-border,#e8dfed) !important;box-shadow:0 8px 20px rgba(35,21,43,.05) !important;}
.tsc-mobile-route-direction-btn.is-active{transform:translateY(-2px);box-shadow:0 14px 28px rgba(76,31,95,.18) !important;border-color:var(--tsc-accent,#7b3294) !important;}
.tsc-mobile-route-direction-btn strong{font-size:18px;}
@media (max-width:680px){.tsc-mobile-live-next-list{grid-template-columns:repeat(2,minmax(0,1fr));}.tsc-mobile-stop-detail-head{display:grid;gap:12px;}.tsc-mobile-stop-detail-actions{justify-content:flex-start;}.tsc-mobile-favorite-open{grid-template-columns:46px 1fr;}.tsc-mobile-onboarding-card{padding:26px 18px 20px;}} .tsc-mobile-stop-detail-actions a.tsc-mobile-google-route-btn,
.tsc-mobile-stop-detail-head a.tsc-mobile-google-route-btn{
background:var(--tsc-accent,#7b3294) !important;
color:#ffffff !important;
border:2px solid var(--tsc-accent,#7b3294) !important;
opacity:1 !important;
box-shadow:0 8px 18px rgba(123,50,148,.18) !important;
}
.tsc-mobile-stop-detail-actions a.tsc-mobile-google-route-btn:hover,
.tsc-mobile-stop-detail-actions a.tsc-mobile-google-route-btn:focus,
.tsc-mobile-stop-detail-head a.tsc-mobile-google-route-btn:hover,
.tsc-mobile-stop-detail-head a.tsc-mobile-google-route-btn:focus{
background:#63347b !important;
color:#ffffff !important;
border-color:#63347b !important;
text-decoration:none !important;
} .tsc-mobile-report-gps-note{
background:var(--tsc-accent-soft, #f4eefe);
color:var(--tsc-accent, #7b3294);
border:1px solid rgba(123,50,148,.18);
border-radius:16px;
padding:10px 12px;
margin:8px 0 12px;
font-weight:800;
font-size:14px;
line-height:1.35;
}
.tsc-mobile-report-status.is-ok{color:#137333;font-weight:800;}
.tsc-mobile-report-status.is-error{color:#b3261e;font-weight:800;} .tsc-mobile-map-tools{
position:absolute;
left:50%;
bottom:18px;
transform:translateX(-50%);
z-index:99997;
display:flex;
gap:10px;
align-items:center;
justify-content:center;
flex-wrap:wrap;
max-width:calc(100% - 120px);
pointer-events:auto;
}
.tsc-mobile-map-tool-btn{
border:1px solid rgba(123,50,148,.25) !important;
background:#ffffff !important;
color:#7b3294 !important;
border-radius:999px !important;
padding:10px 14px !important;
min-height:42px;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:7px;
font-weight:900 !important;
font-size:14px !important;
line-height:1 !important;
box-shadow:0 10px 24px rgba(35,21,43,.16) !important;
cursor:pointer;
text-decoration:none !important;
}
.tsc-mobile-map-tool-btn .dashicons{
color:#7b3294 !important;
width:20px;
height:20px;
font-size:20px;
}
.tsc-mobile-map-tool-btn:hover,
.tsc-mobile-map-tool-btn:focus,
.tsc-mobile-map-tool-btn:focus-visible,
.tsc-mobile-map-tool-btn:active{
background:#f4eefe !important;
color:#7b3294 !important;
border-color:#7b3294 !important;
box-shadow:0 10px 24px rgba(35,21,43,.18) !important;
}
.tsc-mobile-map-tool-btn:hover .dashicons,
.tsc-mobile-map-tool-btn:focus .dashicons{
color:#7b3294 !important;
}
.tsc-google-view-controls,
.tsc-streetview-back-btn{
font-family:inherit !important;
}
.tsc-google-view-controls button{
transition:background .16s ease, color .16s ease, border-color .16s ease;
}
@media (max-width:680px){
.tsc-mobile-map-tools{
left:12px;
right:12px;
bottom:12px;
transform:none;
max-width:none;
}
.tsc-mobile-map-tool-btn{
flex:1 1 auto;
padding:9px 10px !important;
font-size:13px !important;
}
} .tsc-map-stop-infowindow{max-width:260px;font-family:inherit;color:#1f1730;}
.tsc-map-stop-infowindow img{display:block;width:100%;max-width:240px;height:110px;object-fit:cover;border-radius:14px;margin-bottom:10px;}
.tsc-map-stop-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.tsc-map-stop-head-text strong{display:block;color:#24152b;font-weight:900;font-size:18px;line-height:1.2;margin-bottom:2px;}
.tsc-map-stop-head-text small{display:block;color:#6b6472;font-size:12px;line-height:1.35;}
.tsc-map-stop-line-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:12px;background:#ffd400;color:#24152b;font-weight:900;font-size:18px;box-shadow:inset 0 0 0 1px rgba(36,21,43,.06);}
.tsc-map-stop-infowindow p{margin:0 0 10px;color:#5f5568;font-size:13px;line-height:1.45;}
.tsc-map-stop-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.tsc-map-stop-actions a,.tsc-map-stop-more a{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;text-decoration:none !important;font-weight:800;font-size:13px;line-height:1.2;}
.tsc-map-stop-actions a{background:#7b3294;color:#fff !important;}
.tsc-map-stop-actions a:hover,.tsc-map-stop-actions a:focus{background:#6a247f;color:#fff !important;}
.tsc-map-stop-more{margin-top:8px;}
.tsc-map-stop-more a{background:#f4eefe;color:#7b3294 !important;}
.tsc-map-stop-more a:hover,.tsc-map-stop-more a:focus{background:#eadcf5;color:#6a247f !important;} .tsc-map-stop-section{margin:10px 0 0;padding-top:9px;border-top:1px solid #eee5f3;}
.tsc-map-stop-section>b{display:block;color:#7b3294;font-size:13px;font-weight:900;margin-bottom:7px;}
.tsc-map-stop-next-list{display:grid;gap:6px;}
.tsc-map-stop-next-list span{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;background:#f7f1fb;border-radius:12px;padding:7px 9px;}
.tsc-map-stop-next-list strong{font-size:15px;color:#24152b;}
.tsc-map-stop-next-list small{font-size:11px;font-weight:900;color:#7b3294;text-transform:uppercase;}
.tsc-map-stop-nearby-list{display:grid;gap:6px;}
.tsc-map-stop-nearby-list a{display:block;background:#fff;border:1px solid #eee5f3;border-radius:12px;padding:7px 9px;text-decoration:none!important;}
.tsc-map-stop-nearby-list strong{display:block;color:#24152b;font-size:13px;line-height:1.25;}
.tsc-map-stop-nearby-list small{display:block;color:#6b6472;font-size:11px;margin-top:2px;line-height:1.25;}
.tsc-map-stop-actions button{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;text-decoration:none!important;font-weight:800;font-size:13px;line-height:1.2;border:0;cursor:pointer;background:#f4eefe;color:#7b3294!important;}
.tsc-map-stop-actions button:hover,.tsc-map-stop-actions button:focus{background:#eadcf5;color:#6a247f!important;}
.tsc-map-stop-actions button.is-favorite{background:#ffd400;color:#24152b!important;} .tsc-mobile-stop-detail-actions a.tsc-mobile-stop-page-btn,
.tsc-mobile-stop-detail-head a.tsc-mobile-stop-page-btn{
background:#fff !important;
color:var(--tsc-accent,#7b3294) !important;
border:1px solid var(--tsc-line,#eadff1) !important;
box-shadow:0 8px 18px rgba(35,21,43,.08) !important;
min-width:128px !important;
padding:9px 16px !important;
}
.tsc-mobile-stop-detail-actions a.tsc-mobile-stop-page-btn:hover,
.tsc-mobile-stop-detail-actions a.tsc-mobile-stop-page-btn:focus,
.tsc-mobile-stop-detail-head a.tsc-mobile-stop-page-btn:hover,
.tsc-mobile-stop-detail-head a.tsc-mobile-stop-page-btn:focus{
background:#fff !important;
color:var(--tsc-accent,#7b3294) !important;
} @media (max-width:680px){
body.tsc-mobile-layout-active .tsc-mobile-lang-switcher,
.tsc-mobile-lang-switcher{
justify-content:center !important;
overflow-x:visible !important;
padding-left:10px !important;
padding-right:10px !important;
gap:7px !important;
}
body.tsc-mobile-layout-active .tsc-mobile-lang-btn,
.tsc-mobile-lang-btn{
min-width:42px !important;
padding:8px 12px !important;
font-size:14px !important;
}
body.tsc-mobile-layout-active .tsc-google-view-controls,
.tsc-google-view-controls{
left:50% !important;
right:auto !important;
top:8px !important;
transform:translateX(-50%) !important;
justify-content:center !important;
align-items:center !important;
width:max-content !important;
max-width:calc(100vw - 16px) !important;
padding:3px !important;
gap:5px !important;
overflow-x:visible !important;
box-sizing:border-box !important;
}
body.tsc-mobile-layout-active .tsc-google-view-controls button,
.tsc-google-view-controls button{
flex:0 0 auto !important;
padding:7px 9px !important;
min-height:32px !important;
font-size:12px !important;
line-height:1 !important;
}
body.tsc-mobile-layout-active .tsc-mobile-map-tools,
.tsc-mobile-map-tools{
left:50% !important;
right:auto !important;
bottom:8px !important;
transform:translateX(-50%) !important;
justify-content:center !important;
flex-wrap:nowrap !important;
gap:6px !important;
width:max-content !important;
max-width:calc(100vw - 16px) !important;
}
body.tsc-mobile-layout-active .tsc-mobile-map-tool-btn,
.tsc-mobile-map-tool-btn{
flex:0 0 auto !important;
min-height:34px !important;
padding:7px 10px !important;
gap:5px !important;
font-size:12px !important;
line-height:1 !important;
box-shadow:0 6px 14px rgba(35,21,43,.14) !important;
}
body.tsc-mobile-layout-active .tsc-mobile-map-tool-btn .dashicons,
.tsc-mobile-map-tool-btn .dashicons{
width:17px !important;
height:17px !important;
font-size:17px !important;
}
body.tsc-mobile-layout-active .tsc-mobile-map-tool-btn.tsc-mobile-map-passenger-toggle,
.tsc-mobile-map-tool-btn.tsc-mobile-map-passenger-toggle{
width:36px !important;
min-width:36px !important;
flex:0 0 36px !important;
min-height:36px !important;
padding:4px !important;
}
body.tsc-mobile-layout-active .tsc-mobile-map-tool-btn.tsc-mobile-map-passenger-toggle img,
.tsc-mobile-map-tool-btn.tsc-mobile-map-passenger-toggle img{
width:25px !important;
height:25px !important;
}
body.tsc-mobile-layout-active .tsc-passenger-fab,
body.tsc-mobile-layout-active #tsc-passenger-fab,
.tsc-passenger-fab,
#tsc-passenger-fab{
width:50px !important;
height:50px !important;
min-width:50px !important;
max-width:50px !important;
}
body.tsc-mobile-layout-active .tsc-passenger-fab img,
body.tsc-mobile-layout-active #tsc-passenger-fab img,
body.tsc-mobile-layout-active .tsc-passenger-fab span,
body.tsc-mobile-layout-active #tsc-passenger-fab span,
.tsc-passenger-fab img,
#tsc-passenger-fab img,
.tsc-passenger-fab span,
#tsc-passenger-fab span{
width:50px !important;
height:50px !important;
}
}
@media (max-width:380px){
body.tsc-mobile-layout-active .tsc-mobile-lang-switcher,
.tsc-mobile-lang-switcher{ gap:6px !important; padding-left:8px !important; padding-right:8px !important; }
body.tsc-mobile-layout-active .tsc-mobile-lang-btn,
.tsc-mobile-lang-btn{ min-width:38px !important; padding:7px 10px !important; font-size:13px !important; }
body.tsc-mobile-layout-active .tsc-google-view-controls button,
.tsc-google-view-controls button{ padding:6px 8px !important; font-size:11px !important; }
body.tsc-mobile-layout-active .tsc-mobile-map-tool-btn,
.tsc-mobile-map-tool-btn{ padding:6px 8px !important; font-size:11px !important; }
} @media (max-width: 680px){
#tsc-map .gm-style-mtc,
#tsc-map .gm-style-mtc-bbw,
.tsc-mobile-map-inner #tsc-map .gm-style-mtc,
.tsc-mobile-map-inner #tsc-map .gm-style-mtc-bbw{
display:none !important;
visibility:hidden !important;
pointer-events:none !important;
}
} .tsc-passenger-fab,
#tsc-passenger-fab,
.tsc-passenger-fab.tsc-passenger-dot-clean,
#tsc-passenger-fab.tsc-passenger-dot-clean{
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
max-width:48px!important;
max-height:48px!important;
padding:0!important;
margin:0!important;
border:0!important;
outline:0!important;
border-radius:999px!important;
background:transparent!important;
background-color:transparent!important;
box-shadow:none!important;
color:transparent!important;
font-size:0!important;
line-height:0!important;
gap:0!important;
overflow:visible!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
-webkit-appearance:none!important;
appearance:none!important;
cursor:grab!important;
touch-action:none!important;
}
.tsc-passenger-fab::before,
.tsc-passenger-fab::after,
#tsc-passenger-fab::before,
#tsc-passenger-fab::after{
content:none!important;
display:none!important;
width:0!important;
height:0!important;
background:transparent!important;
box-shadow:none!important;
border:0!important;
}
.tsc-passenger-fab > img,
#tsc-passenger-fab > img,
.tsc-passenger-fab.tsc-passenger-dot-clean > img,
#tsc-passenger-fab.tsc-passenger-dot-clean > img{
display:block!important;
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
max-width:48px!important;
max-height:48px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:999px!important;
background:transparent!important;
object-fit:cover!important;
box-shadow:0 10px 24px rgba(70,32,90,.24)!important;
pointer-events:none!important;
}
.tsc-passenger-fab > small,
#tsc-passenger-fab > small{
display:none!important;
}
.tsc-passenger-fab > span,
#tsc-passenger-fab > span{
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
max-width:48px!important;
max-height:48px!important;
padding:0!important;
margin:0!important;
border-radius:999px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#ec4837!important;
color:#fff!important;
box-shadow:0 10px 24px rgba(70,32,90,.24)!important;
font-size:24px!important;
line-height:1!important;
}
@media (max-width:680px){
.tsc-passenger-fab,
#tsc-passenger-fab,
.tsc-passenger-fab.tsc-passenger-dot-clean,
#tsc-passenger-fab.tsc-passenger-dot-clean{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
max-width:42px!important;
max-height:42px!important;
right:12px!important;
bottom:72px!important;
}
.tsc-passenger-fab > img,
#tsc-passenger-fab > img,
.tsc-passenger-fab > span,
#tsc-passenger-fab > span{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
max-width:42px!important;
max-height:42px!important;
}
}.tsc-social-icons{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto;max-width:980px;z-index:9998}.tsc-social-icons__title{font-weight:700;color:#6f2c91;margin-right:4px}.tsc-social-icons__list{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.tsc-social-icon{width:38px;height:38px;border-radius:999px;border:1px solid rgba(111,44,145,.18);background:#fff;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;font-size:19px;line-height:1;box-shadow:0 8px 22px rgba(31,41,55,.08);cursor:pointer;padding:0}.tsc-social-icon:hover{color:#6f2c91;border-color:#6f2c91;transform:translateY(-1px)}.tsc-social-icon img{width:24px;height:24px;object-fit:contain;display:block}.tsc-social-icons.is-auto.is-floating-bottom{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(255,255,255,.96);border-radius:999px;padding:8px 12px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.tsc-social-icons.is-auto.is-floating-right{position:fixed;right:18px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.96);border-radius:999px;padding:10px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.tsc-social-icons.is-auto.is-floating-right .tsc-social-icons__list{flex-direction:column}
.tsc-social-popup-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.tsc-social-popup-buttons.is-compact{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:99999;display:flex;flex-direction:column;gap:8px;margin:0;align-items:center}.tsc-social-popup-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#6f2c91;color:#fff!important;text-decoration:none;font-weight:800;padding:11px 18px;border:0;cursor:pointer;box-shadow:0 10px 24px rgba(111,44,145,.22)}.tsc-social-popup-button.is-round{width:46px;height:46px;padding:0;border-radius:999px;font-size:22px;line-height:1}.tsc-social-popup-button.is-round .tsc-social-popup-button__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.tsc-social-popup-button__icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.tsc-social-popup-button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.tsc-social-modal{position:fixed;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100000}.tsc-social-modal[aria-hidden="false"]{opacity:1;pointer-events:auto}.tsc-social-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.38);backdrop-filter:blur(1.5px)}.tsc-social-modal__dialog{position:relative;z-index:1;background:#fff;padding:18px;border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.24);color:#1f2937;max-height:82vh;overflow:auto}.tsc-social-modal.is-size-small .tsc-social-modal__dialog{max-width:380px}.tsc-social-modal.is-size-medium .tsc-social-modal__dialog{max-width:520px}.tsc-social-modal.is-size-large .tsc-social-modal__dialog{max-width:680px}.tsc-social-modal.is-pos-center .tsc-social-modal__dialog{margin:10vh auto}.tsc-social-modal.is-pos-right .tsc-social-modal__dialog{margin:8vh 22px 0 auto}.tsc-social-modal.is-pos-left .tsc-social-modal__dialog{margin:8vh auto 0 22px}.tsc-social-modal.is-pos-bottom-right .tsc-social-modal__dialog{position:absolute;right:22px;bottom:22px;margin:0}.tsc-social-modal.is-pos-bottom-left .tsc-social-modal__dialog{position:absolute;left:22px;bottom:22px;margin:0}.tsc-social-modal__close{position:absolute;top:10px;right:10px;background:#f4ecfa;color:#6f2c91;border:0;border-radius:999px;width:34px;height:34px;font-size:23px;line-height:1;cursor:pointer}.tsc-social-modal__title{margin:0 42px 10px 0;color:#6f2c91;font-size:21px}.tsc-social-modal__content{font-size:15px;line-height:1.55}.tsc-social-modal__content p:first-child{margin-top:0}.tsc-social-modal__content p:last-child{margin-bottom:0}.tsc-social-modal__image{width:100%;max-height:220px;object-fit:contain;border-radius:14px;margin-bottom:14px;display:block;background:#f8f5fb}.tsc-social-modal__video{width:100%;max-height:260px;border-radius:14px;margin-bottom:14px;display:block;background:#000}.tsc-social-modal__link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#6f2c91;color:#fff!important;text-decoration:none;font-weight:800;padding:10px 16px;margin-top:12px}body.tsc-social-modal-open{overflow:hidden}
@media(max-width:700px){.tsc-social-modal__dialog{margin:16px!important;max-width:none!important;width:auto}.tsc-social-modal.is-pos-bottom-right .tsc-social-modal__dialog,.tsc-social-modal.is-pos-bottom-left .tsc-social-modal__dialog{left:12px;right:12px;bottom:12px}.tsc-social-icons.is-auto.is-floating-bottom{left:12px;right:12px;transform:none;bottom:12px;border-radius:18px}.tsc-social-icons.is-auto.is-floating-right{right:10px}.tsc-social-icon{width:36px;height:36px}.tsc-social-popup-button.is-round{width:42px;height:42px;font-size:20px}} .tsc-social-popup-buttons.is-compact .tsc-social-popup-button.is-round{box-shadow:0 12px 28px rgba(111,44,145,.28)}
@media(max-width:700px){.tsc-social-popup-buttons.is-compact{right:12px;top:auto;bottom:92px;transform:none}.tsc-social-popup-buttons.is-compact .tsc-social-popup-button.is-round{width:40px;height:40px;font-size:19px}}