//////////// // CRITICAL //////////// @layer critical { @font-face { font-family: 'Serif Fallback'; ascent-override: 85%; size-adjust: 110.85000000000004%; src: local('Times New Roman'); } @font-face { font-family: 'Sans Serif Fallback'; ascent-override: 80%; size-adjust: 111.77999999999994%; src: local('Arial'); } @font-face { font-family: 'Source Serif 4 UNL Wordmark'; font-weight: 500; font-display: swap; src: url('@fonts/source-serif-4/SourceSerif4-Medium-UNLwordmark.woff2?no-inline') format('woff2'); unicode-range: U+41-43, U+45, U+49, U+4B, U+4C, U+4E, U+4F, U+52-56, U+59 ; } @font-face { font-family: 'Source Serif 4 UNL Wordmark'; font-style: italic; font-display: swap; src: url('@fonts/source-serif-4/SourceSerif4-MediumItalic-UNLwordmark.woff2?no-inline') format('woff2'); unicode-range: U+66, U+6F; } @font-face { font-family: 'Work Sans'; font-weight: 400; font-display: swap; src: url('@fonts/work-sans/WorkSans-Regular.woff2?no-inline') format('woff2'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-display: swap; src: url('@fonts/work-sans/WorkSans-Italic.woff2?no-inline') format('woff2'); } @font-face { font-family: 'Work Sans'; font-weight: 600; font-display: swap; src: url('@fonts/work-sans/WorkSans-Semibold.woff2?no-inline') format('woff2'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url('@fonts/work-sans/WorkSans-SemiboldItalic.woff2?no-inline') format('woff2'); } @font-face { font-family: 'Work Sans'; font-weight: 700; font-display: swap; src: url('@fonts/work-sans/WorkSans-Bold.woff2?no-inline') format('woff2'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url('@fonts/work-sans/WorkSans-BoldItalic.woff2?no-inline') format('woff2'); } *, *:before, *:after { box-sizing: border-box } * { margin: 0; padding: 0 } *:not([role=dialog])[hidden], #unl-footer-herbie { display: none; } [role=dialog][hidden] { display: block; visibility: hidden } :root { --bg-body: #fefdfa; --bg-btn-inverse-primary: #ebebea; --bg-btn-inverse-secondary: transparent; --bg-btn-inverse-tertiary: transparent; --bg-btn-primary: #d00000; --bg-btn-secondary: #fefdfa; --bg-btn-tertiary: transparent; --b: #e3e3e2; --b-btn-primary: #d00000; --b-btn-secondary: currentColor; --b-btn-tertiary: transparent; --b-btn-inverse-primary: #ebebea; --b-btn-inverse-secondary: currentColor; --b-btn-inverse-tertiary: transparent; --body: #424240; --btn-primary: #fefdfa; --btn-secondary: #d00000; --btn-tertiary: #d00000; --btn-inverse-primary: #d00000; --btn-inverse-secondary: #ebebea; --btn-inverse-tertiary: #ebebea; --heading: #242423; --inverse: #fefdfa; --link: #d00000; } a:link { color: var(--link) } body { background-color: var(--bg-body); color: var(--body); overflow-x: hidden; width: 100vw } button, input[type=button], input[type=submit] { cursor: pointer; font: inherit; letter-spacing: inherit; word-spacing: inherit } h1 { font-size: 2em } h2 { font-size: 1.78em } h1, h2 { color: var(--heading); line-height: 1.13; margin-bottom: 1rem; margin-top: 0; text-wrap: balance; } html { font: normal 500 1em/1.5 'Work Sans', 'Sans Serif Fallback', sans-serif; font-synthesis: none; } ol, ul { padding-left: 1.78em } ol[role=list], ul[role=list] { list-style: none; padding: 0 } dl, ol, ul, p { margin-bottom: 1em; margin-top: 0; overflow-wrap: break-word; text-wrap: pretty } img, svg, video { display: block; height: auto; max-width: 100% } .unl h1, .unl h2 { font-weight: 600; letter-spacing: -.013em; margin-left: -.013em; } a.dcf-btn-primary, a.dcf-btn-secondary, .dcf-header a, .unl h1 a, .unl h2 a { text-decoration: none; } .dcf-bleed { left: 50%; margin-inline: -50vw; position: relative; right: 50%; width: 100vw; } .dcf-wrapper { padding-inline: 5.62vw; } .dcf-breadcrumbs li { align-items: center; display: flex; } .dcf-btn, .dcf-btn-as-link { appearance: none; cursor: pointer } a.dcf-btn-primary, a.dcf-btn-secondary, .dcf-header a, .unl h1 a, .unl h2 a { text-decoration: none; } .dcf-nav-local ul { margin-bottom: 0; padding-left: 0; } .unl .dcf-breadcrumbs ol { display: flex; flex-wrap: nowrap; padding-left: 5.62vw; } .dcf-nav-local ul, .unl .dcf-breadcrumbs ol { // Fix list-style: none in VoiceOver and Safari: https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E"); } .unl .dcf-breadcrumbs li { margin-bottom: 0; } .unl .dcf-breadcrumbs li:not(:last-child) { margin-right: .56em; // TODO: Convert to col-gap } .unl .dcf-breadcrumbs li:not(:last-child)::after { // border-bottom: .32em solid transparent; // border-left: .32em solid #c7c8ca; // border-top: .32em solid transparent; content: ""; margin-left: .56em; } .unl .dcf-btn { border-style: solid; border-width: 2px; font-size: .84em; font-weight: 600; padding: .75em 1em; } .unl .dcf-btn-inverse-primary { background-color: var(--bg-btn-inverse-primary); border-color: var(--b-btn-inverse-primary); color: var(--btn-inverse-primary); } .unl .dcf-btn-inverse-secondary { background-color: var(--bg-btn-inverse-secondary); border-color: var(--b-btn-inverse-secondary); color: var(--btn-inverse-secondary); } .unl .dcf-btn-inverse-tertiary { background-color: var(--bg-btn-inverse-tertiary); border-color: var(--b-btn-inverse-tertiary); color: var(--btn-inverse-tertiary); } .unl .dcf-btn-primary { background-color: var(--bg-btn-primary); border-color: var(--b-btn-primary); color: var(--btn-primary); } .unl .dcf-btn-secondary { background-color: var(--bg-btn-secondary); border-color: var(--b-btn-secondary); color: var(--btn-secondary); } .unl .dcf-btn-tertiary { background-color: var(--bg-btn-tertiary); border-color: var(--b-btn-tertiary); color: var(--btn-tertiary); } .dcf-institution-title { font-family: 'Source Serif 4 UNL Wordmark', 'Serif Fallback', serif; } .unl-institution-title-ls { letter-spacing: .18em; } .unl .dcf-site-group { min-height: 3.16em; } .unl .dcf-site-affiliation a { display: inline-block; padding-bottom: .24em; } .unl .dcf-site-affiliation a, .unl .dcf-site-title a { color: var(--heading); } .unl .dcf-subhead { font-weight: 400; font-size: .75rem; letter-spacing: .1em; line-height: 1.33; margin-bottom: .75em; text-transform: uppercase; } .unl .dcf-page-title h1, .unl .dcf-page-title h1+.dcf-subhead { margin-bottom: 0; } .unl .dcf-page-title h1+.dcf-subhead { margin-top: 1rem; } .unl .dcf-nav-local a:link { color: #fefdfa; } .unl .dcf-nav-local > ul:first-child { display: grid; } .unl .dcf-nav-menu li { margin-bottom: 0; } .unl .dcf-nav a, .unl .dcf-nav button { color: #fefdfa; display: block; line-height: 1.33; padding-inline: 1rem; } .unl .dcf-nav-local > ul > li > a, .unl .dcf-nav-local > ul > li > button { font-weight: 600; padding-block: .75rem; } .unl .dcf-nav-toggle-btn { appearance: none; } .dcf-bg-transparent { background-color: transparent; } .dcf-bg-current-color { background-color: currentcolor; } .dcf-circle { border-radius: 50%; } .dcf-b-solid { border-style: solid; } .dcf-bt-solid { border-top-style: solid; } .dcf-b-0 { border-width: 0; } .dcf-b-1 { border-width: 1px; } .dcf-bt-3 { border-top-width: 3px; } .dcf-ai-flex-end { align-items: flex-end; } .dcf-ai-center { align-items: center; } .dcf-jc-flex-end { justify-content: flex-end; } .dcf-jc-center { justify-content: center; } .dcf-jc-between { justify-content: space-between; } .dcf-d-none { display: none; } .dcf-d-block { display: block; } .dcf-d-flex { display: flex; } .dcf-flex-col { flex-direction: column; } .dcf-flex-nowrap { flex-wrap: nowrap; } .dcf-flex-grow-1 { flex-grow: 1; } .dcf-flex-shrink-0 { flex-shrink: 0; } .dcf-col-gap-3 { column-gap: .75em; } .dcf-col-gap-7 { column-gap: 2.37em; } .dcf-gap-1 { gap: .42em; } .dcf-h-4 { height: 1em; } .dcf-h-5 { height: 1.33em; } .dcf-h-6 { height: 1.78em; } .dcf-h-8 { height: 3.16em; } .dcf-h-9 { height: 4.21em; } .dcf-h-100\% { height: 100%; } .dcf-w-4 { width: 1em; } .dcf-w-5 { width: 1.33em; } .dcf-w-6 { width: 1.78em; } .dcf-w-7 { width: 2.37em; } .dcf-w-8 { width: 3.16em; } .dcf-w-100\% { width: 100%; } .dcf-w-min-0 { min-width: 0; } .dcf-mt-2 { margin-top: .56em; } .dcf-mr-3 { margin-right: .75em; } .dcf-mr-4 { margin-right: 1em; } .dcf-obj-fit-cover { height: 100%; object-fit: cover; width: 100%; } .dcf-overflow-hidden { overflow: hidden; } .dcf-p-0 { padding: 0; } .dcf-pt-3 { padding-top: .75em; } .dcf-pt-5 { padding-top: 1.33em; } .dcf-pr-4 { padding-right: 1em; } .dcf-pb-3 { padding-bottom: .75em; } .dcf-pb-4 { padding-bottom: 1em; } .dcf-pl-4 { padding-left: 1em; } .dcf-relative { position: relative; } .dcf-absolute { position: absolute; } .dcf-fixed { position: fixed; } .dcf-bottom-0 { bottom: 0; } .dcf-fill-current { fill: currentColor; } .dcf-txt-left { text-align: left; } .dcf-italic { font-style: italic; } .dcf-bold { font-weight: 600; } .dcf-bolder { font-weight: 700; } .dcf-lh-1 { line-height: 1; } .dcf-lh-2 { line-height: 1.13; } .dcf-lh-3 { line-height: 1.33; } .dcf-uppercase { text-transform: uppercase; } .dcf-invisible { visibility: hidden; } .dcf-sr-only, .dcf-show-on-focus:not(:focus):not(:active) { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; white-space: nowrap; } .unl .dcf-breadcrumbs, .unl .dcf-txt-xs { font-size: .75em; } .unl .dcf-txt-h5 { font-size: 1.13em; } .unl .dcf-txt-h4 { font-size: 1.33em; } .unl .dcf-txt-h3 { font-size: 1.5em; } .unl-ls-1 { letter-spacing: .01em; } .unl-ls-3 { letter-spacing: .1em; } .dcf-modal-overlay[aria-hidden=true] { opacity: 0; pointer-events: none; visibility: hidden; } @media screen { .unl-bg-scarlet { background-color: #d00000; } .unl-bg-cream { background-color: var(--bg-body); } .unl-b-scarlet { border-color: #d00000; } .unl-bt-scarlet { border-top-color: #d00000; } .unl-scarlet, a.unl-scarlet { color: var(--link); } .unl-cream, a.unl-cream { color: var(--inverse); } } @media (prefers-color-scheme: dark) { :root { --bg-body: #242423; --bg-btn-inverse-primary: #ebebea; --bg-btn-inverse-secondary: transparent; --bg-btn-inverse-tertiary: transparent; --bg-btn-primary: #ebebea; --bg-btn-secondary: transparent; --bg-btn-tertiary: transparent; --b: #424240; --b-btn-primary: #ebebea; --b-btn-secondary: currentColor; --b-btn-tertiary: transparent; --b-btn-inverse-primary: #ebebea; --b-btn-inverse-secondary: currentColor; --b-btn-inverse-tertiary: transparent; --body: #c7c8ca; --btn-inverse-primary: #d00000; --btn-inverse-secondary: #ebebea; --btn-inverse-tertiary: #ebebea; --btn-primary: #d00000; --btn-secondary: #ebebea; --btn-tertiary: #ebebea; --heading: #fefdfa; --link: #71bdd3; } } @media only screen and (min-width: 31.57em) { html { // font-size: calc(.93em + .23vw); font-size: calc(1em + (1.33 - 1) * (100vw - 31.57em) / (177.38 - 31.57)) } } @media only screen and (max-width: 56.12em) { .unl .dcf-breadcrumbs { height: 4.21em; overflow: hidden; } .unl .dcf-breadcrumbs ol { padding-bottom: 4.21em; overflow-x: auto; overflow-y: hidden; } .unl .dcf-breadcrumbs li { flex-shrink: 0; } .unl .dcf-logo-lockup { padding-bottom: 1em; } .unl .dcf-idm-login { flex-direction: column; } .unl .dcf-nav-toggle-group { display: flex; z-index: 999; } .unl .dcf-nav-toggle-btn { flex-basis: 25%; } .unl .dcf-header .dcf-institution-title, .unl .dcf-cta-header, .unl .dcf-idm-toggle, .unl .dcf-search-toggle-wrapper, .unl .dcf-nav-primary { display: none; } } @media only screen and (min-width: 56.12em) { h1 { font-size: 2.37em; } h2 { font-size: 2em; } .unl .dcf-breadcrumbs li:first-child, .unl .dcf-breadcrumbs li:last-child { flex-shrink: 0; } .unl .dcf-breadcrumbs li:not(:first-child), .unl .dcf-breadcrumbs li:not(:last-child) { min-width: 0; } .unl .dcf-breadcrumbs li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .unl .dcf-header-global { border-bottom: 1px solid var(--b); height: 2.67em; padding-top: .18em; } .dcf-btn-header-global { color: var(--link); } .unl .dcf-logo-lockup { padding-bottom: 1.13em; } .unl .dcf-idm-img { color: #e3e3e2; } .unl .dcf-nav .dcf-nav-toggle-btn-menu { align-self: start; padding: .67rem 0; } .unl .dcf-nav-primary { display: grid; grid-template-columns: 4.21rem 1fr; } .unl .dcf-nav-local > ul:first-child { grid-template-columns: repeat(6, 1fr); overflow: hidden; } .unl .dcf-nav-local > ul > li > a { border-left: 1px solid #a00000; height: 100%; } .unl .dcf-nav-menu { background-color: #d00000; display: flex; flex-wrap: nowrap; } .unl .dcf-nav-local > ul > li > a, .unl .dcf-nav-local > ul > li > button { font-size: .84rem; padding: .75rem 1rem; } .unl .dcf-nav a, .unl .dcf-nav button { display: block; line-height: 1.33; } .unl .dcf-search { max-width: 13.32em; } .unl .dcf-search-toggle-wrapper .dcf-btn-header-global-toggle-icon { color: var(--inverse); } .unl .dcf-txt-h5 { font-size: 1.33em; } .unl .dcf-txt-h4 { font-size: 1.5em; } .unl .dcf-txt-h3 { font-size: 1.78em; } .dcf-d-none\@md, .unl .dcf-nav-toggle-group, .unl .dcf-nav-primary ul ul { display: none; } .dcf-d-flex\@md { display: flex; } } @media only screen and (min-width: 177.38em) { html { font-size: 1.33em } } }