/* A shared, compact spacing layer for the homepage. */
.vl-home .vl-live-divider{height:40px;gap:16px}
.vl-home .vl-live-emblem{width:30px;height:30px;flex-basis:30px}
.vl-home .vl-live-emblem svg{width:17px;height:17px}
.vl-home .vl-trust-feature{min-height:160px;padding-top:21px;padding-bottom:21px}
.vl-home .vl-trust-icon{margin-bottom:12px}
.vl-home .vl-trust-icon svg{width:25px;height:25px}
.vl-home .vl-trust-title h3{font-size:17px!important}
.vl-home .vl-trust-feature p{margin-top:8px;line-height:1.6}
.vl-home .brand-band{padding-top:13px;padding-bottom:13px;font-size:20px}

.vl-home .vl-brands{padding-top:25px;padding-bottom:17px}
.vl-home .vl-brands-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 17px;margin-bottom:8px}
.vl-home .vl-brands-badge{font-size:10px;padding:4px 12px}
.vl-home .vl-brands-heading h2{font-size:32px!important;margin:0!important;letter-spacing:-1px!important}
.vl-home .vl-brands-heading>p{font-size:13px}
.vl-home .vl-brands-viewport{padding-top:10px;padding-bottom:9px}
.vl-home .vl-brand-card{width:174px;flex-basis:174px;min-height:184px;padding-top:10px;padding-bottom:8px}
.vl-home .vl-brand-avatar{width:132px;height:132px;margin-bottom:12px}
.vl-home .vl-brand-logo{width:112px;height:112px;padding:21px 13px}
.vl-home .vl-brand-logo img{height:52px;max-height:52px}
.vl-home .vl-brand-card h3{font-size:14px!important}
.vl-home .vl-brand-arrow{width:24px;height:24px;right:5px;bottom:7px;font-size:16px}
.vl-home .vl-brands-track,.vl-home .vl-brands-group{gap:12px}

.vl-home .vl-collections{padding-top:27px;padding-bottom:20px}
.vl-home .vl-collections-heading{margin-bottom:16px}
.vl-home .vl-collections-heading h2{font-size:35px!important}
.vl-home .vl-collection-rows{gap:5px;margin-top:9px}
.vl-home .vl-collection-rows .vl-collection-card{height:205px;width:208px;flex-basis:208px;border-radius:12px}
.vl-home .vl-collection-rows .vl-collection-track{padding-top:4px;padding-bottom:5px}
.vl-home .vl-collection-card h3{top:15px;left:15px;right:14px;font-size:18px!important}
.vl-home .vl-collection-bottom{left:15px;right:15px;bottom:14px;font-size:11px}
.vl-home .vl-collections-bottom{padding-top:7px}

.vl-home .vl-featured-finds{padding-top:30px;padding-bottom:30px}
.vl-home .vl-everyday-inner{gap:24px}
.vl-home .vl-everyday-story{min-height:520px}
.vl-home .vl-everyday-copy{left:28px;right:28px;bottom:26px}
.vl-home .vl-everyday-copy h2{font-size:clamp(35px,3.3vw,48px)!important;margin-bottom:13px!important}
.vl-home .vl-everyday-description{margin-bottom:18px}
.vl-home .vl-everyday-heading{padding-bottom:16px}
.vl-home .vl-everyday-heading h3{font-size:32px!important;margin-bottom:8px!important}
.vl-home .vl-everyday-grid{grid-template-rows:repeat(2,minmax(174px,1fr));gap:12px}
.vl-home .vl-everyday-collection{min-height:174px}
.vl-home .vl-everyday-card-copy{padding:13px}
.vl-home .vl-everyday-card-copy h4{font-size:18px!important}
.vl-home .vl-everyday-all{margin-top:13px;min-height:48px}


.vl-home .vl-field-guide{padding-top:29px;padding-bottom:29px;gap:3%}
.vl-home .vl-guide-character{min-height:0}
.vl-home .vl-guide-character img{height:345px}
.vl-home .vl-guide-ring{width:305px;height:305px}
.vl-home .vl-guide-copy{padding-top:12px;padding-bottom:8px}
.vl-home .vl-guide-copy .vl-eyebrow{margin-bottom:16px!important}
.vl-home .vl-guide-copy h2{font-size:40px!important}
.vl-home .vl-guide-copy>p:not(.vl-eyebrow){margin-top:16px}
.vl-home .vl-guide-accordion{margin-top:18px}
.vl-home .vl-guide-accordion details{padding-top:13px;padding-bottom:13px}
.vl-home .vl-character-label{font-size:19px;padding:10px 15px}
.vl-home .vl-journal-band{padding-top:30px;padding-bottom:32px}
.vl-home .vl-journal-band>.vl-eyebrow{margin-bottom:16px!important}
.vl-home .vl-large-number{font-size:48px}
.vl-home .vl-journal-grid h3{font-size:19px!important;margin-top:13px;margin-bottom:11px}
.vl-home .vl-final-call{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:30px;padding-top:31px;padding-bottom:31px}
.vl-home .vl-final-call>.vl-eyebrow{grid-column:1/-1;margin-bottom:15px!important}
.vl-home .vl-final-call h2{font-size:58px!important;grid-column:1}
.vl-home .vl-final-call .vl-button{grid-column:2;margin-top:0}
.vl-home .vl-final-call .vl-compass{font-size:230px;right:20%;top:0}
.vl-site-footer{padding-top:32px}
.vl-footer-top{padding-bottom:28px}
.vl-site-footer h2{font-size:29px!important;margin-top:20px}
.vl-footer-bottom{padding-top:16px}

@media(max-width:800px){
 .vl-home .vl-trust-feature{min-height:161px;padding:20px 24px}
 .vl-home .vl-trust-marker{left:-24px}
 .vl-home .vl-everyday-inner{gap:22px}
 .vl-home .vl-everyday-story{min-height:460px}
 .vl-home .vl-everyday-copy{left:25px;right:25px;bottom:24px}
 .vl-home .vl-everyday-copy h2{font-size:39px!important}
 .vl-home .vl-everyday-grid{grid-template-rows:repeat(2,200px)}
 .vl-home .vl-everyday-heading h3{font-size:30px!important}
}
@media(max-width:650px){
 .vl-home .vl-live-divider{height:36px}
 .vl-home .vl-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vl-home .vl-trust-feature{min-height:160px;padding:18px 18px 19px}
 .vl-home .vl-trust-marker{left:-18px}
 .vl-home .vl-trust-title h3{font-size:15px!important}
 .vl-home .vl-trust-icon{margin-bottom:10px}
 .vl-home .vl-trust-feature p{font-size:11px;line-height:1.55}
 .vl-home .brand-band{padding-top:10px;padding-bottom:10px;font-size:15px}
 .vl-home .vl-brands{padding-top:22px;padding-bottom:14px}
 .vl-home .vl-brands-heading{display:block;margin-bottom:5px}
 .vl-home .vl-brands-badge{display:none}
 .vl-home .vl-brands-heading h2{font-size:29px!important}
 .vl-home .vl-brands-heading>p{font-size:13px;margin-top:7px}
 .vl-home .vl-brand-card{width:145px;flex-basis:145px;min-height:158px;padding-top:7px;padding-bottom:7px}
 .vl-home .vl-brand-avatar{width:114px;height:114px;margin-bottom:9px}
 .vl-home .vl-brand-logo{width:96px;height:96px;padding:17px 12px}
 .vl-home .vl-brand-logo img{height:45px;max-height:45px}
 .vl-home .vl-brand-card h3{font-size:13px!important}
 .vl-home .vl-brands-track,.vl-home .vl-brands-group{gap:8px}
 .vl-home .vl-brands-viewport{padding-top:8px;padding-bottom:8px}
 .vl-home .vl-collections{padding-top:22px;padding-bottom:18px}
 .vl-home .vl-collections-heading{margin-bottom:13px}
 .vl-home .vl-collections-heading h2{font-size:28px!important}
 .vl-home .vl-collection-filter{gap:6px}
 .vl-home .vl-collection-filter>label{min-height:36px;display:flex;align-items:center;padding:8px 11px}
 .vl-home .vl-collection-rows .vl-collection-card{width:164px;flex-basis:164px;height:180px}
 .vl-home .vl-collection-rows{gap:4px;margin-top:8px}
 .vl-home .vl-collection-rows .vl-collection-track{padding-top:3px;padding-bottom:4px}
 .vl-home .vl-collection-card h3{font-size:16px!important;top:13px;left:13px;right:12px}
 .vl-home .vl-collection-bottom{font-size:10px;left:13px;right:13px;bottom:12px}
 .vl-home .vl-collection-bottom>span{width:24px;height:24px;font-size:16px}
 .vl-home .vl-featured-finds{padding-top:22px;padding-bottom:23px}
 .vl-home .vl-field-guide{padding-top:23px;padding-bottom:23px;gap:12px}
 .vl-home .vl-guide-copy{padding:0}
 .vl-home .vl-guide-copy h2{font-size:33px!important}
 .vl-home .vl-guide-character img{height:235px}
 .vl-home .vl-guide-ring{width:214px;height:214px}
 .vl-home .vl-character-label{font-size:18px;padding:9px 13px}
 .vl-home .vl-journal-band{padding-top:26px;padding-bottom:27px}
 .vl-home .vl-journal-grid>div{grid-template-columns:43px 1fr;gap:8px 12px;padding-top:18px;padding-bottom:18px}
 .vl-home .vl-journal-grid>div:first-child{padding-top:0}
 .vl-home .vl-journal-grid h3{font-size:17px!important;margin:0}
 .vl-home .vl-large-number{font-size:40px}
 .vl-home .vl-final-call{grid-template-columns:1fr;padding-top:26px;padding-bottom:27px}
 .vl-home .vl-final-call h2{font-size:49px!important}
 .vl-home .vl-final-call .vl-button{grid-column:1;justify-self:start;margin-top:18px}
 .vl-home .vl-final-call .vl-compass{font-size:190px;right:-15px;top:50px}
 .vl-site-footer{padding-top:29px}
 .vl-footer-links{margin-top:25px;gap:17px 25px}
 .vl-footer-links h3{margin-bottom:12px}
 .vl-footer-links a{margin:0;padding:7px 0;min-height:32px}
 .vl-footer-top{padding-bottom:22px}
}
@media(max-width:480px){
 .vl-home .vl-everyday-story{min-height:440px}
 .vl-home .vl-everyday-copy{left:23px;right:23px;bottom:23px}
 .vl-home .vl-everyday-copy h2{font-size:34px!important}
 .vl-home .vl-everyday-label{top:16px;left:21px}
 .vl-home .vl-everyday-description{font-size:14px;line-height:1.6;margin-bottom:16px}
 .vl-home .vl-everyday-grid{grid-template-rows:repeat(2,178px);gap:10px}
 .vl-home .vl-everyday-collection{min-height:178px}
 .vl-home .vl-everyday-heading{padding-bottom:16px}
 .vl-home .vl-everyday-heading h3{font-size:28px!important}
 .vl-home .vl-everyday-card-copy{padding:12px 10px}
 .vl-home .vl-everyday-card-copy h4{font-size:18px!important}
}