/*!
Launched:2023-07-17
Authors: Nevin McElwrath, Taylor Packet, Erik Runyon
Office of Public Affairs and Communications: Brand Content

CONTENTS
-----------------------------------------
1. Common Styles
2. Screen Styles
3. Media Queries
4. Themes
5. Plugins
6. Print Styles

BRANDING
-----------------------------------------
1. COLORS
 - Blue: #0c2340
 - Gold: #ae9142

2. FONT STACKS
 - Headings: GPC, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
 - Body/Default: Sumana, Georgia, "Times New Roman", Times, serif
 - Captions/Secondary: "Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
*/



/*************************************************************************************
* 1. Common Styles
************************************************************************************/
@import url("https://use.typekit.net/fbm3wlp.css");
 :root {
	--brand-blue:				 #0c2340;
	--brand-blue-dark:		#081629;
	--brand-blue-light:	 #143865;
	--brand-blue-bright:	#1c4f8f;
	--brand-gold:				 #ae9142;
	--brand-gold-dark:		#8c7535;
	--brand-gold-light:	 #d39f10;
	--link-focus:				 #15a6b5;

	--font-default: Luminance, Georgia, "Times New Roman", Times, serif;
	--font-secondary: "Libre Franklin","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	--font-heading: Luminance, Georgia, "Times New Roman", Times, serif;

	--gray:							 #555;
	--gray-dark:					#333;
	--gray-light:				 #d2d2d2;
	--gray-extra-light:	 #e2e2e2;
	--gray-extra-extra-light:#f2f2f2;
	--sky-blue:					 #e1e8f2;
	--sky-blue-light:		 #edf2f9;
	--sky-blue-dark:			#c1cddd;

	--story-green-extra-light: #a2e3bf;
	--story-green-light:	#3b9061;
	--story-green:				#005B29;
	--story-green-dark:	 #003317;
	--story-brown:				#141111;

	--grid-gap:1.5rem;
	--anim-duration:325ms;
	--anim-duration-fast:125ms;
	--anim-duration-slow:500ms;
	--anim-ease:ease-in-out;
	--anim-ease:ease-in-out;

	--offset:-8vw;
}

 *, *:before, *:after { box-sizing:border-box; }
@-ms-viewport { width:device-width; zoom:1; }
@-o-viewport { width:device-width; zoom:1; }
@viewport { width:device-width; zoom:1; }
html { width:100%; margin:0; padding:0; font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; /*overflow-x: hidden;*/ }
body { margin:0; color:#383838; font:1em/1.5em var(--font-default); position: relative; /*overflow-x:hidden;*/}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display:block; }
audio, canvas, progress, video { display:inline-block; vertical-align:baseline; max-width:100%; }
audio:not([controls]) { display:none; height:0; }
[hidden] { display:none; }
[tabindex="-1"]:focus { outline:none !important; }
p { margin:0 0 1.5em; font-size:1.3em; line-height:1.8em; }
a { color:var(--brand-blue-bright); overflow-wrap:break-word; -webkit-text-decoration-skip:ink; text-decoration-skip:ink; text-decoration-skip-ink:auto; background-color:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:visited { color:var(--brand-blue); }
a:hover { color:var(--brand-blue-bright); }
a:active { color:var(--brand-gold); }
a:focus { outline:thin dotted; }
strong, b { font-weight:bolder; }
em, i { font-style:italic; }
small { font-size:80%; }
iframe, embed { width:100%; }
sub,sup { position:relative; vertical-align:baseline; line-height:0; font-size:smaller; }
sup { vertical-align:super; }
sub { vertical-align:sub; }
pre, code, kbd, samp { overflow:auto; font-family:monospace, sans-serif; }
hr { clear:both; margin:3rem 5%; max-width:calc(65rem - 10%); border:1px solid var(--gray-light); }
a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea { touch-action:manipulation; }

/* Headings
---------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { margin:1.4em 0 0.25em; line-height:1.4em; color:var(--brand-blue); font-weight: 400; text-rendering:optimizeLegibility; font-family:var(--font-heading); }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration:none; }
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited { color:var(--brand-blue); }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration:underline; }
* > h2:first-child,
* > h3:first-child,
* > h4:first-child,
* > h5:first-child,
* > h6:first-child { margin-top: 0; }
h1 { margin-top:0; font-size:3.6em; }
h2 { margin:0 0 0.25em; font-size:2.8em; }
h3 { font-size:1.563em; }
h4 { font-size:1.375em; }
h5 { font-size:1.188em; }
h6 { font-size:1em; }

/* Lists
----------------------------------------------------*/
ol, ul, dl { margin:1rem 0; padding:0 0 0 2rem; }
li { margin:0 0 0.25rem; }
nav ul { list-style:none; }
nav ul,nav li { margin:0; padding:0; }
nav a { text-decoration:none; }
.no-bullets,
.nobullets { list-style-type: none; }

/* Tables
----------------------------------------------------*/
table { width:100%; margin:2em 0; border-collapse:collapse; border-spacing:0; border:1px solid var(--gray-light); }
tr { border-top:1px solid var(--gray-light); }
tr:nth-child(even) td { background:var(--gray-extra-extra-light); }
th,thead th { text-align:left; background-color:var(--gray-extra-light); color:var(--gray-dark); border-right:1px solid var(--gray-light); font-family:var(--font-default); font-weight:600; font-size:1em; border-bottom:3px solid var(--gray); }
tfoot th { text-align:right; }
th, td { padding:0.5em 0.75em; }
td { border-right:1px solid var(--gray-light); border-left:1px solid var(--gray-light); }
td, td img { vertical-align:top; }



/* Quotes
----------------------------------------------------*/
 blockquote { position:relative; margin:2rem 1rem; padding:0; font-family:var(--font-default); text-align:left; }
 blockquote p { margin:0 0 1rem; font-size:1.5rem; line-height:1.6em; color:var(--brand-blue); }
 blockquote p cite { display:block; margin:1rem 0 0; font-size:1rem; color:var(--gray); text-align:right; font-weight:normal; font-style:normal; font-family:var(--font-secondary); line-height: 1.4; }
 .photo-quote figure { margin:0 auto; width:50%; }
 .photo-quote img { border-radius:100%; }
 .photo-quote figure { position:relative; }
 blockquote.quote { background: var(--sky-blue-light); border-radius: 2rem; }

/* Images & Videos
----------------------------------------------------*/
 img { max-width:100%; min-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic; box-sizing:content-box; }
 img.image-circle,
 .image-circle img { border-radius: 50%; }
 figure { display: flex; flex-flow: column; margin:0 0 var(--grid-gap); }
 figcaption { clear:both; margin:0.75em 0; font-size:0.95rem; text-align:left; line-height:1.4em; font-family:var(--font-secondary); }

 .grid .player { display: flex; flex-flow: column; --grid-gap: 3vw; }
 .player h3 { font-size: 1.8rem; }
 .player .position { font-family: var(--font-secondary); font-size: 1.1rem; line-height: 1.4; }

 .full,
 .figgroup-2,
 .figgroup-3,
 .figgroup-3-combo,
 .figgroup-4,
 .image-right,
 .image-left,
 .figgrouping { margin:2rem 0; }
 .figgroup-2,
 .figgroup-3 { display:grid; grid-template-columns:1fr; }
 .figgroup-3-combo img, .figgroup-4 img { margin:0.75rem 0 0; }

 .figgrouping .full,
 .figgrouping .figgroup-2,
 .figgrouping .figgroup-3,
 .figgrouping .figgroup-3-combo,
 .figgrouping .figgroup-4 { margin: var(--grid-gap) 0; }

 .figgroup-2 img,
	.figgroup-3 img,
	.figgroup-3-combo img,
	.figgroup-4 img { object-fit: cover; }

 aside { padding: 1.5rem; background: var(--sky-blue); font-family: var(--font-secondary); border-radius: 10px; position: relative; margin: 2rem 0; clear: both; }
 .aside-horizontal { display: flex; flex-flow: column; }
 .aside-horizontal img { margin-bottom: 2rem; }

 .video { min-width:100%; position:relative; display:inline-block; text-align:center; overflow:hidden; }
 .video .play { position:absolute; bottom:0; left:0; width:100%; height:100%; margin:0 auto; background:rgba(0, 0, 0, 0.1) url('images/play-btn.svg') no-repeat left center / auto 100%; -webkit-transform-origin:12% 79%; transform-origin:12% 79%; -webkit-transform:scale(1); transform:scale(1); transition:all 125ms cubic-bezier(0, 0, 0.25, 1); }
 .video:hover .play { background-color:rgba(0, 0, 0, 0); -webkit-transform:scale(1.15); transform:scale(1.15); }
 .video-container { margin-bottom:0; }

 /* Scrolling fades */
	.js .animate { transform:scale(1.02); opacity:0; transition:all 1s cubic-bezier(0.31, 0.72, 0.49, 0.9); }
	.js figcaption.animate,
	.js .slide.animate { transform:scale(1) translate(2rem,0); }
	.js .animate.active,
	.js .animate.active-once { transform:scale(1) translateY(0); opacity:1; }


/* General Classes
----------------------------------------------------*/
 .ndmark { display:block; width:200px; max-width:100%; text-decoration:none; }
 .hidden {display:none !important;}
 .skip-links { left:0; list-style:none outside; margin-left:0; position:absolute; text-align:center; top:0; width:100%; }
	 .skip-links a { left:-100vw; position:absolute; top:.5em; transition:.25s; }
	 .skip-links a:active,
	 .skip-links a:focus,
	 .skip-links a:hover { background:#fff; box-shadow:0 0 10px 0 #000; color:#0c2340; color:var(--brand-blue); font-size:14px; font-weight:700; height:auto; left:.5em; overflow: visible; padding:.5em 1em; width:auto; z-index:999; }
 .text-right { text-align: right; }
 .text-center { text-align: center; }

 .visibility-hidden { display:none !important; }
 .visually-hidden { position:absolute; border:0; clip:rect(0 0 0 0); height:1px; width:1px; overflow:hidden; margin:-1px; padding:0; white-space:nowrap; }

/*************************************************************************************
* 2. Screen Styles
************************************************************************************/
@media screen {
 body { background-color: var(--story-green); color: white; }
 h1, h2, h3, h4, h5, h6 { color: white; }
 a { color:var(--story-green-extra-light); }
 a:visited { color:var(--story-green-light); }
 a:hover { color:var(--story-green-light); }
 a:active { color:var(--story-green-light); }
 .wrapper { height:100%; overflow-x: clip; }
 .site-content { margin:auto; display:grid; grid-template-columns: 5vw minmax(0, 50em) minmax(0, 50em) minmax(0, 50em) minmax(0, 50em) 5vw; grid-gap:var(--grid-gap); position: relative; z-index: 1; }
 .section { grid-column:2/6; margin: 5vw 0; padding: 2rem 0; position: relative; }

 .section-heading { text-align: left; position: relative; display: inline-block; margin: 0 auto 4rem; }
 .section-heading::before{ content: ""; position: absolute; bottom: -3rem; left: 0; height: 3rem; aspect-ratio: 422/53; background: url('images/orn-white.svg') left center / contain no-repeat; }

 /* Sections */
 .section--intro-01 { margin: 5vw 0; color: var(--gray-dark); z-index: 1; }
 .section--intro-01 .full { margin: 3rem 0; }
 .section--intro-01 .image-right { margin-right: 0; }
 .section--intro-01 a { color: var(--story-green-dark); }
 .section--intro-01 a:visited,
 .section--intro-01 a:hover,
 .section--intro-01 a:active { color:var(--story-green); }
 .section--intro-01 figcaption,
 .section--grandaddy-06 figcaption { color: var(--gray); }
	a:hover { color:var(--story-green-light); }
	a:active { color:var(--story-green-light); }
	.section--players-01 { margin: 0 0 5vw; }
	.section--players-01 h2 { margin-bottom: 1em; }
	.section--players-01 .player h3 { text-align: center; }
 .section--intro-01::after { content: ""; top: 0; left: -15%; margin-top: -5vw; display: block; position: absolute; width: 130%; height: calc(100% + 10vw); z-index: -1; background: url('images/pattern-hatch_w-2000.webp') center center / cover no-repeat, white; }
 .section--plan-02 { margin-bottom: 0; z-index: -1; }
 .section--voices-03 { margin: calc(-5vw + -10.5rem) 0 0 0; padding: calc(10rem + 5vw) 0 0; }
 .section--past-present-future-05 { margin: 0; padding: 5vw 0; }
	.section--past-present-future-05 a { color: var(--story-green-extra-light); }
	.section--voices-03 a { color: var(--story-green-extra-light); }
	.section--voices-03 a:hover,
	.section--voices-03 a:active,
	.section--voices-03 a:focus { color: var(--story-green-light); }
 .section--voices-03::after,
 .section--past-present-future-05::after { content: ""; top: 0; left: calc((5vw + 1.5rem) * -1); height: 100%; width: 100vw; position: absolute; background: var(--story-brown); z-index: -1; }
 .section--past-present-future-05 .image-left { margin-left: 0; }
 .section--grandaddy-06 { margin: -2rem; padding: 3rem 1.5rem; color: var(--gray-dark); z-index: 2; }
 .section--grandaddy-06 a { color: var(--story-green-dark); }
	.section--grandaddy-06 a:visited,
	.section--grandaddy-06 a:hover,
	.section--grandaddy-06 a:active { color:var(--story-green); }
	 .section--grandaddy-06::after { content: ""; top: 0; left: -15%; margin-top: 0; display: block; position: absolute; width: 130%; height: 100%; z-index: -1; background: url('images/pattern-hatch_w-2000.webp') center center / cover no-repeat, white; }
	 .section--grandaddy-06 .section-heading { color: var(--story-brown); }
	 .section--grandaddy-06 .section-heading::before { background: url('images/orn-brown.svg') left center / contain no-repeat; }
 .section--mural-07 { margin-top: calc(var(--grid-gap) * -1); }
 .section--conclusion-08 { margin: 0; padding: 5vw 0; grid-column: 2/6; }

 .full-bleed { display:grid; grid-template-columns:1fr minmax(0, 30em) minmax(0, 30em) 1fr; grid-gap:var(--grid-gap); grid-row-gap:0.8em; z-index: 1; position: relative; grid-column: 1/7; }
 .full-bleed img,
 .full-bleed video { object-fit:cover; grid-column: 1/5; }
 .full-bleed figcaption { margin: 0.75rem 0 2rem; padding: 0 1.5rem; grid-column:1/5; }
 .full-bleed figcaption.overlay { position: absolute; bottom: 0; left: 0; transform: translateY(100%); padding: 1rem 1.5rem; margin: 0; /*background-color: rgba(255, 255, 255, 0.7); color: var(--gray-dark);*/ }

 .embed-inner { position:relative; padding:0; }
 .embed-inner iframe,
 .embed-inner object,
 .embed-inner embed { position:absolute; top:0; left:0; width:100%; height:100%; }
 .progress-story { position:fixed; left:0; top:0; z-index:10; width:100%; height:5px; border:none; color:var(--brand-blue); background-color:transparent; -webkit-appearance:none; appearance:none; }
 .progress-story::-webkit-progress-bar { background-color:transparent; }
 .progress-story::-webkit-progress-value { background-color:var(--brand-blue); }
 .progress-story::-moz-progress-bar { background-color:var(--brand-blue); }

/* Header
----------------------------------------------------*/
 .site-header { position:relative; margin:0; }

 .brandbar { position:absolute; top:2rem; left:0; right:0; z-index: 2; }

 .brandbar li { margin:0; padding:0; }
 .brandbar a { display:block; margin:0.5rem auto; text-decoration:none; height:65px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; }

 .dept-nd img { display:none; }
 .dept-nd a { background-position:center 0; }
 .dept a { background-position:right 0; }

	.titlebar { margin:2.75rem 0 4rem; padding: 0 1.5rem; }
	.header-image { position:relative; overflow:hidden; margin:0; width:100%; z-index: -999; }
	/* .header-image:before,
	.header-video:before { content:''; z-index:2; display:block; position:absolute; top:0; width:100%; height:100%; box-shadow:inset 0px 80px 80px rgba(0,0,0,0.5); } */
	.header-image img { width:100%; height:100%; -o-object-fit: cover; object-fit:cover; }

	/* Header - Centered */
	.header-centered { position: relative; display: grid; margin: auto; grid-template-columns: 1fr 1fr minmax(0, 23em) minmax(0, 23em) 1fr 1fr; grid-template-rows: auto; grid-gap: var(--grid-gap); }
	.header-centered .hdr-campus { position:relative; z-index:-999; }
	.header-centered .hdr-campus:after { content:''; position: absolute; top:0; height:15rem; width:100vw; background:url('images/hdr-campus-800.jpg') center top / cover	no-repeat; }
	.header-centered .titlebar { margin:2rem 0 4rem; grid-row: 2/2; grid-column: 2/6; }
	.header-centered .header-image { margin:5rem 0 2rem; grid-column: 2/6; }
		.header-centered .header-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

	/* Header - 50/50 */
	.header-50-50 { margin:auto; display:grid; grid-template-columns:1fr minmax(0, 23em) minmax(0, 23em) 1fr; grid-gap:var(--grid-gap); }
	.header-50-50 .brandbar { grid-column:1/7; grid-row:1/2; position: relative; }
	.header-50-50 .titlebar { margin: 1rem 0 0; grid-column: 1/6; }
	.header-50-50 .header-image { z-index: -999; grid-row: 1/2; grid-column: 1/7; position: relative; }

	/* Header - Full bleed video */
	.header-video .titlebar { grid-column: 2/4; }

	.bgvid { position: relative; aspect-ratio: 16/9; }
	.bgvid .play-pause { position:absolute; right:1.5rem; margin-top: calc(56.25% - 5rem); background: white; z-index: 10; border: 2px solid transparent; border-radius: 50%; transition: all var(--anim-duration-fast) var(--anim-ease);	transform: scale(1); }
	.bgvid .btn { padding: 0.15rem; }
	.bgvid .play-pause .icon { width:50px; height:50px; }
	.bgvid .play-pause:focus { border-color: var(--brand-blue-light); }
	.bgvid .play-pause:hover { border-color: var(--brand-gold); cursor: pointer; transform: scale(1.2); }
		.bgvid .btn svg { transition: all var(--anim-duration-fast) var(--anim-ease); color: var(--brand-blue); }
		.bgvid .play-pause:hover svg { color: var(--brand-gold); }
	.bgvid .btn:hover svg { transform: translateX(0); }
	.bgvid img { position:absolute; top:0; left:0; right:0; bottom: 0; aspect-ratio: inherit; z-index: 0; }
	.bgvid iframe { aspect-ratio: inherit; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

	/* Header - Full bleed image */
	.header-full-image { display: grid; grid-template-columns: 1fr minmax(0, calc(10vw + 15em)) minmax(0, calc(10vw + 15em)) 1fr; }
	.header-full-image .header-image { grid-column: 1/5; grid-row: 1/1; height: 100%; }
	.header-full-image .titlebar { grid-column: 2/4; grid-row: 1/1; display: flex; flex-flow: column nowrap; justify-content: center; height: 100%; }

	@keyframes introduce {
		0% { opacity: 0; transform: scale(0.9) translateY(1%); }
		60% { opacity: 1; }
		100% { transform: scale(1) translateY(0); }
	}

 .category,
 .label { color: white; font-family:var(--font-secondary); font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; line-height: 1; padding: 0.5em 0.75em; background-color: var(--brand-gold-dark); display: inline-block; align-self: flex-start; font-size: 1em; margin-bottom: 0.3em; }
 .card.hover-bg .category,
	.card.hover-bg .label { color: var(--gray); padding: 0; background-color: transparent; }
 .pubdate { margin:0 0 0.5rem; color:var(--gray); font-family:var(--font-secondary); font-weight:400; text-transform:uppercase; letter-spacing:0.08em; }
 .pubdate { margin:2em 0 0; text-transform:capitalize; letter-spacing:0; }
 .site-title { margin-bottom:0; font-size:2.25rem; line-height:1.1em; font-weight:700; font-family:var(--font-heading); color:var(--brand-blue); text-indent: -999vw; aspect-ratio: 382.55/267.23; width: 100%; background: url('images/title-presence_of_giants.svg') center 40% / contain no-repeat; animation-name: introduce; animation-duration: 10s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0, 0, 0, 1); transform-origin: center center; max-height: 35%; }
 .subtitle { margin: 1em 0; font-size:1.4rem; line-height:1.45em; font-weight:300; font-family:var(--font-secondary); color: white; }

 figcaption { color: var(--gray-light); }

/* Content
----------------------------------------------------*/
 .lede { font-size:1.45rem; }

 .edge-texture { mask-image: url(images/mask-edge_texture.svg); -webkit-mask-image: url(images/mask-edge_texture.svg); mask-repeat: repeat-y; -webkit-mask-repeat: repeat-y; mask-position: left top; -webkit-mask-position: left top; mask-size: 100% auto; -webkit-mask-size: 100% auto; image-rendering: pixelated; }

 .highlighted { padding: 1.7rem; background: var(--sky-blue-light); color: var(--brand-blue-dark); font-family: var(--font-secondary); border-left: 5px solid var(--brand-gold); }
	.highlighted.dark { background-color: var(--brand-blue); color: white; }
	.highlighted.dark h2 { color: white; }
	.highlighted.dark .btn { color: white; background-color: var(--brand-blue-light); }
	.highlighted.dark .btn:hover { background-color: var(--brand-blue-dark); }

 .pull { margin-top: 2rem; margin-bottom: 2rem; }
 .no-border,
 .noborder { border: none !important; }

 .footer-content { margin:auto; display:grid; grid-template-columns: 1fr minmax(0, 60em) 1fr; grid-gap:var(--grid-gap); position: relative; z-index: 1; color: white; }

 .byline { margin:3.5em 0 0; color:var(--brand-blue); grid-column: 2/3; color: white; }
 .byline p { margin:0; font-size:1.25em; font-weight:700; font-family:var(--font-heading); }
 .byline ul { padding:0; list-style:none; font-size:0.9em; font-weight:400; font-family:var(--font-secondary); font-style:normal;	}


 /* Subscribe
 ----------------------------------------------------*/
 /* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
 .newsletter-signup { grid-column: 2/3; }
 #mc_embed_signup form { font-family:var(--font-secondary); display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
 #mc_embed_signup form .d-flex { display:flex; grid-column:1/-1; gap:1rem; }
 #mc_embed_signup form .flex-grow { flex-grow:1; }
 #mc_embed_signup form .align-end { align-items:flex-end;}
 #mc_embed_signup form label { display:block; font-weight:bold; }
 #mc_embed_signup form input[type="email"] { background-color: #fefefe; border: 1px solid #cacaca; border-radius: 4px; box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1); color: #0a0a0a; display: block; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5; margin: 0; outline: 2px solid transparent; padding: .75rem .5rem; transition: outline-color .25s ease-in-out, box-shadow .5s; transition: box-shadow .5s, outline-color .25s ease-in-out; width: 100%; }
 #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
 #mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
 #mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
 #mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
 #mc_embed_signup input:focus {border-color:#333;}
 #mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: fit-content; width: -moz-fit-content;}
 #mc_embed_signup .button:hover {background-color:#777;}
 #mc_embed_signup .small-meta {font-size: 11px;}
 #mc_embed_signup .nowrap {white-space:nowrap;}

 #mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
 #mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
 * html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
 #mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
 #mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
 #mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

 #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
 #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
 #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
 #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
 #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

 #mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
 #mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
 #mc_embed_signup .clear {clear:both;}
 #mc_embed_signup .foot {display:grid; grid-template-columns: 3fr 1fr; width:96%; align-items: center;}
 @media screen and (max-width:400px) {#mc_embed_signup .foot {display:grid; grid-template-columns: 1fr; width:100%; align-items: center;}}

 @media screen and (max-width:400px) {#mc_embed_signup .referralBadge {width:50%;}}

 #mc_embed_signup .brandingLogo {justify-self:right;}
 @media screen and (max-width:400px) {#mc_embed_signup .brandingLogo {justify-self:left;}}

 #mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
 #mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
 #mc_embed_signup .mc-field-group.input-group label {display:inline;}
 #mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

 #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
 #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
 #mc_embed_signup #mce-error-response {display:none;}
 #mc_embed_signup #mce-success-response {color:#529214; display:none;}
 #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

 #mc-embedded-subscribe {clear:both; width:auto; display:block; margin:0;}
 #mc_embed_signup #num-subscribers {font-size:1.1em;}
 #mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

 #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:3px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
 #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

 /* Overrides */
 #mc_embed_signup { clear:both; width:100%; margin-top:4rem; padding:0.5rem 1rem; background: none; }
 #mc_embed_signup_scroll { display:grid; grid-template-columns:repeat(7, 1fr); grid-gap:var(--grid-gap); }
	#mc_embed_signup_scroll .mc_group { grid-column: 1/8; }
	#mc_embed_signup_scroll p { margin:0; font-family:var(--font-secondary); font-size:1.1rem; }
	#mc_embed_signup_scroll h2 { font-size:2.15rem !important; margin-bottom:0.25rem !important; }
 #mc_embed_signup div#mce-responses {margin:0 0 1rem !important; padding:0; grid-column:1/7; }
 #mc_embed_signup div.response {top:0; margin:0 0 0.5rem !important; padding:0 !important;}
 #mc_embed_signup form { font-family:var(--font-secondary);  padding:0.675rem 1.25rem 0 !important; }
 #mc_embed_signup .mc-field-group { width:100% !important; grid-column:1/8; }
 #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { margin:0 !important; background:none !important; font-family:var(--font-secondary); font-weight:bold !important; }
 #mc_embed_signup .mc-field-group { margin:0 !important; }
 #mc_embed_signup .mc-field-group input { padding:0.95rem 0 !important; font-size:1rem !important; }
 #mc_embed_signup .button { margin: 0 !important; padding: 0.625rem 1rem !important; height: auto !important; width: 100% !important; background-color: var(--brand-blue) !important; font-family: var(--font-secondary) !important; font-weight: 700 !important; transition: all var(--anim-duration) var(--anim-ease); }
 #mc_embed_signup .button:hover { background-color: var(--brand-blue-bright) !important; }
 #mc_embed_signup .foot { grid-template-columns:none !important; width:100% !important; }

 .optionalParent { display:inline; width:100% !important; grid-column:2/7; }
 @media screen and (min-width: 600px) { .optionalParent { grid-column:6/8; }}

/* Related Content
----------------------------------------------------*/
 .related { margin:4rem 0 3rem; grid-column: 2/3; color: white; }
 .related .btn { color: white; }
	.related .btn:hover { background: var(--story-green-dark); color: white; }
 .related h2 { margin-top:0.45rem; font-size:1.75rem; color: white; font-weight:700; font-family:var(--font-heading); }
 .related .image { margin-right:0.75em; float:left; width:130px; }
 .related .card.hover-bg .category	{ display:block; margin:0.75rem 0 0; font-size:0.8rem; line-height:1.25rem; color: white; }
 .related p.subtitle { margin-top:0; font-size:0.925rem; font-family:var(--font-secondary); font-weight:400; color: white; }
 .related .text-right { margin:0; grid-column:2/4; text-align: right; }
 .related .card-link { color: var(--story-green-extra-light); }

/* Cards
----------------------------------------------------*/
 .card-link, .card-link:visited { display:block; text-decoration:none; color:var(--story-green-light); }
 .card-link:hover { text-decoration:none; color: white; }
 .card-link::before { content:''; display:block; position:absolute; top:0; bottom:0; right:0; left:0; z-index:2 }

/* Cards (flexible content containers)
----------------------------------------------------*/
 .card { display:flex; flex-flow:column; width:100%; position:relative; margin:0; width:100%; }
 .card-body { padding:0 1rem 1rem; font-size:1rem; }
 .card-title { margin:0 0 1rem; font-size:1.35rem; padding-top:0; font-family:var(--font-heading); font-weight:400; }
 .card-label { color:var(--gray); font-family:var(--font-default); font-size:1rem; margin:0 0 0.5em; font-size:0.875rem; font-weight:normal; letter-spacing:0.08em; text-transform: uppercase; }
 .card-image { order:-1; margin:0; width:100%; }
 .card-image img { width:100%; }
 .card .summary { font-size: 0.9rem; font-family: var(--font-secondary); }

/* Hover Effects
----------------------------------------------------*/
 [class*="hover-"], [class*="hover-"]::after, [class*="hover-"]::before { transition:all var(--anim-duration) cubic-bezier(0, 0, 0, 1); }
 .hover-grow { transform:scale(1); margin-bottom:0.75rem; }
 .hover-grow:hover { transform:scale(1.01); }
 .hover-bg { border-bottom:0.25rem solid transparent; }
 .hover-bg:hover,
 .hover-bg:focus-within { background-color:var(--story-green-dark); border-color:var(--story-green-dark); }
 .hover-bg:focus-within a:focus { outline:none; }
 .hover-bg:hover .card-title,
 .hover-bg:focus-within .card-title { color: white; }
 .hover-more { padding-right:3rem; background-position:calc(100% - 2rem) 50%; background-size:1rem; background-repeat:no-repeat; background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"%3E%3Cpath fill="%23ae9142" d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/%3E%3C/svg%3E'); }
 .hover-more.card { padding-right:0; }
 .hover-more.card-body,
 .hover-more .card-body { padding-right:3rem; }

/* Card Badges
 ----------------------------------------------------*/
 .card.badge { display: flex; background: var(--brand-blue); border-radius: 2rem; transition: all var(--anim-duration-fast) var(--anim-ease); transform: scale(1); flex-flow: column; margin-top: 2rem; margin-bottom: 2rem; }
 .card.badge .card-image { width: 35%; min-width: 8rem; padding: 1.5rem 0 1.5rem 2rem; vertical-align: top; align-self: center; }
 .card.badge .card-body { padding: 1.5rem 1.5rem 1.5rem 2rem; flex-grow: 3; color: white; --font-default: "Libre Franklin", sans-serif; font-family: var(--font-default); }
 .card.badge .card-label { color: var(--sky-blue-dark); margin-bottom: 0.5rem; }
 .card.badge .card-title { font-family: var(--font-heading); font-size: 2rem; color: white; margin-bottom: 0.5rem; }
 .card.badge .card-description { font-size: 1rem; }
 .card.badge.type-podcast { background: url(images/tex-sound-waves.svg) center center / 55% auto no-repeat, var(--brand-blue); }
 .card.badge .card-link { color: white; font-size: 1rem; margin: 0; }
	 .card.badge .card-link .icon { fill: var(--brand-gold); height: 0.6em; }
 .card.badge .text-right { margin: 0; }

	.card.badge:hover { transform: scale(1.02); background-color: var(--brand-blue-light); }

/* Buttons
----------------------------------------------------*/
 .btn { display:inline-block; padding:0.8rem 1rem; border:3px solid transparent; border-radius:0.6rem; line-height:1.5rem; text-decoration:none; transition:all 125ms ease-in-out; font-size:1rem; font-family:var(--font-secondary); background-color: var(--sky-blue-light); }
 .btn:focus { border-color:var(--link-focus); outline:none; }
 .btn:visited { color:var(--brand-blue); }
 .btn svg { vertical-align:middle; width: 0.4rem; margin-left:0.3rem; transition:transform .25s ease-in-out}
 .btn:hover svg { transform:translateX(0.325em); }
 .btn-inline { color:var(--brand-blue); background-color: transparent; }
 .btn-inline:hover,
 .btn:hover { color:var(--brand-blue); background-color:var(--sky-blue); transform:scale(1.02); }
 .btn-inline:active { color:var(--brand-blue); background-color:var(--sky-blue); }
 .btn-inline svg { fill:var(--brand-gold); }
 .btn-hidden { display:none; }
 .btn-hidden-mobile { display:block; }


 /* B-Roll Video
 ----------------------------------------------------*/
 /* .broll { position:relative; }
 .broll-video { display: inline-block; vertical-align: baseline; max-width: 100%; }
 .broll-controls { display: block; position: absolute; top: 0; width: 100%; aspect-ratio: 16/9; z-index: 1; }
 .broll-progress { width: 100%; height:3px; border:none; color: var(--brand-gold-light); background-color: rgba(0,0,0,0.5); -webkit-appearance:none; appearance:none; top: auto; bottom: 0; left: 0; position: absolute; }
	 .broll-progress::-webkit-progress-bar { background-color:transparent; }
	 .broll-progress::-webkit-progress-value { background-color:var(--brand-gold-light); }
	 .broll-progress::-moz-progress-bar { background-color:var(--brand-gold-light); }
 .broll-toggle { position:absolute; left:1rem; bottom:1rem; width:70px; height:70px; border: none; background: url(images/broll-play-btn.svg) center center / contain no-repeat; transition: opacity 500ms ease-in-out; text-indent: -999em; padding: 0;}
	.broll-toggle:hover { cursor: pointer; }
	.no-js .broll-toggle { display:none; }
 .broll.playing .broll-toggle { background: url(images/broll-pause-btn.svg) center center / contain no-repeat; }
 .broll.paused .broll-toggle { background: url(images/broll-play-btn.svg) center center / contain no-repeat; }
 .broll.paused .broll-toggle,
 .broll.playing:hover .broll-toggle { opacity:1; }
 .broll.playing .broll-toggle { opacity:0; }
 .broll-caption { margin-top: 0.75rem; } */

/* Footer
----------------------------------------------------*/
 .site-footer { position:relative; text-align:center; margin-top:2rem; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; }
 .site-footer p { clear:both; margin:0; font-size:1rem; }
 .site-footer a { color: white; }
 .site-footer svg { fill: white; }
 .footer-global { padding:2rem 0 0; }
 .footer-global li { padding:0.5rem 0; }
 .social { margin:2rem 0; }
 .copyright { font-weight:bold; }
 .address { display:block; margin:0; }
 .vcard.adr { padding-bottom: 1.5rem; }
 .ndmark { width:200px; margin:2em auto; }
 .footer-global-links { padding:1rem 0; background:var(--story-green-dark); font-size:1rem; }
 .footer-global-links a { padding:0.45rem 1rem; border-radius:0.5rem; transition:all 125ms ease-in-out; color: white; text-decoration:none; transition:all 125ms ease-in-out; }
 .footer-global-links a:hover { text-decoration:underline; }
 .footer-global-links nav a:hover { text-decoration:none; background-color:transparent; }
 .footer-global-links li { margin:0 1rem; padding:0.5rem 0; }
 .footer-links-content { text-align:center; }
 .footer-links-policy { justify-content:flex-end; text-align:center; }
 }

/*************************************************************************************
* 3. Media Queries
************************************************************************************/

/** 580px **
----------------------------------------------------*/
@media only screen and (min-width:36.25em) {

/* Header
----------------------------------------------------*/
 .lede { font-size:1.6rem; }
}

/** 768px **
----------------------------------------------------*/
@media only screen and (min-width:48em) {

/* Header
----------------------------------------------------*/
 body { background: url('images/pattern-halftone_g-2000.webp') center center / cover no-repeat; background-attachment: fixed; }
 .brandbar li { margin:0 auto; }
 .header-image { aspect-ratio: 8/5.33; }
 .site-title { font-size:3em; }
 .subtitle { font-size:1.8rem; text-align: center; }

 /* Header - Centered */
 .header-centered .titlebar { grid-column: 3/5; }
 .header-centered .hdr-campus:after { background-image:url('images/hdr-campus-1200.jpg');}

 /* Header - 50/50 */
 .header-50-50 .header-image { height:50vh; }

 /* Header - Full Bleed Video */
 .header-video { z-index: -999; margin-top: 0; }


/* Content
----------------------------------------------------*/
 h2 { font-size:2.3em; }
 h3 { font-size:1.75em; }
 h4 { font-size:1.5em; }
 h5 { font-size:1.25em; }
 h6 { font-size:1.125em; }

 blockquote p { margin:2em 3em 2em 3em; }

 .card.badge { flex-flow: row nowrap; }

 .related { display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:var(--grid-gap); }
 .related article { width:48%; display:inline-block; margin-right:1%; }
 .related.float-right article { width:48%; margin-right:1%; display:inline-block; }
 .related.main article { width:49%; margin:0 0.115em; display:inline-block; }

 .photo-quote { display:grid; grid-template-columns:repeat(7, 1fr); grid-column-gap:var(--grid-gap); }
	.photo-quote figure { grid-column:1/3; width:100%; }
	.photo-quote blockquote { grid-column:3/8; }
	 .photo-quote blockquote p { margin:0 1em 2em; }
 .photo-quote.pull figure {grid-column: 1/8; width:40%; margin-bottom:2rem;}
 .photo-quote.pull blockquote {grid-column:1/8;}

/* Buttons/Hover
----------------------------------------------------*/
 .btn-hidden { display:block; }
 .btn-hidden-mobile { display:none; }
 .hover-more { background-image:none; }
 .hover-more:hover,
 .hover-more:focus-within { background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"%3E%3Cpath fill="%23ae9142" d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/%3E%3C/svg%3E'); background-position-x:calc(100% - 1.5rem); }

 /* Images
 ----------------------------------------------------*/
 .full,
 .figgroup-2,
 .figgroup-3,
 .figgroup-3-combo,
 .figgroup-4,
 .figgrouping { margin:3rem 0; clear: both; }

 .figgrouping .figgroup-2,
 .figgrouping .figgroup-3,
 .figgrouping .figgroup-3-combo,
 .figgrouping .figgroup-4 { margin: var(--grid-gap) 0; }

 .full-bleed,
 .full-bleed { aspect-ratio: 8/5.25; grid-column: 1/7; }
 .figgroup-2 { grid-template-columns:repeat(2, 1fr); grid-column-gap:var(--grid-gap); }
 .figgroup-3 { grid-template-columns:repeat(3, 1fr); grid-column-gap:var(--grid-gap); }
 .figgroup-3-combo img,
 .figgroup-4 img { margin:0; }
 .figgroup-3-combo figure,
 .figgroup-4 figure { margin:0; }
 .figgroup-3-combo figcaption,
 .figgroup-4 figcaption { margin:-0.65em 0 0; grid-column:1/9; }
 .figgroup-3-combo { display:grid; grid-template-columns:repeat(8, 1fr); grid-gap:1.5rem; }
 .figgroup-3-combo img:nth-child(1) { grid-column:1/5; grid-row:1/9; }
 .figgroup-3-combo img:nth-child(2) { grid-column:5/9; grid-row:1/6; }
 .figgroup-3-combo img:nth-child(3) { grid-column:5/9; grid-row:6/9; }
 .figgroup-4 { display:grid; grid-template-columns:repeat(8, 1fr); grid-gap:var(--grid-gap); }
 .figgroup-4 img:nth-child(1) { grid-column:1/3; grid-row:1/2; }
 .figgroup-4 img:nth-child(2) { grid-column:3/5; grid-row:1/2; }
 .figgroup-4 img:nth-child(3) { grid-column:1/5; grid-row:2/9; }
 .figgroup-4 img:nth-child(4) { grid-column:5/9; grid-row:1/9; }

 /* Full width captions */
 .figgroup-2.full-caption figcaption,
	.figgroup-4.full-caption figcaption { grid-column: 1/3; }
	.figgroup-3.full-caption figcaption { grid-column: 1/4; }

 .aside-vertical { display: flex; flex-flow: column; clear: both; position: relative; }
 .aside-horizontal { display: flex; flex-flow: row nowrap; clear: both; position: relative; }
	.aside-horizontal img { width: 35%; min-width: unset; max-width: unset; display: flex; align-self: flex-start; margin-bottom: 0; }
	.aside-vertical img { margin-bottom: 1.5rem; }
	.aside-horizontal .aside-content { width: 65%; padding: 0 0 0 1.5rem; display: flex; flex-flow: column; }
	.aside-horizontal .aside-content p { font-size: 1.05rem; }

 /* Footer
 ----------------------------------------------------*/
 .social li { display:inline-block; margin:0 0.25rem; }
 .footer-links-content li { margin-right:0.5rem; display:inline-block; }
 .footer-links-policy li { margin-left:0.5rem; display:inline-block; }
}

/** 1000px **
----------------------------------------------------*/
@media only screen and (min-width:62.5em) {
 h2 { font-size: 3em; }
 h3 { font-size: 2.5em; }
 h4 { font-size: 1.5em; }
 h5 { font-size: 1.25em; }
 h6 { font-size: 1.125em; }

 /* Header
 ----------------------------------------------------*/
 .category { font-size:1.2rem; margin:0 0 0.5rem; }
 .site-title { font-size:3rem; }
 .header-overlay { width:68vw; left:15%; bottom:8rem; }

 /* Header - Centered */
 .header-centered .hdr-campus:after { height:32rem; }
	.header-centered .header-image { margin:6rem auto 2.5rem; }
	.header-centered .header-overlay { width:68vw; left:15%; bottom:8rem; }

 /* Header - 50/50 */
 .header-50-50 { grid-template-columns:repeat(12,1fr); grid-gap:0; }
 .header-50-50 .header-image { height:100vh; grid-column:7/13; grid-row:1/2; }
 .header-50-50 .titlebar { margin-top:13rem; grid-column:2/6; grid-row:1/2; }

 .header-full-image .titlebar { height: 100vh; }

 .grid .sidebar { display: grid; }
	.sidebar .sticky-container { position: -webkit-sticky; position: sticky; top: 1.5rem; align-self: flex-start; }


/* Images & Video
	----------------------------------------------------*/
 .image-right,
 .image-left { max-width:52%; font-size:0.9rem; text-align:left; color:#888; line-height:1.4em; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; }
 .image-right { float:right; margin:0 0 1.2em 3em; }
 .image-left { float: left; margin: 0 3em 1.2em 0; }
 .header-image { }
 .video-right {width:52%; float:right; margin:0 0 1.2em 3em;}

 .full,
 .figgroup-2,
 .figgroup-3,
 .figgroup-3-combo,
 .figgroup-4,
 .figgrouping { margin:4rem var(--offset); --offset: -5vw; }

 .figgrouping .figgroup-2,
 .figgrouping .figgroup-3,
 .figgrouping .figgroup-3-combo,
 .figgrouping .figgroup-4 { margin: var(--grid-gap) 0; }

 .full.right {
	 --offset: calc(((100vw - (23em * 2 + var(--grid-gap))) / 2) * -1); /* Negative (pull) number */
	 --inset: calc((100vw - (23em * 2 + var(--grid-gap))) / 2); /* Positive (push) number */
	 margin-right: var(--offset);
	 margin-left: 0;
	 width: calc(100vw - var(--inset));
 }

 .full.left {
	 --offset: calc(((100vw - (23.4rem * 2 + var(--grid-gap))) / 2) * -1); /* Negative (pull) number */
	 --inset: calc((100vw - (23.4rem * 2 + var(--grid-gap))) / 2); /* Positive (push) number */
	 margin-left: var(--offset);
	 margin-right: 0;
	 width: calc(100vw - var(--inset));
 }

 .full.left figcaption { text-align: right; padding-left: --grid-gap; }
 .full.right figcaption { text-align: left; padding-right: --grid-gap; }

 .image-right,
 .video-right { margin-right:var(--offset); }

 .image-left,
 .video-left { margin-left: var(--offset); }

 .pull.slim { width: 25vw; }

 /* Content
 ----------------------------------------------------*/
 .section .grid { --grid-gap: 3vw; }
 .section--intro-01::after { content: ""; top: 0; left: -15%; margin-top: -7vw; display: block; position: absolute; width: 130%; height: calc(100% + 10vw); z-index: -1; background: url('images/pattern-hatch_w-2000.webp') center center / cover no-repeat, white; transform: rotate(2deg); }
 .section--voices-03 { margin: -6.5rem 0 0; padding: 10vw 0; }
 .section--grandaddy-06::after { content: ""; top: 0; left: -15%; margin-top: -3.5vw; display: block; position: absolute; width: 130%; height: calc(100% + 10vw); z-index: -1; background: url('images/pattern-hatch_w-2000.webp') center center / cover no-repeat, white; transform: rotate(-2deg); }
 .section--conclusion-08 .image-right { --offset: -5vw; max-width: 55%; }

 blockquote { margin:0; }
 blockquote.pull:not(.quote) p { margin-top:0; }
 .pull { width:40vw; margin-right: var(--offset); float:right; margin-left: 2rem; margin-top: 2rem; margin-bottom: 2rem; }

 .related { margin: 3rem auto; }

 .photo-quote blockquote p { margin:1em 1em 2em; }
 .photo-quote.pull figure {grid-column:2/8; width:55%;}
 .photo-quote.pull blockquote{grid-column:2/8;}
 .photo-quote.pull blockquote p {margin:0 1em 1em;}

 #mc_embed_signup .mc-field-group { width:100% !important; grid-column:1/6; }
	.optionalParent { width:100% !important; grid-column:6/8; }

 /* Card Badges -----------------------------------*/
	 .card.badge.pull { margin-left: 2rem; margin-top: 2rem; margin-bottom: 2rem;	}

 /* Footer
 ----------------------------------------------------*/
 .footer-global { padding:3rem 0 0; }
 .footer-global li { padding:0; }
 .footer-global .col { display:flex; justify-content:space-between; max-width:90vw; margin:0 auto 1rem; }
 .footer-global .social { justify-self:center; max-width:500px; }
 .footer-global .social svg { margin-right:0.25rem; vertical-align:text-bottom; margin-bottom:2px; }
 .footer-global .social ul { display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:0.5rem; justify-items:start; }
 .footer-global .ndmark { margin:0; }
 .footer-global .social { margin:0; }
 .footer-global .vcard { text-align:left; }
 .social li { display:inline-block; margin:0 0.25rem; font-size:1rem; }
 .social a { color:white; padding:0.5rem 1rem; margin-top:-0.5rem; display:block; border-radius:0.6rem; border:3px solid transparent; transition:all 125ms ease-in-out; }
 .social a:hover { background-color: white; color:var(--story-green); }
 .social a:focus { border-color:var(--link-focus); outline:none; }
 .social a:active { color:var(--story-green-dark); background-color: white; }
 .social a:hover svg { fill:var(--story-green); }
 .footer-global-links { font-size:.875rem; }
 .footer-global-links nav { display:flex; }
 .footer-global-links ul { width:50%; margin:0; }
 .footer-links-content { text-align:left; }
 .footer-links-content li { margin:0; display:inline-block; }
 .footer-links-policy { justify-content:flex-end; text-align:right; }
 .footer-links-policy li { margin-left:0.5rem; display:inline-block; }
 .vcard p { font-size:0.875rem; line-height:1.6rem; }
}


/** 1200px **
----------------------------------------------------*/
@media only screen and (min-width:75em) {

/* Header
----------------------------------------------------*/
 .header-image {	}
 .site-title { font-size:3.75em; }
 .subtitle { font-size:1.9rem; }

 /* Header - Centered */
 .header-centered .hdr-campus:after { height:36rem; background-image:url('images/hdr-campus-1600.jpg'); }

 /* Header - 50/50 */
 .header-50-50 .header-image { grid-column:7/13; grid-row:1/2; }
 .header-50-50 .titlebar { margin-top:15rem; grid-column:2/6; grid-row:1/2; }


 /* Images
----------------------------------------------------*/
 .full-bleed img,
 .full-bleed video { width:100vw; }

/* Content
----------------------------------------------------*/
 .pull { width:32vw; }
 .social li { font-size:1.125rem; }
 .section--voices-03 { padding: 7vw 0; }
}

/** 1400px **
----------------------------------------------------*/
@media only screen and (min-width:87.5em) {
 .section--conclusion-08 { grid-column: 3/5; }
	.section--conclusion-08 .image-right { --offset: -25vw; max-width: 80%; }

 .pull.slim { width: 20vw; }
 .related .category { font-size:0.9rem; }
 .related .headline h3 { font-size:1.35rem; }
 .footer-global .col { max-width:78vw;}
}

/** 1600px **
----------------------------------------------------*/
@media only screen and (min-width:100em) {
 .header-image {	}
}

/** 1800px **
----------------------------------------------------*/
@media only screen and (min-width:112.5em) {
 .pull { width:25vw; }
}

/* Story Slider */
@media screen {
.slider { position:relative; margin:2rem 0 3rem; }
.slides { display:flex; grid-gap:2.25rem; align-items:center; scroll-behavior:smooth; overflow-x:scroll; overflow-y:hidden; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;}
	.slider .cover { display:flex; flex-direction:column; width:100vw; max-width:650px; padding:2rem 2.5rem; color:#fff; background:var(--brand-blue) url('images/slider-bg.jpg') center top / cover no-repeat; }
	.slider .cover .body p { flex:1; font-size:1.15rem; line-height:1.65; color:#eee; font-family:var(--font-secondary); }
	.slider .cover .body a,
	.slider .cover .body a:link,
	.slider .cover .body a:hover,
	.slider .cover .body a:visited { color:#ccc; }
	.slider .cover .title { margin:0 0 1.5rem; font-size:2rem; line-height:1.1; color:#fff; font-family:var(--font-heading); }
	.slider .cover .subtitle { font-size:0.9rem; letter-spacing:1px; margin-bottom:0.5rem; text-transform:uppercase; color:var(--gray-light); }
	.slider .cover .drag-cta { display:flex; gap:1rem; align-items:center; color:#fff; font-size:1.1rem; line-height:1.6; font-family:var(--font-secondary); background:none; border:none; text-align:right; }
	.slider .cover .drag-cta .icon { color:var(--brand-gold); }
	.slider .cover .drag-cta .cta { width:100%; }
		.slider .cover .drag-cta:hover {cursor:pointer;}

	.slider .slide { flex:1 0 auto; scroll-snap-align:start; }
	.slider .slide img {max-height:100%; }
	.slider .slide .entry-wrapper p { padding:0 1rem; font-size:1rem; font-family:var(--font-secondary); }
	.slider .slide.image { max-width:880px; width:100vw; }
	.slider .slide.image .entry-wrapper { height:100%; width:100%; }
	.slider .slide.image .entry-wrapper .image-wrapper { height:100%; }
	.slider .slide.text-above-image,
	.slider .slide.text-below-image { max-width:455px; overflow:hidden; width:100vw;}
	.slider .slide.text-above-image .entry-wrapper,
	.slider .slide.text-below-image .entry-wrapper { display:flex; height:100%; }
	.slider .slide.text-above-image .entry-wrapper img,
	.slider .slide.text-below-image .entry-wrapper img { width:533px; }
	.slider .slide.text-above-image .entry-wrapper { flex-direction:column; }
	.slider .slide.text-below-image .entry-wrapper { flex-direction:column-reverse; }
	.slider .slide.text-below-image .entry-wrapper .image-wrapper,
	.slider .slide.text-above-image .entry-wrapper p { margin-bottom:1.5rem; }
	.slider .slide.text-below-image .entry-wrapper p { flex:1; }

	.slider .btn { position:absolute; top:50%; z-index:1; transform:translateY(-50%); height:45px; width:45px; border-radius:100%; transition:opacity 0.4s; background-color:rgba(12,35,64,0.75); background-position:50% 50%; background-repeat:no-repeat;}
		.slider .btn:hover { cursor:pointer; }
		.slider .btn.slide-prev,
		.slider .btn.slide-next { display:none; }
		.js .slider .btn.slide-prev,
		.js .slider .btn.slide-next { display:block; }
		.slider .btn.slide-next { right:10px; background-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z" fill="%23FFF" fill-rule="evenodd"/></svg>'); }
		.slider .btn.slide-prev { left:10px; background-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z" fill="%23FFF" fill-rule="evenodd"/></svg>'); }
}

/** 768px **
----------------------------------------------------*/
@media only screen and (min-width:48em) {
	.slider { margin:5rem 0 6rem;}
	.slider .cover { padding:6.5rem 6rem; }
	.slider .cover .title { font-size:2.65rem; }
}

/* Icons
<span class="icon" data-icon="nd-monogram"></span>
https://dev.conductor.nd.edu/icons/
----------------------------------------------------*/
 .icon {display:inline-block; width:1em; height:1em; fill:currentColor;}

/* Fonts
https://dev.conductor.nd.edu/fonts/
----------------------------------------------------*/
@font-face {font-family:GPC; font-weight:700; font-style:normal; font-display:swap;
	src:url("https://static.nd.edu/fonts/gp-min/gpc-bold.woff2") format("woff2"),
			url("https://static.nd.edu/fonts/gp-min/gpc-bold.woff") format("woff");
}
@font-face {font-family:Sumana; font-weight:400; font-style:normal; font-display:swap;
	src:url("https://static.nd.edu/fonts/google/sumana-400.woff2") format("woff2"),
			url("https://static.nd.edu/fonts/google/sumana-400.woff") format("woff");
}
@font-face {font-family:Sumana; font-weight:700; font-style:normal; font-display:swap;
	src:url("https://static.nd.edu/fonts/google/sumana-700.woff2") format("woff2"),
			url("https://static.nd.edu/fonts/google/sumana-700.woff") format("woff");
}
@font-face {font-family:"Libre Franklin"; font-weight:300; font-style:normal; font-display:swap;
	src:url("https://static.nd.edu/fonts/google/libre-franklin-300.woff2") format("woff2"),
			url("https://static.nd.edu/fonts/google/libre-franklin-300.woff") format("woff");
}
@font-face {font-family:"Libre Franklin"; font-weight:400; font-style:normal; font-display:swap;
	src:url("https://static.nd.edu/fonts/google/libre-franklin-400.woff2") format("woff2"),
			url("https://static.nd.edu/fonts/google/libre-franklin-400.woff") format("woff");
}
@font-face {font-family:"Libre Franklin"; font-weight:700; font-style:normal; font-display:swap;
	src:url("https://static.nd.edu/fonts/google/libre-franklin-700.woff2") format("woff2"),
			url("https://static.nd.edu/fonts/google/libre-franklin-700.woff") format("woff");
}

/* Image Compare */
.icv{position:relative;overflow:hidden;cursor:row-resize}
.icv__icv--vertical{cursor:row-resize}
.icv__icv--horizontal{cursor:col-resize}
.icv__img{pointer-events:none;-o-user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;max-width:none;width:100%;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;top:0;display:block}
.icv__is--fluid .icv__img{display:none}
.icv__img-a{height:auto;position:static;z-index:1;left:0px}
.icv__img-b{height:100%;position:absolute;z-index:2;left:auto;right:0px;width:auto}
.icv__icv--vertical .icv__img-b{width:100%;height:auto}
.icv__imposter{z-index:4;position:absolute;top:0px;left:0px;width:100%;height:100%}
.icv__wrapper{position:absolute;width:100%;height:100%;right:0px;top:0px;overflow:hidden;background-size:cover;background-position:center center;z-index:3}
.icv__is--fluid .icv__wrapper,.icv__icv--vertical .icv__wrapper{width:100% !important}
.icv__is--fluid .icv__wrapper,.icv__icv--horizontal .icv__wrapper{height:100% !important}
.icv__fluidwrapper{background-size:cover;background-position:center;position:absolute;top:0;left:0;width:100%;height:100%}
.icv__control{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;top:0px;z-index:5}
.icv__icv--vertical .icv__control{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;left:0;width:100%}
.icv__control-line{height:50%;width:2px;z-index:6}
.icv__icv--vertical .icv__control-line{width:50%}
.icv__theme-wrapper{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;-webkit-transition:all 0.1s ease-out 0s;transition:all 0.1s ease-out 0s;z-index:5}
.icv__icv--vertical .icv__theme-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.icv__arrow-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-out 0s;transition:all 0.1s ease-out 0s}
.icv__arrow-a{-webkit-transform:scale(1.5) rotateZ(180deg);transform:scale(1.5) rotateZ(180deg);height:20px;width:20px;-webkit-filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.33));filter:drop-shadow(0px -3px 5px rgba(0,0,0,0.33))}
.icv__arrow-b{-webkit-transform:scale(1.5) rotateZ(0deg);transform:scale(1.5) rotateZ(0deg);height:20px;width:20px;-webkit-filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.33));filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.33))}
.icv__circle{width:50px;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;border-radius:999px}
.icv__label{position:absolute;bottom:1rem;z-index:12;background:rgba(0,0,0,0.33);color:white;border-radius:3px;padding:0.5rem 0.75rem;font-size:0.85rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.icv__label.vertical{bottom:auto;left:1rem}
.icv__label.on-hover{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22);transition:0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22)}
.icv:hover .icv__label.on-hover{-webkit-transform:scale(1);transform:scale(1)}
.icv__label-before{left:1rem}
.icv__label-after{right:1rem}
.icv__label-before.vertical{top:1rem}
.icv__label-after.vertical{bottom:1rem;right:auto}
.icv__body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; padding-right: 0 !important; }

/*************************************************************************************
 * Grid
 ************************************************************************************/

.row {
	flex-flow: row;
	width: 100%;
}

.row-container {
	flex-flow: row;
	margin: 0 auto;
	max-width: 90vw;
	padding-left: 0;
	padding-right: 0;
}

.grid {
	grid-gap: 1.5rem;
	grid-gap: var(--grid-gap);
	clear: both;
	display: grid;
	list-style: none;
	padding: 0;
}

.grid>* {
	display: block;
	overflow: auto;
	width: auto;
}

.grid.no-gap {
	grid-gap: 0;
}

.grid-xs-2 {
	grid-template-columns: repeat(2, minmax(0, 50%));
}

.grid-xs-3 {
	grid-template-columns: repeat(3, minmax(0, 33.3%));
}

.grid-xs-4 {
	grid-template-columns: repeat(4, minmax(0, 25%));
}

.grid-xs-5 {
	grid-template-columns: repeat(5, minmax(0, 20%));
}

.grid-xs-6 {
	grid-template-columns: repeat(6, minmax(0, 16.6%));
}

[class*=grid-xs-]>[class*=span-xs] {
	width: auto;
}

.order-xs--1 {
	order: -1;
}

.order-xs-0 {
	order: 0;
}

.order-xs-1 {
	order: 1;
}

.order-xs-2 {
	order: 2;
}

.order-xs-3 {
	order: 3;
}

.order-xs-4 {
	order: 4;
}

.order-xs-5 {
	order: 5;
}

.span-xs-1 {
	grid-column: span 1;
}

.span-xs-2 {
	grid-column: span 2;
}

.span-xs-3 {
	grid-column: span 3;
}

.span-xs-4 {
	grid-column: span 4;
}

.span-xs-5 {
	grid-column: span 5;
}

.span-xs-6 {
	grid-column: span 6;
}

.full,
.span-full {
	grid-column: 1 / -1;
}

/* 480px */

@media only screen and (min-width:30em),
print {
	.grid-sm-1 {
		grid-template-columns: 100%;
	}

	.grid-sm-2 {
		grid-template-columns: repeat(2, minmax(0, 50%));
	}

	.grid-sm-3 {
		grid-template-columns: repeat(3, minmax(0, 33.3%));
	}

	.grid-sm-4 {
		grid-template-columns: repeat(4, minmax(0, 25%));
	}

	.grid-sm-5 {
		grid-template-columns: repeat(5, minmax(0, 20%));
	}

	.grid-sm-6 {
		grid-template-columns: repeat(6, minmax(0, 16.6%));
	}

	[class*=grid-sm-]>[class*=span-sm] {
		width: auto;
	}

	.span-sm-1 {
		grid-column: span 1;
	}

	.span-sm-2 {
		grid-column: span 2;
	}

	.span-sm-3 {
		grid-column: span 3;
	}

	.span-sm-4 {
		grid-column: span 4;
	}

	.span-sm-5 {
		grid-column: span 5;
	}

	.span-sm-6 {
		grid-column: span 6;
	}

	.order-sm--1 {
		order: -1;
	}

	.order-sm-0 {
		order: 0;
	}

	.order-sm-1 {
		order: 1;
	}

	.order-sm-2 {
		order: 2;
	}

	.order-sm-3 {
		order: 3;
	}

	.order-sm-4 {
		order: 4;
	}

	.order-sm-5 {
		order: 5;
	}
}

/* 768px */

@media only screen and (min-width:48em),
print {
	.grid>* {
		overflow: inherit;
	}

	.grid-md-1 {
		grid-template-columns: 100%;
	}

	.grid-md-2 {
		grid-template-columns: repeat(2, minmax(0, 50%));
	}

	.grid-md-3 {
		grid-template-columns: repeat(3, minmax(0, 33.3%));
	}

	.grid-md-4 {
		grid-template-columns: repeat(4, minmax(0, 25%));
	}

	.grid-md-5 {
		grid-template-columns: repeat(5, minmax(0, 20%));
	}

	.grid-md-6 {
		grid-template-columns: repeat(6, minmax(0, 16.6%));
	}

	[class*=grid-md-]>[class*=span-md] {
		width: auto;
	}

	.span-md-1 {
		grid-column: span 1;
	}

	.span-md-2 {
		grid-column: span 2;
	}

	.span-md-3 {
		grid-column: span 3;
	}

	.span-md-4 {
		grid-column: span 4;
	}

	.span-md-5 {
		grid-column: span 5;
	}

	.span-md-6 {
		grid-column: span 6;
	}

	.order-md--1 {
		order: -1;
	}

	.order-md-0 {
		order: 0;
	}

	.order-md-1 {
		order: 1;
	}

	.order-md-2 {
		order: 2;
	}

	.order-md-3 {
		order: 3;
	}

	.order-md-4 {
		order: 4;
	}

	.order-md-5 {
		order: 5;
	}
}

/* 960px */

@media only screen and (min-width:60em) {
	.grid-ml-1 {
		grid-template-columns: 100%;
	}

	.grid-ml-2 {
		grid-template-columns: repeat(2, minmax(0, 50%));
	}

	.grid-ml-3 {
		grid-template-columns: repeat(3, minmax(0, 33.3%));
	}

	.grid-ml-4 {
		grid-template-columns: repeat(4, minmax(0, 25%));
	}

	.grid-ml-5 {
		grid-template-columns: repeat(5, minmax(0, 20%));
	}

	.grid-ml-6 {
		grid-template-columns: repeat(6, minmax(0, 16.6%));
	}

	[class*=grid-ml-]>[class*=span-ml] {
		width: auto;
	}

	.span-ml-1 {
		grid-column: span 1;
	}

	.span-ml-2 {
		grid-column: span 2;
	}

	.span-ml-3 {
		grid-column: span 3;
	}

	.span-ml-4 {
		grid-column: span 4;
	}

	.span-ml-5 {
		grid-column: span 5;
	}

	.span-ml-6 {
		grid-column: span 6;
	}

	.order-ml--1 {
		order: -1;
	}

	.order-ml-0 {
		order: 0;
	}

	.order-ml-1 {
		order: 1;
	}

	.order-ml-2 {
		order: 2;
	}

	.order-ml-3 {
		order: 3;
	}

	.order-ml-4 {
		order: 4;
	}

	.order-ml-5 {
		order: 5;
	}
}

/* 1200px */

@media only screen and (min-width:75em) {
	.grid-lg-1 {
		grid-template-columns: 100%;
	}

	.grid-lg-2 {
		grid-template-columns: repeat(2, minmax(0, 50%));
	}

	.grid-lg-3 {
		grid-template-columns: repeat(3, minmax(0, 33.3%));
	}

	.grid-lg-4 {
		grid-template-columns: repeat(4, minmax(0, 25%));
	}

	.grid-lg-5 {
		grid-template-columns: repeat(5, minmax(0, 20%));
	}

	.grid-lg-6 {
		grid-template-columns: repeat(6, minmax(0, 16.6%));
	}

	[class*=grid-lg-]>[class*=span-lg] {
		width: auto;
	}

	.span-lg-1 {
		grid-column: span 1;
	}

	.span-lg-2 {
		grid-column: span 2;
	}

	.span-lg-3 {
		grid-column: span 3;
	}

	.span-lg-4 {
		grid-column: span 4;
	}

	.span-lg-5 {
		grid-column: span 5;
	}

	.span-lg-6 {
		grid-column: span 6;
	}

	.order-lg--1 {
		order: -1;
	}

	.order-lg-0 {
		order: 0;
	}

	.order-lg-1 {
		order: 1;
	}

	.order-lg-2 {
		order: 2;
	}

	.order-lg-3 {
		order: 3;
	}

	.order-lg-4 {
		order: 4;
	}

	.order-lg-5 {
		order: 5;
	}
}

/* 1400px */

@media only screen and (min-width:87.5em) {
	.grid-xl-1 {
		grid-template-columns: 100%;
	}

	.grid-xl-2 {
		grid-template-columns: repeat(2, minmax(0, 50%));
	}

	.grid-xl-3 {
		grid-template-columns: repeat(3, minmax(0, 33.3%));
	}

	.grid-xl-4 {
		grid-template-columns: repeat(4, minmax(0, 25%));
	}

	.grid-xl-5 {
		grid-template-columns: repeat(5, minmax(0, 20%));
	}

	.grid-xl-6 {
		grid-template-columns: repeat(6, minmax(0, 16.6%));
	}

	[class*=grid-xl-]>[class*=span-xl] {
		width: auto;
	}

	.span-xl-1 {
		grid-column: span 1;
	}

	.span-xl-2 {
		grid-column: span 2;
	}

	.span-xl-3 {
		grid-column: span 3;
	}

	.span-xl-4 {
		grid-column: span 4;
	}

	.span-xl-5 {
		grid-column: span 5;
	}

	.span-xl-6 {
		grid-column: span 6;
	}

	.order-xl--1 {
		order: -1;
	}

	.order-xl-0 {
		order: 0;
	}

	.order-xl-1 {
		order: 1;
	}

	.order-xl-2 {
		order: 2;
	}

	.order-xl-3 {
		order: 3;
	}

	.order-xl-4 {
		order: 4;
	}

	.order-xl-5 {
		order: 5;
	}
}

/* 1600px */

@media only screen and (min-width:100em) {
	.grid-xxl-1 {
		grid-template-columns: 100%;
	}

	.grid-xxl-2 {
		grid-template-columns: repeat(2, minmax(0, 50%));
	}

	.grid-xxl-3 {
		grid-template-columns: repeat(3, minmax(0, 33.3%));
	}

	.grid-xxl-4 {
		grid-template-columns: repeat(4, minmax(0, 25%));
	}

	.grid-xxl-5 {
		grid-template-columns: repeat(5, minmax(0, 20%));
	}

	.grid-xxl-6 {
		grid-template-columns: repeat(6, minmax(0, 16.6%));
	}

	[class*=grid-xxl-]>[class*=span-xxl] {
		width: auto;
	}

	.span-xxl-1 {
		grid-column: span 1;
	}

	.span-xxl-2 {
		grid-column: span 2;
	}

	.span-xxl-3 {
		grid-column: span 3;
	}

	.span-xxl-4 {
		grid-column: span 4;
	}

	.span-xxl-5 {
		grid-column: span 5;
	}

	.span-xxl-6 {
		grid-column: span 6;
	}

	.order-xxl--1 {
		order: -1;
	}

	.order-xxl-0 {
		order: 0;
	}

	.order-xxl-1 {
		order: 1;
	}

	.order-xxl-2 {
		order: 2;
	}

	.order-xxl-3 {
		order: 3;
	}

	.order-xxl-4 {
		order: 4;
	}

	.order-xxl-5 {
		order: 5;
	}
}

/* 1920px
----------------------------------------------------*/

@media only screen and (min-width:120em) {
	.row-container {
		max-width: 108rem;
	}
}

/* Print
----------------------------------------------------*/

@media print {
	.grid-print-1 {
		grid-template-columns: 100%;
	}

	.grid-print-2 {
		grid-template-columns: repeat(2, minmax(0, 50%));
	}

	.grid-print-3 {
		grid-template-columns: repeat(3, minmax(0, 33.3%));
	}

	.grid-print-4 {
		grid-template-columns: repeat(4, minmax(0, 25%));
	}

	.grid-print-5 {
		grid-template-columns: repeat(5, minmax(0, 20%));
	}

	.grid-print-6 {
		grid-template-columns: repeat(6, minmax(0, 16.6%));
	}
}


/*************************************************************************************
 * 4. Themes
 ************************************************************************************/
@media screen {
	/* Brand Bar
	----------------------------------------------------*/
	.dept-nd a {width: 20vw; background-image:url('images/logo-stories-w.svg');}
}


/*************************************************************************************
 * 5. Print Styles
 ************************************************************************************/
@media print {

	@page {margin:1.5cm;}
	body {font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
	figure,
	img,
	tr,
	.full-bleed {page-break-inside:avoid; object-fit: contain;}
	p, h2, h3 {orphans:3; widows:3;}
	h2, h3 {page-break-after:avoid;}

	a[href^="javascript:"]:after,
	a[href^="#"]:after {content:"";}
	.ndmark {width:150px;}

	.print-only { display: block; }

	/* Header
	 ----------------------------------------------------*/
	 .header-50-50 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; }
	 .titlebar { margin-top:3rem; grid-column:1/6; grid-row:1/2; }
	 .header-50-50 .header-image { width:50vw; max-height: 50vh; grid-column:7/13; grid-row:1/2; }
	 .brandbar { grid-column: 1/7; display: grid; grid-row: 1/1; }
	 .dept-nd a { height: 4rem; display: block; width: 100%; background:url('images/logo-stories-b.svg') center center / contain no-repeat; text-indent: -999rem; }
	 .category { font-size:1.2rem; margin:0 0 0.5rem; }
	 .site-title { font-size:3rem; }
	 .header-overlay { width:68vw; left:15%; bottom:8rem; }


	/* HIDDEN
	----------------------------------------------------*/
	progress,
	.skip-links,
	video,
	.video,
	.video-caption,
	.related,
	.footer-global-links,
	.social,
	#mc_embed_signup,
	.card.badge {display:none;}

	/* Images
	----------------------------------------------------*/
	.image-right {float:right; margin:0 0 1em 2em; width:45%;}
	.image-left {float:left; margin:0 2em 1em 0; width:45%;}

	.full-bleed { display:grid; grid-template-columns:1fr minmax(0, 23em) minmax(0, 23em) 1fr; grid-gap:var(--grid-gap); grid-row-gap:0.8em; }
	.full-bleed img,
	.full-bleed video { object-fit:cover; overflow:hidden; width:100%; grid-column:1/5; }
	.full-bleed figcaption { margin:0 0 2rem; grid-column:2/4; }

	.full,
	.figgroup-2,
	.figgroup-3,
	.figgroup-3-combo,
	.figgroup-4,
	.figgrouping { margin:3rem 0; }

	.figgrouping .figgroup-2,
	.figgrouping .figgroup-3,
	.figgrouping .figgroup-3-combo,
	.figgrouping .figgroup-4 { margin: var(--grid-gap) 0; }

	.full-bleed { margin:4rem 0; }
	.full-bleed figcaption { margin:0 var(--offset); }
	.figgroup-2 { grid-template-columns:repeat(2, 1fr); grid-column-gap:var(--grid-gap); }
	.figgroup-3 { grid-template-columns:repeat(3, 1fr); grid-column-gap:var(--grid-gap); }
	.figgroup-3-combo img, .figgroup-4 img { margin:0; }
	.figgroup-3-combo figure, .figgroup-4 figure { margin:0; }
	.figgroup-3-combo figcaption, .figgroup-4 figcaption { margin:-0.65em 0 0; grid-column:1/9; }
	.figgroup-3-combo { display:grid; grid-template-columns:repeat(8, 1fr); grid-gap:1.5rem; }
	.figgroup-3-combo img:nth-child(1) { grid-column:1/5; grid-row:1/9; }
	.figgroup-3-combo img:nth-child(2) { grid-column:5/9; grid-row:1/6; }
	.figgroup-3-combo img:nth-child(3) { grid-column:5/9; grid-row:6/9; }
	.figgroup-4 { display:grid; grid-template-columns:repeat(8, 1fr); grid-gap:var(--grid-gap); }
	.figgroup-4 img:nth-child(1) { grid-column:1/3; grid-row:1/2; }
	.figgroup-4 img:nth-child(2) { grid-column:3/5; grid-row:1/2; }
	.figgroup-4 img:nth-child(3) { grid-column:1/5; grid-row:2/9; }
	.figgroup-4 img:nth-child(4) { grid-column:5/9; grid-row:1/9; }

	/* Structure
	----------------------------------------------------*/
	.site-header {overflow:hidden; position:relative; margin:0 0 20px; padding:0; border-bottom:1px solid gray;}
	.brandbar {margin:2rem 0 1rem; font-size:9px; text-transform:uppercase; font-family:"Adobe Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; text-align:center; letter-spacing:1px;}
	.brandbar i {text-transform:none;}
	.site-title,
	.subline {margin:0; display:block; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; font-weight:400;}
	.site-header a,
	.site-title a,
	.subline a {color:#000;}

	.lede {font-size:1.2rem;}
	.site-title {margin:4px 0 2px; font-size:1.75em; font-family:var(--font-heading); font-weight:700; font-size:2.25rem;}
	.subtitle {font-family:"Libre Franklin", Helvetica, Arial, sans-serif; font-size:1.3rem;}
	.category {margin-top:1rem; font-family:"Libre Franklin", Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:1px; color:var(--gray);}
	.byline {font-size:0.9rem;}
	p {font-size:1rem;}

	.sidebar-heading { margin:0; }

	.site-footer {position:relative; clear:both; margin:20px 0 0; padding:20px 0 0; border-top:1px solid gray;}
	.site-footer p {margin:0;}
	.geo,
	.country-name {display:none;}
	.tel {display:block;}
	.site-footer .ndmark {position:absolute; top:20px; right:0;}

	/* Custom
	----------------------------------------------------*/
	.photo-quote figure { margin:4rem auto 0; width:22%; }
	.photo-quote blockquote { margin:2rem auto 4rem; width:80%; }
	.slider .cover .subtitle { font-size:0.9rem; letter-spacing:1px; margin-bottom:0.5rem; text-transform:uppercase;	}
	.image-wrapper { margin-bottom:1rem; }
	blockquote p { font-size:1.25rem; }
	.js .animate { opacity:1; }
}