.vb-legal, .vb-legal * { box-sizing: border-box; } .vb-legal { --vb-blue: #153bf7; --vb-ink: #101014; --vb-paper: #f2f2ef; --vb-line: #b7b7b2; --vb-muted: #676762; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; background: var(--vb-paper); color: var(--vb-ink); font-family: Inter, Arial, sans-serif; font-size: 16px; line-height: 1.55; } .vb-legal__page { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 54px 0 90px; } .vb-legal__topline { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; margin-bottom: 72px; color: var(--vb-blue); font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; } .vb-legal__topline span:nth-child(2) { padding: 5px 12px; border: 1px solid var(--vb-blue); } .vb-legal__topline span:last-child { text-align: right; } .vb-legal__hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr); gap: 80px; align-items: end; padding-bottom: 72px; border-bottom: 1px solid var(--vb-ink); } .vb-legal__hero h1 { max-width: 780px; margin: 0; font-size: clamp(58px, 8vw, 118px); font-weight: 900; line-height: 0.88; letter-spacing: -0.065em; text-transform: uppercase; } .vb-legal__hero h1 span { color: var(--vb-blue); } .vb-legal__intro { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.45; } .vb-legal__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 72px; margin-top: 18px; } .vb-legal__section { padding: 42px 0 46px; border-bottom: 1px solid var(--vb-line); } .vb-legal__section--wide { grid-column: 1 / -1; } .vb-legal__number { display: block; margin-bottom: 18px; color: var(--vb-blue); font-size: 12px; font-weight: 800; letter-spacing: 0.14em; } .vb-legal h2 { max-width: 650px; margin: 0 0 24px; font-size: clamp(28px, 3.2vw, 48px); font-weight: 900; line-height: 0.95; letter-spacing: -0.04em; text-transform: uppercase; } .vb-legal p { margin: 0 0 16px; } .vb-legal p:last-child { margin-bottom: 0; } .vb-legal strong { font-weight: 800; } .vb-legal a { color: var(--vb-blue); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 3px; } .vb-legal__identity { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin-top: 30px; } .vb-legal__fact { padding-top: 14px; border-top: 3px solid var(--vb-blue); } .vb-legal__fact-label { display: block; margin-bottom: 7px; color: var(--vb-muted); font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .vb-legal__fact-value { font-size: 18px; font-weight: 800; line-height: 1.25; } .vb-legal__footer { display: flex; justify-content: space-between; gap: 30px; padding-top: 34px; color: var(--vb-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } @media (max-width: 820px) { .vb-legal__page { width: min(100% - 30px, 680px); padding: 30px 0 54px; } .vb-legal__topline { grid-template-columns: 1fr auto; gap: 14px; margin-bottom: 44px; } .vb-legal__topline span:nth-child(2) { display: none; } .vb-legal__hero { grid-template-columns: 1fr; gap: 30px; padding-bottom: 44px; } .vb-legal__hero h1 { font-size: clamp(52px, 16vw, 82px); } .vb-legal__grid, .vb-legal__identity { grid-template-columns: 1fr; } .vb-legal__grid { column-gap: 0; } .vb-legal__section--wide { grid-column: auto; } .vb-legal__section { padding: 34px 0 38px; } .vb-legal__footer { flex-direction: column; gap: 8px; } }
Scroll to Top