.text { display: block; font-family: var(--typography-Script-1-fontFamily); text-transform: none; } .one { font-size: clamp( var(--typography-Script-1-Mobile-fontSize), 1.3vw + 14px, var(--typography-Script-1-Desktop-fontSize) ); font-weight: var(--typography-Script-1-fontWeight); letter-spacing: var(--typography-Script-1-letterSpacing); line-height: var(--typography-Script-1-lineHeight); } .two { font-size: clamp( var(--typography-Script-2-Mobile-fontSize), 0.6vw + 15px, var(--typography-Script-2-Desktop-fontSize) ); font-weight: var(--typography-Script-2-fontWeight); letter-spacing: var(--typography-Script-2-letterSpacing); line-height: var(--typography-Script-2-lineHeight); } .tiltedExtraSmall { transform: rotate(-2deg); } .tiltedSmall { transform: rotate(-3deg); } .tiltedMedium { transform: rotate(-4deg) translate(0px, -15px); } .tiltedLarge { transform: rotate(-13deg) translate(0px, -15px); } .center { text-align: center; } .left { text-align: left; } .black { color: var(--Main-Grey-100); } .burgundy { color: var(--Scandic-Brand-Burgundy); } .pale { color: var(--Scandic-Brand-Pale-Peach); } .peach80 { color: var(--Base-Text-Medium-contrast); } .plosa { color: var(--Primary-Light-On-Surface-Accent); } .red { color: var(--Scandic-Brand-Scandic-Red); } .pink { color: var(--Primary-Dark-On-Surface-Accent); } .secondaryLight { color: var(--Secondary-Light-On-Surface-Accent); } .tertiaryLight { color: var(--Tertiary-Light-On-Surface-Accent); } .primaryDim { color: var(--Primary-Dim-On-Surface-Accent); } .primaryStrong { color: var(--Primary-Strong-On-Surface-Accent); } .image { color: var(--Base-Text-Inverted); }