@font-face{font-family:"Lora";font-style:normal;font-weight:400;font-display:swap;src:url("/modules/caravan-camperbedrijf-hero/1.0.0/assets/fonts/lora-latin-400-normal.woff2") format("woff2")}@font-face{font-family:"Lora";font-style:normal;font-weight:500;font-display:swap;src:url("/modules/caravan-camperbedrijf-hero/1.0.0/assets/fonts/lora-latin-500-normal.woff2") format("woff2")}@font-face{font-family:"Lora";font-style:normal;font-weight:700;font-display:swap;src:url("/modules/caravan-camperbedrijf-hero/1.0.0/assets/fonts/lora-latin-700-normal.woff2") format("woff2")}@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("/modules/caravan-camperbedrijf-hero/1.0.0/assets/fonts/manrope-latin-400-normal.woff2") format("woff2")}@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("/modules/caravan-camperbedrijf-hero/1.0.0/assets/fonts/manrope-latin-500-normal.woff2") format("woff2")}@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("/modules/caravan-camperbedrijf-hero/1.0.0/assets/fonts/manrope-latin-700-normal.woff2") format("woff2")}.msm-caravan-camperbedrijf-hero{background:var(--m-bg,#dfe5df);color:var(--m-ink,#17302c);font:400 17px/1.65 var(--m-font-body,Manrope,sans-serif);padding:clamp(54px,8vw,110px) max(20px,calc((100% - 1240px)/2)) 70px;overflow:hidden}.msm-caravan-camperbedrijf-hero *{box-sizing:border-box}.msm-caravan-camperbedrijf-hero .vh-hero{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(430px,1.45fr);grid-template-rows:auto auto;gap:30px 42px;align-items:end}.msm-caravan-camperbedrijf-hero .vh-copy{align-self:center;padding:30px 0}.msm-caravan-camperbedrijf-hero .vh-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;margin:0 0 24px}.msm-caravan-camperbedrijf-hero .vh-copy h1{font:500 clamp(53px,7vw,103px)/.91 var(--m-font-display,Lora,serif);letter-spacing:-.06em;margin:0;max-width:8ch}.msm-caravan-camperbedrijf-hero .vh-copy h1 em{color:var(--m-primary,#d55b34);font-weight:400}.msm-caravan-camperbedrijf-hero .vh-intro{max-width:41ch;color:var(--m-muted,#65766f);margin:28px 0}.msm-caravan-camperbedrijf-hero .vh-actions{display:flex;gap:12px;flex-wrap:wrap}.msm-caravan-camperbedrijf-hero .vh-actions a{min-height:50px;display:inline-flex;align-items:center;padding:12px 16px;color:var(--m-surface,#f7f8f3);background:var(--m-primary,#d55b34);text-decoration:none;font-weight:700;font-size:19px}.msm-caravan-camperbedrijf-hero .vh-actions a+ a{background:transparent;color:var(--m-ink,#17302c);border:1px solid rgba(0,0,0,.33);font-size:17px;padding:12px 19px}.msm-caravan-camperbedrijf-hero .vh-demo{font-size:12px;letter-spacing:.06em;margin-top:25px}.msm-caravan-camperbedrijf-hero .vh-photo{position:relative;margin:0;min-height:620px;background:var(--m-ink,#17302c);overflow:hidden}.msm-caravan-camperbedrijf-hero .vh-photo img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.msm-caravan-camperbedrijf-hero .vh-photo:hover img{transform:scale(1.025)}.msm-caravan-camperbedrijf-hero .vh-photo figcaption{position:absolute;left:20px;right:20px;bottom:20px;padding:18px 20px;background:color-mix(in srgb,var(--m-surface,#f7f8f3) 91%,transparent);display:flex;justify-content:space-between;gap:20px;align-items:center}.msm-caravan-camperbedrijf-hero .vh-photo figcaption span{font-size:10px;letter-spacing:.12em}.msm-caravan-camperbedrijf-hero .vh-photo figcaption b{max-width:34ch;font:500 17px var(--m-font-display,Lora,serif)}.msm-caravan-camperbedrijf-hero .vh-profile{grid-column:2;padding:24px 0 0;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border-top:1px solid rgba(0,0,0,.23)}.msm-caravan-camperbedrijf-hero .vh-profile>span{text-transform:uppercase;font-size:11px;letter-spacing:.12em}.msm-caravan-camperbedrijf-hero .vh-profile div{display:flex;gap:8px}.msm-caravan-camperbedrijf-hero .vh-profile button{padding:7px 12px;font-size:19px;font-weight:700;border:1px solid rgba(0,0,0,.33);background:transparent;color:inherit}.msm-caravan-camperbedrijf-hero .vh-profile button[aria-pressed=true]{background:var(--m-primary,#d55b34);border-color:var(--m-primary,#d55b34);color:var(--m-surface,#f7f8f3)}.msm-caravan-camperbedrijf-hero .vh-profile p{margin:0;color:var(--m-muted,#65766f);max-width:42ch}.msm-caravan-camperbedrijf-hero .vh-profile a{color:inherit;font-weight:700}@media(max-width:900px){.msm-caravan-camperbedrijf-hero .vh-hero{grid-template-columns:1fr}.msm-caravan-camperbedrijf-hero .vh-photo{min-height:520px}.msm-caravan-camperbedrijf-hero .vh-profile{grid-column:auto;grid-template-columns:1fr}.msm-caravan-camperbedrijf-hero .vh-copy{padding:10px 0}.msm-caravan-camperbedrijf-hero .vh-copy h1{max-width:10ch}}@media(max-width:520px){.msm-caravan-camperbedrijf-hero{padding-top:42px}.msm-caravan-camperbedrijf-hero .vh-copy h1{font-size:clamp(48px,15vw,66px)}.msm-caravan-camperbedrijf-hero .vh-photo{min-height:540px}.msm-caravan-camperbedrijf-hero .vh-photo figcaption{display:block}.msm-caravan-camperbedrijf-hero .vh-photo figcaption b{display:block;margin-top:6px}.msm-caravan-camperbedrijf-hero .vh-profile div{overflow:auto}.msm-caravan-camperbedrijf-hero .vh-profile button{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.msm-caravan-camperbedrijf-hero .vh-photo img{transition:none!important}}
@keyframes vh-hero-enter{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.msm-caravan-camperbedrijf-hero .vh-copy>*{animation:vh-hero-enter .65s cubic-bezier(.2,.8,.2,1) both}.msm-caravan-camperbedrijf-hero .vh-copy>*:nth-child(1){animation-delay:.05s}.msm-caravan-camperbedrijf-hero .vh-copy>*:nth-child(2){animation-delay:.13s}.msm-caravan-camperbedrijf-hero .vh-copy>*:nth-child(3){animation-delay:.21s}.msm-caravan-camperbedrijf-hero .vh-copy>*:nth-child(4){animation-delay:.29s}.msm-caravan-camperbedrijf-hero .vh-copy>*:nth-child(5){animation-delay:.37s}.msm-caravan-camperbedrijf-hero .vh-photo{animation:vh-hero-enter .8s .18s cubic-bezier(.2,.8,.2,1) both}.msm-caravan-camperbedrijf-hero .vh-profile{animation:vh-hero-enter .65s .42s cubic-bezier(.2,.8,.2,1) both}@media(prefers-reduced-motion:reduce){.msm-caravan-camperbedrijf-hero .vh-copy>*,.msm-caravan-camperbedrijf-hero .vh-photo,.msm-caravan-camperbedrijf-hero .vh-profile{animation:none!important}}