html {
			  	overflow-y: scroll;
			}

			.noscroll {
			  	position: fixed;
			  	width: 100%;
			  	overflow-y: scroll;
			}

			.page {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			 	width: 100%;
			  	background: #fff;
			  	overflow-y: auto;
			  	overflow-x: hidden;
			  	z-index: 5;
			  	padding-top: 140px;
			  	opacity: 1;
			  	transition: opacity 0.3s ease, transform 0.3s ease;
			}

			.page.fade-up-exit {
				opacity: 0;
 				transition: opacity 0.3s ease, transform 0.3s ease;
			}

			.page.fade-up-entry {
			  opacity: 0;
			  transform: translateY(10px);
			  animation: fadeInPage 0.3s ease-in-out forwards;
			}

			@keyframes fadeInPage {
			  to {
				opacity: 1;
				transform: translateY(0);
			  }
			}

			body.noscroll {
			  overflow: hidden;
			  height: 100vh;
			}

			#dim-overlay {
			  position: fixed;
			  top: 0; left: 0; right: 0; bottom: 0;
			  background: rgba(0, 0, 0, 0.2); /* subtle dim, adjust as needed */
			  z-index: 4; /* just below .page (which is z-index: 5) */
			  opacity: 0;
			  pointer-events: none;
			  transition: opacity 0.6s ease;
			}

			.hero {
			  	height: 50vh;
				background: url('https://walton.uark.edu/about/images/deans-report/report_bg.png') center center/cover no-repeat;
				display: flex;
				justify-content: center;
				align-items: center;
				color: black;
				text-align: center;
				overflow: hidden;
			}	
			.herobox {
				background: #fff;
				padding: 20px 40px;
				display: inline-block;
				border: 1px solid #9D2235;
				box-shadow: 0 0 0 3px #fff, 0 0 0 5px #9D2235;
			}
			.herosuptext {
				font-family: "Roboto Serif", serif;
				font-size: 30px;
				font-weight: 400;
				font-style: italic;
				color: #9D2235;
			}
			.herotext {
				font-family: "Roboto Serif", serif;
				font-size: 120px;
				font-weight: 500;
				color: #9D2235;
			}		
			.herosubtext {
				font-family: "Roboto Serif", serif;
				font-size: 30px;
				font-weight: 400;
				font-style: italic;
				color: #9D2235;
			}		
			.headlinetext {
				font-size: 40px;
				font-weight: 500;
				color: #9D2235;
			}	
			.headlinesubtext {
				font-size: 20px;
				font-weight: 500;
			}
			.article-body {
				font-size: 1.1em;
			}
			.blockquote {
				border-left: 4px solid #9D2235 !important;
				padding-left: 1rem !important;
				margin-left: 10px !important;
			}
			.blockquotemillions {
				border-left: 4px solid #9D2235 !important;
				padding-left: 1rem !important;
				margin-left: 10px !important;
			}
			.quotetext {
				font-family: "Roboto Serif", serif;
				font-size: 25px;
				font-weight: 400;
				font-style: italic;
				color: #9D2235;
			}	
			.question {
				font-size: 20px;
				font-style: italic;
				font-weight: 400;
				color: #9D2235;
			}
			.articleend {
				font-weight: 600;
				color: #9D2235;
				margin-left: 3px;
			}	
			.millionstext {
				font-weight: 600;
				font-size: 30px;
				color: #9D2235;
			}
			.millionfund {
				font-weight: 200;
				font-style: italic;
			}
			.lawtext {
				font-family: "Arial", "Helvetica", sans-serif;
				font-weight: 600;
				font-size: 50px;
				color: #9D2235;				
			}	
			.lawsub {
				font-weight: 200;
				font-style: italic;
			}
			.featureheader {
				font-size: 1.2em;
			}
			.page-hero {
				height: 30vh;
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
				width: 100vw;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}			
			.page-hero-message {
				background: url('https://walton.uark.edu/about/images/deans-report/page_message_bg.png') center center/cover no-repeat;			
			}
			.page-hero-stats {
				background: url('https://walton.uark.edu/about/images/deans-report/report_bg.png') center center/cover no-repeat;			
			}
			.page-hero-research {
				background: url('https://walton.uark.edu/about/images/deans-report/page_research_bg.png') center center/cover no-repeat;			
			}
			.page-hero-dean {
				background: url('https://walton.uark.edu/about/images/deans-report/page_letter_bg.png') center center/cover no-repeat;			
			}
			.page-hero-experiential {
				background: url('https://walton.uark.edu/about/images/deans-report/page_learning_bg.png') center center/cover no-repeat;			
			}
			.page-hero-innovation {
				background: url('https://walton.uark.edu/about/images/deans-report/page_law_bg.png') center center/cover no-repeat;			
			}			
			.page-hero-alumni {
				background: url('https://walton.uark.edu/about/images/deans-report/page_alumni_bg.png') center center/cover no-repeat;			
			}
			.page-hero-students {
				background: url('https://walton.uark.edu/about/images/deans-report/page_students_bg.png') center center/cover no-repeat;			
			}	
			.pageherosuptext {
				font-family: "Roboto Serif", serif;
				font-size: 25px;
				font-style: italic;
				font-weight: 400;
				color: #9D2235;	
			}
			.pageherotext {
				font-family: "Roboto Serif", serif;
				font-size: 70px;
				font-weight: 500;
				color: #9D2235;		
			}
			.pageherobox {
				background: #fff;
				padding: 20px 40px;
				display: inline-block;
				border: 1px solid #9D2235;
				box-shadow: 0 0 0 3px #fff, 0 0 0 5px #9D2235;
			}
			.section-link {
			  	cursor: pointer;
			}
			.subnav {
			  	position: sticky;
			  	width: 100%;
			 	background: #f8f9fa;
			  	z-index: 200;
			  	display: block;
				font-size: 1.1em;
				font-weight: 600;
				border-bottom: 5px solid #9D2235;
			}
			.subnav .nav-container {
			  	display: flex;
			  	justify-content: center;
			  	flex-wrap: wrap;
			  	padding: 10px 0;
			}
			.subnav a {
			  	margin: 0 10px;
			  	color: #000;
			  	text-decoration: none;
			  	font-weight: 500;
				padding: 0 5px;
			}
			.subnav a:hover {
			  	text-decoration: underline;
				color: #9D2235;
			}
			.portrait-img {
			  	position: relative;
			  	width: 100%;
			  	padding-top: 125%; /* 4:5 aspect ratio (height/width = 1.25) */
			  	overflow: hidden;
			}
			.portrait-img img {
			  	position: absolute;
			  	top: 0;
			  	left: 0;
			 	width: 100%;
			  	height: 100%;
			  	object-fit: cover; /* crop and zoom to fill */
			  	object-position: center;
			}
			.landscape-img {
  		  	  	width: 100%;
			  	aspect-ratio: 16 / 9; /* standard landscape ratio */
			  	overflow: hidden;
			}
			.landscape-img img {
			 	object-fit: cover;
			  	height: 100%;
				width: 100%;
			}
			.statsoverlay {
				filter: grayscale(25%);
				transition: filter 0.6s ease-out;
			}
			.statsoverlay:hover {
			  	filter: grayscale(0%);
			}
			.statssmallprint {
				font-style: italic;
				font-size: 1em;
			}
			.hide-subnav {
			  	position: relative !important;
			  	top: auto !important;
			}
			
			/* fade for stats card - optional */
			.card {
			  	opacity: 0;
			  	transform: translateY(20px);
			  	transition: opacity 0.4s ease-out var(--delay), transform 0.4s ease-out var(--delay);
			}
			.cards-visible .card {
			  	opacity: 1;
			  	transform: translateY(0);
			}
			
			/* fade in - optional */
			.fade-in {
				opacity: 0;
				transition: opacity 0.4s ease-out, transform 0.4s ease-out;
			}
			.fade-in.visible {
				opacity: 1;
				transform: translateY(0);
			}	

			/* next 'n last */
			.page-nav {
				padding: 0 10px;
				width: 100%;
				box-sizing: border-box;
			}
			.btn-pagenav {
			  background-color: #9D2235 !important;
			  color: #fff !important;
			  border: 1px solid #9D2235;
			}
			.btn-pagenav:hover,
			.btn-pagenav:focus {
			  background-color: #fff !important;
			  color: #9D2235 !important;
			  border-color: #9D2235;
			}
			.btn-pagenav.active,
			.btn-pagenav:focus:active {
			  color: #9D2235 !important;
			  border-color: #9D2235;
			  border-color: #9D2235;
			  box-shadow: none;
			}
			
			@media (max-width: 575.98px) {
			  .subnav { position: relative !important; top: auto !important; font-size: 1em; font-weight: 200;}			
			  .page { padding-top: 140px; }
			  .herobox { padding: 2px 4px; }
			  .herosuptext { font-size: 15px; }
			  .herotext { font-size: 60px; }
			  .herosubtext { font-size: 15px;}
			  .pageherosuptext { font-size: 15px;}
			  .pagehero { padding-top: 140px; }
			  .pageherotext { font-size: 35px !important;}		
			  .hero { height: 30vh; }
			}		
			
			/* brute force on post compiled header and footer layers */
			#uark-header {
			  position: relative;
			  z-index: 1200 !important;
			}			
			#uark-footer, #waltonfooter {
			  position: relative;
			  z-index: 100;
			}