/* Theme Name: SRG 2022 Theme URI: http://builtbycivilization.com Description: Custom WP built by Civilization Version: 1 Author: Civilization Author URI: http://builtbycivilization.com */
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, select { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

html { overflow-y: scroll; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

a:hover, :active, :focus { outline: none; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

button { width: auto; overflow: visible; border: 0; background: transparent; }

.ie7 img { -ms-interpolation-mode: bicubic; }

.black-bg { background-color: #000; }

.black-bg input[type="submit"], .black-bg .button, .black-bg .admin-edit a, .admin-edit .black-bg a { background-color: #000; }

.black-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #000 inset; }

.black-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #000 inset; }

.black-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #000 inset; }

.white-bg { background-color: #fff; }

.white-bg input[type="submit"], .white-bg .button, .white-bg .admin-edit a, .admin-edit .white-bg a { background-color: #fff; }

.white-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

.white-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #fff inset; }

.white-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #fff inset; }

.ink-bg { background-color: #3E2BB5; }

.ink-bg input[type="submit"], .ink-bg .button, .ink-bg .admin-edit a, .admin-edit .ink-bg a { background-color: #3E2BB5; }

.ink-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #3E2BB5 inset; }

.ink-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #3E2BB5 inset; }

.ink-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #3E2BB5 inset; }

.marine-bg { background-color: #404082; }

.marine-bg input[type="submit"], .marine-bg .button, .marine-bg .admin-edit a, .admin-edit .marine-bg a { background-color: #404082; }

.marine-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #404082 inset; }

.marine-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #404082 inset; }

.marine-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #404082 inset; }

.copper-bg { background-color: #B66639; }

.copper-bg input[type="submit"], .copper-bg .button, .copper-bg .admin-edit a, .admin-edit .copper-bg a { background-color: #B66639; }

.copper-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #B66639 inset; }

.copper-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #B66639 inset; }

.copper-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #B66639 inset; }

.mahogany-bg { background-color: #984E31; }

.mahogany-bg input[type="submit"], .mahogany-bg .button, .mahogany-bg .admin-edit a, .admin-edit .mahogany-bg a { background-color: #984E31; }

.mahogany-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #984E31 inset; }

.mahogany-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #984E31 inset; }

.mahogany-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #984E31 inset; }

.carbon-bg { background-color: #504743; }

.carbon-bg input[type="submit"], .carbon-bg .button, .carbon-bg .admin-edit a, .admin-edit .carbon-bg a { background-color: #504743; }

.carbon-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #504743 inset; }

.carbon-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #504743 inset; }

.carbon-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #504743 inset; }

.flame-bg { background-color: #F86625; }

.flame-bg input[type="submit"], .flame-bg .button, .flame-bg .admin-edit a, .admin-edit .flame-bg a { background-color: #F86625; }

.flame-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #F86625 inset; }

.flame-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #F86625 inset; }

.flame-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #F86625 inset; }

.sky-bg { background-color: #E1E7FC; }

.sky-bg input[type="submit"], .sky-bg .button, .sky-bg .admin-edit a, .admin-edit .sky-bg a { background-color: #E1E7FC; }

.sky-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #E1E7FC inset; }

.sky-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #E1E7FC inset; }

.sky-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #E1E7FC inset; }

.quartz-bg { background-color: #F1E5C5; }

.quartz-bg input[type="submit"], .quartz-bg .button, .quartz-bg .admin-edit a, .admin-edit .quartz-bg a { background-color: #F1E5C5; }

.quartz-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #F1E5C5 inset; }

.quartz-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #F1E5C5 inset; }

.quartz-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #F1E5C5 inset; }

.concrete-bg { background-color: #ECE9E3; }

.concrete-bg input[type="submit"], .concrete-bg .button, .concrete-bg .admin-edit a, .admin-edit .concrete-bg a { background-color: #ECE9E3; }

.concrete-bg :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ECE9E3 inset; }

.concrete-bg :-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #ECE9E3 inset; }

.concrete-bg ::-moz-autofill { -moz-box-shadow: 0 0 0px 1000px #ECE9E3 inset; }

.black-text { color: #000; }

.black-text input[type="submit"], .black-text .button:not(:hover):not(:focus), .black-text .admin-edit a:not(:hover):not(:focus), .admin-edit .black-text a:not(:hover):not(:focus) { color: #000; border-color: #000; }

.black-text a:not(:focus):not(:hover) { color: #000; }

.black-text svg { fill: #000; }

.white-text { color: #fff; }

.white-text input[type="submit"], .white-text .button:not(:hover):not(:focus), .white-text .admin-edit a:not(:hover):not(:focus), .admin-edit .white-text a:not(:hover):not(:focus) { color: #fff; border-color: #fff; }

.white-text a:not(:focus):not(:hover) { color: #fff; }

.white-text svg { fill: #fff; }

.object-cover video, .object-cover img { display: block; width: 100%; height: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; }

.object-contain video, .object-contain img { display: block; width: 100%; height: 100% !important; object-fit: contain; font-family: 'object-fit: contain;'; }

.text-wrap ul:not(.no-bullets), .text ul:not(.no-bullets) { list-style: disc; }

.text-wrap ul:not(.no-bullets), .text ul:not(.no-bullets), .text-wrap ol, .text ol { padding-left: 2rem; }

.text-wrap ul:not(.no-bullets) li, .text ul:not(.no-bullets) li, .text-wrap ol li, .text ol li { margin-top: 4px; }

main a:not(.button) { text-decoration: underline; text-decoration-thickness: 0.1em; text-underline-offset: 0.05em !important; }

@font-face { font-family: 'ABCDiatype'; src: url("f/ABCDiatype-Regular.woff2") format("woff2"), url("f/ABCDiatype-Regular.woff") format("woff"); font-weight: regular; font-style: normal; font-display: swap; }

@font-face { font-family: 'ABCDiatype'; src: url("f/ABCDiatype-Bold.woff2") format("woff2"), url("f/ABCDiatype-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'ABCDiatype'; src: url("f/ABCDiatype-Italic.woff2") format("woff2"), url("f/ABCDiatype-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: 'ABCDiatype-Semi-Mono'; src: url("f/ABCDiatypeSemi-Mono-Regular.woff2") format("woff2"), url("f/ABCDiatypeSemi-Mono-Regular.woff") format("woff"); font-weight: regular; font-style: normal; font-display: swap; }

@font-face { font-family: 'Neue Haas Grotesk Display Pro'; src: url("f/NeueHaasDisplay-Bold.woff2") format("woff2"), url("f/NeueHaasDisplay-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

input, textarea, button, select, body { font-family: 'ABCDiatype', Helvetica, sans-serif; }

dl.accordion dt button::after, blockquote *, blockquote, q, .mono { font-family: 'ABCDiatype-Semi-Mono', monospace; font-weight: regular; }

.mono { font-weight: 400 !important; }

.chosen-container, dl.accordion dt button, nav.anchor-nav a span, .button, .admin-edit a, select, .project-scrubber, small, h5, .display { font-family: 'Neue Haas Grotesk Display Pro', Helvetica, sans-serif; letter-spacing: 0.05em; }

.display { font-weight: bold !important; }

.post-teaser h4, footer .civilization a, h4 { font-weight: 400; }

header, .big-intro-text.home-intro p, .big-intro-text.home-intro ul, footer .footer-menu, a.inline, strong, b { font-weight: bold; }

em, i { font-style: italic; }

:-webkit-autofill { -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #3E2BB5 inset; }

:-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000; -moz-box-shadow: 0 0 0px 1000px #3E2BB5 inset; }

::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000; -moz-box-shadow: 0 0 0px 1000px #3E2BB5 inset; }

::-webkit-input-placeholder { color: #000; opacity: 0.5; }

:-moz-placeholder { /* Firefox 18- */ color: #000; opacity: 0.5; }

::-moz-placeholder { /* Firefox 19+ */ color: #000; opacity: 0.5; }

:-ms-input-placeholder { color: #000; overflow: hidden; }

::selection { background: #F86625; color: #fff; text-shadow: none; }

::-moz-selection { background: #F86625; color: #fff; text-shadow: none; }

html { width: 100%; min-height: 100%; /* mobile viewport bug fix */ min-height: -webkit-fill-available; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; /* fixes FF over-bolding */ -ms-overflow-style: -ms-autohiding-scrollbar; font-size: 62.5%; /* 10px reset */ position: relative; background: #3E2BB5; color: #000; -webkit-overflow-scrolling: touch; }

body { width: 100%; min-height: 100%; overflow-x: hidden; font-size: 1.7rem; line-height: 1.45; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 100vh; /* mobile viewport bug fix */ min-height: -webkit-fill-available; }

@media only screen and (max-width: 449px) { body { font-size: 1.5rem; } }

@media only screen and (min-width: 700px) { body { font-size: calc(1.2rem + 0.25vw); } }

body:not(.modal-open) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; /* Safari 7.0+ */ justify-content: flex-end; }

body.modal-open { height: 100vh; overflow-y: hidden; }

h1 { font-size: 275%; line-height: 1.2; }

@media only screen and (min-width: 700px) { h1 { font-size: 300%; } }

h2 { font-size: 150%; line-height: 1.2; }

@media only screen and (min-width: 700px) { h2 { font-size: 200%; } }

h3 { font-size: 112.5%; line-height: 1.2; }

h3.mono { font-size: 150%; }

@media only screen and (min-width: 700px) { h3 { font-size: 131.25%; } h3.mono { font-size: 175%; } }

h4 { font-size: 112.5%; }

@media only screen and (min-width: 700px) { h4 { font-size: 125%; } }

.project-scrubber, small, h5 { display: block; font-size: 75%; text-transform: uppercase; }

h6 { text-transform: uppercase; font-size: 68.75%; display: inline-block; }

q { display: block; font-size: 150%; line-height: 48/38; }

@media only screen and (min-width: 700px) { q:not(.long-quote) { font-size: 237.5%; } }

.quote { quotes: "\201C" "\201D" "\2018" "\2019"; }

.quote::before { display: inline; content: open-quote; margin-left: -0.325em; }

.quote::after { display: inline; content: close-quote; margin-left: -0.42em; }

.align-center .quote::before { margin-left: 0; }

q.quote + cite { display: block; margin-top: 3.2rem; }

@media only screen and (min-width: 700px) { q.quote + cite { font-size: 125%; } }

blockquote { border-left: 1.5px solid; margin: 3.2rem 0; padding-left: 3.2rem; }

blockquote p { font-size: 112.5%; }

@media only screen and (min-width: 700px) { blockquote p { font-size: 125%; } }

blockquote:first-child { margin-bottom: 0; }

blockquote:last-child { margin-bottom: 0; }

.sky-bg blockquote { color: #404082; }

.quartz-bg blockquote { color: #984E31; }

.cement-bg blockquote { color: #504743; }

cite { font-style: normal; font-size: 100%; line-height: 1.2; }

hr { border-top: 1.5px solid #504743; }

p + h2, ul + h2, ol + h2, h3 + h2, h4 + h2, p + h3, ul + h3, ol + h3, h1 + hr, h1 + nav, h1 + form, p + figure, ul + figure, h3 + figure, h3 + dl, figure + p, figure + ul, figure + h3, figure + h4, h2 + hr, h2 + p, h2 + h3, h3 + ul, h3 + q, blockquote + h3, hr + h3 { margin-top: 1.5em; }

h1 + p, h3 + hr + p, h3 + p, h3 + h4, h3 + ol, ul + hr, ul + ul, ul + hr + ul, ul + p, ul + hr + p, hr + p, p + ul:not(.links), ol + p, p + ol, p + h4, ul + h4, ol + h4, h5 + ul, h4 + ul, h4 + p, h2 + small, p + small, p + p { margin-top: 1em; }

h5 + p, h1 + h4, h2 + h4, q + h5, svg + h2, p.award + p.award { margin-top: 0.5em; }

small + h1 { margin-top: 1.6rem; }

input, textarea, button, select { -webkit-appearance: none; -moz-appearance: none; }

input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea { display: block; width: 100%; background-color: transparent; color: inherit; border-bottom: 1px solid; font-size: inherit; line-height: 3.2rem; padding: 0; margin: 0 auto; position: relative; border-radius: 0; z-index: 1; }

@-moz-document url-prefix() { input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea { line-height: 2.8 !important; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea { height: 3.2rem; } }

textarea { line-height: 1.45; padding: 1rem; height: 12rem; }

input[type="radio"], input[type="checkbox"] { background: transparent; -webkit-appearance: none; width: 1.6rem !important; height: 1.6rem; vertical-align: middle; margin-right: 1rem; margin-top: -2px; color: inherit; border: 1px solid; font-size: 2.4rem; line-height: 1.25; position: relative; cursor: pointer; }

input[type="radio"]:hover, input[type="radio"]:focus:not(:active), input[type="checkbox"]:hover, input[type="checkbox"]:focus:not(:active) { background-color: #999; }

input[type="radio"]:checked::after, input[type="checkbox"]:checked::after { content: '\00d7'; color: #000; font-size: 1.6rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.dark-bg input[type="radio"]:checked::after, .dark-bg input[type="checkbox"]:checked::after { color: #fff; }

input[type="radio"] { border-radius: 50%; }

select { display: block; width: 100%; color: inherit; border-bottom: 1px solid; margin: 0 auto; position: relative; border-radius: 0; -webkit-appearance: none; z-index: 1; background: url(i/arrow-down.svg) calc(100% - 0.8rem) 50% no-repeat; background-size: 1.6rem auto; font-size: 75%; line-height: inherit; text-transform: uppercase; padding: 0.5rem 2.4rem 0.3rem 0; }

select:hover, select:focus:not(:active) { color: #F86625; border-color: #000; }

button { color: inherit; font-size: inherit; }

button:hover, button:focus:not(:active) { color: #F86625; }

button:hover svg:not([class]), button:focus:not(:active) svg:not([class]) { fill: #F86625; }

button::-moz-focus-inner { border: 0; }

.button, .admin-edit a { display: inline-block; cursor: pointer; padding: 0.5rem 0 0.3rem; border-bottom: 1px solid; font-size: 75%; text-transform: uppercase; border-radius: 0; text-transform: uppercase; text-decoration: none; }

.black-text .button, .black-text .admin-edit a, .admin-edit .black-text a { border-color: #504743; }

.button:hover, .admin-edit a:hover, .button:focus:not(:active), .admin-edit a:focus:not(:active) { background-color: #fff; }

a { color: inherit; }

a.inline { font-size: 75%; text-transform: uppercase; }

a:hover, a:focus:not(:active) { color: #F86625; }

a:hover svg:not([class]), a:focus:not(:active) svg:not([class]) { fill: #F86625; }

section, footer { position: relative; width: 100%; }

iframe { width: 100%; }

svg, img { display: block; max-width: 100%; }

svg { overflow: visible; }

body:not([data-loaded]) main { display: none; }

body:not([data-loaded]) footer { display: none; }

footer a { text-decoration: none; }

footer .location p + p { margin-top: 0; }

footer .grid { margin-bottom: -3.2rem; }

footer .wrap + .wrap .grid { margin-top: -1.6rem; -webkit-align-items: flex-end; /* Safari 7.0+ */ align-items: flex-end; }

footer .footer-menu ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

footer .footer-menu a.current { display: inline-block; height: 3.2rem; border-bottom: 6px solid #fff; cursor: default; }

footer .footer-menu a.current:hover, footer .footer-menu a.current:focus:not(:active) { color: inherit; }

footer .social-media ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: center; /* Safari 7.0+ */ align-content: center; }

footer .social-media li { margin-right: 1.6rem; }

footer .social-media svg { width: 1.6rem; height: 1.6rem; }

footer .social-media a { display: block; position: relative; }

footer .social-media a::after { content: ''; display: block; width: 200%; height: 200%; position: absolute; top: 50%; left: 50%; z-index: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

footer .footer-logo { display: none !important; }

footer .footer-logo svg { width: 6rem; height: 2.7rem; }

footer .civilization { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; /* Safari 7.0+ */ justify-content: flex-end; -webkit-align-items: flex-end; /* Safari 7.0+ */ align-items: flex-end; }

footer .civilization a { display: inline-block; }

@media only screen and (max-width: 699px) { footer .grid-item.civilization { width: 100% !important; } footer .grid-item.social-media { width: 50% !important; } }

@media only screen and (max-width: 449px) { footer .grid-item.copyright, footer .grid-item.social-media { width: 100% !important; } }

@media only screen and (min-width: 700px) and (max-width: 1023px) { footer .grid-item.civilization, footer .grid-item.social-media { width: 25% !important; } }

@media only screen and (max-width: 1023px) { footer .grid-item { padding-bottom: 3.2rem !important; } footer .contacts { width: 100% !important; } footer .contacts ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.6rem; -moz-column-gap: 1.6rem; column-gap: 1.6rem; } footer .contacts ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; break-inside: avoid; width: 100%; vertical-align: top; margin: 0; float: left; } footer .footer-menu { width: 100% !important; } footer .footer-menu ul { margin-right: -3.2rem; } footer .footer-menu li { flex: 1; } footer .footer-logo { display: none; } }

@media only screen and (min-width: 1024px) { footer .grid-item { width: 20% !important; } footer .grid-item.copyright, footer .grid-item.social-media, footer .grid-item.footer-menu { width: 40% !important; } footer .footer-menu ul { -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; -webkit-justify-content: flex-end; /* Safari 7.0+ */ justify-content: flex-end; } footer .footer-menu li { margin-left: 3.2rem; } footer .contacts li + li { margin-top: 1em; } }

header .header-logo, header { z-index: 5; }

.search-form, .modal { z-index: 4; }

.search-modal { z-index: 3; }

footer { z-index: 2; }

header menu, .content-wrap { z-index: 1; }

.wrap { display: block; width: 100%; margin-left: auto; margin-right: auto; padding: 4.8rem 1.6rem; }

.wrap.grid-wrap { padding: 4.8rem 0.8rem; }

@media only screen and (min-width: 700px) { .wrap:not(.grid-wrap) { padding: 6.4rem; } .wrap.grid-wrap { padding: 6.4rem 3.2rem; } }

@media only screen and (min-width: 1024px) { .wrap:not(.grid-wrap) { padding: 9.6rem; } .wrap.grid-wrap { padding: 9.6rem 3.2rem; } }

.wrap.text-wrap { max-width: 56em; }

.wrap.text-wrap .wrap { padding-left: 0; padding-right: 0; }

.wrap.narrow { max-width: 48em; }

@media only screen and (min-width: 1280px) { .project-intro .wrap.narrow { max-width: 33.333%; padding-left: 1rem; padding-right: 1rem; } }

.wrap.wide { max-width: 64em; }

.wrap.wider { max-width: 80em; }

.wrap.lite { padding-top: 3.2rem; padding-bottom: 3.2rem; }

@media only screen and (min-width: 1024px) { .wrap.lite { padding-top: 4.8rem; padding-bottom: 4.8rem; } }

.wrap.lite-top { padding-top: 3.2rem; }

@media only screen and (min-width: 1024px) { .wrap.lite-top { padding-top: 4.8rem; } }

.wrap.lite-bottom { padding-bottom: 3.2rem; }

@media only screen and (min-width: 1024px) { .wrap.lite-bottom { padding-bottom: 4.8rem; } }

.wrap.full-width { padding-left: 0; padding-right: 0; }

.wrap iframe { width: 100%; }

.wrap.flush-top { padding-top: 0 !important; }

.wrap.flush-bottom { padding-bottom: 0 !important; }

.image-wrap { position: relative; }

.image-wrap.object-contain img, .image-wrap.object-cover img { position: absolute; top: 0; left: 0; }

.single-media-wrap + .single-media-wrap { margin-top: 3.2rem; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.small-text p, .small-text ul { font-size: 87.5%; }

@media only screen and (max-width: 449px) { .small-text p, .small-text ul { font-size: 1.2rem; } }

.intro-text p, .intro-text ul { font-size: 112.5%; }

@media only screen and (min-width: 700px) { .intro-text p, .intro-text ul { font-size: 125%; } }

.big-intro-text p, .big-intro-text ul { font-size: 150%; line-height: calc(72/46); }

@media only screen and (max-width: 449px) { .big-intro-text p, .big-intro-text ul { font-size: 125%; } }

@media only screen and (min-width: 700px) { .big-intro-text p, .big-intro-text ul { font-size: 231.25%; } .big-intro-text.home-intro p, .big-intro-text.home-intro ul { font-size: 287.5%; } }

.button-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; margin: 2.4rem 0; }

.button-wrap:first-child { margin-top: 0; }

.button-wrap:last-child { margin-bottom: 0; }

.button-wrap .button, .button-wrap .admin-edit a, .admin-edit .button-wrap a { margin-right: 0.8rem; }

.align-center .button-wrap, .button-wrap.align-center { -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; }

.align-right .button-wrap, .button-wrap.align-right { -webkit-justify-content: flex-end; /* Safari 7.0+ */ justify-content: flex-end; }

.button-wrap.space-between { width: 100%; -webkit-justify-content: space-between; /* Safari 7.0+ */ justify-content: space-between; }

.two-column { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3.2rem; -moz-column-gap: 3.2rem; column-gap: 3.2rem; }

.two-column > * { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; break-inside: avoid; width: 100%; vertical-align: top; margin: 0; float: left; }

.two-column.no-bullets { margin-top: -0.5rem; }

.two-column.no-bullets li { padding-top: 0.5rem; }

.two-column .column-item { padding-bottom: 1em; }

@media only screen and (max-width: 699px) { .idea-sections > section:not(.first-section) > .wrap { padding-top: 0; } .idea-sections .tags { padding-top: 0; } }

@media only screen and (min-width: 700px) { .idea-sections > section > .wrap { padding-top: 0; } .idea-sections > section:not(.single-media-section):not(.quote-section):not(.tags):not(:last-child) > .wrap { padding-bottom: 4.8rem; } .idea-sections > .text-section + .single-media-section > .wrap { padding-top: 0; } .idea-sections > .single-media-section:not(.first-section) > .wrap { padding-top: 1.6rem; } .idea-sections > .single-media-section:not(:last-child) > .wrap { padding-bottom: 4.8rem; } .idea-sections > .quote-section:not(.first-section) > .wrap { padding-top: 4.8rem; } .idea-sections > .quote-section:not(:last-child) > .wrap { padding-bottom: 9.6rem; } .idea-sections > .tags { padding-top: 1.6rem !important; } }

.tags-wrap { border-top: 1.5px solid #504743; padding-top: 3.2rem; }

.project-story .wrap { position: relative; }

.story-columns { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; }

.story-columns.media-right { -webkit-justify-content: flex-end; /* Safari 7.0+ */ justify-content: flex-end; }

.story-columns.media-left { -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; }

.story-columns .column { position: relative; }

.story-columns .column.double img, .story-columns .column.double video { height: auto; }

.story-columns .text { padding: 0 3.2rem; }

.story-columns .column-image { width: 100%; height: 0; padding-bottom: 140%; position: relative; }

.story-columns .column-image img { position: absolute; top: 0; left: 0; }

.story-columns + .story-columns { padding-top: 0; }

@media only screen and (max-width: 1023px) { .story-columns { -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; padding: 1.6rem 0.8rem; margin: 0 -1.6rem; } .story-columns .column { width: 50%; padding: 0 0.8rem; } .story-columns .column.text-column, .story-columns .column.double { width: 100%; } .story-columns .text { padding: 3.2rem 1.6rem; } .subnav-wrap + .story-columns .text-column:first-child .text, .subnav-wrap + .story-columns .page-anchor + .text-column .text, .story-columns:first-child .text-column:first-child .text, .story-columns + .story-columns .text-column:first-child .text { padding-top: 0; } .story-columns:not(:last-child) .text-column:last-child .text { padding-bottom: 1.6rem; } }

@media only screen and (min-width: 700px) and (max-width: 1023px) { .story-columns .text { width: 50%; padding: 3.2rem 3.2rem; } }

@media only screen and (min-width: 1024px) { .story-columns { -webkit-flex-direction: row; flex-direction: row; padding: 3.2rem 1.6rem; margin: 0 -3.2rem; } .story-columns .column { width: 33.333%; padding: 0 1.6rem; } .story-columns .column.double { width: 66.666%; } }

.impact-posts .wrap + .wrap { padding-top: 0; }

.ratio-image { position: relative; display: block; width: 100%; height: 0; padding-bottom: 60%; background: #eee; }

.ratio-image img { position: absolute; top: 0; left: 0; mix-blend-mode: darken; -webkit-mix-blend-mode: darken; }

.ratio-image.square-image { padding-bottom: 100%; }

.ratio-image.square-image.rounded-corners { border-radius: 20% 0 20% 0; }

.ratio-image.square-image.rounded-corners img { border-radius: 20% 0 20% 0; }

.ratio-image.circle-image { padding-bottom: 100%; border-radius: 50%; }

.ratio-image.circle-image img { border-radius: 50%; }

.video-wrap { position: relative; width: 100%; }

.video-wrap.no-size { aspect-ratio: 1.7777777778; overflow: hidden; }

@supports not (aspect-ratio: 1.7777777778) { .video-wrap.no-size { height: 0; padding-top: 56.25%; }
  .video-wrap.no-size img { position: absolute; top: 0; left: 0; } }

.video-wrap video { display: block; width: 100%; background-color: #000; }

.video-wrap .poster, .video-wrap .play-toggle { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; visibility: visible; opacity: 1; transition-delay: 0s; }

.video-wrap .poster { z-index: 1; background-color: #000 !important; }

.video-wrap .poster img { opacity: 0.9 !important; }

.video-wrap .play-toggle { position: absolute; top: 50%; left: 50%; width: 42%; height: 42%; min-height: 6.4rem; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; background: radial-gradient(ellipse 50% 50%, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)); z-index: 3; will-change: auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.video-wrap .play-toggle svg { width: 3.2rem; fill: #fff; }

.video-wrap .play-toggle svg path.hover { display: none; }

.video-wrap html:not([data-touch-events]) .play-toggle:hover, .video-wrap html:not([data-touch-events]) .play-toggle:focus:not(:active) { background: radial-gradient(ellipse 50% 50%, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0)); }

.video-wrap html:not([data-touch-events]) .play-toggle:hover svg, .video-wrap html:not([data-touch-events]) .play-toggle:focus:not(:active) svg { fill: #fff; }

.video-wrap html:not([data-touch-events]) .play-toggle:hover svg path.hover, .video-wrap html:not([data-touch-events]) .play-toggle:focus:not(:active) svg path.hover { fill: #F86625; display: block; }

.video-wrap .play-toggle:focus:not(:active) { -webkit-box-shadow: inset 0 0 0 2px #F86625; -moz-box-shadow: inset 0 0 0 2px #F86625; box-shadow: inset 0 0 0 2px #F86625; }

.video-wrap.playing { cursor: pointer; }

.video-wrap.playing .play-toggle { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.2s, opacity 0.2s linear; will-change: visibility, opacity; }

.video-wrap.playing.paused .play-toggle { visibility: visible; opacity: 1; transition-delay: 0s; }

.single-media-wrap img { height: auto; }

.single-media-wrap + p { margin-top: 2em; }

.page-sections > .white-bg + .white-bg > .wrap { padding-top: 0; }

.split-sections > .wrap + .wrap { padding-top: 0; }

.color-wrap.multiply img, .color-wrap.multiply video { mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; }

.color-wrap.white { background-color: #fff; }

.image-ratio:not(.padded) { height: 100%; }

.hero-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: #000 !important; }

.hero-image img, .hero-image video { opacity: 0.69 !important; }

.hero { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-flex-direction: column; flex-direction: column; overflow: hidden; }

.hero:first-child:not(.none-type), .hero:not(:first-child) { min-height: 36vw; }

.hero.fullscreen { height: 100vh; }

.hero .wrap { position: relative; z-index: 4; }

.hero .wrap.align-top { margin-bottom: auto; }

.hero .wrap.align-bottom { margin-top: auto; }

@media only screen and (max-width: 699px) { .hero:not(.main-page-intro) .wrap { padding-left: 3.2rem; padding-right: 3.2rem; } }

@media only screen and (min-width: 700px) { .hero { padding: 6.4rem 0; } .hero h1 { font-size: 393.75%; } }

.main-page-intro:not(.home-mission) h1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ visibility: visible; opacity: 1; transition-delay: 0s; font-size: 300%; }

@media only screen and (min-width: 700px) { .main-page-intro:not(.home-mission) h1 { font-size: 393.75%; } }

.main-page-intro:not(.home-mission) .wrap { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.4s, opacity 0.4s linear; will-change: visibility, opacity; }

.main-page-intro:not(.home-mission).fall-in h1 { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.4s, opacity 0.4s linear; will-change: visibility, opacity; }

.main-page-intro:not(.home-mission).fall-in .wrap { visibility: visible; opacity: 1; transition-delay: 0s; }

.home-hero { position: relative; height: 150vh !important; }

.home-hero .hero-image { position: fixed; }

.home-hero .wrap { z-index: 0; }

.home-hero h1 { position: absolute; visibility: hidden; }

.home-hero svg { position: fixed; top: 48%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ opacity: 0; will-change: opacity; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

@media only screen and (max-width: 699px) { .home-hero svg { max-width: calc(100% - 4.8rem); } }

@media only screen and (min-width: 700px) { .home-hero svg { max-width: calc(100% - 12.8rem); } }

@media only screen and (min-width: 1024px) { .home-hero svg { max-width: 64em; } }

body[data-loaded][data-loading="false"] .home-hero svg { opacity: 1; }

body[data-loaded][data-loading="false"] .home-hero svg[data-title="invent"] { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }

body[data-loaded][data-loading="false"] .home-hero svg[data-title="a better"] { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

body[data-loaded][data-loading="false"] .home-hero svg[data-title="future"] { -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }

.with-gradient::after { content: ''; position: fixed; top: 0; left: 0; right: 0; z-index: 1; height: 12.8rem; background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1476) 19%, rgba(0, 0, 0, 0.1082) 34%, rgba(0, 0, 0, 0.0764) 47%, rgba(0, 0, 0, 0.0556) 56.5%, rgba(0, 0, 0, 0.0388) 65%, rgba(0, 0, 0, 0.0252) 73%, rgba(0, 0, 0, 0.015) 80.2%, rgba(0, 0, 0, 0.0084) 86.1%, rgba(0, 0, 0, 0.0042) 91%, rgba(0, 0, 0, 0.0016) 95.2%, rgba(0, 0, 0, 0.0004) 98.2%, rgba(0, 0, 0, 0) 100%); }

.grid-item { vertical-align: top; position: relative; visibility: visible; opacity: 1; transition-delay: 0s; }

.in-motion .grid-item { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.2s, opacity 0.2s linear; will-change: visibility, opacity; }

.grid-item a:not(.inline) { text-decoration: none !important; }

.grid-item h4 + p { margin-top: 4px; }

.grid-item q { border-top: 2px solid; padding-top: 3.2rem; }

.grid-image { position: relative; width: 100%; height: 0; padding-bottom: 66.6666666667%; overflow: hidden; }

.grid-image img { position: absolute; top: 0; left: 0; }

.grid-item-inner { position: relative; padding: 2.4rem 0 3.2rem; }

.grid-item-inner li + li { margin-top: 4px; }

.post-teaser .hover-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; text-align: center; background-color: rgba(0, 0, 0, 0.55); color: #fff; padding: 1.6rem; visibility: hidden; opacity: 0; }

@media only screen and (min-width: 700px) { .post-teaser .hover-text p { font-size: 137.5%; } }

@media only screen and (min-width: 1440px) { .post-teaser .hover-text { padding: 3.2rem; } .post-teaser .hover-text p { font-size: 181.25%; } }

html:not([data-touch-events]) .post-teaser a:hover .hover-text, html:not([data-touch-events]) .post-teaser a:focus:not(:active) .hover-text { visibility: visible; opacity: 1; transition-delay: 0s; }

.post-teaser .grid-image { order: 1; }

.post-teaser .grid-item-inner { order: 2; margin-top: 2.1rem; border-top: 1px solid; padding-top: 1.6rem; }

.post-teaser a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }

.post-teaser a:hover .grid-item-inner, .post-teaser a:focus:not(:active) .grid-item-inner { border-top-color: #000; }

@media only screen and (max-width: 699px) { .post-teaser h4 { font-size: 87.5%; } }

@media only screen and (min-width: 700px) { .post-teaser h4 { font-size: 93.75%; } }

.row-grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; /* Safari 7.0+ */ align-items: flex-start; }

.row-grid:last-child { margin-bottom: -3.2rem; }

.row-grid .grid-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 0 1.6rem 1.6rem; width: 100%; height: 100% !important; }

@media only screen and (max-width: 449px) { .row-grid { margin: 0 -0.8rem; -webkit-flex-direction: column; flex-direction: column; } }

@media only screen and (min-width: 450px) and (max-width: 768px) { .row-grid { -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; } .row-grid .grid-item { width: 50%; } .row-grid.home-grid .grid-item:first-child:nth-last-child(3) { width: 100%; } .row-grid.related-grid .grid-item:last-child:nth-last-child(1) { display: none; } }

@media only screen and (min-width: 769px) { .row-grid { margin: 0 -1.6rem; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; } .row-grid .grid-item { width: initial; flex: 1; } .row-grid .grid-item:only-child { max-width: 50%; } }

@media only screen and (min-width: 1024px) { .row-grid .grid-item:only-child { max-width: 32em; } }

.grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; margin: 0 0 -4rem; }

.grid + .grid { margin-top: 4rem; }

@media only screen and (min-width: 700px) { .grid { margin: 0 -1.6rem -5.6rem; } .grid + .grid { margin-top: 5.6rem; } }

.grid.centered-grid, .grid.align-center, .align-center .grid { -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; }

.grid .grid-item { width: 50%; padding: 0 0.8rem 1.6rem; }

.grid .grid-item.full-width { width: 100% !important; padding: 1.6rem; }

.grid .grid-item.full-width:not(:first-child) { padding-top: 3.2rem; }

@media only screen and (min-width: 700px) { .grid .grid-item { padding: 0 1.6rem 1.6rem; } }

@media only screen and (min-width: 1024px) { .grid .grid-item { width: 33.3333333333%; } .grid .grid-item.full-width:not(:first-child) { padding-top: 4.8rem; } }

@media only screen and (min-width: 1400px) { .grid .grid-item { width: 25%; } }

@media only screen and (min-width: 1920px) { .grid .grid-item { width: 20%; } }

@media only screen and (max-width: 449px) { .grid.big-grid .grid-item { width: 100%; } }

@media only screen and (min-width: 900px) { .grid.big-grid .grid-item { width: 33.3333333333%; } }

@media only screen and (min-width: 1920px) { .grid.big-grid .grid-item { width: 25%; } }

@media only screen and (max-width: 599px) { .grid.text-grid .grid-item .grid-item-inner { padding-bottom: 0; } }

@media only screen and (min-width: 700px) { .team-grid .grid-item { width: 33.3333333333%; } }

@media only screen and (min-width: 1024px) { .team-grid .grid-item { width: 25%; } }

@media only screen and (min-width: 1400px) { .team-grid .grid-item { width: 16.6666666667%; } }

@media only screen and (min-width: 1920px) { .team-grid .grid-item { width: 12.5%; } }

.team-grid .hover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.team-grid .hover-image img { opacity: 0; }

html:not([data-touch-events]) .team-grid a:hover .hover-image img, html:not([data-touch-events]) .team-grid a:focus:not(:active) .hover-image img { opacity: 1; }

html:not([data-touch-events]) .team-grid a:hover .hover-image + img, html:not([data-touch-events]) .team-grid a:focus:not(:active) .hover-image + img { opacity: 0; }

.projects-archive { position: relative; }

.projects-archive .grid-item { position: relative; }

.projects-archive.by-client h4 { margin-top: 0.8rem; }

.projects-archive .grid p + p { margin-top: 0.8rem; }

.projects-archive .grid a { text-decoration: underline !important; }

@media only screen and (max-width: 1023px) { .projects-archive .project-scrubber { display: none; } }

@media only screen and (min-width: 1024px) { .projects-archive { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; } .projects-archive .project-scrubber { width: 12.5%; } .projects-archive .project-scrubber ul { position: sticky; -webkit-position: sticky; top: 6.4rem; padding: 9.6rem 3.2rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .projects-archive .project-scrubber li { display: block; width: 100%; } .projects-archive .project-scrubber li + li { margin-top: 1.6rem; } .projects-archive .project-scrubber a { display: block; text-decoration: none; } }

@media only screen and (min-width: 1280px) { .projects-archive .grid-wrap { width: 75%; margin-right: 12.5%; } }

header { position: fixed; top: 0; left: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; /* Safari 7.0+ */ justify-content: space-between; -webkit-align-items: flex-start; /* Safari 7.0+ */ align-items: flex-start; width: 100vw; height: 6.4rem; will-change: auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

header::before { content: ''; display: block; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; will-change: auto; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-bottom: 1.5px solid #ECE9E3; }

header .header-logo { display: block; }

header .header-logo span { display: none; }

header .header-logo svg { width: 7rem; height: 3.5rem; }

header .header-logo svg g.srg path, header .header-logo svg g.srg polygon { will-change: transform; -webkit-transition: transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out; -o-transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }

header .header-logo svg g.srg path.r, header .header-logo svg g.srg polygon.r { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }

header .header-logo svg g.srg path.g, header .header-logo svg g.srg polygon.g { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

header .header-logo.xcd svg { width: auto; }

header .header-logo.xcd svg g.srg path, header .header-logo.xcd svg g.srg polygon { -webkit-transform-origin: 25% 50%; -moz-transform-origin: 25% 50%; -ms-transform-origin: 25% 50%; -o-transform-origin: 25% 50%; transform-origin: 25% 50%; }

header .header-logo.xcd line { stroke-width: 2px; stroke: #000; }

html:not([data-touch-events]) header .header-logo:hover svg, html:not([data-touch-events]) header .header-logo:focus:not(:active) svg { fill: #000; }

html:not([data-touch-events]) header .header-logo:hover svg g.srg path, html:not([data-touch-events]) header .header-logo:hover svg g.srg polygon, html:not([data-touch-events]) header .header-logo:focus:not(:active) svg g.srg path, html:not([data-touch-events]) header .header-logo:focus:not(:active) svg g.srg polygon { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

header menu { -webkit-flex-direction: row; flex-direction: row; }

header menu ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

header menu a span { display: inline-block; }

header menu a.current { cursor: default; }

header menu a.current span { border-bottom: 6px solid; }

header menu a.current:hover, header menu a.current:focus:not(:active) { color: inherit; }

header .search-button { height: 6.4rem; }

header .search-button svg { fill: none; stroke: #000; stroke-miterlimit: 10; stroke-width: 2; width: 1.6rem; height: 4.4rem; will-change: transform; -webkit-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; }

header .search-button:hover svg, header .search-button:focus:not(:active) svg { stroke: #F86625; }

body.search-open header .search-button svg { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

@media only screen and (min-width: 700px) { body.menu-open header, body:not(.menu-open):not(.search-open) header.transparent { padding: 1.1rem 0; } }

body:not(.menu-open):not(.search-open) header.transparent { height: 8.6rem; }

body:not(.menu-open):not(.search-open) header.transparent::before { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

body:not(.menu-open):not(.search-open) header.transparent a:not(:hover):not(:focus) { color: #fff; }

body:not(.menu-open):not(.search-open) header.transparent .header-logo svg { fill: #fff; }

body:not(.menu-open):not(.search-open) header.transparent .header-logo.xcd line { stroke: #fff !important; }

body:not(.menu-open):not(.search-open) header.transparent .header-logo:hover, body:not(.menu-open):not(.search-open) header.transparent .header-logo:focus:not(:active) { fill: #fff; }

body:not(.menu-open):not(.search-open) header.transparent .search-button:not(:hover):not(:focus) svg { stroke: #fff; }

body:not(.menu-open):not(.search-open) header.transparent a.current span { border-color: #fff; }

body:not(.menu-open):not(.search-open) header.transparent a.current:hover, body:not(.menu-open):not(.search-open) header.transparent a.current:focus:not(:active) { color: #fff; }

body:not(.menu-open):not(.search-open) header.transparent .menu-button i { background-color: #fff; }

@media only screen and (max-width: 699px) { header { overflow: hidden; } header .header-logo { padding: 1.9rem 1.6rem 0.9rem; } header .menu-button { position: relative; z-index: 10; } header menu { position: absolute; top: 6.4; width: 100%; height: 100%; padding: 6.4rem 3.2rem; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.2s, opacity 0.2s linear; will-change: visibility, opacity; } header menu > ul:first-child { height: 100%; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; } header menu > ul:first-child a { font-size: 275%; line-height: 1.75; } header menu a { color: #fff; } header menu .search-button { margin-top: 1.6rem; } header menu .search-button svg { width: 2.4rem; } header menu .search-button:not(:hover):not(:focus) svg { stroke: #fff; } header menu .footer-menu ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; -webkit-justify-content: space-between; /* Safari 7.0+ */ justify-content: space-between; } body.menu-open header { height: 100%; overflow: visible; } body.menu-open header::before { background-color: #3E2BB5; border-bottom: 0; } body.menu-open header menu { visibility: visible; opacity: 1; transition-delay: 0s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } body.menu-open header .header-logo svg { fill: #fff; } body.menu-open header .header-logo.xcd line { stroke: #fff !important; } body.menu-open header .header-logo:hover, body.menu-open header .header-logo:focus:not(:active) { fill: #fff; } }

@media only screen and (min-width: 700px) { header .header-logo { padding: 1.9rem 3.2rem 0.9rem; } header menu { -webkit-justify-content: flex-end; /* Safari 7.0+ */ justify-content: flex-end; padding: 0 1.6rem; } header menu a, header menu button { line-height: 6.4rem; padding: 0 1.6rem; text-decoration: none; } header menu a.current span { border-color: #000; } header menu span { height: 6.4rem; } header .menu-button { display: none; } header menu, header .search-button { visibility: visible; opacity: 1; transition-delay: 0s; } header .footer-menu { display: none; } }

@-webkit-keyframes loading { 0%, 37.5%, 67.5%, 100% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
  50% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ } }

@-moz-keyframes loading { 0%, 37.5%, 67.5%, 100% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
  50% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ } }

@keyframes loading { 0%, 37.5%, 67.5%, 100% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
  50% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ } }

body[data-loaded][data-loading="true"] header .header-logo svg g.srg path, body[data-loaded][data-loading="true"] header .header-logo svg g.srg polygon { -webkit-animation: loading 0.8s linear 0s infinite normal forwards; -moz-animation: loading 0.8s linear 0s infinite normal forwards; animation: loading 0.8s linear 0s infinite normal forwards; }

body[data-loaded][data-loading="true"] .r { animation-delay: 0.1s !important; }

body[data-loaded][data-loading="true"] .g { animation-delay: 0.2s !important; }

.menu-button { padding: 2rem 1.6rem; border: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; height: 6.4rem; overflow: hidden; }

.menu-button i { display: block; width: 2.4rem; height: 2px; background-color: #000; will-change: auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.menu-button i + i { margin-top: 6px; }

body:not(.search-open) header.transparent .menu-button i { background-color: #fff; }

body.menu-open .menu-button i { background-color: #fff; height: 3px; }

body.menu-open .menu-button i:nth-child(1) { -webkit-transform: translate3d(0, 9px, 0) rotate(135deg); -moz-transform: translate3d(0, 9px, 0) rotate(135deg); -ms-transform: translate3d(0, 9px, 0) rotate(135deg); -o-transform: translate3d(0, 9px, 0) rotate(135deg); transform: translate3d(0, 9px, 0) rotate(135deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

body.menu-open .menu-button i:nth-child(2) { -webkit-transform: translate3d(0, 0, 0) rotate(-135deg); -moz-transform: translate3d(0, 0, 0) rotate(-135deg); -ms-transform: translate3d(0, 0, 0) rotate(-135deg); -o-transform: translate3d(0, 0, 0) rotate(-135deg); transform: translate3d(0, 0, 0) rotate(-135deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

body.menu-open .menu-button i:nth-child(3) { -webkit-transform: translate3d(0, 8px, 0) scale(0); -moz-transform: translate3d(0, 8px, 0) scale(0); -ms-transform: translate3d(0, 8px, 0) scale(0); -o-transform: translate3d(0, 8px, 0) scale(0); transform: translate3d(0, 8px, 0) scale(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.search-form { position: fixed; top: 0; left: 0; right: 0; padding-top: 6.4rem; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ visibility: hidden; opacity: 0; will-change: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.search-form form { width: 100%; height: 100%; }

.search-form label { position: absolute; visibility: hidden; }

.search-form input { width: 100%; text-align: center; font-size: 2rem !important; line-height: 6.4rem; border: 0; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .search-form input { height: 6.4rem; } }

.search-form input[data-has-results] { border-bottom: 1.5px solid #504743; }

body.search-open .search-form { visibility: visible; opacity: 1; transition-delay: 0s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.subnav-wrap { z-index: 9; position: relative; }

.subnav-wrap.anchor-nav-wrap { overflow: hidden; height: 0 !important; }

nav.subnav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; width: 100%; will-change: transform; -webkit-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; padding: 1.6rem 1.6rem 2.1rem; z-index: 1; }

.fixed nav.subnav { position: fixed; top: 6.4rem; border-bottom: 1.5px solid #ECE9E3; }

.fixed.bottom nav.subnav { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

nav.filters select { width: 100%; }

nav.filters .button-wrap .button, nav.filters .button-wrap .admin-edit a, .admin-edit nav.filters .button-wrap a { margin-right: 0; }

@media only screen and (max-width: 699px) { nav.filters { -webkit-flex-direction: column; flex-direction: column; } nav.filters .select-wrap { width: 100%; } nav.filters .select-wrap + .select-wrap { margin-top: 0.8rem; } }

@media only screen and (min-width: 700px) { nav.filters > div { padding: 0 1.6rem; flex: 1; max-width: 50%; } }

nav.inline-links ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; }

nav.inline-links ul li { margin: 0 1.6rem; }

nav.inline-links a.selected { text-decoration: none; border: 0 !important; cursor: default; }

nav.inline-links a.selected:hover, nav.inline-links a.selected:focus:not(:active) { color: inherit; }

nav.anchor-nav { padding: 1rem; background-color: #fff; position: fixed; top: 6.4rem; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; border-bottom: 1.5px solid #ECE9E3; }

nav.anchor-nav ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

nav.anchor-nav li { position: relative; margin: 0 0.8rem; z-index: 0; }

nav.anchor-nav li:hover, nav.anchor-nav li:focus-within { z-index: 1; }

nav.anchor-nav a::after { content: ''; display: block; width: 0.8rem; height: 0.8rem; border-radius: 50%; border: 1.5px solid #000; }

@media only screen and (min-width: 700px) { nav.anchor-nav a::after { width: 1.2rem; height: 1.2rem; border-width: 2px; } }

nav.anchor-nav a span { position: fixed; top: 100%; left: 50%; width: 100vw; padding: 0 1.6rem 0.8rem; font-size: 75%; text-transform: uppercase; white-space: pre; text-align: center; background-color: #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ display: none; cursor: default; border-bottom: 1.5px solid #ECE9E3; }

nav.anchor-nav a::before { content: ''; display: block; width: 250%; height: 250%; position: absolute; top: 50%; left: 50%; z-index: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

nav.anchor-nav a:hover::after, nav.anchor-nav a:focus:not(:active)::after { background-color: #F86625; border-color: #F86625; }

nav.anchor-nav a:hover span, nav.anchor-nav a:focus:not(:active) span { display: block; }

nav.anchor-nav a.current { cursor: default; color: #000; }

nav.anchor-nav a.current::after { background-color: #000; }

nav.anchor-nav a.current:hover::after, nav.anchor-nav a.current:focus:not(:active)::after { background-color: #000; border-color: #000; }

body:not([data-loaded]) nav.anchor-nav, .subnav-wrap:not(.fixed) nav.anchor-nav { -webkit-transform: translateY(-12.8rem); -moz-transform: translateY(-12.8rem); -ms-transform: translateY(-12.8rem); -o-transform: translateY(-12.8rem); transform: translateY(-12.8rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.fixed nav.anchor-nav:hover a.current span, .fixed nav.anchor-nav:focus-within a.current span { display: block; }

@media only screen and (min-width: 700px) { nav .button-wrap { margin-top: initial; } }

nav .button-wrap:only-child { margin-left: auto; margin-right: auto; }

nav .button-wrap a { margin-left: auto; margin-right: 0; }

.split { position: relative; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }

.split .split-image-wrap, .split .split-image { position: relative; width: 100%; height: 100%; }

.split .split-image-wrap, .split .split-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; }

.split .split-image-wrap .image-wrap:not(.portrait-image):not(.landscape-image), .split .split-image-wrap a { width: 100%; height: 100%; }

.split .split-image-wrap.object-cover, .split .split-image.object-cover { aspect-ratio: 1.3333333333; }

@supports not (aspect-ratio: 1.3333333333) { .split .split-image-wrap.object-cover, .split .split-image.object-cover { height: 0; padding-top: 75%; }
  .split .split-image-wrap.object-cover img, .split .split-image.object-cover img { position: absolute; top: 0; left: 0; } }

.split .slideshow { aspect-ratio: 1.3333333333; overflow: hidden; }

@supports not (aspect-ratio: 1.3333333333) { .split .slideshow { height: 0; padding-top: 75%; }
  .split .slideshow img { position: absolute; top: 0; left: 0; } }

@media only screen and (max-width: 1023px) { .split { -webkit-flex-direction: column; flex-direction: column; } .wrap .split .wrap { padding-left: 0; padding-right: 0; } .split .split-text .wrap { padding-bottom: 1.6rem; } }

@media only screen and (min-width: 1024px) { .split { -webkit-flex-direction: row; flex-direction: row; } .split:not(.align-top) { -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; } .split.align-top { -webkit-align-items: flex-start; /* Safari 7.0+ */ align-items: flex-start; } .split .split-image-wrap, .split .split-text, .split .split-image { flex-grow: 0; flex-basis: 50%; } .split .split-text .wrap:only-child { padding-top: 0; padding-bottom: 0; } .split.media-right { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .split h1 { margin-left: -0.05em; } .split .slideshow.inline-slideshow { height: auto; } .split .slideshow.inline-slideshow .image-wrap { padding-bottom: 100%; } }

@media only screen and (min-width: 1024px) and (max-width: 1440px) { .split.media-right .split-text .wrap { padding-left: 0; } .split.media-left .split-text .wrap { padding-right: 0; } }

.impact-sections .portrait-image, .impact-sections .landscape-image { width: 100%; }

.impact-sections .portrait-image { aspect-ratio: 0.75; }

@supports not (aspect-ratio: 0.75) { .impact-sections .portrait-image { height: 0; padding-top: 133.3333333333%; }
  .impact-sections .portrait-image img { position: absolute; top: 0; left: 0; } }

.impact-sections .bleed .portrait-image { aspect-ratio: 0.8; }

@supports not (aspect-ratio: 0.8) { .impact-sections .bleed .portrait-image { height: 0; padding-top: 125%; }
  .impact-sections .bleed .portrait-image img { position: absolute; top: 0; left: 0; } }

.impact-sections .landscape-image { aspect-ratio: 1.618; }

@supports not (aspect-ratio: 1.618) { .impact-sections .landscape-image { height: 0; padding-top: 61.804697157%; }
  .impact-sections .landscape-image img { position: absolute; top: 0; left: 0; } }

.impact-sections .bleed .landscape-image { aspect-ratio: 1.75; }

@supports not (aspect-ratio: 1.75) { .impact-sections .bleed .landscape-image { height: 0; padding-top: 57.1428571429%; }
  .impact-sections .bleed .landscape-image img { position: absolute; top: 0; left: 0; } }

.impact-sections .hover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.impact-sections .image-wrap:hover .hover-image + img, .impact-sections .image-wrap:focus:not(:active) .hover-image + img { opacity: 0; }

@media only screen and (max-width: 1023px) { .impact-sections .split-image-wrap { display: none; } }

@media only screen and (min-width: 1024px) and (max-width: 1280px) { .impact-sections .media-left .split-image-wrap .wrap { padding-left: 4.8rem; } .impact-sections .media-left .split-image-wrap.bleed .image-wrap { margin-left: -4.8rem; width: calc(100% + 4.8rem); } .impact-sections .media-left .split-text .wrap { padding-right: 4.8rem; } .impact-sections .media-left .split-image-wrap .wrap { padding-right: 4.8rem; } .impact-sections .media-left .split-image-wrap.bleed .image-wrap { margin-right: -4.8rem; width: calc(100% + 4.8rem); } .impact-sections .media-left .split-text .wrap { padding-left: 4.8rem; } }

@media only screen and (min-width: 1024px) { .impact-sections .text-wrap { max-width: initial; } .impact-sections .split-image-wrap { height: auto; } .impact-sections .media-left .split-image-wrap.bleed .wrap { margin-left: -19.2rem; width: calc(100% + 9.6rem); } .impact-sections .media-left .split-text .wrap { padding-left: 4.8rem; } .impact-sections .media-left .split-text.bleed .image-wrap { margin-right: -9.6rem; width: calc(100% + 9.6rem); } .impact-sections .media-right .wrap { padding-top: 0; } .impact-sections .media-right .split-text .wrap { order: 1; } .impact-sections .media-right .split-text .image-wrap { order: 2; } .impact-sections .media-right .split-image-wrap.bleed .wrap { margin-right: -19.2rem; width: calc(100% + 9.6rem); } .impact-sections .media-right .split-text .wrap { padding-right: 4.8rem; } .impact-sections .media-right .split-text.bleed .image-wrap { margin-left: -9.6rem; width: calc(100% + 9.6rem); } }

.slide { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; }

.slide-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-content: stretch; /* Safari 7.0+ */ align-content: stretch; width: 100%; height: 100%; }

.slide-count { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.slideshow { position: relative; width: 100%; height: 100%; }

.slideshow:not(.slick-initialized) > div:not(:first-child) { display: none; }

.slideshow .slick-list { height: 100% !important; position: relative; z-index: 1; }

.slideshow .slick-track { position: relative; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 auto; }

.slideshow .slick-slide { position: relative; width: 100%; }

.slideshow iframe { width: 100%; }

.slideshow + button.slick-prev { display: none !important; }

.slideshow + button.slick-prev + button.slick-next { display: none !important; }

@media only screen and (max-width: 699px) { .slideshow .slick-arrow { display: none !important; } }

[data-touch-events] .slideshow:not(.slick-initialized) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; -webkit-flex-direction: row; flex-direction: row; overflow-x: scroll; overflow-y: hidden; scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none; }

[data-touch-events] .slideshow:not(.slick-initialized)::-webkit-scrollbar { display: none; }

[data-touch-events] .slideshow:not(.slick-initialized) .slide { display: block !important; scroll-snap-align: start; flex: 1 0 auto; }

button.slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ display: block; width: 4.8rem; height: 12.8rem; padding: 0; border: 0; cursor: pointer; z-index: 2; text-indent: 1500%; white-space: nowrap; overflow: hidden; }

button.slick-arrow svg { width: 1.2rem; margin: auto; }

button.slick-prev { left: 0; }

button.slick-prev[aria-disabled="true"] { -webkit-transform: translateX(-100%) translateY(-50%); -moz-transform: translateX(-100%) translateY(-50%); -ms-transform: translateX(-100%) translateY(-50%); -o-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

button.slick-prev svg { margin-left: 1.44rem; }

button.slick-next { right: 0; }

button.slick-next[aria-disabled="true"] { -webkit-transform: translateX(100%) translateY(-50%); -moz-transform: translateX(100%) translateY(-50%); -ms-transform: translateX(100%) translateY(-50%); -o-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

button.slick-next svg { margin-right: 1.44rem; }

.inline-slideshow.slideshow { overflow: hidden; height: auto !important; }

.inline-slideshow.slideshow.single-slide { width: 100%; height: initial; }

.inline-slideshow.slideshow.single-slide .image-wrap { position: relative; width: 100%; height: initial; }

.inline-slideshow.slideshow.single-slide .image-wrap video, .inline-slideshow.slideshow.single-slide .image-wrap img { position: relative; width: 100%; height: auto; max-height: calc(100vh - 25.6rem); }

.inline-slideshow.slideshow .slide { width: 100%; margin: 0 auto; }

.inline-slideshow.slideshow .image-wrap { position: relative; width: 100%; height: 0; padding-bottom: 75%; }

.inline-slideshow.slideshow .image-wrap .video-wrap { height: 100%; }

.inline-slideshow.slideshow .image-wrap a { display: block; width: 100%; height: 100%; }

.split .inline-slideshow.slideshow .slide { padding: 0 4.8rem; }

@media only screen and (max-width: 699px) { .slideshow-section .inline-slideshow.slideshow { width: calc(100% + 3.2rem); margin: 0 -1.6rem; } .slideshow-section .inline-slideshow.slideshow .slide { padding: 0 1.6rem 3.2rem; } }

@media only screen and (min-width: 700px) { .slideshow-section .inline-slideshow.slideshow { width: calc(100% + 12.8rem); margin: 0 -6.4rem; } .slideshow-section .inline-slideshow.slideshow .slide { padding: 0 6.4rem 3.2rem; } }

.fullscreen-slideshow { height: calc(100vh - 6.4rem); text-align: center; }

.fullscreen-slideshow .slide { padding: 6.4rem 1.6rem; }

@media only screen and (min-width: 700px) { .fullscreen-slideshow .slide { padding: 6.4rem 6.4rem; } }

@media only screen and (min-width: 1024px) { .fullscreen-slideshow .slide { padding: 6.4rem 9.6rem; } }

.fullscreen-slideshow .video-wrap { max-width: calc((100vh - 19.2rem) * 1.778); max-height: 100%; }

.fullscreen-slideshow .video-wrap video { width: auto; max-width: 100%; height: 100%; margin: 0 auto; }

.fullscreen-slideshow .image-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; width: 100%; height: 0; flex: 1; }

.modal .fullscreen-slideshow .image-wrap { height: 100%; }

.fullscreen-slideshow a:not([href]) { width: 100%; height: 100%; }

.fullscreen-slideshow button.slick-arrow { width: 9.6rem; height: 19.2rem; }

.fullscreen-slideshow .slick-prev svg { margin-left: 3.2rem; }

.fullscreen-slideshow .slick-next svg { margin-right: 3.2rem; }

.fullscreen-slideshow .slide-count { padding: 1.6rem; }

html:not([data-touch-events]) .slick-track, html:not([data-touch-events]) .slick-list, html:not([data-touch-events]) .slick-slide, html:not([data-touch-events]) .slick-slide .slick-slide img { transform: translate3d(0, 0, 0); }

div.slick-slider { width: 1px; min-width: 100%; *width: 100%; }

dl { text-align: left; }

dl dt { border-top: 1.5px solid #504743; position: relative; cursor: ns-resize; }

dl dt button { display: block; width: 100%; border: 0; padding: 0; text-align: left; text-transform: none; padding: 1.6rem 1.6rem 1.6rem 0; }

dl dt button:hover, dl dt button:focus:not(:active) { background-color: transparent; }

dl dd { padding: 0 0 3.2rem; }

dl.accordion { border-bottom: 1.5px solid #504743; }

dl.accordion dt button { font-size: 75%; text-transform: uppercase; }

dl.accordion dt button::after { content: '+'; display: block; position: absolute; top: 50%; right: 0; cursor: pointer; line-height: inherit; font-size: 1.8rem; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ will-change: transform; -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }

dl.accordion dt.open button::after { -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

dl.accordion dd { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

body:not(.loaded) dl.accordion dd { display: none; }

dl.accordion dd.open { opacity: 0.99999; }

.modal-close { position: fixed; top: 6.4rem; right: 0; padding: 2rem; z-index: 10; }

.modal-close svg { width: 2.1rem; height: 1.6rem; }

.modal-close:hover svg, .modal-close:focus:not(:active) svg { fill: #F86625; }

.flame-bg.white-text .modal-close:hover svg, .flame-bg.white-text .modal-close:focus:not(:active) svg { fill: #000; }

@media only screen and (min-width: 700px) { .modal-close { padding: 3.2rem; } }

.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-top: 6.4rem; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.4s, opacity 0.4s linear; will-change: visibility, opacity; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.modal .modal-wrap { width: 100%; min-height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-flex-direction: column; flex-direction: column; }

.modal #profile-load, .modal #profile-content { width: 100%; }

.modal .modal-inner-wrap { position: relative; padding: 3.2rem; z-index: 1; }

.modal .modal-inner-wrap .wrap { padding: 3.2rem; }

body:not([data-loaded]) .modal { display: none; }

.modal:not(.show) iframe { -webkit-transform: translateY(100vw); -moz-transform: translateY(100vw); -ms-transform: translateY(100vw); -o-transform: translateY(100vw); transform: translateY(100vw); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.modal.show { visibility: visible; opacity: 1; transition-delay: 0s; }

.search-modal { overflow-x: hidden; overflow-y: auto; padding-top: 12.8rem; will-change: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.search-modal .balance-text { opacity: 1; }

.search-modal .modal-close { top: 12.8rem; }

.search-modal section { min-height: 100%; }

body:not(.search-open) .search-modal { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.4s, opacity 0.4s linear; will-change: visibility, opacity; }

body:not(.search-open) .search-modal .search-results { display: none; }

@-webkit-keyframes waiting { from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); } }

@-moz-keyframes waiting { from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); } }

@keyframes waiting { from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); } }

.searching { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; }

.searching::after { content: ''; position: absolute; border: 5px solid transparent; border-radius: 50%; width: 6.4rem; height: 6.4rem; border-bottom-color: #000; -webkit-animation: waiting 1.8s linear 0s infinite normal forwards; -moz-animation: waiting 1.8s linear 0s infinite normal forwards; animation: waiting 1.8s linear 0s infinite normal forwards; }

.chosen-container { position: relative; width: 100% !important; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; min-width: 12em; font-size: 75%; text-transform: uppercase; }

.chosen-container .chosen-drop { position: absolute; top: 100%; left: 0; z-index: 1010; width: 100%; border: 1px solid #000; border-top-color: #ECE9E3; border-radius: 0; background-color: #fff; clip: rect(0, 0, 0, 0); }

.chosen-container.chosen-with-drop .chosen-drop { clip: auto; }

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #000; }

.chosen-container .search-choice .group-name::after, .chosen-container .chosen-single .group-name::after { content: ":"; padding-left: 2px; vertical-align: top; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0.5rem 0 0.3rem; text-decoration: none; white-space: nowrap; border-bottom: 1px solid #000; cursor: pointer; }

.chosen-with-drop .chosen-single { border: 1px solid #000; padding-left: 0.8rem; }

.chosen-with-drop .chosen-single:hover, .chosen-with-drop .chosen-single:focus:not(:active) { color: #000 !important; }

.chosen-with-drop .chosen-single:hover div b::after, .chosen-with-drop .chosen-single:focus:not(:active) div b::after { border-top-color: #000; }

.chosen-container-single .chosen-default { color: #999; }

.chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 2.4rem; text-overflow: ellipsis; white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }

.chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("i/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; right: 0.8rem; width: 1.6rem; height: 100%; background: url(i/arrow-down.svg) 50% 50% no-repeat; background-size: 1.6rem auto; }

.chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: 3.2rem; outline: 0; border-bottom: 1px solid #000; background: url("i/chosen-sprite.png") no-repeat 100% -20px; font-family: sans-serif; line-height: normal; border-radius: 0; }

.chosen-container-single .chosen-drop { margin-top: -1px; background-clip: padding-box; }

.chosen-container-single .chosen-drop .result-selected { background-color: #ECE9E3; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; clip: rect(0, 0, 0, 0); }

/* @end */
/* @group Results */
.chosen-container .chosen-results { color: #000; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 300px; -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li { display: none; margin: 0; padding: 0.5rem 0.8rem 0.3rem; list-style: none; word-wrap: break-word; -webkit-touch-callout: none; }

.chosen-container .chosen-results li:hover, .chosen-container .chosen-results li:focus:not(:active) { background-color: #F86625; color: #fff; }

.chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; }

.chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; }

.chosen-container .chosen-results li.no-results { color: #fff; display: list-item; background: #000; }

.chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; }

.chosen-container .chosen-results li.group-option { padding-left: 15px; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; }

.chosen-container-multi .chosen-choices li { float: left; list-style: none; }

.chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; width: 25px; }

.chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("i/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; }

.chosen-container-multi .chosen-results { margin: 0; padding: 0; }

.chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ECE9E3; cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop { background-color: #fff; }

.chosen-container-active.chosen-with-drop .chosen-single div { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.chosen-container-active .chosen-choices { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled { opacity: 0.5 !important; cursor: default; }

.chosen-disabled .chosen-single { cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl { text-align: right; }

.chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; }

.chosen-rtl .chosen-single div { right: auto; left: 3px; }

.chosen-rtl .chosen-single abbr { right: auto; left: 26px; }

.chosen-rtl .chosen-choices li { float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; }

.chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; }

.chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: url("i/chosen-sprite.png") no-repeat -30px -20px; direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("i/chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } }

.balance-text { text-rendering: optimizeLegibility; }

.landscape, .portrait { width: 100%; height: 100%; }

@media all and (orientation: landscape) { .landscape-portrait-wrap .portrait { opacity: 0 !important; visibility: hidden !important; display: none !important; } }

@media all and (orientation: portrait) { .landscape-portrait-wrap .landscape { opacity: 0 !important; visibility: hidden !important; display: none !important; } }

[data-sizes="auto"] { width: 100%; }

[data-src] { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

[data-src].lazyloaded { opacity: 1; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { [data-src] { opacity: 1; } }

[data-video] { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

[data-video][data-loaded] { opacity: 1; }

.white-bg .object-cover { background: rgba(80, 71, 67, 0.1); }

.object-height { overflow: hidden; }

.object-height video, .object-height img { position: absolute; max-width: initial; width: initial !important; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.admin-edit { position: fixed; bottom: 3.2rem; right: 3.2rem; z-index: 10; }

.admin-edit a { border: 1px solid; padding: 0.5rem 1.6rem 0.3rem; background-color: #fff; text-decoration: none !important; }

@media only screen and (max-width: 699px) { .admin-edit { display: none; } }

.subnav-section { position: relative; }

.screenreader-text { position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; }

.content > section:first-child { padding-top: 6.4rem; }

html:not(.reduced-motion) .page-anchor { display: block; position: absolute; top: -6.4rem; visibility: hidden; }

html:not(.reduced-motion) .page-anchor[tabindex] { visibility: visible; }

@media only screen and (max-width: 768px) and (max-height: 400px) { .content { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } }

pre.admin-pre { position: fixed; left: 0; right: 0; bottom: 0; height: auto; max-height: 25vh; background-color: rgba(0, 0, 0, 0.9); color: white; font: 75% monospace; padding: 5rem; overflow: auto; z-index: 100; white-space: pre; border-top: 2px solid red; text-align: left; }

.pause-animations * { animation: none !important; transition: none !important; }

[data-touch-events] select, [data-touch-events] textarea, [data-touch-events] input[type="text"], [data-touch-events] input[type="password"], [data-touch-events] input[type="datetime"], [data-touch-events] input[type="datetime-local"], [data-touch-events] input[type="date"], [data-touch-events] input[type="month"], [data-touch-events] input[type="time"], [data-touch-events] input[type="week"], [data-touch-events] input[type="number"], [data-touch-events] input[type="email"], [data-touch-events] input[type="url"] { font-size: 16px; }