*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
margin: 0;
background: var(--mv-paper);
color: var(--mv-ink);
font-family: var(--mv-font-body);
font-size: var(--mv-size-body);
font-weight: var(--mv-weight-light);
line-height: var(--mv-leading-body);
}
.mv-skip {
position: absolute; left: -9999px;
font-size: var(--mv-size-nav);
background: var(--mv-paper); color: var(--mv-sun);
padding: var(--mv-space-sm) var(--mv-space-md);
border-radius: var(--mv-radius);
}
.mv-skip:focus { left: var(--mv-space-md); top: var(--mv-space-md); z-index: 4; }
.mv-wrap {
max-width: var(--mv-container); margin-left: auto; margin-right: auto;
padding-left: var(--mv-gutter); padding-right: var(--mv-gutter);
}
.mv-narrow { max-width: var(--mv-measure-prose); }
.mv-eyebrow {
font-size: var(--mv-size-eyebrow); font-weight: var(--mv-weight-semibold);
letter-spacing: var(--mv-tracking-eyebrow); text-transform: uppercase;
color: var(--mv-sun); margin-top: 0; margin-bottom: var(--mv-space-md);
}
.mv-h1 {
font-family: var(--mv-font-display); font-weight: var(--mv-weight-light);
font-size: var(--mv-size-display); line-height: var(--mv-leading-display);
letter-spacing: var(--mv-tracking-display);
margin-top: 0; margin-bottom: var(--mv-space-lg);
}
.mv-h2 {
font-family: var(--mv-font-display); font-weight: var(--mv-weight-light);
font-size: var(--mv-size-display-2); line-height: var(--mv-leading-display-2);
letter-spacing: var(--mv-tracking-display-2);
margin-top: var(--mv-space-2xl); margin-bottom: var(--mv-space-md);
}
.mv-h3 {
font-family: var(--mv-font-display); font-weight: var(--mv-weight-regular);
font-size: var(--mv-size-display-3); line-height: var(--mv-leading-display-3);
margin-top: var(--mv-space-xl); margin-bottom: var(--mv-space-xs);
}
.mv-h3.mv-h3 {
font-family: var(--mv-font-display); font-weight: var(--mv-weight-regular);
font-size: var(--mv-size-display-3); line-height: var(--mv-leading-display-3);
margin-top: var(--mv-space-xl); margin-bottom: var(--mv-space-xs);
}
.mv-h4 {
font-family: var(--mv-font-display); font-weight: var(--mv-weight-regular);
font-size: var(--mv-size-h4); line-height: var(--mv-leading-display-3);
margin-top: var(--mv-space-lg); margin-bottom: var(--mv-space-xs);
}
.mv-lede {
font-family: var(--mv-font-display); font-weight: var(--mv-weight-light);
font-size: var(--mv-size-lede); line-height: var(--mv-leading-lede);
color: var(--mv-ink-soft); max-width: var(--mv-measure-lede);
margin-top: 0; margin-bottom: var(--mv-space-lg);
}
.mv-prose { max-width: var(--mv-measure-prose); }
.mv-prose--wide { max-width: var(--mv-container); }
.mv-prose--wide > p,
.mv-prose--wide > ul,
.mv-prose--wide > ol,
.mv-prose--wide > .mv-list { max-width: var(--mv-measure-prose); }
.mv-prose p { margin-top: 0; margin-bottom: var(--mv-flow-prose); }
.mv-prose a {
color: var(--mv-sun); text-decoration: none;
border-bottom: var(--mv-border-hair) solid var(--mv-rule);
transition: border-color var(--mv-transition);
}
.mv-prose a:hover, .mv-prose a:focus-visible { border-bottom-color: var(--mv-hover-link-border); }
.mv-prose strong { font-weight: var(--mv-weight-semibold); }
.mv-prose img { max-width: 100%; height: auto; border-radius: var(--mv-radius); }
.mv-prose h2 { font-family: var(--mv-font-display); font-weight: var(--mv-weight-light);
font-size: var(--mv-size-display-2); line-height: var(--mv-leading-display-2);
letter-spacing: var(--mv-tracking-display-2);
margin-top: var(--mv-space-2xl); margin-bottom: var(--mv-space-md); }
.mv-prose h3 { font-family: var(--mv-font-display);
font-weight: var(--mv-weight-regular); font-size: var(--mv-size-display-3);
line-height: var(--mv-leading-display-3);
margin-top: var(--mv-space-xl); margin-bottom: var(--mv-space-xs); }
.mv-prose h4 { font-family: var(--mv-font-display);
font-weight: var(--mv-weight-regular); font-size: var(--mv-size-h4);
line-height: var(--mv-leading-display-3);
margin-top: var(--mv-space-lg); margin-bottom: var(--mv-space-xs); }
.mv-prose h2.mv-toc__title {
font-weight: var(--mv-weight-regular); font-size: var(--mv-size-h4);
line-height: var(--mv-leading-display-3);
margin-top: var(--mv-space-lg); margin-bottom: var(--mv-space-xs);
}
iframe { max-width: 100%; }
img { max-width: 100%; }
svg { max-width: var(--mv-icon-max); max-height: var(--mv-icon-max); }
.uagb-icon-list__source-wrap { display: inline-flex; align-items: center;
margin-right: var(--mv-space-xs); vertical-align: middle; }
.uagb-icon-list__source-wrap svg { fill: var(--mv-sun); }
.mv-figure img { width: 100%; height: auto; border-radius: var(--mv-radius); }
.mv-figure__link { display: block; }
.mv-figure__link:hover img, .mv-figure__link:focus-visible img {
opacity: var(--mv-figure-link-hover);
}
.mv-figure__link img { transition: opacity var(--mv-transition); }
.mv-figure { margin: 0; }
.mv-list { max-width: var(--mv-measure-prose); padding-left: var(--mv-space-lg); }
.mv-list li { margin-bottom: var(--mv-space-xs); }
.mv-postmeta {
font-size: var(--mv-size-meta); letter-spacing: var(--mv-tracking-link);
text-transform: uppercase; color: var(--mv-ink-soft);
margin-top: 0; margin-bottom: var(--mv-space-lg);
display: flex; flex-wrap: wrap; align-items: baseline;
gap: var(--mv-space-xs);
}
.mv-postmeta__item + .mv-postmeta__item::before {
content: "·"; margin-right: var(--mv-space-xs); color: var(--mv-rule);
}
.mv-postmeta a {
color: var(--mv-sun); text-decoration: none;
border-bottom: var(--mv-border-hair) solid transparent;
transition: border-color var(--mv-transition);
}
.mv-postmeta a:hover, .mv-postmeta a:focus-visible {
border-bottom-color: var(--mv-sun);
}
.mv-band { padding-top: var(--mv-pad-band); padding-bottom: var(--mv-pad-band); }
.mv-band.mv-band:has(+ .mv-restinvite),
.mv-band.mv-band:has(+ .mv-imageband) { padding-bottom: 0; }
.mv-restinvite + .mv-band.mv-band,
.mv-imageband + .mv-band.mv-band { padding-top: 0; }
.mv-restinvite + .mv-band :is(h1,h2,h3,h4,p):first-child,
.mv-imageband + .mv-band :is(h1,h2,h3,h4,p):first-child { margin-top: 0; }
.mv-band:has(+ .mv-restinvite) :is(h1,h2,h3,h4,p):last-child,
.mv-band:has(+ .mv-imageband) :is(h1,h2,h3,h4,p):last-child { margin-bottom: 0; }
.mv-restinvite + .mv-band :is(.mv-wrap) > .mv-d4:first-child,
.mv-restinvite + .mv-band :is(.mv-wrap) > :first-child > .mv-d4:first-child,
.mv-imageband + .mv-band :is(.mv-wrap) > .mv-d4:first-child,
.mv-imageband + .mv-band :is(.mv-wrap) > :first-child > .mv-d4:first-child {
margin-top: 0;
}
.mv-band:has(+ .mv-restinvite) :is(.mv-wrap) > .mv-d4:last-child,
.mv-band:has(+ .mv-restinvite) :is(.mv-wrap) > :last-child > .mv-d4:last-child,
.mv-band:has(+ .mv-imageband) :is(.mv-wrap) > .mv-d4:last-child,
.mv-band:has(+ .mv-imageband) :is(.mv-wrap) > :last-child > .mv-d4:last-child {
margin-bottom: 0;
}
.mv-band--tint { background: var(--mv-grad-tint); }
.mv-band--deep { background: var(--mv-grad-deep); color: var(--mv-paper); }
.mv-band--deep .mv-eyebrow { color: var(--mv-gold); }
.mv-band--deep .mv-lede { color: var(--mv-gold-light); }
.mv-band--deep .mv-prose a { color: var(--mv-gold-light); }
.mv-nav {
position: absolute; top: 0; left: 0; right: 0; z-index: 3;
display: flex; align-items: center; justify-content: space-between;
gap: var(--mv-nav-gap); flex-wrap: wrap;
padding: var(--mv-space-lg) var(--mv-pad-fullbleed);
}
.mv-nav::before {
content: ""; position: absolute;
top: 0; left: 0; right: 0; bottom: calc(-1 * var(--mv-space-2xl));
background: var(--mv-scrim-nav);
pointer-events: none; z-index: -1;
}
.mv-mark {
font-family: var(--mv-font-display); font-weight: var(--mv-weight-regular);
font-size: var(--mv-size-mark); color: var(--mv-on-dark); text-decoration: none;
display: inline-flex; align-items: center; min-height: var(--mv-tap-min);
gap: var(--mv-space-xs);
}
.mv-mark__emblem {
width: var(--mv-mark-emblem); height: var(--mv-mark-emblem);
border-radius: var(--mv-radius-circle); display: block; flex: 0 0 auto;
box-shadow: 0 0 0 var(--mv-border-ring) var(--mv-gold);
}
.mv-mark__text { display: flex; flex-direction: column;
line-height: var(--mv-leading-mark); }
.mv-mark__name { white-space: nowrap; }
.mv-nav a.mv-mark,
.mv-nav a.mv-mark:hover,
.mv-nav a.mv-mark:focus-visible {
border-bottom: 0; padding-bottom: 0; color: var(--mv-on-dark);
}
.mv-mark__tag {
font-family: var(--mv-font-body); font-size: var(--mv-size-mark-tag);
letter-spacing: var(--mv-tracking-tag); text-transform: uppercase;
color: var(--mv-paper); margin-top: var(--mv-space-3xs);
white-space: nowrap;
}
.mv-nav ul {
list-style: none; display: flex;
column-gap: var(--mv-space-lg); row-gap: var(--mv-space-2xs);
margin: 0; padding: 0; flex-wrap: wrap;
}
.mv-nav a {
font-size: var(--mv-size-nav); font-weight: var(--mv-weight-regular);
color: var(--mv-on-dark-soft); text-decoration: none;
border-bottom: var(--mv-border-hair) solid transparent;
padding-bottom: var(--mv-space-3xs);
transition: color var(--mv-transition), border-color var(--mv-transition);
}
.mv-nav a:hover, .mv-nav a:focus-visible {
color: var(--mv-hover-nav-fg); border-bottom-color: var(--mv-hover-nav-border);
}
.mv-nav a[aria-current] { border-bottom-color: var(--mv-hover-nav-border); }
.mv-nav > ul > li > a {
position: relative;
display: inline-flex; align-items: center;
min-height: var(--mv-tap-min);
padding-bottom: 0; border-bottom: 0;
}
.mv-nav > ul > li > a::before {
content: ""; position: absolute; left: 0; right: 0;
top: calc(50% + var(--mv-nav-underline-drop));
border-bottom: var(--mv-border-hair) solid transparent;
transition: border-color var(--mv-transition);
}
.mv-nav > ul > li > a:hover::before,
.mv-nav > ul > li > a:focus-visible::before,
.mv-nav > ul > li > a[aria-current]::before {
border-bottom-color: var(--mv-hover-nav-border);
}
.mv-hero {
position: relative; min-height: var(--mv-hero-min);
display: flex; align-items: flex-end; overflow: hidden;
}
.mv-hero > img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover;
}
.mv-hero > img.mv-hero__img--focus-upper { object-position: center 24%; }
.mv-hero .mv-scrim { position: absolute; inset: 0; pointer-events: none; background: var(--mv-scrim-hero); }
.mv-hero .mv-inner {
position: relative; z-index: 1;
padding-top: var(--mv-pad-hero-top); padding-bottom: var(--mv-pad-hero-bottom);
color: var(--mv-on-dark);
width: 100%;
}
.mv-hero .mv-h1 { color: var(--mv-on-dark); max-width: var(--mv-measure-overlay); }
@media (min-width: 780px) {
.mv-hero--wideline .mv-h1 { max-width: none; }
}
.mv-hero .mv-lede { color: var(--mv-on-dark-soft); }
.mv-hero .mv-eyebrow { color: var(--mv-gold); }
.mv-hero--noimg { background: var(--mv-grad-deep); min-height: auto; display: block; }
.mv-hero--noimg .mv-nav { position: static; }
.mv-hero--noimg .mv-inner {
padding-top: var(--mv-space-2xl); padding-bottom: var(--mv-space-2xl);
}
.mv-hero--home .mv-inner {
padding-bottom: calc(var(--mv-pad-hero-bottom) + var(--mv-hero-home-lift));
}
@media (max-width: 860px) {
.mv-hero { display: block; min-height: auto; }
.mv-hero .mv-nav { position: relative; }
.mv-hero .mv-inner {
padding-top: var(--mv-space-2xl); padding-bottom: var(--mv-space-2xl);
}
}
.mv-imageband {
position: relative; overflow: hidden;
margin-top: var(--mv-pad-breakout); margin-bottom: var(--mv-pad-breakout);
}
.mv-figure--bleed {
max-width: none;
margin-left: var(--mv-bleed-pull); margin-right: var(--mv-bleed-pull);
margin-top: var(--mv-pad-band); margin-bottom: var(--mv-pad-band);
}
.mv-figure.mv-figure--bleed img {
display: block; width: 100%; height: var(--mv-cta-min); object-fit: cover;
}
.mv-imageband img {
display: block; width: 100%; height: var(--mv-cta-min); object-fit: cover;
}
.mv-cta {
position: relative; min-height: var(--mv-cta-min);
display: flex; align-items: center; justify-content: center;
text-align: center; overflow: hidden;
}
.mv-cta > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mv-cta .mv-scrim { position: absolute; inset: 0; pointer-events: none; background: var(--mv-scrim-cta); }
.mv-cta .mv-inner {
position: relative; z-index: 1; color: var(--mv-on-dark);
padding: var(--mv-space-2xl) var(--mv-gutter); max-width: var(--mv-cta-measure);
}
.mv-cta .mv-h2 { color: var(--mv-on-dark); margin-top: 0; }
.mv-cta__line { display: block; }
@media (max-width: 420px) {
.mv-cta__line { display: inline; }
.mv-cta__line + .mv-cta__line::before { content: " "; }
}
.mv-cta .mv-eyebrow { color: var(--mv-gold); }
.mv-cta .mv-deck { color: var(--mv-on-dark-soft); margin-bottom: var(--mv-space-lg); }
.mv-cta .mv-btns {
display: flex; flex-wrap: wrap; justify-content: center;
gap: var(--mv-space-sm); margin: 0;
}
.mv-cta .mv-btns .mv-btn + .mv-btn {
background: transparent; color: var(--mv-on-dark);
border: var(--mv-border-hair) solid var(--mv-on-dark);
}
.mv-cta .mv-btns .mv-btn + .mv-btn:hover { background: var(--mv-wash-on-dark); }
.mv-prose a.mv-btn, .mv-btn {
display: inline-block; font-family: var(--mv-font-body);
font-size: var(--mv-size-btn); font-weight: var(--mv-weight-semibold);
letter-spacing: var(--mv-tracking-btn); text-transform: uppercase;
padding: var(--mv-pad-btn-y) var(--mv-pad-btn-x); text-decoration: none;
background: var(--mv-amber); color: var(--mv-on-dark);
border: var(--mv-border-hair) solid var(--mv-amber);
border-radius: var(--mv-radius-pill);
margin-right: var(--mv-space-xs); margin-bottom: var(--mv-space-xs);
transition: background var(--mv-transition), border-color var(--mv-transition),
color var(--mv-transition);
}
.mv-prose a.mv-btn:hover, .mv-btn:hover, .mv-btn:focus-visible {
background: var(--mv-hover-btn-bg); border-color: var(--mv-hover-btn-border);
color: var(--mv-hover-btn-fg);
}
.mv-btn--ghost {
background: transparent; color: var(--mv-ink); border-color: var(--mv-ink);
}
.mv-btn--ghost:hover, .mv-btn--ghost:focus-visible {
background: var(--mv-hover-ghost-bg); color: var(--mv-hover-ghost-fg);
}
.mv-hero .mv-btn--ghost, .mv-cta .mv-btn--ghost {
color: var(--mv-on-dark); border-color: var(--mv-on-dark-faint);
}
.mv-hero .mv-btn--ghost:hover, .mv-cta .mv-btn--ghost:hover {
background: var(--mv-hover-ghost-on-dark-bg); color: var(--mv-hover-ghost-on-dark-fg);
}
.mv-cards {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--mv-gap-cards);
}
.mv-card {
background: var(--mv-on-dark); border-radius: var(--mv-radius);
overflow: hidden; box-shadow: var(--mv-shadow);
}
.mv-card__img {
position: relative; aspect-ratio: var(--mv-card-ratio);
overflow: hidden; background: var(--mv-grad-card);
}
.mv-card__img img {
position: absolute; inset: 0;
width: 100%; height: 100%; object-fit: cover; display: block;
}
.mv-prose .mv-card__img img { height: 100%; }
.mv-card__body { padding: var(--mv-pad-card); }
.mv-card__body p { font-size: var(--mv-size-card-body); color: var(--mv-ink-soft); }
.mv-card a:not(.mv-btn) {
font-size: var(--mv-size-eyebrow); font-weight: var(--mv-weight-semibold);
letter-spacing: var(--mv-tracking-link); text-transform: uppercase;
color: var(--mv-sun); text-decoration: none;
border-bottom: var(--mv-border-hair) solid transparent;
transition: border-color var(--mv-transition);
}
.mv-card a:not(.mv-btn):hover,
.mv-card a:not(.mv-btn):focus-visible { border-bottom-color: var(--mv-sun); }
.mv-card--deal { display: flex; flex-direction: column; }
.mv-card--deal .mv-card__body { display: flex; flex-direction: column; flex: 1 1 auto; }
.mv-card--deal .mv-card__body > .mv-btn {
margin-top: auto;
align-self: flex-start;
margin-right: 0; margin-bottom: 0;
white-space: nowrap;
}
.mv-card--deal .mv-card__img img {
transition: transform var(--mv-card-zoom-time);
}
.mv-card--deal:hover .mv-card__img img,
.mv-card--deal:focus-within .mv-card__img img {
transform: scale(var(--mv-card-zoom));
}
.mv-card__meta {
font-size: var(--mv-size-meta); letter-spacing: var(--mv-tracking-tag);
text-transform: uppercase; color: var(--mv-ink-soft);
margin-top: var(--mv-space-xs); margin-bottom: var(--mv-space-md);
}
.mv-card__body p.mv-card__meta { font-size: var(--mv-size-meta); }
.mv-dateline {
font-size: var(--mv-size-meta); letter-spacing: var(--mv-tracking-tag);
text-transform: uppercase; color: var(--mv-ink-soft);
margin-top: 0; margin-bottom: var(--mv-space-lg);
}
.mv-postcard {
position: relative;
background: var(--mv-on-dark); border-radius: var(--mv-radius);
overflow: hidden; box-shadow: var(--mv-shadow);
display: flex; flex-direction: column;
transition: box-shadow var(--mv-transition), transform var(--mv-transition);
}
.mv-postcard:hover { box-shadow: var(--mv-shadow-lift); }
.mv-postcard__img {
aspect-ratio: var(--mv-card-ratio); background: var(--mv-grad-card);
overflow: hidden;
}
.mv-postcard__img img {
width: 100%; height: 100%; object-fit: cover; display: block;
transition: transform var(--mv-transition);
}
.mv-postcard:hover .mv-postcard__img img,
.mv-postcard:focus-within .mv-postcard__img img {
transform: scale(var(--mv-postcard-zoom));
}
.mv-postcard__body {
padding: var(--mv-pad-card);
display: flex; flex-direction: column; flex: 1 1 auto;
}
.mv-postcard__meta {
font-size: var(--mv-size-meta); letter-spacing: var(--mv-tracking-tag);
text-transform: uppercase; color: var(--mv-ink-soft);
margin-top: 0; margin-bottom: var(--mv-space-xs);
display: flex; flex-wrap: wrap; gap: var(--mv-space-xs);
}
.mv-postcard__cat::before { content: "·"; margin-right: var(--mv-space-xs); }
.mv-postcard__cat { color: var(--mv-sun); }
.mv-postcard__title { margin-top: 0; margin-bottom: var(--mv-space-xs); }
.mv-postcard__link { color: var(--mv-ink); text-decoration: none; }
.mv-postcard__link::after { content: ""; position: absolute; inset: 0; }
.mv-postcard:hover .mv-postcard__link { color: var(--mv-sun); }
.mv-postcard__link:focus-visible {
outline: var(--mv-focus-width) solid var(--mv-focus-color);
outline-offset: var(--mv-focus-offset);
}
.mv-postcard__deck {
font-size: var(--mv-size-card-body); color: var(--mv-ink-soft);
margin-top: 0; margin-bottom: var(--mv-space-md); flex: 1 1 auto;
}
.mv-postcard__more {
font-size: var(--mv-size-eyebrow); font-weight: var(--mv-weight-semibold);
letter-spacing: var(--mv-tracking-link); text-transform: uppercase;
color: var(--mv-sun); display: inline-flex; align-items: center;
gap: var(--mv-space-xs); margin-top: auto;
}
.mv-arrow { transition: transform var(--mv-transition); flex: none; }
.mv-d4__arrow { display: none; }
.mv-d4--deep .mv-d4__item { display: flex; gap: var(--mv-space-sm); }
.mv-d4--deep .mv-d4__arrow {
display: block; color: var(--mv-gold);
align-self: flex-start; margin-top: var(--mv-arrow-first-line);
max-width: none;
}
.mv-d4--deep .mv-d4__item:hover .mv-arrow {
transform: translateX(var(--mv-arrow-x));
}
.mv-postcard:hover .mv-arrow, .mv-postcard:focus-within .mv-arrow,
.mv-svc:hover .mv-arrow, .mv-svc:focus-within .mv-arrow {
transform: translateX(var(--mv-arrow-x));
}
@media (prefers-reduced-motion: reduce) {
.mv-postcard__img img, .mv-arrow { transition: none; }
.mv-postcard:hover .mv-postcard__img img { transform: none; }
}
.mv-quote.mv-quote--portrait { display: flex; gap: var(--mv-space-lg);
align-items: flex-start; text-align: left;
max-width: var(--mv-measure-prose); margin-left: 0; margin-right: 0; }
.mv-quote--portrait::before { content: none; }
.mv-quote__face { width: var(--mv-quoteface); height: var(--mv-quoteface);
border-radius: var(--mv-radius-pill); object-fit: cover; flex: none;
max-width: none; max-height: none; }
.mv-quote__side { flex: 1; min-width: 0; }
.mv-quote--portrait .mv-quote__text p { margin-top: 0; }
.mv-quote--portrait .mv-quote__text, .mv-quote--portrait .mv-quote__cite {
max-width: none; margin-left: 0; margin-right: 0; text-align: left; }
@media (max-width: 620px) { .mv-quote--portrait { flex-direction: column; } }
.mv-authorcard {
margin: 0 auto; max-width: var(--mv-authorcard-max);
}
.mv-authorcard img {
width: 100%; height: auto; display: block;
border-radius: var(--mv-radius); box-shadow: var(--mv-shadow);
}
.mv-giftflow { margin: var(--mv-space-2xl) 0; max-width: var(--mv-giftflow-max); }
.mv-giftflow__svg { width: 100%; height: auto; display: block;
max-width: none; max-height: none; }
.mv-giftflow__box {
fill: none; stroke: var(--mv-ink-soft); stroke-width: var(--mv-giftflow-stroke);
}
.mv-giftflow__box--node { fill: var(--mv-paper-tint); }
.mv-giftflow__box--accent { stroke: var(--mv-sun); fill: var(--mv-paper-tint); }
.mv-giftflow__line, .mv-giftflow__head {
fill: none; stroke: var(--mv-ink-soft); stroke-width: var(--mv-giftflow-stroke);
stroke-linecap: round; stroke-linejoin: round;
}
.mv-giftflow__head--accent { stroke: var(--mv-sun); }
.mv-giftflow__label {
fill: var(--mv-ink); font-family: var(--mv-font-display);
font-size: var(--mv-size-display-3); font-weight: var(--mv-weight-regular);
}
.mv-giftflow__label--accent { fill: var(--mv-sun); }
.mv-giftflow__sub {
fill: var(--mv-ink-soft); font-family: var(--mv-font-body);
font-size: var(--mv-size-card-body);
}
.mv-giftflow__sub--accent { fill: var(--mv-sun); }
.mv-giftflow__svg--narrow { display: none; }
@media (max-width: 860px) {
.mv-giftflow__svg--wide { display: none; }
.mv-giftflow__svg--narrow { display: block; }
}
.mv-giftflow__svg--narrow .mv-giftflow__label { font-size: var(--mv-giftflow-label-sm); }
.mv-giftflow__svg--narrow .mv-giftflow__sub { font-size: var(--mv-giftflow-sub-sm); }
.mv-giftflow__caption {
font-size: var(--mv-size-card-body); color: var(--mv-ink-soft);
margin-top: var(--mv-space-md);
}
.mv-gifttable { width: 100%; border-collapse: collapse; }
.mv-gifttable__caption {
caption-side: bottom; text-align: left; margin-top: var(--mv-space-md);
font-size: var(--mv-size-card-body); color: var(--mv-ink-soft);
}
.mv-gifttable th, .mv-gifttable td {
text-align: left; padding: var(--mv-space-sm) var(--mv-space-md);
border-bottom: var(--mv-border-hair) solid var(--mv-rule);
}
.mv-gifttable thead th {
font-family: var(--mv-font-body); font-size: var(--mv-size-eyebrow);
font-weight: var(--mv-weight-semibold); letter-spacing: var(--mv-tracking-eyebrow);
text-transform: uppercase; color: var(--mv-sun);
border-bottom-color: var(--mv-sun);
}
.mv-gifttable tbody td:first-child { color: var(--mv-ink); }
.mv-gifttable tbody td:last-child {
font-weight: var(--mv-weight-semibold); color: var(--mv-ink);
white-space: nowrap;
}
.mv-footer { background: var(--mv-grad-deep); color: var(--mv-paper);
padding-top: var(--mv-pad-band); padding-bottom: var(--mv-pad-band); }
.mv-footer-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--mv-space-xl); }
.mv-footer-heading {
font-size: var(--mv-size-eyebrow); font-weight: var(--mv-weight-semibold);
letter-spacing: var(--mv-tracking-eyebrow); text-transform: uppercase;
color: var(--mv-gold); margin-top: 0; margin-bottom: var(--mv-space-sm);
}
.mv-footer a.mv-footer-heading--plain {
display: block; font-size: var(--mv-size-eyebrow); color: var(--mv-gold);
border-bottom: 0;
}
.mv-footer a.mv-footer-heading--plain:hover { color: var(--mv-gold); }
.mv-footer ul { list-style: none; margin: 0; padding: 0; }
.mv-footer li { margin-bottom: 0; }
.mv-footer a {
font-size: var(--mv-size-nav); color: var(--mv-on-dark-soft);
text-decoration: none; border-bottom: var(--mv-border-hair) solid transparent;
transition: color var(--mv-transition), border-color var(--mv-transition);
}
.mv-footer a:hover, .mv-footer a:focus-visible {
color: var(--mv-hover-nav-fg); border-bottom-color: var(--mv-hover-nav-border);
}
.mv-footer li a {
display: inline-flex; align-items: center; min-height: var(--mv-tap-min);
}
.mv-colophon a {
display: inline-block;
padding-top: var(--mv-space-md); padding-bottom: var(--mv-space-md);
}
.mv-footer .mv-footer-contact {
display: inline-flex; align-items: center; justify-content: center;
min-height: var(--mv-tap-min);
margin-top: var(--mv-space-sm);
padding: var(--mv-space-xs) var(--mv-space-lg);
background: var(--mv-sun); color: var(--mv-on-dark);
border: var(--mv-border-hair) solid var(--mv-sun);
border-radius: var(--mv-radius-pill);
font-size: var(--mv-size-btn); font-weight: var(--mv-weight-semibold);
letter-spacing: var(--mv-tracking-btn); text-transform: uppercase;
text-decoration: none;
transition: background var(--mv-transition), color var(--mv-transition),
border-color var(--mv-transition);
}
.mv-footer .mv-footer-contact:hover,
.mv-footer .mv-footer-contact:focus-visible {
background: var(--mv-hover-ghost-on-dark-bg);
color: var(--mv-hover-ghost-on-dark-fg);
border-color: var(--mv-hover-ghost-on-dark-bg);
}
.mv-colophon { font-size: var(--mv-size-meta); line-height: var(--mv-leading-ui);
color: var(--mv-on-dark-soft); margin-top: var(--mv-space-xl); }
a:focus-visible, .mv-btn:focus-visible {
outline: var(--mv-focus-width) solid var(--mv-focus-color);
outline-offset: var(--mv-focus-offset);
}
@media (max-width: 860px) {
.mv-cards { grid-template-columns: minmax(0, 1fr); }
.mv-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mv-hero .mv-inner { padding-top: var(--mv-space-4xl); }
.mv-imageband img { height: var(--mv-hero-min); }
}
.mv-figure--portrait img, .mv-figure--native img {
aspect-ratio: var(--mv-crop-portrait); object-fit: cover;
width: 100%; height: auto;
}
.mv-figure--card img {
aspect-ratio: var(--mv-crop-card); object-fit: cover; height: auto;
}
.mv-figure--square img {
aspect-ratio: var(--mv-crop-square); object-fit: cover;
width: 100%; height: auto;
}
.mv-figure--square, .mv-figure--native { margin-left: auto; margin-right: auto; }
.mv-figure--centred { margin-left: auto; margin-right: auto; display: block; }
.mv-figure--native { max-width: var(--mv-figure-native-w); }
.mv-figure--native img {
max-width: var(--mv-figure-native-w); max-height: var(--mv-figure-native-h);
}
.mv-d4--numbered .mv-d4__list { counter-reset: mv-num; }
.mv-d4--numbered .mv-d4__item {
position: relative; counter-increment: mv-num;
padding-left: calc(var(--mv-num-size) + var(--mv-num-gap));
}
.mv-d4--numbered .mv-d4__item::before {
content: counter(mv-num);
position: absolute; left: 0; top: var(--mv-space-md);
width: var(--mv-num-size); height: var(--mv-num-size);
display: inline-flex; align-items: center; justify-content: center;
background: var(--mv-sun); color: var(--mv-paper);
font-family: var(--mv-font-body); font-size: var(--mv-size-btn);
font-weight: var(--mv-weight-semibold);
border-radius: var(--mv-radius);
transition: background var(--mv-transition), color var(--mv-transition);
}
.mv-d4--numbered .mv-d4__item:hover::before {
background: var(--mv-gold); color: var(--mv-deep);
}
.mv-prose img { max-width: 100%; height: auto; border-radius: var(--mv-radius); }
.mv-logos {
display: grid; grid-template-columns: repeat(var(--mv-logo-cols), 1fr);
align-items: center; justify-items: center;
gap: var(--mv-space-xl) var(--mv-space-lg);
margin-top: var(--mv-space-xl); margin-bottom: var(--mv-space-xl);
}
.mv-logos img {
width: 100%; height: var(--mv-logo-cell-h);
object-fit: contain; object-position: center;
}
.mv-logos a {
display: flex; align-items: center; justify-content: center;
width: 100%; min-width: 0;
}
.mv-prose .mv-logos a, .mv-logos a { border-bottom: 0; text-decoration: none; }
.mv-logos--3up { --mv-logo-cols: 3; --mv-logo-cols-md: 3; }
.mv-logos.mv-logos--centerlast {
display: flex; flex-wrap: wrap; justify-content: center;
--mv-logo-n: var(--mv-logo-cols);
}
.mv-logos.mv-logos--centerlast > * {
flex: 0 0 calc((100% - var(--mv-space-lg) * (var(--mv-logo-n) - 1))
/ var(--mv-logo-n));
}
@media (max-width: 1100px) {
.mv-logos.mv-logos--centerlast { --mv-logo-n: var(--mv-logo-cols-md); }
}
@media (max-width: 780px) {
.mv-logos.mv-logos--centerlast { --mv-logo-n: var(--mv-logo-cols-sm); }
}
@media (max-width: 520px) {
.mv-logos.mv-logos--centerlast { --mv-logo-n: var(--mv-logo-cols-xs); }
}
@media (max-width: 1100px) {
.mv-logos { grid-template-columns: repeat(var(--mv-logo-cols-md), 1fr); }
}
@media (max-width: 780px) {
.mv-logos { grid-template-columns: repeat(var(--mv-logo-cols-sm), 1fr); }
}
@media (max-width: 520px) {
.mv-logos { grid-template-columns: repeat(var(--mv-logo-cols-xs), 1fr); }
}
.mv-svcgrid {
display: grid; grid-template-columns: repeat(var(--mv-svc-cols), 1fr);
gap: var(--mv-gap-cards); margin: var(--mv-space-2xl) 0;
}
.mv-prose .mv-svcgrid, .mv-prose .mv-logos, .mv-prose .mv-cards {
width: var(--mv-container); max-width: var(--mv-breakout-max);
margin-left: var(--mv-breakout-shift); transform: translateX(-50%);
}
.mv-svcgrid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mv-svcgrid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1000px) {
.mv-svcgrid { grid-template-columns: repeat(var(--mv-svc-cols-md), 1fr); }
}
@media (max-width: 620px) { .mv-svcgrid { grid-template-columns: 1fr; } }
.mv-svc {
display: flex; flex-direction: column; overflow: hidden;
background: var(--mv-paper); border-radius: var(--mv-radius);
box-shadow: var(--mv-shadow); text-decoration: none; color: var(--mv-ink);
border: 0; transition: transform var(--mv-transition),
box-shadow var(--mv-transition);
}
.mv-svc:hover, .mv-svc:focus-visible {
transform: translateY(-3px);
box-shadow: var(--mv-shadow-lift);
}
.mv-svc__img { display: block; }
.mv-svc__img img {
display: block; width: 100%; height: var(--mv-svc-img-h);
object-fit: cover; border-radius: 0;
}
.mv-svc__body {
display: flex; flex-direction: column; gap: var(--mv-space-xs);
padding: var(--mv-pad-card);
}
.mv-svc__title { display: block; color: var(--mv-ink); }
.mv-svc__line {
display: block; font-size: var(--mv-size-card-body);
line-height: var(--mv-leading-body); color: var(--mv-ink-soft);
}
.mv-svc__more {
display: inline-flex; align-items: center; gap: var(--mv-space-xs);
margin-top: var(--mv-space-2xs);
font-family: var(--mv-font-body); font-size: var(--mv-size-btn);
font-weight: var(--mv-weight-semibold); letter-spacing: var(--mv-tracking-link);
text-transform: uppercase; color: var(--mv-sun);
}
.mv-svc:hover .mv-svc__more { color: var(--mv-amber); }
.mv-destcard .mv-destcard__place {
display: block; font-family: var(--mv-font-body);
font-size: var(--mv-size-meta); letter-spacing: var(--mv-tracking-tag);
text-transform: uppercase; color: var(--mv-sun);
margin-bottom: var(--mv-space-2xs);
}
.mv-destgroup { margin-bottom: var(--mv-space-lg); }
.mv-destcard .mv-destcard__place:empty { display: none; }
.mv-destcard:hover, .mv-destcard:focus-visible { transform: none; }
.mv-destcard .mv-svc__img { overflow: hidden; }
.mv-destcard .mv-svc__img img { transition: transform var(--mv-transition); }
.mv-destcard:hover .mv-svc__img img,
.mv-destcard:focus-within .mv-svc__img img {
transform: scale(var(--mv-card-zoom));
}
.mv-destcard:hover .mv-svc__title,
.mv-destcard:focus-within .mv-svc__title { color: var(--mv-sun); }
@media (max-width: 860px) {
.mv-grid--2:has(a[href*="steward-travel-handout-"]) > div + div {
border-top: var(--mv-border-hair) solid var(--mv-sun);
padding-top: var(--mv-pad-columns);
}
}
@media (max-width: 860px) {
.mv-grid--2 > div:has(.mv-mo) { display: contents; }
.mv-grid--2:has(> div .mv-mo), .mv-grid--2:has(> .mv-mo) { row-gap: 0; }
.mv-mo--1 { order: 1; }
.mv-mo--2 { order: 2; }
.mv-mo--3 { order: 3; }
.mv-mo--4 { order: 4; }
figure.mv-mo { margin-bottom: var(--mv-space-lg); }
}
.mv-destgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1000px) { .mv-destgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px)  { .mv-destgrid { grid-template-columns: 1fr; } }
.mv-destfacts { margin: 0 0 var(--mv-space-lg); padding-left: var(--mv-space-lg); }
.mv-destfacts li { margin-bottom: var(--mv-space-xs); }
.mv-destbest { color: var(--mv-ink-soft); font-size: var(--mv-size-card-body); }
.mv-d4 {
background: var(--mv-paper); border-radius: var(--mv-radius);
padding: var(--mv-space-lg); margin: var(--mv-space-xl) 0;
color: var(--mv-ink);
}
.mv-list {
margin: 0 0 var(--mv-space-md);
padding-left: var(--mv-space-lg);
color: var(--mv-ink);
}
.mv-list > li { margin-bottom: var(--mv-space-sm); }
.mv-list > li:last-child { margin-bottom: 0; }
.mv-d4__list { list-style: none; margin: 0; padding: 0; }
.mv-d4__item {
padding: var(--mv-space-md) 0;
border-bottom: var(--mv-border-hair) solid var(--mv-rule);
}
.mv-d4__item:last-child { border-bottom: 0; }
.mv-d4__label { display: block; color: var(--mv-ink); }
.mv-d4__figure {
display: block;
margin-top: var(--mv-space-lg); margin-bottom: var(--mv-space-lg);
}
.mv-d4--deep {
background: var(--mv-deep); color: var(--mv-paper);
width: var(--mv-container); max-width: var(--mv-breakout-max);
margin-left: var(--mv-breakout-shift); transform: translateX(-50%);
padding: var(--mv-pad-d4) var(--mv-gutter);
margin-top: var(--mv-pad-breakout); margin-bottom: var(--mv-pad-breakout);
}
.mv-grid > *:has(.mv-d4--deep),
.mv-split > *:has(.mv-d4--deep),
.mv-grid > .mv-d4--deep,
.mv-split > .mv-d4--deep { grid-column: 1 / -1; }
.mv-callout {
background: var(--mv-deep); color: var(--mv-paper);
width: var(--mv-container); max-width: var(--mv-breakout-max);
margin-left: var(--mv-breakout-shift); transform: translateX(-50%);
padding: var(--mv-pad-d4) var(--mv-gutter);
margin-top: var(--mv-pad-band); margin-bottom: var(--mv-pad-band);
border-radius: var(--mv-radius);
}
.mv-callout__inner {
max-width: var(--mv-measure-prose);
margin-inline: auto; text-align: center;
}
.mv-callout__inner > :first-child { margin-top: 0; }
.mv-callout__inner > :last-child { margin-bottom: 0; }
.mv-callout__inner h2, .mv-callout__inner h3 { color: var(--mv-paper); }
.mv-callout--panel {
width: auto; max-width: var(--mv-callout-measure);
margin-inline: auto; transform: none;
padding: var(--mv-space-2xl) var(--mv-space-xl);
box-shadow: var(--mv-shadow-lift);
}
.mv-grid > *:has(.mv-callout),
.mv-split > *:has(.mv-callout),
.mv-grid > .mv-callout,
.mv-split > .mv-callout { grid-column: 1 / -1; }
.mv-d4--deep .mv-d4__inner { max-width: var(--mv-measure-prose); margin: 0 auto; }
.mv-d4__inner > :first-child,
.mv-d4__inner > :first-child > :first-child { margin-top: 0; }
.mv-d4__inner > :last-child,
.mv-d4__inner > :last-child > :last-child { margin-bottom: 0; }
.mv-d4--deep .mv-d4__item {
border-bottom: 0; padding-top: var(--mv-space-xs);
padding-bottom: var(--mv-space-xs);
}
.mv-d4__lead { margin-top: 0; margin-bottom: var(--mv-space-lg); }
.mv-d4--deep .mv-d4__lead { color: var(--mv-paper); }
.mv-d4--deep .mv-d4__leadcopy {
color: var(--mv-paper); margin-top: 0;
margin-bottom: var(--mv-flow-prose);
}
.mv-d4--deep .mv-d4__leadcopy:last-of-type { margin-bottom: var(--mv-space-lg); }
.mv-d4--deep .mv-d4__leadcopy a { color: var(--mv-gold); }
.mv-d4--deep .mv-d4__label { color: var(--mv-gold); }
.mv-d4--deep a { color: var(--mv-gold); }
.mv-d4--deep a:hover, .mv-d4--deep a:focus-visible { color: var(--mv-gold-light); }
.mv-d4--deep .mv-prose { color: var(--mv-on-dark-soft); }
.mv-social { display: flex; align-items: center; gap: var(--mv-space-2xs); }
.mv-social a {
display: inline-flex; align-items: center; justify-content: center;
width: var(--mv-social-hit); height: var(--mv-social-hit);
border: 0; border-radius: var(--mv-radius-pill);
text-decoration: none;
transition: color var(--mv-transition), background var(--mv-transition);
}
.mv-social--nav a { color: var(--mv-on-dark); }
.mv-social--footer a { color: var(--mv-paper); }
.mv-social svg {
width: var(--mv-social-size); height: var(--mv-social-size);
fill: currentColor; display: block;
}
.mv-social a:hover, .mv-social a:focus-visible {
color: var(--mv-gold); background: var(--mv-wash-on-dark-soft);
}
.mv-social--nav { margin-left: var(--mv-space-xs); }
.mv-social--nav svg { width: var(--mv-social-size-nav);
height: var(--mv-social-size-nav); }
.mv-social--nav a { width: var(--mv-social-hit-nav);
height: var(--mv-social-hit-nav); }
.mv-social--footer {
justify-content: flex-start;
margin: var(--mv-space-md) 0 0;
margin-left: calc(-1 * var(--mv-space-sm));
}
.mv-popup {
display: none; width: 100%; height: 100%;
border: 0; border-radius: var(--mv-radius);
}
.mv-badge { text-align: center; margin-top: var(--mv-space-xl); margin-bottom: var(--mv-space-xl); }
.mv-badge img { max-width: var(--mv-badge-max); }
.mv-supplier {
background: var(--mv-deep); color: var(--mv-paper);
width: var(--mv-container); max-width: var(--mv-breakout-max);
margin-left: var(--mv-breakout-shift); transform: translateX(-50%);
padding: var(--mv-pad-band) var(--mv-gutter);
margin-top: var(--mv-pad-band); margin-bottom: var(--mv-pad-band);
text-align: center;
}
.mv-supplier .mv-eyebrow { color: var(--mv-gold); }
.mv-supplier a:not(.mv-btn),
.mv-prose .mv-supplier a:not(.mv-btn) { color: var(--mv-gold-light); }
.mv-supplier p { margin-left: auto; margin-right: auto; }
.mv-supplier__line {
font-size: var(--mv-size-lede); line-height: var(--mv-leading-lede);
max-width: var(--mv-measure-cta); margin-bottom: var(--mv-space-md);
}
.mv-supplier__note {
max-width: var(--mv-measure-cta); margin-bottom: var(--mv-space-lg);
}
.mv-grid > *:has(.mv-supplier),
.mv-split > *:has(.mv-supplier),
.mv-grid > .mv-supplier,
.mv-split > .mv-supplier { grid-column: 1 / -1; }
.mv-pull {
font-family: var(--mv-font-display); font-size: var(--mv-size-lede);
line-height: var(--mv-leading-lede); color: var(--mv-deep);
border-left: var(--mv-border-accent) solid var(--mv-sun);
padding-left: var(--mv-space-lg);
margin-top: var(--mv-space-xl); margin-bottom: var(--mv-space-xl);
}
.mv-quote {
border-left: var(--mv-border-accent) solid var(--mv-sun);
margin-top: var(--mv-space-xl); margin-bottom: var(--mv-space-xl);
margin-left: 0; padding-left: var(--mv-space-lg);
}
.mv-quote p {
font-family: var(--mv-font-display); font-size: var(--mv-size-lede);
line-height: var(--mv-leading-lede); font-style: italic; color: var(--mv-sun);
}
.mv-quote cite {
display: block; font-family: var(--mv-font-body); font-size: var(--mv-size-card-body);
font-style: normal; font-weight: var(--mv-weight-semibold); color: var(--mv-ink);
}
.mv-photopanel {
position: relative; overflow: hidden;
display: flex; align-items: center; justify-content: center;
min-height: var(--mv-photopanel-min);
padding: var(--mv-pad-band) var(--mv-gutter);
}
.mv-photopanel--stack { align-items: flex-start; min-height: 0; }
.mv-photopanel__inner {
position: relative; z-index: 1;
width: 100%; max-width: var(--mv-container);
margin-left: auto; margin-right: auto;
display: flex; flex-direction: column; align-items: center;
}
.mv-photopanel__body {
width: 100%; max-width: var(--mv-measure-prose);
margin-top: var(--mv-space-2xl);
}
.mv-photopanel > img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; z-index: 0;
}
.mv-photopanel__panel {
position: relative; z-index: 1;
background: var(--mv-deep); color: var(--mv-paper);
border-radius: var(--mv-radius);
padding: var(--mv-space-2xl) var(--mv-space-xl);
max-width: var(--mv-photopanel-measure);
text-align: center;
box-shadow: var(--mv-shadow-lift);
}
.mv-photopanel__heading { color: var(--mv-paper); margin-top: 0; margin-bottom: 0; }
.mv-photopanel__panel p {
color: var(--mv-paper); margin-bottom: 0;
margin-top: var(--mv-space-md);
}
.mv-photopanel__panel a:not(.mv-btn) { color: var(--mv-gold); }
.mv-photopanel__panel.mv-photopanel__panel a.mv-btn:hover,
.mv-photopanel__panel.mv-photopanel__panel a.mv-btn:focus-visible,
.mv-callout.mv-callout a.mv-btn:hover,
.mv-callout.mv-callout a.mv-btn:focus-visible,
.mv-d4--deep.mv-d4--deep a.mv-btn:hover,
.mv-d4--deep.mv-d4--deep a.mv-btn:focus-visible {
background: var(--mv-hover-btn-deep-bg);
border-color: var(--mv-hover-btn-deep-bg);
color: var(--mv-hover-btn-deep-fg);
}
.mv-quote--testimony, .mv-quote--scripture {
border-left: 0; padding-left: 0;
}
.mv-quote--testimony.mv-quote--centred {
max-width: var(--mv-quote-measure-wide);
margin-left: auto; margin-right: auto; text-align: center;
padding-left: 0;
}
.mv-quote--testimony.mv-quote--centred .mv-quote__text p::before {
position: static; font-size: inherit; line-height: inherit;
}
.mv-quote--testimony.mv-quote--centred::before { margin-left: auto; margin-right: auto; }
.mv-quote--testimony.mv-quote--centred .mv-quote__cite { text-align: center; }
.mv-quote--testimony {
max-width: var(--mv-quote-measure);
padding-left: var(--mv-quote-hang);
margin-top: var(--mv-space-2xl); margin-bottom: var(--mv-space-2xl);
}
.mv-quote--testimony::before {
content: ""; display: block;
width: var(--mv-quote-rule-w); height: var(--mv-border-accent);
background: var(--mv-sun); margin-bottom: var(--mv-space-lg);
}
.mv-quote__text { margin: 0; }
.mv-quote--testimony .mv-quote__text p {
font-family: var(--mv-font-display); font-weight: var(--mv-weight-light);
font-size: var(--mv-size-display-3); line-height: var(--mv-quote-leading);
font-style: normal; color: var(--mv-ink); margin: 0; position: relative;
}
.mv-quote--testimony .mv-quote__text p::before {
content: "\201C"; position: absolute;
left: calc(-1 * var(--mv-quote-hang)); top: var(--mv-quote-mark-top);
font-size: var(--mv-quote-mark-size); line-height: 1;
font-weight: var(--mv-weight-light); color: var(--mv-sun);
}
.mv-quote--testimony .mv-quote__text p:last-of-type::after {
content: "\201D"; color: var(--mv-sun);
}
.mv-quote--scripture {
max-width: var(--mv-quote-measure-wide);
margin: var(--mv-space-2xl) auto; text-align: center;
border-top: var(--mv-border-hair) solid var(--mv-quote-hair);
border-bottom: var(--mv-border-hair) solid var(--mv-quote-hair);
padding-top: var(--mv-space-2xl); padding-bottom: var(--mv-space-2xl);
}
.mv-quote--scripture .mv-quote__text p {
font-family: var(--mv-font-display); font-weight: var(--mv-weight-light);
font-size: var(--mv-size-display-3); line-height: var(--mv-quote-leading);
font-style: italic; color: var(--mv-ink); margin: 0;
}
.mv-quote .mv-quote__cite {
margin-top: var(--mv-space-lg); margin-bottom: 0;
}
@media (max-width: 560px) {
.mv-quote--testimony { padding-left: 0; }
.mv-quote--testimony .mv-quote__text p::before {
position: static; font-size: inherit; line-height: inherit;
}
}
.mv-prose iframe { width: 100%; border: 0; border-radius: var(--mv-radius); }
.mv-pager {
display: flex; gap: var(--mv-space-sm); flex-wrap: wrap;
margin-top: var(--mv-space-2xl);
}
.mv-pager a, .mv-pager span {
font-size: var(--mv-size-nav); font-weight: var(--mv-weight-semibold);
letter-spacing: var(--mv-tracking-tag); text-decoration: none;
padding: var(--mv-space-xs) var(--mv-space-md);
border: var(--mv-border-hair) solid var(--mv-rule);
border-radius: var(--mv-radius-pill); color: var(--mv-sun);
transition: background var(--mv-transition), color var(--mv-transition),
border-color var(--mv-transition);
}
.mv-pager a:hover, .mv-pager a:focus-visible {
background: var(--mv-amber); color: var(--mv-on-dark); border-color: var(--mv-amber);
}
.mv-pager span[aria-current] {
background: var(--mv-amber); color: var(--mv-on-dark); border-color: var(--mv-amber);
}
.mv-faq { margin-bottom: var(--mv-space-lg); }
.mv-tablewrap { overflow-x: auto; margin-top: var(--mv-space-lg); margin-bottom: var(--mv-space-lg); }
.mv-tablewrap table {
border-collapse: collapse;
table-layout: auto;
width: max-content;
min-width: 100%;
}
.mv-tablewrap td, .mv-tablewrap th {
border-bottom: var(--mv-border-hair) solid var(--mv-rule);
padding: var(--mv-space-sm); text-align: left;
font-size: var(--mv-size-card-body);
}
.mv-prose a, .mv-prose p, .mv-prose li, .mv-prose td, .mv-prose th {
overflow-wrap: anywhere;
}
.mv-accordion {
border-bottom: var(--mv-border-hair) solid var(--mv-rule);
max-width: var(--mv-measure-prose);
}
.mv-accordion__q {
font-family: var(--mv-font-display); font-weight: var(--mv-weight-regular);
font-size: var(--mv-size-display-3); line-height: var(--mv-leading-display-3);
color: var(--mv-ink); cursor: pointer; list-style: none;
padding-top: var(--mv-space-lg); padding-bottom: var(--mv-space-lg);
padding-right: var(--mv-space-xl); position: relative;
transition: color var(--mv-transition);
}
.mv-accordion__q::-webkit-details-marker { display: none; }
.mv-accordion__q::after {
content: "+"; position: absolute; right: 0; top: var(--mv-space-lg);
font-family: var(--mv-font-body); color: var(--mv-sun);
transition: color var(--mv-transition);
}
.mv-accordion[open] > .mv-accordion__q::after { content: "\2013"; }
.mv-accordion__q:hover, .mv-accordion__q:focus-visible { color: var(--mv-sun); }
.mv-accordion__q:focus-visible {
outline: var(--mv-focus-width) solid var(--mv-focus-color);
outline-offset: var(--mv-focus-offset);
}
.mv-accordion__a { padding-bottom: var(--mv-space-lg); }
.mv-accordion__a p { margin-bottom: 0; }
.mv-photopanel .mv-accordion,
.mv-band--photo .mv-accordion {
background: var(--mv-paper); color: var(--mv-ink);
padding-left: var(--mv-space-lg); padding-right: var(--mv-space-lg);
border-bottom-color: var(--mv-rule);
}
.mv-photopanel .mv-accordion:first-of-type,
.mv-band--photo .mv-accordion:first-of-type {
border-top-left-radius: var(--mv-radius);
border-top-right-radius: var(--mv-radius);
}
.mv-photopanel .mv-accordion:last-of-type,
.mv-band--photo .mv-accordion:last-of-type {
border-bottom: 0;
border-bottom-left-radius: var(--mv-radius);
border-bottom-right-radius: var(--mv-radius);
}
.mv-photopanel .mv-accordion__a p,
.mv-band--photo .mv-accordion__a p { color: var(--mv-ink-soft); }
.mv-grid { display: grid; gap: var(--mv-gap-grid); align-items: start; }
.mv-audicon { display: block; color: var(--mv-sun); max-width: none;
max-height: none;
width: var(--mv-audicon-size); height: var(--mv-audicon-size);
margin: 0 auto var(--mv-space-md); }
.mv-pill { display: inline-block; padding: var(--mv-space-xs) var(--mv-space-lg);
border-radius: var(--mv-radius-pill); background: var(--mv-amber);
color: var(--mv-on-dark); font-size: var(--mv-size-display-3); }
.mv-grid h3:has(.mv-pill) { text-align: center; margin-bottom: var(--mv-space-xl); }
.mv-centred { display: block; text-align: center; }
.mv-btns:has(a[href*="steward-travel-handout-church.pdf"]),
.mv-btns:has(a[href*="steward-travel-handout-missionary.pdf"]) {
text-align: center;
}
.mv-grid .mv-btns > a.mv-btn[href*="steward-travel-handout-"] {
background: var(--mv-deep); border-color: var(--mv-deep);
color: var(--mv-on-dark);
}
.mv-grid .mv-btns > a.mv-btn[href*="steward-travel-handout-"]:hover,
.mv-grid .mv-btns > a.mv-btn[href*="steward-travel-handout-"]:focus-visible {
background: var(--mv-amber); border-color: var(--mv-amber);
color: var(--mv-on-dark);
}
.mv-band:has(.mv-grid--1) { padding-bottom: var(--mv-space-lg); }
.mv-band:has(.mv-grid--1) + .mv-band { padding-top: 0; }
.mv-band:has(.mv-grid--2) { padding-bottom: var(--mv-space-xl); }
.mv-band.mv-band:has(.mv-grid--2) {
padding-top: 0; margin-top: var(--mv-pad-columns);
}
.mv-band.mv-band:has(+ .mv-band .mv-grid--2) { padding-bottom: 0; }
.mv-grid--2 > :first-child,
.mv-grid--2 > * > :first-child { margin-top: 0; }
.mv-grid--1 { grid-template-columns: minmax(0, 1fr); }
.mv-grid--1 > p { max-width: var(--mv-measure-prose); }
.mv-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mv-grid--2:has(> figure) > * { align-self: center; }
.mv-photopanel__note { margin-top: var(--mv-space-md);
font-size: var(--mv-size-lede); font-weight: var(--mv-weight-semibold); }
.mv-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mv-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mv-grid > * { min-width: 0; }
.mv-split {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--mv-gap-split); align-items: center;
}
.mv-split > * { min-width: 0; }
.mv-split img { width: 100%; height: auto; border-radius: var(--mv-radius); }
.mv-band--photo { position: relative; overflow: hidden; color: var(--mv-on-dark); }
.mv-band--photo > img {
position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.mv-band--photo .mv-scrim { position: absolute; inset: 0; pointer-events: none; background: var(--mv-scrim-hero); }
.mv-band--photo .mv-inner { position: relative; z-index: 1; }
.mv-band--plate { min-height: var(--mv-plate-min); padding: 0; }
.mv-band--photo .mv-h2, .mv-band--photo .mv-h3 { color: var(--mv-on-dark); }
.mv-band--photo .mv-eyebrow { color: var(--mv-gold); }
.mv-band--photo p { color: var(--mv-on-dark-soft); }
.mv-band--photo .mv-card p { color: var(--mv-ink-soft); }
.mv-band--photo .mv-card .mv-h2,
.mv-band--photo .mv-card .mv-h3,
.mv-band--photo .mv-card h2,
.mv-band--photo .mv-card h3 { color: var(--mv-ink); }
@media (max-width: 860px) {
.mv-grid--2, .mv-grid--3, .mv-grid--4, .mv-split {
grid-template-columns: minmax(0, 1fr);
}
}
.mv-band + .mv-band { padding-top: 0; }
.mv-band + .mv-band--tint,
.mv-band + .mv-band--deep,
.mv-band + .mv-band--photo,
.mv-band--tint + .mv-band,
.mv-band--deep + .mv-band,
.mv-band--photo + .mv-band { padding-top: var(--mv-pad-band); }
.mv-restinvite {
position: relative; overflow: hidden;
display: flex; align-items: center; justify-content: center;
text-align: center; color: var(--mv-on-dark);
margin-top: var(--mv-pad-breakout); margin-bottom: var(--mv-pad-breakout);
}
.mv-restinvite > img {
position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.mv-restinvite .mv-scrim { position: absolute; inset: 0; pointer-events: none; background: var(--mv-scrim-invite); }
.mv-restinvite__inner {
position: relative; z-index: 1;
padding: var(--mv-space-2xl) var(--mv-gutter);
max-width: var(--mv-restinvite-measure);
}
.mv-restinvite .mv-h2 { white-space: nowrap; }
@media (max-width: 460px) {
.mv-restinvite .mv-h2 { white-space: normal; }
}
.mv-restinvite .mv-h2 { color: var(--mv-on-dark); margin-top: 0; }
.mv-restinvite__copy {
color: var(--mv-on-dark-soft); margin-top: 0;
margin-bottom: var(--mv-space-lg);
}
.mv-restinvite .mv-btns { margin: 0; }
.mv-restinvite--bleed { min-height: var(--mv-restinvite-min); }
.mv-restinvite--boxed {
max-width: var(--mv-container);
margin-left: auto; margin-right: auto;
border-radius: var(--mv-radius);
border: var(--mv-border-hair) solid var(--mv-rule);
min-height: var(--mv-restinvite-boxed-min);
box-shadow: var(--mv-shadow);
}
.mv-prose > .mv-restinvite, .mv-prose--wide > .mv-restinvite { max-width: none; }
@media (max-width: 860px) {
.mv-restinvite--bleed, .mv-restinvite--boxed { min-height: var(--mv-restinvite-min-stack); }
}
.mv-nav a, .mv-mark,
.mv-hero .mv-eyebrow, .mv-hero .mv-h1, .mv-hero .mv-deck, .mv-hero .mv-lede,
.mv-restinvite .mv-h2, .mv-restinvite__copy {
text-shadow: var(--mv-text-shadow-photo);
}
.mv-hero--noimg .mv-nav a, .mv-hero--noimg .mv-mark,
.mv-hero--noimg .mv-eyebrow, .mv-hero--noimg .mv-h1,
.mv-hero--noimg .mv-deck, .mv-hero--noimg .mv-lede { text-shadow: none; }
.mv-nav__has-sub { position: relative; }
.mv-nav__has-sub > a::after {
content: ""; display: inline-block;
width: var(--mv-space-2xs); height: var(--mv-space-2xs);
margin-left: var(--mv-space-xs); vertical-align: middle;
border-right: var(--mv-border-hair) solid currentColor;
border-bottom: var(--mv-border-hair) solid currentColor;
transform: rotate(45deg) translateY(-25%);
opacity: 0.7;
}
.mv-subnav {
position: absolute; left: 0; top: 100%;
margin: 0; padding: var(--mv-space-sm) 0;
min-width: var(--mv-subnav-min);
list-style: none;
background: var(--mv-subnav-bg);
border-radius: var(--mv-radius);
box-shadow: var(--mv-shadow);
opacity: 0; visibility: hidden;
transform: translateY(calc(-1 * var(--mv-subnav-offset)));
transition: opacity var(--mv-transition), transform var(--mv-transition),
visibility var(--mv-transition);
z-index: 4;
}
.mv-nav__has-sub:hover > .mv-subnav,
.mv-nav__has-sub:focus-within > .mv-subnav {
opacity: 1; visibility: visible; transform: translateY(0);
}
.mv-subnav li { display: block; }
.mv-subnav a {
display: block; white-space: nowrap;
padding: var(--mv-space-2xs) var(--mv-space-lg);
font-size: var(--mv-size-nav); color: var(--mv-on-dark);
text-decoration: none; border: 0;
text-shadow: none;
}
.mv-subnav a:hover, .mv-subnav a:focus-visible { color: var(--mv-gold); }
@media (min-width: 861px) {
.mv-nav .mv-subnav { display: block; }
}
.mv-nav [data-section="current"] > a::before { border-bottom-color: var(--mv-gold); }
@media (max-width: 860px) {
.mv-nav__has-sub { position: static; }
.mv-nav .mv-subnav {
position: static; opacity: 1; visibility: inherit; transform: none;
background: none; box-shadow: none; padding: 0;
display: flex; flex-direction: column; flex-wrap: nowrap;
gap: 0;
}
.mv-subnav a { padding: var(--mv-space-sm) 0; opacity: 0.85; }
.mv-nav__has-sub > a::after { display: none; }
}
.mv-nav__toggle, .mv-nav__burger { display: none; }
.mv-subnav li.mv-subnav__phone-only { display: none; }
@media (max-width: 860px) {
.mv-nav__toggle {
display: block;
width: var(--mv-border-hair); height: var(--mv-border-hair);
opacity: 0; margin: 0; padding: 0; border: 0; flex: none; order: 2;
}
.mv-social--nav a {
width: var(--mv-social-hit-phone); height: var(--mv-social-hit-phone);
}
.mv-nav__burger {
order: 3; display: inline-flex; flex-direction: column; justify-content: center;
gap: var(--mv-burger-gap);
width: var(--mv-tap-min); height: var(--mv-tap-min);
cursor: pointer;
align-items: center;
}
.mv-nav__burger span {
display: block; width: var(--mv-space-lg); height: var(--mv-border-hair);
background: var(--mv-on-dark);
transition: transform var(--mv-transition), opacity var(--mv-transition);
}
.mv-nav__toggle:checked ~ .mv-nav__burger span:nth-child(1) {
transform: translateY(calc(var(--mv-burger-gap) + var(--mv-border-hair))) rotate(45deg);
}
.mv-nav__toggle:checked ~ .mv-nav__burger span:nth-child(2) { opacity: 0; }
.mv-nav__toggle:checked ~ .mv-nav__burger span:nth-child(3) {
transform: translateY(calc(-1 * (var(--mv-burger-gap) + var(--mv-border-hair)))) rotate(-45deg);
}
.mv-nav__toggle:focus-visible ~ .mv-nav__burger {
outline: var(--mv-border-hair) solid var(--mv-on-dark); outline-offset: var(--mv-space-3xs);
}
.mv-nav { column-gap: var(--mv-space-xs); }
.mv-mark { order: 0; }
.mv-social--nav { order: 1; margin-left: auto; }
.mv-social--nav { column-gap: 0; }
.mv-subnav li.mv-subnav__wide-only { display: none; }
.mv-subnav li.mv-subnav__phone-only { display: block; order: -1; }
.mv-nav > ul {
order: 4; flex-basis: 100%;
position: absolute; top: 100%; left: 0; right: 0;
visibility: hidden; pointer-events: none;
padding: 0; margin: 0;
}
@media (max-width: 420px) {
.mv-nav,
.mv-nav .mv-nav__toggle:checked ~ ul {
padding-left: var(--mv-space-lg); padding-right: var(--mv-space-lg);
}
}
.mv-nav__toggle:checked ~ ul {
max-height: none; overflow: visible; visibility: visible;
pointer-events: auto;
display: flex; flex-direction: column; row-gap: 0;
background: var(--mv-grad-deep);
padding: var(--mv-space-sm) var(--mv-pad-fullbleed) var(--mv-space-md);
}
.mv-hero { overflow: visible; }
}
@media (max-width: 380px) {
.mv-nav { gap: var(--mv-nav-gap-phone); }
.mv-mark__emblem {
width: var(--mv-mark-emblem-phone); height: var(--mv-mark-emblem-phone);
}
.mv-social--nav a {
width: var(--mv-social-hit-tiny); height: var(--mv-social-hit-tiny);
}
}