/* Scoped mascot additions. Existing navigation, offers and film controls are preserved. */
.vf-marlene-art {
  display:block;
  flex:none;
  background-image:url("marlene-mascotte.webp");
  background-repeat:no-repeat;
}
.vf-marlene-happy {
  width:86px;
  aspect-ratio:360/350;
  background-size:301.667% 413.714%;
  background-position:0 61.93%;
}
.vf-marlene-curious {
  width:66px;
  aspect-ratio:350/414;
  background-size:310.286% 349.758%;
  background-position:100% 99.42%;
}
.vf-marlene-clap {
  width:200px;
  aspect-ratio:389/678;
  background-size:279.177% 213.569%;
  background-position:52.511% 0;
}
.vf-marlene-note {
  display:flex;
  gap:15px;
  align-items:center;
  margin-top:24px;
  max-width:440px;
  padding:12px 17px 10px 10px;
  background:#eee8f5;
  border:1px solid #d8cce4;
  border-radius:18px;
}
.vf-marlene-note>div { min-width:0; }
.vf-marlene-note>div>span {
  display:block;
  color:#922143;
  font:600 .79rem/1.4 "DM Sans",sans-serif;
}
.vf-marlene-note p {
  color:#514b53;
  font-size:.76rem;
  line-height:1.65;
  margin-top:5px;
}
.vf-marlene-tip {
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:17px;
  margin-top:22px;
  border-top:1px solid #81708430;
}
.vf-marlene-tip .vf-marlene-art { width:59px; }
.vf-steps .vf-marlene-tip p {
  margin:0;
  font-size:.74rem;
  line-height:1.6;
}
.vf-marlene-tip strong {
  display:block;
  color:#922143;
  font-size:.68rem;
  font-weight:500;
  margin-bottom:4px;
}
.vf-marlene-guide {
  padding-block:0 55px;
  color:#281f21;
  font-family:"DM Sans",sans-serif;
}
.vf-marlene-guide-intro {
  display:grid;
  grid-template-columns:200px 1fr;
  gap:38px;
  align-items:center;
  border-radius:24px;
  background:#f6f0e6;
  padding:30px 48px 0;
  overflow:hidden;
}
.vf-marlene-guide-intro .vf-marlene-clap {
  align-self:end;
  margin-bottom:-4px;
}
.vf-marlene-guide-intro>div { padding-bottom:32px; max-width:710px; }
.vf-marlene-guide h2,.vf-marlene-guide h3 {
  font-family:"DM Sans",sans-serif;
  font-style:normal;
  font-weight:500;
  letter-spacing:-.04em;
}
.vf-marlene-guide h2 {
  font-size:clamp(1.9rem,3.1vw,2.8rem);
  line-height:1.12;
  margin:15px 0 19px;
}
.vf-marlene-guide-intro>div>p:not(.eyebrow) {
  font-size:.92rem;
  line-height:1.8;
  max-width:580px;
}
.vf-marlene-signature {
  display:block;
  font-size:.72rem;
  color:#922143;
  margin-top:17px;
}
.vf-marlene-journey {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:20px;
}
.vf-marlene-journey article {
  background:#eee8f5;
  border:1px solid #d8cce4;
  border-radius:18px;
  padding:26px;
}
.vf-marlene-journey article:nth-child(2) { background:#e8eedf;border-color:#cdd8bd; }
.vf-marlene-journey article:nth-child(3) { background:#f7ebcd;border-color:#ead9b2; }
.vf-marlene-step { font-size:.64rem;letter-spacing:.12em;color:#6b5a62; }
.vf-marlene-journey h3 { font-size:1.2rem;line-height:1.3;margin:20px 0 14px; }
.vf-marlene-journey p { color:#575158;font-size:.81rem;line-height:1.8; }
.vf-marlene-journey blockquote {
  font-family:inherit;
  font-size:.79rem;
  line-height:1.7;
  font-style:normal;
  padding:14px 16px;
  margin:22px 0 0;
  border:0;
  background:#ffffffa6;
  border-radius:12px;
  color:#682333;
}
.vf-marlene-rhythm { font-size:.75rem;color:#625e55;line-height:1.8;margin-top:18px; }
@media(max-width:1000px) {
  .vf-marlene-note { gap:10px;padding-right:12px; }
  .vf-marlene-note .vf-marlene-art { width:68px; }
  .vf-marlene-guide-intro { grid-template-columns:165px 1fr;padding-inline:28px;gap:25px; }
  .vf-marlene-guide-intro .vf-marlene-clap { width:165px; }
  .vf-marlene-journey article { padding:21px; }
}
@media(max-width:760px) {
  .vf-marlene-note { max-width:480px;margin-top:22px; }
  .vf-marlene-note .vf-marlene-art { width:76px; }
  .vf-marlene-note p { font-size:.77rem; }
  .vf-marlene-guide-intro { grid-template-columns:105px minmax(0,1fr);padding:24px 20px 0;gap:17px; }
  .vf-marlene-guide-intro .vf-marlene-clap { width:105px; }
  .vf-marlene-guide-intro>div { padding-bottom:24px; }
  .vf-marlene-guide h2 { font-size:1.75rem; }
  .vf-marlene-guide .eyebrow { font-size:.6rem;letter-spacing:.1em; }
  .vf-marlene-guide-intro>div>p:not(.eyebrow) { font-size:.81rem;line-height:1.7; }
  .vf-marlene-signature { font-size:.65rem;line-height:1.6; }
  .vf-marlene-journey { grid-template-columns:1fr;gap:13px; }
  .vf-marlene-journey h3 { margin-top:13px; }
}
@media(max-width:420px) {
  .vf-marlene-guide-intro { position:relative;display:block;padding:26px 22px 0; }
  .vf-marlene-guide-intro .vf-marlene-clap { float:right;width:94px;margin:0 -8px 8px 12px; }
  .vf-marlene-guide h2 { font-size:1.62rem; }
  .vf-marlene-guide-intro>div { padding-bottom:24px; }
  .vf-marlene-guide-intro>div>p:not(.eyebrow) { clear:both;padding-top:8px; }
}