@font-face { font-family: 'Bitter'; font-style: normal; font-weight: 400; font-display: optional; src: url(/assets/fonts/bitter-400.woff2) format('woff2'); }
@font-face { font-family: 'Bitter'; font-style: normal; font-weight: 700; font-display: optional; src: url(/assets/fonts/bitter-700.woff2) format('woff2'); }
*{padding: 0;margin: 0;box-sizing: border-box}body.vdbBrimWall{flex-direction: column;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;letter-spacing: -0.0025em;position: relative;color: #f2f3f7;min-height: 100vh;display: flex;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;background: #0b0b12;line-height: 1.74;font-size: 17px;overflow-x: hidden}body.vdbBrimWall::after{inset: 0;background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size: 160px 160px;content: "";opacity: 0.07;position: absolute;pointer-events: none;z-index: 0}img{display: block;max-width: 100%}a{text-decoration: none;color: inherit}a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible{outline: 2px solid #4a78fc;outline-offset: 3px}.vdbStoneShelf{color: #0b0b12;z-index: 100;left: -9999px;font-size: 15px;top: 0;position: absolute;padding: 10px 18px;font-weight: 600;background: #f2f3f7}.vdbStoneShelf:focus{left: 0}.vdbKeelPlate{-webkit-background-clip: text;color: transparent;background-clip: text;background-image: linear-gradient(90deg, #4977fc, #8b5cf6 55%, #c084fc)}.vdbTideQuay{max-width: 1400px;padding: 0 24px;width: 100%;margin: 0 auto}main{position: relative;flex: 1;z-index: 1}.vdbPeakRidge{background: #0b0b12d9;top: 0;position: sticky;-webkit-backdrop-filter: blur(16px);z-index: 50;border-bottom: 1px solid #f2f3f714;backdrop-filter: blur(16px)}.vdbShadeTable{gap: 18px;align-items: center;margin: 0 auto;min-height: 68px;max-width: 1400px;padding: 0 24px;justify-content: space-between;display: flex}.vdbNotchRidge{display: inline-flex;min-width: 0;align-items: center}.vdbBrickScale{align-items: center;gap: 30px;display: flex}.vdbBrickScale a{color: #f2f3f7;font-size: 16px;padding: 6px 2px}.vdbBrickScale a:hover{color: #4a78fc}.vdbShadeJetty{background: #f2f3f7;color: #0b0b12;align-items: center;font-weight: 600;border-radius: 6px;padding: 0 14px;display: inline-flex;height: 34px;font-size: 15px}.vdbShadeJetty:hover{opacity: 0.88}.vdbOnyxTrim{gap: 8px;justify-content: center;border-radius: 8px;font-size: 18px;height: 54px;display: inline-flex;white-space: nowrap;font-weight: 500;align-items: center;padding: 0 26px}.vdbShoreBook{color: #0b0b12;background: #f2f3f7}.vdbShoreBook:hover{opacity: 0.9}.vdbPrismLoop{background: transparent;border: 1px solid #f2f3f7;color: #f2f3f7}.vdbPrismLoop:hover{background: #f2f3f712}.vdbPeakGrid{background-image: linear-gradient(90deg, #4977fc, #8b5cf6 55%, #c084fc);color: #000000}.vdbPeakGrid:hover{opacity: 0.85}.vdbReachCoil{padding: 72px 0 54px;overflow: hidden;position: relative}.vdbWickWall{opacity: 0.75;height: 820px;top: -180px;background-image: radial-gradient(closest-side at 62% 42%, #8b5cf6cc, transparent 72%), radial-gradient(closest-side at 80% 70%, #c084fcb0, transparent 70%), radial-gradient(closest-side at 32% 66%, #4977fc80, transparent 72%);right: -140px;filter: blur(72px);pointer-events: none;z-index: 0;position: absolute;width: 980px}.vdbStonePlane{z-index: 1;position: relative}.vdbBlocLens{gap: 40px;display: flex;justify-content: space-between;align-items: center}.vdbWadeCell{flex: 1 1 auto;max-width: 820px;flex-direction: column;display: flex;gap: 20px;align-items: flex-start}.vdbIsleFlank{border: 1px solid #f2f3f726;display: inline-flex;color: #f2f3f7;font-size: 13px;border-radius: 999px;padding: 4px;align-items: center}.vdbLaneGild{padding: 4px 12px;background: #f2f3f716;border-radius: 999px}.vdbFableTrail{padding: 0 12px;color: #9ba1b5}.vdbFieldDock{line-height: 1;font-size: clamp(44px, 6.4vw, 92px);letter-spacing: -0.03em;text-wrap: balance;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-weight: 400}.vdbMoldPrism{max-width: 64ch;font-size: clamp(18px, 1.5vw, 22px);color: #9ba1b5;line-height: 1.4}.vdbIsleMesa{flex: 0 0 auto;gap: 12px;flex-direction: column;display: flex}.vdbArcCliff{display: flex;gap: 18px}.vdbArcCliff .vdbOnyxTrim{min-width: 180px;flex: 1}.vdbRoostFrame{color: #9ba1b5;text-align: center;font-size: 15px}.vdbFrameMill{margin-top: 90px;box-shadow: 0 0 0 16px #f2f3f70d, 0 40px 90px -40px #000;position: relative;overflow: hidden;display: block;border-radius: 6px}.vdbFrameMill img{aspect-ratio: 21 / 9;object-fit: cover;width: 100%}.vdbFrontBook{background-image: linear-gradient(180deg, transparent, #0b0b12f2);right: 0;flex-direction: column;gap: 10px;left: 0;padding: 28px;position: absolute;bottom: 0;display: flex}.vdbValeHedge{line-height: 1.15;letter-spacing: -0.02em;font-weight: 400;font-size: clamp(20px, 2.2vw, 30px);font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;max-width: 30ch}.vdbHelmFrame{color: #f2f3f7;letter-spacing: 0.02em;font-size: 12px;align-self: flex-start;background: #f2f3f716;padding: 3px 10px;border-radius: 999px;align-items: center;font-weight: 600;display: inline-flex}.vdbKeelMoor{position: relative;padding: 72px 0}.vdbOrbitLane{justify-content: space-between;display: flex;align-items: flex-end;gap: 40px;margin-bottom: 36px}.vdbPatchForge{font-size: clamp(30px, 3.6vw, 50px);max-width: 22ch;text-wrap: balance;line-height: 1.1;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;letter-spacing: -0.025em;font-weight: 400}.vdbPierBolt{margin: 0 auto 54px;line-height: 1;max-width: 18ch;font-size: clamp(34px, 4.6vw, 64px);text-align: center}.vdbMoldOrbit{line-height: 1.4;font-size: 19px;max-width: 44ch;color: #9ba1b5}.vdbFlagRail{display: flex;gap: 12px}.vdbFlagRail a{border: 1px solid #f2f3f722;align-items: center;color: #f2f3f7;display: inline-flex;height: 40px;border-radius: 6px;justify-content: center;width: 40px;background-image: linear-gradient(135deg, transparent, #f2f3f70a 50%, #f2f3f716)}.vdbBannerHearth{grid-template-columns: repeat(4, minmax(0, 1fr));display: grid;gap: 24px}.vdbWadeGate{min-width: 0;display: flex;flex-direction: column}.vdbAeroDelta{border: 1px solid #f2f3f714;display: flex;justify-content: center;background-image: linear-gradient(135deg, transparent, #f2f3f70a 50%, #f2f3f714);border-radius: 6px;height: 172px;align-items: center}.vdbAeroSlope{letter-spacing: -0.04em;font-weight: 400;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: 72px;line-height: 1}.vdbWickPoint{margin: 14px 0 8px;font-size: 19px;font-weight: 700;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.vdbHoldScale{line-height: 1.4;color: #9ba1b5}.vdbCrestHearth{gap: 20px;grid-template-columns: 2fr 1fr;display: grid}.vdbLoftQuay{border: 1px solid #f2f3f714;position: relative;flex-direction: column;gap: 24px;border-radius: 6px;padding: 32px;background-image: linear-gradient(0deg, #f2f3f712, #f2f3f705 50%, transparent);display: flex;overflow: hidden}.vdbSlopeWell{border: 1px solid #f2f3f71f;height: 40px;background-image: linear-gradient(90deg, #f2f3f712, #f2f3f706, transparent);align-items: center;width: 40px;border-radius: 6px;justify-content: center;display: inline-flex}.vdbSlopeWell svg{stroke: currentColor;stroke-width: 1.8;fill: none;stroke-linecap: round;stroke-linejoin: round;height: 18px;width: 18px}.vdbVistaDrift{font-weight: 700;font-size: 21px;margin-top: 12px;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.vdbFrameSpine{line-height: 1.4;font-size: 18px;max-width: 56ch;color: #9ba1b5;margin-top: 8px}.vdbOakLoft{grid-template-columns: repeat(3, minmax(0, 1fr));padding-top: 24px;border-top: 1px solid #f2f3f714;margin-top: auto;gap: 16px;display: grid}.vdbRootStone{color: #9ba1b5;display: block;line-height: 1.3;font-size: 14px}.vdbHearthWedge{letter-spacing: -0.02em;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: clamp(22px, 2.2vw, 30px);display: block;font-weight: 500;margin-top: 6px}.vdbHearthWedge small{font-weight: 400;font-size: 14px;color: #9ba1b5}.vdbGulfCove{display: flex;flex-direction: column}.vdbGulfCove a{display: flex;border-top: 1px solid #f2f3f714;gap: 14px;font-size: 16px;padding: 12px 0;line-height: 1.3;align-items: baseline;justify-content: space-between}.vdbGulfCove a:hover{color: #4a78fc}.vdbGulfCove time{font-size: 13px;white-space: nowrap;color: #9ba1b5;flex: 0 0 auto}.vdbVaneGlen{gap: 48px;grid-template-columns: 1fr 1fr;display: grid;align-items: center}.vdbOrbitAxis{align-items: flex-start;gap: 16px;display: flex;flex-direction: column}.vdbKernVista{position: relative;font-size: 14px;border-radius: 999px;gap: 8px;align-items: center;background: #0b0b12;display: inline-flex;padding: 14px 20px;box-shadow: 0 0 0 1.5px transparent, 0 0 40px -6px #8b5cf680}.vdbKernVista::before{border-radius: inherit;inset: -1.5px;background-image: linear-gradient(90deg, #4977fc, #8b5cf6 55%, #c084fc);z-index: -1;position: absolute;content: ""}.vdbKernVista::after{z-index: -1;background: #0b0b12;inset: 0;position: absolute;border-radius: inherit;content: ""}.vdbKernVista span{color: #9ba1b5}.vdbKernVista strong{font-weight: 500}.vdbArcPine{font-size: 19px;line-height: 1.4;color: #9ba1b5;max-width: 46ch}.vdbSandHarbor{display: grid;gap: 56px 32px;padding: 24px 0;position: relative;grid-template-columns: 1fr 1fr}.vdbStageLoop{font-size: 14px;border-radius: 6px;line-height: 1.3;display: flex;gap: 8px;z-index: 1;padding: 12px 14px;background: #f2f3f714;flex-direction: column;box-shadow: 0 24px 50px -30px #000;position: relative}.vdbStageLoop:nth-child(2){margin-top: 64px}.vdbStageLoop:nth-child(3){margin-top: -24px}.vdbStageLoop:hover{background: #f2f3f722}.vdbShardZone{align-items: flex-start;font-weight: 700;gap: 8px;display: flex}.vdbShardZone::before{background-image: linear-gradient(90deg, #4977fc, #8b5cf6 55%, #c084fc);flex: 0 0 10px;height: 10px;content: "";margin-top: 5px;width: 10px;border-radius: 999px}.vdbSlateBase{gap: 8px;align-items: flex-start;display: flex;color: #9ba1b5}.vdbSlateBase::before{content: "\2713";color: #4a78fc}.vdbSandHarbor::before, .vdbSandHarbor::after{z-index: 0;position: absolute;border-top: 1.5px dashed #f2f3f730;content: ""}.vdbSandHarbor::before{top: 38%;left: 30%;right: 30%;transform: rotate(18deg)}.vdbSandHarbor::after{top: 72%;right: 42%;left: 22%;transform: rotate(-14deg)}.vdbHarborDrift{text-align: center;max-width: 860px;margin: 54px auto 0}.vdbPlateBrim{color: #9ba1b5}.vdbOnyxAxis{gap: 24px;margin-top: 24px;grid-template-columns: repeat(3, minmax(0, 1fr));display: grid}.vdbSlabHill{font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;display: block;font-weight: 700;font-size: clamp(26px, 2.6vw, 34px);letter-spacing: -0.02em;line-height: 1.1}.vdbBoltWave{display: block;line-height: 1.3;color: #9ba1b5;margin-top: 6px;font-size: 16px}.vdbWellPorch{display: grid;gap: 72px;align-items: start;grid-template-columns: 1fr 1fr}.vdbDeckDrift{display: flex;flex-direction: column;gap: 12px}.vdbVeinDash{margin-top: 20px}.vdbSpurPlate{border-bottom: 1px solid #f2f3f714;position: relative}.vdbSpurPlate summary{cursor: pointer;font-size: 19px;align-items: center;justify-content: space-between;list-style: none;gap: 16px;color: #9ba1b5;display: flex;padding: 22px 0}.vdbSpurPlate summary::-webkit-details-marker{display: none}.vdbSpurPlate summary::after{content: "\2192";opacity: 0;transform: translateX(-8px);color: #f2f3f7}.vdbSpurPlate[open] summary{padding-bottom: 14px;color: #f2f3f7}.vdbSpurPlate[open] summary::after{transform: none;opacity: 1}.vdbSpurPlate[open]::after{bottom: -1px;content: "";width: 50%;height: 2px;background-image: linear-gradient(90deg, #4977fc, #8b5cf6 55%, #c084fc);position: absolute;left: 0;border-radius: 999px}.vdbMillLoft{color: #9ba1b5;line-height: 1.5;max-width: 60ch;padding: 0 0 22px}.vdbKeelHill{border: 1px solid #f2f3f714;overflow: hidden;position: sticky;top: 92px;padding: 56px 0 0 56px;background-image: linear-gradient(0deg, #f2f3f714, #f2f3f708 50%, transparent);border-radius: 12px;display: block}.vdbKeelHill img{object-position: left top;object-fit: cover;aspect-ratio: 4 / 3;box-shadow: 0 0 0 8px #f2f3f70a;border-top-left-radius: 8px;width: 100%}.vdbPointKern{padding: 0 0 24px 0;flex-direction: column;gap: 8px;margin-bottom: 20px;display: flex}.vdbSpoolProw{font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: 21px;max-width: 26ch;line-height: 1.2;font-weight: 700}.vdbWaveBook{gap: 20px;grid-template-columns: repeat(3, minmax(0, 1fr));display: grid}.vdbValeRing{border: 1px solid #f2f3f714;gap: 12px;border-radius: 6px;background: transparent;display: flex;flex-direction: column;padding: 24px}.vdbValeRing:hover{background: #f2f3f70f}.vdbMeshRose{margin: -24px -24px 4px;display: block;overflow: hidden;border-radius: 4px}.vdbMeshRose img{aspect-ratio: 16 / 9;width: 100%;object-fit: cover}.vdbNotchStack{color: #9ba1b5;display: flex;gap: 10px;font-size: 13px;align-items: center}.vdbBlocIris{font-size: 19px;font-weight: 700;line-height: 1.25;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.vdbHelmOrbit{font-size: 16px;color: #9ba1b5;line-height: 1.4;flex-grow: 1}.vdbRidgeMill{font-size: 18px;gap: 10px;align-items: center;display: inline-flex;margin-top: 36px}.vdbRidgeMill:hover{color: #4a78fc}.vdbPondWard{max-width: 1024px;padding: 72px 24px;margin: 0 auto}.vdbIrisSlate{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 72px;gap: 24px}.vdbFleetSway{letter-spacing: -0.025em;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-weight: 500;font-size: 40px;line-height: 1.1}.vdbEchoLoop{font-size: 19px;margin-top: 10px;color: #9ba1b5}.vdbYardKern{gap: 8px;display: inline-flex;height: 48px;color: #f2f3f7;background: #f2f3f712;border-radius: 6px;align-items: center;padding: 0 16px}.vdbYardKern:hover{background: #f2f3f71f}.vdbPineKeel{font-weight: 600;color: #9ba1b5;margin: 36px 0 18px;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;text-transform: uppercase;letter-spacing: 0.08em;position: relative;padding-left: 40px;font-size: 15px}.vdbHelmReed{align-items: flex-start;justify-content: space-between;display: flex;padding: 0 0 48px 40px;position: relative;gap: 32px}.vdbHelmReed::before{border: 1px solid #f2f3f740;left: 0;position: absolute;height: 18px;content: "";border-radius: 999px;background: #0b0b12;z-index: 1;width: 18px;top: 4px}.vdbHelmReed::after{left: 5.5px;background: #8b5cf6;height: 7px;border-radius: 999px;top: 10.5px;position: absolute;content: "";z-index: 2;width: 7px}.vdbArcRing{top: 4px;bottom: -4px;background-image: repeating-linear-gradient(180deg, #f2f3f740 0 8px, transparent 8px 20px);width: 1px;position: absolute;left: 8.5px}.vdbRoostWell{display: block;min-width: 0}.vdbWavePane{font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-weight: 500;line-height: 1.25;display: block;font-size: 23px;letter-spacing: -0.015em}.vdbHelmReed:hover .vdbWavePane{color: #4a78fc}.vdbTrailFlag{margin-top: 10px;color: #9ba1b5;display: block;max-width: 66ch;font-size: 17px;line-height: 1.5}.vdbWallMesa{font-size: 16px;flex: 0 0 auto;white-space: nowrap;color: #9ba1b5;padding-top: 4px}.vdbWickSail{margin: 0 auto;padding: 54px 24px 0;max-width: 728px}.vdbVeinLoft{gap: 16px;align-items: flex-start;flex-direction: column;margin-bottom: 36px;display: flex}.vdbDraftSlate{line-height: 1.05;font-weight: 400;letter-spacing: -0.03em;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;text-wrap: balance;font-size: clamp(34px, 4.4vw, 56px)}.vdbStemInlet{color: #9ba1b5;font-size: 20px;line-height: 1.4}.vdbBodyHall{color: #9ba1b5;border-top: 1px solid #f2f3f714;width: 100%;padding-top: 16px;font-size: 15px}.vdbPlaneRim{font-weight: 600;color: #f2f3f7}.vdbZoneWeave{margin-bottom: 36px;overflow: hidden;box-shadow: 0 0 0 8px #f2f3f70a;border-radius: 6px}.vdbZoneWeave img{object-fit: cover;aspect-ratio: 16 / 9;width: 100%}.vdbReachBook{font-size: 18px;line-height: 1.7}.vdbReachBook h2{margin: 45px 0 9px;font-size: 27px;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;scroll-margin-top: 90px;font-weight: 500;line-height: 1.2;letter-spacing: -0.02em}.vdbReachBook h3{font-size: 21px;margin: 27px 0 9px;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;line-height: 1.3;scroll-margin-top: 90px;font-weight: 700}.vdbReachBook h4{margin: 22px 0 4px;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: 18px;font-weight: 700}.vdbReachBook p{margin: 18px 0;color: #f2f3f7e6}.vdbReachBook a{color: #4a78fc;text-decoration-line: underline;text-decoration-color: #4a78fc66;text-underline-offset: 3px}.vdbReachBook a:hover{text-decoration-color: #4a78fc}.vdbReachBook ul, .vdbReachBook ol{margin: 18px 0 18px 24px}.vdbReachBook li{margin: 6px 0}.vdbReachBook li::marker{color: #9ba1b5}.vdbReachBook blockquote{color: #9ba1b5;border-left: 2px solid #8b5cf6;padding: 2px 0 2px 20px;margin: 24px 0}.vdbReachBook table{width: 100%;border-collapse: collapse;font-size: 16px;display: block;line-height: 1.5;margin: 24px 0;overflow-x: auto}.vdbReachBook th, .vdbReachBook td{text-align: left;border-bottom: 1px solid #f2f3f718;padding: 10px 12px}.vdbReachBook th{font-weight: 700;border-bottom: 1px solid #f2f3f740}.vdbReachBook tbody tr:nth-child(even){background: #f2f3f706}.vdbReachBook code{font-family: 'SF Mono', Consolas, Menlo, monospace;border-radius: 4px;font-size: 14px;background: #f2f3f712;padding: 2px 6px}.vdbReachBook pre{border: 1px solid #f2f3f714;background: #f2f3f708;line-height: 1.6;padding: 18px;overflow-x: auto;border-radius: 6px;margin: 24px 0}.vdbReachBook pre code{font-size: 15px;border-radius: 0;padding: 0;background: none}.vdbReachBook hr{background: #f2f3f71f;height: 1px;border: 0;margin: 36px 0}.vdbReachBook img{border-radius: 6px}.vdbTileZone{display: flex;flex-wrap: wrap;gap: 8px;margin: 24px 0}.vdbTileZone span{border: 1px solid #f2f3f722;padding: 3px 12px;border-radius: 999px;color: #9ba1b5;font-size: 13px}.vdbSpoolSway{border: 1px solid #f2f3f714;background-image: linear-gradient(135deg, transparent, #f2f3f70a);border-radius: 6px;padding: 24px;margin: 45px 0 0}.vdbTideBolt{letter-spacing: 0.08em;text-transform: uppercase;font-size: 12px;color: #9ba1b5;font-weight: 600}.vdbDockBrace{font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-weight: 700;margin: 6px 0 4px;font-size: 19px}.vdbNotchSpur{font-size: 16px;color: #9ba1b5;line-height: 1.5}.vdbRoseCrest{padding: 0 24px;margin: 54px auto 0;max-width: 1400px}main > .vdbTileYard{padding-right: 24px;padding-left: 24px}.vdbPlotAmber{position: relative;text-align: center;overflow: hidden;padding: 90px 24px}.vdbHedgeEcho{display: flex;gap: 20px;flex-direction: column;position: relative;max-width: 760px;align-items: center;margin: 0 auto;z-index: 1}.vdbChipCrest{margin-bottom: 24px;width: clamp(120px, 22vw, 260px);height: auto;filter: drop-shadow(0 0 40px #8b5cf680)}.vdbHarborRange{font-weight: 400;letter-spacing: -0.03em;line-height: 1;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: clamp(56px, 8vw, 96px)}.vdbEchoVale{color: #9ba1b5;line-height: 1.4;max-width: 50ch;font-size: 20px}.vdbPlotAmber .vdbOnyxTrim{max-width: 380px;height: 64px;margin-top: 16px;width: 100%}.vdbFlintMold{width: 100%;text-align: left;max-width: 520px;margin-top: 24px}.vdbAeroBrace{left: 50%;opacity: 0.5;width: 900px;height: 720px;top: -300px;transform: translateX(-50%);right: auto}.vdbEmberArc{z-index: 1;padding: 72px 0 36px;position: relative;border-top: 1px solid #f2f3f70d;overflow: hidden}.vdbYardPatch{bottom: -420px;top: auto;right: -260px;width: 900px;height: 700px;opacity: 0.6}.vdbTraceTable{display: flex;z-index: 1;gap: 24px;flex-direction: column;text-align: center;align-items: center;position: relative}.vdbWallGrove{font-size: 30px;letter-spacing: -0.02em;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;display: inline-flex;font-weight: 500;align-items: center;gap: 12px}.vdbWallGrove img{width: 40px;object-fit: contain;height: 40px}.vdbMillRange{text-wrap: balance;line-height: 1.1;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;max-width: 24ch;font-size: clamp(28px, 3.6vw, 48px);font-weight: 400;letter-spacing: -0.025em}.vdbTileCue{width: 100%;max-width: 480px}.vdbGateBrace{gap: 12px;display: flex}.vdbValeField{display: none}.vdbKernSeam{border: 1px solid #f2f3f730;height: 54px;font: inherit;color: #f2f3f7;min-width: 0;border-radius: 8px;flex: 1;background: #f2f3f70a;padding: 0 18px}.vdbKernSeam::placeholder{color: #9ba1b5}.vdbKernSeam:focus{outline: none;border-color: #4a78fc}.vdbGateBrace .vdbOnyxTrim{cursor: pointer;font-family: inherit;border: 0}.vdbKeelRail{margin-top: 12px;font-size: 14px;color: #9ba1b5}.vdbWharfIsle{z-index: 1;justify-content: space-between;position: relative;align-items: center;color: #9ba1b5;display: flex;margin-top: 90px;font-size: 13px;gap: 24px}.vdbReachScope{gap: 24px;flex-wrap: wrap;justify-content: center;display: flex}.vdbReachScope a:hover, .vdbFacetRoost a:hover{color: #f2f3f7}.vdbFacetRoost{display: flex;gap: 20px}.vdbFacetRoost:empty{display: none}.vdbBookField{max-width: 70ch}

/* Motion, gated. */
@media (prefers-reduced-motion: no-preference) {
  @keyframes vdbShardBase {from{transform: translateY(22px);opacity: 0}to{transform: none;opacity: 1} }
  @keyframes vdbGroveBoard {from{transform: translate3d(0, 0, 0) scale(1)}to{transform: translate3d(-3%, 4%, 0) scale(1.08)} }.vdbWadeCell > *, .vdbIsleMesa, .vdbFrameMill{animation: vdbShardBase 0.7s cubic-bezier(0.22, 1, 0.36, 1) both}.vdbWadeCell > :nth-child(2){animation-delay: 0.08s}.vdbWadeCell > :nth-child(3){animation-delay: 0.16s}.vdbIsleMesa{animation-delay: 0.24s}.vdbFrameMill{animation-delay: 0.32s}.vdbWickWall{animation: vdbGroveBoard 14s ease-in-out infinite alternate}.vdbBrickScale a, .vdbOnyxTrim, .vdbValeRing, .vdbStageLoop, .vdbGulfCove a, .vdbYardKern, .vdbKernSeam, .vdbRidgeMill{transition: color 0.15s ease, background-color 0.18s ease, border-color 0.15s ease, opacity 0.15s ease}.vdbSpurPlate summary, .vdbSpurPlate summary::after{transition: color 0.2s ease, opacity 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1)}
  @supports (animation-timeline: view()) {.vdbWadeGate, .vdbLoftQuay, .vdbValeRing, .vdbStageLoop{animation: vdbShardBase linear both;animation-timeline: view();animation-range: entry 0% entry 35%}
  }
}

@media (max-width: 1024px) {.vdbBannerHearth{grid-template-columns: repeat(2, minmax(0, 1fr))}.vdbWaveBook{grid-template-columns: repeat(2, minmax(0, 1fr))}.vdbWellPorch{gap: 40px}.vdbBlocLens{flex-direction: column;align-items: flex-start}
}

@media (max-width: 860px) {.vdbCrestHearth, .vdbVaneGlen, .vdbWellPorch, .vdbWaveBook{grid-template-columns: 1fr}.vdbKeelHill{position: static}.vdbOrbitLane{align-items: flex-start;flex-direction: column;gap: 16px}.vdbFlagRail{display: none}.vdbSandHarbor{grid-template-columns: 1fr;gap: 12px;padding: 0}.vdbStageLoop:nth-child(2), .vdbStageLoop:nth-child(3){margin-top: 0}.vdbSandHarbor::before, .vdbSandHarbor::after{display: none}.vdbHelmReed{padding-bottom: 36px;gap: 6px;flex-direction: column}.vdbWallMesa{order: -1;padding-top: 0}.vdbWickSail{padding-top: 36px}
}

@media (max-width: 640px) {.vdbShadeTable{flex-wrap: wrap;padding: 12px 16px;gap: 10px;min-height: 0}.vdbNotchRidge{flex-shrink: 1}.vdbNotchRidge > *{max-width: 150px;height: 26px;width: auto}.vdbBrickScale{order: 3;border-top: 1px solid #f2f3f714;flex-wrap: wrap;flex-basis: 100%;padding-top: 10px;gap: 18px}.vdbShadeJetty{margin-left: auto;max-width: 52%}.vdbTideQuay{padding: 0 16px}.vdbReachCoil{padding: 44px 0 36px}.vdbWickWall{top: -140px;height: 600px;right: -300px;filter: blur(56px);width: 720px}.vdbFieldDock{font-size: clamp(38px, 11vw, 48px)}.vdbIsleMesa{width: 100%}.vdbArcCliff{flex-direction: column;gap: 12px}.vdbArcCliff .vdbOnyxTrim{min-width: 0;width: 100%}.vdbFrameMill{box-shadow: 0 0 0 6px #f2f3f70d;margin-top: 40px}.vdbFrameMill img{aspect-ratio: 4 / 3}.vdbFrontBook{padding: 16px}.vdbKeelMoor{padding: 52px 0}.vdbBannerHearth{gap: 16px;overflow-x: auto;display: flex;padding-bottom: 8px;scroll-snap-type: x mandatory}.vdbWadeGate{flex: 0 0 78%;scroll-snap-align: start}.vdbAeroDelta{height: 140px}.vdbLoftQuay{padding: 22px}.vdbOakLoft{gap: 14px;grid-template-columns: 1fr}.vdbOnyxAxis{grid-template-columns: 1fr;gap: 20px}.vdbHarborDrift{margin-top: 44px}.vdbKeelHill{padding: 28px 0 0 28px;border-radius: 8px}.vdbValeRing{padding: 18px}.vdbMeshRose{margin: -18px -18px 2px}.vdbPondWard{padding: 44px 16px}.vdbFleetSway{font-size: 32px}.vdbYardKern{justify-content: center;width: 100%}.vdbHelmReed{padding-left: 32px}.vdbWavePane{font-size: 20px}.vdbWickSail{padding: 32px 16px 0}main > .vdbTileYard{padding-right: 16px;padding-left: 16px}.vdbRoseCrest{padding: 0 16px}.vdbSpoolSway{padding: 18px}.vdbPlotAmber{padding: 56px 16px}.vdbEmberArc{padding-top: 52px}.vdbGateBrace{flex-direction: column}.vdbKernSeam{flex: 0 0 auto;width: 100%;min-width: 0}.vdbGateBrace .vdbOnyxTrim{width: 100%}.vdbWharfIsle{flex-direction: column-reverse;margin-top: 56px;gap: 18px;align-items: flex-start}.vdbReachScope{justify-content: flex-start;gap: 14px 18px}
}.vdbLineEdge .vdbFrontBook{background-image: none;position: static}.vdbGildWard{margin: 0 auto;max-width: 1048px}.vdbAxisMold, .vdbCapeTide, .vdbLineForge{border: 1px solid #f2f3f728;border-radius: 8px;overflow-wrap: anywhere;margin: 36px 0;padding: 18px}.vdbGildWard h2{margin-bottom: 18px;font-size: 27px;line-height: 1.25}.vdbGildWard h3{line-height: 1.35;font-size: 20px}.vdbGildWard p, .vdbGildWard li{line-height: 1.6}.vdbGildWard ul, .vdbGildWard ol{padding-left: 1.4em}.vdbGildWard li{margin: 8px 0}.vdbGildWard a{color: #4a78fc;text-underline-offset: 3px;text-decoration: underline}.vdbGildWard dt{margin-top: 10px;font-weight: 700}.vdbGildWard dd{margin: 2px 0 0}.vdbOakRoost{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px;display: grid}.vdbSpineVault, .vdbOakOak{color: #9ba1b5;display: block;margin: 8px 0}.vdbShardHead{gap: 18px;display: grid;padding: 0 !important;grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));list-style: none}.vdbBayCite{border-top: 3px solid #4977fc;background-color: #f2f3f706;padding: 18px}.vdbNotchIris{font-size: 25px;color: #4a78fc;font-weight: 700}.vdbFlagFrame{display: inline-block;margin-top: 18px;font-weight: 700}.vdbPierStage{color: #4a78fc}.vdbLineForge{border-left: 4px solid #4977fc}.vdbEchoHull{font-weight: 700;display: block;margin-bottom: 8px}.vdbCoastCloak{border-top: 1px solid #f2f3f728;padding: 18px 0}
@media (max-width: 700px) {.vdbOakRoost{grid-template-columns: minmax(0, 1fr)}.vdbAxisMold, .vdbCapeTide, .vdbLineForge{padding: 16px}
}.vdbTileYard{max-width: 1158px;box-sizing: border-box;color: #f2f3f7;margin: 0 auto;padding: 30px 20px 36px}.vdbTileYard h1, .vdbTileYard h2, .vdbTileYard h3, .vdbTileYard strong{font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.vdbTileYard h1{text-wrap: balance;line-height: 1.04;font-size: clamp(31px, 5vw, 51px);font-weight: 700;letter-spacing: -0.035em}.vdbSailSeam{margin-bottom: 24px;gap: 8px;display: flex;flex-wrap: wrap;color: #9ba1b5;font-size: 14px;align-items: center}.vdbSailSeam a{text-decoration-line: none;color: #f2f3f7}.vdbSailSeam a:hover{color: #4a78fc}.vdbSlateGrove{max-width: 828px}.vdbOrbitPatch{font-size: 20px;line-height: 1.5;max-width: 64ch;margin-top: 14px;color: #9ba1b5}.vdbRungSlope{color: #4a78fc;letter-spacing: .06em;font-size: 13px;border-radius: 999px;font-weight: 700;display: inline-flex;padding: 5px 11px;align-items: center;background-color: #f2f3f714;text-transform: uppercase}.vdbSparRail{align-items: center;gap: 11px;margin-top: 20px;color: #f2f3f7;display: flex;font-size: 15px}.vdbSparRail strong{display: block;font-weight: 700}.vdbSparRail small{margin-top: 1px;font-size: 14px;color: #9ba1b5;display: block}.vdbTideRoost{border: 1px solid #f2f3f735;width: 38px;flex: 0 0 38px;height: 38px;font-family: 'Bitter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;justify-content: center;border-radius: 50%;color: #f2f3f7;background-color: #f2f3f70d;display: inline-flex;font-weight: 800;object-fit: cover;align-items: center}.vdbAeroSpar{height: 1px;margin: 36px 0;background-color: #f2f3f724}.vdbLoopPatch{border: 1px solid #f2f3f724;border-radius: 12px;overflow: hidden;background-color: #f2f3f708}.vdbLoopPatch img{width: 100%;object-fit: cover;aspect-ratio: 16 / 9;max-height: 520px}.vdbFlintCrest{line-height: 1.82;overflow-wrap: anywhere;min-width: 0;font-size: 18px}.vdbFlintCrest h2{letter-spacing: -.02em;text-wrap: balance;scroll-margin-top: 96px;margin: 36px 0 13px;font-weight: 700;font-size: clamp(24px, 3vw, 30px);line-height: 1.18}.vdbFlintCrest h3{line-height: 1.25;margin: 26px 0 12px;font-size: 22px}.vdbFlintCrest p{margin: 18px 0}.vdbFlintCrest a{color: #4a78fc;text-decoration-line: underline;text-decoration-thickness: 1px;text-underline-offset: 3px}.vdbFlintCrest :is(ul, ol){margin: 18px 0 18px 26px}.vdbFlintCrest li{margin: 6px 0}.vdbFlintCrest blockquote{border-left: 3px solid #4977fc;padding: 3px 0 3px 18px;margin: 23px 0;color: #9ba1b5}.vdbFlintCrest table{margin: 24px 0;font-size: 16px;max-width: 100%;overflow-x: auto;width: 100%;border-collapse: collapse;display: block}.vdbFlintCrest :is(th, td){overflow-wrap: normal;text-align: left;min-width: 8rem;padding: 10px 12px;border-bottom: 1px solid #f2f3f724}.vdbFlintCrest th{font-weight: 700;color: #f2f3f7}.vdbFlintCrest tbody tr:nth-child(even){background-color: #f2f3f708}.vdbFlintCrest code{background-color: #f2f3f710;font-family: 'SF Mono', Consolas, Menlo, monospace;font-size: 14px;padding: 2px 6px;border-radius: 4px}.vdbFlintCrest pre{overflow: auto;max-width: 100%}.vdbFlintCrest .vdbVeinHedge{display: inline-block}.vdbFlintCrest img{border-radius: 10px;width: 100%;margin: 26px 0}.vdbFlintCrest :is(img, iframe, svg){max-width: 100%;height: auto}.vdbMeshGild > strong{font-size: 16px;color: #f2f3f7;letter-spacing: .03em;margin-bottom: 10px;display: block}.vdbMeshGild :is(ul, ol){padding: 0;list-style: none;margin: 0}.vdbMeshGild li + li{margin-top: 3px}.vdbMeshGild a{display: flex;gap: 8px;color: #9ba1b5;text-decoration-line: none;padding: 5px 0;line-height: 1.4;font-size: 14px}.vdbMeshGild a:hover{color: #4a78fc}.vdbMeshGild a span{font-variant-numeric: tabular-nums;color: #9ba1b5}.vdbLoopStrand{gap: 7px;flex-wrap: wrap;align-items: center;display: flex}.vdbLoopStrand > span{font-weight: 700;font-size: 13px;text-transform: uppercase;letter-spacing: .08em;margin-right: 2px;color: #9ba1b5}.vdbLoopStrand a{border: 1px solid #f2f3f730;font-weight: 800;text-decoration-line: none;color: #f2f3f7;border-radius: 50%;height: 34px;font-size: 13px;display: inline-flex;justify-content: center;align-items: center;width: 34px}.vdbLoopStrand a:hover{border-color: #4977fc;background-color: #f2f3f710}.vdbRiseCrumb{border: 1px solid #f2f3f730;margin-top: 18px;font-weight: 700;border-radius: 8px;padding: 7px 11px;font-size: 14px;display: inline-flex;text-decoration-line: none;color: #f2f3f7}.vdbBookNotch{max-width: 858px;margin: 54px auto 0}.vdbPeakStone{gap: 7px;margin-bottom: 22px;display: flex;flex-wrap: wrap}.vdbPeakStone span{border: 1px solid #f2f3f727;color: #9ba1b5;padding: 4px 10px;font-size: 13px;border-radius: 999px}.vdbLoftFlow{padding: 21px 0;display: flex;align-items: flex-start;border-bottom: 1px solid #f2f3f724;gap: 13px;border-top: 1px solid #f2f3f735}.vdbLoftFlow small{display: block;font-weight: 700;font-size: 12px;letter-spacing: .09em;text-transform: uppercase;color: #9ba1b5}.vdbLoftFlow strong{display: block;margin-top: 2px;font-size: 18px}.vdbLoftFlow p{margin-top: 2px;color: #9ba1b5;font-size: 15px}.vdbFrameRoost{margin-top: 36px}.vdbFrameRoost h2{margin-bottom: 18px;font-size: 22px}.vdbFrameRoost > div{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;display: grid}.vdbFrameRoost a{color: #f2f3f7;text-decoration-line: none;border-top: 2px solid #f2f3f7;padding-top: 10px}.vdbFrameRoost a:hover strong{color: #4a78fc}.vdbFrameRoost small{color: #9ba1b5;display: block;text-transform: uppercase;font-size: 12px;letter-spacing: .08em}.vdbFrameRoost strong{font-size: 16px;line-height: 1.3;display: block;margin-top: 4px}
@media (max-width: 700px) {.vdbTileYard{padding-top: 18px}.vdbTileYard h1{font-size: clamp(31px, 10vw, 46px)}.vdbFrameRoost > div{grid-template-columns: 1fr}.vdbFrameRoost a{padding-bottom: 8px}
}.vdbTideChip{max-width: 1108px}.vdbTideChip .vdbSlateGrove{margin-top: 18px}.vdbOrbitVerge{grid-template-columns: minmax(0, 1fr) 250px;align-items: start;display: grid;gap: 54px}.vdbBaseStrand{position: sticky;border-left: 1px solid #f2f3f725;top: 92px;padding-left: 18px}.vdbBaseStrand .vdbLoopStrand{margin-top: 22px;padding-top: 18px;border-top: 1px solid #f2f3f725}
@media (max-width: 900px) {.vdbOrbitVerge{grid-template-columns: 1fr}.vdbBaseStrand{display: none}
}

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