/*!
* @license
* November FNI and Lava FNI by Tyotheque
* Licensed pageviews: 20 million under sfu.ca
*
* The fonts listed in this notice are subject to the End User License: https://www.typotheque.com/licensing/eula
* Agreement(s) entered into by 51猎奇入口Communications and Marketing are only under sfu.ca domain and 51猎奇入口 as a single legal company.
* All other parties are explicitly restricted from using the Licensed Webfonts(s).
*
* Any non-AEM site under sfu.ca that wants to use fontface must get approval. Please submit a request via
* https://sfu.teamdynamix.com/TDClient/255/ITServices/Requests/ServiceDet?ID=2576
*
* You may obtain a valid license at the URLs below if the site is not under sfu.ca domain.
* URL: https://www.typotheque.com/fonts/november, https://www.typotheque.com/fonts/lava
*
*
* @license
* Countach by ProductionType
* Licensed pageviews: unlimited under sfu.ca
*
* The fonts listed in this notice are subject to the End User License: https://help.productiontype.com/docs/EULA/
* Agreement(s) entered into by 51猎奇入口Communications and Marketing are only under sfu.ca domain and 51猎奇入口 as a single legal company.
* All other parties are explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below if the site is not under sfu.ca domain.
* URL: https://productiontype.com/font/countach
*
* Please read https://www.sfu.ca/communicators-toolkit/guides/brand-guide/typography.html or email sfu-brand@sfu.ca for web fonts' details.
*
*/
/* November */
@font-face {
  font-family: "November";
  src: url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/NovemberFNIVF.woff2") format("woff2");
  font-display: block;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
/* November Italic */
@font-face {
  font-family: "November";
  src: url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/NovemberFNIVFItalic.woff2") format("woff2");
  font-display: block;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
/* Arial as November fallback */
@font-face {
  font-family: "Arial";
  src: local("Arial");
  ascent-override: 96.34%;
  descent-override: 25.49%;
  line-gap-override: 0%;
  size-adjust: 106.7%;
}
/* Countach */
@font-face {
  font-family: "countach-bold";
  src: url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/countachweb-bold.eot");
  src: url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/countachweb-bold.eot?#iefix") format("embedded-opentype"), url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/countachweb-bold.woff") format("woff");
  font-display: block;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Font Awesome Brand */
@font-face {
  font-family: "FontAwesome";
  src: url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/fa-brands-400.woff2?v=6.7.2") format("woff2"), url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/fa-brands-400.ttf?v=6.7.2") format("truetype");
  font-display: block;
  font-style: normal;
  font-weight: normal;
}
/* Font Awesome Solid 900 */
@font-face {
  font-family: "FontAwesome";
  src: url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/fa-solid-900.woff2?v=6.7.2") format("woff2"), url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/fa-solid-900.ttf?v=6.7.2") format("truetype");
  font-display: block;
  font-style: normal;
  font-weight: normal;
}
/* Font Awesome v4 Compatibility */
@font-face {
  font-family: "FontAwesome";
  src: url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/fa-v4compatibility.woff2?v=6.7.2") format("woff2"), url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/fa-v4compatibility.ttf?v=6.7.2") format("truetype");
  font-display: block;
  font-style: normal;
  font-weight: normal;
}
/* Material Icons Sharp */
@font-face {
  font-family: "MaterialIconsSharp";
  src: url("https://www.sfu.ca/etc/designs/clf/clientlibs/clf4/default/fonts/material-icons-sharp.woff2") format("woff2");
  font-display: block;
  font-style: normal;
  font-weight: normal;
}
@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input[type=radio] {
  border: 0;
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
  min-width: 0;
  outline: 0;
}

*[data-focus-method=key]:focus-visible {
  outline: 2px solid var(--c-focus);
  outline-offset: 1px;
  box-shadow: none;
}

*[data-focus-method=mouse]:focus-visible {
  outline: none;
  box-shadow: none;
}

html {
  font-size: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  --c-focus: var(--c-focus-dark);
}

@media (max-width: 979px) {
  html.menu-open {
    overflow-y: hidden;
  }
  html.menu-open body.menu-open {
    overflow-y: hidden;
  }
}
body::after {
  display: none;
  content: "sm-screen";
}

@media (min-width: 528px) and (max-width: 979px) {
  body::after {
    content: "md-screen";
  }
}
@media (min-width: 980px) {
  body::after {
    content: "lg-screen";
  }
}
body::before {
  content: none;
}

/* Force override even if the device is set to dark */
:root,
html,
body {
  background-color: var(--c-p4) !important;
  filter: none !important;
}

div.block:is(.red, .light-red), div.block:is(.col-1-red, .col-1-light-red) .c1, div.block:is(.col-2-red, .col-2-light-red) .c2, div.block:is(.col-3-red, .col-3-light-red) .c3, div.block:is(.col-4-red, .col-4-light-red) .c4 {
  --c-focus: var(--c-focus-light);
}

#container {
  display: grid;
  grid-template-columns: repeat(11, 1fr 30px) 1fr;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  font-synthesis: none;
  font-size: 1.5rem;
  grid-template-rows: repeat(2, min-content) repeat(2, auto);
  margin: 0;
  padding: 0;
  height: 100vh;
}

img {
  width: 100%;
  max-width: 100%;
  display: inherit;
}

#sfu-wrapper {
  position: relative;
  min-height: 100vh;
}

section {
  width: 100%;
}

section > div:is(.ribbon__content,
.header__content,
.nav__content,
.mobile-nav__content,
.mobile-search__content,
.footer__content) {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
}

@media (max-width: 1799px) {
  section > div:is(.ribbon__content,
  .header__content,
  .nav__content,
  .mobile-nav__content,
  .mobile-search__content,
  .footer__content) {
    max-width: 1420px;
  }
}
@media (min-width: 1800px) {
  section > div:is(.ribbon__content,
  .header__content,
  .nav__content,
  .mobile-nav__content,
  .mobile-search__content,
  .footer__content) {
    max-width: 1820px;
  }
}
section > div:is(.header__content, .nav__content, .mobile-nav__content, .mobile-search__content, .footer__content) {
  display: grid;
  grid-template-columns: repeat(11, 1fr 30px) 1fr;
}

@media (max-width: 979px) {
  .desktop:not(.mobile):not(.tablet) {
    display: none !important;
  }
}
@media (max-width: 527px) {
  .tablet:not(.mobile):not(.desktop) {
    display: none !important;
  }
}
@media (min-width: 980px) {
  .tablet:not(.mobile):not(.desktop) {
    display: none !important;
  }
}
@media (min-width: 528px) {
  .mobile:not(.tablet):not(.desktop) {
    display: none !important;
  }
}
@media (max-width: 527px) {
  .desktop.tablet:not(.mobile) {
    display: none !important;
  }
}
@media (min-width: 528px) and (max-width: 979px) {
  .desktop.mobile:not(.tablet) {
    display: none !important;
  }
}
@media (min-width: 980px) {
  .tablet.mobile:not(.desktop) {
    display: none !important;
  }
}
header {
  grid-row: 1;
  grid-column: 1/-1;
}

nav {
  grid-row: 2;
  grid-column: 1/-1;
}

main {
  grid-row: 3;
  grid-column: 1/-1;
  font-size: 1.7rem;
}

footer {
  grid-row: 4;
  grid-column: 1/-1;
  align-self: end;
}

.sr-only {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  padding: 0;
  margin: -0.1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.sfu-global-spinner-container {
  margin: 10% auto;
}

#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0.8;
  width: 50px;
  height: 50px;
  color: var(--c-p4);
  background-color: var(--c-p2);
  text-align: center;
  line-height: 50px;
  font-size: 40px;
  cursor: pointer;
  display: none;
}

#back-to-top.show {
  display: block;
}

#back-to-top.show .icon:before {
  display: block;
  content: "\f0d8";
}

.main__content--breadcrumb ul {
  list-style: none;
  margin-top: 1.2rem;
  margin-bottom: 3rem;
  line-height: 1;
}

.main__content--breadcrumb ul li {
  font-size: 1.2rem;
  display: inline-block;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-s1);
  margin-bottom: 0.6rem;
}

.main__content--breadcrumb ul li::after {
  content: ">";
  margin: 0 0.6rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--regular);
  font-stretch: var(--f-font-stretch--normal);
}

.main__content--breadcrumb ul li:last-child::after {
  content: "";
  padding: 0;
}

.main__content--breadcrumb ul li:first-child::after {
  padding-left: 4px;
}

.main__content--breadcrumb ul::after {
  clear: both;
}

.main__content--breadcrumb a {
  color: var(--c-s5);
  text-decoration: underline;
  text-decoration: none;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--regular);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-s1);
  font-size: 1.2rem;
}

@media (any-hover: hover) {
  .main__content--breadcrumb a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: underline;
  }
}
html[data-no-side-navigation] .main__content--breadcrumb {
  grid-column: 1/-1;
  padding: 1.5rem;
}

html[data-hide-breadcrumb] .main__content--breadcrumb {
  visibility: hidden;
  padding: 0;
}

@media (max-width: 979px) {
  html[data-hide-breadcrumb] .main__content--breadcrumb {
    display: none;
  }
}
@media (min-width: 980px) {
  html[data-no-side-navigation][data-hide-breadcrumb] .main__content--breadcrumb {
    height: 0.5rem;
  }
}
div.image small {
  display: block;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-s1);
  font-size: 1.1rem;
  line-height: 1.5rem;
}

div.image small :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
}

div.image small {
  margin-top: -2rem;
  margin-bottom: 3rem;
}

div.sfu-columns > div[data-col-collapse] div.image small {
  padding: 0;
  margin-top: 1rem;
}

div.sfu-columns > div.block:is(.red, .light-red) div.image small, div.sfu-columns > div.block:is(.col-1-red, .col-1-light-red) .c1 div.image small, div.sfu-columns > div.block:is(.col-2-red, .col-2-light-red) .c2 div.image small, div.sfu-columns > div.block:is(.col-3-red, .col-3-light-red) .c3 div.image small, div.sfu-columns > div.block:is(.col-4-red, .col-4-light-red) .c4 div.image small {
  color: var(--c-p4);
}

.main__content div.sfu-columns > div[data-col-collapse] .parbase.section {
  margin-bottom: 0;
}

.main__content div.sfu-columns > div[data-col-collapse] .parbase.section img {
  margin-bottom: 0;
}

.main__content div.sfu-columns > div[data-col-collapse] div.textimage > div,
.main__content div.sfu-columns > div[data-col-collapse] div.textimage > div[class*=overlay] {
  margin-bottom: 0;
}

.main__content div.sfu-columns > div[data-col-collapse] div.textimage > div img,
.main__content div.sfu-columns > div[data-col-collapse] div.textimage > div[class*=overlay] img {
  margin-bottom: 0;
}

.main__content div.sfu-columns > div[data-col-collapse][class*=col-] > div {
  padding: 0;
}

.main__content div.sfu-columns > div[data-col-collapse] > div ol.flex-control-nav,
.main__content div.sfu-columns > div[data-col-collapse] > div img {
  margin-bottom: 0;
}

.main__content div.sfu-columns > div[data-col-collapse] > div > ul.clf-list {
  margin-bottom: 0;
}

.main__content div.sfu-columns > div[data-col-collapse] > div > ul.clf-list.link-bullets li::before {
  margin-left: 0;
}

.main__content div.sfu-columns > div[data-col-collapse] > div form {
  padding-bottom: 0;
}

.main__content div.sfu-columns > div[data-col-collapse] > div div:is(.textimage, .text, .download, .clf-calendar), .main__content div.sfu-columns > div[data-col-collapse] > div div.externalvideo > div, .main__content div.sfu-columns > div[data-col-collapse] > div div.textimage > div.overlay {
  margin-bottom: 0;
}

.main__content div.sfu-columns > div[data-col-collapse] > div > div > *:last-child:not(.hasBM), .main__content div.sfu-columns > div[data-col-collapse] > div > div > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), .main__content div.sfu-columns > div[data-col-collapse] > div > div > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), .main__content div.sfu-columns > div[data-col-collapse] > div > div > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) {
  margin-bottom: 0 !important;
}

html[data-page-template=basic-page] div.sfu-columns {
  width: 100%;
}

html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].block:not(.margin-bottom, .margin-top-bottom, .margin-all, [class*=ruled-below]) {
  margin-bottom: 0;
}

html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout]:not([data-row-full-width]), html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block:is(.red, .light-red, .grey)[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all) {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1799px) {
  html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout]:not([data-row-full-width]), html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block:is(.red, .light-red, .grey)[data-row-full-width]:not([data-col-collapse],
  .margin-left,
  .margin-right,
  .margin-left-right,
  .margin-all) {
    max-width: 1420px;
  }
}
@media (min-width: 1800px) {
  html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout]:not([data-row-full-width]), html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block:is(.red, .light-red, .grey)[data-row-full-width]:not([data-col-collapse],
  .margin-left,
  .margin-right,
  .margin-left-right,
  .margin-all) {
    max-width: 1820px;
  }
}
html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all):is(.red, .light-red, .grey) {
  position: relative;
}

html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all):is(.red, .light-red, .grey):before,
html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all):is(.red, .light-red, .grey):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(50vw - 50%);
}

html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all):is(.red, .light-red, .grey):before {
  right: 100%;
}

html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all):is(.red, .light-red, .grey):after {
  left: 100%;
}

html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all).red:before,
html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all).red:after {
  background-color: var(--c-p2);
}

html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all).light-red:before,
html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all).light-red:after {
  background-color: var(--c-p1);
}

html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all).grey:before,
html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout].content-narrow.block[data-row-full-width]:not([data-col-collapse],
.margin-left,
.margin-right,
.margin-left-right,
.margin-all).grey:after {
  background-color: var(--c-s3);
}

div.sfu-columns {
  width: 100%;
}

div.sfu-columns > div[data-col-layout] {
  display: grid;
  grid-template-columns: repeat(11, 1fr 30px) 1fr;
  grid-row-gap: 3rem;
  margin-bottom: 3rem;
}

div.sfu-columns > div[data-col-layout][data-col-collapse] {
  display: grid;
  grid-template-columns: repeat(11, 1fr 0px) 1fr;
  grid-row-gap: 0;
  line-height: 0;
  margin-bottom: 0;
  padding: 0;
}

div.sfu-columns > div[data-col-layout]:not([data-col-collapse]) > div:is(.c1, .c2, .c3, .c4) > *:last-child:not(.hasBM), div.sfu-columns > div[data-col-layout]:not([data-col-collapse]) > div:is(.c1, .c2, .c3, .c4) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), div.sfu-columns > div[data-col-layout]:not([data-col-collapse]) > div:is(.c1, .c2, .c3, .c4) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), div.sfu-columns > div[data-col-layout]:not([data-col-collapse]) > div:is(.c1, .c2, .c3, .c4) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), div.sfu-columns > div[data-col-layout]:not([data-col-collapse]) > div:is(.c1, .c2, .c3, .c4) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), div.sfu-columns > div[data-col-layout]:not([data-col-collapse]) > div:is(.c1, .c2, .c3, .c4) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) {
  margin-bottom: 0 !important;
}

@media (min-width: 528px) {
  div.sfu-columns > div[data-col-layout][data-col-collapse] > div:is(.c1, .c2, .c3, .c4) img {
    padding: 0;
  }
}
@media (max-width: 527px) {
  div.sfu-columns > div[data-col-layout] {
    display: grid;
    grid-template-columns: repeat(11, 1fr 0px) 1fr;
  }
  div.sfu-columns > div[data-col-layout] > div {
    grid-column: 1/-1;
  }
  div.sfu-columns > div[data-col-layout] > div.c1 {
    grid-row: 1;
  }
  div.sfu-columns > div[data-col-layout] > div.c2 {
    grid-row: 2;
  }
  div.sfu-columns > div[data-col-layout] > div.c3 {
    grid-row: 3;
  }
  div.sfu-columns > div[data-col-layout] > div.c4 {
    grid-row: 4;
  }
}
@media (min-width: 528px) {
  div.sfu-columns > div {
    grid-row: 1;
  }
  div.sfu-columns > div[data-col-layout="100"] > div {
    grid-column: 1/-1;
  }
  div.sfu-columns > div[data-col-layout="50-50"] > div.c1 {
    grid-column: 1/12;
  }
  div.sfu-columns > div[data-col-layout="50-50"] > div.c2 {
    grid-column: 13/-1;
  }
  div.sfu-columns > div[data-col-layout="33-67"] > div.c1 {
    grid-column: 1/8;
  }
  div.sfu-columns > div[data-col-layout="33-67"] > div.c2 {
    grid-column: 9/-1;
  }
  div.sfu-columns > div[data-col-layout="67-33"] > div.c1 {
    grid-column: 1/16;
  }
  div.sfu-columns > div[data-col-layout="67-33"] > div.c2 {
    grid-column: 17/-1;
  }
  div.sfu-columns > div[data-col-layout="25-75"] > div.c1 {
    grid-column: 1/6;
  }
  div.sfu-columns > div[data-col-layout="25-75"] > div.c2 {
    grid-column: 7/-1;
  }
  div.sfu-columns > div[data-col-layout="75-25"] > div.c1 {
    grid-column: 1/18;
  }
  div.sfu-columns > div[data-col-layout="75-25"] > div.c2 {
    grid-column: 19/-1;
  }
  div.sfu-columns > div[data-col-layout="33-33-33"] > div.c1 {
    grid-column: 1/8;
  }
  div.sfu-columns > div[data-col-layout="33-33-33"] > div.c2 {
    grid-column: 9/16;
  }
  div.sfu-columns > div[data-col-layout="33-33-33"] > div.c3 {
    grid-column: 17/-1;
  }
  div.sfu-columns > div[data-col-layout="25-25-50"] > div.c1 {
    grid-column: 1/6;
  }
  div.sfu-columns > div[data-col-layout="25-25-50"] > div.c2 {
    grid-column: 7/12;
  }
  div.sfu-columns > div[data-col-layout="25-25-50"] > div.c3 {
    grid-column: 13/-1;
  }
  div.sfu-columns > div[data-col-layout="50-25-25"] > div.c1 {
    grid-column: 1/12;
  }
  div.sfu-columns > div[data-col-layout="50-25-25"] > div.c2 {
    grid-column: 13/18;
  }
  div.sfu-columns > div[data-col-layout="50-25-25"] > div.c3 {
    grid-column: 19/-1;
  }
  div.sfu-columns > div[data-col-layout="25-50-25"] > div.c1 {
    grid-column: 1/6;
  }
  div.sfu-columns > div[data-col-layout="25-50-25"] > div.c2 {
    grid-column: 7/18;
  }
  div.sfu-columns > div[data-col-layout="25-50-25"] > div.c3 {
    grid-column: 19/-1;
  }
}
@media (min-width: 980px) {
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c1 {
    grid-column: 1/6;
  }
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c2 {
    grid-column: 7/12;
  }
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c3 {
    grid-column: 13/18;
  }
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 {
    grid-column: 19/-1;
  }
}
@media (min-width: 528px) and (max-width: 979px) {
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c1 {
    grid-column: 1/12;
    grid-row: 1;
  }
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c2 {
    grid-column: 13/-1;
    grid-row: 1;
  }
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c3 {
    grid-column: 1/12;
    grid-row: 2;
  }
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 {
    grid-column: 13/-1;
    grid-row: 2;
  }
}
@media (min-width: 528px) and (max-width: 979px) {
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).md-stack > div {
    grid-column: 1/-1;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).md-stack > div.c1 {
    grid-row: 1;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).md-stack > div.c2 {
    grid-row: 2;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).md-stack > div.c3 {
    grid-row: 3;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).md-stack > div.c4 {
    grid-row: 4;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack > div {
    grid-column: 1/-1;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack > div.c1 {
    grid-row: 1;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack > div.c2 {
    grid-row: 2;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack > div.c3 {
    grid-row: 3;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack > div.c4 {
    grid-row: 4;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack > div {
    grid-column: 1/-1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack > div.c1 {
    grid-row: 1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack > div.c2 {
    grid-row: 2;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack > div.c3 {
    grid-row: 3;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack > div.c4 {
    grid-row: 4;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack-first > div.c1 {
    grid-column: 1/-1;
    grid-row: 1;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack-first > div.c2 {
    grid-column: 1/12;
    grid-row: 2;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack-first > div.c3 {
    grid-column: 13/-1;
    grid-row: 2;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack-first > div.c1 {
    grid-column: 1/-1;
    grid-row: 1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack-first > div.c2 {
    grid-column: 1/8;
    grid-row: 2;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack-first > div.c3 {
    grid-column: 9/16;
    grid-row: 2;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack-first > div.c4 {
    grid-column: 17/-1;
    grid-row: 2;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack-last > div.c1 {
    grid-column: 1/12;
    grid-row: 1;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack-last > div.c2 {
    grid-column: 13/-1;
    grid-row: 1;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).md-stack-last > div.c3 {
    grid-column: 1/-1;
    grid-row: 2;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack-last > div.c1 {
    grid-column: 1/8;
    grid-row: 1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack-last > div.c2 {
    grid-column: 9/16;
    grid-row: 1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack-last > div.c3 {
    grid-column: 17/-1;
    grid-row: 1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].md-stack-last > div.c4 {
    grid-column: 1/-1;
    grid-row: 2;
  }
}
@media (min-width: 528px) and (max-width: 754px) {
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).mds-stack > div {
    grid-column: 1/-1;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).mds-stack > div.c1 {
    grid-row: 1;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).mds-stack > div.c2 {
    grid-row: 2;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).mds-stack > div.c3 {
    grid-row: 3;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).mds-stack > div.c4 {
    grid-row: 4;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack > div {
    grid-column: 1/-1;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack > div.c1 {
    grid-row: 1;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack > div.c2 {
    grid-row: 2;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack > div.c3 {
    grid-row: 3;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack > div.c4 {
    grid-row: 4;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack > div {
    grid-column: 1/-1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack > div.c1 {
    grid-row: 1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack > div.c2 {
    grid-row: 2;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack > div.c3 {
    grid-row: 3;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack > div.c4 {
    grid-row: 4;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack-first > div.c1 {
    grid-column: 1/-1;
    grid-row: 1;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack-first > div.c2 {
    grid-column: 1/12;
    grid-row: 2;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack-first > div.c3 {
    grid-column: 13/-1;
    grid-row: 2;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack-first > div.c1 {
    grid-column: 1/-1;
    grid-row: 1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack-first > div.c2 {
    grid-column: 1/8;
    grid-row: 2;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack-first > div.c3 {
    grid-column: 9/16;
    grid-row: 2;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack-first > div.c4 {
    grid-column: 17/-1;
    grid-row: 2;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack-last > div.c1 {
    grid-column: 1/12;
    grid-row: 1;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack-last > div.c2 {
    grid-column: 13/-1;
    grid-row: 1;
  }
  div.sfu-columns div:is([data-col-layout="33-33-33"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="25-50-25"]).mds-stack-last > div.c3 {
    grid-column: 1/-1;
    grid-row: 2;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack-last > div.c1 {
    grid-column: 1/8;
    grid-row: 1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack-last > div.c2 {
    grid-column: 9/16;
    grid-row: 1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack-last > div.c3 {
    grid-column: 17/-1;
    grid-row: 1;
  }
  div.sfu-columns div[data-col-layout="25-25-25-25"].mds-stack-last > div.c4 {
    grid-column: 1/-1;
    grid-row: 2;
  }
}
@media (max-width: 979px) {
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).md-stack-last-first > div {
    grid-column: 1/-1;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).md-stack-last-first > div.c1 {
    grid-row: 2;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).md-stack-last-first > div.c2 {
    grid-row: 1;
  }
}
@media (max-width: 754px) {
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).mds-stack-last-first > div {
    grid-column: 1/-1;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).mds-stack-last-first > div.c1 {
    grid-row: 2;
  }
  div.sfu-columns div:is([data-col-layout="50-50"],
  [data-col-layout="33-67"],
  [data-col-layout="67-33"],
  [data-col-layout="25-75"],
  [data-col-layout="75-25"]).mds-stack-last-first > div.c2 {
    grid-row: 1;
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) {
  color: var(--c-p4);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h1,
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h1 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h1 {
  font-size: 4.6rem;
  line-height: 5.2rem;
  letter-spacing: normal;
  color: var(--c-s1);
  margin-bottom: 3rem;
  text-transform: uppercase;
}

@media (max-width: 527px) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h1 {
    font-size: 4.6rem;
    line-height: 5.2rem;
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h1 a {
  color: var(--c-s1);
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h1 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h2,
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h2 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h2 {
  font-size: 3.7rem;
  line-height: 4.2rem;
  letter-spacing: normal;
  color: var(--c-s1);
  margin-bottom: 3rem;
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h2 a {
  color: var(--c-s1);
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h2 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h3,
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h3 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h3 {
  font-size: 2.5rem;
  line-height: 2.9rem;
  letter-spacing: normal;
  color: var(--c-s6);
  margin-bottom: 3rem;
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h3 a {
  color: var(--c-s6);
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h3 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h4,
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h4 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h4 {
  font-size: 1.9rem;
  letter-spacing: 0.02rem;
  line-height: 2.2rem;
  color: var(--c-s6);
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h4 a {
  color: var(--c-s6);
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h4 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h5,
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h5 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--normal);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h5 {
  font-size: 1.3rem;
  letter-spacing: 0.21rem;
  line-height: 1.8rem;
  color: var(--c-p3);
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h5 a {
  color: var(--c-p3);
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey h5 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey :is(h1, h2, h3, h4, h5) a:hover {
    text-decoration: none;
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey :is(p, li) {
  color: var(--c-p3);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey :is(p, li) a {
  color: var(--c-s5);
  text-decoration: underline;
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey :is(p, li) a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: underline;
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey ul > li::before {
  border-color: var(--c-p2);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey ol > li::before {
  color: var(--c-p2);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey :is(ul > li, ol > li > ol > li > ul > li, ol > li > ul > li)::before {
  background-color: var(--c-p2);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey :is(ul > li > ul > li, ul > li > ol > li > ul > li, ol > li > ul > li > ul > li)::before {
  background-color: var(--c-transparent);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey ul > li > ul > li > ul > li::before {
  background-color: var(--c-p2);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey table {
  color: var(--c-p3);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey.alternate table tr td,
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey .alternate table tr td {
  color: var(--c-p3);
  border-color: var(--c-p3);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey.alternate table tr td a,
.main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey .alternate table tr td a {
  color: var(--c-s5);
  text-decoration: underline;
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey.alternate table tr td a:hover,
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.text div.block.grey .alternate table tr td a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: underline;
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) div.block.grey:is(.button, .button-full) p:last-child a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  background-color: var(--c-transparent);
  border-color: var(--c-p1);
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.block.grey:is(.button, .button-full) p:last-child a:hover {
    color: var(--c-p4);
    background-color: var(--c-p1);
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) div.block.grey:is(.button, .button-full).alt p:last-child a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p4);
  background-color: var(--c-p1);
  border-color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) div.block.grey:is(.button, .button-full).alt p:last-child a:hover {
    color: var(--c-p1);
    background-color: var(--c-transparent);
    border-color: var(--c-p1);
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) div.carousel div.flexslider.news.block.grey ol.flex-control-nav.flex-control-paging {
  margin-left: -5rem;
}

.main__content div.sfu-columns div.block:is(.red, .light-red) .flexslider.news.block.grey h3,
.main__content div.sfu-columns div.block:is(.red, .light-red) .flexslider.news.block.grey h3 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) .flexslider.news.block.grey h3 {
  font-size: 2.5rem;
  line-height: 2.9rem;
  letter-spacing: normal;
  color: var(--c-s6);
  margin-bottom: 3rem;
}

.main__content div.sfu-columns div.block:is(.red, .light-red) .flexslider.news.block.grey h3 a {
  color: var(--c-s6);
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) .flexslider.news.block.grey h3 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
.main__content div.sfu-columns div.block:is(.red, .light-red) .flexslider.news.block.grey p {
  color: var(--c-p3);
}

.main__content div.sfu-columns div.block:is(.red, .light-red) .flexslider.news.block.grey .carousel-text p span a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  background-color: var(--c-transparent);
  border-color: var(--c-p1);
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div.sfu-columns div.block:is(.red, .light-red) .flexslider.news.block.grey .carousel-text p span a:hover {
    color: var(--c-p4);
    background-color: var(--c-p1);
  }
}
.main__content div.block[class*=col-] {
  padding: unset;
}

.main__content div.block[class*=col-] > div {
  padding: 3rem;
}

@media (min-width: 528px) {
  .main__content div.block[class*=col-] > div {
    padding: 5rem;
  }
}
.main__content div.block.red, .main__content div.block.col-1-red .c1, .main__content div.block.col-2-red .c2, .main__content div.block.col-3-red .c3, .main__content div.block.col-4-red .c4 {
  background-color: var(--c-p2);
}

.main__content div.block.light-red, .main__content div.block.col-1-light-red .c1, .main__content div.block.col-2-light-red .c2, .main__content div.block.col-3-light-red .c3, .main__content div.block.col-4-light-red .c4 {
  background-color: var(--c-p1);
}

.main__content div.block.grey.alternate table tr:nth-child(even) {
  background-color: var(--c-p4);
}

.main__content div.block.grey, .main__content div.block.col-1-grey .c1, .main__content div.block.col-2-grey .c2, .main__content div.block.col-3-grey .c3, .main__content div.block.col-4-grey .c4 {
  background-color: var(--c-s3);
}

.main__content div.block.grey .alternate table tr:nth-child(even), .main__content div.block.col-1-grey .c1 .alternate table tr:nth-child(even), .main__content div.block.col-2-grey .c2 .alternate table tr:nth-child(even), .main__content div.block.col-3-grey .c3 .alternate table tr:nth-child(even), .main__content div.block.col-4-grey .c4 .alternate table tr:nth-child(even) {
  background-color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red):is(.button, .button-full):not(.alt) p:last-child a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p4);
  background-color: var(--c-transparent);
  border-color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red):is(.button, .button-full):not(.alt) p:last-child a:hover {
    color: var(--c-p1);
    background-color: var(--c-p4);
  }
}
.main__content div.block:is(.red, .light-red):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p4);
  background-color: var(--c-transparent);
  border-color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a:hover {
    color: var(--c-p1);
    background-color: var(--c-p4);
  }
}
.main__content div.block:is(.red, .light-red):is(.button, .button-full).alt p:last-child a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p1);
  background-color: var(--c-p4);
  border-color: var(--c-transparent);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red):is(.button, .button-full).alt p:last-child a:hover {
    color: var(--c-p4);
    background-color: var(--c-transparent);
    border-color: var(--c-p4);
  }
}
.main__content div.block:is(.red, .light-red):is(.button, .button-full).alt.js-single-button p:not(:last-child) a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p1);
  background-color: var(--c-p4);
  border-color: var(--c-transparent);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red):is(.button, .button-full).alt.js-single-button p:not(:last-child) a:hover {
    color: var(--c-p4);
    background-color: var(--c-transparent);
    border-color: var(--c-p4);
  }
}
.main__content div.block:is(.red, .light-red).alternate table tr th {
  border-bottom: unset;
}

.main__content div.block:is(.red, .light-red).alternate table tr:nth-child(even) {
  background-color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red).alternate table tr:nth-child(even) td {
  color: var(--c-p2);
  border-color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red).alternate table tr:nth-child(odd) td a {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red).alternate table tr:nth-child(odd) td a:hover {
    color: var(--c-p4);
    background: none;
  }
}
.main__content div.block:is(.red, .light-red).toggle:before {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red).toggle button {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red).toggle button:hover {
    color: var(--c-p4);
    text-decoration: underline;
  }
}
.main__content div.block:is(.red, .light-red), .main__content div.block:is(.col-1-red, .col-1-light-red) .c1, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 a {
  text-decoration: underline;
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 a:hover {
    text-decoration: underline;
  }
}
.main__content div.block:is(.red, .light-red) :is(h1, h2, h3, h4, h5), .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 :is(h1, h2, h3, h4, h5), .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 :is(h1, h2, h3, h4, h5), .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 :is(h1, h2, h3, h4, h5), .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 :is(h1, h2, h3, h4, h5) {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) :is(h1, h2, h3, h4, h5) a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 :is(h1, h2, h3, h4, h5) a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 :is(h1, h2, h3, h4, h5) a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 :is(h1, h2, h3, h4, h5) a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 :is(h1, h2, h3, h4, h5) a {
  color: var(--c-p4);
  text-decoration: none;
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) :is(h1, h2, h3, h4, h5) a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 :is(h1, h2, h3, h4, h5) a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 :is(h1, h2, h3, h4, h5) a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 :is(h1, h2, h3, h4, h5) a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 :is(h1, h2, h3, h4, h5) a:hover {
    background: none;
    color: var(--c-p4);
    text-decoration: underline;
  }
}
.main__content div.block:is(.red, .light-red) p a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 p a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 p a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 p a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 p a {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) p a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 p a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 p a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 p a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 p a:hover {
    color: var(--c-p4);
    background: none;
  }
}
.main__content div.block:is(.red, .light-red) div:not([class*=overlay]):is(.button, .button-full):not(.alt) p:last-child a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div:not([class*=overlay]):is(.button, .button-full):not(.alt) p:last-child a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div:not([class*=overlay]):is(.button, .button-full):not(.alt) p:last-child a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div:not([class*=overlay]):is(.button, .button-full):not(.alt) p:last-child a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div:not([class*=overlay]):is(.button, .button-full):not(.alt) p:last-child a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p4);
  background-color: var(--c-transparent);
  border-color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) div:not([class*=overlay]):is(.button, .button-full):not(.alt) p:last-child a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div:not([class*=overlay]):is(.button, .button-full):not(.alt) p:last-child a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div:not([class*=overlay]):is(.button, .button-full):not(.alt) p:last-child a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div:not([class*=overlay]):is(.button, .button-full):not(.alt) p:last-child a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div:not([class*=overlay]):is(.button, .button-full):not(.alt) p:last-child a:hover {
    color: var(--c-p1);
    background-color: var(--c-p4);
  }
}
.main__content div.block:is(.red, .light-red) div:not([class*=overlay]):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div:not([class*=overlay]):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div:not([class*=overlay]):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div:not([class*=overlay]):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div:not([class*=overlay]):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p4);
  background-color: var(--c-transparent);
  border-color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) div:not([class*=overlay]):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div:not([class*=overlay]):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div:not([class*=overlay]):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div:not([class*=overlay]):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div:not([class*=overlay]):is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a:hover {
    color: var(--c-p1);
    background-color: var(--c-p4);
  }
}
.main__content div.block:is(.red, .light-red) div:not([class*=overlay]):is(.button, .button-full).alt p:last-child a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div:not([class*=overlay]):is(.button, .button-full).alt p:last-child a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div:not([class*=overlay]):is(.button, .button-full).alt p:last-child a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div:not([class*=overlay]):is(.button, .button-full).alt p:last-child a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div:not([class*=overlay]):is(.button, .button-full).alt p:last-child a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p1);
  background-color: var(--c-p4);
  border-color: var(--c-transparent);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) div:not([class*=overlay]):is(.button, .button-full).alt p:last-child a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div:not([class*=overlay]):is(.button, .button-full).alt p:last-child a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div:not([class*=overlay]):is(.button, .button-full).alt p:last-child a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div:not([class*=overlay]):is(.button, .button-full).alt p:last-child a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div:not([class*=overlay]):is(.button, .button-full).alt p:last-child a:hover {
    color: var(--c-p4);
    background-color: var(--c-transparent);
    border-color: var(--c-p4);
  }
}
.main__content div.block:is(.red, .light-red) div:not([class*=overlay]):is(.button, .button-full).alt.js-single-button p:not(:last-child) a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div:not([class*=overlay]):is(.button, .button-full).alt.js-single-button p:not(:last-child) a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div:not([class*=overlay]):is(.button, .button-full).alt.js-single-button p:not(:last-child) a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div:not([class*=overlay]):is(.button, .button-full).alt.js-single-button p:not(:last-child) a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div:not([class*=overlay]):is(.button, .button-full).alt.js-single-button p:not(:last-child) a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p1);
  background-color: var(--c-p4);
  border-color: var(--c-transparent);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) div:not([class*=overlay]):is(.button, .button-full).alt.js-single-button p:not(:last-child) a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div:not([class*=overlay]):is(.button, .button-full).alt.js-single-button p:not(:last-child) a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div:not([class*=overlay]):is(.button, .button-full).alt.js-single-button p:not(:last-child) a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div:not([class*=overlay]):is(.button, .button-full).alt.js-single-button p:not(:last-child) a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div:not([class*=overlay]):is(.button, .button-full).alt.js-single-button p:not(:last-child) a:hover {
    color: var(--c-p4);
    background-color: var(--c-transparent);
    border-color: var(--c-p4);
  }
}
.main__content div.block:is(.red, .light-red) :is(ul, ol) li::before, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 :is(ul, ol) li::before, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 :is(ul, ol) li::before, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 :is(ul, ol) li::before, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 :is(ul, ol) li::before {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) :is(ul, ol) a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 :is(ul, ol) a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 :is(ul, ol) a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 :is(ul, ol) a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 :is(ul, ol) a {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) :is(ul, ol) a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 :is(ul, ol) a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 :is(ul, ol) a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 :is(ul, ol) a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 :is(ul, ol) a:hover {
    color: var(--c-p4);
    background: none;
  }
}
.main__content div.block:is(.red, .light-red) .alternate table tr th, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .alternate table tr th, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .alternate table tr th, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .alternate table tr th, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .alternate table tr th {
  border-bottom: unset;
}

.main__content div.block:is(.red, .light-red) .alternate table tr:nth-child(even), .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .alternate table tr:nth-child(even), .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .alternate table tr:nth-child(even), .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .alternate table tr:nth-child(even), .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .alternate table tr:nth-child(even) {
  background-color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) .alternate table tr:nth-child(even) td, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .alternate table tr:nth-child(even) td, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .alternate table tr:nth-child(even) td, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .alternate table tr:nth-child(even) td, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .alternate table tr:nth-child(even) td {
  color: var(--c-p2);
  border-color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) .alternate table tr:nth-child(odd) td a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .alternate table tr:nth-child(odd) td a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .alternate table tr:nth-child(odd) td a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .alternate table tr:nth-child(odd) td a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .alternate table tr:nth-child(odd) td a {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) .alternate table tr:nth-child(odd) td a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .alternate table tr:nth-child(odd) td a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .alternate table tr:nth-child(odd) td a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .alternate table tr:nth-child(odd) td a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .alternate table tr:nth-child(odd) td a:hover {
    color: var(--c-p4);
    background: none;
  }
}
.main__content div.block:is(.red, .light-red) .flexslider.news h3, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .flexslider.news h3, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .flexslider.news h3, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .flexslider.news h3, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .flexslider.news h3 {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) .flexslider.news .carousel-text p span a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .flexslider.news .carousel-text p span a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .flexslider.news .carousel-text p span a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .flexslider.news .carousel-text p span a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .flexslider.news .carousel-text p span a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p1);
  background-color: var(--c-p4);
  border-color: var(--c-transparent);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) .flexslider.news .carousel-text p span a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .flexslider.news .carousel-text p span a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .flexslider.news .carousel-text p span a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .flexslider.news .carousel-text p span a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .flexslider.news .carousel-text p span a:hover {
    color: var(--c-p4);
    background-color: var(--c-transparent);
    border-color: var(--c-p4);
  }
}
@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) .flexslider.news .carousel-text p span a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .flexslider.news .carousel-text p span a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .flexslider.news .carousel-text p span a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .flexslider.news .carousel-text p span a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .flexslider.news .carousel-text p span a:hover {
    text-decoration: none;
  }
}
.main__content div.block:is(.red, .light-red) .flexslider.news.button:not(.alt) .carousel-text p span a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .flexslider.news.button:not(.alt) .carousel-text p span a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .flexslider.news.button:not(.alt) .carousel-text p span a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .flexslider.news.button:not(.alt) .carousel-text p span a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .flexslider.news.button:not(.alt) .carousel-text p span a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p4);
  background-color: var(--c-transparent);
  border-color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) .flexslider.news.button:not(.alt) .carousel-text p span a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .flexslider.news.button:not(.alt) .carousel-text p span a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .flexslider.news.button:not(.alt) .carousel-text p span a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .flexslider.news.button:not(.alt) .carousel-text p span a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .flexslider.news.button:not(.alt) .carousel-text p span a:hover {
    color: var(--c-p1);
    background-color: var(--c-p4);
  }
}
.main__content div.block:is(.red, .light-red) .flexslider.news.button.alt .carousel-text p span a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .flexslider.news.button.alt .carousel-text p span a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .flexslider.news.button.alt .carousel-text p span a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .flexslider.news.button.alt .carousel-text p span a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .flexslider.news.button.alt .carousel-text p span a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p1);
  background-color: var(--c-p4);
  border-color: var(--c-transparent);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) .flexslider.news.button.alt .carousel-text p span a:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .flexslider.news.button.alt .carousel-text p span a:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .flexslider.news.button.alt .carousel-text p span a:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .flexslider.news.button.alt .carousel-text p span a:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .flexslider.news.button.alt .carousel-text p span a:hover {
    color: var(--c-p4);
    background-color: var(--c-transparent);
    border-color: var(--c-p4);
  }
}
.main__content div.block:is(.red, .light-red) .toggle:before, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .toggle:before, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .toggle:before, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .toggle:before, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .toggle:before {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) .toggle button, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .toggle button, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .toggle button, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .toggle button, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .toggle button {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.block:is(.red, .light-red) .toggle button:hover, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 .toggle button:hover, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 .toggle button:hover, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 .toggle button:hover, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 .toggle button:hover {
    color: var(--c-p4);
    text-decoration: underline;
  }
}
.main__content div.textimage > div.block:is(.red, .light-red) small {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) div.textimage > div:not([class*=overlay]) small {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) small, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 small, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 small, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 small, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 small {
  color: var(--c-p4);
}

.main__content div.margin-all {
  margin: 5rem;
}

@media (max-width: 527px) {
  .main__content div.margin-all {
    margin: 3rem;
  }
}
.main__content div:is(.margin-left, .margin-left-right) {
  margin-left: 5rem;
}

@media (max-width: 527px) {
  .main__content div:is(.margin-left, .margin-left-right) {
    margin-left: 3rem;
  }
}
.main__content div:is(.margin-right, .margin-left-right) {
  margin-right: 5rem;
}

@media (max-width: 527px) {
  .main__content div:is(.margin-right, .margin-left-right) {
    margin-right: 3rem;
  }
}
.main__content div:is(.margin-top, .margin-top-bottom) {
  margin-top: 5rem;
}

@media (max-width: 527px) {
  .main__content div:is(.margin-top, .margin-top-bottom) {
    margin-top: 3rem;
  }
}
.main__content div:is(.margin-bottom, .margin-top-bottom) {
  margin-bottom: 5rem;
}

@media (max-width: 527px) {
  .main__content div:is(.margin-bottom, .margin-top-bottom) {
    margin-bottom: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-all {
  padding: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-all {
    padding: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-left {
  padding-left: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-left {
    padding-left: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-right {
  padding-right: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-right {
    padding-right: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-left-right {
  padding-left: 5rem;
  padding-right: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-left-right {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-top {
  padding-top: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-top {
    padding-top: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-bottom {
  padding-bottom: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-bottom {
    padding-bottom: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-top-bottom {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).pad-top-bottom {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-all {
  padding: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-all {
    padding: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-left {
  padding-left: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-left {
    padding-left: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-right {
  padding-right: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-right {
    padding-right: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-left-right {
  padding-left: 5rem;
  padding-right: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-left-right {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-top {
  padding-top: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-top {
    padding-top: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-bottom {
  padding-bottom: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-bottom {
    padding-bottom: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-top-bottom {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.pad-top-bottom {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-bullets.pad-left li::before, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-bullets.pad-left-right li::before, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-bullets.pad-all li::before, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-bullets.margin-left li::before, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-bullets.margin-left-right li::before, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-bullets.margin-all li::before {
  margin: 0;
}

div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-lined.pad-left, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-lined.pad-left-right, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-lined.pad-all, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-lined.margin-left, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-lined.margin-left-right, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.link-lined.margin-all {
  padding-left: 1.22rem;
  margin-left: 5rem;
}

div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.horizontal-buttons.pad-left, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.horizontal-buttons.pad-left-right, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.horizontal-buttons.pad-all {
  padding-left: 5rem;
}

div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.horizontal-buttons.margin-left, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.horizontal-buttons.margin-left-right, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) ul.clf-list.horizontal-buttons.margin-all {
  margin-left: 5rem;
}

div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) select.clf-list.link-dropdown.margin-left, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) select.clf-list.link-dropdown.margin-left-right, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) select.clf-list.link-dropdown.margin-all {
  margin-left: 5rem;
}

div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) select.clf-list.link-dropdown.margin-top, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) select.clf-list.link-dropdown.margin-top-bottom, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) select.clf-list.link-dropdown.margin-all {
  margin-top: 5rem;
}

div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) select.clf-list.link-dropdown.margin-bottom, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) select.clf-list.link-dropdown.margin-top-bottom, div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) select.clf-list.link-dropdown.margin-all {
  margin-bottom: 5rem;
}

@media (max-width: 527px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).sm-pad-all {
    padding: 3rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).sm-pad-left {
    padding-left: 3rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).sm-pad-right {
    padding-right: 3rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).sm-pad-left-right {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).sm-pad-top {
    padding-top: 3rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).sm-pad-bottom {
    padding-bottom: 3rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).sm-pad-top-bottom {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 528px) and (max-width: 754px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).mds-pad-all {
    padding: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).mds-pad-left {
    padding-left: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).mds-pad-right {
    padding-right: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).mds-pad-left-right {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).mds-pad-top {
    padding-top: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).mds-pad-bottom {
    padding-bottom: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).mds-pad-top-bottom {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 528px) and (max-width: 979px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).md-pad-all {
    padding: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).md-pad-left {
    padding-left: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).md-pad-right {
    padding-right: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).md-pad-left-right {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).md-pad-top {
    padding-top: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).md-pad-bottom {
    padding-bottom: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).md-pad-top-bottom {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 980px) {
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).lg-pad-all {
    padding: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).lg-pad-left {
    padding-left: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).lg-pad-right {
    padding-right: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).lg-pad-left-right {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).lg-pad-top {
    padding-top: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).lg-pad-bottom {
    padding-bottom: 5rem;
  }
  div.sfu-columns > div > div:is(.c1, .c2, .c3, .c4) :is(div, img).lg-pad-top-bottom {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.main__content .datestamp {
  margin-bottom: 1.5rem;
}

div.download {
  margin-bottom: 3rem;
}

div.download span[class*="icon type_"] + a:before {
  font-family: var(--f-font-family--icon-1);
  text-decoration: none;
  background: none;
  margin-top: 0.2rem;
  padding: 0.2rem 1rem 0.2rem 0;
  margin-left: -0.5rem;
  font-size: 2.5rem;
}

div.download span[class*="icon type_"] + a:before > img {
  display: none;
}

div.download span[class*="icon type_"] + a:before {
  content: "\f15c";
  color: var(--c-s5);
  text-decoration: underline;
}

@media (any-hover: hover) {
  div.download span + a:hover:before {
    color: var(--c-p1);
    background-color: var(--c-transparent);
  }
}
div.download span:is(.type_doc, .type_docx) + a:before {
  content: "\f1c2";
}

div.download span:is(.type_eps, .type_gif, .type_jpg, .type_tif, .type_png, .type_jpeg) + a:before {
  content: "\f1c5";
}

div.download span.type_pdf + a:before {
  content: "\f1c1";
}

div.download span:is(.type_ppt, .type_pptx) + a:before {
  content: "\f1c4";
}

div.download span.type_txt + a:before {
  content: "\f0f6";
}

div.download span:is(.type_xls, .type_xlsx) + a:before {
  content: "\f1c3";
}

div.download span:is(.type_zip, .type_rar, .type_tar) + a:before {
  content: "\f1c6";
}

div.download span:is(.type_mp3, .type_wav, .type_wma) + a:before {
  content: "\f1c7";
}

div.download span:is(.type_mpg, .type_mov, .type_mp4) + a:before {
  content: "\f1c8";
}

div.download span:is(.type_css, .type_js, .type_html) + a:before {
  content: "\f1c9";
}

div.download > div.block:is(.red, .light-red) a {
  color: var(--c-p4);
}

div.download > div.block:is(.red, .light-red) a:before {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  div.download > div.block:is(.red, .light-red) a:hover {
    background-color: var(--c-transparent);
    color: var(--c-p4);
  }
  div.download > div.block:is(.red, .light-red) a:hover:before {
    color: var(--c-p4);
    background-color: var(--c-transparent);
  }
}
div.sfu-columns > div.block:is(.red, .light-red) div.download a, div.sfu-columns > div.block:is(.col-1-red, .col-1-light-red) .c1 div.download a, div.sfu-columns > div.block:is(.col-2-red, .col-2-light-red) .c2 div.download a, div.sfu-columns > div.block:is(.col-3-red, .col-3-light-red) .c3 div.download a, div.sfu-columns > div.block:is(.col-4-red, .col-4-light-red) .c4 div.download a {
  color: var(--c-p4);
}

div.sfu-columns > div.block:is(.red, .light-red) div.download a:before, div.sfu-columns > div.block:is(.col-1-red, .col-1-light-red) .c1 div.download a:before, div.sfu-columns > div.block:is(.col-2-red, .col-2-light-red) .c2 div.download a:before, div.sfu-columns > div.block:is(.col-3-red, .col-3-light-red) .c3 div.download a:before, div.sfu-columns > div.block:is(.col-4-red, .col-4-light-red) .c4 div.download a:before {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  div.sfu-columns > div.block:is(.red, .light-red) div.download a:hover, div.sfu-columns > div.block:is(.col-1-red, .col-1-light-red) .c1 div.download a:hover, div.sfu-columns > div.block:is(.col-2-red, .col-2-light-red) .c2 div.download a:hover, div.sfu-columns > div.block:is(.col-3-red, .col-3-light-red) .c3 div.download a:hover, div.sfu-columns > div.block:is(.col-4-red, .col-4-light-red) .c4 div.download a:hover {
    background-color: var(--c-transparent);
    color: var(--c-p4);
  }
  div.sfu-columns > div.block:is(.red, .light-red) div.download a:hover:before, div.sfu-columns > div.block:is(.col-1-red, .col-1-light-red) .c1 div.download a:hover:before, div.sfu-columns > div.block:is(.col-2-red, .col-2-light-red) .c2 div.download a:hover:before, div.sfu-columns > div.block:is(.col-3-red, .col-3-light-red) .c3 div.download a:hover:before, div.sfu-columns > div.block:is(.col-4-red, .col-4-light-red) .c4 div.download a:hover:before {
    color: var(--c-p4);
    background-color: var(--c-transparent);
  }
}
.main__content .rssHeader {
  margin-bottom: 3rem;
}

.main__content .rssBody ul {
  padding: 0;
}

.main__content .rssBody ul li:before {
  content: unset;
}

.main__content .rssBody ul li {
  display: grid;
  row-gap: 0rem;
}

.main__content .rssBody ul li img {
  width: auto;
  margin-bottom: 0;
}

.main__content .rssBody ul li h3 {
  grid-row: 2;
  margin-bottom: 2rem;
  text-transform: none;
  letter-spacing: normal;
  text-decoration: none;
  color: var(--c-s1);
}

@media (any-hover: hover) {
  .main__content .rssBody ul li h3:hover {
    color: var(--c-p1);
  }
}
.main__content .rssBody ul li h3 {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  font-size: 2.2rem;
  line-height: 2.6rem;
}

.main__content .rssBody ul li div {
  grid-row: 1;
}

.main__content .rssBody ul li div.rssDate {
  font-size: 1.5rem;
}

.main__content .rssBody ul li p:last-child {
  margin-bottom: 0;
}

.main__content .externalvideo > div {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 3rem;
}

.main__content .externalvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.icon-share::before {
  content: "\f064";
}

.icon-share-alt::before {
  content: "\f1e0";
}

.icon-tiktok::before {
  content: "\e07b";
}

.icon-facebook::before {
  content: "\f09a";
}

.icon-instagram::before {
  content: "\f16d";
}

.icon-youtube::before {
  content: "\f167";
}

.icon-twitter::before {
  content: "\e61b";
}

.icon-flickr::before {
  content: "\f16e";
}

.icon-bluesky::before {
  content: "\e671";
}

.icon-home::before {
  content: "\f015";
}

.icon-star::before {
  content: "\f005";
}

.icon-check::before {
  content: "\f00c";
}

.icon-times::before {
  content: "\f00d";
}

.icon-search-plus::before {
  content: "\f00e";
}

.icon-search-minus::before {
  content: "\f010";
}

.icon-cog::before {
  content: "\f013";
}

.icon-trash::before {
  content: "\f1f8";
}

.icon-file-o::before {
  content: "\f0f6";
}

.icon-print::before {
  content: "\f02f";
}

.icon-map-marker::before {
  content: "\f041";
}

.icon-caret-down::before {
  content: "\f0d7";
}

.icon-caret-up::before {
  content: "\f0d8";
}

.icon-caret-right::before {
  content: "\f0da";
}

.icon-caret-left::before {
  content: "\f0d9";
}

.icon-chevron-left::before {
  content: "\f053";
}

.icon-chevron-right::before {
  content: "\f054";
}

.icon-plus-circle::before {
  content: "\f055";
}

.icon-check-circle::before {
  content: "\f058";
}

.icon-info-circle::before {
  content: "\f05a";
}

.icon-question-circle::before {
  content: "\f059";
}

.icon-external-link-alt::before {
  content: "\f35d";
}

.icon-arrow-circle-left::before {
  content: "\f0a8";
}

.icon-arrow-circle-right::before {
  content: "\f0a9";
}

.icon-comment::before {
  content: "\f075";
}

.icon-envelope::before {
  content: "\f0e0";
}

.icon-pinterest::before {
  content: "\f0d2";
}

.icon-sms::before {
  content: "\f7cd";
}

.icon-reddit::before {
  content: "\f1a1";
}

.icon-google-plus::before {
  content: "\f2b3";
}

.icon-quote-left::before {
  content: "\f10d";
}

.icon-quote-right::before {
  content: "\f10e";
}

.icon-snapchat-ghost::before {
  content: "\f2ac";
}

.icon-linkedin::before {
  content: "\f08c";
}

.icon-menu::before {
  content: "\f0c9";
}

.icon-search::before {
  content: "\f002";
}

.icon-close::before {
  content: "\f00d";
}

.icon-file-pdf::before {
  content: "\f1c1";
}

.icon-shopping-cart::before {
  content: "\f07a";
}

section.footer {
  margin-top: 3rem;
  background-color: var(--c-s1);
}

@media (min-width: 755px) {
  section.footer {
    padding: 5rem 1.5rem;
  }
}
section.footer > div.footer__content {
  padding: 0;
}

.footer {
  --c-focus: var(--c-focus-light);
}

.footer__content a {
  color: var(--c-p4);
}

.footer__content ul {
  list-style: none;
}

.footer__content > div.footer__content--sfu-global {
  display: grid;
  grid-template-columns: repeat(11, 1fr 30px) 1fr;
  grid-column: 1/-1;
  grid-row: 1;
  margin-bottom: 2.5rem;
  background-color: var(--c-s6);
}

@media (min-width: 980px) {
  .footer__content > div.footer__content--sfu-global {
    grid-column: 1/12;
  }
}
@media (min-width: 755px) {
  .footer__content > div.footer__content--sfu-global {
    grid-column: 1/18;
    padding: 5.5rem;
    margin-bottom: 0;
  }
}
@media (min-width: 980px) {
  .footer__content > div.footer__content--sfu-global {
    grid-column: 1/12;
  }
}
@media (min-width: 980px) and (max-width: 1149px) {
  .footer__content > div.footer__content--sfu-global {
    grid-column: 1/18;
  }
}
.footer__content > div.footer__content--sfu-global > div.sfu-global--site-links {
  padding-left: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 2.25rem;
  grid-column: 1/-1;
  grid-row: 1;
}

@media (min-width: 755px) {
  .footer__content > div.footer__content--sfu-global > div.sfu-global--site-links {
    grid-column: 1/12;
    margin-top: 0;
  }
}
.footer__content > div.footer__content--sfu-global > div.sfu-global--contact-info {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
  grid-column: 1/-1;
  grid-row: 2;
}

@media (min-width: 755px) {
  .footer__content > div.footer__content--sfu-global > div.sfu-global--contact-info {
    padding-left: 5.5rem;
    grid-column: 13/-1;
    grid-row: 1;
  }
}
.footer__content > div.footer__content--sfu-global > div.sfu-global--contact-info p {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--regular);
  font-stretch: var(--f-font-stretch--normal);
}

.footer__content > div.footer__content--sfu-links {
  grid-column: 1/-1;
  grid-row: 2;
  padding-left: 1.5rem;
  margin-bottom: 2.25rem;
}

@media (min-width: 755px) {
  .footer__content > div.footer__content--sfu-links {
    grid-column: 19/-1;
    grid-row: 1;
    padding: 5.5rem 0;
  }
}
@media (min-width: 980px) {
  .footer__content > div.footer__content--sfu-links {
    grid-column: 13/18;
    grid-row: 1;
    padding: 5.5rem 0 5.5rem 5.5rem;
  }
}
@media (min-width: 980px) and (max-width: 1149px) {
  .footer__content > div.footer__content--sfu-links {
    grid-column: 19/-1;
  }
}
.footer__content > div.footer__content--sfu-info {
  grid-template-rows: repeat(2, min-content);
  grid-template-columns: repeat(11, 1fr 0) 1fr;
  grid-column: 1/-1;
  grid-row: 3;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 3rem;
}

@media (min-width: 755px) {
  .footer__content > div.footer__content--sfu-info {
    grid-column: 1/-1;
    grid-row: 2;
    padding: 3rem 5.5rem;
  }
}
@media (min-width: 980px) {
  .footer__content > div.footer__content--sfu-info {
    grid-column: 19/24;
    grid-row: 1;
    padding: 5.5rem 0;
  }
}
@media (min-width: 980px) and (max-width: 1149px) {
  .footer__content > div.footer__content--sfu-info {
    grid-column: 1/-1;
    grid-row: 2;
    padding: 5.5rem;
  }
}
.footer__content > div.footer__content--sfu-info .footer__content--sfu-info-logo {
  grid-column: 1/-1;
  grid-row: 2;
}

@media (min-width: 980px) {
  .footer__content > div.footer__content--sfu-info .footer__content--sfu-info-logo {
    grid-column: 1/-1;
    grid-row: 1;
  }
}
@media (max-width: 1149px) {
  .footer__content > div.footer__content--sfu-info .footer__content--sfu-info-logo {
    grid-column: 1/-1;
    grid-row: 2;
    padding-left: 0;
  }
}
.footer__content > div.footer__content--sfu-info .footer__content--sfu-info-logo img {
  width: 20.6rem;
}

@media (max-width: 979px) {
  .footer__content > div.footer__content--sfu-info .footer__content--sfu-info-logo {
    margin-top: 1.5rem;
  }
}
@media (max-width: 527px) {
  .footer__content > div.footer__content--sfu-info .footer__content--sfu-info-logo {
    grid-row: 2;
  }
}
.footer__content > div.footer__content--sfu-info .footer__content--sfu-info-logo__img--light-theme {
  display: none;
}

.footer__content > div.footer__content--sfu-info .footer__content--sfu-info-acknowledgement {
  grid-column: 1/-1;
  grid-row: 1;
  margin-bottom: 1rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--medium);
  font-stretch: var(--f-font-stretch--normal);
}

@media (min-width: 980px) {
  .footer__content > div.footer__content--sfu-info .footer__content--sfu-info-acknowledgement {
    grid-column: 1/-1;
    grid-row: 2;
    padding-top: 1.5rem;
  }
}
@media (max-width: 1149px) {
  .footer__content > div.footer__content--sfu-info .footer__content--sfu-info-acknowledgement {
    grid-column: 1/-1;
    grid-row: 1;
  }
}
@media (max-width: 527px) {
  .footer__content > div.footer__content--sfu-info .footer__content--sfu-info-acknowledgement {
    grid-row: 1;
  }
}
footer {
  color: var(--c-p4);
}

footer li {
  margin-bottom: 1.1rem;
}

footer li:last-child {
  margin-bottom: 0;
}

footer li a {
  text-transform: uppercase;
  text-decoration: none;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  font-size: 1.3rem;
  line-height: 1.8rem;
}

footer :is(h1, h2, h3, h4, h5) {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 1.5rem;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

footer p {
  color: var(--c-s9);
  line-height: 1.8rem;
  font-size: 1.1rem;
}

footer .footer__content--sfu-info {
  display: grid;
  grid-template-columns: repeat(11, 1fr 30px) 1fr;
  padding: 0;
}

.sfu-global--footer-social-links {
  display: inline-block;
  margin-top: 1.5rem;
}

.sfu-global--footer-social-links ul li,
.sfu-global--footer-social-links a {
  display: block;
  float: left;
  margin-bottom: 0;
}

.sfu-global--footer-social-links a {
  margin-right: 2rem;
  margin-bottom: 1.5rem;
}

p.legal {
  margin-top: 1.5rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--condensed);
  display: flex;
  gap: 0 1rem;
  flex-wrap: wrap;
}

p.legal a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 2.4rem;
}

header {
  background-color: var(--c-p4);
}

header .skip-cta {
  display: none;
}

@media (min-width: 980px) {
  header .skip-cta {
    font-family: var(--f-font-family--body);
    font-weight: var(--f-font-weight--heavy);
    font-stretch: var(--f-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--c-p4);
    border-color: var(--c-p1);
    color: var(--c-p1);
  }
}
@media (min-width: 980px) and (any-hover: hover) {
  header .skip-cta:hover {
    color: var(--c-p4);
    background-color: var(--c-p1);
  }
}
@media (min-width: 980px) {
  header .skip-cta {
    position: absolute;
    z-index: 1000;
    top: 1.5rem;
    left: -99999px;
    transform: translateX(-50%);
  }
  header .skip-cta[data-focus-method=key]:focus-visible {
    left: 50%;
  }
}
.header__content {
  padding: 1rem;
}

.header__content > div {
  padding: 1.5rem 0;
  grid-row: 1;
}

.header__content > div.header__content--identify {
  grid-column: 1/-1;
}

@media (min-width: 980px) {
  .header__content > div.header__content--identify {
    grid-column: 1/16;
    align-self: center;
  }
}
.header__content > div.header__content--site-tools, .header__content > div.header__content--main-nav {
  justify-self: end;
}

.header__content > div.header__content--site-tools {
  grid-column: 17/-1;
  grid-row: 1;
  display: flex;
  gap: 0.4rem;
  align-items: start;
  justify-content: end;
}

.header__content > div.header__content--main-nav {
  grid-column: 1/-1;
  grid-row: 2;
}

.header__content--logo > a {
  display: inline-block;
}

.header__content--logo img {
  width: 26rem;
}

.header__content .parent-site-name a,
.header__content .main-site-name a {
  text-decoration: none;
  display: block;
}

.header__content .parent-site-name {
  margin-bottom: 0.5rem;
}

.header__content .parent-site-name a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
  text-transform: uppercase;
  color: var(--c-s1);
  font-size: 1.3rem;
}

@media (any-hover: hover) {
  .header__content .parent-site-name a:hover {
    color: var(--c-p2);
  }
}
.header__content .main-site-name a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  color: var(--c-s1);
  font-size: 2.1rem;
}

@media (min-width: 980px) {
  .header__content .main-site-name a {
    font-size: 2.8rem;
  }
}
@media (any-hover: hover) {
  .header__content .main-site-name a:hover {
    color: var(--c-p2);
  }
}
@media (min-width: 980px) {
  .header__content .main-site-name {
    line-height: 1;
  }
}
.header__content--identify {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 980px) {
  .header__content--identify {
    max-height: none;
    display: flex;
    align-items: end;
    gap: 1rem 2.4rem;
    flex-wrap: wrap;
  }
}
@media (min-width: 980px) {
  .header__content--identify > div {
    display: inline-block;
  }
}
@media (min-width: 980px) and (max-width: 1149px) {
  .header__content--identify > div {
    display: block;
  }
}
@media (max-width: 979px) {
  .header__content--identify {
    padding-bottom: 0;
  }
}
.header__content--identify .sfu-brand-extension-logo {
  display: none;
}

.header__content--identify .header__content--logo .non-branded-logo {
  display: none;
}

@media (min-width: 980px) {
  .header__content--identify .header__content--logo img.desktop {
    display: inline-block;
  }
}
.header__content--identify .header__content--logo[data-image=custom][data-image=custom] img {
  display: none;
}

.header__content--identify .header__content--logo[data-image=nbl] {
  margin-right: 0.5rem;
  padding-top: 0.5rem;
}

.header__content--identify .header__content--logo[data-image=nbl] .non-branded-logo {
  display: inline-block;
}

.header__content--identify .header__content--logo[data-image=nbl] .non-branded-logo img.desktop {
  width: auto;
  max-width: 37rem;
}

.header__content--identify .header__content--logo[data-image=nbl] .non-branded-logo img.mobile.tablet {
  width: auto;
  max-width: 37rem;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
  padding-right: 1.5rem;
}

.header__content--identify .header__content--logo[data-image=nbl] .sfu-brand-logo {
  display: none;
}

.header__content--identify .header__content--logo[data-image=custom] {
  display: none;
}

.header__content--identify .header__content--logo[data-image=custom] .sfu-brand-logo {
  display: none;
}

.header__content--identify .header__content--logo[data-image=custom] img {
  display: inline-block;
  width: auto;
}

.header__content--identify .header__content--logo[data-image=custom] + .header__content--site-title {
  display: none;
}

.header__content--identify .header__content--logo[data-image=custom] ~ .sfu-brand-extension-logo {
  display: inline-block;
}

html[data-page-template=basic-home] div.sfu-columns .textimage {
  padding-top: 0;
}

html[data-page-template=basic-home] section.footer {
  margin-top: 0;
}

html.ie11-browser .ribbon__content {
  padding-top: 8px;
}

html.ie11-browser .ribbon__content--mobile-nav-icons {
  float: right;
  margin-top: -25px;
}

html.ie11-browser .mobile-nav__third-level-container--nav-name {
  padding-top: 40px;
}

html.ie11-browser .mobile-nav__main-nav {
  margin-top: 75px;
}

html.ie11-browser .ribbon__content--audience-nav {
  float: right;
}

html.ie11-browser .header__content--site-tools {
  float: right;
  margin-top: -100px;
}

html.ie11-browser .page-content__side-nav {
  float: left;
  margin-right: 30px;
  width: 25%;
}

html.ie11-browser .page-content__main {
  float: right;
  width: 70%;
}

html.ie11-browser footer {
  clear: both;
}

html.ie11-browser .footer__content--sfu-global {
  background-color: var(--c-transparent);
  padding: 0;
}

html.ie11-browser .footer__content--sfu-links {
  padding-top: 0;
  padding-left: 1.5rem;
  padding-bottom: 3rem;
}

html.ie11-browser .footer__content--sfu-info {
  padding-top: 0;
  padding-left: 1.5rem;
}

html.ie11-browser .footer__content > div.footer__content--sfu-global > div.sfu-global--contact-info {
  padding-left: 1.5rem;
}

html.ie11-browser .page-content__side-nav li.has-third-level.active > a::after,
html.ie11-browser .page-content__side-nav li.has-forth-level.active > a::after {
  content: " ";
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) :is(ul, ol) {
  padding-left: 3rem;
  margin-bottom: 3rem;
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) :is(ul, ol) :is(ul, ol) {
  margin-top: 1.5rem;
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) :is(ul, ol) li {
  list-style: none;
  line-height: 2.6rem;
  margin-bottom: 1.5rem;
  position: relative;
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) :is(ul, ol) li:last-child {
  margin-bottom: 0;
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: -2.8rem;
  border: 1px solid var(--c-p2);
  counter-increment: none;
  box-sizing: border-box;
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) ol {
  counter-reset: item;
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) ol > li::before {
  counter-increment: item;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-p2);
  position: absolute;
  top: 0;
  left: -3rem;
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) :is(ul > li, ol > li > ol > li > ul > li, ol > li > ul > li)::before {
  width: 0.8rem;
  height: 0.8rem;
  top: 0.9rem;
  background-color: var(--c-p2);
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) :is(ul > li > ul > li, ul > li > ol > li > ul > li, ol > li > ul > li > ul > li)::before {
  width: 0.8rem;
  height: 0.8rem;
  top: 0.9rem;
  background-color: var(--c-transparent);
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) ul > li > ul > li > ul > li::before {
  width: 1rem;
  height: 0.2rem;
  top: 1.2rem;
  background-color: var(--c-p2);
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) :is(ul > li > ul > li > ol > li, ul > li > ol > li, ol > li)::before {
  content: counter(item) ".";
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) :is(ul > li > ol > li > ol > li, ol > li > ol > li, ol > li > ul > li > ol > li)::before {
  content: counter(item, upper-alpha) ".";
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) ol > li > ol > li > ol > li::before {
  content: counter(item, lower-alpha) ".";
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) :is(ul, ol) > li > :is(ul, ol) {
  margin-bottom: 0 !important;
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) {
  margin-bottom: 0 !important;
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.red, .light-red) ul > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-1-red, .col-1-light-red) .c1 ul > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-2-red, .col-2-light-red) .c2 ul > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-3-red, .col-3-light-red) .c3 ul > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-4-red, .col-4-light-red) .c4 ul > li::before {
  border-color: var(--c-p4);
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.red, .light-red) ol > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-1-red, .col-1-light-red) .c1 ol > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-2-red, .col-2-light-red) .c2 ol > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-3-red, .col-3-light-red) .c3 ol > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-4-red, .col-4-light-red) .c4 ol > li::before {
  color: var(--c-p4);
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.red, .light-red) :is(ul > li, ol > li > ol > li > ul > li, ol > li > ul > li)::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-1-red, .col-1-light-red) .c1 :is(ul > li, ol > li > ol > li > ul > li, ol > li > ul > li)::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-2-red, .col-2-light-red) .c2 :is(ul > li, ol > li > ol > li > ul > li, ol > li > ul > li)::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-3-red, .col-3-light-red) .c3 :is(ul > li, ol > li > ol > li > ul > li, ol > li > ul > li)::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-4-red, .col-4-light-red) .c4 :is(ul > li, ol > li > ol > li > ul > li, ol > li > ul > li)::before {
  background-color: var(--c-p4);
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.red, .light-red) :is(ul > li > ul > li, ul > li > ol > li > ul > li, ol > li > ul > li > ul > li)::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-1-red, .col-1-light-red) .c1 :is(ul > li > ul > li, ul > li > ol > li > ul > li, ol > li > ul > li > ul > li)::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-2-red, .col-2-light-red) .c2 :is(ul > li > ul > li, ul > li > ol > li > ul > li, ol > li > ul > li > ul > li)::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-3-red, .col-3-light-red) .c3 :is(ul > li > ul > li, ul > li > ol > li > ul > li, ol > li > ul > li > ul > li)::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-4-red, .col-4-light-red) .c4 :is(ul > li > ul > li, ul > li > ol > li > ul > li, ol > li > ul > li > ul > li)::before {
  background-color: var(--c-transparent);
}

:is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.red, .light-red) ul > li > ul > li > ul > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-1-red, .col-1-light-red) .c1 ul > li > ul > li > ul > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-2-red, .col-2-light-red) .c2 ul > li > ul > li > ul > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-3-red, .col-3-light-red) .c3 ul > li > ul > li > ul > li::before, :is(.page-content__main, .page-content__third-col, .below-vertical-nav) div.block:is(.col-4-red, .col-4-light-red) .c4 ul > li > ul > li > ul > li::before {
  background-color: var(--c-p4);
}

.page-content__side-nav .page-content__side-nav--container > ul {
  padding-bottom: 3rem;
  list-style: none;
}

.page-content__side-nav .page-content__side-nav--container > ul li {
  display: none;
}

.page-content__side-nav .page-content__side-nav--container > ul li a {
  text-transform: uppercase;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active {
  display: block;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > a {
  display: block;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  font-size: 1.7rem;
  line-height: 2.2rem;
  color: var(--c-p1);
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 0.1rem solid var(--c-s2);
  padding-bottom: 1.5rem;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > a:before {
  font-family: var(--f-font-family--icon-1);
  content: "\f0d9";
  padding-right: 1.2rem;
  visibility: hidden;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > a.show:before {
  visibility: visible;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > ul > li {
  display: block;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > ul > li a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--medium);
  font-stretch: var(--f-font-stretch--normal);
  font-size: 1.3rem;
  text-decoration: none;
  display: block;
  padding: 1.65rem 1.5rem 1.65rem 2.8rem;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > ul > li.active > ul > li a {
  padding-left: 4.5rem;
  text-transform: none;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > ul > li.active > ul > li {
  display: block;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > ul > li.active > ul > li.active > ul > li a {
  padding-left: 6rem;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > ul > li.active > ul > li.active > ul > li {
  display: block;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li a {
  padding-left: 7.5rem;
}

.page-content__side-nav .page-content__side-nav--container > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li {
  display: block;
}

.page-content__side-nav li:is(.has-third-level, .has-fourth-level, .has-fifth-level) > a:after {
  font-family: var(--f-font-family--icon-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  display: inline;
  margin-left: 1rem;
}

.page-content__side-nav ul > li:is(.snav-l2.has-third-level, .snav-l3.has-fourth-level, .snav-l4.has-fifth-level).active > a:after {
  content: "\f0d7";
}

.page-content__side-nav ul > li:is(.snav-l2, .snav-l3, .snav-l4, .snav-l5) > a {
  color: var(--c-s1);
}

.page-content__side-nav ul > li:is(.snav-l2, .snav-l3, .snav-l4, .snav-l5) > a.is-current-page {
  background-color: var(--c-s3);
}

@media (any-hover: hover) {
  .page-content__side-nav ul > li:is(.snav-l2, .snav-l3, .snav-l4, .snav-l5) > a:not(.is-current-page):hover {
    color: var(--c-p4);
    background-color: var(--c-p2);
  }
  .page-content__side-nav ul > li:is(.snav-l2, .snav-l3, .snav-l4, .snav-l5) > a:not(.is-current-page):hover:after {
    color: var(--c-p4);
  }
}
.page-content__side-nav ul > li:is(.snav-l2, .snav-l3, .snav-l4, .snav-l5).active > a {
  color: var(--c-p1);
}

.page-content__side-nav ul > li.snav-l2.active {
  background-color: var(--c-s3);
}

.page-content__side-nav h2.site-title {
  padding: 3rem 0;
}

.page-content__side-nav h2.site-title a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  color: var(--c-p3);
  margin: 0;
  font-size: 3.7rem;
  line-height: 4.2rem;
  letter-spacing: normal;
}

@media (min-width: 528px) {
  .page-content__side-nav h2.site-title a {
    font-size: 2.6rem;
    line-height: 3rem;
    display: block;
  }
}
@media (min-width: 528px) and (any-hover: hover) {
  .page-content__side-nav h2.site-title a:hover {
    color: var(--c-p1);
  }
}
#side-bar-logo-container {
  height: 0;
  overflow: hidden;
  margin: 0;
  opacity: 0;
}

#side-bar-logo-container.transition {
  transition: height 0.25s var(--transition-power-2-in-out), opacity 0.25s var(--transition-power-2-in-out);
}

#side-bar-logo-container #side-bar-logo img {
  max-width: 26.5rem;
}

.page-content__side-nav--container {
  position: relative;
}

.page-content__side-nav--container.fixed {
  position: fixed;
}

.below-vertical-nav {
  padding-bottom: 3rem;
}

html[data-page-template=basic-page] .main__content--breadcrumb {
  grid-row: 1;
}

html[data-page-template=basic-page] .main__content--content {
  grid-row: 2;
}

@media (max-width: 1799px) {
  html[data-page-template=basic-page] .main__content {
    max-width: 1420px;
  }
}
@media (min-width: 1800px) {
  html[data-page-template=basic-page] .main__content {
    max-width: 1820px;
  }
}
@media (max-width: 1799px) {
  html[data-page-template=basic-page] div.page-content {
    max-width: 1420px;
  }
}
@media (min-width: 1800px) {
  html[data-page-template=basic-page] div.page-content {
    max-width: 1820px;
  }
}
html[data-page-template=basic-home] .main__content {
  max-width: unset;
}

html[data-page-template=basic-home] .main__content--content {
  grid-row: 1;
}

html[data-page-template=basic-home] div.page-content {
  padding: 0;
  max-width: unset;
}

.main__content {
  display: grid;
  grid-template-columns: repeat(11, 1fr 30px) 1fr;
  margin: 0 auto;
}

.main__content--breadcrumb {
  grid-column: 1/-1;
  padding: 0 1.5rem;
}

@media (min-width: 980px) {
  .main__content--breadcrumb {
    grid-column: 7/-1;
    padding: 0rem 1rem;
  }
}
.main__content--content {
  grid-column: 1/-1;
}

.main__content div.page-content {
  display: grid;
  grid-template-columns: repeat(11, 1fr 30px) 1fr;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.main__content div.page-content div.page-content__side-nav {
  display: none;
}

@media (min-width: 980px) {
  .main__content div.page-content div.page-content__side-nav {
    grid-row: 1;
  }
}
.main__content div.page-content div.page-content__main {
  grid-row: 1;
}

.main__content div.page-content div.page-content__third-col {
  grid-row: 2;
}

.main__content div.page-content div.page-content__main, .main__content div.page-content div.page-content__third-col {
  grid-column: 1/-1;
}

@media (min-width: 980px) {
  .main__content div.page-content div.page-content__main, .main__content div.page-content div.page-content__third-col {
    grid-row: 1;
  }
}
@media (min-width: 980px) {
  .main__content div.page-content.side-nav > div.page-content__side-nav {
    display: inline-block;
    grid-column: 1/6;
    grid-row: 1;
  }
}
@media (min-width: 980px) {
  .main__content div.page-content.side-nav > div.page-content__main {
    grid-column: 7/-1;
  }
}
@media (min-width: 980px) {
  .main__content div.page-content.third-col > div.page-content__main {
    grid-column: 1/18;
  }
}
@media (min-width: 980px) {
  .main__content div.page-content.third-col > div.page-content__third-col {
    display: inline-block;
    grid-column: 19/-1;
  }
}
@media (min-width: 980px) {
  .main__content div.page-content.side-nav.third-col > div.page-content__main {
    grid-column: 7/18;
  }
}
section > div.mobile-nav__content, section > div.mobile-search__content {
  padding: 0;
}

section > div.mobile-nav__content li.active > ul {
  display: block;
}

section > div.mobile-nav__content li.active > ul > li.active a {
  background-color: var(--c-s3);
}

section > div.mobile-nav__content li.active > ul > li ul {
  display: none;
}

.mobile-nav,
.mobile-search {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  z-index: 999;
  pointer-events: none;
}

@media (min-width: 980px) {
  .mobile-nav,
  .mobile-search {
    display: none;
  }
}
.mobile-nav__content,
.mobile-search__content {
  grid-template-rows: repeat(2, min-content) auto;
  transition: height 0.4s;
  background-color: var(--c-s3);
  height: 0;
  overflow: hidden;
}

.mobile-nav__content.open,
.mobile-search__content.open {
  overflow-y: auto;
  pointer-events: all;
}

.mobile-nav__content--site-title,
.mobile-search__content--site-title {
  grid-column: 1/-1;
  grid-row: 1;
  background-color: var(--c-p4);
}

.mobile-nav__content--nav-list,
.mobile-search__content--nav-list {
  grid-column: 1/-1;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(11, 1fr 30px) 1fr;
}

.mobile-nav__content--nav-list > div.mobile-nav__main-nav,
.mobile-search__content--nav-list > div.mobile-nav__main-nav {
  grid-column: 1/-1;
  grid-row: 1;
  background-color: var(--c-p1);
}

.mobile-nav__content--nav-list > div.mobile-nav__main-nav > ul li.active,
.mobile-search__content--nav-list > div.mobile-nav__main-nav > ul li.active {
  background-color: var(--c-p2);
}

.mobile-nav__content--nav-list > div.mobile-nav__main-nav > ul li.active > a.has-sub-nav:after,
.mobile-search__content--nav-list > div.mobile-nav__main-nav > ul li.active > a.has-sub-nav:after {
  content: "\f0d7";
}

.mobile-nav__content--nav-list > div.mobile-nav__main-nav > ul li > a,
.mobile-search__content--nav-list > div.mobile-nav__main-nav > ul li > a {
  font-size: 1.8rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

.mobile-nav__content--nav-list > div.mobile-nav__main-nav > ul li > a.has-sub-nav.open:after,
.mobile-search__content--nav-list > div.mobile-nav__main-nav > ul li > a.has-sub-nav.open:after {
  content: "\f0d7";
}

.mobile-nav__content--nav-list > div.mobile-nav__main-nav > ul li > ul li a,
.mobile-search__content--nav-list > div.mobile-nav__main-nav > ul li > ul li a {
  font-size: 1.5rem;
  padding: 1.7rem 2rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--medium);
  font-stretch: var(--f-font-stretch--normal);
}

.mobile-nav__content--nav-list > div.mobile-nav__audience-nav,
.mobile-search__content--nav-list > div.mobile-nav__audience-nav {
  grid-column: 1/-1;
  grid-row: 2;
  background-color: var(--c-s3);
}

.mobile-nav li > ul,
.mobile-search li > ul {
  display: none;
  background-color: var(--c-p4);
}

.mobile-nav li > ul > li a,
.mobile-search li > ul > li a {
  color: var(--c-p3);
}

.mobile-nav li a,
.mobile-search li a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 1.7rem 1.5rem;
  color: var(--c-p4);
}

.mobile-nav li > a.has-sub-nav,
.mobile-search li > a.has-sub-nav {
  text-decoration: none;
}

.mobile-nav li > a.has-sub-nav + ul li,
.mobile-search li > a.has-sub-nav + ul li {
  list-style: none;
}

.mobile-nav li > a.has-sub-nav:after,
.mobile-search li > a.has-sub-nav:after {
  font-family: var(--f-font-family--icon-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  margin-left: 1.2rem;
}

.mobile-nav li > a.has-third-level,
.mobile-search li > a.has-third-level {
  text-decoration: none;
}

.mobile-nav li > a.has-third-level:after,
.mobile-search li > a.has-third-level:after {
  font-family: var(--f-font-family--icon-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  margin-left: 1rem;
}

.mobile-nav li.active > a.has-third-level:after,
.mobile-search li.active > a.has-third-level:after {
  content: "\f0d7";
}

.mobile-nav :is(.close-mobile-nav, .close-mobile-search),
.mobile-search :is(.close-mobile-nav, .close-mobile-search) {
  cursor: pointer;
  display: grid;
}

.mobile-nav :is(.close-mobile-nav, .close-mobile-search):after,
.mobile-search :is(.close-mobile-nav, .close-mobile-search):after {
  font-family: var(--f-font-family--icon-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d8";
  color: var(--c-p1);
  align-self: center;
  justify-self: center;
}

.mobile-nav__social-icons {
  position: fixed;
  bottom: -100%;
  background-color: var(--c-s3);
  width: 100%;
  transition: bottom 0.4s;
  z-index: 999;
  display: grid;
  grid-template-columns: 7rem 1fr;
  height: 5.5rem;
  grid-gap: 2rem;
}

.mobile-nav__social-icons.open {
  bottom: 0;
  pointer-events: all;
}

.mobile-nav__social-icons > ul.mobile-nav__social-icons--home-link {
  align-self: center;
  padding-left: 1.5rem;
}

.mobile-nav__social-icons > ul.mobile-nav__social-icons--home-link > li {
  list-style: none;
}

.mobile-nav__social-icons > ul.mobile-nav__social-icons--home-link > li a {
  padding: 1rem 0;
  color: var(--c-p1);
  display: inline-block;
}

.mobile-nav__social-icons > div.mobile-nav__social-icons--social-links {
  justify-self: end;
  align-self: center;
}

.mobile-nav__social-icons > div.mobile-nav__social-icons--social-links li {
  list-style: none;
  display: inline-block;
}

.mobile-nav__social-icons > div.mobile-nav__social-icons--social-links li a {
  padding: 0;
}

.mobile-nav__social-icons > div.mobile-nav__social-icons--social-links a {
  color: var(--c-p1);
  margin-right: 1.5rem;
  display: inline-block;
}

.mobile-nav__social-icons > div.mobile-nav__social-icons--social-links img {
  width: auto;
}

@media (min-width: 980px) {
  .mobile-nav__social-icons {
    display: none;
  }
}
.mobile-nav__audience-nav li a {
  color: var(--c-p1);
  font-size: 1.8rem;
}

.mobile-nav__audience-nav li.active a {
  color: var(--c-p2);
}

.mobile-nav__third-level-container {
  display: grid;
  grid-template-columns: repeat(11, 1fr 30px) 1fr;
  grid-template-rows: 100px auto;
  position: fixed;
  top: 50px;
  left: 101%;
  width: 100%;
  background-color: var(--c-p4);
  transition: left 0.2s;
}

.mobile-nav__third-level-container.open {
  overflow-y: auto;
  left: 0;
  pointer-events: all;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-name {
  padding: 1.5rem 2rem;
  grid-column: 1/-1;
  background-color: var(--c-s7);
  position: relative;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-name span {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--medium);
  font-stretch: var(--f-font-stretch--normal);
  text-transform: uppercase;
  cursor: pointer;
  position: absolute;
  bottom: 1.75rem;
  display: block;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-name span:before {
  font-family: var(--f-font-family--icon-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--c-p1);
  content: "\f0d9";
  margin-right: 0.75rem;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items {
  grid-column: 1/-1;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items ul li {
  list-style: none;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items ul li a {
  color: var(--c-p3);
  padding: 1.9rem 1.25rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--medium);
  font-stretch: var(--f-font-stretch--normal);
  text-transform: none;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items ul li a.mnav-l3 {
  padding-left: 4rem;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items ul li a.mnav-l4 {
  padding-left: 6rem;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items ul li a.mnav-l5 {
  padding-left: 8rem;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items ul li a.is-current-page {
  background-color: var(--c-s3);
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items ul li.active > a {
  color: var(--c-p1);
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items ul li.active > ul {
  display: block;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items ul li:is(.has-fourth-level, .has-fifth-level) > a:after {
  font-family: var(--f-font-family--icon-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  margin-left: 1rem;
}

.mobile-nav__third-level-container > div.mobile-nav__third-level-container--nav-items ul li:is(.has-fourth-level, .has-fifth-level).active > a:after {
  content: "\f0d7";
}

.mobile-nav .main-site-name,
.mobile-search .mobile-search-header {
  display: grid;
  grid-template-columns: 1fr 5rem;
  grid-gap: 1.5rem;
}

.mobile-nav .main-site-name a,
.mobile-search .mobile-search-header span:not(.close-mobile-search) {
  color: var(--c-s1);
  font-size: 2.1rem;
  padding: 2rem 0 2rem 1.5rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none;
}

#mobile-search-box-container .icon.icon-search {
  display: none;
}

.mobile-search__content.open #mobile-search-box-container .icon.icon-search {
  display: inline;
}

.mobile-search__content--search-form {
  grid-column: 1/-1;
  background-color: var(--c-p4);
  padding: 0 1.5rem 5.5rem 1.5rem;
}

.mobile-search .mobile-search-links {
  grid-column: 1/-1;
}

.mobile-search .mobile-search-links ul li {
  list-style: none;
}

.mobile-search .mobile-search-links ul li a {
  color: var(--c-p1);
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.95rem 1.5rem;
  display: inline-block;
}

.mobile-search .mobile-search-links ul li a span {
  text-transform: lowercase;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  letter-spacing: 0.03rem;
  font-size: 1.5rem;
  float: none;
  padding: 0;
  color: var(--c-p1);
}

#mobile-search-box {
  border: 0;
  border-bottom: 1px solid var(--c-s2);
  border-radius: 0;
  width: 100%;
  padding: 0.7rem 0;
  margin-bottom: 1rem;
  outline: none;
  font-size: 2.2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--regular);
  font-stretch: var(--f-font-stretch--normal);
}

#mobile-search-box::-moz-placeholder {
  font-size: 1.1rem;
  color: var(--c-s4);
  letter-spacing: 0.12rem;
}

#mobile-search-box::placeholder {
  font-size: 1.1rem;
  color: var(--c-s4);
  letter-spacing: 0.12rem;
}

#mobile-search-scope label {
  font-size: 1.3rem;
  margin-right: 1.5rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--regular);
  font-stretch: var(--f-font-stretch--normal);
}

#mobile-search-scope input {
  margin-right: 0.1rem;
}

#mobile-search-scope input,
#mobile-search-scope label {
  vertical-align: middle;
}

.nav {
  display: none;
}

@media (min-width: 980px) {
  nav {
    position: relative;
    display: inherit;
    z-index: 9999;
  }
  nav.fixable {
    position: fixed;
    top: -3.5rem;
    width: 100%;
    left: 0;
    transition: top 0.3s var(--transition-power-4-in-out);
    z-index: 999;
  }
  nav.fixable.fixed {
    top: 0;
  }
  nav.fixable:not(.fixed) {
    pointer-events: none;
  }
  nav.fixable + main {
    margin-top: 3.5rem;
  }
  nav::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--c-s3);
    border-left: 0;
    border-right: 0;
    pointer-events: none;
    background-color: var(--c-p4);
  }
  .nav {
    background-color: var(--c-p1);
    display: inline-block;
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    --spacing-main-nav--tb-pad: 0.9rem;
    --ui-main-nav--font-size: 1.5rem;
    --ui-main-nav--line-height: 1.7rem;
  }
  .nav__content {
    height: 35px;
    overflow-y: hidden;
    align-self: center;
  }
  .nav__content--main-navigation {
    align-self: center;
    grid-column: 1/-1;
  }
  .nav__content--main-navigation > ul {
    display: flex;
    flex-wrap: wrap;
  }
  .nav__content--main-navigation > ul > li {
    display: grid;
    align-items: center;
  }
  .nav__content--main-navigation > ul > li a.has-sub-nav,
  .nav__content--main-navigation > ul > li .horizontal-nav__link-caret {
    grid-area: 1/1;
  }
  .nav__content--main-navigation > ul > li a.has-sub-nav {
    padding-right: 2.8rem;
  }
  .nav__content--main-navigation > ul > li .horizontal-nav__link-caret {
    justify-self: end;
    height: 100%;
    width: 2.4rem;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    background-color: var(--c-transparent);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: var(--ui-main-nav--font-size);
    position: relative;
    z-index: 1;
  }
  .nav__content--main-navigation > ul > li .horizontal-nav__link-caret[data-focus-method=key]:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 2px var(--c-focus), inset 0 0 0 3px var(--c-p4);
  }
  .nav__content--main-navigation > ul > li .horizontal-nav__link-caret svg {
    pointer-events: none;
    width: 1.8rem;
    fill: var(--c-p4);
    transform: translateY(-0.1em);
  }
  .nav__content--main-navigation > ul > li .horizontal-nav__link-caret svg path {
    transform: rotate(0deg);
    transform-origin: center;
    will-change: transform;
  }
  .nav__content--main-navigation > ul > li.open .horizontal-nav__link-caret svg path {
    transform: rotate(180deg);
  }
  .nav__content--main-navigation > ul > li > ul {
    position: absolute;
    top: 100%;
  }
  .nav__content > ul {
    padding-right: 1.5rem;
  }
  .nav__content ul li {
    list-style: none;
    padding: 0;
  }
  .nav__content ul li.active, .nav__content ul li.open {
    background-color: var(--c-p2);
  }
}
@media (min-width: 980px) and (any-hover: hover) {
  .nav__content ul li:hover {
    background-color: var(--c-p2);
  }
}
@media (min-width: 980px) {
  .nav__content ul li a {
    display: block;
    color: var(--c-p4);
    font-family: var(--f-font-family--body);
    font-weight: var(--f-font-weight--heavy);
    font-stretch: var(--f-font-stretch--condensed);
    text-decoration: none;
    text-transform: uppercase;
    padding: var(--spacing-main-nav--tb-pad) 1.5rem;
    font-size: var(--ui-main-nav--font-size);
    line-height: var(--ui-main-nav--line-height);
  }
  .nav__content ul li a[data-focus-method=key]:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 2px var(--c-focus), inset 0 0 0 3px var(--c-p4);
  }
  .nav__content ul li ul {
    display: none;
  }
}
.nav li > ul {
  background-color: var(--c-p4);
  position: absolute;
  border: 1px solid var(--c-s2);
  border-top: 0;
}

.nav li > ul li {
  padding: 0;
  float: none;
}

@media (any-hover: hover) {
  .nav li > ul li:hover {
    background-color: var(--c-transparent);
  }
}
.nav li > ul li a {
  font-size: 1.3rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-s1);
  display: block;
  padding: 1rem 1.5rem;
}

@media (any-hover: hover) {
  .nav li > ul li a:hover {
    color: var(--c-p4);
    background-color: var(--c-p2);
  }
}
@media (min-width: 980px) {
  .nav li > ul li a {
    white-space: nowrap;
  }
}
.nav li > ul li.active a {
  color: var(--c-p1);
  background-color: var(--c-s3);
}

.nav li.open > ul {
  z-index: 9;
  display: block;
}

html.ff-browser.mac-os .nav li > ul,
html.ie11-browser .nav li > ul {
  margin-top: -0.1rem;
}

section.popup {
  position: absolute;
}

div.popup__container {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
}

div.popup__container--wrapper {
  position: relative;
  top: 10%;
}

div.popup__container--overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: var(--c-p3);
  opacity: 0.5;
  z-index: 9999;
}

div.popup__container--wrapper {
  top: 10%;
  background-color: var(--c-p4);
  z-index: 99999;
  max-width: 200rem;
  min-height: 25rem;
  position: fixed;
}

@media (min-width: 980px) {
  div.popup__container--wrapper {
    width: 60%;
    left: 20%;
  }
}
@media (min-width: 980px) and (max-width: 1149px) {
  div.popup__container--wrapper {
    width: 80%;
    left: 10%;
  }
}
@media (max-width: 979px) {
  div.popup__container--wrapper {
    width: 90%;
    left: 5%;
  }
}
div.popup__container--header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  background-color: var(--c-s3);
}

div.popup__container--header .popup-close-button {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  background-color: var(--c-transparent);
  border-color: var(--c-p1);
  color: var(--c-p1);
}

@media (any-hover: hover) {
  div.popup__container--header .popup-close-button:hover {
    color: var(--c-p4);
    background-color: var(--c-p1);
  }
}
div.popup__container--header .popup-close-button {
  border: 0;
  float: right;
  padding: 0.3rem 2rem;
  font-size: 2rem;
  cursor: pointer;
}

div.popup__container--header .popup-close-button:before {
  font-family: var(--f-font-family--icon-1);
  content: "\f00d";
}

@media (any-hover: hover) {
  div.popup__container--header .popup-close-button:hover {
    border-bottom: 1px solid var(--c-p1);
  }
}
div.popup__container--mobile-close {
  display: none;
}

@media (max-width: 754px) {
  div.popup__container--mobile-close {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    font-family: var(--f-font-family--body);
    font-weight: var(--f-font-weight--heavy);
    font-stretch: var(--f-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--c-transparent);
    border-color: var(--c-p1);
    color: var(--c-p1);
  }
}
@media (max-width: 754px) and (any-hover: hover) {
  div.popup__container--mobile-close:hover {
    color: var(--c-p4);
    background-color: var(--c-p1);
  }
}
@media (max-width: 754px) {
  div.popup__container--mobile-close {
    font-size: 2rem;
    padding: 1.2rem 0;
    border: 0;
  }
}
div.popup__container--content {
  margin-top: 35px;
  border-bottom: 35px solid var(--c-s3);
  padding: 3rem 1.5rem;
  overflow-y: auto;
  max-height: 70vh;
}

@media (max-width: 754px) {
  div.popup__container--content {
    margin-bottom: 4.5rem;
    border-bottom: 0;
  }
}
div.popup__container--wrapper.alert {
  min-height: unset;
}

div.popup__container--wrapper.alert .main__content div.page-content {
  padding: 0;
}

div.popup__container--wrapper.alert > div.popup__container--content {
  padding: 0;
}

div.popup__container--wrapper.alert > div.popup__container--content div.sfu-columns.block {
  margin-top: 0;
}

html[model-open=true] {
  overflow: hidden;
}

html[model-open=true] div.popup__container {
  display: block;
}

.popup__container--wrapper h1:focus {
  outline: none;
}

.sfu-popup.alert {
  display: none;
}

.mobile-ribbon-spacer {
  height: 50px;
}

@media (min-width: 980px) {
  .mobile-ribbon-spacer {
    display: none;
  }
}
.ribbon {
  background-color: var(--c-p1);
  position: fixed;
  z-index: 999;
  max-width: 100vw;
}

@media (min-width: 980px) {
  .ribbon {
    background-color: var(--c-s3);
    color: var(--c-p1);
    position: relative;
  }
}
.ribbon__content {
  height: 50px;
}

@media (min-width: 980px) {
  .ribbon__content {
    height: 35px;
  }
}
.ribbon__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ribbon__content img {
  width: auto;
}

.ribbon__content--social-icons, .ribbon__content--audience-nav {
  display: none;
}

@media (min-width: 980px) {
  .ribbon__content--social-icons, .ribbon__content--audience-nav {
    padding: 0;
    background-color: var(--c-transparent);
    position: relative;
    display: inline-block;
  }
}
.ribbon__content--social-icons a, .ribbon__content--audience-nav a {
  text-decoration: none;
}

.ribbon__content--social-icons ul, .ribbon__content--audience-nav ul {
  padding: 0;
  margin: 0;
}

.ribbon__content--social-icons ul li, .ribbon__content--audience-nav ul li {
  list-style: none;
  display: inline-block;
}

.ribbon__content--social-icons ul li a, .ribbon__content--audience-nav ul li a {
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .ribbon__content--social-icons ul li a:hover, .ribbon__content--audience-nav ul li a:hover {
    color: var(--c-p2);
  }
}
.ribbon__content--social-icons ul li.active a, .ribbon__content--audience-nav ul li.active a {
  color: var(--c-p2);
}

.ribbon__content--audience-nav ul li {
  margin-right: 2rem;
}

.ribbon__content--audience-nav ul li:last-child {
  margin-right: 0;
}

.ribbon__content--audience-nav ul li a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  font-size: 1.3rem;
}

.ribbon__content--social-icons ul {
  display: inline-block;
}

.ribbon__content--social-icons ul li {
  margin-right: 1.5rem;
}

.ribbon__content .social-icons__home-link {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  font-size: 1.3rem;
}

.ribbon__content .social-icons__home-link a {
  text-transform: uppercase;
}

.ribbon__content--mobile-logo {
  margin-left: -1.5rem;
}

.ribbon__content--mobile-logo img {
  height: 50px;
  width: auto;
}

.ribbon__content--mobile-logo > span, .ribbon__content--mobile-nav-icons > span {
  cursor: pointer;
}

@media (min-width: 980px) {
  .ribbon__content--mobile-logo, .ribbon__content--mobile-nav-icons {
    display: none;
  }
}
.ribbon__content--mobile-nav-icons > span {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  font-size: 1.8rem;
  margin-right: 1.5rem;
}

.ribbon__content--mobile-nav-icons > span:last-child {
  margin-right: 0;
}

.ribbon__content--mobile-nav-icons > span.icon-menu {
  display: inline-flex;
  gap: 0.6rem;
  align-items: baseline;
}

.ribbon__content--mobile-nav-icons > span.icon-menu::before {
  font-family: var(--f-font-family--icon-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.1rem;
}

.ribbon__content--mobile-nav-icons > span.icon-menu > span:first-of-type {
  position: relative;
  top: -0.1rem;
}

.ribbon__content--mobile-nav-icons > span.icon-search::before {
  font-family: var(--f-font-family--icon-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ribbon__content--mobile-nav-icons span,
.ribbon__content--mobile-nav-icons span::before {
  color: var(--c-p4);
}

.ribbon__content[data-nbl] .ribbon__content--mobile-logo {
  visibility: hidden;
}

.site-tools__wrapper {
  display: none;
}

@media (min-width: 980px) {
  .site-tools__wrapper {
    display: block;
    list-style: none;
  }
  .site-tools__wrapper > li button[data-focus-method=key]:focus-visible,
  .site-tools__wrapper > li a[data-focus-method=key]:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 2px var(--c-focus), inset 0 0 0 3px var(--c-p4);
  }
  .site-tools__wrapper.open > li > .site-tools__trigger {
    color: var(--c-p2);
  }
  .site-tools__wrapper.open > li > .site-tools__trigger svg {
    fill: var(--c-p2);
  }
  .site-tools__wrapper.open > li > .site-tools__trigger svg path {
    transform: rotate(180deg);
  }
  .site-tools__wrapper.open > li > .site-tools__sub-nav {
    display: flex;
  }
}
@media (min-width: 980px) {
  .site-tools__trigger {
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--f-font-family--body);
    font-weight: var(--f-font-weight--heavy);
    font-stretch: var(--f-font-stretch--condensed);
    letter-spacing: 0.03rem;
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 0.7rem 0.5rem 0.7rem 1.2rem;
    background-color: var(--c-transparent);
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--c-p1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
  }
  .site-tools__trigger svg {
    pointer-events: none;
    width: 1.7rem;
    fill: var(--c-p1);
    transform: translateY(-0.1em);
  }
  .site-tools__trigger svg path {
    transform-origin: center;
    transform: rotate(0deg);
  }
}
@media (min-width: 980px) {
  .site-tools__sub-nav {
    display: none;
    width: 10.5rem;
    list-style: none;
    position: absolute;
    background-color: var(--c-p4);
    z-index: 99999;
    flex-wrap: wrap;
  }
  .site-tools__sub-nav li {
    flex-grow: 1;
  }
  .site-tools__sub-nav a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--f-font-family--body);
    font-weight: var(--f-font-weight--heavy);
    font-stretch: var(--f-font-stretch--condensed);
    letter-spacing: 0.03rem;
    padding: 0.7rem 1.2rem;
    display: block;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--c-p1);
  }
}
@media (min-width: 980px) and (any-hover: hover) {
  .site-tools__sub-nav a:hover {
    color: var(--c-p2);
  }
}
@media (min-width: 980px) {
  .site-tools__sub-nav a span {
    text-transform: lowercase;
  }
}
.site-tools__search {
  display: none;
}

@media (min-width: 980px) {
  .site-tools__search {
    display: block;
    margin-left: 1.2rem;
  }
}
@media (min-width: 980px) {
  .site-tools__a-z-directory--sub-nav {
    width: 14rem;
    padding: 0 0.5rem 0.5rem;
  }
  .site-tools__a-z-directory--sub-nav li {
    display: block;
    flex-grow: 0;
    flex-basis: 25%;
  }
  .site-tools__a-z-directory--sub-nav li a {
    text-align: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
#search-box-container {
  position: relative;
}

#search-box {
  border: 1px solid var(--c-s4);
  padding: 0 3rem 0 0.7rem;
  font-size: 1.3rem;
  border-radius: 0.3rem;
  width: 20rem;
  height: 3.2rem;
  border-color: var(--c-s2);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--regular);
  font-stretch: var(--f-font-stretch--normal);
}

#search-box:not([data-focus-method=key]:focus-visible) {
  outline: 0;
}

#search-box::-moz-placeholder {
  font-size: 1.1rem;
  color: var(--c-s4);
  letter-spacing: 0.12rem;
}

#search-box::placeholder {
  font-size: 1.1rem;
  color: var(--c-s4);
  letter-spacing: 0.12rem;
}

@media (min-width: 980px) and (max-width: 1149px) {
  #search-box {
    width: 15rem;
  }
}
#search-scope {
  margin-top: 1rem;
}

#search-scope label {
  font-size: 1.3rem;
  margin-right: 1rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--regular);
  font-stretch: var(--f-font-stretch--normal);
}

#search-scope input {
  margin-right: 0.1rem;
}

#search-scope input,
#search-scope label {
  vertical-align: middle;
}

:is(#search-box-container, #mobile-search-box-container) .icon.icon-search {
  position: absolute;
  top: 0;
  right: 1rem;
  margin-top: 0.8rem;
  font-size: 1.4rem;
  cursor: pointer;
  color: var(--c-s2);
}

:is(#search-box-container, #mobile-search-box-container) .icon.icon-search.has-content, :is(#search-box-container, #mobile-search-box-container) .icon.icon-search.in-focus {
  color: var(--c-p1);
}

#mobile-search-box-container {
  position: relative;
}

#mobile-search-box-container .icon.icon-search {
  top: 1rem;
}

.page-content .category {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  font-size: 1.1rem;
  line-height: 1.6rem;
  color: var(--c-p3);
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.page-content .category :is(p, h4) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  font-size: 1.1rem;
  line-height: 1.6rem;
  color: var(--c-p3);
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  margin-bottom: 0;
}

.icon {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1.0869em;
  line-height: 1;
  font-family: var(--f-font-family--icon-1);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.material-symbols-sharp {
  font-family: var(--f-font-family--icon-3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align: bottom;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

:is(.page-content__main, .page-content__third-col) h1,
:is(.page-content__main, .page-content__third-col) h1 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

:is(.page-content__main, .page-content__third-col) h1 {
  font-size: 4.6rem;
  line-height: 5.2rem;
  letter-spacing: normal;
  color: var(--c-s1);
  margin-bottom: 3rem;
  text-transform: uppercase;
}

@media (max-width: 527px) {
  :is(.page-content__main, .page-content__third-col) h1 {
    font-size: 4.6rem;
    line-height: 5.2rem;
  }
}
:is(.page-content__main, .page-content__third-col) h1 a {
  color: var(--c-s1);
}

@media (any-hover: hover) {
  :is(.page-content__main, .page-content__third-col) h1 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
:is(.page-content__main, .page-content__third-col) h2,
:is(.page-content__main, .page-content__third-col) h2 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

:is(.page-content__main, .page-content__third-col) h2 {
  font-size: 3.7rem;
  line-height: 4.2rem;
  letter-spacing: normal;
  color: var(--c-s1);
  margin-bottom: 3rem;
}

:is(.page-content__main, .page-content__third-col) h2 a {
  color: var(--c-s1);
}

@media (any-hover: hover) {
  :is(.page-content__main, .page-content__third-col) h2 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
:is(.page-content__main, .page-content__third-col) h3,
:is(.page-content__main, .page-content__third-col) h3 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

:is(.page-content__main, .page-content__third-col) h3 {
  font-size: 2.5rem;
  line-height: 2.9rem;
  letter-spacing: normal;
  color: var(--c-s6);
  margin-bottom: 3rem;
}

:is(.page-content__main, .page-content__third-col) h3 a {
  color: var(--c-s6);
}

@media (any-hover: hover) {
  :is(.page-content__main, .page-content__third-col) h3 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
:is(.page-content__main, .page-content__third-col) h4,
:is(.page-content__main, .page-content__third-col) h4 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

:is(.page-content__main, .page-content__third-col) h4 {
  font-size: 1.9rem;
  letter-spacing: 0.02rem;
  line-height: 2.2rem;
  color: var(--c-s6);
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

:is(.page-content__main, .page-content__third-col) h4 a {
  color: var(--c-s6);
}

@media (any-hover: hover) {
  :is(.page-content__main, .page-content__third-col) h4 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
:is(.page-content__main, .page-content__third-col) h5,
:is(.page-content__main, .page-content__third-col) h5 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--normal);
}

:is(.page-content__main, .page-content__third-col) h5 {
  font-size: 1.3rem;
  letter-spacing: 0.21rem;
  line-height: 1.8rem;
  color: var(--c-p3);
  margin-bottom: 1rem;
  text-transform: uppercase;
}

:is(.page-content__main, .page-content__third-col) h5 a {
  color: var(--c-p3);
}

@media (any-hover: hover) {
  :is(.page-content__main, .page-content__third-col) h5 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
:is(.page-content__main, .page-content__third-col) :is(p, ul, blockquote, ol, img) {
  margin-bottom: 3rem;
  font-size: 1.7rem;
  line-height: 2.6rem;
}

:is(.page-content__main, .page-content__third-col) p.intro {
  font-size: 2.2rem;
  line-height: 3.6rem;
}

:is(.page-content__main, .page-content__third-col) a {
  color: var(--c-s5);
  text-decoration: underline;
}

@media (any-hover: hover) {
  :is(.page-content__main, .page-content__third-col) a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: underline;
  }
}
@media (any-hover: hover) {
  :is(.page-content__main, .page-content__third-col) div.image a:hover {
    background-color: var(--c-transparent);
  }
}
:is(.page-content__main, .page-content__third-col) sub {
  vertical-align: unset;
  font-size: inherit;
  text-transform: lowercase;
}

:is(.page-content__main, .page-content__third-col) :is(strong, b) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
}

:is(.page-content__main, .page-content__third-col) .material-symbols-sharp {
  text-decoration: none !important;
}

:is(.page-content__main, .page-content__third-col) .material-symbols-sharp a {
  text-decoration: none !important;
}

@media (any-hover: hover) {
  :is(.page-content__main, .page-content__third-col) .material-symbols-sharp a:hover {
    text-decoration: none !important;
  }
}
:root {
  --f-font-family--brand: 'countach-bold', sans-serif;
  --f-font-family--body: 'November', 'Arial', sans-serif;
  --f-font-family--icon-1: 'FontAwesome';
  --f-font-family--icon-2: 'Verdana';
  --f-font-family--icon-3: 'MaterialIconsSharp';
  --f-font-weight--heavy: 800;
  --f-font-weight--bold: 700;
  --f-font-weight--medium: 550;
  --f-font-weight--regular: 400;
  --f-font-weight--light: 300;
  --f-font-stretch--normal: 100%;
  --f-font-stretch--condensed: 83%;
}

:root {
  --c-p1: #cc0633;
  --c-p2: #a6192e;
  --c-p3: #000000;
  --c-p4: #ffffff;
  --c-s1: #414042;
  --c-s2: #e6e7e8;
  --c-s3: #f5f5f5;
  --c-s4: #a7a9ac;
  --c-s5: #6d6f71;
  --c-s6: #49484a;
  --c-s7: #efefef;
  --c-s8: #979797;
  --c-s9: #d7d7d7;
  --c-transparent: rgba(255, 255, 255, 0);
  --c-focus-dark: #0b78e6;
  --c-focus-light: #85c0ff;
  --c-alert: #ffe200;
}

:root {
  --transition-power-1-in-out: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  --transition-power-2-in-out: cubic-bezier(0.66, 0, 0.34, 1);
  --transition-power-3-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --transition-power-4-in-out: cubic-bezier(0.84, 0, 0.16, 1);
  --transition-duration-long: 0.5s;
  --transition-duration-default: 0.4s;
  --transition-duration-short: 0.1s;
}

html.mac-os.ff-browser .page-content__main h3, html.mac-os.ff-browser .page-content__third-col h3 {
  line-height: 3.5rem;
}

.sfu-clf-header,
.sfu-clf-footer {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  font-size: 1.5rem;
  grid-template-rows: repeat(2, min-content) repeat(2, auto);
  margin: 0;
  padding: 0;
}

html[data-custom-template=sfu-ca]:has(ul.mega-menu) {
  --mega-menu-height: 0px;
  --mega-menu-transition-duration: var(--transition-duration-default);
  --mega-menu-transition-duration-links: var(--transition-duration-short);
  --mega-menu-transition-tf: var(--transition-power-3-in-out);
  --mega-menu-transition-tf-links: var(--transition-power-1-in-out);
}

@media (min-width: 980px) {
  html[data-custom-template=sfu-ca] .header__content--identify {
    grid-column: 1/12;
  }
  html[data-custom-template=sfu-ca] .header__content--site-tools {
    grid-column: 11/-1;
  }
  html[data-custom-template=sfu-ca] nav::before {
    border-color: var(--c-s2);
    border-top: 0;
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) .nav::before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: var(--mega-menu-height);
    background-color: var(--c-p4);
    transition: height var(--mega-menu-transition-duration) var(--mega-menu-transition-tf);
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) .nav__content::before {
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    height: 200vh;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.15);
    transition: opacity var(--mega-menu-transition-duration) var(--mega-menu-transition-tf);
    z-index: -1;
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) .nav__content:has(ul.horizontal-nav > li.open)::before {
    opacity: 1;
    pointer-events: auto;
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.horizontal-nav > li {
    transition: background-color var(--mega-menu-transition-duration-links) var(--mega-menu-transition-tf-links);
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.horizontal-nav > li > a {
    transition: color var(--mega-menu-transition-duration-links) var(--mega-menu-transition-tf-links);
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.horizontal-nav > li > a + button.horizontal-nav__link-caret svg {
    transition: fill var(--mega-menu-transition-duration-links) var(--mega-menu-transition-tf-links);
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.horizontal-nav > li > a + button.horizontal-nav__link-caret svg path {
    transition: transform var(--mega-menu-transition-duration-links) var(--mega-menu-transition-tf-links);
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.horizontal-nav > li.open div.mega-menu-wrapper {
    pointer-events: auto;
    opacity: 1;
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.horizontal-nav > li.open {
    background-color: var(--c-p1);
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.horizontal-nav > li.open > a {
    color: var(--c-p4);
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0.9rem 1.5rem 2rem;
    overflow-x: hidden;
    -moz-columns: 7 24.4rem;
    columns: 7 24.4rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu::after {
    content: "";
    position: absolute;
    top: 0.9rem;
    left: 1.5rem;
    right: 1.5rem;
    height: 1px;
    background-color: var(--c-p4);
  }
}
@media (min-width: 980px) and (max-width: 1799px) {
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu {
    max-width: 1420px;
  }
}
@media (min-width: 980px) and (min-width: 1800px) {
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu {
    max-width: 1820px;
  }
}
@media (min-width: 980px) {
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu li {
    float: none;
    clear: both;
    display: block;
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu > li {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    width: 100%;
    border: 0;
  }
}
@media (min-width: 980px) and (any-hover: hover) {
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu > li:hover {
    background-color: var(--c-transparent);
  }
}
@media (min-width: 980px) {
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu > li a {
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: none;
    color: var(--c-s1);
    padding: 1.2rem 1.5rem 0.2rem;
    white-space: unset;
    -webkit-text-decoration: underline 0.1rem solid var(--c-transparent);
    text-decoration: underline 0.1rem solid var(--c-transparent);
    text-underline-offset: 0.2rem;
    transition: color var(--mega-menu-transition-duration-links) var(--mega-menu-transition-tf-links), text-decoration-color var(--mega-menu-transition-duration-links) var(--mega-menu-transition-tf-links);
  }
}
@media (min-width: 980px) and (any-hover: hover) {
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu > li a:hover {
    color: var(--c-p1);
    background-color: var(--c-transparent);
    text-decoration-color: var(--c-p1);
  }
}
@media (min-width: 980px) {
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu > li > a {
    font-family: var(--f-font-family--body);
    font-weight: var(--f-font-weight--bold);
    font-stretch: var(--f-font-stretch--normal);
    border-top: 1px solid var(--c-s2);
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu > li:not(:has(ul)) > a {
    padding-bottom: 1.2rem;
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu > li:has(ul):has(+ li) ul li:last-child {
    padding-bottom: 2rem;
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu > li ul.mega-menu-third-level {
    position: unset;
    display: block;
    border: 0;
    margin: 0;
    background-color: var(--c-transparent);
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu > li ul.mega-menu-third-level li {
    border: 0;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    isolation: isolate;
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu > li ul.mega-menu-third-level li a {
    font-family: var(--f-font-family--body);
    font-weight: var(--f-font-weight--light);
    font-stretch: var(--f-font-stretch--normal);
    border-top: 1px solid var(--c-transparent);
    padding-left: 3rem;
    line-height: 1.9rem;
  }
  html[data-custom-template=sfu-ca] nav:has(ul.mega-menu) ul.mega-menu--short {
    -moz-column-fill: auto;
    column-fill: auto;
  }
  html[data-custom-template=sfu-ca] div.mega-menu-wrapper {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: var(--mega-menu-height);
    overflow: hidden;
    transition: height var(--mega-menu-transition-duration) var(--mega-menu-transition-tf), opacity calc(var(--mega-menu-transition-duration) / 2) var(--mega-menu-transition-tf);
    /*
    // Enable vertical scrolling where necessary
    overflow-y: auto;

    // Firefox (Standard)
    scrollbar-width: thin;
    scrollbar-color: var(--mega-menu-scrollbar-thumb-colour) var(--mega-menu-scrollbar-track-colour);

    &::-webkit-scrollbar {
        width: 0.3rem; // Thin profile
    }

    &::-webkit-scrollbar-track {
        background: var(--mega-menu-scrollbar-track-colour);
    }

    &::-webkit-scrollbar-thumb {
        background-color: var(--mega-menu-scrollbar-thumb-colour);
        border-radius: 1rem; // Rounded pill shape
        border: 0.1rem solid var(--c-transparent); // Creates a tiny bit of breathing room

        @include hover() {
            background-color: rgba(0, 0, 0, 0.4);
        }
    }
    */
  }
}
@media (min-width: 980px) {
  html[data-custom-template=sfu-ca] ul.site-tools__wrapper {
    width: auto;
  }
}
html[data-custom-template=sfu-ca] .site-tools__search label {
  color: var(--c-p4);
}

html[data-custom-template=sfu-ca]:not([data-is-sfu-subsite]) .header__content--site-title {
  display: none;
}

html[data-custom-template=sfu-ca] .footer-logos a {
  float: left;
  width: 5rem;
  margin-top: 1.5rem;
  margin-right: 1.5rem;
}

html[data-custom-template=sfu-ca] .footer-logos a:last-child {
  margin-right: 0;
}

@media (max-width: 1149px) {
  html[data-custom-template=sfu-ca] .footer-logos a {
    margin-right: 1rem;
    width: 4.2rem;
  }
}
html[data-custom-template=sfu-ca] :is(#search-scope, #mobile-search-scope) {
  display: none;
}

html[data-custom-template=sfu-ca] .alert-banner {
  background-color: var(--c-alert);
  padding: 2rem 3rem;
}

html[data-custom-template=sfu-ca] .alert-banner :is(h1, h2, h3, h4, h5, p) {
  font-size: 1.7rem;
  line-height: 2.6rem;
  margin: 0;
  color: var(--c-p3);
  text-align: center !important;
}

html[data-custom-template=sfu-ca] .alert-banner :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
}

html[data-custom-template=sfu-ca] .alert-banner a {
  color: var(--c-p3);
}

@media (any-hover: hover) {
  html[data-custom-template=sfu-ca] .alert-banner a:hover {
    color: var(--c-p3);
  }
}
@media (max-width: 979px) {
  html[data-custom-template=sfu-ca][data-page-template=basic-home]:not([data-is-sfu-subsite]) .header__content {
    display: none;
  }
}
html[data-custom-template=sfu-ca] .main__content div:is(.text, .textimage) div.overlay-banner-black .overlay-banner-black__container > h2 {
  font-family: var(--f-font-family--brand);
  text-transform: uppercase;
  text-transform: uppercase;
  position: relative;
  font-size: min(max(4.2rem, 4.7vw), 6.5rem);
  line-height: min(max(3.9rem, 4.3vw), 6rem);
  color: var(--c-p3);
}

html[data-custom-template=sfu-ca] .main__content div:is(.text, .textimage) div.overlay-banner-black.text-right .overlay-banner-black__container {
  text-align: right;
}

html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black.text-flush .overlay-banner-black__container,
html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black .overlay-banner-black__container {
  overflow-y: clip;
  clip-path: polygon(0 0, 1000% 0, 1000% 100%, 0 100%);
  padding-top: min(max(0.7rem, 0.8vw), 1.1rem);
  padding-bottom: min(max(0.2rem, 0.2vw), 0.3rem);
}

html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black.text-flush .overlay-banner-black__container > h2,
html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black .overlay-banner-black__container > h2 {
  display: inline;
  background-color: var(--c-p4);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-top: min(max(0.5rem, 0.6vw), 0.8rem);
}

html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black.text-flush .overlay-banner-black__container > h2 > span,
html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black .overlay-banner-black__container > h2 > span {
  position: relative;
  z-index: 1;
}

html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black.text-flush:not(.text-right) .overlay-banner-black__container > h2,
html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black:not(.text-right) .overlay-banner-black__container > h2 {
  padding-right: min(max(0.6rem, 0.7vw), 0.9rem);
}

html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black.text-flush:not(.text-right) .overlay-banner-black__container > h2 > span,
html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black:not(.text-right) .overlay-banner-black__container > h2 > span {
  left: max(min(-0.1rem, -0.1vw), -0.2rem);
}

html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black.text-flush.text-right .overlay-banner-black__container > h2,
html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black.text-right .overlay-banner-black__container > h2 {
  padding-left: min(max(0.6rem, 0.7vw), 0.9rem);
}

html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black.text-flush.text-right .overlay-banner-black__container > h2 > span,
html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black.text-right .overlay-banner-black__container > h2 > span {
  right: max(min(-0.1rem, -0.1vw), -0.2rem);
}

html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black {
  margin-bottom: 3rem;
}

html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black:not(.active) {
  display: none;
}

html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black.text-flush .overlay-banner-black__container {
  margin-left: -5rem;
  margin-right: -5rem;
}

@media (max-width: 527px) {
  html[data-custom-template=sfu-ca] .main__content div.text div.overlay-banner-black.text-flush .overlay-banner-black__container {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}
html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black.enabled:not(.active) > div.text {
  display: none;
}

html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black.enabled {
  display: grid;
  grid-template-columns: 1fr;
}

html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black.enabled > div.image {
  grid-column: 1/-1;
  grid-row: 1;
  display: grid;
}

html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black.enabled > div.image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black.enabled > div.text {
  grid-column: 1/-1;
  grid-row: 1;
  position: relative;
  align-self: flex-end;
  padding-top: 10rem;
  padding-bottom: min(max(3rem, 3.6153vw), 5rem);
}

@media (max-width: 527px) {
  html[data-custom-template=sfu-ca] .main__content div.textimage div.overlay-banner-black.enabled > div.text {
    padding-top: 6rem;
  }
}
html[data-custom-template=sfu-ca].win-os .main__content div.text div.overlay-banner-black.text-flush div.overlay-banner-black__container,
html[data-custom-template=sfu-ca].win-os .main__content div.textimage div.overlay-banner-black div.overlay-banner-black__container {
  padding-top: min(max(0.1rem, 0.1vw), 0.1rem);
  padding-bottom: min(max(0.5rem, 0.5vw), 0.7rem);
}

html[data-custom-template=sfu-ca].win-os .main__content div.text div.overlay-banner-black.text-flush div.overlay-banner-black__container > h2,
html[data-custom-template=sfu-ca].win-os .main__content div.textimage div.overlay-banner-black div.overlay-banner-black__container > h2 {
  padding-top: 0;
  padding-bottom: min(max(0.1rem, 0.1vw), 0.1rem);
}

.sfu-image-gallery {
  width: 100%;
}

@media (min-width: 980px) {
  .sfu-image-gallery {
    width: 75%;
  }
  .sfu-columns > div:not([data-col-layout="100"]) .sfu-image-gallery {
    width: 100%;
  }
}
@media (min-width: 980px) and (max-width: 1149px) {
  div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails],
  div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails],
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails],
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] {
    width: 100%;
  }
  div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation,
  div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation,
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation,
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation {
    opacity: 0;
    height: 0;
    overflow-y: hidden;
  }
  div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails,
  div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails,
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails,
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails {
    margin-top: 0;
  }
  div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below,
  div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below,
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below,
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below {
    grid-template-columns: 1fr;
  }
  div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
  div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image) {
    display: inline-block;
  }
  div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption,
  div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption,
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption,
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption {
    grid-row: 2;
    border-top: 1px solid var(--c-s2);
    margin-top: 1rem;
    padding-top: 1rem;
  }
  div.sfu-columns > div:is([data-col-layout="50-25-25"],
  [data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="50-50"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails],
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="50-50"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails],
  div.sfu-columns > div[data-col-layout="25-25-50"] > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] {
    width: 100%;
  }
  div.sfu-columns > div:is([data-col-layout="50-25-25"],
  [data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="50-50"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation,
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="50-50"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation,
  div.sfu-columns > div[data-col-layout="25-25-50"] > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation {
    opacity: 0;
    height: 0;
    overflow-y: hidden;
  }
  div.sfu-columns > div:is([data-col-layout="50-25-25"],
  [data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="50-50"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails,
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="50-50"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails,
  div.sfu-columns > div[data-col-layout="25-25-50"] > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails {
    margin-top: 0;
  }
  div.sfu-columns > div:is([data-col-layout="50-25-25"],
  [data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="50-50"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below,
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="50-50"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below,
  div.sfu-columns > div[data-col-layout="25-25-50"] > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below {
    grid-template-columns: 1fr;
  }
  div.sfu-columns > div:is([data-col-layout="50-25-25"],
  [data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="50-50"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="50-50"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
  div.sfu-columns > div[data-col-layout="25-25-50"] > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image) {
    display: inline-block;
  }
  div.sfu-columns > div:is([data-col-layout="50-25-25"],
  [data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="50-50"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption,
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="50-50"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption,
  div.sfu-columns > div[data-col-layout="25-25-50"] > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption {
    grid-row: 2;
    border-top: 1px solid var(--c-s2);
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
@media (min-width: 980px) {
  html[data-page-template=basic-home] .sfu-image-gallery {
    width: 50%;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"], [data-col-layout="75-25"]) > div.c1 .sfu-image-gallery, html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"], [data-col-layout="25-75"]) > div.c2 .sfu-image-gallery {
    width: 75%;
  }
}
@media (min-width: 980px) and (min-width: 980px) and (max-width: 1149px) {
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"], [data-col-layout="75-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails], html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"], [data-col-layout="25-75"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] {
    width: 100%;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"], [data-col-layout="75-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation, html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"], [data-col-layout="25-75"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation {
    opacity: 0;
    height: 0;
    overflow-y: hidden;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"], [data-col-layout="75-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails, html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"], [data-col-layout="25-75"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails {
    margin-top: 0;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"], [data-col-layout="75-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below, html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"], [data-col-layout="25-75"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below {
    grid-template-columns: 1fr;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"], [data-col-layout="75-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image), html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"], [data-col-layout="25-75"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image) {
    display: inline-block;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"], [data-col-layout="75-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption, html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"], [data-col-layout="25-75"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption {
    grid-row: 2;
    border-top: 1px solid var(--c-s2);
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
@media (min-width: 980px) {
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails],
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails],
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails],
  html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] {
    width: 100%;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation,
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation,
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation,
  html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__navigation {
    opacity: 0;
    height: 0;
    overflow-y: hidden;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails,
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails,
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails,
  html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__thumbnails {
    margin-top: 0;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below,
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below,
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below,
  html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below {
    grid-template-columns: 1fr;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
  html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image) {
    display: inline-block;
  }
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption,
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption,
  html[data-page-template=basic-home] div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption,
  html[data-page-template=basic-home] div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=thumbnails] .sfu-image-gallery__feature-below--caption {
    grid-row: 2;
    border-top: 1px solid var(--c-s2);
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
div.sfu-columns > div:is([data-col-layout="33-67"],
[data-col-layout="25-75"],
[data-col-layout="25-25-50"],
[data-col-layout="25-50-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below,
div.sfu-columns > div:is([data-col-layout="67-33"],
[data-col-layout="75-25"],
[data-col-layout="25-25-50"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below,
div.sfu-columns > div:is([data-col-layout="25-50-25"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below,
div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below {
  grid-template-columns: 1fr;
}

div.sfu-columns > div:is([data-col-layout="33-67"],
[data-col-layout="25-75"],
[data-col-layout="25-25-50"],
[data-col-layout="25-50-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
div.sfu-columns > div:is([data-col-layout="67-33"],
[data-col-layout="75-25"],
[data-col-layout="25-25-50"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
div.sfu-columns > div:is([data-col-layout="25-50-25"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image),
div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below div:is(.prev-image, .next-image) {
  display: none;
}

div.sfu-columns > div:is([data-col-layout="33-67"],
[data-col-layout="25-75"],
[data-col-layout="25-25-50"],
[data-col-layout="25-50-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c1 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below--caption,
div.sfu-columns > div:is([data-col-layout="67-33"],
[data-col-layout="75-25"],
[data-col-layout="25-25-50"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c2 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below--caption,
div.sfu-columns > div:is([data-col-layout="25-50-25"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c3 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below--caption,
div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below--caption {
  grid-row: 2;
  border-top: 1px solid var(--c-s2);
  margin-top: 1rem;
  padding-top: 1rem;
}

html:not([data-page-template=basic-home]) .sfu-image-gallery[data-gallery-type=slideshow] {
  width: 100%;
}

.sfu-image-gallery {
  margin: 0 auto;
  margin-bottom: 3rem;
}

.sfu-image-gallery__feature-images {
  display: grid;
  background-color: var(--c-s3);
  grid-template-columns: 1fr;
  margin-bottom: 2rem;
}

@media (min-width: 980px) {
  .sfu-image-gallery__feature-images {
    margin-bottom: 1.5rem;
  }
}
.sfu-image-gallery__feature-images > div {
  grid-column: 1/-1;
  grid-row: 1/-1;
  align-self: center;
  justify-self: center;
}

.sfu-image-gallery__feature-images > div > p {
  display: none;
}

.sfu-image-gallery__feature-images > div img {
  opacity: 0;
  transition: opacity 0.5s linear;
  margin-bottom: 0;
  max-width: 100%;
  width: auto;
}

.sfu-image-gallery__feature-images > div {
  pointer-events: none;
}

.sfu-image-gallery__feature-images > div.active {
  pointer-events: all;
}

.sfu-image-gallery__feature-images > div.active img {
  opacity: 1;
  transition: opacity 0.5s linear;
}

.sfu-image-gallery__thumbnails {
  display: grid;
  grid-gap: 20px;
  overflow: hidden;
}

.sfu-image-gallery__thumbnails > div {
  background-color: var(--c-s7);
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.sfu-image-gallery__thumbnails > div > img {
  cursor: pointer;
  opacity: 0.2;
  margin-bottom: 0;
  max-width: 100%;
  width: auto;
}

.sfu-image-gallery__thumbnails > div.active > img {
  cursor: pointer;
  opacity: 1;
}

.sfu-image-gallery__feature-below {
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 980px) {
  .sfu-image-gallery__feature-below {
    grid-template-columns: 9fr 1fr;
  }
}
.sfu-image-gallery__feature-below--caption {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-s1);
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.sfu-image-gallery__feature-below--caption :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
}

.sfu-image-gallery__feature-below--caption {
  grid-row: 2;
}

@media (min-width: 980px) {
  .sfu-image-gallery__feature-below--caption {
    grid-row: 1;
  }
}
@media (max-width: 979px) {
  .sfu-image-gallery__feature-below--caption {
    border-top: 1px solid var(--c-s2);
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
.sfu-image-gallery__feature-below--counter {
  display: flex;
  justify-self: end;
  align-items: start;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: min-content;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-s1);
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.sfu-image-gallery__feature-below div.prev-image, .sfu-image-gallery__feature-below div.next-image {
  display: inline-block;
  font-size: 1.8rem;
  cursor: pointer;
}

.sfu-image-gallery__feature-below div.prev-image {
  margin-right: 2.5rem;
}

.sfu-image-gallery__feature-below div.prev-image:before {
  content: "鉂�";
  color: var(--c-s8);
}

.sfu-image-gallery__feature-below div.next-image {
  margin-left: 2.5rem;
  margin-right: 1rem;
}

.sfu-image-gallery__feature-below div.next-image:before {
  content: "鉂�";
  color: var(--c-s8);
}

.sfu-image-gallery__feature-below div .counter {
  align-self: start;
}

@media (min-width: 980px) {
  .sfu-image-gallery__feature-below div.prev-image, .sfu-image-gallery__feature-below div.next-image {
    display: none;
  }
}
.sfu-image-gallery__navigation {
  visibility: hidden;
  height: 0;
  overflow-y: hidden;
}

@media (min-width: 980px) {
  .sfu-image-gallery__navigation {
    visibility: visible;
    height: auto;
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    align-items: center;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    width: 90%;
    margin: 3rem auto 0 auto;
  }
  .sfu-image-gallery__navigation--next-page, .sfu-image-gallery__navigation--prev-page {
    font-size: 25px;
    cursor: pointer;
    visibility: hidden;
  }
  .sfu-image-gallery__navigation--next-page:before {
    content: "鉂�";
    color: var(--c-s8);
  }
  .sfu-image-gallery__navigation--prev-page:before {
    content: "鉂�";
    color: var(--c-s8);
  }
}
.sfu-image-gallery[data-show-captions=false] .sfu-image-gallery__feature-below {
  grid-template-columns: 1fr;
}

.sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__navigation {
  display: none;
}

@media (min-width: 980px) {
  .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-below {
    grid-template-columns: 8fr 2fr;
  }
}
@media (max-width: 527px) {
  .sfu-image-gallery[data-gallery-type=slideshow] :is(.prev-image, .next-image) {
    display: none;
  }
}
@media (min-width: 528px) {
  .sfu-image-gallery[data-gallery-type=slideshow] :is(.prev-image, .next-image) {
    display: none;
  }
}
@media (min-width: 980px) and (max-width: 1149px) {
  .sfu-image-gallery[data-gallery-type=slideshow] :is(.prev-image, .next-image) {
    display: none;
  }
}
@media (min-width: 980px) {
  .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-images > div {
    width: 100%;
  }
  .sfu-image-gallery[data-gallery-type=slideshow] .sfu-image-gallery__feature-images > div img {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
  }
}
.sfu-image-gallery[data-gallery-type=slideshow] .counter {
  margin-right: 2.5rem;
}

.sfu-image-gallery[data-gallery-type=slideshow] .pause-slideshow {
  font-size: 1.4rem;
  transform: rotate(90deg);
  margin-right: 0.8rem;
  opacity: 0.8;
}

.sfu-image-gallery[data-gallery-type=slideshow] .pause-slideshow:before {
  content: "鈿�";
}

.sfu-image-gallery[data-gallery-type=slideshow] .start-slideshow {
  font-size: 2.8rem;
  opacity: 0.7;
}

.sfu-image-gallery[data-gallery-type=slideshow] .start-slideshow:before {
  content: "鈻�";
}

.sfu-image-gallery[data-gallery-type=slideshow] :is(.pause-slideshow, .start-slideshow) {
  color: var(--c-s1);
  cursor: pointer;
}

.sfu-image-gallery[data-gallery-type=slideshow] :is(.pause-slideshow, .start-slideshow).active {
  opacity: 1;
  color: var(--c-p1);
  cursor: default;
}

@media (any-hover: hover) {
  .sfu-image-gallery[data-gallery-type=slideshow] :is(.pause-slideshow, .start-slideshow):hover {
    opacity: 1;
    color: var(--c-p1);
  }
}
html.mac-os .sfu-image-gallery[data-gallery-type=slideshow] .start-slideshow {
  font-size: 1.6rem;
}

html.mac-os .sfu-image-gallery[data-gallery-type=slideshow] .pause-slideshow {
  margin-right: 1.3rem;
}

div.sfu-columns > div:is([data-col-layout="33-67"],
[data-col-layout="25-75"],
[data-col-layout="25-25-50"],
[data-col-layout="25-50-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c1 > div.textimage > div:not([class*=overlay]),
div.sfu-columns > div:is([data-col-layout="67-33"],
[data-col-layout="75-25"],
[data-col-layout="25-25-50"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c2 > div.textimage > div:not([class*=overlay]),
div.sfu-columns > div:is([data-col-layout="25-50-25"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c3 > div.textimage > div:not([class*=overlay]),
div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 > div.textimage > div:not([class*=overlay]) {
  grid-template-columns: 1fr;
}

div.sfu-columns > div:is([data-col-layout="33-67"],
[data-col-layout="25-75"],
[data-col-layout="25-25-50"],
[data-col-layout="25-50-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c1 > div.textimage div.floatRight,
div.sfu-columns > div:is([data-col-layout="67-33"],
[data-col-layout="75-25"],
[data-col-layout="25-25-50"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c2 > div.textimage div.floatRight,
div.sfu-columns > div:is([data-col-layout="25-50-25"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c3 > div.textimage div.floatRight,
div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 > div.textimage div.floatRight {
  grid-template-columns: 1fr;
}

@media (min-width: 980px) {
  div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 > div.textimage div.floatRight > div.text,
  div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 > div.textimage div.floatRight > div.text,
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 > div.textimage div.floatRight > div.text,
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 > div.textimage div.floatRight > div.text {
    grid-column: 1/24;
    grid-row: 2;
  }
  div.sfu-columns > div:is([data-col-layout="33-67"],
  [data-col-layout="25-75"],
  [data-col-layout="25-25-50"],
  [data-col-layout="25-50-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c1 > div.textimage div.floatRight > div.image,
  div.sfu-columns > div:is([data-col-layout="67-33"],
  [data-col-layout="75-25"],
  [data-col-layout="25-25-50"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c2 > div.textimage div.floatRight > div.image,
  div.sfu-columns > div:is([data-col-layout="25-50-25"],
  [data-col-layout="50-25-25"],
  [data-col-layout="33-33-33"],
  [data-col-layout="25-25-25-25"]) > div.c3 > div.textimage div.floatRight > div.image,
  div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 > div.textimage div.floatRight > div.image {
    grid-column: 1/24;
    grid-row: 1;
    margin-bottom: 3rem;
  }
}
.main__content div.textimage > div img {
  margin-bottom: 0;
}

.main__content div.textimage > div[class*=overlay] {
  margin-bottom: 3rem;
}

.main__content div.textimage > div:not([class*=overlay]) {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0;
}

.main__content div.textimage > div:not([class*=overlay]) > div.image img {
  margin-bottom: 1.5rem;
}

.main__content div.textimage > div:not([class*=overlay]) > div.image small {
  margin-top: -0.5rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-s1);
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.main__content div.textimage > div:not([class*=overlay]) > div.image small :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
}

.main__content div.textimage > div:not([class*=overlay]) > div.image small {
  margin-bottom: 0;
}

.main__content div.textimage > div:not([class*=overlay]) > div.image a small {
  margin-top: -1rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-s1);
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.main__content div.textimage > div:not([class*=overlay]) > div.image a small :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
}

@media (min-width: 980px) {
  .main__content div.textimage > div:not([class*=overlay]) > div.image {
    margin-bottom: 3rem;
  }
}
@media (min-width: 980px) {
  .main__content div.textimage > div:not([class*=overlay]) {
    grid-gap: 3rem;
    row-gap: 0;
    grid-template-columns: 1fr 2fr;
  }
  .main__content div.textimage > div:not([class*=overlay]).img-right {
    grid-template-columns: 1fr;
  }
}
.main__content div.textimage > div:not([class*=overlay]) > div.clear {
  display: none;
}

.main__content div.textimage > div:not([class*=overlay]) > div.floatRight {
  display: grid;
  grid-template-columns: repeat(11, 1fr 30px) 1fr;
  grid-template-columns: minmax(min-content, max-content);
}

@media (min-width: 980px) {
  .main__content div.textimage > div:not([class*=overlay]) > div.floatRight {
    grid-template-columns: 2fr 1fr;
  }
}
.main__content div.textimage > div:not([class*=overlay]) > div.floatRight > div.image {
  margin-bottom: 1.5rem;
}

.main__content div.textimage > div:not([class*=overlay]) > div.floatRight > div.image small {
  margin-top: 1rem;
}

.main__content div.textimage > div:not([class*=overlay]) > div.floatRight > div.image a + small {
  margin-top: 0.5rem;
}

@media (min-width: 980px) {
  .main__content div.textimage > div:not([class*=overlay]) > div.floatRight > div.image a + small {
    margin-top: 0.5rem;
  }
}
@media (min-width: 980px) {
  .main__content div.textimage > div:not([class*=overlay]) > div.floatRight > div.text {
    grid-column: 1/1;
    grid-row: 1;
    padding-right: 3rem;
  }
  .main__content div.textimage > div:not([class*=overlay]) > div.floatRight > div.image {
    grid-column: 2/24;
    grid-row: 1;
    margin-bottom: 0;
  }
  .main__content div.textimage > div:not([class*=overlay]) > div.floatRight > div.image img {
    padding-top: 0;
  }
}
div.textimage > div[class*=overlay] small {
  display: inline-block;
  margin-top: 1.5rem;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-s1);
  font-size: 1.1rem;
  line-height: 1.5rem;
}

div.textimage > div[class*=overlay] small :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
}

html.mac-os .main__content div.textimage > div[class*=overlay] small {
  margin-top: 1rem;
}

html.mac-os .main__content div.textimage:not([class*=overlay]) > div.img-right > div.floatRight > div.image small {
  margin-top: 1rem;
}

.main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) {
  display: grid;
  grid-gap: 0;
}

@media (min-width: 980px) {
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) {
    grid-template-columns: 1fr;
  }
}
.main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.image {
  grid-column: 1/-1;
  grid-row: 1;
  display: inherit;
}

.main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.image a {
  display: inherit;
}

.main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text {
  grid-column: 1/-1;
  grid-row: 1;
}

.main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text :is(h1, h2, h3, h4, h5, p) a {
  display: inline;
  text-decoration: none;
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text :is(h1, h2, h3, h4, h5, p) a:hover {
    color: var(--c-p1);
    background-color: var(--c-transparent);
  }
}
.main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button > div.text p:not(.button-only) a {
  margin-top: 1.5rem;
}

.main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button:not(.alt) > div.text p a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  background-color: var(--c-transparent);
  border-color: var(--c-p1);
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button:not(.alt) > div.text p a:hover {
    color: var(--c-p4);
    background-color: var(--c-p1);
  }
}
.main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button:not(.alt) > div.text p a {
  background-color: var(--c-p4);
}

@media (min-width: 980px) {
  .main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button:not(.alt) > div.text p.button-only a {
    border-color: var(--c-p4);
  }
}
@media (min-width: 980px) and (any-hover: hover) {
  .main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button:not(.alt) > div.text p.button-only a:hover {
    border-color: var(--c-p1);
  }
}
.main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button.alt > div.text p a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p4);
  background-color: var(--c-p1);
  border-color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button.alt > div.text p a:hover {
    color: var(--c-p1);
    background-color: var(--c-transparent);
    border-color: var(--c-p1);
  }
}
@media (any-hover: hover) {
  .main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button.alt > div.text p a:hover {
    background-color: var(--c-p4);
  }
}
@media (min-width: 980px) and (any-hover: hover) {
  .main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button.alt > div.text p.button-only a:hover {
    border-color: var(--c-p4);
  }
}
.main__content div.textimage > div:is(.overlay-banner, .overlay-banner-white).button .overlay-banner-button {
  display: block;
}

@media (max-width: 979px) {
  .main__content div.textimage > div.overlay-banner.button:not(.alt) > div.text p a {
    color: var(--c-p4);
    background-color: var(--c-transparent);
    border-color: var(--c-p4);
  }
}
@media (max-width: 979px) and (any-hover: hover) {
  .main__content div.textimage > div.overlay-banner.button:not(.alt) > div.text p a:hover {
    color: var(--c-p1);
    background-color: var(--c-p4);
  }
}
@media (max-width: 979px) {
  .main__content div.textimage > div.overlay-banner.button.alt > div.text p a {
    color: var(--c-p1);
    background-color: var(--c-p4);
    border-color: var(--c-p4);
  }
}
@media (max-width: 979px) and (any-hover: hover) {
  .main__content div.textimage > div.overlay-banner.button.alt > div.text p a:hover {
    color: var(--c-p4);
    background-color: var(--c-transparent);
    border-color: var(--c-p4);
  }
}
.main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text :is(h1, h2, h3, h4, h5) {
  font-family: var(--f-font-family--brand);
  text-transform: uppercase;
}

@media (max-width: 979px) {
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text :is(h1, h2, h3, h4, h5) {
    font-size: 4.8rem;
    line-height: 4.8rem;
    padding: 1.5rem 1.5rem 1rem;
    margin-bottom: 0;
  }
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text :is(h1, h2, h3, h4, h5) + p {
    padding-top: 0;
  }
}
@media (min-width: 980px) {
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text :is(h1, h2, h3, h4, h5) {
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-size: 6.5rem;
    line-height: 7.3rem;
    padding-right: 1rem;
    padding-bottom: 0.7rem;
    letter-spacing: 0;
  }
}
.main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text p {
  padding: 1.5rem;
  margin-bottom: 0;
  display: none;
}

@media (min-width: 980px) {
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text p {
    position: absolute;
    margin-top: 3rem;
    margin-left: 3rem;
  }
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text p:not(.button-only) {
    width: 80%;
    color: var(--c-p3);
    background-color: var(--c-p4);
  }
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text p.button-only {
    padding: 0;
    width: auto;
  }
}
.main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text p:first-of-type.active {
  display: block;
}

@media (max-width: 979px) {
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text {
    grid-row: 2;
  }
}
@media (min-width: 980px) {
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text {
    position: relative;
    padding-top: 10%;
    width: 40%;
  }
}
@media (min-width: 980px) and (max-width: 1149px) {
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text {
    width: 50%;
  }
}
.main__content div.textimage div.overlay-banner > div.text :is(h1, h2, h3, h4, h5) {
  color: var(--c-p4);
}

@media (max-width: 979px) {
  .main__content div.textimage div.overlay-banner > div.text :is(h1, h2, h3, h4, h5) {
    background-color: var(--c-p1);
  }
}
@media (min-width: 980px) {
  .main__content div.textimage div.overlay-banner > div.text :is(h1, h2, h3, h4, h5) {
    background-color: var(--c-p1);
  }
}
.main__content div.textimage div.overlay-banner > div.text :is(h1, h2, h3, h4, h5) a {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.textimage div.overlay-banner > div.text :is(h1, h2, h3, h4, h5) a:hover {
    color: var(--c-p4);
  }
}
@media (max-width: 979px) {
  .main__content div.textimage div.overlay-banner > div.text p {
    color: var(--c-p4);
    background-color: var(--c-p1);
  }
}
.main__content div.textimage div.overlay-banner-white > div.text :is(h1, h2, h3, h4, h5) {
  color: var(--c-p1);
}

@media (max-width: 979px) {
  .main__content div.textimage div.overlay-banner-white > div.text :is(h1, h2, h3, h4, h5) {
    background-color: var(--c-p4);
  }
}
@media (min-width: 980px) {
  .main__content div.textimage div.overlay-banner-white > div.text :is(h1, h2, h3, h4, h5) {
    color: var(--c-p1);
    background-color: var(--c-p4);
  }
}
.main__content div.textimage div.overlay-banner-white > div.text :is(h1, h2, h3, h4, h5) a {
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div.textimage div.overlay-banner-white > div.text :is(h1, h2, h3, h4, h5) a:hover {
    color: var(--c-p2);
  }
}
@media (max-width: 979px) {
  .main__content div.textimage div.overlay-banner-white > div.text p {
    background-color: var(--c-p4);
    color: var(--c-p3);
  }
}
@media (min-width: 980px) {
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white).text-right > div.text {
    text-align: right;
    justify-self: end;
  }
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white).text-right > div.text p {
    text-align: left;
    right: 3rem;
    margin-left: 0;
  }
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white).text-right > div.text :is(h1, h2, h3, h4, h5) {
    white-space: unset;
    padding-right: 0;
  }
}
@media (max-width: 979px) {
  .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white).text-right > div.text {
    grid-column: 1/-1;
    justify-items: start;
    text-align: left;
  }
}
@media (min-width: 980px) {
  .main__content div.textimage div.overlay-banner.text-right > div.text :is(h1, h2, h3, h4, h5) {
    box-shadow: -1rem 0 0 var(--c-p1);
  }
}
@media (min-width: 980px) {
  .main__content div.textimage div.overlay-banner-white.text-right > div.text :is(h1, h2, h3, h4, h5) {
    box-shadow: -1rem 0 0 var(--c-p4);
  }
}
@media (min-width: 980px) and (any-hover: hover) {
  .main__content a:hover > div.textimage > div.overlay-banner.text-right > div.text :is(h1, h2, h3, h4, h5) {
    box-shadow: -1rem 0 0 var(--c-p2);
  }
  .main__content a:hover > div.textimage > div.overlay-banner-white.text-right > div.text :is(h1, h2, h3, h4, h5) {
    box-shadow: -1rem 0 0 var(--c-p4);
  }
}
@media (any-hover: hover) and (max-width: 979px) {
  .main__content a:hover > div.textimage > div.overlay-banner > div.text :is(h1, h2, h3, h4, h5), .main__content a:hover > div.textimage > div.overlay-banner-white > div.text :is(h1, h2, h3, h4, h5) {
    background-color: var(--c-p2);
  }
}
@media (any-hover: hover) {
  .main__content a.js-overlay-wrapper-link:hover {
    text-decoration: none;
  }
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div.overlay-banner > div.text :is(h1, h2, h3, h4, h5) {
    background-color: var(--c-p2);
  }
}
@media (any-hover: hover) and (max-width: 979px) {
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div.overlay-banner > div.text p {
    background-color: var(--c-p2);
  }
}
@media (any-hover: hover) {
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div.overlay-banner-white > div.text :is(h1, h2, h3, h4, h5) {
    background-color: var(--c-p4);
    color: var(--c-p2);
  }
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div.overlay-banner-white > div.text :is(h1, h2, h3, h4, h5) a {
    color: var(--c-p2);
  }
}
@media (any-hover: hover) and (max-width: 979px) {
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div.overlay-banner-white > div.text p {
    background-color: var(--c-p4);
  }
}
@media (any-hover: hover) and (min-width: 980px) {
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div:is(.overlay-banner, .overlay-banner-white) > div.text p {
    box-shadow: none;
  }
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div:is(.overlay-banner, .overlay-banner-white) > div.text p:not(.button-only) {
    background-color: var(--c-p4);
  }
}
@media (min-width: 980px) {
  html.mac-os .main__content div.textimage div:is(.overlay-banner, .overlay-banner-white) > div.text :is(h1, h2, h3, h4, h5) {
    padding-top: 1rem;
    line-height: 7rem;
    padding-bottom: 0.3rem;
  }
}
.main__content div.textimage div.overlay-bottom {
  grid-gap: 0;
}

@media (min-width: 980px) {
  .main__content div.textimage div.overlay-bottom {
    grid-template-columns: 1fr;
  }
}
.main__content div.textimage div.overlay-bottom > div.image {
  grid-column: 1/-1;
  grid-row: 1;
  display: inherit;
}

.main__content div.textimage div.overlay-bottom > div.image a {
  display: inherit;
}

.main__content div.textimage div.overlay-bottom > div.text {
  grid-column: 1/-1;
  grid-row: 1;
}

.main__content div.textimage div.overlay-bottom > div.text :is(h1, h2, h3, h4, h5, p) a {
  display: inline-block;
  text-decoration: none;
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div.textimage div.overlay-bottom > div.text :is(h1, h2, h3, h4, h5, p) a:hover {
    background-color: var(--c-transparent);
    color: var(--c-p1);
  }
}
.main__content div.textimage div.overlay-bottom > div.text :is(h1, h2, h3, h4, h5, p) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
}

.main__content div.textimage div.overlay-bottom > div.text :is(h1, h2, h3, h4, h5, p) a {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content div.textimage div.overlay-bottom > div.text :is(h1, h2, h3, h4, h5, p) a:hover {
    color: var(--c-p4);
  }
}
.main__content div.overlay-bottom > div.text {
  align-self: end;
  background-color: var(--c-p1);
  padding: 1rem 1.7rem;
}

.main__content div.overlay-bottom > div.text :is(h1, h2, h3, h4, h5, p) {
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: normal;
  color: var(--c-p4);
  margin-bottom: 0;
}

.main__content div.overlay-bottom > div.text :is(h1, h2, h3, h4, h5, p) a {
  letter-spacing: normal;
  color: var(--c-p4);
}

.main__content div.overlay-bottom > div.text :is(h1, h2, h3, h4, h5, p) a :is(h1, h2, h3, h4, h5, p) {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .main__content a:hover > div.textimage > div.overlay-bottom > div.text {
    background-color: var(--c-p2);
  }
}
.main__content div.textimage div.overlay-full {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr;
}

.main__content div.textimage div.overlay-full > div.image {
  grid-column: 1/-1;
  grid-row: 1;
  display: inherit;
}

.main__content div.textimage div.overlay-full > div.image a {
  display: inherit;
}

.main__content div.textimage div.overlay-full > div.text {
  grid-column: 1/-1;
}

.main__content div.textimage div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) {
  font-family: var(--f-font-family--brand);
  text-transform: uppercase;
}

.main__content div.textimage div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) a {
  display: inline-block;
  text-decoration: none;
}

@media (any-hover: hover) {
  .main__content div.textimage div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) a:hover {
    text-decoration: none;
  }
}
@media (max-width: 979px) {
  .main__content div.textimage div.overlay-full > div.text {
    grid-row: 2;
    padding: 1rem 1.5rem;
    border: 1px solid var(--c-s4);
    border-top: 0;
    background-color: var(--c-p4);
  }
  .main__content div.textimage div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) {
    color: var(--c-s1);
    font-size: 4.8rem;
    line-height: 1;
    margin: 0;
  }
  .main__content div.textimage div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) a {
    color: var(--c-s1);
  }
}
@media (max-width: 979px) and (any-hover: hover) {
  .main__content div.textimage div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) a:hover {
    color: var(--c-s1);
  }
}
@media (min-width: 980px) {
  .main__content div.textimage div.overlay-full > div.text {
    grid-row: 1;
    position: relative;
    padding-top: 10%;
    width: 40%;
  }
  .main__content div.textimage div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) {
    color: var(--c-p4);
    font-size: 6.5rem;
    line-height: 1;
    letter-spacing: 0;
  }
  .main__content div.textimage div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) a {
    color: var(--c-p4);
  }
}
@media (min-width: 980px) and (any-hover: hover) {
  .main__content div.textimage div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) a:hover {
    color: var(--c-p4);
  }
}
@media (any-hover: hover) {
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) {
    color: var(--c-s1);
  }
}
@media (any-hover: hover) and (min-width: 980px) {
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div.overlay-full > div.text :is(h1, h2, h3, h4, h5, p) {
    color: var(--c-p4);
  }
}
.main__content div.textimage div.overlay {
  margin-bottom: 3rem;
}

@media (min-width: 980px) {
  .main__content div.textimage div.overlay {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 1fr;
  }
}
.main__content div.textimage div.overlay > div.image {
  grid-column: 1/-1;
  grid-row: 1;
  display: inherit;
}

.main__content div.textimage div.overlay > div.image a {
  display: inherit;
}

.main__content div.textimage div.overlay > div.text {
  grid-column: 1/-1;
  grid-row: 1;
  width: 100%;
  border: 1px solid var(--c-s4);
  border-top: 0;
  align-self: end;
  background-color: var(--c-p4);
  padding: 1.3rem 3rem 1rem;
}

.main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5, p) {
  line-height: 4.2rem;
  margin-bottom: 0;
}

.main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5, p) a {
  display: inline-block;
  text-decoration: none;
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5, p) a:hover {
    background-color: var(--c-transparent);
    color: var(--c-p1);
  }
}
.main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5),
.main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5) :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

.main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5) {
  font-size: 3.7rem;
  line-height: 4.2rem;
  letter-spacing: normal;
  color: var(--c-s1);
  margin-bottom: 3rem;
}

.main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5) a {
  color: var(--c-s1);
}

@media (any-hover: hover) {
  .main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5) a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
.main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5) {
  text-transform: none;
  font-size: 3.2rem;
}

.main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5) + p:first-of-type,
.main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5) + p {
  padding-top: 1rem;
}

.main__content div.textimage div.overlay > div.text p {
  color: var(--c-p3);
  line-height: 2.6rem;
}

.main__content div.textimage div.overlay > div.text p a {
  color: var(--c-p3);
  display: inline;
}

@media (min-width: 980px) {
  .main__content div.textimage div.overlay > div.text {
    width: 55%;
    border-right: 0;
  }
}
@media (max-width: 979px) {
  .main__content div.textimage div.overlay > div.text {
    padding: 1.3rem 1.5rem 1rem;
    grid-row: 2;
  }
  .main__content div.textimage div.overlay > div.text :is(h1, h2, h3, h4, h5) {
    line-height: 1.1;
    margin-bottom: 0;
  }
}
.main__content a.js-overlay-wrapper-link {
  text-decoration: none;
}

.main__content a.js-overlay-wrapper-link > div.textimage > div.overlay > div.text :is(h1, h2, h3, h4, h5) {
  color: var(--c-s1);
  margin-bottom: 0;
  line-height: 1.1;
}

.main__content a.js-overlay-wrapper-link > div.textimage > div.overlay > div.text p {
  color: var(--c-p3);
  margin-top: 0rem;
}

.main__content a.js-overlay-wrapper-link > div.textimage > div.overlay > div.text p::after {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  content: "聽鈫�";
  margin-left: 0rem;
}

.main__content a.js-overlay-wrapper-link > div.textimage > div.overlay > div.text a {
  text-decoration: none;
}

@media (any-hover: hover) {
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div.overlay > div.text {
    background-color: var(--c-p4);
    border-color: var(--c-p1);
  }
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div.overlay > div.text :is(h1, h2, h3, h4, h5, p) {
    color: var(--c-p1);
  }
  .main__content a.js-overlay-wrapper-link:hover > div.textimage > div.overlay > div.text a {
    color: var(--c-p1);
    text-decoration: none;
  }
}
.main__content div.block:is(.red, .light-red) a.js-overlay-wrapper-link, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 a.js-overlay-wrapper-link, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 a.js-overlay-wrapper-link, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 a.js-overlay-wrapper-link, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 a.js-overlay-wrapper-link {
  text-decoration: none;
}

.main__content div.block:is(.red, .light-red) div.textimage div.overlay > div.text, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.textimage div.overlay > div.text, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.textimage div.overlay > div.text, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.textimage div.overlay > div.text, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.textimage div.overlay > div.text {
  border: 0;
}

.main__content div.textimage div.overlay.block:is(.red, .light-red) > div.text {
  border: 0;
}

.main__content div.sfu-columns > div:is([data-col-layout="33-67"],
[data-col-layout="25-75"],
[data-col-layout="25-25-50"],
[data-col-layout="25-50-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c1 div.textimage > div.overlay,
.main__content div.sfu-columns > div:is([data-col-layout="67-33"],
[data-col-layout="75-25"],
[data-col-layout="25-25-50"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c2 div.textimage > div.overlay,
.main__content div.sfu-columns > div:is([data-col-layout="25-50-25"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c3 div.textimage > div.overlay,
.main__content div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 div.textimage > div.overlay {
  display: block;
}

.main__content div.sfu-columns > div:is([data-col-layout="33-67"],
[data-col-layout="25-75"],
[data-col-layout="25-25-50"],
[data-col-layout="25-50-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c1 div.textimage > div.overlay > div.text,
.main__content div.sfu-columns > div:is([data-col-layout="67-33"],
[data-col-layout="75-25"],
[data-col-layout="25-25-50"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c2 div.textimage > div.overlay > div.text,
.main__content div.sfu-columns > div:is([data-col-layout="25-50-25"],
[data-col-layout="50-25-25"],
[data-col-layout="33-33-33"],
[data-col-layout="25-25-25-25"]) > div.c3 div.textimage > div.overlay > div.text,
.main__content div.sfu-columns > div[data-col-layout="25-25-25-25"] > div.c4 div.textimage > div.overlay > div.text {
  width: 100%;
  padding: 1rem 1.5rem;
  border: 1px solid var(--c-s4);
  border-top: 0;
}

.main__content div.textimage:not([class*=overlay]) > div.wrap-text {
  display: block;
}

@media (min-width: 980px) {
  .main__content div.textimage:not([class*=overlay]) > div.wrap-text > div.image {
    float: left;
    width: 33%;
    margin-right: 2.3rem;
  }
  .main__content div.textimage:not([class*=overlay]) > div.wrap-text > div.image :is(img, small) {
    margin-bottom: 0rem;
  }
  .main__content div.textimage:not([class*=overlay]) > div.wrap-text > div.image small {
    margin-top: 0.5rem;
  }
  .main__content div.textimage:not([class*=overlay]) > div.wrap-text > div.image::after {
    content: "";
    clear: both;
  }
}
@media (min-width: 980px) {
  .main__content div.textimage:not([class*=overlay]) > div.img-right.wrap-text > div.floatRight {
    display: block;
  }
  .main__content div.textimage:not([class*=overlay]) > div.img-right.wrap-text > div.floatRight > div.image {
    float: right;
    width: 33%;
    margin-left: 2.3rem;
  }
  .main__content div.textimage:not([class*=overlay]) > div.img-right.wrap-text > div.floatRight > div.image img {
    margin-bottom: 1.5rem;
  }
  .main__content div.textimage:not([class*=overlay]) > div.img-right.wrap-text > div.floatRight > div.image small {
    margin-top: -0.5rem;
    margin-bottom: 0;
  }
  .main__content div.textimage:not([class*=overlay]) > div.img-right.wrap-text > div.floatRight > div.image a + small {
    margin-top: -1rem;
  }
  .main__content div.textimage:not([class*=overlay]) > div.img-right.wrap-text > div.floatRight::after {
    content: "";
    clear: both;
  }
}
html.mac-os .main__content div.textimage:not([class*=overlay]) > div.img-right.wrap-text > div.floatRight > div.image small {
  margin-top: -1rem;
}

.main__content div:is(.button, .button-full):not(.alt) p:last-child a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  background-color: var(--c-transparent);
  border-color: var(--c-p1);
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div:is(.button, .button-full):not(.alt) p:last-child a:hover {
    color: var(--c-p4);
    background-color: var(--c-p1);
  }
}
.main__content div:is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  background-color: var(--c-transparent);
  border-color: var(--c-p1);
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div:is(.button, .button-full):not(.alt).js-single-button p:not(:last-child) a:hover {
    color: var(--c-p4);
    background-color: var(--c-p1);
  }
}
.main__content div:is(.button, .button-full).alt p:last-child a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p4);
  background-color: var(--c-p1);
  border-color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div:is(.button, .button-full).alt p:last-child a:hover {
    color: var(--c-p1);
    background-color: var(--c-transparent);
    border-color: var(--c-p1);
  }
}
.main__content div:is(.button, .button-full).alt.js-single-button p:not(:last-child) a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding: 1rem 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid;
  cursor: pointer;
  color: var(--c-p4);
  background-color: var(--c-p1);
  border-color: var(--c-p1);
}

@media (any-hover: hover) {
  .main__content div:is(.button, .button-full).alt.js-single-button p:not(:last-child) a:hover {
    color: var(--c-p1);
    background-color: var(--c-transparent);
    border-color: var(--c-p1);
  }
}
.main__content div:is(.button, .button-full) p:last-child a {
  margin-bottom: 1.5rem;
}

.main__content div:is(.button, .button-full) p:last-child a:last-child {
  margin-bottom: 0;
}

.main__content div.button:not([class*=overlay]) p:last-child a {
  margin-right: 1.5rem;
}

.main__content div.button:not([class*=overlay]) p:last-child a:last-child {
  margin-right: 0;
}

.main__content div.button-full p:last-child a {
  width: 100%;
  display: block;
}

.main__content div.button-full.js-single-button p:not(:last-child) a {
  width: 100%;
  display: block;
}

.main__content div.footnote {
  margin: 3.5rem 0 3rem;
  padding-top: 1.6rem;
  color: var(--c-s1);
  position: relative;
}

.main__content div.footnote:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.1rem;
  background-color: var(--c-s2);
}

.main__content div.footnote p,
.main__content div.footnote :is(ul, ol) li {
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.main__content div.footnote p:last-child,
.main__content div.footnote :is(ul, ol) li:last-child {
  margin-bottom: 0;
}

.main__content div.footnote :is(ul, ol) {
  padding-left: 2.2rem;
}

.main__content div.footnote :is(ul, ol) :is(ul, ol) {
  margin-top: 1.1rem;
}

.main__content div.footnote :is(ul, ol) li {
  margin-bottom: 1.1rem;
}

.main__content div.footnote ul > li::before {
  left: -2rem;
}

.main__content div.footnote ol > li::before {
  left: -2.2rem;
}

.main__content div.footnote :is(ul > li, ol > li > ol > li > ul > li, ol > li > ul > li)::before {
  width: 0.5rem;
  height: 0.5rem;
  top: 0.5rem;
}

.main__content div.footnote :is(ul > li > ul > li, ul > li > ol > li > ul > li, ol > li > ul > li > ul > li)::before {
  width: 0.5rem;
  height: 0.5rem;
  top: 0.5rem;
}

.main__content div.footnote ul > li > ul > li > ul > li::before {
  width: 0.6rem;
  height: 0.2rem;
  top: 0.65rem;
}

.main__content div.footnote p {
  margin-bottom: 1.5rem;
}

.main__content div.footnote.toggleContent {
  margin-top: 0;
}

.main__content div.footnote.toggleContent:before {
  left: 2.8rem;
}

.main__content div.toggle-content-container > div.toggleContent.hasFootnote {
  position: relative;
}

.main__content div.toggle-content-container > div.toggleContent.hasFootnote:before {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: 100%;
  width: 0.2rem;
  height: 3.5rem;
  background-color: var(--c-s2);
}

.main__content div.block:is(.red, .light-red) div.footnote, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.footnote, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.footnote, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.footnote, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.footnote {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) div.footnote:before, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.footnote:before, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.footnote:before, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.footnote:before, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.footnote:before {
  background-color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) div.toggle-content-container > div.toggleContent.hasFootnote:before, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.toggle-content-container > div.toggleContent.hasFootnote:before, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.toggle-content-container > div.toggleContent.hasFootnote:before, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.toggle-content-container > div.toggleContent.hasFootnote:before, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.toggle-content-container > div.toggleContent.hasFootnote:before {
  background-color: var(--c-p4);
}

.main__content div.block.grey div.footnote:before, .main__content div.block.col-1-grey .c1 div.footnote:before, .main__content div.block.col-2-grey .c2 div.footnote:before, .main__content div.block.col-3-grey .c3 div.footnote:before, .main__content div.block.col-4-grey .c4 div.footnote:before {
  background-color: var(--c-s9);
}

.main__content div.block.grey div.toggle-content-container > div.toggleContent.hasFootnote:before, .main__content div.block.col-1-grey .c1 div.toggle-content-container > div.toggleContent.hasFootnote:before, .main__content div.block.col-2-grey .c2 div.toggle-content-container > div.toggleContent.hasFootnote:before, .main__content div.block.col-3-grey .c3 div.toggle-content-container > div.toggleContent.hasFootnote:before, .main__content div.block.col-4-grey .c4 div.toggle-content-container > div.toggleContent.hasFootnote:before {
  background-color: var(--c-s9);
}

.main__content div:is(.outline, .block) {
  padding: 3rem;
}

@media (min-width: 528px) {
  .main__content div:is(.outline, .block) {
    padding: 5rem;
  }
}
.main__content div:is(.outline, .block):not(.hasBM) {
  margin-bottom: 3rem;
}

.main__content div:is(.outline, .block):not([data-col-layout]) > *:last-child:not(.hasBM), .main__content div:is(.outline, .block):not([data-col-layout]) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), .main__content div:is(.outline, .block):not([data-col-layout]) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), .main__content div:is(.outline, .block):not([data-col-layout]) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), .main__content div:is(.outline, .block):not([data-col-layout]) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), .main__content div:is(.outline, .block):not([data-col-layout]) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) {
  margin-bottom: 0 !important;
}

.main__content div.outline {
  border: 0.3rem solid var(--c-s2);
}

.main__content div.block:is(.red, .light-red) div.outline, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.outline, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.outline, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.outline, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.outline {
  border-color: var(--c-p4);
}

.main__content div.block.grey div.outline, .main__content div.block.col-1-grey .c1 div.outline, .main__content div.block.col-2-grey .c2 div.outline, .main__content div.block.col-3-grey .c3 div.outline, .main__content div.block.col-4-grey .c4 div.outline {
  border-color: var(--c-s9);
}

.main__content :is(h1, h2, h3, h4, h5) a {
  text-decoration: none;
}

.main__content a :is(h1, h2, h3, h4, h5) {
  text-decoration: none;
}

.page-content__main div.text > div.header-l h2,
.page-content__main div.text > div.header-l h2 :is(b, strong),
.page-content__main div.textimage > div:not([class*=overlay]).header-l h2,
.page-content__main div.textimage > div:not([class*=overlay]).header-l h2 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

.page-content__main div.text > div.header-l h2,
.page-content__main div.textimage > div:not([class*=overlay]).header-l h2 {
  font-size: 4.6rem;
  line-height: 5.2rem;
  letter-spacing: normal;
  color: var(--c-s1);
  margin-bottom: 3rem;
  text-transform: uppercase;
}

@media (max-width: 527px) {
  .page-content__main div.text > div.header-l h2,
  .page-content__main div.textimage > div:not([class*=overlay]).header-l h2 {
    font-size: 4.6rem;
    line-height: 5.2rem;
  }
}
.page-content__main div.text > div.header-l h2 a,
.page-content__main div.textimage > div:not([class*=overlay]).header-l h2 a {
  color: var(--c-s1);
}

@media (any-hover: hover) {
  .page-content__main div.text > div.header-l h2 a:hover,
  .page-content__main div.textimage > div:not([class*=overlay]).header-l h2 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
.page-content__main div.text > div.header-l h2,
.page-content__main div.textimage > div:not([class*=overlay]).header-l h2 {
  text-transform: uppercase;
}

.page-content__main div.text > div.header-xl h2,
.page-content__main div.text > div.header-xl h2 :is(b, strong),
.page-content__main div.textimage > div:not([class*=overlay]).header-xl h2,
.page-content__main div.textimage > div:not([class*=overlay]).header-xl h2 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
}

.page-content__main div.text > div.header-xl h2,
.page-content__main div.textimage > div:not([class*=overlay]).header-xl h2 {
  font-size: 4.6rem;
  line-height: 5.2rem;
  letter-spacing: normal;
  color: var(--c-s1);
  margin-bottom: 3rem;
  text-transform: uppercase;
}

@media (max-width: 527px) {
  .page-content__main div.text > div.header-xl h2,
  .page-content__main div.textimage > div:not([class*=overlay]).header-xl h2 {
    font-size: 4.6rem;
    line-height: 5.2rem;
  }
}
.page-content__main div.text > div.header-xl h2 a,
.page-content__main div.textimage > div:not([class*=overlay]).header-xl h2 a {
  color: var(--c-s1);
}

@media (any-hover: hover) {
  .page-content__main div.text > div.header-xl h2 a:hover,
  .page-content__main div.textimage > div:not([class*=overlay]).header-xl h2 a:hover {
    color: var(--c-p1);
    background: none;
    text-decoration: none;
  }
}
.page-content__main div.text > div.header-xl h2,
.page-content__main div.textimage > div:not([class*=overlay]).header-xl h2 {
  font-size: 5.5rem;
  line-height: 6rem;
  text-transform: uppercase;
}

.page-content__main .block:is(.red, .light-red) div.text > div.header-l h2,
.page-content__main .block:is(.red, .light-red) div.textimage > div:not([class*=overlay]).header-l h2, .page-content__main .block:is(.col-1-red, .col-1-light-red) .c1 div.text > div.header-l h2,
.page-content__main .block:is(.col-1-red, .col-1-light-red) .c1 div.textimage > div:not([class*=overlay]).header-l h2, .page-content__main .block:is(.col-2-red, .col-2-light-red) .c2 div.text > div.header-l h2,
.page-content__main .block:is(.col-2-red, .col-2-light-red) .c2 div.textimage > div:not([class*=overlay]).header-l h2, .page-content__main .block:is(.col-3-red, .col-3-light-red) .c3 div.text > div.header-l h2,
.page-content__main .block:is(.col-3-red, .col-3-light-red) .c3 div.textimage > div:not([class*=overlay]).header-l h2, .page-content__main .block:is(.col-4-red, .col-4-light-red) .c4 div.text > div.header-l h2,
.page-content__main .block:is(.col-4-red, .col-4-light-red) .c4 div.textimage > div:not([class*=overlay]).header-l h2 {
  color: var(--c-p4);
}

.page-content__main .block:is(.red, .light-red) div.text > div.header-xl h2,
.page-content__main .block:is(.red, .light-red) div.textimage > div:not([class*=overlay]).header-xl h2, .page-content__main .block:is(.col-1-red, .col-1-light-red) .c1 div.text > div.header-xl h2,
.page-content__main .block:is(.col-1-red, .col-1-light-red) .c1 div.textimage > div:not([class*=overlay]).header-xl h2, .page-content__main .block:is(.col-2-red, .col-2-light-red) .c2 div.text > div.header-xl h2,
.page-content__main .block:is(.col-2-red, .col-2-light-red) .c2 div.textimage > div:not([class*=overlay]).header-xl h2, .page-content__main .block:is(.col-3-red, .col-3-light-red) .c3 div.text > div.header-xl h2,
.page-content__main .block:is(.col-3-red, .col-3-light-red) .c3 div.textimage > div:not([class*=overlay]).header-xl h2, .page-content__main .block:is(.col-4-red, .col-4-light-red) .c4 div.text > div.header-xl h2,
.page-content__main .block:is(.col-4-red, .col-4-light-red) .c4 div.textimage > div:not([class*=overlay]).header-xl h2 {
  color: var(--c-p4);
}

.page-content__main .block:is(.red, .light-red) div.text > div:is(.header-l, .header-xl) h2 a,
.page-content__main .block:is(.red, .light-red) div.textimage > div:not([class*=overlay]):is(.header-l, .header-xl) h2 a, .page-content__main .block:is(.col-1-red, .col-1-light-red) .c1 div.text > div:is(.header-l, .header-xl) h2 a,
.page-content__main .block:is(.col-1-red, .col-1-light-red) .c1 div.textimage > div:not([class*=overlay]):is(.header-l, .header-xl) h2 a, .page-content__main .block:is(.col-2-red, .col-2-light-red) .c2 div.text > div:is(.header-l, .header-xl) h2 a,
.page-content__main .block:is(.col-2-red, .col-2-light-red) .c2 div.textimage > div:not([class*=overlay]):is(.header-l, .header-xl) h2 a, .page-content__main .block:is(.col-3-red, .col-3-light-red) .c3 div.text > div:is(.header-l, .header-xl) h2 a,
.page-content__main .block:is(.col-3-red, .col-3-light-red) .c3 div.textimage > div:not([class*=overlay]):is(.header-l, .header-xl) h2 a, .page-content__main .block:is(.col-4-red, .col-4-light-red) .c4 div.text > div:is(.header-l, .header-xl) h2 a,
.page-content__main .block:is(.col-4-red, .col-4-light-red) .c4 div.textimage > div:not([class*=overlay]):is(.header-l, .header-xl) h2 a {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .page-content__main .block:is(.red, .light-red) div.text > div:is(.header-l, .header-xl) h2 a:hover,
  .page-content__main .block:is(.red, .light-red) div.textimage > div:not([class*=overlay]):is(.header-l, .header-xl) h2 a:hover, .page-content__main .block:is(.col-1-red, .col-1-light-red) .c1 div.text > div:is(.header-l, .header-xl) h2 a:hover,
  .page-content__main .block:is(.col-1-red, .col-1-light-red) .c1 div.textimage > div:not([class*=overlay]):is(.header-l, .header-xl) h2 a:hover, .page-content__main .block:is(.col-2-red, .col-2-light-red) .c2 div.text > div:is(.header-l, .header-xl) h2 a:hover,
  .page-content__main .block:is(.col-2-red, .col-2-light-red) .c2 div.textimage > div:not([class*=overlay]):is(.header-l, .header-xl) h2 a:hover, .page-content__main .block:is(.col-3-red, .col-3-light-red) .c3 div.text > div:is(.header-l, .header-xl) h2 a:hover,
  .page-content__main .block:is(.col-3-red, .col-3-light-red) .c3 div.textimage > div:not([class*=overlay]):is(.header-l, .header-xl) h2 a:hover, .page-content__main .block:is(.col-4-red, .col-4-light-red) .c4 div.text > div:is(.header-l, .header-xl) h2 a:hover,
  .page-content__main .block:is(.col-4-red, .col-4-light-red) .c4 div.textimage > div:not([class*=overlay]):is(.header-l, .header-xl) h2 a:hover {
    text-decoration: underline;
  }
}
.page-content__main div.text > div.block:is(.red, .light-red).header-l h2, .page-content__main div.text > div.block:is(.col-1-red, .col-1-light-red) .c1.header-l h2, .page-content__main div.text > div.block:is(.col-2-red, .col-2-light-red) .c2.header-l h2, .page-content__main div.text > div.block:is(.col-3-red, .col-3-light-red) .c3.header-l h2, .page-content__main div.text > div.block:is(.col-4-red, .col-4-light-red) .c4.header-l h2,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.red, .light-red).header-l h2,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-1-red, .col-1-light-red) .c1.header-l h2,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-2-red, .col-2-light-red) .c2.header-l h2,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-3-red, .col-3-light-red) .c3.header-l h2,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-4-red, .col-4-light-red) .c4.header-l h2 {
  color: var(--c-p4);
}

.page-content__main div.text > div.block:is(.red, .light-red).header-xl h2, .page-content__main div.text > div.block:is(.col-1-red, .col-1-light-red) .c1.header-xl h2, .page-content__main div.text > div.block:is(.col-2-red, .col-2-light-red) .c2.header-xl h2, .page-content__main div.text > div.block:is(.col-3-red, .col-3-light-red) .c3.header-xl h2, .page-content__main div.text > div.block:is(.col-4-red, .col-4-light-red) .c4.header-xl h2,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.red, .light-red).header-xl h2,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-1-red, .col-1-light-red) .c1.header-xl h2,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-2-red, .col-2-light-red) .c2.header-xl h2,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-3-red, .col-3-light-red) .c3.header-xl h2,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-4-red, .col-4-light-red) .c4.header-xl h2 {
  color: var(--c-p4);
}

.page-content__main div.text > div.block:is(.red, .light-red):is(.header-l, .header-xl) h2 a, .page-content__main div.text > div.block:is(.col-1-red, .col-1-light-red) .c1:is(.header-l, .header-xl) h2 a, .page-content__main div.text > div.block:is(.col-2-red, .col-2-light-red) .c2:is(.header-l, .header-xl) h2 a, .page-content__main div.text > div.block:is(.col-3-red, .col-3-light-red) .c3:is(.header-l, .header-xl) h2 a, .page-content__main div.text > div.block:is(.col-4-red, .col-4-light-red) .c4:is(.header-l, .header-xl) h2 a,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.red, .light-red):is(.header-l, .header-xl) h2 a,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-1-red, .col-1-light-red) .c1:is(.header-l, .header-xl) h2 a,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-2-red, .col-2-light-red) .c2:is(.header-l, .header-xl) h2 a,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-3-red, .col-3-light-red) .c3:is(.header-l, .header-xl) h2 a,
.page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-4-red, .col-4-light-red) .c4:is(.header-l, .header-xl) h2 a {
  color: var(--c-p4);
}

@media (any-hover: hover) {
  .page-content__main div.text > div.block:is(.red, .light-red):is(.header-l, .header-xl) h2 a:hover, .page-content__main div.text > div.block:is(.col-1-red, .col-1-light-red) .c1:is(.header-l, .header-xl) h2 a:hover, .page-content__main div.text > div.block:is(.col-2-red, .col-2-light-red) .c2:is(.header-l, .header-xl) h2 a:hover, .page-content__main div.text > div.block:is(.col-3-red, .col-3-light-red) .c3:is(.header-l, .header-xl) h2 a:hover, .page-content__main div.text > div.block:is(.col-4-red, .col-4-light-red) .c4:is(.header-l, .header-xl) h2 a:hover,
  .page-content__main div.textimage > div:not([class*=overlay]).block:is(.red, .light-red):is(.header-l, .header-xl) h2 a:hover,
  .page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-1-red, .col-1-light-red) .c1:is(.header-l, .header-xl) h2 a:hover,
  .page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-2-red, .col-2-light-red) .c2:is(.header-l, .header-xl) h2 a:hover,
  .page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-3-red, .col-3-light-red) .c3:is(.header-l, .header-xl) h2 a:hover,
  .page-content__main div.textimage > div:not([class*=overlay]).block:is(.col-4-red, .col-4-light-red) .c4:is(.header-l, .header-xl) h2 a:hover {
    text-decoration: underline;
  }
}
.main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1), .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) {
  font-family: var(--f-font-family--brand);
  text-transform: uppercase;
  font-size: 7rem;
  line-height: 6rem;
  margin: 1rem 0 0.5rem;
}

.main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1) :is(sup, sub), .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) :is(sup, sub) {
  font-size: 3.9rem;
  line-height: 3.1rem;
  text-transform: uppercase;
}

.main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1) sup, .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) sup {
  vertical-align: top;
}

.main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1) .material-symbols-sharp, .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) .material-symbols-sharp {
  font-size: 6rem;
  transform: translateY(-0.4rem);
}

@media (min-width: 1150px) {
  .main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1), .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) {
    font-size: 12.5rem;
    line-height: 10.8rem;
  }
  .main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1) :is(sup, sub), .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) :is(sup, sub) {
    font-size: 7rem;
    line-height: 5.5rem;
  }
  .main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1) .material-symbols-sharp, .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) .material-symbols-sharp {
    font-size: 10.8rem;
    transform: translateY(-0.8rem);
  }
}
html.win-os .main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1), html.win-os .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) {
  transform: translateY(-0.8rem);
}

html.win-os .main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1) .material-symbols-sharp, html.win-os .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) .material-symbols-sharp {
  transform: translateY(0.4rem);
}

@media (min-width: 1150px) {
  html.win-os .main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1), html.win-os .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) {
    transform: translateY(-1.5rem);
  }
  html.win-os .main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(1) .material-symbols-sharp, html.win-os .main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(2) .material-symbols-sharp {
    transform: translateY(0.8rem);
  }
}
.main__content div:is(.graphics-mid, .graphics-mid-red, .graphics-right, .graphics-right-red) p:nth-child(1), .main__content div:is(.graphics, .graphics-red, .graphics-left, .graphics-left-red) p:nth-child(2), .main__content div:is(.graphics, .graphics-red, .graphics-mid, .graphics-mid-red) p:nth-child(3) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  font-size: 2.2rem;
  line-height: 2.6rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

.main__content div:is(.graphics, .graphics-red) p:nth-child(3) {
  padding-top: 2.6rem;
  margin-top: 2.5rem;
  position: relative;
}

.main__content div:is(.graphics, .graphics-red) p:nth-child(3)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: var(--c-p1);
}

.main__content div.graphics p:nth-child(3)::before {
  background-color: var(--c-p1);
}

.main__content div.graphics-red p:nth-child(3)::before {
  background-color: var(--c-p2);
}

.main__content div:is(.graphics-mid, .graphics-mid-red) p:nth-child(1) {
  margin-bottom: 2rem;
}

.main__content div:is(.graphics-left, .graphics-left-red, .graphics-right, .graphics-right-red) {
  display: inline-flex;
  align-items: flex-end;
  gap: 0 1.5rem;
  flex-wrap: wrap;
}

.main__content div:is(.graphics-left, .graphics-left-red) p:nth-child(2) {
  margin-bottom: 1rem;
}

@media (min-width: 1150px) {
  .main__content div:is(.graphics-left, .graphics-left-red) p:nth-child(2) {
    margin-bottom: 1.8rem;
  }
}
.main__content div:is(.graphics-right, .graphics-right-red) p:nth-child(1) {
  margin-bottom: 1rem;
}

@media (min-width: 1150px) {
  .main__content div:is(.graphics-right, .graphics-right-red) p:nth-child(1) {
    margin-bottom: 1.8rem;
  }
}
.main__content div:is(.graphics, .graphics-mid, .graphics-left, .graphics-right) p {
  color: var(--c-p1);
}

.main__content div:is(.graphics-red, .graphics-mid-red, .graphics-left-red, .graphics-right-red) p {
  color: var(--c-p2);
}

.main__content div[class*=graphics] p {
  display: none;
}

.main__content div[class*=graphics] p:is(:nth-child(1), :nth-child(2)) {
  display: block;
}

.main__content div[class*=graphics]:not([class*=graphics-left]):not([class*=graphics-right]) p:nth-child(3) {
  display: block;
}

.main__content div.sfu-columns > div[data-col-layout].align-bottom {
  align-items: end;
}

.main__content div.block:is(.red, .light-red) div[class*=graphics] p, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div[class*=graphics] p, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div[class*=graphics] p, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div[class*=graphics] p, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div[class*=graphics] p {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) div:is(.graphics, .graphics-red) p:nth-child(3)::before, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div:is(.graphics, .graphics-red) p:nth-child(3)::before, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div:is(.graphics, .graphics-red) p:nth-child(3)::before, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div:is(.graphics, .graphics-red) p:nth-child(3)::before, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div:is(.graphics, .graphics-red) p:nth-child(3)::before {
  background-color: var(--c-p4);
}

.main__content div.text > div.col-1 ul {
  display: grid;
  grid-column-gap: 7rem;
  grid-template-columns: 1fr;
}

@media (min-width: 528px) {
  .main__content div.text > div.col-1 ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 528px) and (max-width: 979px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).md-col-1 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 528px) and (max-width: 754px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).mds-col-1 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 527px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).sm-col-1 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
.main__content div.text > div.col-2 ul {
  display: grid;
  grid-column-gap: 7rem;
  grid-template-columns: 1fr;
}

@media (min-width: 528px) {
  .main__content div.text > div.col-2 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 528px) and (max-width: 979px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).md-col-2 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 528px) and (max-width: 754px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).mds-col-2 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 527px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).sm-col-2 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.main__content div.text > div.col-3 ul {
  display: grid;
  grid-column-gap: 7rem;
  grid-template-columns: 1fr;
}

@media (min-width: 528px) {
  .main__content div.text > div.col-3 ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 528px) and (max-width: 979px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).md-col-3 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 528px) and (max-width: 754px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).mds-col-3 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 527px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).sm-col-3 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.main__content div.text > div.col-4 ul {
  display: grid;
  grid-column-gap: 7rem;
  grid-template-columns: 1fr;
}

@media (min-width: 528px) {
  .main__content div.text > div.col-4 ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 528px) and (max-width: 979px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).md-col-4 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 528px) and (max-width: 754px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).mds-col-4 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 527px) {
  .main__content div.text > div:is(.col-2, .col-3, .col-4).sm-col-4 ul {
    display: grid;
    grid-column-gap: 7rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
.main__content div.text div.more p.more-link a,
.main__content div.textimage div.more:not([class*=overlay]) p.more-link a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--medium);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-p1);
  font-size: 1.2rem;
  text-decoration: none;
  text-transform: uppercase;
}

@media (any-hover: hover) {
  .main__content div.text div.more p.more-link a:hover,
  .main__content div.textimage div.more:not([class*=overlay]) p.more-link a:hover {
    text-decoration: underline;
  }
}
.main__content div.text div.more p.more-link a:after,
.main__content div.textimage div.more:not([class*=overlay]) p.more-link a:after {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  content: "聽鈫�";
}

.main__content div.text div.more.block:is(.red, .light-red) p.more-link a,
.main__content div.textimage div.more:not([class*=overlay]).block:is(.red, .light-red) p.more-link a {
  color: var(--c-p4);
}

.main__content div.text div.more-all p.more-link a,
.main__content div.textimage div.more-all:not([class*=overlay]) p.more-link a {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--medium);
  font-stretch: var(--f-font-stretch--normal);
  color: var(--c-p1);
  font-size: 1.2rem;
  text-decoration: none;
  text-transform: uppercase;
}

@media (any-hover: hover) {
  .main__content div.text div.more-all p.more-link a:hover,
  .main__content div.textimage div.more-all:not([class*=overlay]) p.more-link a:hover {
    text-decoration: underline;
  }
}
.main__content div.text div.more-all p.more-link a:after,
.main__content div.textimage div.more-all:not([class*=overlay]) p.more-link a:after {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
  content: "聽鈫�";
}

.main__content div.text div.more-all p.more-link + p.more-link,
.main__content div.textimage div.more-all:not([class*=overlay]) p.more-link + p.more-link {
  margin-top: -1.9rem;
}

.main__content div.text div.more-all.block:is(.red, .light-red) p.more-link a,
.main__content div.textimage div.more-all:not([class*=overlay]).block:is(.red, .light-red) p.more-link a {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) div.text div.more p.more-link a,
.main__content div.block:is(.red, .light-red) div.textimage div.more:not([class*=overlay]) p.more-link a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.text div.more p.more-link a,
.main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.textimage div.more:not([class*=overlay]) p.more-link a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.text div.more p.more-link a,
.main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.textimage div.more:not([class*=overlay]) p.more-link a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.text div.more p.more-link a,
.main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.textimage div.more:not([class*=overlay]) p.more-link a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.text div.more p.more-link a,
.main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.textimage div.more:not([class*=overlay]) p.more-link a {
  color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) div.text div.more-all p.more-link a,
.main__content div.block:is(.red, .light-red) div.textimage div.more-all:not([class*=overlay]) p.more-link a, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.text div.more-all p.more-link a,
.main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.textimage div.more-all:not([class*=overlay]) p.more-link a, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.text div.more-all p.more-link a,
.main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.textimage div.more-all:not([class*=overlay]) p.more-link a, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.text div.more-all p.more-link a,
.main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.textimage div.more-all:not([class*=overlay]) p.more-link a, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.text div.more-all p.more-link a,
.main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.textimage div.more-all:not([class*=overlay]) p.more-link a {
  color: var(--c-p4);
}

.page-content__main div:is(.quote, .quote-grey) {
  margin-bottom: 3rem;
  padding-left: 1.5rem;
  padding-top: 0.6rem;
}

.page-content__main div:is(.quote, .quote-grey) a {
  text-decoration: underline;
}

@media (any-hover: hover) {
  .page-content__main div:is(.quote, .quote-grey) a:hover {
    text-decoration: underline;
  }
}
.page-content__main div:is(.quote, .quote-grey) p {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--medium);
  font-stretch: var(--f-font-stretch--normal);
  font-size: 2.2rem;
  line-height: 3.8rem;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 1rem 1.5rem 1.1rem 0;
}

.page-content__main div:is(.quote, .quote-grey) h5 {
  color: var(--c-p3);
  margin-left: -1.5rem;
  margin-bottom: 0;
  padding-top: 1.5rem;
  font-size: 1.3rem;
  line-height: 2.2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--light);
  font-stretch: var(--f-font-stretch--normal);
}

.page-content__main div:is(.quote, .quote-grey) h5 :is(b, strong) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--bold);
  font-stretch: var(--f-font-stretch--normal);
}

.page-content__main div:is(.quote, .quote-grey) div.js-quote-wrapper {
  position: relative;
}

.page-content__main div:is(.quote, .quote-grey) div.js-quote-wrapper + div.js-quote-wrapper {
  margin-top: 1.1rem;
}

.page-content__main div:is(.quote, .quote-grey) div.js-quote-wrapper:before {
  content: "";
  position: absolute;
  left: -1.5rem;
  width: 1.5rem;
  top: -0.6rem;
  bottom: -0.6rem;
  pointer-events: none;
}

.page-content__main div.quote p {
  background-color: var(--c-p1);
  color: var(--c-p4);
}

.page-content__main div.quote p a {
  color: var(--c-p4);
  --c-focus: var(--c-focus-light);
}

.page-content__main div.quote div.js-quote-wrapper:before {
  background-color: var(--c-p1);
}

.page-content__main div.quote-grey p {
  background-color: var(--c-s7);
  color: var(--c-s6);
}

.page-content__main div.quote-grey p a {
  color: var(--c-s6);
}

.page-content__main div.quote-grey div.js-quote-wrapper:before {
  background-color: var(--c-s7);
}

.page-content__main div.block:is(.red, .light-red) div.quote p, .page-content__main div.block:is(.col-1-red, .col-1-light-red) .c1 div.quote p, .page-content__main div.block:is(.col-2-red, .col-2-light-red) .c2 div.quote p, .page-content__main div.block:is(.col-3-red, .col-3-light-red) .c3 div.quote p, .page-content__main div.block:is(.col-4-red, .col-4-light-red) .c4 div.quote p {
  background-color: var(--c-p4);
  color: var(--c-p1);
}

.page-content__main div.block:is(.red, .light-red) div.quote p a, .page-content__main div.block:is(.col-1-red, .col-1-light-red) .c1 div.quote p a, .page-content__main div.block:is(.col-2-red, .col-2-light-red) .c2 div.quote p a, .page-content__main div.block:is(.col-3-red, .col-3-light-red) .c3 div.quote p a, .page-content__main div.block:is(.col-4-red, .col-4-light-red) .c4 div.quote p a {
  color: var(--c-p1);
}

@media (any-hover: hover) {
  .page-content__main div.block:is(.red, .light-red) div.quote p a:hover, .page-content__main div.block:is(.col-1-red, .col-1-light-red) .c1 div.quote p a:hover, .page-content__main div.block:is(.col-2-red, .col-2-light-red) .c2 div.quote p a:hover, .page-content__main div.block:is(.col-3-red, .col-3-light-red) .c3 div.quote p a:hover, .page-content__main div.block:is(.col-4-red, .col-4-light-red) .c4 div.quote p a:hover {
    background-color: var(--c-transparent);
    color: var(--c-p1);
  }
}
.page-content__main div.block:is(.red, .light-red) div.quote .js-quote-wrapper:before, .page-content__main div.block:is(.col-1-red, .col-1-light-red) .c1 div.quote .js-quote-wrapper:before, .page-content__main div.block:is(.col-2-red, .col-2-light-red) .c2 div.quote .js-quote-wrapper:before, .page-content__main div.block:is(.col-3-red, .col-3-light-red) .c3 div.quote .js-quote-wrapper:before, .page-content__main div.block:is(.col-4-red, .col-4-light-red) .c4 div.quote .js-quote-wrapper:before {
  background-color: var(--c-p4);
}

.page-content__main div.block:is(.red, .light-red) div.quote h5, .page-content__main div.block:is(.col-1-red, .col-1-light-red) .c1 div.quote h5, .page-content__main div.block:is(.col-2-red, .col-2-light-red) .c2 div.quote h5, .page-content__main div.block:is(.col-3-red, .col-3-light-red) .c3 div.quote h5, .page-content__main div.block:is(.col-4-red, .col-4-light-red) .c4 div.quote h5 {
  color: var(--c-p4);
}

.page-content__main div.block:is(.red, .light-red) div.quote-grey p, .page-content__main div.block:is(.col-1-red, .col-1-light-red) .c1 div.quote-grey p, .page-content__main div.block:is(.col-2-red, .col-2-light-red) .c2 div.quote-grey p, .page-content__main div.block:is(.col-3-red, .col-3-light-red) .c3 div.quote-grey p, .page-content__main div.block:is(.col-4-red, .col-4-light-red) .c4 div.quote-grey p {
  color: var(--c-p4);
}

.page-content__main div.block:is(.red, .light-red, .grey) div.quote-grey, .page-content__main div.block:is(.col-1-red, .col-1-light-red, .col-1-grey) .c1 div.quote-grey, .page-content__main div.block:is(.col-2-red, .col-2-light-red, .col-2-grey) .c2 div.quote-grey, .page-content__main div.block:is(.col-3-red, .col-3-light-red, .col-3-grey) .c3 div.quote-grey, .page-content__main div.block:is(.col-4-red, .col-4-light-red, .col-4-grey) .c4 div.quote-grey {
  padding: 0;
}

.page-content__main div.block:is(.red, .light-red, .grey) div.quote-grey p, .page-content__main div.block:is(.col-1-red, .col-1-light-red, .col-1-grey) .c1 div.quote-grey p, .page-content__main div.block:is(.col-2-red, .col-2-light-red, .col-2-grey) .c2 div.quote-grey p, .page-content__main div.block:is(.col-3-red, .col-3-light-red, .col-3-grey) .c3 div.quote-grey p, .page-content__main div.block:is(.col-4-red, .col-4-light-red, .col-4-grey) .c4 div.quote-grey p {
  display: block;
  white-space: normal;
  padding: 0;
  margin-bottom: 2rem;
  background-color: var(--c-transparent);
}

.page-content__main div.block:is(.red, .light-red, .grey) div.quote-grey h5, .page-content__main div.block:is(.col-1-red, .col-1-light-red, .col-1-grey) .c1 div.quote-grey h5, .page-content__main div.block:is(.col-2-red, .col-2-light-red, .col-2-grey) .c2 div.quote-grey h5, .page-content__main div.block:is(.col-3-red, .col-3-light-red, .col-3-grey) .c3 div.quote-grey h5, .page-content__main div.block:is(.col-4-red, .col-4-light-red, .col-4-grey) .c4 div.quote-grey h5 {
  margin-left: 0;
  padding-top: 0;
}

.page-content__main div.block:is(.red, .light-red, .grey) div.quote-grey div.js-quote-wrapper + div.js-quote-wrapper, .page-content__main div.block:is(.col-1-red, .col-1-light-red, .col-1-grey) .c1 div.quote-grey div.js-quote-wrapper + div.js-quote-wrapper, .page-content__main div.block:is(.col-2-red, .col-2-light-red, .col-2-grey) .c2 div.quote-grey div.js-quote-wrapper + div.js-quote-wrapper, .page-content__main div.block:is(.col-3-red, .col-3-light-red, .col-3-grey) .c3 div.quote-grey div.js-quote-wrapper + div.js-quote-wrapper, .page-content__main div.block:is(.col-4-red, .col-4-light-red, .col-4-grey) .c4 div.quote-grey div.js-quote-wrapper + div.js-quote-wrapper {
  margin-top: 0;
}

.page-content__main div.block:is(.red, .light-red, .grey) div.quote-grey div.js-quote-wrapper:before, .page-content__main div.block:is(.col-1-red, .col-1-light-red, .col-1-grey) .c1 div.quote-grey div.js-quote-wrapper:before, .page-content__main div.block:is(.col-2-red, .col-2-light-red, .col-2-grey) .c2 div.quote-grey div.js-quote-wrapper:before, .page-content__main div.block:is(.col-3-red, .col-3-light-red, .col-3-grey) .c3 div.quote-grey div.js-quote-wrapper:before, .page-content__main div.block:is(.col-4-red, .col-4-light-red, .col-4-grey) .c4 div.quote-grey div.js-quote-wrapper:before {
  content: none;
}

.main__content div:not(.block:not([class*=col-])):not(.outline).ruled {
  border-top: 0.3rem solid var(--c-s2);
  padding-top: 3rem;
}

.main__content div:not(.block:not([class*=col-])):not(.outline).ruled-below {
  border-bottom: 0.3rem solid var(--c-s2);
  margin-bottom: 3rem;
}

.main__content div:not(.block:not([class*=col-])):not(.outline).ruled-thin {
  border-top: 0.1rem solid var(--c-s2);
  padding-top: 3rem;
}

.main__content div:not(.block:not([class*=col-])):not(.outline).ruled-below-thin {
  border-bottom: 0.1rem solid var(--c-s2);
  margin-bottom: 3rem;
}

.main__content div.textimage > div[class*=ruled-below][class*=overlay] {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}

.main__content div:is(.ruled, .ruled-thin).block:not([class*=col-]):not(.outline) {
  position: relative;
}

.main__content div:is(.ruled, .ruled-thin).block:not([class*=col-]):not(.outline)::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 3rem;
}

.main__content div:is(.ruled-below, .ruled-below-thin).block:not([class*=col-]):not(.outline) {
  position: relative;
}

.main__content div:is(.ruled-below, .ruled-below-thin).block:not([class*=col-]):not(.outline)::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 3rem;
}

.main__content div.block:not([class*=col-]):not(.outline).ruled {
  margin-top: 3.3rem;
}

.main__content div.block:not([class*=col-]):not(.outline).ruled::before {
  border-top: 0.3rem solid var(--c-s2);
}

.main__content div.block:not([class*=col-]):not(.outline).ruled-thin {
  margin-top: 3.1rem;
}

.main__content div.block:not([class*=col-]):not(.outline).ruled-thin::before {
  border-top: 0.1rem solid var(--c-s2);
}

.main__content div.block:not([class*=col-]):not(.outline).ruled-below {
  margin-bottom: 6.3rem;
}

.main__content div.block:not([class*=col-]):not(.outline).ruled-below::after {
  border-bottom: 0.3rem solid var(--c-s2);
}

.main__content div.block:not([class*=col-]):not(.outline).ruled-below-thin {
  margin-bottom: 6.1rem;
}

.main__content div.block:not([class*=col-]):not(.outline).ruled-below-thin::after {
  border-bottom: 0.1rem solid var(--c-s2);
}

.main__content div.sfu-columns > div[data-col-layout].block:not([class*=col-]):not(.outline).ruled {
  margin-top: 3.3rem;
}

.main__content div.sfu-columns > div[data-col-layout].block:not([class*=col-]):not(.outline).ruled-thin {
  margin-top: 3.1rem;
}

.main__content div.sfu-columns > div[data-col-layout].block:not([class*=col-]):not(.outline).ruled-below {
  margin-bottom: 6.3rem;
}

.main__content div.sfu-columns > div[data-col-layout].block:not([class*=col-]):not(.outline).ruled-below-thin {
  margin-bottom: 6.1rem;
}

.main__content div.sfu-columns > div[data-col-layout]:is(.ruled-below, .ruled-below-thin):not(.block:not([class*=col-])):not(.outline) {
  padding-bottom: 3rem;
}

.main__content div.block:is(.red, .light-red) div:not(.block:not([class*=col-])):not(.outline):is(.ruled, .ruled-below, .ruled-thin, .ruled-below-thin), .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div:not(.block:not([class*=col-])):not(.outline):is(.ruled, .ruled-below, .ruled-thin, .ruled-below-thin), .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div:not(.block:not([class*=col-])):not(.outline):is(.ruled, .ruled-below, .ruled-thin, .ruled-below-thin), .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div:not(.block:not([class*=col-])):not(.outline):is(.ruled, .ruled-below, .ruled-thin, .ruled-below-thin), .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div:not(.block:not([class*=col-])):not(.outline):is(.ruled, .ruled-below, .ruled-thin, .ruled-below-thin) {
  border-color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) div.block:not([class*=col-]):not(.outline):is(.ruled, .ruled-thin)::before, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.block:not([class*=col-]):not(.outline):is(.ruled, .ruled-thin)::before, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.block:not([class*=col-]):not(.outline):is(.ruled, .ruled-thin)::before, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.block:not([class*=col-]):not(.outline):is(.ruled, .ruled-thin)::before, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.block:not([class*=col-]):not(.outline):is(.ruled, .ruled-thin)::before {
  border-color: var(--c-p4);
}

.main__content div.block:is(.red, .light-red) div.block:not([class*=col-]):not(.outline):is(.ruled-below, .ruled-below-thin)::after, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.block:not([class*=col-]):not(.outline):is(.ruled-below, .ruled-below-thin)::after, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.block:not([class*=col-]):not(.outline):is(.ruled-below, .ruled-below-thin)::after, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.block:not([class*=col-]):not(.outline):is(.ruled-below, .ruled-below-thin)::after, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.block:not([class*=col-]):not(.outline):is(.ruled-below, .ruled-below-thin)::after {
  border-color: var(--c-p4);
}

.main__content div.block.grey div:not(.block:not([class*=col-])):not(.outline):is(.ruled, .ruled-below, .ruled-thin, .ruled-below-thin), .main__content div.block.col-1-grey .c1 div:not(.block:not([class*=col-])):not(.outline):is(.ruled, .ruled-below, .ruled-thin, .ruled-below-thin), .main__content div.block.col-2-grey .c2 div:not(.block:not([class*=col-])):not(.outline):is(.ruled, .ruled-below, .ruled-thin, .ruled-below-thin), .main__content div.block.col-3-grey .c3 div:not(.block:not([class*=col-])):not(.outline):is(.ruled, .ruled-below, .ruled-thin, .ruled-below-thin), .main__content div.block.col-4-grey .c4 div:not(.block:not([class*=col-])):not(.outline):is(.ruled, .ruled-below, .ruled-thin, .ruled-below-thin) {
  border-color: var(--c-s9);
}

.main__content div.block.grey div.block:not([class*=col-]):not(.outline):is(.ruled, .ruled-thin)::before, .main__content div.block.col-1-grey .c1 div.block:not([class*=col-]):not(.outline):is(.ruled, .ruled-thin)::before, .main__content div.block.col-2-grey .c2 div.block:not([class*=col-]):not(.outline):is(.ruled, .ruled-thin)::before, .main__content div.block.col-3-grey .c3 div.block:not([class*=col-]):not(.outline):is(.ruled, .ruled-thin)::before, .main__content div.block.col-4-grey .c4 div.block:not([class*=col-]):not(.outline):is(.ruled, .ruled-thin)::before {
  border-color: var(--c-s9);
}

.main__content div.block.grey div.block:not([class*=col-]):not(.outline):is(.ruled-below, .ruled-below-thin)::after, .main__content div.block.col-1-grey .c1 div.block:not([class*=col-]):not(.outline):is(.ruled-below, .ruled-below-thin)::after, .main__content div.block.col-2-grey .c2 div.block:not([class*=col-]):not(.outline):is(.ruled-below, .ruled-below-thin)::after, .main__content div.block.col-3-grey .c3 div.block:not([class*=col-]):not(.outline):is(.ruled-below, .ruled-below-thin)::after, .main__content div.block.col-4-grey .c4 div.block:not([class*=col-]):not(.outline):is(.ruled-below, .ruled-below-thin)::after {
  border-color: var(--c-s9);
}

.main__content div.toggle {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  font-size: 1.7rem;
  line-height: 2.6rem;
  color: var(--c-p1);
  cursor: pointer;
}

@media (any-hover: hover) {
  .main__content div.toggle:hover {
    color: var(--c-p1);
  }
}
.main__content div.toggle:before {
  font-family: var(--f-font-family--icon-1);
  content: "\f067";
  width: 3rem;
  float: left;
}

.main__content div.toggle.open:before {
  content: "\f068";
}

.main__content div.toggle :is(h1, h2, h3, h4, h5, p, span, button) {
  letter-spacing: normal;
  text-decoration: none;
  color: var(--c-s1);
}

@media (any-hover: hover) {
  .main__content div.toggle :is(h1, h2, h3, h4, h5, p, span, button):hover {
    color: var(--c-p1);
  }
}
.main__content div.toggle :is(h1, h2, h3, h4, h5, p, span, button) {
  font-family: var(--f-font-family--body);
  font-weight: var(--f-font-weight--heavy);
  font-stretch: var(--f-font-stretch--condensed);
  font-size: 1.7rem;
  line-height: 2.6rem;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
}

.main__content div.toggle :is(h1, h2, h3, h4, h5, p, span, button) {
  display: inline-block;
  width: calc(100% - 3rem);
}

.main__content div.toggle button.js-toggle-btn {
  display: inline-block;
  text-decoration: none;
  text-align: left;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.main__content div.toggle {
  margin-bottom: 1.5rem;
  display: inline-block;
  width: 100%;
}

.main__content div.toggle.open button {
  color: var(--c-p1);
}

.main__content div.toggle span {
  text-transform: none;
}

.main__content div.toggle p {
  text-transform: uppercase;
}

.main__content div.toggle-content-container {
  margin-bottom: 3rem;
}

.main__content div.toggle-content-container > div.toggleContent {
  padding-left: 2.8rem;
  margin-left: 3.5rem;
  border-left: 2px solid var(--c-s2);
}

.main__content div.toggle-content-container > div.toggleContent > *:last-child:not(.hasBM), .main__content div.toggle-content-container > div.toggleContent > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), .main__content div.toggle-content-container > div.toggleContent > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), .main__content div.toggle-content-container > div.toggleContent > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), .main__content div.toggle-content-container > div.toggleContent > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM), .main__content div.toggle-content-container > div.toggleContent > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) > *:last-child:not(.hasBM) {
  margin-bottom: 0 !important;
}

.main__content div.block:is(.red, .light-red) div.toggle-content-container > div.toggleContent, .main__content div.block:is(.col-1-red, .col-1-light-red) .c1 div.toggle-content-container > div.toggleContent, .main__content div.block:is(.col-2-red, .col-2-light-red) .c2 div.toggle-content-container > div.toggleContent, .main__content div.block:is(.col-3-red, .col-3-light-red) .c3 div.toggle-content-container > div.toggleContent, .main__content div.block:is(.col-4-red, .col-4-light-red) .c4 div.toggle-content-container > div.toggleContent {
  border-left-color: var(--c-p4);
}

.main__content div.block.grey div.toggle-content-container > div.toggleContent, .main__content div.block.col-1-grey .c1 div.toggle-content-container > div.toggleContent, .main__content div.block.col-2-grey .c2 div.toggle-content-container > div.toggleContent, .main__content div.block.col-3-grey .c3 div.toggle-content-container > div.toggleContent, .main__content div.block.col-4-grey .c4 div.toggle-content-container > div.toggleContent {
  border-left-color: var(--c-s9);
}