.vl-home .vl-bento-hero{background:#121721;color:#fff;padding:34px 4.5% 38px;overflow:hidden;isolation:isolate}
.vl-home .vl-bento-inner{width:100%;max-width:1500px;margin:0 auto}
.vl-home .vl-bento-intro{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:26px}
.vl-home .vl-bento-eyebrow{display:flex;align-items:center;gap:10px;font:600 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.13em;color:#b4bdcc;margin:0 0 13px}
.vl-home .vl-bento-eyebrow>span{display:block;width:27px;height:3px;background:#7c9fff}
.vl-home .vl-bento-intro h1{font:900 clamp(42px,4.8vw,70px)/.96 Arial,Helvetica,sans-serif!important;letter-spacing:-.055em!important;color:#fff!important;margin:0!important}
.vl-home .vl-bento-intro h1 span{color:#86a7ff;white-space:nowrap}
.vl-home .vl-bento-aside{padding-bottom:2px}
.vl-home .vl-bento-aside>p{font:400 14px/1.6 Arial,Helvetica,sans-serif;color:#c0c8d5;margin:0 0 17px}
.vl-home .vl-bento-actions{display:flex;align-items:center;gap:22px}
.vl-home .vl-bento-shop{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 19px;background:#1555ff;color:#fff;font:600 12px/1.5 Arial,Helvetica,sans-serif;min-height:46px;transition:background .2s}
.vl-home .vl-bento-shop>span{font-size:22px;font-weight:400;line-height:1}
.vl-home .vl-bento-shop:hover{background:#3470ff}
.vl-home .vl-bento-all{color:#c7cfdd;font:500 11px/1.5 Arial,Helvetica,sans-serif;text-decoration:underline;text-underline-offset:5px}
.vl-home .vl-bento-all>span{margin-left:6px}
.vl-home .vl-bento-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.vl-home .vl-bento-card{display:block;position:relative;grid-column:span 2;min-width:0;height:240px;overflow:hidden;border:1px solid #ffffff21;border-radius:9px;background:#202a38;color:#fff;isolation:isolate;box-shadow:0 10px 25px #0000001a;transition:border-color .25s,box-shadow .25s}
.vl-home .vl-bento-card:nth-child(-n+2){grid-column:span 3;height:286px}
.vl-home .vl-bento-card:first-child{border-top-left-radius:26px}
.vl-home .vl-bento-card:nth-child(2){border-top-right-radius:26px}
.vl-home .vl-bento-card:nth-child(3){border-bottom-left-radius:26px}
.vl-home .vl-bento-card:last-child{border-bottom-right-radius:26px}
.vl-home .vl-bento-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%;margin:0;padding:0;transition:transform .7s cubic-bezier(.2,.6,.2,1)}
.vl-home .vl-bento-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06101c00 15%,#06101c0d 43%,#06101c40 100%);pointer-events:none}
.vl-home .vl-bento-copy{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:16px 52px 17px 19px;min-height:109px;border-top:1px solid #ffffff29;background:linear-gradient(110deg,rgba(12,19,30,.84),rgba(12,19,30,.65));backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}
.vl-home .vl-bento-label{font:600 9px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#d8e3fc;margin:0 0 5px}
.vl-home .vl-bento-copy h2{font:700 21px/1.12 Arial,Helvetica,sans-serif!important;letter-spacing:-.6px!important;color:#fff!important;text-transform:none!important;margin:0 0 7px!important}
.vl-home .vl-bento-card:nth-child(-n+2) h2{font-size:25px!important;letter-spacing:-.7px!important}
.vl-home .vl-bento-description{font:400 11px/1.45 Arial,Helvetica,sans-serif;color:#d5dce9;margin:0;max-width:490px}
.vl-home .vl-bento-arrow{position:absolute;right:17px;top:34px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #dbe6ff66;border-radius:50%;font:400 19px/1 Arial,Helvetica,sans-serif;color:#e9f0ff;transition:background .25s,border-color .25s}
.vl-home .vl-bento-card:hover{border-color:#83a7ff;box-shadow:0 12px 30px #0004}
.vl-home .vl-bento-card:hover .vl-bento-image{transform:scale(1.045)}
.vl-home .vl-bento-card:hover .vl-bento-arrow{background:#1555ff;border-color:#83a7ff}
.vl-home .vl-bento-card:focus-visible{outline:3px solid #83a7ff;outline-offset:4px}
@media(max-width:1000px){.vl-home .vl-bento-intro{gap:22px}.vl-home .vl-bento-intro h1{font-size:clamp(38px,5.5vw,54px)!important}.vl-home .vl-bento-actions{gap:14px;align-items:start;flex-direction:column}.vl-home .vl-bento-aside>p{font-size:12px}.vl-home .vl-bento-copy{padding-left:16px;padding-right:42px}.vl-home .vl-bento-copy h2{font-size:19px!important}.vl-home .vl-bento-card:nth-child(-n+2) h2{font-size:22px!important}.vl-home .vl-bento-description{font-size:10px}.vl-home .vl-bento-arrow{right:12px;width:24px;height:24px;font-size:17px}}
@media(max-width:650px){.vl-home .vl-bento-hero{padding:27px 20px 26px}.vl-home .vl-bento-intro{display:block;margin-bottom:22px}.vl-home .vl-bento-intro h1{font-size:clamp(34px,8.7vw,48px)!important;line-height:1!important}.vl-home .vl-bento-eyebrow{font-size:8px;margin-bottom:12px}.vl-home .vl-bento-aside{margin-top:16px;padding:0}.vl-home .vl-bento-aside>p{font-size:12px;line-height:1.6;margin-bottom:14px}.vl-home .vl-bento-aside>p br{display:none}.vl-home .vl-bento-actions{flex-direction:row;align-items:center;gap:18px}.vl-home .vl-bento-shop{font-size:11px;padding:11px 15px;gap:27px;min-height:42px}.vl-home .vl-bento-all{font-size:10px}.vl-home .vl-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.vl-home .vl-bento-card:nth-child(-n+2){grid-column:span 2;height:252px;border-radius:16px}.vl-home .vl-bento-card:nth-child(n+3){grid-column:span 1;height:240px;border-radius:14px}.vl-home .vl-bento-card:last-child{grid-column:span 2;height:220px}.vl-home .vl-bento-copy{padding:13px 38px 14px 15px;min-height:101px}.vl-home .vl-bento-copy h2{font-size:18px!important;letter-spacing:-.4px!important}.vl-home .vl-bento-card:nth-child(-n+2) h2{font-size:23px!important}.vl-home .vl-bento-card:nth-child(n+3):not(:last-child) .vl-bento-copy{padding:13px 12px 15px;min-height:120px}.vl-home .vl-bento-card:nth-child(n+3):not(:last-child) .vl-bento-description{display:none}.vl-home .vl-bento-card:nth-child(n+3):not(:last-child) .vl-bento-arrow{position:static;margin-top:10px}.vl-home .vl-bento-label{font-size:8px}.vl-home .vl-bento-description{font-size:10px}.vl-home .vl-bento-arrow{right:13px;top:31px}.vl-home .vl-bento-card:last-child .vl-bento-copy{min-height:101px}}
@media(prefers-reduced-motion:reduce){.vl-home .vl-bento-card,.vl-home .vl-bento-image,.vl-home .vl-bento-arrow,.vl-home .vl-bento-shop{transition:none}.vl-home .vl-bento-card:hover .vl-bento-image{transform:none}}
/* Give the photographic subject room above the overlapping glass copy. */
.vl-home .vl-bento-card{height:304px}
.vl-home .vl-bento-card:nth-child(-n+2){height:360px}
.vl-home .vl-bento-image{height:calc(100% - 82px);object-position:center 78%}
.vl-home .vl-bento-card-everyday .vl-bento-image{object-position:center 62%}
.vl-home .vl-bento-card-outside .vl-bento-image{object-position:center 62%}
@media(max-width:650px){.vl-home .vl-bento-card:nth-child(-n+2){height:334px}.vl-home .vl-bento-card:nth-child(n+3){height:270px}.vl-home .vl-bento-card:last-child{height:282px}}

/* A quiet, moving brand signature between the hero and shopping information. */
.vl-home .vl-live-divider{display:flex;align-items:center;gap:20px;width:100%;height:76px;padding:0 4.5%;background:#fff;overflow:hidden;pointer-events:none}
.vl-live-line{position:relative;display:block;flex:1;height:1px;background:#e2e8f1;overflow:hidden}
.vl-live-line>span{position:absolute;inset:-1px 0;display:block;background:linear-gradient(90deg,transparent 25%,#1555ff 50%,transparent 75%);animation:vl-signal-flow 8s linear infinite;transform:translateX(-100%)}
.vl-live-line:last-child>span{animation-direction:reverse;animation-delay:-4s}
.vl-live-emblem{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #e2e8f1;border-radius:50%;color:#1555ff;background:#fff}
.vl-live-emblem::after{content:"";position:absolute;inset:-5px;border:1px solid #1555ff;border-radius:50%;animation:vl-signal-breathe 5s ease-out infinite;pointer-events:none}
.vl-live-emblem svg{display:block;width:21px;height:21px}
@keyframes vl-signal-flow{to{transform:translateX(100%)}}
@keyframes vl-signal-breathe{0%{transform:scale(.88);opacity:0}25%{opacity:.18}100%{transform:scale(1.2);opacity:0}}
@media(max-width:650px){.vl-home .vl-live-divider{height:64px;padding:0 20px;gap:16px}.vl-live-emblem{width:36px;height:36px;flex-basis:36px}.vl-live-emblem svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.vl-live-line>span,.vl-live-emblem::after{animation:none}.vl-live-line>span{transform:none;opacity:.35}.vl-live-emblem::after{display:none}}
