@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500&display=swap');
#vlb-campingboxer{--ink:#151713;--paper:#f6f4ef;--olive:#626b51;--orange:#f29309;--display:'Bebas Neue',sans-serif;--body:'DM Sans',sans-serif;--meta:'DM Mono',monospace;color:var(--ink);background:var(--paper);font-family:var(--body);font-weight:300}
#vlb-campingboxer *{box-sizing:border-box}
#vlb-campingboxer h1,#vlb-campingboxer h2,#vlb-campingboxer h3,#vlb-campingboxer p{margin:0}
#vlb-campingboxer .inner{max-width:1360px;margin:auto;padding:0 48px}
#vlb-campingboxer .eyebrow{font:500 11px/1.2 var(--meta);letter-spacing:.18em;text-transform:uppercase;color:var(--olive)}
#vlb-campingboxer h1{font:400 clamp(52px,8vw,88px)/.9 var(--display);letter-spacing:.02em;color:var(--ink)}
#vlb-campingboxer h2{font:400 clamp(40px,5vw,72px)/.95 var(--display);letter-spacing:.02em;color:var(--ink)}
#vlb-campingboxer h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.7vw,38px);line-height:1.05;letter-spacing:.02em;color:var(--ink)}
#vlb-campingboxer p,#vlb-campingboxer li{font-size:16px;line-height:1.65}
#vlb-campingboxer a{color:inherit}
#vlb-campingboxer .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 28px;border:1px solid var(--orange);background:var(--orange);color:#2d210c;text-decoration:none;font:500 12px/1.2 var(--meta);letter-spacing:.12em;text-transform:uppercase}
#vlb-campingboxer .button.secondary{background:transparent;color:inherit}
#vlb-campingboxer .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
#vlb-campingboxer .hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#1b211b;color:#f9f7f1}
#vlb-campingboxer .hero h1,#vlb-campingboxer .fit h2,#vlb-campingboxer .final h2{color:var(--paper)}
#vlb-campingboxer .hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px max(48px,calc((100vw - 1264px)/2));padding-right:48px}
#vlb-campingboxer .hero-copy .eyebrow{color:#d5bd8f;margin-bottom:20px}
#vlb-campingboxer .hero-copy p{max-width:580px;margin-top:24px;color:#dddcd2}
#vlb-campingboxer .hero-photo{width:100%;height:100%;object-fit:contain;background:#262c24}
#vlb-campingboxer .section{padding:86px 0}
#vlb-campingboxer .section-head{max-width:780px;margin-bottom:38px}
#vlb-campingboxer .section-head .eyebrow{margin-bottom:14px}
#vlb-campingboxer .section-head p{margin-top:20px;color:#555b50}
#vlb-campingboxer .benefits,#vlb-campingboxer .help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#vlb-campingboxer .benefit{padding:30px;border:1px solid #d8d9ce;background:white}
#vlb-campingboxer .benefit h3{font-size:20px;margin-bottom:12px}
#vlb-campingboxer .models{background:#ebece4;scroll-margin-top:90px}
#vlb-campingboxer .model{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:42px;background:white;margin-top:22px;padding:32px}
#vlb-campingboxer .model-photo{align-self:start;position:sticky;top:100px}
#vlb-campingboxer .model-photo img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;background:#ebece4}
#vlb-campingboxer .model-copy .eyebrow{margin-bottom:8px}
#vlb-campingboxer .model-copy h3{margin-bottom:16px}
#vlb-campingboxer .model-copy .lead{font-size:18px;margin-bottom:24px}
#vlb-campingboxer .model-copy h4{font-family:var(--meta);font-size:11px;font-weight:500;letter-spacing:.12em;line-height:1.35;text-transform:uppercase;color:var(--olive);margin:30px 0 10px;padding-top:18px;border-top:1px solid #d8d9ce}
#vlb-campingboxer .model-copy ul{padding-left:22px;margin:8px 0 0}
#vlb-campingboxer .model-copy li{margin-bottom:5px}
#vlb-campingboxer .model-copy .button{margin-top:28px}
#vlb-campingboxer .fit{background:#626b51;color:#fff}
#vlb-campingboxer .fit .eyebrow{color:#e4d0ad}
#vlb-campingboxer .fit p{max-width:780px;margin-top:20px}
#vlb-campingboxer .faq{background:white}
#vlb-campingboxer .faq-item{border-top:1px solid #d8d9ce;padding:22px 0;max-width:900px}
#vlb-campingboxer .faq-item h3{font-size:19px;margin-bottom:9px}
#vlb-campingboxer .final{background:#1b211b;color:#fff;text-align:center}
#vlb-campingboxer .final p{max-width:680px;margin:20px auto 0}
#vlb-campingboxer .final .actions{justify-content:center}
@media(max-width:900px){#vlb-campingboxer .hero{grid-template-columns:1fr}#vlb-campingboxer .hero-copy{padding:56px 28px}#vlb-campingboxer .hero-photo{height:auto;max-height:460px;object-fit:contain}#vlb-campingboxer .model{grid-template-columns:1fr}#vlb-campingboxer .model-photo{position:static}#vlb-campingboxer .benefits,#vlb-campingboxer .help-grid{grid-template-columns:1fr}}
@media(max-width:600px){#vlb-campingboxer .inner{padding:0 20px}#vlb-campingboxer .section{padding:58px 0}#vlb-campingboxer .hero-copy{padding:48px 20px}#vlb-campingboxer .hero-photo{max-height:none;width:100%;height:auto;object-fit:contain}#vlb-campingboxer .model{padding:16px;gap:24px}#vlb-campingboxer .model-photo img{max-height:none;width:100%;height:auto;object-fit:contain}#vlb-campingboxer .button{width:100%}#vlb-campingboxer .actions{flex-direction:column}}
