@@ -400,12 +400,15 @@ function twenty_twenty_one_scripts() {
 	// Note, the is_IE global variable is defined by WordPress and is used
 	// to detect if the current browser is internet explorer.
 	global $is_IE, $wp_scripts;
+	$theme_version = wp_get_theme()->get( 'Version' );
+	$suffix        = SCRIPT_DEBUG ? '' : '.min';
+	
 	if ( $is_IE ) {
 		// If IE 11 or below, use a flattened stylesheet with static values replacing CSS Variables.
-		wp_enqueue_style( 'twenty-twenty-one-style', get_template_directory_uri() . '/assets/css/ie.css', array(), wp_get_theme()->get( 'Version' ) );
+		wp_enqueue_style( 'twenty-twenty-one-style', get_template_directory_uri() . '/assets/css/ie.css', array(), $theme_version );
 	} else {
 		// If not IE, use the standard stylesheet.
-		wp_enqueue_style( 'twenty-twenty-one-style', get_template_directory_uri() . '/style.css', array(), wp_get_theme()->get( 'Version' ) );
+		wp_enqueue_style( 'twenty-twenty-one-style', get_template_directory_uri() . '/style' . $suffix . '.css', array(), $theme_version );
 	}
 
 	// RTL styles.
 
@@ -1,6 +1,6 @@
 {
 	"name": "twentytwentyone",
-	"version": "2.7.0",
+	"version": "2.7",
 	"description": "Default WP Theme",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -22,6 +22,7 @@
 		"@wordpress/stylelint-config": "^21.30.0",
 		"autoprefixer": "^10.4.22",
 		"chokidar-cli": "^3.0.0",
+		"cssnano": "^7.1.2",
 		"eslint": "^8.57.1",
 		"minimist": "^1.2.8",
 		"npm-run-all": "^4.1.5",
@@ -67,6 +68,7 @@
 		"build:ie": "postcss style.css -o assets/css/ie.css",
 		"build:ie-editor": "postcss assets/css/style-editor.css -o assets/css/ie-editor.css",
 		"build:stylelint": "stylelint **/*.css --fix --config .stylelintrc-css.json",
+		"build:minify": "postcss style.css --use cssnano -o style.min.css --no-map",
 		"build": "run-s \"build:*\"",
 		"watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
 		"lint:scss": "stylelint **/*.scss",
 
@@ -19,6 +19,13 @@ Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
 Twenty Twenty-One is distributed under the terms of the GNU GPL.
 */
 
+/*
+ * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
+ * in most instances, the `style.min.css` file will be served. This theme uses SCSS for styles.
+ * After making changes to SCSS files, run `npm run build` in the theme directory to compile
+ * SCSS to CSS and regenerate the minified version.
+ */
+
 /**
  * SETTINGS
  * File-header..........The file header for the themes style.css file.