.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--v-blue: #215478;
--v-blue-dark: #163a54;
--v-gold: #BFA947;
--v-gold-text: #8a7a2c;
--v-text: #1f2a33;
--v-muted: #3d4a55;
--v-grey: #5b6670;
--v-light: #f4f6f8;
--v-line: #e6ebef;
--v-radius: 12px;
--v-shadow: 0 1px 2px rgba(20, 40, 60, .06), 0 8px 24px rgba(20, 40, 60, .07);
} body { color: var(--v-text); }
.v-main, .v-header, .v-footer { font-family: Manrope, system-ui, sans-serif; }
.v-main { margin: 0 !important; }
.v-main .wp-block-post-content > * { margin-block: 0; }
.v-main .wp-block-post-content > * + * { margin-top: 0 !important; }
.v-main h1, .v-main h2, .v-main h3, .v-main h4 { font-family: inherit; letter-spacing: -.01em; }
.v-main a { color: var(--v-blue); }
.v-main img { max-width: 100%; height: auto; }
.v-wrap, .v-main .v-section > *, .v-main .v-hero > *, .v-main .v-cta > *, .v-main .v-band > * {
max-width: 1200px; margin-left: auto !important; margin-right: auto !important;
padding-left: 32px; padding-right: 32px; box-sizing: border-box; width: 100%;
}
.v-main .v-section > .v-wrap, .v-main .v-hero > .v-wrap { padding-left: 32px; padding-right: 32px; } .v-section { padding: 104px 0 !important; margin: 0 !important; }
.v-section-sm { padding: 56px 0 !important; margin: 0 !important; }
.v-bg-light { background: var(--v-light); }
.v-bg-tint { background: linear-gradient(180deg, #eaf1f6 0%, #dfe9f1 100%); }
.v-bg-gold { background: linear-gradient(180deg, #f7f4e8 0%, #efe8cf 100%); }
.v-bg-blue, .v-hero, .v-cta { background: var(--v-blue); color: #fff; }
.v-bg-blue :is(h1, h2, h3, p, li), .v-hero :is(h1, h2, p), .v-cta :is(h2, p) { color: #fff; }
.v-hero { padding: 80px 0 72px !important; margin: 0 !important; }
.v-hero h1 { font-size: clamp(34px, 4.4vw, 52px); line-height: 1.1; font-weight: 800; margin: 14px 0 0; max-width: 840px; }
.v-hero .v-hero-lead, .v-hero p.v-lead { font-size: 19px; line-height: 1.6; color: #d6e2ec !important; margin: 20px 0 0; max-width: 740px; }
.v-hero .v-kicker { color: var(--v-gold) !important; }
.v-cta { padding: 80px 0 !important; margin: 0 !important; }
.v-cta h2 { margin: 0; font-size: clamp(26px, 3vw, 38px); font-weight: 800; line-height: 1.15; }
.v-cta p { color: #d6e2ec !important; font-size: 18px; margin: 12px 0 0; } .v-kicker { font-size: 13px !important; font-weight: 700 !important; letter-spacing: .14em; text-transform: uppercase; color: var(--v-gold-text) !important; margin: 0 !important; }
.v-h2 { font-size: clamp(28px, 3.2vw, 40px) !important; line-height: 1.15 !important; font-weight: 800 !important; color: var(--v-blue) !important; margin: 12px 0 0 !important; }
.v-h2-sm { font-size: 28px !important; margin: 0 !important; }
.v-lead, .v-lead p { font-size: 18px !important; line-height: 1.65 !important; color: var(--v-muted) !important; margin: 16px 0 0 !important; max-width: 680px; }
.v-bg-blue .v-lead, .v-bg-blue .v-lead p { color: #d6e2ec !important; }
.v-center { text-align: center; }
.v-center .v-lead { margin-left: auto !important; margin-right: auto !important; }
.v-link { font-weight: 700; text-decoration: none; } .v-btn, .v-main .wp-block-button .wp-block-button__link {
display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 24px;
border-radius: 6px; font-weight: 700; font-size: 15px; text-decoration: none; box-sizing: border-box;
border: 1.5px solid transparent; cursor: pointer; font-family: inherit; transition: background .2s, color .2s;
}
.v-btn-gold, .v-main .is-style-v-gold .wp-block-button__link, .v-main .v-btn-gold .wp-block-button__link { background: var(--v-gold) !important; color: #fff !important; }
.v-btn-gold:hover, .v-main .v-btn-gold .wp-block-button__link:hover { background: #a8923a !important; color: #fff !important; }
.v-btn-line, .v-main .v-btn-line .wp-block-button__link { background: #fff !important; border-color: var(--v-blue) !important; color: var(--v-blue) !important; }
.v-btn-line:hover, .v-main .v-btn-line .wp-block-button__link:hover { background: var(--v-blue) !important; color: #fff !important; }
.v-main .v-btn-ghost .wp-block-button__link { background: transparent !important; border-color: rgba(255,255,255,.6) !important; color: #fff !important; }
.v-main .wp-block-buttons { gap: 16px; margin-top: 32px !important; } .v-grid { display: grid !important; gap: 28px; }
.v-grid-2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.v-grid-3 { grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); }
.v-grid-4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.v-split { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 64px; align-items: center; }
.v-split.is-top { align-items: start; }
.v-mt { margin-top: 48px !important; }
.v-row-between { display: flex !important; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; } .v-photo, .v-photo img { border-radius: var(--v-radius); }
.v-photo { margin: 0 !important; position: relative; }
.v-photo img { width: 100%; height: 440px !important; object-fit: cover; display: block; }
.v-photo.is-tall img { height: 100% !important; min-height: 520px; }
.v-photo-label { position: absolute; left: -16px; bottom: -24px; margin: 0 !important; background: var(--v-gold); color: #fff !important; font-weight: 800; font-size: 18px; padding: 18px 24px; border-radius: 10px; }
.v-photo-card { position: absolute; left: -24px; bottom: -28px; background: #fff; color: var(--v-blue); border-radius: 10px; padding: 20px 24px; box-shadow: 0 12px 30px rgba(0,0,0,.18); max-width: 280px; }
.v-photo-card p { color: var(--v-blue) !important; margin: 0; }
.v-photo-card p + p { color: var(--v-grey) !important; font-size: 13px; margin-top: 6px; } .v-header { background: #fff; border-bottom: 1px solid var(--v-line); position: sticky; top: 0; z-index: 50; }
.admin-bar .v-header { top: 32px; }
.v-header-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 84px; }
.v-logo img { height: 56px; width: auto; display: block; }
.v-nav { display: flex; align-items: center; gap: 28px; font-weight: 600; font-size: 15px; }
.v-nav a { color: var(--v-text); text-decoration: none; }
.v-nav a:not(.v-btn):hover, .v-nav a.is-current { color: var(--v-blue); }
.v-nav a.is-current { border-bottom: 2px solid var(--v-gold); padding-bottom: 4px; }
.v-nav-toggle, .v-nav-burger { display: none; }
@media (max-width: 960px) {
.v-nav-burger { display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid var(--v-line); cursor: pointer; color: var(--v-blue); }
.v-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #fff; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 24px 24px; border-bottom: 1px solid var(--v-line); box-shadow: 0 12px 24px rgba(20,40,60,.08); }
.v-nav a { padding: 14px 0; border-bottom: 1px solid var(--v-line); }
.v-nav a.is-current { border-bottom: 1px solid var(--v-line); color: var(--v-blue); }
.v-nav .v-btn { margin-top: 16px; justify-content: center; border: 0; }
.v-nav-toggle:checked ~ .v-nav { display: flex; }
.v-header-in { position: relative; }
} .v-footer { background: var(--v-blue-dark); color: #c9d8e4; padding: 40px 0 18px; font-size: 14px; }
.v-footer a { color: #c9d8e4; text-decoration: none; }
.v-footer a:hover { color: #fff; }
.v-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px; }
.v-footer-logo { width: 72px; height: 72px; display: block; }
.v-footer p { margin: 12px 0 0; line-height: 1.5; max-width: 240px; }
.v-footer .v-footer-title { margin: 0 0 10px; color: var(--v-gold); font-weight: 800; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
.v-footer-links { display: flex; flex-direction: column; gap: 4px; line-height: 1.6; }
.v-footer-contact { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; line-height: 1.5; }
.v-footer-contact li { display: flex; gap: 12px; }
.v-footer-contact svg { flex: none; margin-top: 2px; }
.v-footer-bottom { margin-top: 24px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 13px; } .v-card { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: var(--v-shadow); display: flex; flex-direction: column; text-decoration: none !important; color: inherit !important; transition: transform .25s, box-shadow .25s; }
a.v-card:hover { transform: translateY(-4px); box-shadow: 0 2px 6px rgba(20,40,60,.1), 0 14px 32px rgba(20,40,60,.12); }
.v-card-top { position: relative; }
.v-card-media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #fff; border-bottom: 1px solid #eef1f4; }
.v-card-media img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
.v-card-media.is-logo img { inset: 22%; width: 56% !important; height: 56% !important; object-fit: contain; }
.v-card-moa-name { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 26px; color: var(--v-blue); padding: 24px; text-align: center; }
.v-badge { position: absolute; top: 14px; left: 14px; font-size: 12px; font-weight: 700; border-radius: 999px; padding: 5px 12px; color: #fff; }
.v-badge.is-gold { background: var(--v-gold); }
.v-badge.is-blue { background: var(--v-blue); }
.v-card-body { padding: 22px 26px 26px; border-top: 3px solid var(--v-gold); display: flex; flex-direction: column; gap: 6px; flex: 1; }
.v-card-tags { display: flex; justify-content: space-between; gap: 8px; align-items: center; flex-wrap: wrap; }
.v-tag { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--v-gold-text); }
.v-chip { font-size: 11px; font-weight: 700; color: var(--v-grey); background: #eef1f4; border-radius: 999px; padding: 4px 10px; }
.v-card-title { margin: 4px 0 0 !important; font-size: 20px !important; line-height: 1.3; color: var(--v-blue) !important; font-weight: 800 !important; }
.v-card-text { margin: 0 !important; color: var(--v-muted); line-height: 1.5; font-size: 16px; }
.v-card-moa { margin: auto 0 0 !important; padding-top: 12px; font-size: 14px; color: var(--v-grey); }
.v-card-moa strong { color: var(--v-text); }
.v-card-meta { margin: 0 !important; font-size: 14px; color: var(--v-grey); } .v-feature { background: #fff; border-radius: var(--v-radius); padding: 34px 30px !important; box-shadow: var(--v-shadow); border-top: 4px solid var(--v-blue); margin: 0 !important; }
.v-feature h3 { margin: 22px 0 0 !important; font-size: 21px !important; color: var(--v-blue) !important; font-weight: 800 !important; }
.v-feature p { margin: 12px 0 0 !important; line-height: 1.6; color: var(--v-muted); font-size: 16px; }
.v-feature .v-link { display: inline-block; margin-top: 18px; }
.v-ico { width: 52px; height: 52px; border-radius: 10px; background: #eaf1f6; display: flex; align-items: center; justify-content: center; }
.v-ico.is-round { border-radius: 50%; background: var(--v-blue); }
.v-stat { background: #fff; border-radius: var(--v-radius); padding: 26px 28px; display: flex; gap: 18px; align-items: center; box-shadow: 0 1px 2px rgba(20,40,60,.06), 0 10px 28px rgba(20,40,60,.08); border-bottom: 4px solid var(--v-gold); }
.v-stat strong { display: block; font-size: 22px; font-weight: 800; color: var(--v-blue); }
.v-stat span { color: var(--v-grey); font-size: 15px; }
.v-value { background: #fff; border-radius: var(--v-radius); padding: 28px 30px; box-shadow: 0 1px 2px rgba(20,40,60,.06), 0 10px 28px rgba(20,40,60,.08); display: flex; gap: 20px; }
.v-value .v-num { width: 48px; height: 48px; flex: none; border-radius: 50%; background: var(--v-blue); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.v-value h3 { margin: 0 !important; font-size: 18px !important; color: var(--v-blue) !important; font-weight: 800 !important; }
.v-value p { margin: 8px 0 0 !important; line-height: 1.6; color: var(--v-muted); font-size: 15px; }
.v-box { background: var(--v-light); border-radius: var(--v-radius); padding: 30px 32px; }
.v-box-big { font-size: 22px; font-weight: 800; color: var(--v-blue); margin: 10px 0 0 !important; }
.v-quote-box { background: #eaf1f6; border-radius: var(--v-radius); padding: 30px 32px !important; margin: 0 !important; }
.v-quote-box h3 { margin: 0 !important; font-weight: 800 !important; color: var(--v-blue) !important; font-size: 18px !important; }
.v-quote-box p { margin: 10px 0 0 !important; line-height: 1.6; color: var(--v-muted); }
.v-role { margin: 28px 0 0 !important; padding: 18px 22px !important; background: #fff; border-left: 4px solid var(--v-gold); border-radius: 0 8px 8px 0; font-weight: 700; color: var(--v-blue) !important; line-height: 1.5; box-shadow: 0 1px 2px rgba(20,40,60,.06); }
.v-list, .v-main .v-list { margin: 20px 0 0 !important; padding-left: 20px; line-height: 1.9; color: var(--v-muted); font-size: 17px; } .v-band { position: relative; padding: 120px 0 !important; margin: 0 !important; overflow: hidden; color: #fff; }
.v-band > figure, .v-band > .wp-block-image { position: absolute !important; inset: 0; margin: 0 !important; padding: 0 !important; max-width: none !important; }
.v-band > figure img { width: 100%; height: 100%; object-fit: cover; }
.v-band::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(22,58,84,.94) 0%, rgba(33,84,120,.78) 55%, rgba(33,84,120,.35) 100%); }
.v-band > *:not(figure) { position: relative; z-index: 1; }
.v-band p.v-band-title { font-size: clamp(30px, 3.6vw, 44px); line-height: 1.15; font-weight: 800; max-width: 720px; margin: 14px 0 0 !important; color: #fff !important; }
.v-band p.v-lead { color: #d6e2ec !important; max-width: 620px; } .v-subnav { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 36px; }
.v-subnav a { color: #fff !important; text-decoration: none; font-weight: 700; font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; padding: 0 18px; border: 1.5px solid rgba(255,255,255,.6); border-radius: 999px; }
.v-subnav a:hover { background: #fff; color: var(--v-blue) !important; }
.v-crumb { margin: 0 !important; font-size: 14px; color: #c9d8e4 !important; }
.v-crumb a { color: #c9d8e4 !important; } .v-member { background: #fff; border-radius: var(--v-radius); overflow: hidden; box-shadow: var(--v-shadow); display: flex; flex-direction: column; }
.v-member-photo { position: relative; aspect-ratio: 4 / 5; overflow: hidden; }
.v-member-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 15%; }
.v-member-body { padding: 22px 24px 26px; border-top: 3px solid var(--v-gold); display: flex; flex-direction: column; flex: 1; }
.v-member-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.v-member-name { margin: 0; font-size: 20px; font-weight: 800; color: var(--v-blue); }
.v-member-role { margin: 4px 0 0; color: var(--v-gold-text); font-weight: 700; font-size: 14px; }
.v-member-bio { margin: 10px 0 0; line-height: 1.6; color: var(--v-muted); font-size: 15px; }
.v-li-btn { width: 44px; height: 44px; flex: none; border-radius: 8px; background: var(--v-blue); color: #fff !important; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.v-li-btn.is-wide { width: auto; gap: 8px; padding: 0 16px; font-weight: 700; font-size: 14px; }
.v-chips-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.v-chips-row span { font-size: 12px; font-weight: 700; color: var(--v-blue); background: #eaf1f6; border-radius: 999px; padding: 5px 11px; }
.v-member .v-link { margin-top: auto; padding-top: 18px; }
.v-mini-team { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 32px; }
.v-mini-team div { display: flex; align-items: center; gap: 12px; }
.v-mini-team img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: center 20%; }
.v-mini-team small { color: var(--v-grey); font-size: 13px; } .v-profile { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 56px; align-items: start; }
.v-keys { background: var(--v-blue); color: #fff; border-radius: var(--v-radius); padding: 24px 26px; margin-top: 20px; }
.v-keys p { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--v-gold) !important; }
.v-keys ul { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; line-height: 1.5; font-size: 15px; }
.v-keys li { display: flex; gap: 10px; color: #fff; }
.v-keys li::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--v-gold); margin-top: 8px; flex: none; }
.v-tl { list-style: none; margin: 0; padding: 0; border-left: 2px solid #d9e2ea; }
.v-tl li { position: relative; padding: 0 0 22px 26px; }
.v-tl li::before { content: ""; position: absolute; left: -7px; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 2px solid var(--v-gold); }
.v-tl .y { font-size: 13px; font-weight: 800; color: var(--v-gold-text); letter-spacing: .04em; }
.v-tl .r { margin: 2px 0 0; font-weight: 800; color: var(--v-blue); }
.v-tl .c { margin: 2px 0 0; color: var(--v-grey); font-size: 15px; }
.v-tl-title { margin: 0 0 20px !important; font-size: 14px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--v-blue); }
@media (max-width: 860px) { .v-profile { grid-template-columns: 1fr; } } .v-filters { background: #fff; border-radius: 10px; padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; box-shadow: 0 1px 2px rgba(20,40,60,.06); margin-bottom: 36px; }
.v-filter-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.v-filter-label { font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--v-grey); min-width: 110px; }
.v-pill { min-height: 44px; padding: 0 18px; border-radius: 999px; font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; border: 1.5px solid var(--v-blue); background: #fff; color: var(--v-blue); }
.v-pill.is-active { background: var(--v-blue); color: #fff; }
.v-count { margin-left: auto; font-size: 14px; color: var(--v-grey); }
.v-refs-more { display: flex; justify-content: center; margin-top: 40px; }
.v-refs-more[hidden], .v-ref[hidden], .v-refs-empty[hidden] { display: none !important; } .v-carousel { position: relative; }
.v-carousel-nav { position: absolute; right: 32px; top: -88px; display: flex; gap: 12px; }
.v-arrow { width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid var(--v-blue); background: #fff; color: var(--v-blue); font: inherit; font-size: 20px; font-weight: 700; cursor: pointer; }
.v-arrow:hover { background: var(--v-blue); color: #fff; }
.v-carousel-viewport { overflow: hidden; margin: -12px; padding: 12px; }
.v-carousel-track { display: flex; gap: 28px; transition: transform .6s ease; }
.v-carousel-track > .v-card { flex: 0 0 calc((100% - 56px) / 3); }
@media (max-width: 960px) { .v-carousel-track > .v-card { flex-basis: calc((100% - 28px) / 2); } .v-carousel-nav { position: static; margin-bottom: 20px; } }
@media (max-width: 640px) { .v-carousel-track > .v-card { flex-basis: 100%; } }
.v-carousel-foot { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 36px; }
.v-dots { display: flex; gap: 8px; }
.v-dots span { display: block; height: 8px; width: 8px; border-radius: 4px; background: #c3cfd9; transition: all .3s; }
.v-dots span.is-active { width: 28px; background: var(--v-blue); } .v-marquee { overflow: hidden; margin-top: 48px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.v-marquee-track { display: flex; gap: 72px; align-items: center; width: max-content; animation: v-defile 40s linear infinite; }
.v-marquee:hover .v-marquee-track { animation-play-state: paused; }
.v-marquee img { height: 64px !important; width: auto !important; max-width: 170px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s; }
.v-marquee img:hover { filter: none; opacity: 1; }
@keyframes v-defile { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .v-marquee-track { animation: none; flex-wrap: wrap; width: auto; justify-content: center; } .v-carousel-track { transition: none; } } .v-hero-fiche { padding: 48px 0 120px !important; }
.v-hero-fiche-in { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; flex-wrap: wrap; }
.v-hero-fiche-in > div:first-child { flex: 1 1 560px; }
.v-chips { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 28px; }
.v-chip-hero { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; padding: 6px 14px; color: #fff; }
.v-chip-hero.is-gold { background: var(--v-gold); border-color: var(--v-gold); }
.v-hero-logo { background: #fff; border-radius: var(--v-radius); width: 220px; height: 150px; display: flex; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; }
.v-hero-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.v-facts-wrap { margin-top: -80px; position: relative; }
.v-facts { background: #fff; border-radius: var(--v-radius); box-shadow: 0 12px 36px rgba(20,40,60,.12); padding: 32px 36px; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 28px; margin: 0; }
.v-facts dt { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--v-grey); }
.v-facts dd { margin: 6px 0 0; font-size: 16px; font-weight: 700; line-height: 1.4; }
.v-gallery { display: grid; gap: 20px; }
.v-gallery-2 { grid-template-columns: 1fr 1fr; }
.v-gallery-3 { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; }
.v-gallery-3 figure:first-child { grid-row: span 2; }
.v-gallery figure { margin: 0; border-radius: 8px; overflow: hidden; min-height: 200px; }
.v-gallery img { width: 100%; height: 100%; object-fit: cover; display: block; }
.v-fiche-photo { margin: 0; border-radius: var(--v-radius); overflow: hidden; aspect-ratio: 4 / 3; }
.v-fiche-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.v-prog { margin-top: 28px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 0 28px; background: #fff; border-radius: 10px; padding: 28px 32px; line-height: 1.8; color: var(--v-muted); }
.v-prog h3, .v-prog h4, .v-prog strong { color: var(--v-blue); }
.v-mini-list { gap: 24px; margin-top: 28px; }
.v-mini { display: flex; gap: 16px; align-items: center; text-decoration: none !important; color: inherit !important; border: 1px solid var(--v-line); border-radius: 10px; padding: 16px; background: #fff; }
.v-mini strong { color: var(--v-blue); }
.v-mini small { color: var(--v-grey); font-size: 14px; }
.v-mini-img { width: 96px; height: 72px; flex: none; border-radius: 6px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.v-mini-img img { width: 100%; height: 100%; object-fit: cover; }
.v-mini-img.is-logo { border: 1px solid var(--v-line); padding: 8px; box-sizing: border-box; }
.v-mini-img.is-logo img { object-fit: contain; } .v-panel { background: #fff; border-radius: var(--v-radius); padding: 36px !important; box-shadow: 0 1px 2px rgba(20,40,60,.06), 0 10px 28px rgba(20,40,60,.07); margin: 0 !important; }
.v-contact-row { display: flex; gap: 16px; align-items: center; padding: 18px 0; border-top: 1px solid var(--v-line); }
.v-contact-row small { display: block; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--v-grey); }
.v-contact-row b { color: var(--v-text); }
.v-map iframe { width: 100%; height: 280px; border: 0; border-radius: 10px; margin-top: 24px; display: block; }
.v-panel .wpcf7-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 18px; }
.v-panel .wpcf7-form > p { margin: 0; }
.v-panel .wpcf7-form .v-full { grid-column: 1 / -1; }
.v-panel .wpcf7-form label { font-size: 14px; font-weight: 700; color: var(--v-text); display: block; }
.v-panel .wpcf7-form input:not([type=checkbox]):not([type=submit]), .v-panel .wpcf7-form textarea, .v-panel .wpcf7-form select { width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; padding: 12px 14px; border: 1.5px solid #cdd7e0; border-radius: 8px; background: #fff; margin-top: 6px; }
.v-panel .wpcf7-form :is(input, textarea, select):focus { outline: 2px solid var(--v-gold); outline-offset: 1px; border-color: var(--v-blue); }
.v-panel .wpcf7-form .wpcf7-acceptance label { font-weight: 400; color: var(--v-muted); line-height: 1.5; display: flex; gap: 10px; }
.v-panel .wpcf7-submit { background: var(--v-gold); color: #fff; border: 0; min-height: 48px; padding: 0 28px; border-radius: 6px; font: inherit; font-weight: 700; cursor: pointer; }
.v-panel .wpcf7-submit:hover { background: #a8923a; } .v-legal { max-width: 880px !important; }
.v-legal h2 { font-size: 22px !important; color: var(--v-blue) !important; margin: 40px 0 12px !important; font-weight: 800 !important; }
.v-legal p, .v-legal li { font-size: 16px; line-height: 1.75; color: var(--v-muted); } @media (max-width: 760px) {
.v-section { padding: 72px 0 !important; }
.v-hero { padding: 56px 0 !important; }
.v-photo img { height: 300px !important; }
.v-photo-label, .v-photo-card { position: static; margin-top: 16px !important; display: inline-block; }
.v-split { gap: 40px; }
.v-facts { padding: 24px; }
.v-gallery-2, .v-gallery-3 { grid-template-columns: 1fr; }
.v-gallery-3 figure:first-child { grid-row: auto; }
} body:has(.v-header) { padding-top: 0 !important; }
.wp-site-blocks:has(.v-header) { padding: 0 !important; }
.wp-site-blocks:has(.v-header) > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
.v-photo-wrap { position: relative; margin: 0 !important; }
.v-grid-2b { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 20px; }
.v-grid-2b .v-feature { padding: 26px !important; }
.v-hero-home { padding: 88px 0 !important; }
.v-hero-home .v-split { gap: 56px; }
.v-hero-home h1 { font-size: clamp(36px, 4.6vw, 56px); }
.v-feature.v-card { padding: 36px 32px !important; }
.v-cta-text h2 { margin: 0 !important; }
.v-cta .wp-block-buttons { margin-top: 0 !important; }
.v-main .wp-block-group.v-wrap > * + * { margin-block-start: 0; }
.v-main p { margin-block: 0; }
.v-main .v-lead + .v-lead { margin-top: 12px !important; }
.v-section .v-center, .v-section.v-center .v-wrap { text-align: center; }
.v-section.v-center .v-lead { margin-left: auto !important; margin-right: auto !important; }
.v-main :is(h1, h2, h3, h4) { text-transform: none !important; }
.v-main .v-feature, .v-main .v-feature :is(h3, p), .v-main .v-value, .v-main .v-member, .v-main .v-card { text-align: left; }
.v-main :is(.v-card-title, .v-card-text, .v-card-moa, .v-card-meta, .v-feature h3) { text-align: left !important; } .v-wrap, .v-main .v-section > *, .v-main .v-hero > *, .v-main .v-cta > *, .v-main .v-band > * { max-width: max(1200px, min(1480px, 88vw)) !important; }
@media (min-width: 1600px) {
.v-main .v-lead, .v-main .v-lead p { font-size: 19px !important; max-width: 760px; }
.v-main .v-h2 { font-size: 44px !important; }
.v-hero h1 { max-width: 960px; }
.v-section { padding: 120px 0 !important; }
.v-grid { gap: 32px; }
} .v-main .v-subnav { margin-top: 40px !important; } #vision .v-split { align-items: stretch !important; }
#vision .v-photo-wrap, #vision .v-photo-wrap figure { height: 100%; }
#vision .v-photo.is-tall img { height: 100% !important; min-height: 360px; } .v-mini-img img { object-position: center 18%; }
.v-mini-img { width: 88px; height: 88px; border-radius: 50%; } @media (min-width: 1500px) {
.v-wrap, .v-main .v-section > *, .v-main .v-hero > *, .v-main .v-cta > *, .v-main .v-band > * { max-width: 1360px; }
.v-main .v-lead, .v-main .v-lead p { max-width: 760px; }
}
@media (min-width: 1800px) {
.v-wrap, .v-main .v-section > *, .v-main .v-hero > *, .v-main .v-cta > *, .v-main .v-band > * { max-width: 1520px; padding-left: 48px; padding-right: 48px; }
.v-main, .v-header, .v-footer { font-size: 17px; }
.v-main .v-lead, .v-main .v-lead p { font-size: 19px !important; max-width: 820px; }
.v-photo img { height: 500px !important; }
} .v-main .v-subnav { margin-top: 40px !important; }
.v-main .v-marquee { margin-top: 56px !important; }
.v-main .v-mini-team { margin-top: 32px !important; } .v-main .v-split.is-top:has(.is-tall) { align-items: stretch; }
.v-main .v-photo-wrap:has(.is-tall) { display: flex; }
.v-main .v-photo.is-tall { flex: 1; display: flex; }
.v-main .v-photo.is-tall img { height: 100% !important; min-height: 420px; } .v-mini-img { width: 80px; height: 80px; border-radius: 50%; }
.v-mini-img img { object-position: center 18%; }
.v-mini-img.is-logo { border-radius: 6px; width: 96px; height: 72px; }
.v-member-photo img, .v-mini-team img { object-position: center 18%; }
.v-mini-list .v-mini-img { border-radius: 6px; width: 96px; height: 72px; }
.v-main .v-split > .v-grid-2b, .v-main .v-split > .v-photo-wrap { margin-top: 0 !important; margin-bottom: 0 !important; } :root {
--v-gutter: clamp(20px, 5.5vw, 128px);
--v-max: 1680px;
--fs-body: clamp(16px, 0.22vw + 13px, 19px);
--fs-small: clamp(14px, 0.15vw + 11.8px, 16px);
--fs-lead: clamp(17px, 0.36vw + 12.2px, 22px);
--fs-h1: clamp(38px, 2.5vw + 12px, 76px);
--fs-h2: clamp(29px, 1.7vw + 9px, 54px);
--fs-h3: clamp(19px, 0.45vw + 13px, 26px);
--fs-kicker: clamp(12px, 0.16vw + 9.8px, 15px);
--fs-nav: clamp(15px, 0.2vw + 12.2px, 18px);
--sp-section: clamp(72px, 5.5vw + 20px, 170px);
--sp-gap: clamp(20px, 1.9vw, 44px);
--sp-split: clamp(40px, 4.5vw, 120px);
} html body .v-wrap,
html body .v-main .v-section > *,
html body .v-main .v-hero > *,
html body .v-main .v-cta > *,
html body .v-main .v-band > *:not(figure) {
max-width: none !important;
width: min(100% - 2 * var(--v-gutter), var(--v-max)) !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
} .v-main, .v-header, .v-footer { font-size: var(--fs-body) !important; line-height: 1.6; }
.v-main h1, .v-hero h1, .v-hero-home h1 { font-size: var(--fs-h1) !important; line-height: 1.06 !important; letter-spacing: -0.025em !important; max-width: 19ch !important; }
.v-main .v-h2, .v-main h2.v-h2 { font-size: var(--fs-h2) !important; line-height: 1.12 !important; letter-spacing: -0.02em !important; max-width: 26ch; }
.v-main .v-h2-sm { font-size: calc(var(--fs-h2) * 0.72) !important; }
.v-cta h2 { font-size: calc(var(--fs-h2) * 0.85) !important; }
.v-main .v-kicker { font-size: var(--fs-kicker) !important; letter-spacing: 0.16em; }
.v-main .v-lead, .v-main .v-lead p, .v-hero .v-lead, .v-hero .v-hero-lead { font-size: var(--fs-lead) !important; line-height: 1.6 !important; max-width: 62ch !important; }
.v-main .v-h2 + .v-lead, .v-main .v-kicker + h1 { margin-top: clamp(14px, 1vw, 24px) !important; }
.v-main .v-kicker + .v-h2, .v-main .v-kicker + h1 { margin-top: clamp(10px, 0.8vw, 18px) !important; }
.v-main .v-list { font-size: var(--fs-body) !important; }
.v-main :is(.v-feature, .v-value, .v-quote-box, .v-member-body, .v-card-body) p { font-size: var(--fs-small) !important; line-height: 1.6; }
.v-main .v-feature h3, .v-main .v-value h3, .v-main .v-quote-box h3, .v-main .v-member-name, .v-main .v-card-title { font-size: var(--fs-h3) !important; line-height: 1.25 !important; }
.v-main .v-tag, .v-main .v-chip, .v-main .v-chip-hero, .v-badge { font-size: calc(var(--fs-kicker) * 0.95) !important; }
.v-role { font-size: var(--fs-body) !important; } .v-main .v-section { padding: var(--sp-section) 0 !important; }
.v-main .v-section-sm { padding: calc(var(--sp-section) * 0.5) 0 !important; }
.v-main .v-hero { padding: calc(var(--sp-section) * 0.85) 0 calc(var(--sp-section) * 0.8) !important; }
.v-main .v-hero-home { padding: calc(var(--sp-section) * 0.9) 0 !important; }
.v-main .v-hero-crumb { padding: clamp(28px, 2.5vw, 56px) 0 !important; }
.v-main .v-hero-fiche { padding: clamp(40px, 3vw, 72px) 0 clamp(110px, 8vw, 170px) !important; }
.v-main .v-cta { padding: calc(var(--sp-section) * 0.75) 0 !important; }
.v-main .v-band { padding: calc(var(--sp-section) * 1.1) 0 !important; }
.v-grid { gap: var(--sp-gap) !important; }
.v-split { gap: var(--sp-split) !important; }
.v-main .v-mt { margin-top: clamp(36px, 3.2vw, 72px) !important; }
.v-main .wp-block-buttons { margin-top: clamp(28px, 2.2vw, 48px) !important; gap: clamp(12px, 1vw, 20px); } .v-btn, .v-main .wp-block-button .wp-block-button__link, .v-pill {
font-size: var(--fs-small) !important;
min-height: clamp(46px, 0.9vw + 32px, 58px) !important;
padding: 0 clamp(20px, 1.5vw, 32px) !important;
} .v-header-in { min-height: clamp(76px, 3.6vw + 20px, 108px) !important; }
.v-logo img { height: clamp(50px, 1.9vw + 22px, 74px) !important; }
.v-nav { gap: clamp(20px, 1.8vw, 44px) !important; font-size: var(--fs-nav) !important; }
.v-nav .v-btn { font-size: var(--fs-nav) !important; } .v-photo img { height: clamp(320px, 24vw, 640px) !important; }
.v-photo.is-tall img { height: 100% !important; }
.v-photo-card { padding: clamp(18px, 1.3vw, 30px) clamp(20px, 1.6vw, 34px) !important; max-width: clamp(260px, 17vw, 380px) !important; }
.v-photo-card p:first-child { font-size: var(--fs-body) !important; }
.v-photo-label { font-size: var(--fs-body) !important; padding: clamp(16px, 1.1vw, 24px) clamp(20px, 1.5vw, 30px) !important; } .v-feature, .v-feature.v-card { padding: clamp(28px, 2.2vw, 48px) clamp(26px, 2vw, 44px) !important; }
.v-value, .v-quote-box, .v-box, .v-panel { padding: clamp(26px, 2vw, 44px) clamp(26px, 2.1vw, 46px) !important; }
.v-card-body, .v-member-body { padding: clamp(20px, 1.5vw, 32px) clamp(22px, 1.7vw, 36px) clamp(24px, 1.8vw, 38px) !important; }
.v-ico { width: clamp(48px, 2.4vw + 14px, 64px) !important; height: clamp(48px, 2.4vw + 14px, 64px) !important; }
.v-stat strong { font-size: var(--fs-h3) !important; }
.v-stat span { font-size: var(--fs-small) !important; }
.v-stat { padding: clamp(22px, 1.7vw, 36px) clamp(24px, 1.9vw, 40px) !important; }
.v-facts dd { font-size: var(--fs-body) !important; }
.v-facts dt { font-size: calc(var(--fs-kicker) * 0.95) !important; }
.v-marquee img { height: clamp(56px, 2.6vw + 20px, 88px) !important; max-width: clamp(150px, 10vw, 220px) !important; }
.v-marquee-track { gap: clamp(56px, 5vw, 120px) !important; } .v-footer { font-size: var(--fs-small) !important; padding: clamp(40px, 3vw, 72px) 0 clamp(18px, 1.2vw, 28px) !important; }
.v-footer-logo { width: clamp(64px, 3vw + 20px, 92px) !important; height: auto !important; }
.v-footer-grid { gap: clamp(28px, 3vw, 72px) !important; } @media (max-width: 760px) {
:root { --v-gutter: 20px; }
.v-main h1, .v-hero h1 { max-width: none !important; }
}
:root { --v-max: 1840px; }
.v-main h1, .v-hero h1, .v-hero-home h1 { max-width: 22ch !important; }  .v-main h1, .v-hero h1 { font-weight: 700 !important; }
.v-main .v-h2, .v-main h2, .v-cta h2 { font-weight: 700 !important; }
.v-main h3, .v-main .v-card-title, .v-main .v-member-name { font-weight: 700 !important; }
.v-main .v-kicker { font-weight: 700 !important; } .v-btn-gold, .v-main .v-btn-gold .wp-block-button__link, .v-panel .wpcf7-submit, .v-nav .v-btn-gold { background: #877429 !important; color: #fff !important; }
.v-btn-gold:hover, .v-main .v-btn-gold .wp-block-button__link:hover, .v-panel .wpcf7-submit:hover, .v-nav .v-btn-gold:hover { background: #6f5f21 !important; }
.v-main .wp-block-button__link:focus-visible, .v-btn:focus-visible, .v-pill:focus-visible { outline: 3px solid var(--v-gold); outline-offset: 3px; } .v-photo-card { display: none !important; }
@media (min-width: 961px) {
.v-main .v-hero-home { padding: 0 !important; overflow: hidden; }
.v-main .v-hero-home .v-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: stretch; min-height: clamp(560px, 74vh, 900px); gap: clamp(48px, 5vw, 120px) !important; }
.v-main .v-hero-home .v-split > .wp-block-group:first-child { align-self: center; padding: calc(var(--sp-section) * 0.9) 0; }
.v-main .v-hero-home .v-photo-wrap { margin-right: calc((min(100vw - 2 * var(--v-gutter), var(--v-max)) - 100vw) / 2) !important; height: 100%; }
.v-main .v-hero-home .v-photo, .v-main .v-hero-home .v-photo img { height: 100% !important; border-radius: 0 !important; }
.v-main .v-hero-home .v-photo img { min-height: 100%; object-fit: cover; }
.v-main .v-hero-home .v-photo::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--v-gold); z-index: 1; }
} html.v-js .v-reveal { opacity: 0; transform: translateY(22px); transition: opacity .8s cubic-bezier(.2,.65,.3,1), transform .8s cubic-bezier(.2,.65,.3,1); transition-delay: var(--v-delay, 0s); }
html.v-js .v-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { html.v-js .v-reveal { opacity: 1; transform: none; transition: none; } } :root {
--v-max: 1440px;
--v-gutter: clamp(20px, 5vw, 96px);
--fs-body: clamp(16px, 0.12vw + 14.2px, 18px);
--fs-small: clamp(14px, 0.1vw + 12.6px, 15.5px);
--fs-lead: clamp(17px, 0.2vw + 14.5px, 20px);
--fs-h1: clamp(36px, 1.6vw + 18px, 60px);
--fs-h2: clamp(28px, 1vw + 16px, 44px);
--fs-h3: clamp(19px, 0.3vw + 14px, 23px);
--fs-kicker: clamp(12px, 0.1vw + 10.6px, 14px);
--fs-nav: clamp(15px, 0.1vw + 13.6px, 16.5px);
--sp-section: clamp(72px, 4vw + 32px, 128px);
--sp-gap: clamp(20px, 1.6vw, 36px);
--sp-split: clamp(40px, 4vw, 96px);
}
.v-main h1 { max-width: 20ch; } .v-grid-3 { grid-template-columns: 1fr !important; }
@media (min-width: 700px) { .v-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (min-width: 1100px) { .v-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
.v-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (min-width: 1100px) { .v-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 520px) { .v-grid-4 { grid-template-columns: 1fr !important; } }
.v-grid-2 { grid-template-columns: 1fr !important; }
@media (min-width: 820px) { .v-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } .v-photo img { height: clamp(300px, 22vw, 520px) !important; }
@media (min-width: 961px) {
.v-main .v-hero-home .v-split { min-height: clamp(500px, 64vh, 720px) !important; }
} .v-logo { display: block; line-height: 0; }
.v-logo .v-logo-svg { height: clamp(48px, 1vw + 34px, 62px); width: auto; display: block; }
.v-footer-logo { display: block; width: auto !important; height: auto !important; line-height: 0; }
.v-footer-logo .v-logo-svg { width: clamp(180px, 6vw + 110px, 230px); height: auto; display: block; }
.v-footer .v-footer-grid > div > p { font-size: var(--fs-small) !important; line-height: 1.6; max-width: 260px; margin-top: 16px; } :root { --sp-section: clamp(56px, 2.6vw + 28px, 96px); }
.v-main .v-band { padding: calc(var(--sp-section) * 0.8) 0 !important; }
.v-main .v-cta { padding: calc(var(--sp-section) * 0.65) 0 !important; } .v-photo img { height: clamp(260px, 17vw, 400px) !important; }
.v-main .v-photo.is-tall img { height: 100% !important; min-height: 320px; max-height: 520px; }
@media (min-width: 961px) {
.v-main .v-split:not(.v-hero-home .v-split):has(> .v-photo-wrap:last-child) { grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.85fr) !important; }
.v-main .v-split:not(.v-hero-home .v-split):has(> .v-photo-wrap:first-child) { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.25fr) !important; }
} .v-main .v-band > figure img, .v-main .v-band .v-band-img img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center 30%; }
.v-main .v-band::after { background: linear-gradient(90deg, rgba(22,58,84,.30) 0%, rgba(22,58,84,.45) 38%, rgba(22,58,84,.90) 60%, rgba(22,58,84,.94) 100%); }
@media (min-width: 961px) {
html body .v-main .v-band > .v-wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 600px); }
html body .v-main .v-band > .v-wrap > * { grid-column: 2; }
}
@media (max-width: 960px) {
.v-main .v-band::after { background: rgba(22,58,84,.86); }
}
html body .v-main .v-band > figure { max-width: none !important; width: auto !important; padding: 0 !important; } @media (min-width: 961px) {
html body .v-main .v-band { background: #eaf1f6; color: var(--v-blue); }
html body .v-main .v-band > figure { right: 50% !important; }
html body .v-main .v-band > figure img { object-position: center 50%; }
html body .v-main .v-band::after { right: 50%; background: linear-gradient(90deg, rgba(22,58,84,.10), rgba(22,58,84,.25)); }
html body .v-main .v-band > .v-wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--sp-split); }
html body .v-main .v-band p.v-band-title { color: var(--v-blue) !important; }
html body .v-main .v-band p.v-lead { color: var(--v-muted, #4a5b6a) !important; }
html body .v-main .v-band .v-kicker { color: #877429 !important; }
} @media (min-width: 700px) { html body .v-main .v-grid-2b { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (min-width: 961px) {
html body .v-main .v-split.is-top:has(.is-tall) { align-items: center !important; }
html body .v-main .v-photo-wrap:has(.is-tall), html body .v-main .v-photo.is-tall { display: block; }
html body .v-main .v-photo.is-tall img { height: clamp(340px, 24vw, 480px) !important; min-height: 0; max-height: none; }
} @media (min-width: 961px) {
html body .v-main .v-band { min-height: clamp(360px, 21vw, 540px); display: flex !important; flex-direction: column; justify-content: center; }
html body .v-main .v-band > figure img { object-position: center 45% !important; }
}
html body .v-main :is(.v-value, .v-feature, .v-quote-box) :is(h3, p) { text-align: left !important; }  @media (min-width: 961px) {
html body .v-main .v-hero-home .v-split { min-height: clamp(420px, 52vh, 580px) !important; }
html body .v-main .v-hero-home .v-split > .wp-block-group:first-child { padding: calc(var(--sp-section) * 0.6) 0 !important; }
}
html body .v-main .v-hero-home { padding-top: 0 !important; padding-bottom: 0 !important; } html body .v-main .v-cta { position: relative; overflow: hidden; background: linear-gradient(120deg, #1b4766 0%, var(--v-blue) 55%, #24618a 100%); }
html body .v-main .v-cta::before {
content: ""; position: absolute; inset: 0; pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='28' viewBox='0 0 48 28'%3E%3Cpath d='M2 4l10 12L22 4M26 4l10 12L46 4' fill='none' stroke='%23ffffff' stroke-opacity='.10' stroke-width='1.6'/%3E%3C/svg%3E");
background-size: 48px 28px;
-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.25) 35%, #000 75%);
mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.25) 35%, #000 75%);
}
html body .v-main .v-cta::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--v-gold); }
html body .v-main .v-cta > * { position: relative; z-index: 1; } html body .v-main .v-bg-gold { position: relative; }
html body .v-main .v-bg-gold::before {
content: ""; position: absolute; inset: 0; pointer-events: none;
background-image: radial-gradient(rgba(135,116,41,.42) 1.5px, transparent 1.8px);
background-size: 22px 22px;
-webkit-mask-image: radial-gradient(ellipse 65% 90% at 100% 0%, #000 0%, transparent 75%);
mask-image: radial-gradient(ellipse 65% 90% at 100% 0%, #000 0%, transparent 75%);
}
html body .v-main .v-bg-gold > * { position: relative; z-index: 1; } html body .v-main .v-member-photo { aspect-ratio: 3 / 2 !important; }
html body .v-main .v-member-photo img { object-position: center 12% !important; } @media (min-width: 961px) {
html body .v-main .v-photo.is-tall img { height: clamp(300px, 20vw, 400px) !important; }
} html body .v-main .v-band { background: var(--v-blue) !important; color: #fff; min-height: 0 !important; padding: calc(var(--sp-section) * 0.55) 0 !important; }
html body .v-main .v-band::after { display: none !important; }
html body .v-main .v-band p.v-band-title { color: #fff !important; font-size: calc(var(--fs-h2) * .9) !important; }
html body .v-main .v-band p.v-lead { color: #d6e2ec !important; }
html body .v-main .v-band .v-kicker { color: var(--v-gold) !important; }
@media (min-width: 961px) {
html body .v-main .v-band { min-height: clamp(260px, 15vw, 380px) !important; }
html body .v-main .v-band > figure { right: auto !important; width: 42% !important; -webkit-mask-image: linear-gradient(90deg, #000 45%, transparent 100%); mask-image: linear-gradient(90deg, #000 45%, transparent 100%); }
html body .v-main .v-band > figure img { object-position: center 45% !important; }
html body .v-main .v-band > .v-wrap { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr) !important; }
}
@media (max-width: 960px) {
html body .v-main .v-band > figure { opacity: .28; }
} html body .v-main .v-photo-portrait img { height: auto !important; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 12%; }
html body .v-main .v-profile .v-lead { text-align: justify; -webkit-hyphens: auto; hyphens: auto; } html body .v-main section#amo, html body .v-main section#strategie, html body .v-main section#achats { position: relative; overflow: hidden; padding: calc(var(--sp-section) * 0.75) 0 !important; }
html body .v-main section#strategie { background: linear-gradient(180deg, #eaf1f6 0%, #dfe9f1 100%) !important; }
html body .v-main :is(section#amo, section#strategie, section#achats)::before {
position: absolute; top: clamp(8px, 1.5vw, 28px); font-weight: 800; line-height: 1; pointer-events: none;
font-size: clamp(120px, 12vw, 220px); color: transparent; -webkit-text-stroke: 2px rgba(33,84,120,.09); letter-spacing: -.04em;
}
html body .v-main section#amo::before { content: "01"; right: 3vw; }
html body .v-main section#strategie::before { content: "02"; left: 3vw; }
html body .v-main section#achats::before { content: "03"; right: 3vw; }
html body .v-main :is(section#amo, section#strategie, section#achats) > * { position: relative; z-index: 1; }
html body .v-main :is(section#amo, section#strategie, section#achats) .v-photo img { height: clamp(260px, 18vw, 380px) !important; }
html body .v-main :is(section#amo, section#strategie, section#achats) .v-kicker { display: inline-block; padding: 6px 12px; background: var(--v-blue); color: #fff !important; border-radius: 4px; }
html body .v-main section#strategie .v-role { background: #fff; } .v-marquee-wrap { position: relative; }
.v-marquee.is-js { overflow-x: auto !important; scrollbar-width: none; cursor: grab; }
.v-marquee.is-js::-webkit-scrollbar { display: none; }
.v-marquee.is-js .v-marquee-track { animation: none !important; }
.v-marquee.is-dragging { cursor: grabbing; user-select: none; }
.v-marquee img { -webkit-user-drag: none; user-select: none; }
.v-marquee:focus-visible { outline: 2px solid var(--v-gold); outline-offset: 6px; }
.v-marquee-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #d5dee6; background: #fff; color: var(--v-blue); display: grid; place-items: center; cursor: pointer; box-shadow: 0 4px 14px rgba(20,40,60,.10); transition: background .2s, color .2s; padding: 0; }
.v-marquee-btn:hover, .v-marquee-btn:focus-visible { background: var(--v-blue); color: #fff; }
.v-marquee-prev { left: -8px; }
.v-marquee-next { right: -8px; }
.v-marquee-wrap .v-marquee { margin-left: 52px; margin-right: 52px; }
@media (max-width: 600px) { .v-marquee-btn { width: 38px; height: 38px; } .v-marquee-wrap .v-marquee { margin-left: 42px; margin-right: 42px; } }
@media (prefers-reduced-motion: reduce) { .v-marquee.is-js .v-marquee-track { flex-wrap: nowrap !important; width: max-content !important; } }
html body .v-main .v-center :is(h1, h2, .v-lead) { margin-left: auto !important; margin-right: auto !important; }  @media (min-width: 961px) {
html body .v-main .v-hero-home .v-split { min-height: clamp(380px, 42vh, 520px) !important; }
html body .v-main .v-hero-home .v-split > .wp-block-group:first-child { padding: calc(var(--sp-section) * 0.45) 0 !important; }
html body .v-main .v-hero-home .v-photo-wrap, html body .v-main .v-hero-home .v-photo { position: relative; height: 100%; min-height: 0 !important; }
html body .v-main .v-hero-home .v-photo img { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; }
html body .v-main .v-hero-home h1 { max-width: 24ch !important; }
} html body .v-main .v-hero, html body .v-main .v-hero-home .v-split > .wp-block-group:first-child { position: relative; }
html body .v-main .v-hero { overflow: hidden; background: linear-gradient(115deg, #1b4766 0%, var(--v-blue) 50%, #24618a 100%) !important; }
html body .v-main .v-hero::before, html body .v-main .v-hero-home::before {
content: ""; position: absolute; inset: 0; pointer-events: none;
background-image:
linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px),
linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px;
-webkit-mask-image: linear-gradient(100deg, transparent 15%, rgba(0,0,0,.6) 55%, #000 90%);
mask-image: linear-gradient(100deg, transparent 15%, rgba(0,0,0,.6) 55%, #000 90%);
}
html body .v-main .v-hero-home { position: relative; overflow: hidden; }
html body .v-main .v-hero-home::before { -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%, transparent 60%); mask-image: linear-gradient(90deg, transparent 0%, #000 45%, transparent 60%); }
html body .v-main .v-hero > *, html body .v-main .v-hero-home > * { position: relative; z-index: 1; } html body .v-main .v-bg-tint .v-stat { background: #fff; border-radius: 10px; padding: 18px 22px !important; box-shadow: 0 10px 28px rgba(22,58,84,.08); border-top: 3px solid var(--v-gold); } html body .v-main .v-mini-team img { width: 64px !important; height: 64px !important; } html body .v-main .v-member-photo img[src*="franck-delicata-nb"] { object-position: center 30% !important; } html body .v-main :is(section#amo, section#strategie, section#achats)::before { -webkit-text-stroke: 2px rgba(33,84,120,.26) !important; color: rgba(33,84,120,.04) !important; } html body .v-main .v-mini-team img, html body .v-main .v-mini-img img { object-view-box: inset(4% 20% 48% 20%); box-shadow: 0 0 0 2px #fff, 0 0 0 3px #d5dee6; }
html body .v-main .v-mini-team img[src*="franck-delicata-nb"], html body .v-main .v-mini-img img[src*="franck-delicata-nb"] { object-view-box: inset(12% 20% 40% 20%); } html body .v-main section.v-section:has(.v-feature.v-card) { position: relative; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #f3f6f9 100%); }
html body .v-main section.v-section:has(.v-feature.v-card)::before { content: ""; position: absolute; top: clamp(24px, 3vw, 60px); right: max(2vw, calc((100vw - var(--v-max)) / 2 - 40px)); width: clamp(200px, 20vw, 340px); aspect-ratio: 1; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M8 14 L50 86 L92 14' fill='none' stroke='%23BFA947' stroke-opacity='.28' stroke-width='3'/%3E%3Cpath d='M26 14 L50 55 L74 14' fill='none' stroke='%23215478' stroke-opacity='.12' stroke-width='3'/%3E%3C/svg%3E") center / contain no-repeat; }
html body .v-main section.v-section:has(.v-feature.v-card) > * { position: relative; z-index: 1; } html body .v-main .v-grid > * { margin-block-start: 0 !important; margin-top: 0 !important; } @media (min-width: 961px) {
body.page-id-47 .v-main .v-hero::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 46%; pointer-events: none; background: url(//www.veltio.fr/wp-content/uploads/2026/02/Paris-Vaugirard.jpeg) center 40% / cover no-repeat; opacity: .55; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 55%); mask-image: linear-gradient(90deg, transparent 0%, #000 55%); }
} @media (max-width: 960px) { html body .v-main .v-hero-home { padding-top: 40px !important; padding-bottom: 40px !important; } } html body .v-main .wpcf7 select { font-size: 16px !important; font-weight: 400 !important; padding: 12px 40px 12px 14px !important; text-overflow: ellipsis; max-width: 100%; }
html body .v-main :is(a[href^="mailto:"], a[href*="linkedin.com/company"], a[href="https://www.veltio.fr"]) { display: inline-block; padding: 6px 0; } @media (max-width: 860px) {
html body .v-main .v-photo-portrait { max-width: 280px; margin-left: auto !important; margin-right: auto !important; }
html body .v-main .v-profile .v-lead { text-align: left; }
}  html body .v-main .v-prog { background: transparent !important; padding: 0 !important; box-shadow: none !important; display: block !important; margin-top: 24px !important; }
html body .v-main .v-prog > ul:only-child { background: #fff; border-radius: 12px; padding: 26px 30px 26px 48px !important; border-top: 3px solid var(--v-gold); box-shadow: 0 10px 30px rgba(22,58,84,.07); columns: 2 320px; column-gap: 48px; margin: 0 !important; }
@media (min-width: 861px) {
html body .v-main .v-prog:has(> h4) { display: grid !important; grid-auto-flow: column; grid-template-rows: auto 1fr; grid-auto-columns: minmax(0, 1fr); column-gap: 24px; }
}
html body .v-main .v-prog > h4 { margin: 0 !important; background: #fff; border-radius: 12px 12px 0 0; border-top: 3px solid var(--v-gold); padding: 22px 26px 6px !important; font-size: var(--fs-h3) !important; font-weight: 700; color: var(--v-blue); }
html body .v-main .v-prog > h4 + ul { margin: 0 !important; background: #fff; border-radius: 0 0 12px 12px; padding: 10px 26px 24px 44px !important; box-shadow: 0 14px 24px -14px rgba(22,58,84,.12); }
html body .v-main .v-prog li { margin: 0 0 8px; line-height: 1.55; break-inside: avoid; }
html body .v-main .v-prog li::marker { color: var(--v-gold); }
@media (max-width: 860px) {
html body .v-main .v-prog > h4:not(:first-child) { margin-top: 18px !important; }
} @media (min-width: 961px) {
html body .v-main .v-hero-fiche.has-photo::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 48%; pointer-events: none; background: var(--v-hero-img) center / cover no-repeat; opacity: .5; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 60%); mask-image: linear-gradient(90deg, transparent 0%, #000 60%); }
} html body .v-main .v-hero-fiche ~ .v-section:not(.v-bg-light) .v-kicker + .v-h2 { position: relative; padding-left: 18px; border-left: 4px solid var(--v-gold); } html body .v-main .v-mini-img.is-logo img { object-view-box: none !important; box-shadow: none !important; object-fit: contain !important; padding: 6px; background: #fff; } @media (max-width: 860px) {
html body .v-main .v-split:not(.v-hero-home .v-split) > .v-photo-wrap:first-child { order: 2; }
}