/* OEM Font Embed */
@font-face {
font-family: "Lambo Sans";
src: url("https://charactertype.com/wp-content/uploads/2024/04/Lambotype-Variable.woff") format("woff2");
font-style: normal;
font-weight: 100 900;
/* variable range */
font-stretch: 0% 125%;
/* variable range */
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* OEM Font Embed */



/* OEM Font */
.acs-wrapper {
font-family: "Lambo Sans", sans-serif
}

/* OEM Font */



/* Heading Tags */
.acs-h1,
.acs-h2,
.acs-h3,
.acs-h4,
.acs-h5,
.acs-h6 {
font-family: "Lambo Sans", sans-serif;
font-style: normal;
text-transform: uppercase;
line-height: 1.2;
font-variation-settings: "wdth"0, "wght"700;
}

.acs-h1 {
font-size: 4rem;
}

.acs-h2 {
font-size: 3.25rem;
}

.acs-h3 {
font-size: 2.6rem;
}

.acs-h4 {
font-size: 2.2rem;
}

.acs-h5 {
font-size: 1.8rem;
}

.acs-h6 {
font-size: 1.5rem;
}

/* Larger than phablet */
@media (min-width: 575px) {
.acs-h1 {
font-size: 7.5rem !important;
}

.acs-h2 {
font-size: 6rem !important;
}

.acs-h3 {
font-size: 4.8rem !important;
}

.acs-h4 {
font-size: 3.8rem !important;
}

.acs-h5 {
font-size: 3rem !important;
}

.acs-h6 {
font-size: 2.4rem !important;
}
}

/* Heading Tags */



/* OEM Font Variables */
.acs-bold {
font-family: var(--bold-font);
font-weight: 700;
}

/* OEM Font Variables */


.acs-wrapper .acs-varfont {
font-variation-settings:
"wght"var(--wght),
"wdth"var(--wdth)
}


/* ===========================
WEIGHT (wght) – native longhand
=========================== */
.acs-wght-100 {
font-weight: 100;
}

.acs-wght-200 {
font-weight: 200;
}

.acs-wght-300 {
font-weight: 300;
}

.acs-wght-400 {
font-weight: 400;
}

.acs-wght-500 {
font-weight: 500;
}

.acs-wght-600 {
font-weight: 600;
}

.acs-wght-700 {
font-weight: 700;
}

.acs-wght-800 {
font-weight: 800;
}

.acs-wght-900 {
font-weight: 900;
}

/* ===== Width (wdth) — 0 to 100 (and beyond if your font allows) ===== */
/* 0 is the tightest (as you saw on the OEM site), 100 ~ normal */
.acs-wdth-0 {
font-variation-settings: "wdth"0;
}

.acs-wdth-5 {
font-variation-settings: "wdth"5;
}

.acs-wdth-10 {
font-variation-settings: "wdth"10;
}

.acs-wdth-15 {
font-variation-settings: "wdth"15;
}

.acs-wdth-20 {
font-variation-settings: "wdth"20;
}

.acs-wdth-25 {
font-variation-settings: "wdth"25;
}

.acs-wdth-30 {
font-variation-settings: "wdth"30;
}

.acs-wdth-35 {
font-variation-settings: "wdth"35;
}

.acs-wdth-40 {
font-variation-settings: "wdth"40;
}

.acs-wdth-45 {
font-variation-settings: "wdth"45;
}

.acs-wdth-50 {
font-variation-settings: "wdth"50;
}

.acs-wdth-55 {
font-variation-settings: "wdth"55;
}

.acs-wdth-60 {
font-variation-settings: "wdth"60;
}

.acs-wdth-65 {
font-variation-settings: "wdth"65;
}

.acs-wdth-70 {
font-variation-settings: "wdth"70;
}

.acs-wdth-75 {
font-variation-settings: "wdth"75;
}

.acs-wdth-80 {
font-variation-settings: "wdth"80;
}

.acs-wdth-85 {
font-variation-settings: "wdth"85;
}

.acs-wdth-90 {
font-variation-settings: "wdth"90;
}

.acs-wdth-95 {
font-variation-settings: "wdth"95;
}

.acs-wdth-100 {
font-variation-settings: "wdth"100;
}
/* normal */





/* Variables */
.acs-wrapper,
.acs-oem-brand {
--accent: #ffc000;
--accent2: #cc9a00;
--accent3: #917300;
--accent4: #997300;
--accent5: #665100;
--accent6: #423500;
--black: #000000;
--white: #ffffff;
--gray: #f5f5f5;
--gray2: #dcdcdc;
--gray3: #c4c4c4;
--gray4: #ababab;
--dark: #181818;
--dark2: #313131;
--dark3: #494949;
--dark4: #626262;
--bold-font: "Lambo Sans", sans-serif;
}

/* Variables */






/* Text Colors */
.acs-black {
color: var(--black)
}

.acs-white {
color: var(--white)
}

.acs-gray {
color: var(--gray)
}

.acs-gray2 {
color: var(--gray2)
}

.acs-gray3 {
color: var(--gray3)
}

.acs-gray4 {
color: var(--gray4)
}

.acs-dark {
color: var(--dark)
}

.acs-dark2 {
color: var(--dark2)
}

.acs-dark3 {
color: var(--dark3)
}

.acs-dark4 {
color: var(--dark4)
}

/* Text Colors */



/* Accent Colors */
.acs-accent {
color: var(--accent)
}

.acs-accent2 {
color: var(--accent2)
}

.acs-accent3 {
color: var(--accent3)
}

.acs-accent4 {
color: var(--accent4)
}

.acs-accent5 {
color: var(--accent5)
}

.acs-accent6 {
color: var(--accent6)
}

/* Accent Colors */



/* BG Colors */
.acs-bg-accent {
--acs-bg-opacity: 1;
background-color: var(--accent);
background-color: rgba(255, 192, 0, var(--acs-bg-opacity))
}

.acs-bg-accent2 {
--acs-bg-opacity: 1;
background-color: var(--accent2);
background-color: rgba(204, 154, 0, var(--acs-bg-opacity))
}

.acs-bg-accent3 {
--acs-bg-opacity: 1;
background-color: var(--accent3);
background-color: rgba(145, 115, 0, var(--acs-bg-opacity))
}

.acs-bg-accent4 {
--acs-bg-opacity: 1;
background-color: var(--accent4);
background-color: rgba(153, 115, 0, var(--acs-bg-opacity))
}

.acs-bg-accent5 {
--acs-bg-opacity: 1;
background-color: var(--accent5);
background-color: rgba(102, 81, 0, var(--acs-bg-opacity))
}

.acs-bg-accent6 {
--acs-bg-opacity: 1;
background-color: var(--accent6);
background-color: rgba(66, 53, 0, var(--acs-bg-opacity))
}

.acs-bg-gray {
--acs-bg-opacity: 1;
background-color: var(--gray);
background-color: rgba(245, 245, 245, var(--acs-bg-opacity))
}

.acs-bg-gray2 {
--acs-bg-opacity: 1;
background-color: var(--gray2);
background-color: rgba(220, 220, 220, var(--acs-bg-opacity))
}

.acs-bg-gray3 {
--acs-bg-opacity: 1;
background-color: var(--gray3);
background-color: rgba(196, 196, 196, var(--acs-bg-opacity))
}

.acs-bg-gray4 {
--acs-bg-opacity: 1;
background-color: var(--gray4);
background-color: rgba(171, 171, 171, var(--acs-bg-opacity))
}

.acs-bg-dark {
--acs-bg-opacity: 1;
background-color: var(--dark);
background-color: rgba(24, 24, 24, var(--acs-bg-opacity))
}

.acs-bg-dark2 {
--acs-bg-opacity: 1;
background-color: var(--dark2);
background-color: rgba(49, 49, 49, var(--acs-bg-opacity))
}

.acs-bg-dark3 {
--acs-bg-opacity: 1;
background-color: var(--dark3);
background-color: rgba(73, 73, 73, var(--acs-bg-opacity))
}

.acs-bg-dark4 {
--acs-bg-opacity: 1;
background-color: var(--dark4);
background-color: rgba(98, 98, 98, var(--acs-bg-opacity))
}

/* BG Colors */



/* Link Accent */
.acs-link-accent {
text-decoration: underline;
color: var(--black) !important;
}

.acs-link-accent:hover {
color: var(--gray3) !important;
}

.acs-link-accent2 {
text-decoration: underline;
color: var(--white) !important;
}

.acs-link-accent2:hover {
color: var(--gray2) !important;
}

/* Link Accent */



/* BUTTONS: START */
/* Button 1 */
.acs-button {
background-color: var(--accent);
border: solid 1px var(--accent);
display: inline-flex;
align-items: center;
justify-content: space-between;
text-align: center;
color: var(--black);
text-decoration: none !important;
font-family: "Lambo Sans", sans-serif;
text-transform: uppercase;
font-variation-settings: "wdth"50, "wght"700;
padding: 27px 24px;
line-height: 1;
font-size: 18px;
max-width: fit-content;
position: relative;
white-space: nowrap;
box-sizing: border-box;
}

.acs-button:hover {
background-color: var(--accent4);
border: solid 1px var(--accent4);
}


/* Button 2 */
.acs-button2 {
background-color: var(--accent3);
border: solid 1px var(--accent3);
display: inline-flex;
align-items: center;
justify-content: space-between;
text-align: center;
color: var(--white);
text-decoration: none !important;
font-family: "Lambo Sans", sans-serif;
text-transform: uppercase;
font-variation-settings: "wdth"50, "wght"700;
padding: 27px 24px;
line-height: 1;
font-size: 18px;
max-width: fit-content;
position: relative;
white-space: nowrap;
box-sizing: border-box;
}

.acs-button2:hover {
background-color: var(--accent6);
border: solid 1px var(--accent6);
}

/* Button 3 */
.acs-button3 {
background-color: var(--white);
border: solid 1px var(--white);
display: inline-flex;
align-items: center;
justify-content: space-between;
text-align: center;
color: var(--black);
text-decoration: none !important;
font-family: "Lambo Sans", sans-serif;
text-transform: uppercase;
font-variation-settings: "wdth"50, "wght"700;
padding: 27px 24px;
line-height: 1;
font-size: 18px;
max-width: fit-content;
position: relative;
white-space: nowrap;
box-sizing: border-box;
}

.acs-button3:hover {
background-color: var(--gray3);
border: solid 1px var(--gray3);
}

/* Button 4 */
.acs-button4 {
background-color: transparent;
border: solid 1px var(--black);
display: inline-flex;
align-items: center;
justify-content: space-between;
text-align: center;
color: var(--black);
text-decoration: none !important;
font-family: "Lambo Sans", sans-serif;
text-transform: uppercase;
font-variation-settings: "wdth"50, "wght"700;
padding: 27px 24px;
line-height: 1;
font-size: 18px;
max-width: fit-content;
position: relative;
white-space: nowrap;
box-sizing: border-box;
}

.acs-button4:hover {
background-color: var(--gray);
border: solid 1px var(--dark3);
color: var(--dark3);
}

/* Button 5 */
.acs-button5 {
background-color: transparent;
border: solid 1px var(--white);
display: inline-flex;
align-items: center;
justify-content: space-between;
text-align: center;
color: var(--white);
text-decoration: none !important;
font-family: "Lambo Sans", sans-serif;
text-transform: uppercase;
font-variation-settings: "wdth"50, "wght"700;
padding: 27px 24px;
line-height: 1;
font-size: 18px;
max-width: fit-content;
position: relative;
white-space: nowrap;
box-sizing: border-box;
}

.acs-button5:hover {
border: solid 1px var(--gray3);
color: var(--gray3);
}

/* BUTTONS: END */



.acs-button::after,
.acs-button3::after,
.acs-button4::after {
content: "";
display: inline-block;
margin-left: 25px;
width: 24px;
height: 24px;
background-image: url('https://storage.googleapis.com/oems/lamborghini/icons/right-arrow-black.svg');
background-repeat: no-repeat;
background-size: contain;
}

.acs-button2::after,
.acs-button5::after {
content: "";
display: inline-block;
margin-left: 25px;
width: 24px;
height: 24px;
background-image: url('https://storage.googleapis.com/oems/lamborghini/icons/right-arrow-white.svg');
background-repeat: no-repeat;
background-size: contain;
}