Skip to content

Instantly share code, notes, and snippets.

@chriswburke
Created September 9, 2020 18:33
Show Gist options
  • Save chriswburke/32db25e3eeb0a70b87cb453bee2d2aab to your computer and use it in GitHub Desktop.
Save chriswburke/32db25e3eeb0a70b87cb453bee2d2aab to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
$brand: 'BMWTypeNext', 'Helvetica Neue', '-apple-system', 'system-ui', 'BlinkMacSystemFont', serif;
$serif: 'SangBleuKingdom','Times', 'Times New Roman', serif;
$arial: 'Arial', 'Helvetica Neue', sans-serif;
$arialMT: 'Arial MT', 'Arial', 'Helvetica Neue', sans-serif;
$theme-core: (
headline: (
1: (
default: ($brand, 50px, 68px, 1px, 400),
md: ($brand, 80px, 90px, 1px),
lg: ($brand, 130px, 140px, 1px),
xl: ($brand, 180px, 190px, 1px)
),
2: (
default: ($brand, 40px, 47px, 1px, 400),
md: ($brand, 56px, 68px, 1px),
lg: ($brand, 76px, 88px, 1px),
xl: ($brand, 100px, 112px, 1px)
),
3: (
default: ($brand, 32px, 38px, 0, 400),
md: ($brand, 42px, 50px, 0),
lg: ($brand, 56px, 68px, 0),
xl: ($brand, 76px, 91px, 0)
),
4: (
default: ($brand, 24px, 30px, -0.1px, 400, antialiased),
md: ($brand, 30px, 38px, -0.1px),
lg: ($brand, 39px, 48px, -0.1px),
xl: ($brand, 54px, 65px, -0.1px)
),
5: (
default: ($brand, 20px, 26px, -0.1px, 400, antialiased),
md: ($brand, 23px, 31px, -0.1px),
lg: ($brand, 28px, 37px, -0.1px),
xl: ($brand, 38px, 48px, -0.1px)
),
6: (
default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
md: ($brand, 18px, 22px, -0.1px),
lg: ($brand, 20px, 24px, -0.1px),
xl: ($brand, 24px, 29px, -0.1px)
)
),
content: (
1: (
default: ($brand, 16px, 25px, 0.4px, 400),
md: ($brand, 18px, 28px, 0.4px),
lg: ($brand, 20px, 31px, 0.4px),
xl: ($brand, 24px, 36px, 0.4px)
),
2: (
default: ($brand, 14px, 21px, 0.5px, 400),
md: ($brand, 15px, 24px, 0.5px),
lg: ($brand, 16px, 26px, 0.5px),
xl: ($brand, 19px, 30px, 0.5px)
),
3: (
default: ($brand, 12px, 18px, 0.5px, 400),
md: ($brand, 13px, 20px, 0.5px),
xl: ($brand, 14px, 22px, 0.5px)
)
),
label: (
1: (
default: ($brand, 14px, 17px, 0.25px, 400),
md: ($brand, 15px, 18px, 0.25px),
lg: ($brand, 16px, 20px, 0.25px),
xl: ($brand, 19px, 24px, 0.25px)
),
2: (
default: ($brand, 12px, 16px, 0.25px, 400),
md: ($brand, 13px, 16px, 0.25px),
xl: ($brand, 14px, 17px, 0.25px)
),
3: (
default: ($brand, 11px, 13px, 0.25px, 400),
xl: ($brand, 12px, 14px, 0.25px)
)
),
eyebrow: (
1: (
default: ($brand, 11px, 13px, 2.75px, 400),
lg: ($brand, 12px, 15px, 2.75px),
xl: ($brand, 13px, 15px, 2.75px)
),
2: (
default: ($brand, 10px, 13px, 2px, 400),
xl: ($brand, 10px, 14px, 2px)
),
3: (
default: ($serif, 12px, 15px, 1.5px, 400, italic),
md: ($serif, 13px, 16px, 1.5px),
xl: ($serif, 14px, 18px, 1.5px)
)
),
quote: (
1: (
default: ($serif, 32px, 41px, 0.25px, 400),
md: ($serif, 42px, 53px, 0.25px),
lg: ($serif, 56px, 70px, 0.25px),
xl: ($serif, 76px, 98px, 0.25px)
),
2: (
default: ($serif, 24px, 31px, 0.5px, 400),
md: ($serif, 30px, 40px, 0.5px),
lg: ($serif, 39px, 53px, 0.5px),
xl: ($serif, 54px, 73px, 0.5px)
),
3: (
default: ($serif, 20px, 26px, 0.5px, 400),
md: ($serif, 23px, 31px, 0.5px),
lg: ($serif, 28px, 38px, 0.5px),
xl: ($serif, 38px, 52px, 0.5px)
)
),
cta: (
1: (
default: ($brand, 15px, 20px, 0.5px, 700)
),
2: (
default: ($brand, 13px, 16px, 0.5px, 700)
)
),
inputfield: (
1: (
default: ($brand, 16px, 20px, 0.4px, 400),
xl: ($brand, 19px, 24px, 0.4px)
)
)
);
$theme-nav: (
breakpoints: ( default: 320px, md: 768px, md2: 960px, lg: 1280px, xl: 2000px ),
header : (
//Global Nav Header
1: (
default: ($brand, 20px, 26px, -0.1px, 400, antialiased),
md: ($brand, 23px, 31px, -0.1px),
md2: ($brand, 13px, 16px, 0.25px),
xl: ($brand, 14px, 17px, 0.25px)
),
//Non primary header links
2: (
default: ($brand, 20px, 26px, -0.1px, 400, antialiased),
md: ($brand, 23px, 31px, -0.1px),
md2: ($brand, 11px, 13px, 0.25px),
xl: ($brand, 12px, 14px, 0.25px)
)
),
footer : (
//Global Footer Label
1: (
default: ($brand, 16px, 26px, 0.35px, 700),
md: ($brand, 23px, 31px, -0.1px),
md2: ($brand, 15px, 18px, 0.25px),
lg: ($brand, 16px, 20px, 0.25px),
xl: ($brand, 19px, 24px, 0.25px)
),
//Global Footer Links
2: (
default: ($brand, 14px, 17px, 0.25px, 400),
md: ($brand, 15px, 18px, 0.25px),
md2: ($brand, 13px, 16px, 0.25px),
xl: ($brand, 14px, 17px, 0.25px)
)
),
vehicleOverlay : (
//Vehicle Overlay
1: (
default: ($brand, 40px, 47px, 0.15px, 700),
md: ($brand, 23px, 31px, -0.1px),
lg: ($brand, 28px, 37px, -0.1px),
xl: ($brand, 38px, 48px, -0.1px)
),
//Vehicle Overlay Header
2: (
default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
md: ($brand, 30px, 38px, -0.1px),
lg: ($brand, 39px, 48px, -0.1px),
xl: ($brand, 54px, 65px, -0.1px)
),
//Vehicle Overlay Filter
3: (
default: ($brand, 12px, 16px, 0.25px, 400),
md: ($brand, 13px, 16px, 0.25px),
md2: ($brand, 11px, 13px, 0.25px),
lg: ($brand, 13px, 16px, 0.25px),
xl: ($brand, 19px, 24px, 0.25px)
),
//Vehicle Overlay Subhead
4: (
default: ($brand, 18px, 22px, -0.1px, antialiased),
md: ($brand, 23px, 31px, -0.1px),
lg: ($brand, 28px, 37px, -0.1px),
xl: ($brand, 38px, 48px, -0.1px)
),
//Vehicle Overlay Link
5: (
default: ($brand, 12px, 16px, 0.25px, 400),
md: ($brand, 15px, 18px, 0.25px),
lg: ($brand, 16px, 20px, 0.25px),
xl: ($brand, 19px, 24px, 0.25px)
),
//Vehicle Overlay Nav
6: (
default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
md: ($brand, 18px, 22px, -0.1px),
md2: ($brand, 13px, 16px, 0.25px),
lg: ($brand, 16px, 20px, 0.25px),
xl: ($brand, 19px, 24px, 0.25px)
)
),
dropDown : (
//O&F Label
1: (
default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
md: ($brand, 18px, 22px, -0.1px),
md2: ($brand, 15px, 18px, 0.25px),
lg: ($brand, 16px, 20px, 0.25px),
xl: ($brand, 19px, 24px, 0.25px)
),
//O&F Links
2: (
default: ($brand, 12px, 20px, 0.4px, 400),
md: ($brand, 16px, 20px, 0.4px),
xl: ($brand, 14px, 17px, 0.25px)
)
),
input : (
1: (
//Dealer Locator Input
default: ($brand, 12px, 20px, 0.4px, 400),
md: ($brand, 16px, 20px, 0.4px),
lg: ($brand, 11px, 13px, 0.25px, 400),
xl: ($brand, 12px, 14px, 0.25px)
),
2: (
//Search Input Label
default: ($brand, 12px, 20px, 0.4px, 400),
md: ($brand, 16px, 20px, 0.4px),
xl: ($brand, 19px, 24px, 0.4px)
),
3: (
//O&F Input Field
default: ($brand, 12px, 20px, 0.4px, 400),
md: ($brand, 16px, 20px, 0.4px),
lg: ($brand, 13px, 16px, 0.35px),
xl: ($brand, 14px, 17px, 0.35px)
)
),
dealerLabel : (
//Dealer Locator Lables
1: (
default: ($brand, 16px, 20px, 0.35px, 400),
md2: ($brand, 11px, 13px, 0.35px),
xl: ($brand, 12px, 14px, 0.35px)
)
),
search : (
//Search eyebrow
1: (
default: ($serif, 12px, 15px, 1.5px, 400, italic),
md: ($serif, 13px, 16px, 1.5px),
xl: ($serif, 14px, 18px, 1.5px)
),
// Search suggestions
2: (
default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
md: ($brand, 23px, 31px, -0.1px),
md2: ($brand, 15px, 18px, 0.25px),
lg: ($brand, 16px, 20px, 0.25px),
xl: ($brand, 19px, 24px, 0.25px)
)
),
myBMWLinks : (
//MyBWM Links
1: (
default: ($brand, 14px, 17px, 0.25px, 400),
md: ($brand, 15px, 18px, 0.25px),
md2: ($brand, 11px, 13px, 0.25px),
xl: ($brand, 12px, 14px, 0.25px)
)
)
);
$theme-gkl: (
headline: (
1: (
default: ($brand, 50px, 68px, 1px, 400),
md: ($brand, 80px, 90px, 1px),
lg: ($brand, 130px, 140px, 1px),
xl: ($brand, 180px, 190px, 1px)
),
2: (
default: ($brand, 40px, 47px, 1px, 400),
md: ($brand, 56px, 68px, 1px),
lg: ($brand, 76px, 88px, 1px),
xl: ($brand, 100px, 112px, 1px)
),
3: (
default: ($brand, 32px, 38px, 0, 400),
md: ($brand, 42px, 50px, 0),
lg: ($brand, 56px, 68px, 0),
xl: ($brand, 76px, 91px, 0)
),
4: (
default: ($brand, 24px, 30px, -0.1px, 400, antialiased),
md: ($brand, 30px, 38px, -0.1px),
lg: ($brand, 39px, 48px, -0.1px),
xl: ($brand, 54px, 65px, -0.1px)
),
5: (
default: ($brand, 20px, 26px, -0.1px, 400, antialiased),
md: ($brand, 23px, 31px, -0.1px),
lg: ($brand, 28px, 37px, -0.1px),
xl: ($brand, 38px, 48px, -0.1px)
),
6: (
default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
md: ($brand, 18px, 22px, -0.1px),
lg: ($brand, 20px, 24px, -0.1px),
xl: ($brand, 24px, 29px, -0.1px)
)
),
content: (
1: (
default: ($brand, 16px, 25px, 0.4px, 400),
md: ($brand, 18px, 28px, 0.4px),
lg: ($brand, 20px, 31px, 0.4px),
xl: ($brand, 24px, 36px, 0.4px)
),
2: (
default: ($brand, 14px, 21px, 0.5px, 400),
md: ($brand, 15px, 24px, 0.5px),
lg: ($brand, 16px, 26px, 0.5px),
xl: ($brand, 19px, 30px, 0.5px)
),
3: (
default: ($brand, 12px, 18px, 0.5px, 400),
md: ($brand, 13px, 20px, 0.5px),
xl: ($brand, 14px, 22px, 0.5px)
)
),
label: (
1: (
default: ($brand, 14px, 17px, 0.25px, 400),
md: ($brand, 15px, 18px, 0.25px),
lg: ($brand, 16px, 20px, 0.25px),
xl: ($brand, 19px, 24px, 0.25px)
),
2: (
default: ($brand, 12px, 16px, 0.25px, 400),
md: ($brand, 13px, 16px, 0.25px),
xl: ($brand, 14px, 17px, 0.25px)
),
3: (
default: ($brand, 11px, 13px, 0.25px, 400),
xl: ($brand, 12px, 14px, 0.25px)
)
),
eyebrow: (
1: (
default: ($brand, 11px, 13px, 2.75px, 400),
lg: ($brand, 12px, 15px, 2.75px),
xl: ($brand, 13px, 15px, 2.75px)
),
2: (
default: ($brand, 10px, 13px, 2px, 400),
xl: ($brand, 10px, 14px, 2px)
),
3: (
default: ($serif, 12px, 15px, 1.5px, 400, italic),
md: ($serif, 13px, 16px, 1.5px),
xl: ($serif, 14px, 18px, 1.5px)
)
),
quote: (
1: (
default: ($serif, 32px, 41px, 0.25px, 400),
md: ($serif, 42px, 53px, 0.25px),
lg: ($serif, 56px, 70px, 0.25px),
xl: ($serif, 76px, 98px, 0.25px)
),
2: (
default: ($serif, 24px, 31px, 0.5px, 400),
md: ($serif, 30px, 40px, 0.5px),
lg: ($serif, 39px, 53px, 0.5px),
xl: ($serif, 54px, 73px, 0.5px)
),
3: (
default: ($serif, 20px, 26px, 0.5px, 400),
md: ($serif, 23px, 31px, 0.5px),
lg: ($serif, 28px, 38px, 0.5px),
xl: ($serif, 38px, 52px, 0.5px)
)
),
cta: (
1: (
default: ($brand, 15px, 20px, 0.5px, 700)
),
2: (
default: ($brand, 13px, 16px, 0.5px, 700)
)
),
inputfield: (
1: (
default: ($brand, 16px, 20px, 0.4px, 400),
xl: ($brand, 19px, 24px, 0.4px)
)
)
);
$theme-byo: (
headline: (
1: (
default: ($brand, 50px, 68px, 1px, 400),
md: ($brand, 80px, 90px, 1px),
lg: ($brand, 130px, 140px, 1px),
xl: ($brand, 180px, 190px, 1px)
),
2: (
default: ($brand, 40px, 47px, 1px, 400),
md: ($brand, 56px, 68px, 1px),
lg: ($brand, 76px, 88px, 1px),
xl: ($brand, 100px, 112px, 1px)
),
3: (
default: ($brand, 32px, 38px, 0, 400),
md: ($brand, 42px, 50px, 0),
lg: ($brand, 56px, 68px, 0),
xl: ($brand, 76px, 91px, 0)
),
4: (
default: ($brand, 24px, 30px, -0.1px, 400, antialiased),
md: ($brand, 30px, 38px, -0.1px),
lg: ($brand, 39px, 48px, -0.1px),
xl: ($brand, 54px, 65px, -0.1px)
),
5: (
default: ($brand, 20px, 26px, -0.1px, 400, antialiased),
md: ($brand, 23px, 31px, -0.1px),
lg: ($brand, 28px, 37px, -0.1px),
xl: ($brand, 38px, 48px, -0.1px)
),
6: (
default: ($brand, 20px, 20px, -0.1px, 400, antialiased),
md: ($brand, 18px, 22px, -0.1px),
lg: ($brand, 20px, 24px, -0.1px),
xl: ($brand, 24px, 29px, -0.1px)
)
),
content: (
1: (
default: ($brand, 16px, 25px, 0.4px, 400),
md: ($brand, 18px, 28px, 0.4px),
lg: ($brand, 20px, 31px, 0.4px),
xl: ($brand, 24px, 36px, 0.4px)
),
2: (
default: ($brand, 14px, 21px, 0.5px, 400),
md: ($brand, 15px, 24px, 0.5px),
lg: ($brand, 16px, 26px, 0.5px),
xl: ($brand, 19px, 30px, 0.5px)
),
3: (
default: ($brand, 12px, 18px, 0.5px, 400),
md: ($brand, 13px, 20px, 0.5px),
xl: ($brand, 14px, 22px, 0.5px)
)
),
label: (
1: (
default: ($brand, 14px, 17px, 0.25px, 400),
md: ($brand, 15px, 18px, 0.25px),
lg: ($brand, 16px, 20px, 0.25px),
xl: ($brand, 19px, 24px, 0.25px)
),
2: (
default: ($brand, 12px, 16px, 0.25px, 400),
md: ($brand, 13px, 16px, 0.25px),
xl: ($brand, 14px, 17px, 0.25px)
),
3: (
default: ($brand, 11px, 13px, 0.25px, 400),
xl: ($brand, 12px, 14px, 0.25px)
)
),
eyebrow: (
1: (
default: ($brand, 11px, 13px, 2.75px, 400),
lg: ($brand, 12px, 15px, 2.75px),
xl: ($brand, 13px, 15px, 2.75px)
),
2: (
default: ($brand, 10px, 13px, 2px, 400),
xl: ($brand, 10px, 14px, 2px)
),
3: (
default: ($serif, 12px, 15px, 1.5px, 400, italic),
md: ($serif, 13px, 16px, 1.5px),
xl: ($serif, 14px, 18px, 1.5px)
)
),
quote: (
1: (
default: ($serif, 32px, 41px, 0.25px, 400),
md: ($serif, 42px, 53px, 0.25px),
lg: ($serif, 56px, 70px, 0.25px),
xl: ($serif, 76px, 98px, 0.25px)
),
2: (
default: ($serif, 24px, 31px, 0.5px, 400),
md: ($serif, 30px, 40px, 0.5px),
lg: ($serif, 39px, 53px, 0.5px),
xl: ($serif, 54px, 73px, 0.5px)
),
3: (
default: ($serif, 20px, 26px, 0.5px, 400),
md: ($serif, 23px, 31px, 0.5px),
lg: ($serif, 28px, 38px, 0.5px),
xl: ($serif, 38px, 52px, 0.5px)
)
),
cta: (
1: (
default: ($brand, 15px, 20px, 0.5px, 700)
),
2: (
default: ($brand, 13px, 16px, 0.5px, 700)
)
),
inputfield: (
1: (
default: ($brand, 16px, 20px, 0.4px, 400),
xl: ($brand, 19px, 24px, 0.4px)
)
)
);
@function map-fetch($map, $keys) {
@each $key in $keys {
$map: map-get($map, $key);
}
@return $map;
}
$coreConfig: (
breakpoints: ( default: 320px, md: 768px, lg: 1280px, xl: 2000px ),
core: $theme-core,
gkl: $theme-gkl,
nav: $theme-nav,
byo: $theme-byo,
);
@mixin coretype($type: content, $level: 1, $variant: core, $weight: false, $style: false, $smoothing: false) {
@if not(map-fetch($coreConfig, $variant)) {
@warn "The variation: `#{$variant}` does not currently exist, all type settings will default to the core theme";
$variant: core;
}
$theme-breakpoints: if(
map-has-key(map-fetch($coreConfig, $variant), breakpoints),
map-fetch($coreConfig, $variant breakpoints),
map-get($coreConfig, breakpoints)
);
@each $breakpoint in map-keys($theme-breakpoints) {
@if $breakpoint == default {
font: {
family: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 1);
size: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 2);
weight: if($weight, $weight, nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 5));
}
@if ($style) {
font-style: $style;
}
//if the font-smoothing has been set in the theme settings, we will use it
@if length(map-fetch($coreConfig, $variant $type $level $breakpoint)) == 6 {
-webkit-font-smoothing: if($smoothing, $smoothing, nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 6));
@if ($smoothing == false) {
$smoothing: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 6);
}
@if ($smoothing == 'antialiased') {
-moz-osx-font-smoothing: grayscale;
}
@else {
-moz-osx-font-smoothing: if($smoothing, $smoothing, auto);
}
}
line-height: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 3);
letter-spacing: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 4);
}
@else if (map-fetch($coreConfig, $variant $type $level $breakpoint)) {
@media screen and (min-width: map-fetch($theme-breakpoints, $breakpoint)) {
font-size: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 2);
line-height: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 3);
letter-spacing: nth(map-fetch($coreConfig, $variant $type $level $breakpoint), 4);
}
}
}
}
////
$typeWeight: (thin: 200, normal: 400, bold: 700);
$typeFontStyle: (normal: normal, italic: italic);
@each $typeStyle, $typeStyleValue in $theme-core {
@if $typeStyle != breakpoints {
@each $typeLevel, $levelValue in $typeStyleValue {
&.#{$typeStyle}-#{$typeLevel} {
@include coretype($typeStyle, $typeLevel, gkl);
}
@each $typeFontWeight, $typeWeightValue in $typeWeight {
&.#{$typeStyle}-#{$typeLevel}--#{$typeFontWeight} {
@include coretype($typeStyle, $typeLevel, gkl, $typeWeightValue);
}
}
@each $typeFStyle, $typeFontStyleValue in $typeFontStyle {
&.#{$typeStyle}-#{$typeLevel}--#{$typeFStyle} {
@include coretype($typeStyle, $typeLevel, gkl, 400, $typeFontStyleValue);
}
}
@each $typeFontWeight, $typeWeightValue in $typeWeight {
@each $typeFStyle, $typeFontStyleValue in $typeFontStyle {
@if $typeFStyle == italic {
&.#{$typeStyle}-#{$typeLevel}--#{$typeFontWeight}--#{$typeFStyle} {
@include coretype($typeStyle, $typeLevel, gkl, $typeWeightValue, $typeFontStyleValue);
}
}
}
}
}
}
}
.headline-1 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 50px;
font-weight: 400;
line-height: 68px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-1 {
font-size: 80px;
line-height: 90px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-1 {
font-size: 130px;
line-height: 140px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-1 {
font-size: 180px;
line-height: 190px;
letter-spacing: 1px; } }
.headline-1--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 50px;
font-weight: 200;
line-height: 68px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-1--thin {
font-size: 80px;
line-height: 90px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-1--thin {
font-size: 130px;
line-height: 140px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-1--thin {
font-size: 180px;
line-height: 190px;
letter-spacing: 1px; } }
.headline-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 50px;
font-weight: 400;
line-height: 68px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-1--normal {
font-size: 80px;
line-height: 90px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-1--normal {
font-size: 130px;
line-height: 140px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-1--normal {
font-size: 180px;
line-height: 190px;
letter-spacing: 1px; } }
.headline-1--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 50px;
font-weight: 700;
line-height: 68px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-1--bold {
font-size: 80px;
line-height: 90px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-1--bold {
font-size: 130px;
line-height: 140px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-1--bold {
font-size: 180px;
line-height: 190px;
letter-spacing: 1px; } }
.headline-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 50px;
font-weight: 400;
font-style: normal;
line-height: 68px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-1--normal {
font-size: 80px;
line-height: 90px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-1--normal {
font-size: 130px;
line-height: 140px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-1--normal {
font-size: 180px;
line-height: 190px;
letter-spacing: 1px; } }
.headline-1--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 50px;
font-weight: 400;
font-style: italic;
line-height: 68px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-1--italic {
font-size: 80px;
line-height: 90px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-1--italic {
font-size: 130px;
line-height: 140px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-1--italic {
font-size: 180px;
line-height: 190px;
letter-spacing: 1px; } }
.headline-1--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 50px;
font-weight: 200;
font-style: italic;
line-height: 68px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-1--thin--italic {
font-size: 80px;
line-height: 90px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-1--thin--italic {
font-size: 130px;
line-height: 140px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-1--thin--italic {
font-size: 180px;
line-height: 190px;
letter-spacing: 1px; } }
.headline-1--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 50px;
font-weight: 400;
font-style: italic;
line-height: 68px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-1--normal--italic {
font-size: 80px;
line-height: 90px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-1--normal--italic {
font-size: 130px;
line-height: 140px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-1--normal--italic {
font-size: 180px;
line-height: 190px;
letter-spacing: 1px; } }
.headline-1--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 50px;
font-weight: 700;
font-style: italic;
line-height: 68px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-1--bold--italic {
font-size: 80px;
line-height: 90px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-1--bold--italic {
font-size: 130px;
line-height: 140px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-1--bold--italic {
font-size: 180px;
line-height: 190px;
letter-spacing: 1px; } }
.headline-2 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 40px;
font-weight: 400;
line-height: 47px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-2 {
font-size: 56px;
line-height: 68px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-2 {
font-size: 76px;
line-height: 88px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-2 {
font-size: 100px;
line-height: 112px;
letter-spacing: 1px; } }
.headline-2--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 40px;
font-weight: 200;
line-height: 47px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-2--thin {
font-size: 56px;
line-height: 68px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-2--thin {
font-size: 76px;
line-height: 88px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-2--thin {
font-size: 100px;
line-height: 112px;
letter-spacing: 1px; } }
.headline-2--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 40px;
font-weight: 400;
line-height: 47px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-2--normal {
font-size: 56px;
line-height: 68px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-2--normal {
font-size: 76px;
line-height: 88px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-2--normal {
font-size: 100px;
line-height: 112px;
letter-spacing: 1px; } }
.headline-2--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 40px;
font-weight: 700;
line-height: 47px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-2--bold {
font-size: 56px;
line-height: 68px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-2--bold {
font-size: 76px;
line-height: 88px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-2--bold {
font-size: 100px;
line-height: 112px;
letter-spacing: 1px; } }
.headline-2--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 40px;
font-weight: 400;
font-style: normal;
line-height: 47px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-2--normal {
font-size: 56px;
line-height: 68px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-2--normal {
font-size: 76px;
line-height: 88px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-2--normal {
font-size: 100px;
line-height: 112px;
letter-spacing: 1px; } }
.headline-2--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 40px;
font-weight: 400;
font-style: italic;
line-height: 47px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-2--italic {
font-size: 56px;
line-height: 68px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-2--italic {
font-size: 76px;
line-height: 88px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-2--italic {
font-size: 100px;
line-height: 112px;
letter-spacing: 1px; } }
.headline-2--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 40px;
font-weight: 200;
font-style: italic;
line-height: 47px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-2--thin--italic {
font-size: 56px;
line-height: 68px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-2--thin--italic {
font-size: 76px;
line-height: 88px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-2--thin--italic {
font-size: 100px;
line-height: 112px;
letter-spacing: 1px; } }
.headline-2--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 40px;
font-weight: 400;
font-style: italic;
line-height: 47px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-2--normal--italic {
font-size: 56px;
line-height: 68px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-2--normal--italic {
font-size: 76px;
line-height: 88px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-2--normal--italic {
font-size: 100px;
line-height: 112px;
letter-spacing: 1px; } }
.headline-2--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 40px;
font-weight: 700;
font-style: italic;
line-height: 47px;
letter-spacing: 1px; }
@media screen and (min-width: 768px) {
.headline-2--bold--italic {
font-size: 56px;
line-height: 68px;
letter-spacing: 1px; } }
@media screen and (min-width: 1280px) {
.headline-2--bold--italic {
font-size: 76px;
line-height: 88px;
letter-spacing: 1px; } }
@media screen and (min-width: 2000px) {
.headline-2--bold--italic {
font-size: 100px;
line-height: 112px;
letter-spacing: 1px; } }
.headline-3 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 32px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0; }
@media screen and (min-width: 768px) {
.headline-3 {
font-size: 42px;
line-height: 50px;
letter-spacing: 0; } }
@media screen and (min-width: 1280px) {
.headline-3 {
font-size: 56px;
line-height: 68px;
letter-spacing: 0; } }
@media screen and (min-width: 2000px) {
.headline-3 {
font-size: 76px;
line-height: 91px;
letter-spacing: 0; } }
.headline-3--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 32px;
font-weight: 200;
line-height: 38px;
letter-spacing: 0; }
@media screen and (min-width: 768px) {
.headline-3--thin {
font-size: 42px;
line-height: 50px;
letter-spacing: 0; } }
@media screen and (min-width: 1280px) {
.headline-3--thin {
font-size: 56px;
line-height: 68px;
letter-spacing: 0; } }
@media screen and (min-width: 2000px) {
.headline-3--thin {
font-size: 76px;
line-height: 91px;
letter-spacing: 0; } }
.headline-3--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 32px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0; }
@media screen and (min-width: 768px) {
.headline-3--normal {
font-size: 42px;
line-height: 50px;
letter-spacing: 0; } }
@media screen and (min-width: 1280px) {
.headline-3--normal {
font-size: 56px;
line-height: 68px;
letter-spacing: 0; } }
@media screen and (min-width: 2000px) {
.headline-3--normal {
font-size: 76px;
line-height: 91px;
letter-spacing: 0; } }
.headline-3--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 32px;
font-weight: 700;
line-height: 38px;
letter-spacing: 0; }
@media screen and (min-width: 768px) {
.headline-3--bold {
font-size: 42px;
line-height: 50px;
letter-spacing: 0; } }
@media screen and (min-width: 1280px) {
.headline-3--bold {
font-size: 56px;
line-height: 68px;
letter-spacing: 0; } }
@media screen and (min-width: 2000px) {
.headline-3--bold {
font-size: 76px;
line-height: 91px;
letter-spacing: 0; } }
.headline-3--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 32px;
font-weight: 400;
font-style: normal;
line-height: 38px;
letter-spacing: 0; }
@media screen and (min-width: 768px) {
.headline-3--normal {
font-size: 42px;
line-height: 50px;
letter-spacing: 0; } }
@media screen and (min-width: 1280px) {
.headline-3--normal {
font-size: 56px;
line-height: 68px;
letter-spacing: 0; } }
@media screen and (min-width: 2000px) {
.headline-3--normal {
font-size: 76px;
line-height: 91px;
letter-spacing: 0; } }
.headline-3--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 32px;
font-weight: 400;
font-style: italic;
line-height: 38px;
letter-spacing: 0; }
@media screen and (min-width: 768px) {
.headline-3--italic {
font-size: 42px;
line-height: 50px;
letter-spacing: 0; } }
@media screen and (min-width: 1280px) {
.headline-3--italic {
font-size: 56px;
line-height: 68px;
letter-spacing: 0; } }
@media screen and (min-width: 2000px) {
.headline-3--italic {
font-size: 76px;
line-height: 91px;
letter-spacing: 0; } }
.headline-3--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 32px;
font-weight: 200;
font-style: italic;
line-height: 38px;
letter-spacing: 0; }
@media screen and (min-width: 768px) {
.headline-3--thin--italic {
font-size: 42px;
line-height: 50px;
letter-spacing: 0; } }
@media screen and (min-width: 1280px) {
.headline-3--thin--italic {
font-size: 56px;
line-height: 68px;
letter-spacing: 0; } }
@media screen and (min-width: 2000px) {
.headline-3--thin--italic {
font-size: 76px;
line-height: 91px;
letter-spacing: 0; } }
.headline-3--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 32px;
font-weight: 400;
font-style: italic;
line-height: 38px;
letter-spacing: 0; }
@media screen and (min-width: 768px) {
.headline-3--normal--italic {
font-size: 42px;
line-height: 50px;
letter-spacing: 0; } }
@media screen and (min-width: 1280px) {
.headline-3--normal--italic {
font-size: 56px;
line-height: 68px;
letter-spacing: 0; } }
@media screen and (min-width: 2000px) {
.headline-3--normal--italic {
font-size: 76px;
line-height: 91px;
letter-spacing: 0; } }
.headline-3--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 32px;
font-weight: 700;
font-style: italic;
line-height: 38px;
letter-spacing: 0; }
@media screen and (min-width: 768px) {
.headline-3--bold--italic {
font-size: 42px;
line-height: 50px;
letter-spacing: 0; } }
@media screen and (min-width: 1280px) {
.headline-3--bold--italic {
font-size: 56px;
line-height: 68px;
letter-spacing: 0; } }
@media screen and (min-width: 2000px) {
.headline-3--bold--italic {
font-size: 76px;
line-height: 91px;
letter-spacing: 0; } }
.headline-4 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 24px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 30px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-4 {
font-size: 30px;
line-height: 38px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-4 {
font-size: 39px;
line-height: 48px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-4 {
font-size: 54px;
line-height: 65px;
letter-spacing: -0.1px; } }
.headline-4--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 24px;
font-weight: 200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 30px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-4--thin {
font-size: 30px;
line-height: 38px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-4--thin {
font-size: 39px;
line-height: 48px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-4--thin {
font-size: 54px;
line-height: 65px;
letter-spacing: -0.1px; } }
.headline-4--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 24px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 30px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-4--normal {
font-size: 30px;
line-height: 38px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-4--normal {
font-size: 39px;
line-height: 48px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-4--normal {
font-size: 54px;
line-height: 65px;
letter-spacing: -0.1px; } }
.headline-4--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 24px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 30px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-4--bold {
font-size: 30px;
line-height: 38px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-4--bold {
font-size: 39px;
line-height: 48px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-4--bold {
font-size: 54px;
line-height: 65px;
letter-spacing: -0.1px; } }
.headline-4--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 24px;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 30px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-4--normal {
font-size: 30px;
line-height: 38px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-4--normal {
font-size: 39px;
line-height: 48px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-4--normal {
font-size: 54px;
line-height: 65px;
letter-spacing: -0.1px; } }
.headline-4--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 24px;
font-weight: 400;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 30px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-4--italic {
font-size: 30px;
line-height: 38px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-4--italic {
font-size: 39px;
line-height: 48px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-4--italic {
font-size: 54px;
line-height: 65px;
letter-spacing: -0.1px; } }
.headline-4--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 24px;
font-weight: 200;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 30px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-4--thin--italic {
font-size: 30px;
line-height: 38px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-4--thin--italic {
font-size: 39px;
line-height: 48px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-4--thin--italic {
font-size: 54px;
line-height: 65px;
letter-spacing: -0.1px; } }
.headline-4--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 24px;
font-weight: 400;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 30px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-4--normal--italic {
font-size: 30px;
line-height: 38px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-4--normal--italic {
font-size: 39px;
line-height: 48px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-4--normal--italic {
font-size: 54px;
line-height: 65px;
letter-spacing: -0.1px; } }
.headline-4--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 24px;
font-weight: 700;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 30px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-4--bold--italic {
font-size: 30px;
line-height: 38px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-4--bold--italic {
font-size: 39px;
line-height: 48px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-4--bold--italic {
font-size: 54px;
line-height: 65px;
letter-spacing: -0.1px; } }
.headline-5 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 26px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-5 {
font-size: 23px;
line-height: 31px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-5 {
font-size: 28px;
line-height: 37px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-5 {
font-size: 38px;
line-height: 48px;
letter-spacing: -0.1px; } }
.headline-5--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 26px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-5--thin {
font-size: 23px;
line-height: 31px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-5--thin {
font-size: 28px;
line-height: 37px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-5--thin {
font-size: 38px;
line-height: 48px;
letter-spacing: -0.1px; } }
.headline-5--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 26px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-5--normal {
font-size: 23px;
line-height: 31px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-5--normal {
font-size: 28px;
line-height: 37px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-5--normal {
font-size: 38px;
line-height: 48px;
letter-spacing: -0.1px; } }
.headline-5--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 26px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-5--bold {
font-size: 23px;
line-height: 31px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-5--bold {
font-size: 28px;
line-height: 37px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-5--bold {
font-size: 38px;
line-height: 48px;
letter-spacing: -0.1px; } }
.headline-5--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 26px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-5--normal {
font-size: 23px;
line-height: 31px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-5--normal {
font-size: 28px;
line-height: 37px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-5--normal {
font-size: 38px;
line-height: 48px;
letter-spacing: -0.1px; } }
.headline-5--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 400;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 26px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-5--italic {
font-size: 23px;
line-height: 31px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-5--italic {
font-size: 28px;
line-height: 37px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-5--italic {
font-size: 38px;
line-height: 48px;
letter-spacing: -0.1px; } }
.headline-5--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 200;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 26px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-5--thin--italic {
font-size: 23px;
line-height: 31px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-5--thin--italic {
font-size: 28px;
line-height: 37px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-5--thin--italic {
font-size: 38px;
line-height: 48px;
letter-spacing: -0.1px; } }
.headline-5--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 400;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 26px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-5--normal--italic {
font-size: 23px;
line-height: 31px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-5--normal--italic {
font-size: 28px;
line-height: 37px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-5--normal--italic {
font-size: 38px;
line-height: 48px;
letter-spacing: -0.1px; } }
.headline-5--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 700;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 26px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-5--bold--italic {
font-size: 23px;
line-height: 31px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-5--bold--italic {
font-size: 28px;
line-height: 37px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-5--bold--italic {
font-size: 38px;
line-height: 48px;
letter-spacing: -0.1px; } }
.headline-6 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-6 {
font-size: 18px;
line-height: 22px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-6 {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-6 {
font-size: 24px;
line-height: 29px;
letter-spacing: -0.1px; } }
.headline-6--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-6--thin {
font-size: 18px;
line-height: 22px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-6--thin {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-6--thin {
font-size: 24px;
line-height: 29px;
letter-spacing: -0.1px; } }
.headline-6--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-6--normal {
font-size: 18px;
line-height: 22px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-6--normal {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-6--normal {
font-size: 24px;
line-height: 29px;
letter-spacing: -0.1px; } }
.headline-6--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-6--bold {
font-size: 18px;
line-height: 22px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-6--bold {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-6--bold {
font-size: 24px;
line-height: 29px;
letter-spacing: -0.1px; } }
.headline-6--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-6--normal {
font-size: 18px;
line-height: 22px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-6--normal {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-6--normal {
font-size: 24px;
line-height: 29px;
letter-spacing: -0.1px; } }
.headline-6--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 400;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-6--italic {
font-size: 18px;
line-height: 22px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-6--italic {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-6--italic {
font-size: 24px;
line-height: 29px;
letter-spacing: -0.1px; } }
.headline-6--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 200;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-6--thin--italic {
font-size: 18px;
line-height: 22px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-6--thin--italic {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-6--thin--italic {
font-size: 24px;
line-height: 29px;
letter-spacing: -0.1px; } }
.headline-6--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 400;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-6--normal--italic {
font-size: 18px;
line-height: 22px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-6--normal--italic {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-6--normal--italic {
font-size: 24px;
line-height: 29px;
letter-spacing: -0.1px; } }
.headline-6--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 20px;
font-weight: 700;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
letter-spacing: -0.1px; }
@media screen and (min-width: 768px) {
.headline-6--bold--italic {
font-size: 18px;
line-height: 22px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 1280px) {
.headline-6--bold--italic {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.1px; } }
@media screen and (min-width: 2000px) {
.headline-6--bold--italic {
font-size: 24px;
line-height: 29px;
letter-spacing: -0.1px; } }
.content-1 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0.4px; }
@media screen and (min-width: 768px) {
.content-1 {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 1280px) {
.content-1 {
font-size: 20px;
line-height: 31px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 2000px) {
.content-1 {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.4px; } }
.content-1--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 200;
line-height: 25px;
letter-spacing: 0.4px; }
@media screen and (min-width: 768px) {
.content-1--thin {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 1280px) {
.content-1--thin {
font-size: 20px;
line-height: 31px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 2000px) {
.content-1--thin {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.4px; } }
.content-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0.4px; }
@media screen and (min-width: 768px) {
.content-1--normal {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 1280px) {
.content-1--normal {
font-size: 20px;
line-height: 31px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 2000px) {
.content-1--normal {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.4px; } }
.content-1--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 700;
line-height: 25px;
letter-spacing: 0.4px; }
@media screen and (min-width: 768px) {
.content-1--bold {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 1280px) {
.content-1--bold {
font-size: 20px;
line-height: 31px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 2000px) {
.content-1--bold {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.4px; } }
.content-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 25px;
letter-spacing: 0.4px; }
@media screen and (min-width: 768px) {
.content-1--normal {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 1280px) {
.content-1--normal {
font-size: 20px;
line-height: 31px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 2000px) {
.content-1--normal {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.4px; } }
.content-1--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
line-height: 25px;
letter-spacing: 0.4px; }
@media screen and (min-width: 768px) {
.content-1--italic {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 1280px) {
.content-1--italic {
font-size: 20px;
line-height: 31px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 2000px) {
.content-1--italic {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.4px; } }
.content-1--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 200;
font-style: italic;
line-height: 25px;
letter-spacing: 0.4px; }
@media screen and (min-width: 768px) {
.content-1--thin--italic {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 1280px) {
.content-1--thin--italic {
font-size: 20px;
line-height: 31px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 2000px) {
.content-1--thin--italic {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.4px; } }
.content-1--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
line-height: 25px;
letter-spacing: 0.4px; }
@media screen and (min-width: 768px) {
.content-1--normal--italic {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 1280px) {
.content-1--normal--italic {
font-size: 20px;
line-height: 31px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 2000px) {
.content-1--normal--italic {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.4px; } }
.content-1--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 700;
font-style: italic;
line-height: 25px;
letter-spacing: 0.4px; }
@media screen and (min-width: 768px) {
.content-1--bold--italic {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 1280px) {
.content-1--bold--italic {
font-size: 20px;
line-height: 31px;
letter-spacing: 0.4px; } }
@media screen and (min-width: 2000px) {
.content-1--bold--italic {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.4px; } }
.content-2 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-2 {
font-size: 15px;
line-height: 24px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.content-2 {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-2 {
font-size: 19px;
line-height: 30px;
letter-spacing: 0.5px; } }
.content-2--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 200;
line-height: 21px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-2--thin {
font-size: 15px;
line-height: 24px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.content-2--thin {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-2--thin {
font-size: 19px;
line-height: 30px;
letter-spacing: 0.5px; } }
.content-2--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-2--normal {
font-size: 15px;
line-height: 24px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.content-2--normal {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-2--normal {
font-size: 19px;
line-height: 30px;
letter-spacing: 0.5px; } }
.content-2--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-2--bold {
font-size: 15px;
line-height: 24px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.content-2--bold {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-2--bold {
font-size: 19px;
line-height: 30px;
letter-spacing: 0.5px; } }
.content-2--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 21px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-2--normal {
font-size: 15px;
line-height: 24px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.content-2--normal {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-2--normal {
font-size: 19px;
line-height: 30px;
letter-spacing: 0.5px; } }
.content-2--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 400;
font-style: italic;
line-height: 21px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-2--italic {
font-size: 15px;
line-height: 24px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.content-2--italic {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-2--italic {
font-size: 19px;
line-height: 30px;
letter-spacing: 0.5px; } }
.content-2--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 200;
font-style: italic;
line-height: 21px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-2--thin--italic {
font-size: 15px;
line-height: 24px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.content-2--thin--italic {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-2--thin--italic {
font-size: 19px;
line-height: 30px;
letter-spacing: 0.5px; } }
.content-2--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 400;
font-style: italic;
line-height: 21px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-2--normal--italic {
font-size: 15px;
line-height: 24px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.content-2--normal--italic {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-2--normal--italic {
font-size: 19px;
line-height: 30px;
letter-spacing: 0.5px; } }
.content-2--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 700;
font-style: italic;
line-height: 21px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-2--bold--italic {
font-size: 15px;
line-height: 24px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.content-2--bold--italic {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-2--bold--italic {
font-size: 19px;
line-height: 30px;
letter-spacing: 0.5px; } }
.content-3 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-3 {
font-size: 13px;
line-height: 20px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-3 {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px; } }
.content-3--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 200;
line-height: 18px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-3--thin {
font-size: 13px;
line-height: 20px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-3--thin {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px; } }
.content-3--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-3--normal {
font-size: 13px;
line-height: 20px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-3--normal {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px; } }
.content-3--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-3--bold {
font-size: 13px;
line-height: 20px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-3--bold {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px; } }
.content-3--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 400;
font-style: normal;
line-height: 18px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-3--normal {
font-size: 13px;
line-height: 20px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-3--normal {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px; } }
.content-3--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 400;
font-style: italic;
line-height: 18px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-3--italic {
font-size: 13px;
line-height: 20px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-3--italic {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px; } }
.content-3--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 200;
font-style: italic;
line-height: 18px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-3--thin--italic {
font-size: 13px;
line-height: 20px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-3--thin--italic {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px; } }
.content-3--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 400;
font-style: italic;
line-height: 18px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-3--normal--italic {
font-size: 13px;
line-height: 20px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-3--normal--italic {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px; } }
.content-3--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 700;
font-style: italic;
line-height: 18px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.content-3--bold--italic {
font-size: 13px;
line-height: 20px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.content-3--bold--italic {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px; } }
.label-1 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-1 {
font-size: 15px;
line-height: 18px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.label-1 {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-1 {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.25px; } }
.label-1--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 200;
line-height: 17px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-1--thin {
font-size: 15px;
line-height: 18px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.label-1--thin {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-1--thin {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.25px; } }
.label-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-1--normal {
font-size: 15px;
line-height: 18px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.label-1--normal {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-1--normal {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.25px; } }
.label-1--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 700;
line-height: 17px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-1--bold {
font-size: 15px;
line-height: 18px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.label-1--bold {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-1--bold {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.25px; } }
.label-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 17px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-1--normal {
font-size: 15px;
line-height: 18px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.label-1--normal {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-1--normal {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.25px; } }
.label-1--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 400;
font-style: italic;
line-height: 17px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-1--italic {
font-size: 15px;
line-height: 18px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.label-1--italic {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-1--italic {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.25px; } }
.label-1--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 200;
font-style: italic;
line-height: 17px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-1--thin--italic {
font-size: 15px;
line-height: 18px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.label-1--thin--italic {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-1--thin--italic {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.25px; } }
.label-1--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 400;
font-style: italic;
line-height: 17px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-1--normal--italic {
font-size: 15px;
line-height: 18px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.label-1--normal--italic {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-1--normal--italic {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.25px; } }
.label-1--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 14px;
font-weight: 700;
font-style: italic;
line-height: 17px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-1--bold--italic {
font-size: 15px;
line-height: 18px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.label-1--bold--italic {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-1--bold--italic {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.25px; } }
.label-2 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-2 {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-2 {
font-size: 14px;
line-height: 17px;
letter-spacing: 0.25px; } }
.label-2--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 200;
line-height: 16px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-2--thin {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-2--thin {
font-size: 14px;
line-height: 17px;
letter-spacing: 0.25px; } }
.label-2--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-2--normal {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-2--normal {
font-size: 14px;
line-height: 17px;
letter-spacing: 0.25px; } }
.label-2--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-2--bold {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-2--bold {
font-size: 14px;
line-height: 17px;
letter-spacing: 0.25px; } }
.label-2--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 400;
font-style: normal;
line-height: 16px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-2--normal {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-2--normal {
font-size: 14px;
line-height: 17px;
letter-spacing: 0.25px; } }
.label-2--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 400;
font-style: italic;
line-height: 16px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-2--italic {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-2--italic {
font-size: 14px;
line-height: 17px;
letter-spacing: 0.25px; } }
.label-2--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 200;
font-style: italic;
line-height: 16px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-2--thin--italic {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-2--thin--italic {
font-size: 14px;
line-height: 17px;
letter-spacing: 0.25px; } }
.label-2--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 400;
font-style: italic;
line-height: 16px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-2--normal--italic {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-2--normal--italic {
font-size: 14px;
line-height: 17px;
letter-spacing: 0.25px; } }
.label-2--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 12px;
font-weight: 700;
font-style: italic;
line-height: 16px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.label-2--bold--italic {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.label-2--bold--italic {
font-size: 14px;
line-height: 17px;
letter-spacing: 0.25px; } }
.label-3 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0.25px; }
@media screen and (min-width: 2000px) {
.label-3 {
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px; } }
.label-3--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 200;
line-height: 13px;
letter-spacing: 0.25px; }
@media screen and (min-width: 2000px) {
.label-3--thin {
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px; } }
.label-3--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0.25px; }
@media screen and (min-width: 2000px) {
.label-3--normal {
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px; } }
.label-3--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 700;
line-height: 13px;
letter-spacing: 0.25px; }
@media screen and (min-width: 2000px) {
.label-3--bold {
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px; } }
.label-3--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
line-height: 13px;
letter-spacing: 0.25px; }
@media screen and (min-width: 2000px) {
.label-3--normal {
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px; } }
.label-3--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 400;
font-style: italic;
line-height: 13px;
letter-spacing: 0.25px; }
@media screen and (min-width: 2000px) {
.label-3--italic {
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px; } }
.label-3--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 200;
font-style: italic;
line-height: 13px;
letter-spacing: 0.25px; }
@media screen and (min-width: 2000px) {
.label-3--thin--italic {
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px; } }
.label-3--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 400;
font-style: italic;
line-height: 13px;
letter-spacing: 0.25px; }
@media screen and (min-width: 2000px) {
.label-3--normal--italic {
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px; } }
.label-3--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 700;
font-style: italic;
line-height: 13px;
letter-spacing: 0.25px; }
@media screen and (min-width: 2000px) {
.label-3--bold--italic {
font-size: 12px;
line-height: 14px;
letter-spacing: 0.25px; } }
.eyebrow-1 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 400;
line-height: 13px;
letter-spacing: 2.75px; }
@media screen and (min-width: 1280px) {
.eyebrow-1 {
font-size: 12px;
line-height: 15px;
letter-spacing: 2.75px; } }
@media screen and (min-width: 2000px) {
.eyebrow-1 {
font-size: 13px;
line-height: 15px;
letter-spacing: 2.75px; } }
.eyebrow-1--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 200;
line-height: 13px;
letter-spacing: 2.75px; }
@media screen and (min-width: 1280px) {
.eyebrow-1--thin {
font-size: 12px;
line-height: 15px;
letter-spacing: 2.75px; } }
@media screen and (min-width: 2000px) {
.eyebrow-1--thin {
font-size: 13px;
line-height: 15px;
letter-spacing: 2.75px; } }
.eyebrow-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 400;
line-height: 13px;
letter-spacing: 2.75px; }
@media screen and (min-width: 1280px) {
.eyebrow-1--normal {
font-size: 12px;
line-height: 15px;
letter-spacing: 2.75px; } }
@media screen and (min-width: 2000px) {
.eyebrow-1--normal {
font-size: 13px;
line-height: 15px;
letter-spacing: 2.75px; } }
.eyebrow-1--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 700;
line-height: 13px;
letter-spacing: 2.75px; }
@media screen and (min-width: 1280px) {
.eyebrow-1--bold {
font-size: 12px;
line-height: 15px;
letter-spacing: 2.75px; } }
@media screen and (min-width: 2000px) {
.eyebrow-1--bold {
font-size: 13px;
line-height: 15px;
letter-spacing: 2.75px; } }
.eyebrow-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
line-height: 13px;
letter-spacing: 2.75px; }
@media screen and (min-width: 1280px) {
.eyebrow-1--normal {
font-size: 12px;
line-height: 15px;
letter-spacing: 2.75px; } }
@media screen and (min-width: 2000px) {
.eyebrow-1--normal {
font-size: 13px;
line-height: 15px;
letter-spacing: 2.75px; } }
.eyebrow-1--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 400;
font-style: italic;
line-height: 13px;
letter-spacing: 2.75px; }
@media screen and (min-width: 1280px) {
.eyebrow-1--italic {
font-size: 12px;
line-height: 15px;
letter-spacing: 2.75px; } }
@media screen and (min-width: 2000px) {
.eyebrow-1--italic {
font-size: 13px;
line-height: 15px;
letter-spacing: 2.75px; } }
.eyebrow-1--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 200;
font-style: italic;
line-height: 13px;
letter-spacing: 2.75px; }
@media screen and (min-width: 1280px) {
.eyebrow-1--thin--italic {
font-size: 12px;
line-height: 15px;
letter-spacing: 2.75px; } }
@media screen and (min-width: 2000px) {
.eyebrow-1--thin--italic {
font-size: 13px;
line-height: 15px;
letter-spacing: 2.75px; } }
.eyebrow-1--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 400;
font-style: italic;
line-height: 13px;
letter-spacing: 2.75px; }
@media screen and (min-width: 1280px) {
.eyebrow-1--normal--italic {
font-size: 12px;
line-height: 15px;
letter-spacing: 2.75px; } }
@media screen and (min-width: 2000px) {
.eyebrow-1--normal--italic {
font-size: 13px;
line-height: 15px;
letter-spacing: 2.75px; } }
.eyebrow-1--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 11px;
font-weight: 700;
font-style: italic;
line-height: 13px;
letter-spacing: 2.75px; }
@media screen and (min-width: 1280px) {
.eyebrow-1--bold--italic {
font-size: 12px;
line-height: 15px;
letter-spacing: 2.75px; } }
@media screen and (min-width: 2000px) {
.eyebrow-1--bold--italic {
font-size: 13px;
line-height: 15px;
letter-spacing: 2.75px; } }
.eyebrow-2 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 10px;
font-weight: 400;
line-height: 13px;
letter-spacing: 2px; }
@media screen and (min-width: 2000px) {
.eyebrow-2 {
font-size: 10px;
line-height: 14px;
letter-spacing: 2px; } }
.eyebrow-2--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 10px;
font-weight: 200;
line-height: 13px;
letter-spacing: 2px; }
@media screen and (min-width: 2000px) {
.eyebrow-2--thin {
font-size: 10px;
line-height: 14px;
letter-spacing: 2px; } }
.eyebrow-2--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 10px;
font-weight: 400;
line-height: 13px;
letter-spacing: 2px; }
@media screen and (min-width: 2000px) {
.eyebrow-2--normal {
font-size: 10px;
line-height: 14px;
letter-spacing: 2px; } }
.eyebrow-2--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 10px;
font-weight: 700;
line-height: 13px;
letter-spacing: 2px; }
@media screen and (min-width: 2000px) {
.eyebrow-2--bold {
font-size: 10px;
line-height: 14px;
letter-spacing: 2px; } }
.eyebrow-2--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 10px;
font-weight: 400;
font-style: normal;
line-height: 13px;
letter-spacing: 2px; }
@media screen and (min-width: 2000px) {
.eyebrow-2--normal {
font-size: 10px;
line-height: 14px;
letter-spacing: 2px; } }
.eyebrow-2--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 10px;
font-weight: 400;
font-style: italic;
line-height: 13px;
letter-spacing: 2px; }
@media screen and (min-width: 2000px) {
.eyebrow-2--italic {
font-size: 10px;
line-height: 14px;
letter-spacing: 2px; } }
.eyebrow-2--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 10px;
font-weight: 200;
font-style: italic;
line-height: 13px;
letter-spacing: 2px; }
@media screen and (min-width: 2000px) {
.eyebrow-2--thin--italic {
font-size: 10px;
line-height: 14px;
letter-spacing: 2px; } }
.eyebrow-2--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 10px;
font-weight: 400;
font-style: italic;
line-height: 13px;
letter-spacing: 2px; }
@media screen and (min-width: 2000px) {
.eyebrow-2--normal--italic {
font-size: 10px;
line-height: 14px;
letter-spacing: 2px; } }
.eyebrow-2--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 10px;
font-weight: 700;
font-style: italic;
line-height: 13px;
letter-spacing: 2px; }
@media screen and (min-width: 2000px) {
.eyebrow-2--bold--italic {
font-size: 10px;
line-height: 14px;
letter-spacing: 2px; } }
.eyebrow-3 {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 12px;
font-weight: 400;
-webkit-font-smoothing: italic;
-moz-osx-font-smoothing: italic;
line-height: 15px;
letter-spacing: 1.5px; }
@media screen and (min-width: 768px) {
.eyebrow-3 {
font-size: 13px;
line-height: 16px;
letter-spacing: 1.5px; } }
@media screen and (min-width: 2000px) {
.eyebrow-3 {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.5px; } }
.eyebrow-3--thin {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 12px;
font-weight: 200;
-webkit-font-smoothing: italic;
-moz-osx-font-smoothing: italic;
line-height: 15px;
letter-spacing: 1.5px; }
@media screen and (min-width: 768px) {
.eyebrow-3--thin {
font-size: 13px;
line-height: 16px;
letter-spacing: 1.5px; } }
@media screen and (min-width: 2000px) {
.eyebrow-3--thin {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.5px; } }
.eyebrow-3--normal {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 12px;
font-weight: 400;
-webkit-font-smoothing: italic;
-moz-osx-font-smoothing: italic;
line-height: 15px;
letter-spacing: 1.5px; }
@media screen and (min-width: 768px) {
.eyebrow-3--normal {
font-size: 13px;
line-height: 16px;
letter-spacing: 1.5px; } }
@media screen and (min-width: 2000px) {
.eyebrow-3--normal {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.5px; } }
.eyebrow-3--bold {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 12px;
font-weight: 700;
-webkit-font-smoothing: italic;
-moz-osx-font-smoothing: italic;
line-height: 15px;
letter-spacing: 1.5px; }
@media screen and (min-width: 768px) {
.eyebrow-3--bold {
font-size: 13px;
line-height: 16px;
letter-spacing: 1.5px; } }
@media screen and (min-width: 2000px) {
.eyebrow-3--bold {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.5px; } }
.eyebrow-3--normal {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 12px;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: italic;
-moz-osx-font-smoothing: italic;
line-height: 15px;
letter-spacing: 1.5px; }
@media screen and (min-width: 768px) {
.eyebrow-3--normal {
font-size: 13px;
line-height: 16px;
letter-spacing: 1.5px; } }
@media screen and (min-width: 2000px) {
.eyebrow-3--normal {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.5px; } }
.eyebrow-3--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 12px;
font-weight: 400;
font-style: italic;
-webkit-font-smoothing: italic;
-moz-osx-font-smoothing: italic;
line-height: 15px;
letter-spacing: 1.5px; }
@media screen and (min-width: 768px) {
.eyebrow-3--italic {
font-size: 13px;
line-height: 16px;
letter-spacing: 1.5px; } }
@media screen and (min-width: 2000px) {
.eyebrow-3--italic {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.5px; } }
.eyebrow-3--thin--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 12px;
font-weight: 200;
font-style: italic;
-webkit-font-smoothing: italic;
-moz-osx-font-smoothing: italic;
line-height: 15px;
letter-spacing: 1.5px; }
@media screen and (min-width: 768px) {
.eyebrow-3--thin--italic {
font-size: 13px;
line-height: 16px;
letter-spacing: 1.5px; } }
@media screen and (min-width: 2000px) {
.eyebrow-3--thin--italic {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.5px; } }
.eyebrow-3--normal--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 12px;
font-weight: 400;
font-style: italic;
-webkit-font-smoothing: italic;
-moz-osx-font-smoothing: italic;
line-height: 15px;
letter-spacing: 1.5px; }
@media screen and (min-width: 768px) {
.eyebrow-3--normal--italic {
font-size: 13px;
line-height: 16px;
letter-spacing: 1.5px; } }
@media screen and (min-width: 2000px) {
.eyebrow-3--normal--italic {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.5px; } }
.eyebrow-3--bold--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 12px;
font-weight: 700;
font-style: italic;
-webkit-font-smoothing: italic;
-moz-osx-font-smoothing: italic;
line-height: 15px;
letter-spacing: 1.5px; }
@media screen and (min-width: 768px) {
.eyebrow-3--bold--italic {
font-size: 13px;
line-height: 16px;
letter-spacing: 1.5px; } }
@media screen and (min-width: 2000px) {
.eyebrow-3--bold--italic {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.5px; } }
.quote-1 {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 32px;
font-weight: 400;
line-height: 41px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.quote-1 {
font-size: 42px;
line-height: 53px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.quote-1 {
font-size: 56px;
line-height: 70px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.quote-1 {
font-size: 76px;
line-height: 98px;
letter-spacing: 0.25px; } }
.quote-1--thin {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 32px;
font-weight: 200;
line-height: 41px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.quote-1--thin {
font-size: 42px;
line-height: 53px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.quote-1--thin {
font-size: 56px;
line-height: 70px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.quote-1--thin {
font-size: 76px;
line-height: 98px;
letter-spacing: 0.25px; } }
.quote-1--normal {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 32px;
font-weight: 400;
line-height: 41px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.quote-1--normal {
font-size: 42px;
line-height: 53px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.quote-1--normal {
font-size: 56px;
line-height: 70px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.quote-1--normal {
font-size: 76px;
line-height: 98px;
letter-spacing: 0.25px; } }
.quote-1--bold {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 32px;
font-weight: 700;
line-height: 41px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.quote-1--bold {
font-size: 42px;
line-height: 53px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.quote-1--bold {
font-size: 56px;
line-height: 70px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.quote-1--bold {
font-size: 76px;
line-height: 98px;
letter-spacing: 0.25px; } }
.quote-1--normal {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 32px;
font-weight: 400;
font-style: normal;
line-height: 41px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.quote-1--normal {
font-size: 42px;
line-height: 53px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.quote-1--normal {
font-size: 56px;
line-height: 70px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.quote-1--normal {
font-size: 76px;
line-height: 98px;
letter-spacing: 0.25px; } }
.quote-1--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 32px;
font-weight: 400;
font-style: italic;
line-height: 41px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.quote-1--italic {
font-size: 42px;
line-height: 53px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.quote-1--italic {
font-size: 56px;
line-height: 70px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.quote-1--italic {
font-size: 76px;
line-height: 98px;
letter-spacing: 0.25px; } }
.quote-1--thin--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 32px;
font-weight: 200;
font-style: italic;
line-height: 41px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.quote-1--thin--italic {
font-size: 42px;
line-height: 53px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.quote-1--thin--italic {
font-size: 56px;
line-height: 70px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.quote-1--thin--italic {
font-size: 76px;
line-height: 98px;
letter-spacing: 0.25px; } }
.quote-1--normal--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 32px;
font-weight: 400;
font-style: italic;
line-height: 41px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.quote-1--normal--italic {
font-size: 42px;
line-height: 53px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.quote-1--normal--italic {
font-size: 56px;
line-height: 70px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.quote-1--normal--italic {
font-size: 76px;
line-height: 98px;
letter-spacing: 0.25px; } }
.quote-1--bold--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 32px;
font-weight: 700;
font-style: italic;
line-height: 41px;
letter-spacing: 0.25px; }
@media screen and (min-width: 768px) {
.quote-1--bold--italic {
font-size: 42px;
line-height: 53px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 1280px) {
.quote-1--bold--italic {
font-size: 56px;
line-height: 70px;
letter-spacing: 0.25px; } }
@media screen and (min-width: 2000px) {
.quote-1--bold--italic {
font-size: 76px;
line-height: 98px;
letter-spacing: 0.25px; } }
.quote-2 {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 24px;
font-weight: 400;
line-height: 31px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-2 {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-2 {
font-size: 39px;
line-height: 53px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-2 {
font-size: 54px;
line-height: 73px;
letter-spacing: 0.5px; } }
.quote-2--thin {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 24px;
font-weight: 200;
line-height: 31px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-2--thin {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-2--thin {
font-size: 39px;
line-height: 53px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-2--thin {
font-size: 54px;
line-height: 73px;
letter-spacing: 0.5px; } }
.quote-2--normal {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 24px;
font-weight: 400;
line-height: 31px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-2--normal {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-2--normal {
font-size: 39px;
line-height: 53px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-2--normal {
font-size: 54px;
line-height: 73px;
letter-spacing: 0.5px; } }
.quote-2--bold {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 24px;
font-weight: 700;
line-height: 31px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-2--bold {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-2--bold {
font-size: 39px;
line-height: 53px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-2--bold {
font-size: 54px;
line-height: 73px;
letter-spacing: 0.5px; } }
.quote-2--normal {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 24px;
font-weight: 400;
font-style: normal;
line-height: 31px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-2--normal {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-2--normal {
font-size: 39px;
line-height: 53px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-2--normal {
font-size: 54px;
line-height: 73px;
letter-spacing: 0.5px; } }
.quote-2--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 24px;
font-weight: 400;
font-style: italic;
line-height: 31px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-2--italic {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-2--italic {
font-size: 39px;
line-height: 53px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-2--italic {
font-size: 54px;
line-height: 73px;
letter-spacing: 0.5px; } }
.quote-2--thin--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 24px;
font-weight: 200;
font-style: italic;
line-height: 31px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-2--thin--italic {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-2--thin--italic {
font-size: 39px;
line-height: 53px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-2--thin--italic {
font-size: 54px;
line-height: 73px;
letter-spacing: 0.5px; } }
.quote-2--normal--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 24px;
font-weight: 400;
font-style: italic;
line-height: 31px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-2--normal--italic {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-2--normal--italic {
font-size: 39px;
line-height: 53px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-2--normal--italic {
font-size: 54px;
line-height: 73px;
letter-spacing: 0.5px; } }
.quote-2--bold--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 24px;
font-weight: 700;
font-style: italic;
line-height: 31px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-2--bold--italic {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-2--bold--italic {
font-size: 39px;
line-height: 53px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-2--bold--italic {
font-size: 54px;
line-height: 73px;
letter-spacing: 0.5px; } }
.quote-3 {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 20px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-3 {
font-size: 23px;
line-height: 31px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-3 {
font-size: 28px;
line-height: 38px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-3 {
font-size: 38px;
line-height: 52px;
letter-spacing: 0.5px; } }
.quote-3--thin {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 20px;
font-weight: 200;
line-height: 26px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-3--thin {
font-size: 23px;
line-height: 31px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-3--thin {
font-size: 28px;
line-height: 38px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-3--thin {
font-size: 38px;
line-height: 52px;
letter-spacing: 0.5px; } }
.quote-3--normal {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 20px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-3--normal {
font-size: 23px;
line-height: 31px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-3--normal {
font-size: 28px;
line-height: 38px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-3--normal {
font-size: 38px;
line-height: 52px;
letter-spacing: 0.5px; } }
.quote-3--bold {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 20px;
font-weight: 700;
line-height: 26px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-3--bold {
font-size: 23px;
line-height: 31px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-3--bold {
font-size: 28px;
line-height: 38px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-3--bold {
font-size: 38px;
line-height: 52px;
letter-spacing: 0.5px; } }
.quote-3--normal {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 20px;
font-weight: 400;
font-style: normal;
line-height: 26px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-3--normal {
font-size: 23px;
line-height: 31px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-3--normal {
font-size: 28px;
line-height: 38px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-3--normal {
font-size: 38px;
line-height: 52px;
letter-spacing: 0.5px; } }
.quote-3--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 20px;
font-weight: 400;
font-style: italic;
line-height: 26px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-3--italic {
font-size: 23px;
line-height: 31px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-3--italic {
font-size: 28px;
line-height: 38px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-3--italic {
font-size: 38px;
line-height: 52px;
letter-spacing: 0.5px; } }
.quote-3--thin--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 20px;
font-weight: 200;
font-style: italic;
line-height: 26px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-3--thin--italic {
font-size: 23px;
line-height: 31px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-3--thin--italic {
font-size: 28px;
line-height: 38px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-3--thin--italic {
font-size: 38px;
line-height: 52px;
letter-spacing: 0.5px; } }
.quote-3--normal--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 20px;
font-weight: 400;
font-style: italic;
line-height: 26px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-3--normal--italic {
font-size: 23px;
line-height: 31px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-3--normal--italic {
font-size: 28px;
line-height: 38px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-3--normal--italic {
font-size: 38px;
line-height: 52px;
letter-spacing: 0.5px; } }
.quote-3--bold--italic {
font-family: "SangBleuKingdom", "Times", "Times New Roman", serif;
font-size: 20px;
font-weight: 700;
font-style: italic;
line-height: 26px;
letter-spacing: 0.5px; }
@media screen and (min-width: 768px) {
.quote-3--bold--italic {
font-size: 23px;
line-height: 31px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 1280px) {
.quote-3--bold--italic {
font-size: 28px;
line-height: 38px;
letter-spacing: 0.5px; } }
@media screen and (min-width: 2000px) {
.quote-3--bold--italic {
font-size: 38px;
line-height: 52px;
letter-spacing: 0.5px; } }
.cta-1 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 15px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.5px; }
.cta-1--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 15px;
font-weight: 200;
line-height: 20px;
letter-spacing: 0.5px; }
.cta-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 15px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.5px; }
.cta-1--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 15px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.5px; }
.cta-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
line-height: 20px;
letter-spacing: 0.5px; }
.cta-1--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 15px;
font-weight: 400;
font-style: italic;
line-height: 20px;
letter-spacing: 0.5px; }
.cta-1--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 15px;
font-weight: 200;
font-style: italic;
line-height: 20px;
letter-spacing: 0.5px; }
.cta-1--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 15px;
font-weight: 400;
font-style: italic;
line-height: 20px;
letter-spacing: 0.5px; }
.cta-1--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 15px;
font-weight: 700;
font-style: italic;
line-height: 20px;
letter-spacing: 0.5px; }
.cta-2 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 13px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.5px; }
.cta-2--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 13px;
font-weight: 200;
line-height: 16px;
letter-spacing: 0.5px; }
.cta-2--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 13px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.5px; }
.cta-2--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 13px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.5px; }
.cta-2--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 16px;
letter-spacing: 0.5px; }
.cta-2--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 13px;
font-weight: 400;
font-style: italic;
line-height: 16px;
letter-spacing: 0.5px; }
.cta-2--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 13px;
font-weight: 200;
font-style: italic;
line-height: 16px;
letter-spacing: 0.5px; }
.cta-2--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 13px;
font-weight: 400;
font-style: italic;
line-height: 16px;
letter-spacing: 0.5px; }
.cta-2--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 13px;
font-weight: 700;
font-style: italic;
line-height: 16px;
letter-spacing: 0.5px; }
.inputfield-1 {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.4px; }
@media screen and (min-width: 2000px) {
.inputfield-1 {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.4px; } }
.inputfield-1--thin {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 200;
line-height: 20px;
letter-spacing: 0.4px; }
@media screen and (min-width: 2000px) {
.inputfield-1--thin {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.4px; } }
.inputfield-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.4px; }
@media screen and (min-width: 2000px) {
.inputfield-1--normal {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.4px; } }
.inputfield-1--bold {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.4px; }
@media screen and (min-width: 2000px) {
.inputfield-1--bold {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.4px; } }
.inputfield-1--normal {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 20px;
letter-spacing: 0.4px; }
@media screen and (min-width: 2000px) {
.inputfield-1--normal {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.4px; } }
.inputfield-1--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
line-height: 20px;
letter-spacing: 0.4px; }
@media screen and (min-width: 2000px) {
.inputfield-1--italic {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.4px; } }
.inputfield-1--thin--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 200;
font-style: italic;
line-height: 20px;
letter-spacing: 0.4px; }
@media screen and (min-width: 2000px) {
.inputfield-1--thin--italic {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.4px; } }
.inputfield-1--normal--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
line-height: 20px;
letter-spacing: 0.4px; }
@media screen and (min-width: 2000px) {
.inputfield-1--normal--italic {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.4px; } }
.inputfield-1--bold--italic {
font-family: "BMWTypeNext", "Helvetica Neue", "-apple-system", "system-ui", "BlinkMacSystemFont", serif;
font-size: 16px;
font-weight: 700;
font-style: italic;
line-height: 20px;
letter-spacing: 0.4px; }
@media screen and (min-width: 2000px) {
.inputfield-1--bold--italic {
font-size: 19px;
line-height: 24px;
letter-spacing: 0.4px; } }
{
"sass": {
"compiler": "libsass/3.5.5",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment