@charset "UTF-8";/* CSS Document *//* 1280 *//* When viewport < 800px: simplify to % widths */@media (max-width: 800px) {		section:not(#gallery-items):not(#writing-samples) > article {				width: 80%;				margin-left: 10%;				margin-right: 10%;				max-width: none;		}}@media (max-width: 1280px) {		.heroA, .heroB, .heroC, .heroD {				height: 400px !important;		}		.heroA {				background-image: url("../images/hero/isd-1280.webp");		}		.heroB {				background-image: url("../images/hero/rl-1280.webp");		}		.heroC {				background-image: url("../images/hero/osmosis-1280.webp");		}		.heroD {				background-image: url("../images/hero/case-1280.webp");		}}/* 1024 */@media (max-width: 1024px) {		.heroA, .heroB, .heroC, .heroD, .heroE, .heroF {				height: 320px !important;		}		.heroA {				background-image: url("../images/hero/isd-1024.webp");		}		.heroB {				background-image: url("../images/hero/rl-1024.webp");		}		.heroC {				background-image: url("../images/hero/osmosis-1024.webp");		}		.heroD {				background-image: url("../images/hero/case-1024.webp");		}		.heroE {				background-image: url("../images/hero/gallery-1024x320.webp");		}		.heroF {				background-image: url("../images/hero/writing-1024x320.webp");		}}/* 640 */@media (max-width: 640px) {		.heroA, .heroB, .heroC, .heroD, .heroE, .heroF {				height: 200px !important;		}		.heroA {				background-image: url("../images/hero/isd-640.webp");		}		.heroB {				background-image: url("../images/hero/rl-640.webp");		}		.heroE {				background-image: url("../images/hero/gallery-640.webp");		}		.heroF {				background-image: url("../images/hero/writing-640x200.webp");		}}/* ===== Responsive Layout ===== */@media (max-width: 1024px) {		.grid-3x3 {				grid-template-columns: repeat(2, 1fr);				gap: 1.25em;				padding: 2em;		}}@media (max-width: 640px) {		.grid-3x3 {				grid-template-columns: 1fr;				gap: 1em;				padding: 1.25em;		}}