@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/alegreya-sans-400.woff2) format('woff2'); }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/alegreya-sans-700.woff2) format('woff2'); }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/source-serif-4-400.woff2) format('woff2'); }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/source-serif-4-700.woff2) format('woff2'); }
*{box-sizing: border-box;margin: 0;padding: 0}body.vbxIsleAmber{font-size: 17px;background: #ffffff;color: #111c22;line-height: 1.64;font-family: 'Alegreya Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img{max-width: 100%;display: block}a{color: inherit}a:focus-visible, button:focus-visible, input:focus-visible{outline: 2px solid #0490bc;outline-offset: 2px}.vbxWedgeSpool{padding-bottom: 4px;z-index: 40;background: #ffffff;top: 0;border-bottom: 3px solid #111c22;position: sticky}.vbxGridWell{margin: 0 auto;align-items: center;justify-content: space-between;max-width: 1132px;gap: 20px;flex-wrap: wrap;padding: 18px 24px;border-bottom: 1px solid #111c222b;display: flex}.vbxPeakStrand{display: inline-flex;align-items: center;text-decoration: none}.vbxFacetCard{gap: 24px;display: flex;flex-wrap: wrap;align-items: center}.vbxLayerHearth{font-size: 15px;font-weight: 500;color: #5e6b72;text-decoration: none;letter-spacing: 0.01em}.vbxLayerHearth:hover{color: #111c22}.vbxHedgeCove{max-width: 1132px;margin: 0 auto;padding: 40px 24px 80px}.vbxTideDraft{display: inline-block;color: #0490bc;letter-spacing: 0.14em;font-weight: 700;text-transform: uppercase;font-size: 13px}.vbxOrbitTier{font-weight: 700;text-transform: uppercase;letter-spacing: 0.14em;padding-top: 16px;font-size: 14px;border-top: 3px solid #111c22;margin: 60px 0 24px}.vbxMeshFlank{padding: 28px 0 40px}.vbxPatchShore{letter-spacing: -0.015em;line-height: 1.12;font-size: clamp(25px, 4vw, 37px);font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;margin-top: 10px;max-width: 28ch;font-weight: 700}.vbxBayRange{max-width: 62ch;margin-top: 14px;color: #5e6b72}.vbxWharfTrace{display: grid;color: inherit;gap: 40px;align-items: center;text-decoration: none;grid-template-columns: 7fr 5fr}.vbxArcLedge img{width: 100%;border-radius: 3px;aspect-ratio: 3 / 2;object-fit: cover;max-height: 300px}.vbxGlenFrame{align-items: flex-start;flex-direction: column;gap: 10px;display: flex}.vbxSailCove{line-height: 1.1;font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: clamp(23px, 3vw, 32px);font-weight: 700;letter-spacing: -0.015em}.vbxWharfTrace:hover .vbxSailCove{color: #0490bc}.vbxWadeDelta{line-height: 1.55;color: #5e6b72}.vbxPaneJetty{color: #5e6b72;font-size: 14px}.vbxWallBanner{border-top: 1px solid #111c2226;flex-wrap: wrap;align-items: baseline;display: flex;border-bottom: 1px solid #111c2226;margin-top: 40px;padding: 16px 0;gap: 14px 26px}.vbxQuaySail{text-transform: uppercase;font-weight: 700;letter-spacing: 0.14em;color: #5e6b72;font-size: 13px}.vbxMastTrace{color: #111c22;font-weight: 600;font-size: 15px;text-decoration: none}.vbxMastTrace:hover{color: #0490bc}.vbxSlateTarn{grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));display: grid;gap: 40px 28px}.vbxFlankEmber{flex-direction: column;text-decoration: none;align-items: flex-start;gap: 10px;padding-top: 18px;color: inherit;display: flex;border-top: 1px solid #111c2226}.vbxOrbitVista{width: 100%}.vbxOrbitVista img{object-fit: cover;border-radius: 3px;width: 100%;max-height: 300px;aspect-ratio: 3 / 2}.vbxBayFlag{line-height: 1.25;font-weight: 700;font-size: 19px;font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;letter-spacing: -0.01em}.vbxFlankEmber:hover .vbxBayFlag{color: #0490bc}.vbxMoldSpar{overflow: hidden;line-height: 1.5;font-size: 15px;-webkit-line-clamp: 3;display: -webkit-box;color: #5e6b72;-webkit-box-orient: vertical}.vbxRootRange{font-size: 13px;color: #5e6b72}.vbxCoastTide{display: flex;padding: 20px 0;color: inherit;justify-content: space-between;gap: 40px;align-items: baseline;text-decoration: none;border-bottom: 1px solid #111c221f}.vbxSillBanner{display: block;min-width: 0}.vbxBannerWell{letter-spacing: -0.01em;display: block;font-weight: 700;line-height: 1.3;font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: 19px}.vbxCoastTide:hover .vbxBannerWell{color: #0490bc}.vbxHoldRise{font-size: 15px;color: #5e6b72;display: block;line-height: 1.5;margin-top: 3px}.vbxFlintSpar{color: #5e6b72;font-size: 14px;font-variant-numeric: tabular-nums;white-space: nowrap}.vbxCueAero{margin-bottom: 20px}.vbxAmberWeave{max-width: 752px;margin: 0 auto}.vbxTrailGate{margin: 24px 0 28px}.vbxSlopeDeck{font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;letter-spacing: -0.015em;font-size: clamp(27px, 4.5vw, 41px);font-weight: 700;margin-top: 10px;line-height: 1.08}.vbxBlocWing{margin-top: 16px;line-height: 1.5;font-size: 19px;color: #5e6b72}.vbxSwayOnyx{border-bottom: 1px solid #111c2226;font-size: 15px;color: #5e6b72;margin-top: 22px;padding: 14px 0;border-top: 1px solid #111c2226}.vbxShardRail{color: #111c22;font-weight: 600}.vbxNotchHall{margin: 26px 0}.vbxNotchHall img{border-radius: 3px;max-height: 300px;aspect-ratio: 21 / 9;object-fit: cover;width: 100%}.vbxChipTable{line-height: 1.74;font-size: 18px}.vbxChipTable h2{letter-spacing: -0.015em;font-weight: 700;margin: 40px 0 10px;font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: 25px;line-height: 1.2}.vbxChipTable h3{margin: 26px 0 10px;font-weight: 700;font-size: 20px;line-height: 1.25;font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.vbxChipTable p{margin: 20px 0}.vbxChipTable a{text-decoration-thickness: 1px;color: #0490bc;text-underline-offset: 3px}.vbxChipTable ul, .vbxChipTable ol{margin: 20px 0 20px 28px}.vbxChipTable li{margin: 7px 0}.vbxChipTable blockquote{border-left: 2px solid #0490bc;margin: 22px 0;color: #5e6b72;padding-left: 20px}.vbxChipTable table{font-size: 16px;width: 100%;margin: 22px 0;border-collapse: collapse}.vbxChipTable th, .vbxChipTable td{padding: 9px 12px;text-align: left;border-bottom: 1px solid #111c2226}.vbxChipTable th{font-weight: 700;color: #111c22}.vbxChipTable code{font-family: 'SF Mono', Consolas, Menlo, monospace;border-radius: 4px;background: #5e6b721e;font-size: 14px;padding: 2px 6px}.vbxProwHarbor{display: flex;flex-wrap: wrap;margin-top: 26px;gap: 8px}.vbxShadeLens{border: 1px solid #5e6b7240;border-radius: 3px;color: #5e6b72;padding: 2px 10px;font-size: 13px}.vbxEdgeStrand{margin-top: 40px;border-top: 3px solid #111c22;padding-top: 18px}.vbxEdgeReach{text-transform: uppercase;font-weight: 700;letter-spacing: 0.14em;font-size: 13px;color: #5e6b72}.vbxStrandSeam{font-weight: 700;font-size: 18px;font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;margin-top: 10px}.vbxCoilOnyx{color: #5e6b72;font-size: 16px;max-width: 62ch;line-height: 1.6;margin-top: 4px}.vbxLoftPlane{max-width: 752px;margin: 0 auto}.vbxSailGate{max-width: 1132px;padding: 0 24px;margin: 0 auto}.vbxKeelFern{padding: 28px 24px;border-bottom: 1px solid #111c2226;align-items: center;background: #111c220a;display: flex;justify-content: space-between;gap: 24px 40px;flex-wrap: wrap;border-top: 3px solid #111c22}.vbxMastFrame{max-width: 52ch}.vbxPatchWave{text-transform: uppercase;font-size: 13px;font-weight: 700;color: #0490bc;letter-spacing: 0.14em}.vbxHavenForge{margin-top: 10px;font-size: 23px;font-weight: 700;line-height: 1.2;letter-spacing: -0.01em;font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.vbxIslePond{color: #5e6b72;font-size: 16px;line-height: 1.55;margin-top: 5px}.vbxWaveShore{flex-direction: column;align-items: flex-start;display: flex}.vbxRootBrick{display: flex;flex-wrap: wrap;gap: 8px}.vbxPlotGrid{border: 1px solid #5e6b72;font-size: 15px;padding: 10px 14px;background: #ffffff;font-family: inherit;min-width: 230px;color: #111c22;border-radius: 3px}.vbxPlotGrid:focus{border-color: #0490bc}.vbxHavenPath{border: none;cursor: pointer;color: #ffffff;font-size: 15px;padding: 10px 18px;font-weight: 700;font-family: inherit;background: #0490bc;border-radius: 3px}.vbxHavenPath:hover{background: #111c22}.vbxCueOrbit{margin-top: 8px;font-size: 13px;color: #5e6b72}.vbxTileHedge{display: none}.vbxFrameOrbit{border-top: 3px solid #111c22;margin-top: 80px}.vbxShoreDrift{font-size: 14px;padding: 40px 24px 50px;color: #5e6b72;max-width: 1132px;margin: 0 auto}.vbxVaultFlag{margin-bottom: 24px;flex-wrap: wrap;justify-content: space-between;display: flex;gap: 40px}.vbxRoostCoil strong{letter-spacing: -0.01em;display: block;font-weight: 700;font-size: 18px;font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;color: #111c22}.vbxPeakTrack{margin-top: 4px;line-height: 1.6;max-width: 52ch}.vbxPathShade{display: flex;align-items: center;flex-wrap: wrap;gap: 22px}.vbxHullWave{text-decoration: none;color: #5e6b72}.vbxHullWave:hover{color: #111c22}.vbxMastFold{border-top: 1px solid #111c221f;line-height: 1.55;font-size: 13px;padding-top: 20px}.vbxMoorTier{margin-top: 10px}

@media (prefers-reduced-motion: no-preference) {.vbxLayerHearth, .vbxMastTrace, .vbxHullWave, .vbxBayFlag, .vbxBannerWell, .vbxSailCove{transition: color 0.16s ease}.vbxHavenPath{transition: background-color 0.16s ease}.vbxPlotGrid{transition: border-color 0.16s ease}
}

@media (max-width: 720px) {.vbxWharfTrace{grid-template-columns: 1fr;gap: 24px}.vbxCoastTide{flex-direction: column;gap: 4px}.vbxKeelFern{flex-direction: column;align-items: flex-start}.vbxMeshFlank{padding: 20px 0 28px}
}.vbxSandDelta{margin: 0 auto;color: #111c22;max-width: 1182px;padding: 32px 0 40px}.vbxSandDelta h1, .vbxSandDelta h2, .vbxSandDelta h3, .vbxSandDelta strong{font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.vbxSandDelta h1{font-size: clamp(31px, 5vw, 51px);letter-spacing: -0.035em;text-wrap: balance;font-weight: 700;line-height: 1.04}.vbxEchoAtlas{flex-wrap: wrap;margin-bottom: 26px;gap: 8px;font-size: 14px;align-items: center;display: flex;color: #5e6b72}.vbxEchoAtlas a{color: #111c22;text-decoration-line: none}.vbxEchoAtlas a:hover{color: #0480a8}.vbxFrameRoost{max-width: 852px}.vbxHavenSway{line-height: 1.5;font-size: 20px;max-width: 64ch;margin-top: 16px;color: #5e6b72}.vbxTarnDraft{letter-spacing: .06em;background-color: #111c2214;color: #0480a8;text-transform: uppercase;font-weight: 700;font-size: 13px;align-items: center;padding: 5px 11px;border-radius: 999px;display: inline-flex}.vbxTrimAero{align-items: center;margin-top: 22px;gap: 11px;display: flex;font-size: 15px;color: #111c22}.vbxTrimAero strong{display: block;font-weight: 700}.vbxTrimAero small{margin-top: 1px;color: #5e6b72;display: block;font-size: 14px}.vbxFlagLedge{border: 1px solid #111c2235;align-items: center;height: 38px;font-family: 'Source Serif 4', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;justify-content: center;flex: 0 0 38px;font-weight: 800;background-color: #111c220d;display: inline-flex;color: #111c22;border-radius: 50%;width: 38px}.vbxVeinAxis{margin: 40px 0;background-color: #111c2224;height: 1px}.vbxKernGrove{border: 1px solid #111c2224;background-color: #111c2208;overflow: hidden;border-radius: 7px}.vbxKernGrove img{aspect-ratio: 16 / 9;max-height: 520px;width: 100%;object-fit: cover}.vbxFlagMill{line-height: 1.72;font-size: 18px;min-width: 0}.vbxFlagMill h2{font-size: clamp(24px, 3vw, 30px);letter-spacing: -.02em;text-wrap: balance;margin: 40px 0 15px;font-weight: 700;line-height: 1.18;scroll-margin-top: 96px}.vbxFlagMill h3{font-size: 22px;line-height: 1.25;margin: 28px 0 14px}.vbxFlagMill p{margin: 20px 0}.vbxFlagMill a{text-decoration-line: underline;text-decoration-thickness: 1px;color: #0480a8;text-underline-offset: 3px}.vbxFlagMill :is(ul, ol){margin: 20px 0 20px 28px}.vbxFlagMill li{margin: 6px 0}.vbxFlagMill blockquote{padding: 3px 0 3px 20px;border-left: 3px solid #0490bc;color: #5e6b72;margin: 25px 0}.vbxFlagMill table{border-collapse: collapse;width: 100%;display: block;max-width: 100%;margin: 26px 0;font-size: 16px;overflow-x: auto}.vbxFlagMill :is(th, td){text-align: left;border-bottom: 1px solid #111c2224;padding: 10px 12px}.vbxFlagMill th{font-weight: 700;color: #111c22}.vbxFlagMill tbody tr:nth-child(even){background-color: #111c2208}.vbxFlagMill code{font-size: 14px;border-radius: 4px;font-family: 'SF Mono', Consolas, Menlo, monospace;background-color: #111c2210;padding: 2px 6px}.vbxFlagMill pre{overflow: auto;max-width: 100%}.vbxFlagMill .vbxInletCrest{display: inline-block}.vbxFlagMill img{width: 100%;border-radius: 5px;margin: 28px 0}.vbxKernAtlas > strong{display: block;margin-bottom: 10px;color: #111c22;letter-spacing: .03em;font-size: 16px}.vbxKernAtlas :is(ul, ol){list-style: none;margin: 0;padding: 0}.vbxKernAtlas li + li{margin-top: 3px}.vbxKernAtlas a{font-size: 14px;text-decoration-line: none;color: #5e6b72;line-height: 1.4;padding: 5px 0;display: flex;gap: 8px}.vbxKernAtlas a:hover{color: #0480a8}.vbxKernAtlas a span{font-variant-numeric: tabular-nums;color: #5e6b72}.vbxBrickBook{align-items: center;gap: 7px;display: flex;flex-wrap: wrap}.vbxBrickBook > span{letter-spacing: .08em;font-weight: 700;margin-right: 2px;color: #5e6b72;font-size: 13px;text-transform: uppercase}.vbxBrickBook a{border: 1px solid #111c2230;color: #111c22;align-items: center;display: inline-flex;width: 34px;height: 34px;justify-content: center;font-size: 13px;border-radius: 50%;font-weight: 800;text-decoration-line: none}.vbxBrickBook a:hover{border-color: #0490bc;background-color: #111c2210}.vbxJettyWell{border: 1px solid #111c2230;font-weight: 700;padding: 7px 11px;margin-top: 20px;display: inline-flex;font-size: 14px;border-radius: 3px;text-decoration-line: none;color: #111c22}.vbxPierOak{max-width: 882px;margin: 60px auto 0}.vbxWallVault{flex-wrap: wrap;gap: 7px;margin-bottom: 24px;display: flex}.vbxWallVault span{border: 1px solid #111c2227;padding: 4px 10px;font-size: 13px;border-radius: 999px;color: #5e6b72}.vbxDraftHaven{border-top: 1px solid #111c2235;display: flex;border-bottom: 1px solid #111c2224;align-items: flex-start;gap: 13px;padding: 23px 0}.vbxDraftHaven small{display: block;color: #5e6b72;font-size: 12px;letter-spacing: .09em;font-weight: 700;text-transform: uppercase}.vbxDraftHaven strong{display: block;margin-top: 2px;font-size: 18px}.vbxDraftHaven p{font-size: 15px;margin-top: 2px;color: #5e6b72}.vbxWeaveDraft{margin-top: 40px}.vbxWeaveDraft h2{font-size: 22px;margin-bottom: 20px}.vbxWeaveDraft > div{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px;display: grid}.vbxWeaveDraft a{padding-top: 10px;text-decoration-line: none;color: #111c22;border-top: 2px solid #111c22}.vbxWeaveDraft a:hover strong{color: #0480a8}.vbxWeaveDraft small{text-transform: uppercase;color: #5e6b72;letter-spacing: .08em;font-size: 12px;display: block}.vbxWeaveDraft strong{font-size: 16px;margin-top: 4px;line-height: 1.3;display: block}
@media (max-width: 700px) {.vbxSandDelta{padding-top: 20px}.vbxSandDelta h1{font-size: clamp(31px, 10vw, 46px)}.vbxWeaveDraft > div{grid-template-columns: 1fr}.vbxWeaveDraft a{padding-bottom: 8px}
}.vbxOnyxFlow{max-width: 1182px}.vbxCrumbTile{max-width: 852px;margin: 60px auto 0;text-align: center}.vbxCrumbTile .vbxHavenSway{margin-left: auto;margin-right: auto}.vbxCrumbTile .vbxTrimAero{text-align: left;justify-content: center}.vbxCrumbTile .vbxKernGrove{margin-top: 40px}.vbxKeelMesh{display: grid;grid-template-columns: minmax(0, 752px) 240px;margin-top: 60px;gap: 60px;align-items: start}.vbxKeelMesh.vbxZoneWharf{justify-content: center;grid-template-columns: minmax(0, 752px)}.vbxInletRidge{position: sticky;top: 92px}.vbxInletRidge .vbxKernAtlas{border: 1px solid #111c222a;padding: 20px;background-color: #111c2208;border-radius: 5px}
@media (max-width: 900px) {.vbxKeelMesh{grid-template-columns: 1fr;margin-right: auto;margin-left: auto;max-width: 752px}.vbxInletRidge{display: none}
}

@media (max-width: 640px) {
  body:is(.vbxIsleAmber, .vbxRimPeak, .vbxCueSpine) nav a, body:is(.vbxIsleAmber, .vbxRimPeak, .vbxCueSpine) header a {
    min-width: 24px; min-height: 24px; display: inline-flex;
    align-items: center; justify-content: center;
  }
  body:is(.vbxIsleAmber, .vbxRimPeak, .vbxCueSpine) a:not(:is(p, li, td, th, dd, figcaption, blockquote) a):not(nav a):not(header a) {
    padding-block: 6px;
  }
  body:is(.vbxIsleAmber, .vbxRimPeak, .vbxCueSpine) :is(input, select, button, summary) {
    min-width: 24px; min-height: 24px;
  }
}