/* YV-100: a static, fictional YooVendo mascot vehicle photographed for an adult B2B audience. */
.yvs-clone .yvs-hero{padding-top:38px}
.yvs-clone .yvs-hero-top{position:relative;z-index:2;max-width:1380px;margin:0 auto 54px;display:flex;flex-direction:column;align-items:center;text-align:center}
.yvs-clone .yvs-vendo-photo{position:relative;width:100%;margin:0 0 46px;overflow:hidden;border:1px solid rgba(86,190,255,.25);border-radius:34px;background:#020814;box-shadow:0 36px 84px rgba(3,32,91,.3)}
.yvs-clone .yvs-vendo-photo:after{content:"";position:absolute;inset:auto 0 0;height:30%;pointer-events:none;background:linear-gradient(transparent,rgba(2,8,20,.72))}
.yvs-clone .yvs-vendo-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.yvs-clone .yvs-vendo-photo figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:22px;display:flex;align-items:baseline;gap:12px;color:#fff;text-align:left}
.yvs-clone .yvs-vendo-photo figcaption b{font-size:15px;letter-spacing:.13em}
.yvs-clone .yvs-vendo-photo figcaption span{color:#b8d7f5;font-size:13px}
.yvs-clone .yvs-hero-copy{position:relative;z-index:4;max-width:910px;margin:0 auto}
.yvs-clone .yvs-hero-copy .yvs-eyebrow{margin-bottom:20px}
.yvs-clone .yvs-hero-copy h1{max-width:900px;margin:0 auto 24px;font-size:clamp(48px,5.15vw,76px)!important;line-height:.97!important}
.yvs-clone .yvs-hero-copy>p{max-width:790px;margin:0 auto 30px;color:var(--copy)!important;font-size:18px!important;line-height:1.65!important}
.yvs-clone .yvs-hero-copy>small{display:block;margin:13px 0 0;color:#66748d!important;font-size:13px!important}
.yvs-clone .yvs-hero-product{margin-top:0}
.yvs-clone .yvs-brand-visual{position:relative;z-index:2;padding:72px 30px}
.yvs-clone .yvs-brand-visual figure{max-width:1280px;margin:0 auto;overflow:hidden;border:1px solid rgba(77,160,255,.22);border-radius:32px;background:#031027;box-shadow:0 32px 76px rgba(3,32,91,.2)}
.yvs-clone .yvs-brand-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.yvs-clone .yvs-brand-visual figcaption{padding:30px 34px 34px;display:grid;grid-template-columns:minmax(170px,.36fr) minmax(340px,.8fr) minmax(300px,1fr);align-items:center;gap:28px;background:linear-gradient(135deg,#04173d,#082b69);text-align:left}
.yvs-clone .yvs-brand-visual figcaption span{color:#68ddff!important;font-size:11px;font-weight:950;letter-spacing:.1em;line-height:1.45}
.yvs-clone .yvs-brand-visual figcaption h2{margin:0;color:#fff!important;font-size:clamp(25px,2.4vw,38px)!important;line-height:1.07!important;letter-spacing:-.035em}
.yvs-clone .yvs-brand-visual figcaption p{margin:0;color:#c6d8ef!important;font-size:15px!important;line-height:1.6!important}
.yvs-clone .yvs-brand-visual-command{padding-top:42px;background:linear-gradient(180deg,transparent,rgba(222,239,255,.42),transparent)}
.yvs-clone .yvs-brand-visual-operator{padding-top:28px}
@media(max-width:900px){.yvs-clone .yvs-hero{padding-top:30px}.yvs-clone .yvs-vendo-photo{margin-bottom:38px;border-radius:26px}}
@media(max-width:900px){.yvs-clone .yvs-brand-visual{padding:52px 20px}.yvs-clone .yvs-brand-visual figcaption{grid-template-columns:1fr 1.4fr;gap:14px 22px}.yvs-clone .yvs-brand-visual figcaption p{grid-column:1/-1}}
@media(max-width:640px){.yvs-clone .yvs-hero{padding:22px 13px 0}.yvs-clone .yvs-vendo-photo{width:calc(100% + 10px);margin-left:-5px;margin-bottom:30px;border-radius:19px}.yvs-clone .yvs-vendo-photo img{aspect-ratio:16/10;object-position:center}.yvs-clone .yvs-vendo-photo figcaption{left:15px;right:15px;bottom:12px;display:grid;gap:3px}.yvs-clone .yvs-vendo-photo figcaption b{font-size:9px}.yvs-clone .yvs-vendo-photo figcaption span{font-size:8px}.yvs-clone .yvs-hero-copy h1{font-size:43px!important}.yvs-clone .yvs-hero-copy>p{font-size:15px!important}.yvs-clone .yvs-hero-copy .yvs-primary{width:100%;padding-inline:16px;font-size:14px}.yvs-clone .yvs-brand-visual{padding:38px 13px}.yvs-clone .yvs-brand-visual figure{border-radius:20px}.yvs-clone .yvs-brand-visual img{aspect-ratio:16/10}.yvs-clone .yvs-brand-visual figcaption{padding:22px 18px 24px;display:block}.yvs-clone .yvs-brand-visual figcaption span{display:block;margin-bottom:10px;font-size:9px}.yvs-clone .yvs-brand-visual figcaption h2{font-size:27px!important}.yvs-clone .yvs-brand-visual figcaption p{margin-top:12px;font-size:13px!important}}