.mp-monster {
max-width: var(--mpr-page-width, 1200px);
margin: 0 auto;
padding: 0 20px 64px;
color: var(--mpr-text, #F2F2F2);
font-family: var(--mpr-font-body, sans-serif); --mpr-t-body: 1.1rem;
--mpr-t-lede: 1.2rem;
--mpr-t-title: 1.3rem;
--mpr-t-small: .95rem;
--mpr-t-label: .8rem;
font-size: 17px;
line-height: 1.6;
}
.mp-monster a { color: inherit; }  .mp-section { padding: 48px 0; }
@media ( max-width: 820px ) {
.mp-section { padding: 32px 0; }
}   .mp-monster .mp-btn-book {
background: transparent;
border-color: var(--mpr-text, #F2F2F2);
}  .mp-book-card {
padding: 18px 18px 6px;
} .mp-rail .mp-section.mp-book-card { padding: 18px 18px 6px; }  .mp-book-card p { padding-bottom: 0; }  .mp-body {
display: grid;
grid-template-columns: minmax( 0, 1fr ) 320px;
gap: 0 48px;
align-items: start;
} .mp-body .mp-section:first-child,
.mp-body .mpr-tips:first-child {
padding-top: 0;
} .mp-rail .mp-section,
.mp-rail .mpr-tips {
padding: 28px 0;
} @media ( min-width: 981px ) {
.mp-rail {
position: sticky;
top: 24px;
}
}
.mp-rail .mp-section > h2 { font-size: 1.15rem;
}  @media ( max-width: 980px ) {
.mp-body {
grid-template-columns: minmax( 0, 1fr );
gap: 0;
} .mp-rail .mp-section:first-child {
padding-top: 32px;
}
.mp-rail .mp-section,
.mp-rail .mpr-tips {
padding: 32px 0;
}
.mp-rail .mp-section > h2 {
font-size: 1.38rem;
} } .mp-monster h2,
.mp-monster h3,
.mp-monster h4 {
font-family: var(--mpr-font-body, sans-serif) !important;
letter-spacing: normal;
text-transform: none;
} .mp-monster h2 {
margin: 0 0 22px; padding-bottom: 0;
font-size: 1.38rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0 !important;
text-transform: none !important;
color: var(--mpr-text, #F2F2F2);
} .mp-monster .mp-follow > h2,
.mp-monster .mp-list > h2 {
font-size: var( --mpr-t-small, .88rem );
font-weight: 700;
text-transform: uppercase !important;
color: var(--mpr-text-muted, #C4C4C4);
margin-bottom: 14px;
} .mp-hero {
display: grid; grid-template-columns: 320px minmax(0, 1fr);
gap: 34px; align-items: end;
padding: 40px 0 34px;
}
@media ( max-width: 820px ) {
.mp-hero { align-items: stretch; }
}
@media ( max-width: 820px ) {
.mp-hero { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}
.mp-designation {
margin: 0 0 10px; font-size: var( --mpr-t-small, .88rem );
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: var(--mpr-accent, #ED2124);
}
.mp-monster .mp-name {
margin: 0 0 10px;
font-family: var(--mpr-font-display, sans-serif);
font-size: clamp( 2.4rem, 7vw, 4.2rem );
line-height: var(--mpr-h1-line-height, 0.8);
color: var(--mpr-text, #F2F2F2);
}
.mp-tagline {
margin: 0 0 22px;
font-size: var( --mpr-t-lede, 1.05rem );
color: var(--mpr-text-muted, #C4C4C4);
} .mp-monster .mp-social {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid var(--mpr-line, rgba(255,255,255,.18));
color: var(--mpr-text, #F2F2F2);
text-decoration: none;
transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.mp-monster .mp-social:hover,
.mp-monster .mp-social:focus-visible {
background: var(--mpr-accent, #ED2124);
border-color: var(--mpr-accent, #ED2124);
color: #fff;
}
.mp-monster .mp-social:active { transform: translateY( 1px ); } .mp-monster .mp-btn {
display: inline-block;
padding: 11px 18px;
border: 1px solid var(--mpr-line, rgba(255,255,255,.18));
border-radius: var(--mpr-radius, 0);
background: transparent;
color: var(--mpr-text, #F2F2F2);
font: inherit;
font-size: var( --mpr-t-small, .88rem );
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
transition: background .12s ease, border-color .12s ease, color .12s ease;
} .mp-monster .mp-btn:hover,
.mp-monster .mp-btn:focus-visible {
background: var(--mpr-text, #F2F2F2);
border-color: var(--mpr-text, #F2F2F2);
color: var(--mpr-surface, #000);
}
.mp-monster .mp-btn:active { transform: translateY( 1px ); }
.mp-monster .mp-btn-primary {
background: var(--mpr-accent, #ED2124);
border-color: var(--mpr-accent, #ED2124);
color: #fff;
}
.mp-monster .mp-btn-primary:hover,
.mp-monster .mp-btn-primary:focus-visible {
background: #ff3d40;
border-color: #ff3d40;
color: #fff;
}  .mp-shows {
display: grid;
grid-template-columns: repeat( auto-fill, minmax( 240px, 1fr ) );
gap: 16px;
}
.mp-show-card {
display: flex;
flex-direction: column;
border: 1px solid var(--mpr-line, rgba(255,255,255,.18));
transition: border-color .12s ease;
}
.mp-show-card:hover { border-color: var(--mpr-accent, #ED2124); }
.mp-show-shot {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
background: #14161a;
overflow: hidden;
} .mp-show-shot img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: none;
object-fit: cover;
}
.mp-show-card .mp-show-when { margin: 14px 16px 0; }
.mp-show-card .mp-show-what { margin: 0 16px; }
.mp-show-card .mp-show-go { margin: auto 16px 16px; padding-top: 12px; }
.mp-show-when {
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
font-size: var( --mpr-t-small, .88rem );
color: var(--mpr-accent, #ED2124);
}
.mp-monster .mp-show-what h3 { margin: 4px 0 0; font-size: var( --mpr-t-title, 1.15rem ); }
.mp-show-where { margin: 3px 0 0; color: var(--mpr-text-muted, #C4C4C4); font-size: var( --mpr-t-small, .88rem ); } .mp-monster .mp-show-what h3 a,
.mp-monster .mp-show-link {
color: var(--mpr-text, #F2F2F2) !important;
text-decoration: none !important;
transition: color .15s ease;
}
.mp-monster .mp-show-what h3 a:hover,
.mp-monster .mp-show-what h3 a:focus-visible,
.mp-monster .mp-show-link:hover,
.mp-monster .mp-show-link:focus-visible {
color: var(--mpr-accent, #ED2124) !important;
text-decoration: underline !important;
text-underline-offset: 3px;
}     .mp-fact {
display: flex;
flex-direction: column;
gap: 5px;
padding: 15px 16px;
border: 1px solid var(--mpr-line, rgba(255,255,255,.18)); }
.mp-monster .mp-quote {
margin: 22px 0 0;
padding: 0 0 0 18px;
border-left: 3px solid var(--mpr-accent, #ED2124);
font-size: clamp( 1.2rem, 3vw, 1.7rem );
font-weight: 600;
line-height: 1.15;
} .mp-list ul {
margin: 0;
padding: 0;
list-style: none;
columns: 2;
column-gap: 34px;
}
@media ( max-width: 720px ) { .mp-list ul { columns: 1; } }
.mp-list li {
break-inside: avoid;
padding: 7px 0 7px 16px;
position: relative;
}
.mp-list li::before {
content: '';
position: absolute;
left: 0;
top: 1.05em;
width: 6px;
height: 1px;
background: var(--mpr-accent, #ED2124);
}    .mp-book-intro { color: var(--mpr-text-muted, #C4C4C4); } .mp-book-form { margin-top: 18px; }
.mp-field-row { display: grid; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 14px; } .mp-field-row > .mp-field-wide { grid-column: 1 / -1; }
@media ( max-width: 620px ) { .mp-field-row { grid-template-columns: minmax(0, 1fr); } }
.mp-field { margin: 0 0 14px; }
.mp-field label {
display: block;
margin-bottom: 5px;
font-size: var( --mpr-t-label, .7rem );
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: var(--mpr-text-muted, #C4C4C4);
}
.mp-monster .mp-field input,
.mp-monster .mp-field textarea {
width: 100%;
padding: 11px 12px;
border: 1px solid var(--mpr-line, rgba(255,255,255,.18));
border-radius: var(--mpr-radius, 0);
background: rgba( 255, 255, 255, .04 );
color: var(--mpr-text, #F2F2F2);
font: inherit;
font-size: 1rem;
}
.mp-monster .mp-field input:focus,
.mp-monster .mp-field textarea:focus {
outline: none;
border-color: var(--mpr-accent, #ED2124);
}  .mp-field label .mp-opt {
font-weight: 400;
text-transform: none;
letter-spacing: 0;
opacity: .65;
} .mp-hint {
margin: 6px 0 0;
padding-bottom: 0;
font-size: var( --mpr-t-small, .88rem );
font-weight: 400;
line-height: 1.45;
text-transform: none;
color: var(--mpr-text-muted, #C4C4C4);
} .mp-field .mp-check,
.mp-monster .mp-check {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
min-height: 44px;
font-size: var( --mpr-t-small, .88rem );
font-weight: 600;
text-transform: uppercase;
color: var(--mpr-text-muted, #C4C4C4);
cursor: pointer;
}
.mp-monster .mp-check input[type="checkbox"] { width: 20px;
height: 20px;
margin: 0;
flex: 0 0 auto;
accent-color: var(--mpr-accent, #ED2124);
} .mp-monster .mp-field select {
width: 100%;
padding: 11px 12px;
border: 1px solid var(--mpr-line, rgba(255,255,255,.18));
border-radius: var(--mpr-radius, 0);
background: rgba( 255, 255, 255, .04 );
color: var(--mpr-text, #F2F2F2);
font: inherit;
font-size: 1rem;
}
.mp-monster .mp-field select:focus {
outline: none;
border-color: var(--mpr-accent, #ED2124);
} .mp-monster .mp-field-row {
margin: 0 0 14px;
}
.mp-monster .mp-field p,
.mp-monster .mp-field-row p {
padding-bottom: 0;
} .mp-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
} .mp-notice {
margin: 0 0 22px;
padding: 14px 16px;
border-left: 3px solid var(--mpr-accent, #ED2124);
background: rgba( 237, 33, 36, .08 );
} .mp-directory {
max-width: var(--mpr-page-width, 1200px);
margin: 0 auto;
padding: 40px 20px 70px;
color: var(--mpr-text, #F2F2F2);
font-family: var(--mpr-font-body, sans-serif);
}
.mp-directory-head { margin: 0 0 30px; }
.mp-directory .mp-directory-title {
margin: 0 0 10px;
font-family: var(--mpr-font-display, sans-serif);
font-size: clamp( 2.2rem, 6vw, 3.6rem );
line-height: .95;
} .mp-directory.is-premium .mp-directory-title {
font-size: clamp( 2.8rem, 9vw, 5.6rem );
margin-bottom: 16px;
}
.mp-directory-intro {
margin: 0;
font-size: 1.06rem;
color: var(--mpr-text-muted, #C4C4C4);
}
.mp-directory-nav {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 20px;
font-size: var( --mpr-t-label, .7rem );
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
} .mp-directory-nav a {
display: inline-flex;
align-items: center;
min-height: 44px;
color: var(--mpr-text-muted, #C4C4C4);
text-decoration: none;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
}
.mp-directory-nav a:hover { color: var(--mpr-text, #F2F2F2); border-bottom-color: var(--mpr-accent, #ED2124); }
.mp-directory-grid {
display: grid;
grid-template-columns: repeat( auto-fill, minmax( 210px, 1fr ) );
gap: 16px;
} .mp-directory.is-premium .mp-directory-grid {
grid-template-columns: repeat( auto-fill, minmax( 250px, 1fr ) );
gap: 20px;
}
.mp-directory-card {
display: block;
text-decoration: none;
color: inherit;
border: 1px solid var(--mpr-line, rgba(255,255,255,.18));
transition: border-color .12s ease, transform .12s ease;
}
.mp-directory-card:hover { border-color: var(--mpr-accent, #ED2124); transform: translateY( -3px ); }
.mp-directory-photo {
aspect-ratio: 4 / 5;
overflow: hidden;
background: #14161a;
}
.mp-directory-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mp-directory-empty {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #4a515c;
font-size: 2.6rem;
font-weight: 700;
}
.mp-directory-name {
display: block;
padding: 13px 15px 0;
font-weight: 700;
font-size: 1.06rem;
} .mp-directory.is-premium .mp-directory-name {
font-size: 1.35rem;
font-weight: 700;
line-height: 1.1;
}
.mp-directory-tagline {
display: block;
padding: 3px 15px 15px;
font-size: .88rem;
color: var(--mpr-text-muted, #C4C4C4);
}
.mp-directory-none { color: var(--mpr-text-muted, #C4C4C4); } .mp-index-grid {
display: grid;
grid-template-columns: repeat( auto-fit, minmax( 280px, 1fr ) );
gap: 16px;
}
.mp-index-card {
display: flex;
flex-direction: column;
gap: 7px;
padding: 24px 22px;
border: 1px solid var(--mpr-line, rgba(255,255,255,.18));
text-decoration: none;
color: inherit;
transition: border-color .12s ease;
}
.mp-index-card:hover { border-color: var(--mpr-accent, #ED2124); }
.mp-index-card.is-premium { border-color: var(--mpr-accent, #ED2124); }
.mp-index-name {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.1;
}
.mp-index-intro { font-size: .92rem; color: var(--mpr-text-muted, #C4C4C4); }
.mp-index-count {
font-size: .74rem;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: var(--mpr-accent, #ED2124);
} .mp-music-pitch {
font-size: 1.15rem;
line-height: 1.5;
margin: 0 0 0.9rem;
}
.mp-music-terms {
margin: 0 0 0.4rem;
font-size: 0.95rem;
} .mp-music-links {
list-style: none;
margin: 1rem 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.mp-music-links li {
margin: 0;
}
.mp-music-links a {
display: inline-block;
padding: 0.45rem 0.9rem;
border: 1px solid currentColor; border-radius: var( --mpr-radius, 0 );
text-decoration: none;
font-size: 0.9rem;
}
.mp-music h3 {
margin: 1.4rem 0 0.4rem;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0;
opacity: 0.8;
} .mp-directory-filter {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 1rem 0 0;
}
.mp-filter-chip {
display: inline-block;
padding: 0.35rem 0.8rem;
border: 1px solid currentColor;
border-radius: var( --mpr-radius, 0 );
text-decoration: none;
font-size: 0.85rem;
opacity: 0.7;
}
.mp-filter-chip.is-on {
opacity: 1;
font-weight: 700;
} .mp-music-shows,
.mp-music-asks {
margin: 2.5rem 0 0;
}
.mp-music-shows ul {
list-style: none;
margin: 0.6rem 0 0;
padding: 0;
}
.mp-music-shows li {
padding: 0.5rem 0;
border-bottom: 1px solid rgba( 128, 128, 128, 0.25 );
}
.mp-music-when {
opacity: 0.7;
font-size: 0.9rem;
margin-left: 0.6rem;
}
.mp-music-cta {
margin: 1rem 0 0;
} @media ( max-width: 620px ) {     .mp-monster .mp-show-what h3 { line-height: 1.3; }
}   .mp-book-pop {
width: min( 760px, calc( 100vw - 24px ) );
max-height: calc( 100dvh - 24px );
margin: auto;
padding: 0;
overflow: auto;
background: #000;
color: var( --mpr-text, #fff );
border: 1px solid rgba( 255, 255, 255, .14 );
border-top: 4px solid var( --mpr-accent, #ED2124 );
box-shadow: 0 24px 80px rgba( 0, 0, 0, .7 );
}
.mp-book-pop::backdrop { background: rgba( 0, 0, 0, .78 ); backdrop-filter: blur( 3px ); }
.mp-book-pop .mp-section.mp-book { margin: 0; padding: 28px 28px 8px; border: 0; }
.mp-book-pop h2 { padding-right: 44px; }
.mp-book-x {
position: sticky;
top: 0;
float: right;
z-index: 2;
width: 44px;
height: 44px;
margin: 6px 6px -50px 0;
border: 0;
background: transparent;
color: var( --mpr-text-muted, #C4C4C4 );
font-size: 20px;
line-height: 1;
cursor: pointer;
}
.mp-book-x:hover { color: #fff; }
.mp-book-x:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
html.mp-book-open { overflow: hidden; }
@media ( max-width: 620px ) {
.mp-book-pop { width: 100vw; max-width: 100vw; max-height: 100dvh; height: 100dvh; margin: 0; border-left: 0; border-right: 0; }
.mp-book-pop .mp-section.mp-book { padding: 22px 16px 8px; }
}  .mp-titles {
display: grid;
grid-template-columns: repeat( auto-fit, minmax( 260px, 1fr ) );
gap: 10px;
margin: 0 0 24px;
}
.mp-title {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 18px;
background: #1c1c1c;
color: #fff;
}
.mp-title.is-reigning { background: var(--mpr-accent, #ED2124); }
.mp-title-mark { font-size: 2rem; line-height: 1; }
.mp-title-body { display: grid; gap: 1px; min-width: 0; }
.mp-title-state { font-size: .72rem; font-weight: 700; text-transform: uppercase; opacity: .85; }
.mp-title-name { font-size: 1.15rem; font-weight: 700; line-height: 1.2; }
.mp-title-of { font-size: .86rem; opacity: .85; }
@media ( max-width: 620px ) {
.mp-titles { margin-bottom: 18px; }
.mp-title { padding: 12px 14px; }
} .mp-monster.mpf {
--mpf-line: rgba( 255, 255, 255, .14 );
--mpf-dim: #a9a9a9;
--mpf-red: var(--mpr-accent, #ED2124);
--mpf-display: var( --mp-display, 'PAGKAKI', 'PAGKAKI Regular', 'Poppins', system-ui, sans-serif );
padding: 0 24px 48px;
background: transparent;
}
.mpf p { padding-bottom: 0; }
.mpf .mpf-sec { padding: 72px 0; border-top: 1px solid var(--mpf-line); } .mpf .mpf-eyebrow,
.mpf .mpf-label,
.mpf .mpf-k {
margin: 0 0 14px;
padding: 0;
font-family: var(--mpr-font-body, 'Poppins', sans-serif);
font-size: .78rem;
font-weight: 600;
line-height: 1.4;
text-transform: uppercase;
color: var(--mpf-dim);
}
.mpf .mpf-eyebrow { color: var(--mpf-red); }
.mpf .mpf-name,
.mpf .mpf-title {
margin: 0 !important;
padding: 0;
font-family: var(--mpf-display);
font-weight: 400;
line-height: .95;
text-transform: uppercase;
color: #fff;
} .mpf .mpf-hero-text { container-type: inline-size; min-width: 0; }
.mpf .mpf-name { font-size: clamp( 2.6rem, 14cqi, 6rem ); overflow-wrap: break-word; }
.mpf .mpf-name-sm { font-size: clamp( 2.4rem, 5vw, 4rem ); } .mp-monster.mpf h2.mpf-title {
font-family: var(--mpr-font-body, 'Poppins', sans-serif) !important;
font-size: clamp( 1.9rem, 3.6vw, 3rem );
font-weight: 700;
line-height: 1.05;
text-transform: uppercase !important;
}
.mp-monster.mpf h2.mpf-label,
.mp-monster.mpf h3.mpf-label { text-transform: uppercase !important; font-size: .78rem; font-weight: 600; }
.mpf .mpf-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 32px; }
.mpf .mpf-more,
.mpf .mpf-back {
flex: none;
font-size: .82rem;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: #fff;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
}
.mpf .mpf-more:hover,
.mpf .mpf-more:focus-visible,
.mpf .mpf-back:hover,
.mpf .mpf-back:focus-visible { border-bottom-color: var(--mpf-red); }
.mpf .mpf-quiet { color: var(--mpf-dim); } .mp-monster.mpf a { color: inherit !important; }
.mp-monster.mpf .mpf-social a,
.mp-monster.mpf .mpf-tip { color: var(--mpf-dim) !important; }
.mp-monster.mpf .mpf-social a:hover,
.mp-monster.mpf .mpf-social a:focus-visible,
.mp-monster.mpf .mpf-tip:hover,
.mp-monster.mpf .mpf-tip:focus-visible { color: #fff !important; } .mpf .mpf-btn {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 26px;
border: 1px solid rgba( 255, 255, 255, .55 );
border-radius: var(--mpr-radius, 0);
background: transparent;
color: #fff;
font-size: .84rem;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.mp-monster.mpf .mpf-btn { color: #fff !important; }
.mp-monster.mpf .mpf-btn:hover,
.mp-monster.mpf .mpf-btn:focus-visible { background: #fff; border-color: #fff; color: #000 !important; }
.mpf .mpf-btn-red { background: var(--mpf-red); border-color: var(--mpf-red); }
.mp-monster.mpf .mpf-btn-red:hover,
.mp-monster.mpf .mpf-btn-red:focus-visible { background: #ff3d40; border-color: #ff3d40; color: #fff !important; }
.mpf .mpf-btn:focus-visible,
.mpf a:focus-visible,
.mpf summary:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } .mpf .mpf-hero {
display: grid;
grid-template-columns: minmax( 0, 1.15fr ) minmax( 0, 1fr );
gap: 56px;
align-items: center;
padding: 24px 0 72px;
}
.mpf .mpf-hero-media { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: #0d0d0d; }
.mpf .mpf-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.mpf .mpf-hero-empty { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--mpf-display); font-size: 6rem; color: #2a2a2a; }
.mpf .mpf-tagline { margin: 22px 0 0; font-size: clamp( 1.15rem, 1.8vw, 1.45rem ); font-style: italic; line-height: 1.4; color: #e9e9e9; }
.mpf .mpf-meta { margin: 22px 0 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; font-size: .8rem; font-weight: 600; text-transform: uppercase; color: var(--mpf-dim); }
.mpf .mpf-bar { color: var(--mpf-line); }
.mpf .mpf-reign { margin: 14px 0 0; padding-left: 12px; border-left: 2px solid var(--mpf-red); font-size: .9rem; font-weight: 600; color: #fff; }
.mpf .mpf-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 34px 0 0; }
.mpf .mpf-social { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 26px 0 0; }
.mpf .mpf-social .mp-social { width: 40px; height: 40px; display: inline-grid; place-items: center; border: 0; background: none; color: var(--mpf-dim); }
.mpf .mpf-social .mp-social:hover,
.mpf .mpf-social .mp-social:focus-visible { color: #fff; background: none; }
.mpf .mpf-tip { margin-left: 8px; font-size: .78rem; font-weight: 600; text-transform: uppercase; text-decoration: none; color: var(--mpf-dim); }
.mpf .mpf-tip:hover,
.mpf .mpf-tip:focus-visible { color: #fff; } .mpf .mpf-lore { display: grid; grid-template-columns: minmax( 0, 1.1fr ) minmax( 0, .9fr ); gap: 64px; align-items: start; }
.mpf .mpf-lore.is-text { grid-template-columns: minmax( 0, 46rem ); }
.mpf .mpf-lore-body { font-size: 1.08rem; line-height: 1.8; color: #e6e6e6; }
.mpf .mpf-lore-body p { margin: 0 0 1.1em; padding: 0; }
.mpf .mpf-style { margin: 32px 0 0; padding-top: 20px; border-top: 1px solid var(--mpf-line); }
.mpf .mpf-style .mpf-k { display: block; margin-bottom: 8px; }
.mpf .mpf-style-v { font-size: .92rem; font-weight: 600; text-transform: uppercase; color: #fff; }
.mpf .mpf-lore-media { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: #0d0d0d; }
.mpf .mpf-lore-media img { width: 100%; height: 100%; object-fit: cover; display: block; } .mpf .mpf-file-wrap { padding: 0; }
.mpf .mpf-file > summary {
display: flex;
align-items: center;
gap: 20px;
min-height: 84px;
padding: 0;
list-style: none;
cursor: pointer;
}
.mpf .mpf-file > summary::-webkit-details-marker { display: none; }
.mpf .mpf-file-name { font-size: clamp( 1.3rem, 2.2vw, 1.7rem ); font-weight: 700; text-transform: uppercase; color: #fff; }
.mpf .mpf-file-teaser { flex: 1; color: var(--mpf-dim); font-size: .95rem; }
.mpf .mpf-plus { position: relative; flex: none; width: 22px; height: 22px; }
.mpf .mpf-plus::before,
.mpf .mpf-plus::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: #fff; transition: transform .2s ease; }
.mpf .mpf-plus::after { transform: rotate( 90deg ); }
.mpf .mpf-file[open] .mpf-plus::after { transform: rotate( 0deg ); }
.mpf .mpf-file-body { display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 40px 56px; padding: 12px 0 56px; }
.mpf .mpf-group dl { margin: 0; }
.mpf .mpf-row { padding: 12px 0; border-top: 1px solid var(--mpf-line); }
.mpf .mpf-row dt { margin: 0 0 3px; font-size: .74rem; font-weight: 600; text-transform: uppercase; color: var(--mpf-dim); }
.mpf .mpf-row dd { margin: 0; font-size: 1rem; line-height: 1.5; color: #fff; }
.mpf .mpf-row dd ul { margin: 0; padding: 0; list-style: none; }
.mpf .mpf-row dd li { margin: 0 0 4px; padding: 0; }
.mpf .mpf-row dd a { text-decoration: underline; text-decoration-color: var(--mpf-red); text-underline-offset: 3px; } .mpf .mpf-show { display: grid; grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr ); gap: 48px; align-items: center; }
.mpf .mpf-show.no-art { grid-template-columns: minmax( 0, 1fr ); }
.mpf .mpf-show-art { aspect-ratio: 16 / 9; overflow: hidden; background: #0d0d0d; }
.mpf .mpf-show-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mpf .mpf-show-when { margin: 0 0 10px; font-size: .82rem; font-weight: 600; text-transform: uppercase; color: var(--mpf-red); }
.mpf .mpf-show-title { margin: 0; padding: 0; font-family: var(--mpr-font-body, 'Poppins', sans-serif); font-size: clamp( 1.5rem, 2.4vw, 2.1rem ); font-weight: 700; line-height: 1.15; text-transform: none; color: #fff; }
.mpf .mpf-show-title a { text-decoration: none; }
.mpf .mpf-show-title a:hover { text-decoration: underline; text-decoration-color: var(--mpf-red); text-underline-offset: 4px; }
.mpf .mpf-show-where { margin: 8px 0 24px; color: var(--mpf-dim); }
.mpf .mpf-none p { margin: 0; color: #e6e6e6; font-size: 1.1rem; }
.mpf .mpf-none .mpf-none-go { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 18px; }
.mpf .mpf-none-go a { font-size: .82rem; font-weight: 600; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--mpf-red); padding-bottom: 2px; } .mpf .mpf-viewhead { padding: 32px 0 40px; }
.mpf .mpf-viewhead .mpf-back { display: inline-block; margin-bottom: 18px; }
.mpf .mpf-list .mpf-title { margin-bottom: 32px; }
.mpf .mpf-list .mpf-show { grid-template-columns: minmax( 0, 280px ) minmax( 0, 1fr ); gap: 32px; padding: 24px 0; border-top: 1px solid var(--mpf-line); }
.mpf .mpf-list .mpf-show.no-art { grid-template-columns: minmax( 0, 1fr ); }
.mpf .mpf-list .mpf-show-title { font-size: 1.35rem; }
.mpf .mpf-past-h { margin-top: 56px; }
.mpf .mpf-past { margin: 0; padding: 0; list-style: none; }
.mpf .mpf-past li { display: grid; grid-template-columns: 11rem minmax( 0, 1fr ) minmax( 0, 14rem ); gap: 16px; padding: 12px 0; border-top: 1px solid var(--mpf-line); }
.mpf .mpf-past-when,
.mpf .mpf-past-where { color: var(--mpf-dim); font-size: .92rem; }
.mpf .mpf-past a { text-decoration: none; } .mpf .mpf-g { display: grid; grid-template-columns: minmax( 0, 1.4fr ) minmax( 0, 1fr ); gap: 10px; }
.mpf .mpf-g-0 { grid-template-columns: minmax( 0, 1fr ); }
.mpf .mpf-g figure { margin: 0; overflow: hidden; background: #0d0d0d; }
.mpf .mpf-g img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.mpf .mpf-g a:hover img { transform: scale( 1.03 ); }
.mpf .mpf-g-main { aspect-ratio: 4 / 5; }
.mpf .mpf-video { aspect-ratio: 16 / 9; align-self: center; position: relative; }
.mpf .mpf-video iframe,
.mpf .mpf-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .mpf .mpf-g-side { position: relative; min-height: 0; }
.mpf .mpf-g-side img { position: absolute; inset: 0; }
.mpf .mpf-g-0 figure.mpf-g-main { aspect-ratio: 3 / 2; }
.mpf .mpf-g-2,
.mpf .mpf-g-3,
.mpf .mpf-g-4 { grid-template-columns: minmax( 0, 1.4fr ) repeat( 2, minmax( 0, .7fr ) ); grid-auto-rows: 1fr; }
.mpf .mpf-g-2 .mpf-g-main,
.mpf .mpf-g-3 .mpf-g-main,
.mpf .mpf-g-4 .mpf-g-main { grid-row: span 2; }
.mpf .mpf-g-2 .mpf-g-side { grid-row: span 2; }
.mpf .mpf-g-3 .mpf-g-side:first-of-type { grid-column: span 2; }
.mpf .mpf-wall { columns: 3 260px; column-gap: 10px; }
.mpf .mpf-wall-item { margin: 0 0 10px; break-inside: avoid; }
.mpf .mpf-wall-item img { width: 100%; height: auto; display: block; } .mpf .mpf-book { text-align: center; padding: 96px 0; }
.mp-monster.mpf .mpf-book h2.mpf-title { font-size: clamp( 2.4rem, 5.4vw, 4.4rem ); }
.mpf .mpf-book-for { max-width: 52rem; margin: 26px auto 0; font-size: .86rem; font-weight: 600; line-height: 1.9; text-transform: uppercase; color: #fff; }
.mpf .mpf-book-how { max-width: 36rem; margin: 18px auto 34px; color: var(--mpf-dim); } .mpf .mpr-tips { margin: 0; } dialog#mp-tips .mpr-tips { padding: 28px 28px 24px; }
dialog#mp-tips .mpr-tips-title { padding-right: 44px; }
dialog#mp-tips { width: min( 36rem, calc( 100vw - 32px ) ); } @media ( max-width: 980px ) {
.mpf .mpf-hero { grid-template-columns: minmax( 0, 1fr ); gap: 28px; padding-top: 0; }
.mpf .mpf-hero-media { margin: 0 -24px; aspect-ratio: 4 / 5; max-height: 78vh; }
.mpf .mpf-lore { grid-template-columns: minmax( 0, 1fr ); gap: 36px; }
.mpf .mpf-file-body { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
.mpf .mpf-show { grid-template-columns: minmax( 0, 1fr ); gap: 22px; }
}
@media ( max-width: 620px ) {
.mp-monster.mpf { padding: 0 16px 32px; }
.mpf .mpf-hero-media { margin: 0 -16px; }
.mpf .mpf-sec { padding: 52px 0; }
.mpf .mpf-file-wrap { padding: 0; }
.mpf .mpf-actions .mpf-btn { flex: 1 1 100%; }
.mpf .mpf-meta { flex-direction: column; gap: 4px; }
.mpf .mpf-bar { display: none; }
.mpf .mpf-file > summary { flex-wrap: wrap; gap: 4px 16px; padding: 18px 0; }
.mpf .mpf-file-teaser { order: 3; flex-basis: 100%; }
.mpf .mpf-file-name { flex: 1; }
.mpf .mpf-file-body { grid-template-columns: minmax( 0, 1fr ); gap: 28px; }
.mpf .mpf-head { flex-direction: column; align-items: flex-start; gap: 14px; }
.mpf .mpf-g { display: flex; gap: 8px; margin: 0 -16px; padding: 0 16px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.mpf .mpf-g::-webkit-scrollbar { display: none; }
.mpf .mpf-g > * { flex: 0 0 82%; scroll-snap-align: start; aspect-ratio: 4 / 5; min-height: 0; }
.mpf .mpf-g > .mpf-video { flex-basis: 92%; aspect-ratio: 16 / 9; }
.mpf .mpf-list .mpf-show { grid-template-columns: minmax( 0, 1fr ); }
.mpf .mpf-past li { grid-template-columns: minmax( 0, 1fr ); gap: 2px; }
.mpf .mpf-book { padding: 64px 0; }
.mpf .mpf-book .mpf-btn { width: 100%; }
.mpf .mpf-wall { columns: 2 140px; }
}.mpr-profile {
background: var(--mpr-surface);
padding: 52px 0 96px;
font-family: var(--mpr-font-body);
font-size: var(--mpr-font-size);
font-weight: var(--mpr-font-weight);
line-height: 1.6;
color: var(--mpr-text);
}
.mpr-profile-inner {
max-width: 1180px;
margin: 0 auto;
padding: 0 24px;
} .mpr-profile-hero {
display: grid;
grid-template-columns: 360px minmax(0, 1fr);
gap: 48px;
align-items: center;
margin-bottom: 40px;
}
.mpr-profile-portrait {
position: relative;
aspect-ratio: 1 / 1;
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
overflow: hidden;
background: rgba(255, 255, 255, .04);
}
.mpr-profile-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.mpr-profile-initial {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--mpr-font-display);
font-size: 96px;
color: rgba(255, 255, 255, .22);
} .mpr-profile-tagline {
margin: 0 0 14px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
color: var(--mpr-text-muted);
} .mpr-profile-hero .mpr-profile-name-art {
padding: 0 !important;
margin: 0 0 18px;
}  .mpr-profile-hero.mpr-profile-hero-art {
max-width: none;
}
.mpr-profile-hero-art .mpr-profile-tagline,
.mpr-profile-hero-art .mpr-profile-links,
.mpr-profile-hero-art .mpr-exp-promise,
.mpr-profile-hero-art .mpr-exp-actions {
max-width: 820px;
}
.mpr-profile-hero .mpr-profile-name-art img {
display: block;
width: 100%;
height: auto;
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
}
.mpr-profile-name {
font-family: var(--mpr-font-display);
color: #FFFFFF; font-size: clamp(30px, 8.5vw, 68px);
line-height: 1.06;
margin: 0 0 18px;
letter-spacing: 0;
overflow-wrap: anywhere;
}
.mpr-profile-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.mpr-profile-links a {
display: inline-block;
padding: 7px 16px;
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
text-decoration: none;
color: var(--mpr-text);
transition: border-color .2s ease, color .2s ease;
}
.mpr-profile-links a:hover,
.mpr-profile-links a:focus-visible {
border-color: var(--mpr-accent);
color: var(--mpr-accent);
} .mpr-profile-body {
display: grid;
grid-template-columns: minmax(0, 1fr) clamp(300px, 28%, 380px);
gap: clamp(32px, 4vw, 56px);
align-items: start;
} .mpr-profile-body-single {
grid-template-columns: minmax(0, 1fr);
}
.mpr-profile-body-single .mpr-profile-file {
max-width: 420px;
} .mpr-exp-note {
margin: 0 0 28px;
padding: 16px 18px;
border-left: 3px solid var(--mpr-accent);
border-radius: var( --mpr-radius, 0 );
background: rgba(255, 255, 255, .04);
}
.mpr-exp-note p {
margin: 0 0 10px;
padding-bottom: 0;
font-weight: var(--mpr-prose-weight);
line-height: 1.6;
}
.mpr-exp-note p:last-child { margin-bottom: 0; } .mpr-exp-angle {
margin: 0 0 14px;
padding-bottom: 0;
font-size: 19px;
font-weight: 700;
line-height: 1.35;
color: var(--mpr-text);
}
.mpr-profile-bio p {
font-size: var(--mpr-font-size); font-weight: var(--mpr-prose-weight);
line-height: 1.6;
color: var(--mpr-text);
margin: 0 0 20px; padding-bottom: 0;
}
.mpr-profile-bio p:last-child { margin-bottom: 0; } .mpr-profile-bio h2,
.mpr-profile-bio h3 {
margin: 0 0 14px;
}
.mpr-profile-bio > * + h2,
.mpr-profile-bio > * + h3 {
margin-top: 28px;
}
.mpr-profile-file {
background: rgba(255, 255, 255, .04);
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
padding: 26px 24px;
} .mpr-profile-file h2 {
font-family: var(--mpr-font-body);
font-size: var(--mpr-t-label, .7rem);
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: var(--mpr-accent);
margin: 0 0 14px;
}
.mpr-profile-file h2 + * { margin-top: 0; }
.mpr-profile-file > * + h2 { margin-top: 28px; }
.mpr-profile-file dl { margin: 0; }
.mpr-profile-file dt {
font-size: 11px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: var(--mpr-text-muted);
} .mpr-profile-file dd {
margin: 3px 0 14px;
color: var(--mpr-text);
font-size: .94em;
font-weight: 400;
line-height: 1.45;
}
.mpr-profile-file dd:last-child { margin-bottom: 0; }
.mpr-profile-members {
list-style: none;
margin: 0;
padding: 0;
}
.mpr-profile-members li {
padding: 8px 0;
border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.mpr-profile-members li:last-child { border-bottom: 0; }
.mpr-member-name { display: block; font-weight: 600; }
.mpr-member-role {
display: block;
font-size: 12px;
color: var(--mpr-text-muted);
margin-top: 2px;
}
.mpr-profile-book {
color: var(--mpr-accent);
font-weight: 600;
overflow-wrap: anywhere;
}  .mpr-profile-experience .mpr-profile-portrait {
aspect-ratio: 4 / 3;
}
.mpr-profile-includes {
list-style: none;
margin: 0;
padding: 0;
}
.mpr-profile-includes li {
position: relative;
padding: 0 0 0 22px;
margin-bottom: 10px;
color: var(--mpr-text);
}
.mpr-profile-includes li::before {
content: "";
position: absolute;
left: 2px;
top: .5em;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--mpr-accent);
}
.mpr-profile-includes li:last-child { margin-bottom: 0; } .mpr-profile-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 13px 22px;
border: 2px solid var(--mpr-accent);
border-radius: var( --mpr-radius, 0 );
background: var(--mpr-accent); color: #fff;
text-align: center;
line-height: 1.2;
font-size: 16px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
text-decoration: none;
transition: transform .15s ease, opacity .2s ease;
}
.mpr-profile-cta:hover,
.mpr-profile-cta:focus-visible {
color: #fff;
opacity: .9;
transform: translateY(-1px);
} .mpr-exp-grid {
display: grid;
gap: 28px;
grid-template-columns: repeat(3, minmax(0, 1fr));
font-family: var(--mpr-font-body);
width: 100%;
} .et_pb_section:has(> * .mpr-exp-grid, > * .mpr-cast),
.et_pb_row:has(.mpr-exp-grid, .mpr-cast),
.et_pb_column:has(.mpr-exp-grid, .mpr-cast),
.et_pb_module:has(.mpr-exp-grid, .mpr-cast),
.et_pb_text_inner:has(.mpr-exp-grid, .mpr-cast) {
width: 100%;
align-self: stretch;
}
.mpr-exp-cols-1 { grid-template-columns: minmax(0, 1fr); }
.mpr-exp-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mpr-exp-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mpr-exp-card {
display: flex;
flex-direction: column;
border: 1px solid var(--mpr-line); border-radius: var( --mpr-radius, 0 );
overflow: hidden;
background: rgba(255, 255, 255, .04);
transition: border-color .2s ease, transform .2s ease;
}
.mpr-exp-card:hover { border-color: var(--mpr-accent); transform: translateY(-2px); }
.mpr-exp-card-media {
position: relative;
display: block;
aspect-ratio: 4 / 3;
background: rgba(255, 255, 255, .04);
overflow: hidden;
}
.mpr-exp-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .mpr-exp-card-plain {
border-top: 3px solid var(--mpr-accent);
background: rgba(255, 255, 255, .05);
}
.mpr-exp-card-plain .mpr-exp-card-body {
padding: 30px 26px 28px;
gap: 10px;
}
.mpr-exp-card-body {
display: flex;
flex-direction: column;
gap: 8px;
padding: 22px 22px 24px;
flex: 1;
}
.mpr-exp-card-title {
font-family: var(--mpr-font-display);
font-size: clamp(21px, 5.4vw, 26px);
line-height: 1.15;
margin: 0;
overflow-wrap: anywhere;
} .mpr-exp-card .mpr-exp-card-title-art {
padding: 0 !important;
margin: 0 !important;
}  .mpr-exp-card .mpr-exp-card-title a {
color: #FFFFFF !important;
font-family: var(--mpr-font-display) !important;
text-decoration: none;
}
.mpr-exp-card .mpr-exp-card-title a:hover,
.mpr-exp-card .mpr-exp-card-title a:focus-visible { color: var(--mpr-accent) !important; }
.mpr-exp-card .mpr-exp-card-more { color: var(--mpr-accent) !important; }
.mpr-exp-card-hook {
margin: 0;
color: var(--mpr-text);
line-height: 1.5;
}
.mpr-exp-card-meta {
margin: 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: var(--mpr-text-muted);
} .mpr-exp-card-more {
margin-top: auto;
padding-top: 6px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
text-decoration: none;
color: var(--mpr-accent);
}
.mpr-exp-card-more::after { content: " \2192"; } .mpr-exp-addons {
margin-top: 56px;
padding-top: 40px;
border-top: 1px solid var(--mpr-line);
} .mpr-exp-addons-title {
font-size: clamp(20px, 3.6vw, 26px);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0;
margin: 0 0 8px;
}
.mpr-exp-addons-intro {
margin: 0 0 24px;
color: var(--mpr-text-muted);
max-width: 60ch;
} .mpr-exp-addon-item:has(.mpr-exp-addon-check:checked) {
border-color: var(--mpr-accent);
background: rgba(237, 33, 36, .08);
}
.mpr-exp-addon-pick {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 0;
}
.mpr-exp-addon-check {
appearance: none;
flex: 0 0 auto;
width: 20px;
height: 20px;
margin-top: 3px;
border: 2px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
background: transparent;
cursor: pointer;
position: relative;
transition: border-color .15s ease, background-color .15s ease;
}
.mpr-exp-addon-check:hover { border-color: var(--mpr-accent); }
.mpr-exp-addon-check:checked {
border-color: var(--mpr-accent);
background: var(--mpr-accent);
}
.mpr-exp-addon-check:checked::after {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 5px;
height: 10px;
border: solid #0B0B0B;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.mpr-exp-addon-check:focus-visible {
outline: 2px solid var(--mpr-accent);
outline-offset: 2px;
} .mpr-exp-addon-item-title {
cursor: pointer;
font-family: var(--mpr-font-body) !important;
font-size: clamp(17px, 3.6vw, 19px) !important;
font-weight: 700;
text-transform: none !important;
}
.mpr-exp-addon-item .mpr-exp-card-hook,
.mpr-exp-addon-item .mpr-exp-card-meta {
margin-left: 30px;
} .mpr-exp-addon-item-link {
margin-top: auto;
margin-left: 30px;
padding-top: 6px;
font-size: 12px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
color: var(--mpr-text-muted);
}
.mpr-exp-addon-item-link:hover,
.mpr-exp-addon-item-link:focus-visible { color: var(--mpr-accent); } .mpr-exp-quote { margin-top: 56px; } .mpr-profile-hero-wide {
grid-template-columns: minmax(0, 1fr);
max-width: 820px;
}
@media (max-width: 980px) {
.mpr-exp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.mpr-exp-grid { grid-template-columns: minmax(0, 1fr); }
}  .mpr-profile-extra {
max-width: 1180px;
margin: 8px auto 0;
padding: 28px 24px 0;
border-top: 1px solid var(--mpr-line);
font-family: var(--mpr-font-body);
}
.mpr-profile-chips {
display: flex;
flex-wrap: wrap;
gap: 14px 40px;
margin: 0 0 22px;
}
.mpr-profile-chips .mpr-chip { min-width: 0; }
.mpr-profile-chips dt {
font-size: 11px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: var(--mpr-text-muted);
}
.mpr-profile-chips dd {
margin: 3px 0 0;
font-weight: 600;
color: var(--mpr-text);
}
.mpr-profile-extra .mpr-profile-links { margin-bottom: 4px; } @media (max-width: 980px) {
.mpr-profile-hero,
.mpr-profile-body { display: flex;
flex-direction: column;
gap: 32px;
}
.mpr-profile-experience .mpr-profile-file {
order: -1;
} .mpr-profile-hold {
display: none;
}
.mpr-profile-portrait { max-width: 320px; }
} @media (max-width: 640px) {
.mpr-profile { padding: 30px 0 56px; }
.mpr-profile-inner { padding: 0 20px; }
.mpr-profile-hero { margin-bottom: 28px; }
.mpr-profile-tagline { font-size: 13px; margin-bottom: 10px; }
.mpr-profile-file { padding: 22px 20px; }
.mpr-profile-body,
.mpr-profile-hero { gap: 26px; }
.mpr-profile-body-single .mpr-profile-file { max-width: none; } .mpr-profile-cta {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 13px 20px;
min-height: 52px;
box-sizing: border-box;
}
.mpr-exp-grid { gap: 18px; }
.mpr-exp-card-body,
.mpr-exp-card-plain .mpr-exp-card-body { padding: 22px 20px 24px; }
.mpr-profile-extra { padding: 24px 20px 0; }
.mpr-profile-chips { gap: 12px 26px; margin-bottom: 18px; }
}   .mpr-profile-experience .mpr-profile-file {
position: static;
align-self: stretch;
max-height: none;
overflow: visible;
}
.mpr-profile-experience .mpr-profile-hold {
position: sticky;
top: 24px;
margin-left: -24px;
margin-right: -24px;
padding: 14px 24px; background: linear-gradient(rgba(255, 255, 255, .04), rgba(255, 255, 255, .04)), var(--mpr-surface);
}
.mpr-profile-experience .mpr-profile-hold .mpr-profile-cta {
display: flex;
width: 100%;
box-sizing: border-box;
}
.mpr-profile-hold { margin-top: 28px; }
.mpr-profile-hold h2 { margin-bottom: 12px; } .mpr-exp-promise {
margin: 20px 0 0;
max-width: 46em;
}
.mpr-exp-promise p {
font-size: calc(var(--mpr-font-size) + 4px);
line-height: 1.5;
font-weight: 500;
color: var(--mpr-text);
margin: 0 0 14px;
}
.mpr-exp-promise p:last-child { margin-bottom: 0; }
.mpr-exp-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
margin: 26px 0 0;
}
.mpr-exp-price-flag {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
color: var(--mpr-text-muted);
} .mpr-exp-proof {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 1px;
background: var(--mpr-line);
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
overflow: hidden;
margin: 0 0 44px;
}
.mpr-exp-stat {
background: var(--mpr-surface);
padding: 24px 22px;
text-align: center;
}
.mpr-exp-stat-figure {
display: block;
font-size: 40px;
font-weight: 800;
line-height: 1.05;
color: var(--mpr-accent);
}
.mpr-exp-stat-label {
display: block;
margin-top: 8px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: var(--mpr-text-muted);
} .mpr-exp-block { margin: 48px 0 0; }
.mpr-exp-block:first-child { margin-top: 40px; } .mpr-exp-block > h2 {
font-family: var(--mpr-font-body);
font-size: 1.38rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: normal;
text-transform: none;
color: var(--mpr-text);
margin: 0 0 22px;
padding-bottom: 0;
border-bottom: 0;
} .mpr-exp-frame {
position: relative;
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
overflow: hidden;
background: #000;
} .mpr-exp-frame iframe,
.mpr-exp-frame video,
.mpr-exp-frame embed {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
border: 0;
} .mpr-exp-gallery-out .mpr-exp-shots {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 12px;
}
.mpr-exp-shot {
display: block;
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
overflow: hidden;
background: rgba(255, 255, 255, .04);
line-height: 0;
}
.mpr-exp-shot img {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
display: block;
transition: transform .3s ease;
}
.mpr-exp-shot:hover img,
.mpr-exp-shot:focus-visible img { transform: scale(1.04); } .mpr-exp-beats {
list-style: none;
margin: 0;
padding: 0;
} .mpr-exp-beat {
position: relative;
display: grid;
grid-template-columns: 108px minmax(0, 1fr);
gap: 20px;
padding: 0 0 26px 0;
}
.mpr-exp-beat:last-child { padding-bottom: 0; } .mpr-exp-beat:not(:has(.mpr-exp-when)) { grid-template-columns: minmax(0, 1fr); }
.mpr-exp-when {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
color: var(--mpr-accent);
padding-top: 3px;
}
.mpr-exp-beat-body { border-left: 1px solid var(--mpr-line); padding-left: 20px; }
.mpr-exp-beat:not(:has(.mpr-exp-when)) .mpr-exp-beat-body {
border-left: 0;
padding-left: 0;
}
.mpr-exp-beat-body h3 {
font-family: var(--mpr-font-body);
font-size: var(--mpr-font-size);
font-weight: 800;
margin: 0 0 6px;
color: var(--mpr-text);
}
.mpr-exp-beat-body p {
margin: 0;
color: var(--mpr-text-muted);
line-height: 1.6;
} .mpr-exp-ticks {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 12px 28px;
}
.mpr-exp-ticks li,
.mpr-exp-needs-list li,
.mpr-exp-fit-cols li {
position: relative;
padding-left: 26px;
line-height: 1.55;
}
.mpr-exp-ticks li::before,
.mpr-exp-fit-yes li::before {
content: "";
position: absolute;
left: 4px;
top: 6px;
width: 6px;
height: 11px;
border: solid var(--mpr-accent);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} .mpr-exp-fit-cols {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 28px;
}
.mpr-exp-fit-cols h3 {
font-family: var(--mpr-font-body);
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
color: var(--mpr-text-muted);
margin: 0 0 12px;
}
.mpr-exp-fit-cols ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}
.mpr-exp-fit-no li::before {
content: "";
position: absolute;
left: 4px;
top: 10px;
width: 10px;
height: 2px;
background: var(--mpr-text-muted);
}
.mpr-exp-fit-no li { color: var(--mpr-text-muted); } .mpr-exp-needs-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 12px 28px;
}
.mpr-exp-needs-list li::before {
content: "";
position: absolute;
left: 4px;
top: 8px;
width: 8px;
height: 8px;
border: 2px solid var(--mpr-accent);
border-radius: 50%;
} .mpr-exp-addon-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 1px;
background: var(--mpr-line);
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
overflow: hidden;
}
.mpr-exp-addon {
background: var(--mpr-surface);
padding: 16px 20px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 4px 18px;
align-items: baseline;
}
.mpr-exp-addon-name { font-weight: 800; }
.mpr-exp-addon-price {
font-weight: 800;
color: var(--mpr-accent);
white-space: nowrap;
}
.mpr-exp-addon-note {
grid-column: 1 / -1;
color: var(--mpr-text-muted);
line-height: 1.55;
} .mpr-exp-quote-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
}
.mpr-exp-quote {
margin: 0;
padding: 24px 22px;
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
background: rgba(255, 255, 255, .04);
}
.mpr-exp-quote blockquote { margin: 0; }
.mpr-exp-quote p {
margin: 0;
font-size: calc(var(--mpr-font-size) + 1px);
line-height: 1.55;
color: var(--mpr-text);
}
.mpr-exp-quote figcaption {
margin-top: 14px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
color: var(--mpr-text-muted);
} .mpr-exp-q {
border-bottom: 1px solid var(--mpr-line);
}
.mpr-exp-q summary {
cursor: pointer;
padding: 16px 30px 16px 0;
font-weight: 700;
color: var(--mpr-text);
position: relative;
list-style: none;
}
.mpr-exp-q summary::-webkit-details-marker { display: none; }
.mpr-exp-q summary::after {
content: "+";
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
color: var(--mpr-accent);
font-weight: 800;
font-size: 18px;
line-height: 1;
}
.mpr-exp-q[open] summary::after { content: "\2013"; }
.mpr-exp-a {
padding: 0 0 18px;
color: var(--mpr-text-muted);
}
.mpr-exp-a p { margin: 0; line-height: 1.6; } .mpr-exp-ask {
margin: 64px 0 0;
padding: 40px 38px 42px;
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
background: rgba(255, 255, 255, .04);
}
.mpr-exp-ask h2 {
font-family: var(--mpr-font-body);
font-size: 22px;
font-weight: 800;
margin: 0 0 12px;
color: var(--mpr-text);
}
.mpr-exp-ask-intro {
margin: 0 0 26px;
color: var(--mpr-text-muted);
max-width: 52em;
}
.mpr-exp-fields {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 18px 22px;
}
.mpr-exp-field { margin: 0 0 18px; }
.mpr-exp-fields .mpr-exp-field { margin: 0; }
.mpr-exp-field label {
display: block;
margin-bottom: 7px;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
color: var(--mpr-text-muted);
} .mpr-exp-ask .mpr-exp-form input,
.mpr-exp-ask .mpr-exp-form select,
.mpr-exp-ask .mpr-exp-form textarea {
width: 100% !important;
max-width: 100% !important;
padding: 12px 14px !important;
border: 1px solid var(--mpr-line) !important;
border-radius: var( --mpr-radius, 0 ) !important;
background: var(--mpr-surface) !important;
color: var(--mpr-text) !important;
font-family: var(--mpr-font-body) !important;
font-size: var(--mpr-font-size) !important;
line-height: 1.5 !important;
box-shadow: none !important;
}
.mpr-exp-ask .mpr-exp-form select { cursor: pointer; }
.mpr-exp-ask .mpr-exp-form input::placeholder,
.mpr-exp-ask .mpr-exp-form textarea::placeholder {
color: var(--mpr-text-muted);
opacity: 1;
}
.mpr-exp-ask .mpr-exp-form input:focus,
.mpr-exp-ask .mpr-exp-form select:focus,
.mpr-exp-ask .mpr-exp-form textarea:focus {
outline: 2px solid var(--mpr-accent) !important;
outline-offset: 1px;
border-color: var(--mpr-accent) !important;
}
.mpr-exp-ask .mpr-exp-form textarea { resize: vertical; min-height: 120px; }
.mpr-exp-form .mpr-exp-fields + .mpr-exp-field { margin-top: 18px; }
.mpr-exp-ask .mpr-exp-form button { border: 0 !important; cursor: pointer; } .mpr-exp-ask .mp-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}  .mpr-booking-go { margin: 22px 0 0; } .mpr-booking-close {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 16px;
margin: 22px 0 0;
padding-top: 18px;
border-top: 1px solid var(--mpr-line);
}
.mpr-booking-close-lead { font-weight: 700; color: var(--mpr-text); width: 100%; }
.mpr-booking-amount { color: var(--mpr-text-muted); font-size: 14px; width: 100%; }
.mpr-profile-cta.mpr-profile-cta-quiet {
background: transparent;
color: var(--mpr-text);
border-color: var(--mpr-line);
}
.mpr-profile-cta.mpr-profile-cta-quiet:hover,
.mpr-profile-cta.mpr-profile-cta-quiet:focus-visible {
border-color: var(--mpr-accent);
color: var(--mpr-text);
} .mpr-exp-sticky { display: none; }
@media (max-width: 980px) {
.mpr-exp-sticky {
display: block;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
background: rgba(0, 0, 0, .92);
border-top: 1px solid var(--mpr-line);
transition: transform .2s ease;
}
.mpr-exp-sticky.is-away { transform: translateY(110%); }
.mpr-exp-sticky .mpr-profile-cta { width: 100%; }
.mpr-profile-experience { padding-bottom: 84px; }
} .mpr-booking-said {
margin: 14px 0 0;
min-height: 1.5em;
font-size: 13px;
color: var(--mpr-text-muted);
} .mpr-exp-or {
margin-top: 32px;
padding-top: 26px;
border-top: 1px solid var(--mpr-line);
}
.mpr-exp-or summary {
cursor: pointer;
font-weight: 700;
color: var(--mpr-text-muted);
padding: 10px 0;
}
.mpr-exp-ask-mail {
margin: 20px 0 0;
font-size: 13px;
color: var(--mpr-text-muted);
}
.mpr-exp-said {
margin: 44px 0 0;
padding: 16px 20px;
border: 1px solid var(--mpr-accent);
border-radius: var( --mpr-radius, 0 );
font-weight: 700;
color: var(--mpr-text);
}
.mpr-exp-said-bad { border-color: var(--mpr-text-muted); } @media (max-width: 980px) { .mpr-profile-experience .mpr-profile-file {
position: static;
max-height: none;
overflow: visible;
}
}
@media (max-width: 640px) {
.mpr-exp-promise p { font-size: calc(var(--mpr-font-size) + 2px); }
.mpr-exp-proof { margin-bottom: 32px; }
.mpr-exp-stat { padding: 18px 14px; }
.mpr-exp-stat-figure { font-size: 30px; }
.mpr-exp-block { margin-top: 36px; }
.mpr-exp-beat { grid-template-columns: minmax(0, 1fr); gap: 6px; }
.mpr-exp-beat .mpr-exp-beat-body { border-left: 0; padding-left: 0; }
.mpr-exp-ask { padding: 28px 20px 30px; margin-top: 44px; }
.mpr-exp-actions .mpr-profile-cta { width: 100%; }
} .mpr-exp-program-line {
margin: 0 0 22px;
padding: 10px 14px;
border-left: 3px solid var(--mpr-accent);
background: rgba(255, 255, 255, .04);
color: var(--mpr-text-muted);
}
.mpr-exp-program-line a { color: var(--mpr-text); font-weight: 700; }
.mpr-exp-concept-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
gap: 18px;
}
.mpr-exp-concept {
display: flex;
flex-direction: column;
background: rgba(255, 255, 255, .04);
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
padding: 0 0 18px;
overflow: hidden;
}
.mpr-exp-concept > *:not(.mpr-exp-concept-img) { margin-left: 18px; margin-right: 18px; }
.mpr-exp-concept-img img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.mpr-exp-concept h3 { margin-top: 16px; margin-bottom: 6px; font-size: 1.2em; }
.mpr-exp-concept h3 a { color: var(--mpr-text); text-decoration: none; }
.mpr-exp-concept-hook { color: var(--mpr-text-muted); margin: 0 0 12px; }
.mpr-exp-concept dl { margin: 0 0 14px; }
.mpr-exp-concept dt {
font-size: 11px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: var(--mpr-text-muted);
}
.mpr-exp-concept dd { margin: 2px 0 10px; font-size: .94em; }
.mpr-exp-concept-go { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.mpr-exp-concept-more { color: var(--mpr-text); font-size: 14px; }
.mpr-exp-ways-list { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mpr-exp-ways-list li { border: 1px solid var(--mpr-line); padding: 6px 12px; font-size: 14px; }
.mpr-exp-ways-example { border-left: 3px solid var(--mpr-accent); padding: 4px 0 4px 16px; }
.mpr-exp-ways-note { color: var(--mpr-text-muted); font-size: 13px; }
.mpr-exp-concept-draft { display:inline-block; margin:0 0 8px; padding:2px 8px; border:1px dashed #ED2124; color:#ED2124; font-size:.8em; text-transform:uppercase; letter-spacing:0; } .mpr-exp-related {
margin: 56px 0 0;
}
.mpr-exp-related h2 {
font-family: var(--mpr-font-body);
font-size: 22px;
font-weight: 800;
margin: 0 0 18px;
color: var(--mpr-text);
}
.mpr-exp-fold-btn {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
margin: 0;
padding: 0;
border: 0;
background: none;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}
.mpr-exp-fold-btn::after {
content: "";
flex: 0 0 auto;
width: 9px;
height: 9px;
margin-right: 4px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate( 45deg );
transition: transform .15s ease;
}
.mpr-exp-fold-btn[aria-expanded="true"]::after {
transform: rotate( 225deg );
}
.mpr-exp-block.is-folded h2 {
margin-bottom: 0;
}
.mpr-exp-block.is-folded {
padding-bottom: 14px;
border-bottom: 1px solid var(--mpr-line);
}
@media ( prefers-reduced-motion: reduce ) {
.mpr-exp-fold-btn::after { transition: none; }
} .mpr-exp-card { background: var(--mpr-fill, #101010); }
.mpr-profile-nav { border: 0 !important; }
.mpr-profile-nav-all { border: 0 !important; background: var(--mpr-fill, #101010); }.mpr-cast-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(var(--mpr-cast-cols, 4), minmax(0, 1fr));
gap: 40px 28px;
}
.mpr-cast-card {
margin: 0;
text-align: center;
}
.mpr-cast-link {
display: block;
color: inherit;
text-decoration: none;
} .mpr-cast-photo {
display: block;
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
margin: 0 auto 16px;
border: 1px solid currentColor;
border-color: color-mix(in srgb, currentColor 35%, transparent);
border-radius: 50%;
overflow: hidden;
}
.mpr-cast-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .4s ease;
}
.mpr-cast-link:hover .mpr-cast-photo img,
.mpr-cast-link:focus-visible .mpr-cast-photo img {
transform: scale(1.04);
} .mpr-cast-photo-empty {
display: block;
width: 100%;
height: 100%;
background: currentColor;
opacity: .08;
} .mpr-cast-body {
display: block;
}
.mpr-cast-title {
display: block;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
line-height: 1.2;
}
.mpr-cast-role {
display: block;
margin-top: 4px;
font-size: .8em;
letter-spacing: 0;
text-transform: uppercase;
opacity: .65;
}
.mpr-cast-tagline {
display: block;
margin-top: 8px;
font-size: .9em;
line-height: 1.45;
opacity: .8;
}
.mpr-cast-empty {
opacity: .7;
} @media (max-width: 1100px) {
.mpr-cast-grid {
grid-template-columns: repeat(min(var(--mpr-cast-cols, 4), 3), minmax(0, 1fr));
}
}
@media (max-width: 820px) {
.mpr-cast-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px 20px;
}
}
@media (max-width: 480px) {
.mpr-cast-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 26px 16px;
}
.mpr-cast-tagline {
display: none; }
}.mpr-crumbs {
font-family: var(--mpr-font-body);
font-size: 13px;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
margin: 0 0 28px;
}
.mpr-crumbs ol {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 6px;
}
.mpr-crumbs li {
margin: 0;
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--mpr-text-muted);
} .mpr-crumbs li + li::before {
content: "/";
opacity: .45;
}
.mpr-crumbs a {
color: var(--mpr-text-muted);
text-decoration: none;
border-bottom: 1px solid transparent;
}
.mpr-crumbs a:hover,
.mpr-crumbs a:focus-visible {
color: #FFFFFF;
border-bottom-color: var(--mpr-accent);
}
.mpr-crumbs [aria-current="page"] {
color: #FFFFFF;
} .mpr-event .mpr-crumbs {
margin: 0 0 16px;
} .mpr-roster-switch {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 0 0 40px;
}
.mpr-roster-tab {
font-family: var(--mpr-font-body);
font-size: 13px;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
text-decoration: none;
color: var(--mpr-text-muted);
padding: 9px 18px;
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}
.mpr-roster-tab:hover,
.mpr-roster-tab:focus-visible {
color: #FFFFFF;
border-color: rgba(255, 255, 255, .5);
}
.mpr-roster-tab.is-active {
color: #FFFFFF;
background: var(--mpr-accent);
border-color: var(--mpr-accent);
} .mpr-profile-nav {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 20px;
margin: 56px 0 0;
padding: 22px 0 0;
border-top: 1px solid var(--mpr-line);
font-family: var(--mpr-font-body);
}
.mpr-profile-nav-link {
display: block;
text-decoration: none;
color: var(--mpr-text);
min-width: 0;
}
.mpr-profile-nav-next {
text-align: right;
}
.mpr-profile-nav-dir {
display: block;
font-size: 11px;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
color: var(--mpr-text-muted);
margin-bottom: 4px;
} .mpr-profile-nav-name {
display: block; font-family: var(--mpr-font-display) !important;
font-size: 22px;
line-height: 1.15;
color: #FFFFFF;
overflow-wrap: anywhere;
}
.mpr-profile-nav-link:hover .mpr-profile-nav-name,
.mpr-profile-nav-link:focus-visible .mpr-profile-nav-name {
color: var(--mpr-accent);
}
.mpr-profile-nav-all {
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
text-decoration: none;
color: var(--mpr-text-muted);
white-space: nowrap;
padding: 8px 16px;
border: 1px solid var(--mpr-line);
border-radius: var( --mpr-radius, 0 );
}
.mpr-profile-nav-all:hover,
.mpr-profile-nav-all:focus-visible {
color: #FFFFFF;
border-color: rgba(255, 255, 255, .5);
}
@media (max-width: 640px) {
.mpr-profile-nav {
grid-template-columns: 1fr 1fr;
row-gap: 24px;
} .mpr-profile-nav-all {
grid-column: 1 / -1;
order: 3;
justify-self: center;
}
.mpr-profile-nav-name {
font-size: 18px;
}
} @media (max-width: 640px) {
.mpr-crumbs {
font-size: 12px;
} .mpr-crumbs li:has([aria-current="page"]) {
display: none;
}
}body #page-container .et_pb_button {
min-height: 48px;
padding: 11px 22px;
}  body #page-container .et_pb_text p,
body #page-container .et_pb_blurb_description p,
body #page-container .et_pb_fullwidth_header .header-content p, body #page-container .et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
line-height: 1.55;
} body #page-container .et_pb_module h2,
body #page-container .et_pb_module h3,
body #page-container .et_pb_module h4 {
font-family: var( --mpr-font-body, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif );
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
} body #page-container .mpr-thin,
body #page-container .et_pb_module h2 .mpr-thin,
body #page-container .et_pb_module h3 .mpr-thin {
font-weight: 300;
}@keyframes mhq-fill { 0% { background-size: 0% 100%, auto; } 60% { background-size: 70% 100%, auto; } 100% { background-size: 94% 100%, auto; } }
.mhq-busy {
position: relative;
background-image: linear-gradient( rgba( 255, 255, 255, .34 ), rgba( 255, 255, 255, .34 ) ), linear-gradient( transparent, transparent ) !important;
background-repeat: no-repeat !important;
background-position: left center !important;
background-size: 0% 100%, auto;
animation: mhq-fill 6s cubic-bezier( .2, .7, .3, 1 ) forwards;
pointer-events: none !important;
cursor: progress !important;
opacity: .95;
}
.mhq-done {
background-image: linear-gradient( rgba( 255, 255, 255, .34 ), rgba( 255, 255, 255, .34 ) ) !important;
background-repeat: no-repeat !important;
background-size: 100% 100% !important;
transition: background-size .2s ease;
}
@media ( prefers-reduced-motion: reduce ) {
.mhq-busy { animation: none; background-size: 60% 100%, auto; }
}.mpr_experiences__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%}.mpr_experiences__card{display:flex;flex-direction:column;overflow:hidden;min-width:0}.mpr_experiences__media{display:block;aspect-ratio:4/3;overflow:hidden}.mpr_experiences__media img{width:100%;height:100%;object-fit:cover;display:block}.mpr_experiences__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:22px}.mpr_experiences__title{margin:0;overflow-wrap:anywhere}.mpr_experiences__title a{text-decoration:none}.mpr_experiences__title--art{padding:0;margin:0}.mpr_experiences__hook,.mpr_experiences__meta{margin:0}.mpr_experiences__more{margin-top:auto;text-decoration:none}.mpr_experiences__notice{grid-column:1/-1;margin:0;opacity:.7}.mpr_monster_carousel__viewport{position:relative;width:100%}.mpr_monster_carousel__track{display:flex;gap:24px;width:100%;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mpr_monster_carousel__track::-webkit-scrollbar{display:none}.mpr_monster_carousel__card{display:flex;flex-direction:column;overflow:hidden;min-width:0;scroll-snap-align:start}.mpr_monster_carousel__media{display:block;aspect-ratio:4/5;overflow:hidden}.mpr_monster_carousel__media img{width:100%;height:100%;object-fit:cover;display:block}.mpr_monster_carousel__body{display:flex;flex-direction:column;gap:6px;flex:1;padding:18px}.mpr_monster_carousel__title{margin:0;overflow-wrap:anywhere}.mpr_monster_carousel__title a{text-decoration:none}.mpr_monster_carousel__role,.mpr_monster_carousel__tagline{margin:0}.mpr_monster_carousel__more{margin-top:auto;text-decoration:none}.mpr_monster_carousel__notice{margin:0;opacity:.7;white-space:nowrap}.mpr_monster_carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;line-height:1;font-size:22px;border-radius:50%;border:none;cursor:pointer;background:#0000008c;color:#fff}.mpr_monster_carousel__arrow:focus-visible,.mpr_monster_carousel__arrow:hover{background:#000c}.mpr_monster_carousel__arrow--prev{left:4px}.mpr_monster_carousel__arrow--next{right:4px}.mpr_lanes__notice{margin:0;padding:24px;opacity:.7;font-style:italic}.mpr-lanes{display:grid;gap:28px;grid-template-columns:repeat(4,minmax(0,1fr))}.mpr-lane{display:flex;flex-direction:column;gap:10px;padding:26px 24px 24px;border:1px solid#7f7f7f59;border-radius:0}.mpr-lane .mpr-lane-name{margin:0;font-size:15px;font-weight:700;text-transform:uppercase;opacity:.78}.mpr-lane .mpr-lane-outcome{margin:0;font-size:20px;font-weight:700;line-height:1.25}.mpr-lane .mpr-lane-product{margin:0;font-weight:300;line-height:1.5;opacity:.78}.mpr-lane .mpr-pitch-buttons{margin-top:auto;padding-top:14px;display:flex;flex-wrap:wrap;gap:12px}.mpr-lane .mpr-pitch-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:2px solid#0000;border-radius:0;font-size:16px;font-weight:600;line-height:1.1;text-transform:uppercase}.mpr-lane .mpr-pitch-btn-primary{background:#c81a1d;border-color:#c81a1d;color:#fff}.mpr_pitch__empty,.mpr_pitch__notice{margin:0;padding:24px;opacity:.7;font-style:italic}.mpr-pitch{display:grid;gap:22px}.mpr-pitch .mpr-pitch-eyebrow{margin:0 0 10px;font-size:13px;font-weight:600;text-transform:uppercase;opacity:.78}.mpr-pitch .mpr-pitch-headline{margin:0;font-weight:700;text-transform:uppercase;line-height:1.05}.mpr-pitch .mpr-pitch-lede{margin:0 0 16px;line-height:1.55;max-width:62ch}.mpr-pitch .mpr-pitch-points{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:14px}.mpr-pitch .mpr-pitch-point{display:grid;gap:3px;padding-left:16px;border-left:2px solid#7f7f7f59}.mpr-pitch .mpr-pitch-point-lead{font-weight:700;line-height:1.35}.mpr-pitch .mpr-pitch-point-rest{font-weight:300;line-height:1.5;opacity:.78}.mpr-pitch .mpr-pitch-kicker{margin:0 0 22px;font-weight:700;text-transform:uppercase;line-height:1.3}.mpr-pitch .mpr-pitch-buttons{display:flex;flex-wrap:wrap;gap:12px}.mpr-pitch .mpr-pitch-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:2px solid#0000;border-radius:0;font-size:16px;font-weight:600;line-height:1.1;text-transform:uppercase}.mpr-pitch .mpr-pitch-btn-primary{background:#c81a1d;border-color:#c81a1d;color:#fff}.mpr-pitch .mpr-pitch-btn-ghost{background:#0000;border-color:currentcolor}@media (width>=900px){.mpr-pitch-split{grid-template-columns:minmax(0,5fr)minmax(0,7fr);gap:48px;align-items:start}}