.vb-guides{--vbg-bg:#090d10;--vbg-line:#2b3135;--vbg-text:#f5f6f7;--vbg-muted:#c3c8ce;--vbg-accent:#ff3452;background:var(--vbg-bg);color:var(--vbg-text);font-family:'VB Guide Body',Arial,sans-serif;font-size:18px;line-height:1.5;letter-spacing:.01em}
.vb-guides *{box-sizing:border-box}.vb-guides [hidden]{display:none!important}.vb-guides h1,.vb-guides h2,.vb-guides p{margin:0}.vb-guides a{color:inherit;text-decoration:none}.vb-guides a:hover{color:var(--vbg-accent)}.vb-guides a:focus-visible,.vb-guides input:focus-visible,.vb-guides button:focus-visible{outline:2px solid #ff748c;outline-offset:5px}.vb-guides button,.vb-guides input{font:inherit}.vb-guides button{cursor:pointer}.vbg-container{width:calc(100% - 96px);max-width:1216px;margin-inline:auto}
.vbg-hero{position:relative;isolation:isolate;overflow:hidden;background:#080b0d}.vbg-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;z-index:-1}.vbg-hero-inner{min-height:430px;display:flex;align-items:center;padding-block:44px}.vbg-hero-copy{width:53%;max-width:650px;text-shadow:0 2px 18px #000}.vbg-kicker,.vbg-subtitle,.vbg-tagline,.vbg-topics a,.vbg-card-meta>span,.vbg-tags,.vbg-read,.vbg-results-line{font-family:'VB Guide Headings','Arial Narrow',sans-serif;text-transform:uppercase;font-weight:700}.vbg-kicker{font-size:14px;letter-spacing:.18em;color:var(--vbg-accent);margin-bottom:13px!important}.vb-guides h1{font-family:'VB Guide Headings','Arial Narrow',sans-serif;font-size:clamp(54px,6.4vw,88px);line-height:1.05;letter-spacing:.005em;font-weight:700;color:#fff;text-transform:uppercase}.vbg-subtitle{font-size:15px;letter-spacing:.13em;line-height:1.6;margin-top:15px!important}.vbg-description{max-width:465px;font-size:18px;line-height:1.5;margin-top:17px!important;color:#e1e4e7}.vbg-tagline{font-size:12px;letter-spacing:.2em;line-height:1.7;margin-top:22px!important;color:#c7ced3}.vbg-tagline:before{content:'';display:block;width:42px;height:3px;background:var(--vbg-accent);margin-bottom:17px}
.vbg-toolbar{border-top:1px solid var(--vbg-line);border-bottom:1px solid var(--vbg-line);background:#0a0f12}.vbg-toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:74px;padding-block:14px}.vbg-topics{display:flex;align-items:stretch;gap:25px;flex-wrap:wrap}.vbg-topics a{display:flex;align-items:center;min-height:42px;font-size:13px;line-height:1.4;letter-spacing:.075em;position:relative;white-space:nowrap;padding-block:8px}.vbg-topics a[aria-current=page]{color:var(--vbg-accent)}.vbg-topics a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--vbg-accent)}.vbg-search{display:flex;align-items:center;border:1px solid #465058;width:254px;min-width:210px;flex-shrink:0;background:#0c1115}.vbg-search:focus-within{border-color:var(--vbg-accent)}.vbg-search input{appearance:none;border:0;border-radius:0;box-shadow:none;background:transparent;color:#f5f6f7;min-width:0;width:100%;padding:10px 13px;font-size:15px;line-height:1.5;height:44px}.vbg-search input::placeholder{color:#abb3bb;opacity:1}.vbg-search button{border:0;background:transparent;color:#ff748c;font-size:14px;padding:8px 12px 8px 0}.vbg-search input::-webkit-search-cancel-button{display:none}
.vbg-content{padding-block:25px 60px}.vbg-results-line{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.14em;line-height:1.5;color:#aab4bd;margin-bottom:20px}.vbg-results-line>span:last-child{font-family:'VB Guide Body',Arial,sans-serif;font-size:14px;letter-spacing:.02em;text-transform:none}.vbg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:34px}.vbg-card{min-width:0;display:flex;flex-direction:column;border-top:1px solid var(--vbg-line);padding-top:16px}.vbg-card-image{display:flex;justify-content:center;align-items:center;background:#06090b;border:1px solid var(--vbg-line);overflow:hidden;width:100%;height:258px}.vbg-card-image img{width:100%;height:100%;object-fit:contain;display:block}.vbg-card-copy{padding-top:17px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.vbg-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;margin-bottom:10px;font-size:14px;line-height:1.5;color:#bdc6cd}.vbg-card-meta>span{font-size:12px;letter-spacing:.09em;color:var(--vbg-accent)}.vb-guides .vbg-card h2{font-family:'VB Guide Headings','Arial Narrow',sans-serif;font-size:25px;line-height:1.18;letter-spacing:.01em;font-weight:700;text-transform:uppercase;color:var(--vbg-text);margin-bottom:13px}.vbg-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:11px;line-height:1.5;letter-spacing:.1em;color:#c6cdd3}.vbg-tags span{border:1px solid #8f3040;padding:3px 8px}.vbg-card-copy>p{font-size:17px;line-height:1.45;color:var(--vbg-muted);margin-bottom:16px}.vbg-read{font-size:14px;line-height:1.6;letter-spacing:.1em;color:var(--vbg-accent)!important;border-bottom:1px solid var(--vbg-accent);padding-block:3px;margin-top:auto}.vbg-read:hover{color:#ff8c9e!important}.vbg-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:38px;align-items:center;border-top:0;padding-top:0;padding-bottom:2px}.vbg-card-featured .vbg-card-image{height:375px}.vbg-card-featured .vbg-card-copy{padding-block:12px}.vb-guides .vbg-card-featured h2{font-size:clamp(30px,2.7vw,38px);line-height:1.13;margin-bottom:18px}.vbg-card-featured .vbg-card-meta{margin-bottom:13px}.vbg-card-featured .vbg-card-copy>p{font-size:18px;line-height:1.5;max-width:490px}.vbg-card-featured .vbg-read{margin-top:0}.vbg-empty{text-align:center;padding:65px 15px}.vbg-empty h2{font-family:'VB Guide Headings','Arial Narrow',sans-serif;font-size:30px;color:#fff;margin-bottom:12px}.vbg-empty p{color:var(--vbg-muted);margin-bottom:18px}.vbg-empty button,.vbg-empty a{color:var(--vbg-accent);border:0;border-bottom:1px solid;background:none;padding:5px;font-size:16px}.vbg-pagination{display:flex;justify-content:center;gap:18px;margin-top:34px}.vbg-pagination .current{color:var(--vbg-accent)}.vbg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.vbg-hero-image{object-fit:contain;object-position:right center}.vbg-hero-inner{min-height:475px}}
@media(max-width:1199px){.vbg-container{width:calc(100% - 64px)}.vbg-topics{gap:18px}.vbg-toolbar-inner{gap:18px;flex-wrap:wrap}.vbg-search{width:250px}.vbg-hero-copy{width:57%}.vbg-description{max-width:420px}.vbg-card-featured{gap:28px}.vbg-card-image{height:235px}.vbg-card-featured .vbg-card-image{height:360px}}
@media(max-width:899px){.vbg-container{width:calc(100% - 48px)}.vbg-hero-inner{min-height:410px;padding-block:35px}.vbg-hero-copy{width:60%}.vbg-hero-image{object-position:58% center;opacity:.6}.vb-guides h1{font-size:65px}.vbg-subtitle{font-size:13px;max-width:390px}.vbg-description{font-size:17px;max-width:360px}.vbg-toolbar-inner{gap:12px;padding-block:13px}.vbg-topics{width:100%;gap:20px}.vbg-topics a{font-size:12px}.vbg-search{width:100%}.vbg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.vbg-card-featured{grid-template-columns:1fr 1fr;gap:25px}.vbg-card-featured .vbg-card-image{height:340px}.vb-guides .vbg-card-featured h2{font-size:29px}.vbg-card-featured .vbg-card-copy>p{font-size:17px}.vbg-card-meta{gap:5px 12px}.vbg-card-meta>span{font-size:11px}}
@media(max-width:599px){.vbg-container{width:calc(100% - 40px)}.vbg-hero{display:flex;flex-direction:column}.vbg-hero-image{position:relative;inset:auto;order:2;width:100%;height:220px;object-fit:cover;object-position:75% center;opacity:1;z-index:0}.vbg-hero-inner{min-height:0;padding-block:32px 25px;order:1}.vbg-hero-copy{width:100%;max-width:none}.vb-guides h1{font-size:clamp(44px,11.8vw,68px);letter-spacing:0;line-height:1.08}.vbg-kicker{font-size:12px;margin-bottom:12px!important}.vbg-subtitle{font-size:12px;letter-spacing:.09em;max-width:none;margin-top:14px!important}.vbg-description{font-size:17px;max-width:none;line-height:1.5;margin-top:14px!important}.vbg-tagline{font-size:11px;margin-top:17px!important}.vbg-tagline:before{margin-bottom:12px;width:36px}.vbg-toolbar-inner{padding-block:12px 16px}.vbg-topics{gap:4px 21px;flex-wrap:wrap}.vbg-topics a{font-size:12px;white-space:normal}.vbg-search{margin-top:6px}.vbg-content{padding-block:22px 38px}.vbg-results-line{font-size:11px;letter-spacing:.1em;margin-bottom:18px;align-items:center}.vbg-grid{display:flex;flex-direction:column;gap:30px}.vbg-card,.vbg-card-featured{display:flex;flex-direction:column;gap:0}.vbg-card-image,.vbg-card-featured .vbg-card-image{height:auto;aspect-ratio:1.18}.vbg-card-copy,.vbg-card-featured .vbg-card-copy{padding-top:18px;padding-bottom:0;width:100%}.vb-guides .vbg-card h2,.vb-guides .vbg-card-featured h2{font-size:28px;line-height:1.17;margin-bottom:14px}.vbg-card-meta{font-size:14px}.vbg-card-meta>span{font-size:12px}.vbg-card-copy>p,.vbg-card-featured .vbg-card-copy>p{font-size:17px;line-height:1.5}.vbg-tags{font-size:11px}.vbg-read{font-size:14px;min-height:36px;display:inline-flex;align-items:center}}

.vb-guides h1,.vb-guides h2{font-family:"VB Guide Headings","Arial Narrow",sans-serif!important}

.vbg-hero-image{mask-image:linear-gradient(90deg,transparent 0%,transparent 16%,#000 35%)}
@media(max-width:599px){.vbg-hero-image{mask-image:none}}

/* The manual artwork keeps its full cover and case lettering in frame. */
.vbg-hero--manual .vbg-hero-image{inset:0 0 0 auto;width:auto;max-width:none;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 22%);opacity:1}
.vbg-hero--manual .vbg-hero-inner{min-height:clamp(360px,27vw,480px);padding-block:32px}
.vbg-hero--manual .vbg-hero-copy{width:51%}
@media(max-width:899px){
  .vbg-hero--manual{display:flex;flex-direction:column}
  .vbg-hero--manual .vbg-hero-inner{min-height:0;order:1;padding-block:32px 25px}
  .vbg-hero--manual .vbg-hero-copy{width:100%;max-width:none}
  .vbg-hero--manual .vbg-hero-image{position:relative;inset:auto;order:2;width:100%;height:clamp(200px,60vw,340px);object-fit:cover;object-position:right center;mask-image:none;z-index:0}
}

/* Match the compact Field Notes header rhythm and artwork scale. */

@media(min-width:900px){
 .vbg-hero--manual .vbg-hero-inner{min-height:clamp(280px,22vw,340px);padding-block:24px}
 .vbg-hero--manual .vbg-hero-copy{width:55%;max-width:650px}
 .vbg-hero--manual h1{font-size:clamp(58px,6.2vw,84px);line-height:1.05}
 .vbg-hero--manual .vbg-kicker{font-size:13px;letter-spacing:.17em;margin-bottom:10px!important}
 .vbg-hero--manual .vbg-subtitle{font-size:14px;line-height:1.45;letter-spacing:.085em;margin-top:8px!important}
 .vbg-hero--manual .vbg-description{max-width:500px;font-size:17px;line-height:1.45;margin-top:10px!important}
 .vbg-hero--manual .vbg-tagline{font-size:11px;line-height:1.5;margin-top:12px!important}
 .vbg-hero--manual .vbg-tagline:before{margin-bottom:9px}
}
@media(max-width:899px){
 .vbg-hero--manual .vbg-hero-inner{padding-block:29px 24px}
 .vbg-hero--manual .vbg-hero-image{height:clamp(200px,40vw,280px)}
}

.vbg-hero-picture{display:contents}
@media(min-width:900px){
 .vbg-hero--manual .vbg-hero-image{position:absolute;inset:50% auto auto calc(50% + 260px);display:block;height:125%;width:auto;aspect-ratio:3/1;transform:translate(-47%,-50%);object-fit:fill;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 90%,transparent 100%);z-index:-1;pointer-events:none}
 .vbg-hero--manual::before{display:none}
}


.vb-guides .vbg-card:not(.vbg-card-featured) .vbg-card-image {
  height: auto;
  aspect-ratio: auto;
}
.vb-guides .vbg-card:not(.vbg-card-featured) .vbg-card-image img {
  height: auto;
}
.vb-guides .vbg-card-image img,
.vb-guides .vbg-card-image:hover img {
  object-fit: contain;
  object-position: center;
  transform: none;
}
.vb-guides .vbg-card-copy,
.vb-guides .vbg-card-featured > * {
  min-width: 0;
}
.vb-guides .vbg-card h2 {
  overflow-wrap: anywhere;
}

.vbg-card {
  outline: 1px solid transparent;
  outline-offset: 8px;
  border-radius: 2px;
}
.vbg-card:hover,
.vbg-card:focus-within {
  outline-color: #ff1f3d;
}
@media (prefers-reduced-motion: no-preference) {
  .vbg-card { transition: outline-color .15s ease; }
}