@charset "UTF-8";
/** @license MyFonts Webfont Build ID 3853948, 2020-01-07T11:41:05-0500 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: BRHendrix-Regular by Brink URL: https://www.myfonts.com/fonts/brink/br-hendrix/regular/ Webfont: BRHendrix-RegularItalic by Brink URL: https://www.myfonts.com/fonts/brink/br-hendrix/regular-italic/ Webfont: BRHendrix-Medium by Brink URL: https://www.myfonts.com/fonts/brink/br-hendrix/medium/ Webfont: BRHendrix-SemiBold by Brink URL: https://www.myfonts.com/fonts/brink/br-hendrix/semi-bold/ Webfont: BRHendrix-Bold by Brink URL: https://www.myfonts.com/fonts/brink/br-hendrix/bold/ Webfont: BRHendrix-Black by Brink URL: https://www.myfonts.com/fonts/brink/br-hendrix/black/ Licensed pageviews: 10,000 Webfonts copyright: Copyright © 2019 by Christoph York. All rights reserved. Modification of this file requires prior written permission from Brink Type. © 2020 MyFonts Inc */
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3ace7c");
@font-face { font-family: 'Hendrix'; font-weight: 400; font-style: normal; src: url("../css/hendrix/brink_-_br_hendrix_regular-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_regular-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_regular-webfont.ttf") format("truetype"); }

@font-face { font-family: 'Hendrix'; font-weight: 400; font-style: italic; src: url("../css/hendrix/brink_-_br_hendrix_regular_italic-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_regular_italic-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_regular_italic-webfont.ttf") format("truetype"); }

@font-face { font-family: 'Hendrix'; font-weight: 500; font-style: normal; src: url("../css/hendrix/brink_-_br_hendrix_medium-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_medium-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_medium-webfont.ttf") format("truetype"); }

@font-face { font-family: 'Hendrix'; font-weight: 600; font-style: normal; src: url("../css/hendrix/brink_-_br_hendrix_semibold-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_semibold-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_semibold-webfont.ttf") format("truetype"); }

@font-face { font-family: 'Hendrix'; font-weight: 700; font-style: normal; src: url("../css/hendrix/brink_-_br_hendrix_bold-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_bold-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_bold-webfont.ttf") format("truetype"); }

@font-face { font-family: 'Hendrix'; font-weight: 800; font-style: normal; src: url("../css/hendrix/brink_-_br_hendrix_black-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_black-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_black-webfont.ttf") format("truetype"); }

@font-face { font-family: 'Fathom Icons'; font-weight: 400; font-style: normal; src: url("../css/icons/F2020.eot"); src: url("../css/icons/F2020.eot?#iefix") format("embedded-opentype"), url("../css/icons/F2020.woff") format("woff"), url("../css/icons/F2020.ttf") format("truetype"), url("../css/icons/F2020.svg#icomoon") format("svg"); }

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; }

body { scrollbar-width: 10px; }

body::-webkit-scrollbar { width: 10px; }

body::-webkit-scrollbar-track { background: #10121c; }

body::-webkit-scrollbar-thumb { width: 10px; background: #464a57; }

body, html { font-size: 0; font-family: 'Hendrix', 'Helvetica Neue', Arial, sans-serif; -moz-font-feature-settings: "ss03" on, "ss01" off, "ss02" off; -ms-font-feature-settings: "ss03" on, "ss01" off, "ss02" off; -webkit-font-feature-settings: "ss03" on, "ss01" off, "ss02" off; font-feature-settings: "ss03" on, "ss01" off, "ss02" off; font-weight: 400; padding: 0; margin: 0; overflow-x: hidden; }

body ::-moz-selection, html ::-moz-selection { background-color: #eaecf5; }

body ::selection, html ::selection { background-color: #eaecf5; }

body.dark, html.dark { background: #000008; }

body.dark ::-moz-selection, html.dark ::-moz-selection { background-color: #aab4c5; }

body.dark ::selection, html.dark ::selection { background-color: #aab4c5; }

.icon { font-family: 'Fathom Icons'; text-transform: none; font-weight: normal; }

p { margin: unset; padding: unset; }

.f-img { max-width: 550px; margin: 0 auto; }

.f-img.f-img--size-s { max-width: 300px; }

.f-img.f-img--size-l { max-width: 800px; }

.f-img.f-img--size-xl { max-width: 1200px; }

.f-img.f-img--size-full { width: 100%; max-width: none; }

.f-img img { width: 100%; }

.f-img a { text-decoration: none; }

.f-img--caption { font-size: 16px; line-height: 24px; margin-top: 24px; }

.project-page--wrapper .f-img a, .dark .project-page--wrapper .f-img a { border: none; }

.project-page--wrapper .f-img a:hover, .dark .project-page--wrapper .f-img a:hover { padding: 0; background: none; }

@media (max-width: 1200px) { .f-img.f-img--size-xl { max-width: 800px; } }

.gallery { text-align: center; margin: 60px auto; }

.gallery--img { width: 40%; margin: 1%; display: inline-block; cursor: pointer; vertical-align: top; }

.gallery--columns-3 .gallery--img { width: 30%; }

.gallery--columns-2 .gallery--img { width: 40%; }

@media (max-width: 900px) { .gallery--img, .gallery--columns-2 .gallery--img, .gallery--columns-3 .gallery--img { width: 100%; margin: 3% auto; display: block; } }

.modal { background: rgba(255, 255, 255, 0.95); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; }

.modal .loader { background: gainsboro; width: 50px; height: 50px; background-size: 100%; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; }

.modal-inner { position: relative; display: block; margin: 100px 1%; text-align: center; }

.modal-inner #swipe-detector { position: absolute; left: 20px; top: 0; right: 20px; bottom: 0; display: none; }

.modal-inner .button { cursor: pointer; font-family: 'Fathom Icons'; color: #000; font-size: 30px; position: absolute; top: 0; width: 33%; height: 100%; }

.modal-inner .button .mobile-button { display: none; width: 20px; height: 20px; background: #000; position: absolute; top: 50%; margin-top: -10px; font-size: 10px; line-height: 20px; color: #fff; }

.modal-inner .button.prev { left: 0; cursor: url("../css/img/cursor/previous.png"), w-resize; }

.modal-inner .button.prev .mobile-button { left: 0; }

.modal-inner .button.next { right: 0; cursor: url("../css/img/cursor/next.png"), e-resize; }

.modal-inner .button.next .mobile-button { right: 0; }

.modal-inner .caption-wrapper { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; left: -15px; bottom: 0; width: calc(100% + 30px); height: 100px; overflow-y: scroll; border-top: 1px solid #c0c8db; background-color: rgba(255, 255, 255, 0.8); }

.modal-inner .caption-wrapper::after { content: ''; position: fixed; bottom: 0; left: 0; width: 100%; height: 32px; background: linear-gradient(transparent, #ffffff); pointer-events: none; }

.modal-inner .caption { position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: 700px; margin: 24px auto; padding: 0 16px; text-align: left; font-size: 16px; line-height: 21px; background-color: transparent; color: #000008; }

.dark .modal-inner .button.prev { cursor: url("../css/img/cursor/previous-dark.png"), w-resize; }

.dark .modal-inner .button.next { cursor: url("../css/img/cursor/next-dark.png"), e-resize; }

.modal-image { -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 8, 0.15); -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 8, 0.15); box-shadow: 0 4px 12px 0 rgba(0, 0, 8, 0.15); background-color: #ffffff; width: auto; height: auto; min-width: 300px; position: relative; display: none; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ }

.modal-controls { height: 10px; position: relative; width: 100%; margin-left: auto; margin-right: auto; }

.modal-controls .button { font-family: 'Fathom Icons'; width: 25px; height: 25px; position: absolute; display: inline-block; font-size: 20px; vertical-align: middle; color: #98a4b4; cursor: pointer; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 9999; }

.modal-controls .button:hover { color: #000008; }

.modal-controls .button.close { top: 0; right: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; vertical-align: none; }

.modal-controls .button.next { left: 37.5px; }

.modal-controls .button.prev { left: 0px; }

.dark .modal { background: rgba(0, 0, 8, 0.95); }

.dark .modal-inner .caption-wrapper { border-top-color: #434b5e; background-color: rgba(0, 0, 8, 0.8); }

.dark .modal-inner .caption-wrapper::after { background: linear-gradient(transparent, #000008); }

.dark .modal-inner .caption { background-color: transparent; color: #ffffff; }

.dark .modal-controls .button { color: #434b5e; }

.dark .modal-controls .button:hover { color: #ffffff; }

.video-embed { margin: 0 auto; }

.interactive { text-align: center; margin: 0 auto; }

.interactive iframe { border: none; }

.interactive--error { display: none; }

.interactive--error img { width: 100%; }

@media (max-width: 440px) { .modal-inner .caption { padding: 8px; } }

header { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; top: 0; left: 0; right: 0; height: 60px; z-index: 900; }

#header-bg { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: url("../css/img/header.jpg") no-repeat #c54504; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; }

#header--home-link { -moz-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; position: absolute; top: 0; left: 0; width: auto; padding: 0 30px; height: 60px; line-height: 60px; font-weight: 400; font-size: 14px; font-family: 'Fathom Icons'; color: #ffb9ac; text-decoration: none; opacity: 1; }

#header--home-link:hover { color: #ffffff; }

#header--links--hamburger { display: none; }

#header--links { position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 60px; padding: 0; margin: 0; }

#header--links a { color: #fff; text-decoration: none; }

#header--links a:first-child .header--link-divider { display: none; }

#header--links a:hover li, #header--links a.active li { background-color: rgba(200, 195, 196, 0.15); }

#header--links a:hover li .header--link-divider, #header--links a.active li .header--link-divider { display: none; }

#header--links a:hover + a li .header--link-divider, #header--links a.active + a li .header--link-divider { display: none; }

#header--links li { -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; background-color: transparent; position: relative; height: 60px; display: inline-block; font-weight: 600; font-size: 16px; line-height: 60px; padding: 0 25px; text-align: center; margin: 0; }

#header--links .header--link-divider { position: absolute; left: 0; top: 15px; bottom: 15px; width: 1px; background-color: rgba(200, 195, 196, 0.15); }

@media (max-width: 900px) { #header--links { width: 500px; text-align: center; height: 60px; } #header--links li { font-size: 14px; line-height: 60px; padding-bottom: 7px; } }

@media (max-width: 767px) { #header--home-link { color: #ffffff; } #header--links { display: none; pointer-events: none; position: fixed; padding-top: 60px; top: 0; left: 0; transform: none; width: 100%; height: 100%; background-color: #000008; } #header--links li { display: block; height: 96px; line-height: 96px; font-size: 20px; } #header--links li .header--link-divider { display: none; } #header--links.expanded { display: block; pointer-events: all; } #header--links.expanded:before { display: block; } #header--links--hamburger { display: block; width: 60px; height: 60px; position: absolute; right: 0; top: 0; z-index: 99; cursor: pointer; } #header--links--hamburger.expanded .header--links--hamburger--line, #header--links--hamburger.expanded:hover .header--links--hamburger--line { width: 26px; } #header--links--hamburger.expanded #header--links--hamburger--line-2, #header--links--hamburger.expanded:hover #header--links--hamburger--line-2 { opacity: 0; } #header--links--hamburger.expanded #header--links--hamburger--line-1, #header--links--hamburger.expanded:hover #header--links--hamburger--line-1 { transform: translateX(50%) rotate(-135deg); margin: 0; } #header--links--hamburger.expanded #header--links--hamburger--line-3, #header--links--hamburger.expanded:hover #header--links--hamburger--line-3 { transform: translateX(50%) rotate(135deg); margin: 0; } .header--links--hamburger--line { position: absolute; top: 50%; right: 50%; transform: translateX(50%); width: 22px; height: 2px; background: #ffffff; opacity: 1; transform-origin: center; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #header--links--hamburger--line-1 { margin-top: -12px; } #header--links--hamburger--line-2 { margin-top: -2px; } #header--links--hamburger--line-3 { margin-top: 8px; } }

header.home #header--home-link { opacity: 0; pointer-events: none; }

header.home #header-bg { opacity: 0; pointer-events: none; }

#home--wrapper { width: 100%; background: #000007; }

#home--cover { margin: 0 auto; height: 100vh; position: relative; background: #000008; }

#home--cover-bg-blur { position: absolute; z-index: -1; left: -50px; top: -50px; right: -50px; bottom: -50px; background: url("../css/img/multi-map-cover.jpg") no-repeat; background-size: 120%; filter: blur(10px); }

#home--cover-bg-top { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../css/img/multi-map-cover.jpg") no-repeat; background-size: cover; }

#home--brand { display: inline-block; position: absolute; top: 50%; left: 65px; width: auto; height: auto; transform: translateY(-50%); }

#home--logo { font-family: 'Fathom Icons'; position: relative; color: #cacecf; font-size: 20px; }

#home--statement { font-size: 36px; line-height: 42px; font-weight: 600; color: #fff; width: 340px; margin-top: 32px; }

#home--cover--caption { position: absolute; left: 50%; bottom: 0; transform: translateX(-100%); margin-bottom: 30px; width: 150px; margin-left: -40px; }

#home--cover--caption.hidden { display: none; }

#home--cover--caption-title { font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #f69b64; }

#home--cover--caption-desc { color: #cb6645; font-weight: 300; font-size: 14px; line-height: 18px; }

#home--features { background: #000008; opacity: 0.2; }

#home--features--inner { margin: 0 auto; }

.home--features--link { text-decoration: none; }

.home--feature { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 1024px; margin: 0 auto; height: 400px; }

.home--feature:hover .home--features--bg { opacity: 1; }

.home--features--desc { font-size: 22px; line-height: 28px; color: #aab4cc; font-weight: 400; }

.home--features--desc--highlight { color: #fff; }

.home--features--action { position: relative; color: #e63259; font-size: 12px; line-height: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; margin-top: 24px; }

.home--features--caret { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Fathom Icons'; font-size: 10px; position: absolute; top: -2px; left: -16px; margin: 0; padding: 0; }

.home--features--action--sub { color: #5b6887; display: inline-block; }

#home--features--covert { height: 360px; }

.home--features--bg { -moz-transition: opacity 0.2s 0.2s; -webkit-transition: opacity 0.2s 0.2s; transition: opacity 0.2s 0.2s; opacity: 0.85; }

#home--features--covert--bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #011119; background-image: url("../css/img/feature-covert.jpg"); background-position: center; background-repeat: no-repeat; background-size: 100%; }

#home--features--covert--title { margin-bottom: 20px; width: 200px; height: 20px; background-image: url("../css/img/fathom-plus-stanford.svg"); background-repeat: no-repeat; background-size: 100%; }

#home--features--covert--text { margin: 0px 48px; padding: 55px 0; width: 500px; z-index: 22; position: absolute; top: 50%; transform: translateY(-50%); }

#home--features--mayo { height: 360px; background: #191619; }

#home--features--mayo--bg { position: absolute; left: 0; top: 0; width: 360px; height: 100%; background-color: #102022; background-image: url("../css/img/feature-mayo.jpg"); background-position: center; background-repeat: no-repeat; background-size: 100%; }

#home--features--mayo--text { float: right; width: 380px; height: 100%; box-sizing: border-box; padding: 80px 0 0 60px; float: left; margin-left: 360px; }

#home--features--mayo--secondary-text { float: right; width: 280px; box-sizing: border-box; color: #aab4cc; font-size: 16px; line-height: 22px; padding: 84px 0 0; }

#home--features--mayo--secondary-text p { margin: 0 0 10px 0; padding: 0; }

@media (max-width: 999px) { #home--cover--caption { display: none; } }

@media (max-width: 768px) { .br { display: none; } #home--cover { height: 100vh !important; } #home--cover-bg-top { background: url("../css/img/multi-map-cover-mobile.jpg") no-repeat #000008; background-size: cover; height: auto !important; } #home--logo { display: none; } header.home #header--home-link { opacity: 1; pointer-events: all; } #home--brand { top: 200px; left: 50px; } #home--statement { font-size: 40px; margin: 0; transform: none; line-height: 52px; width: 370px; } .home--feature { width: 100%; } #home--features--covert { min-height: 360px; height: auto; } #home--features--covert--bg { background-size: cover; background-position-x: right; opacity: 0.3; } #home--features--covert--text { margin: 0 40px; width: auto; } #home--features--mayo { background: #102022; } #home--features--mayo--bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.3; background-position: center; } #home--features--mayo--text { position: absolute; left: 0; bottom: 0; width: 100%; float: none; height: auto; margin: 0; padding: 65px 35px; } #home--features--mayo--secondary-text { display: none; } }

@media (max-width: 440px) { #home--brand { zoom: 1; left: 50px; } #home--statement { font-size: 24px; line-height: 36px; } }

#careers { background-color: #ffffff; }

#careers--wrapper { font-size: 20px; line-height: 34px; padding-top: 60px; width: 900px; margin: 0 auto; }

#careers--wrapper.job-listings--single { width: 625px; }

#careers--wrapper a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; }

#careers--wrapper a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

#careers--wrapper p { margin-bottom: 20px; }

#careers--banner { padding-top: 60px; width: 100%; height: auto; }

#careers--intro { width: 550px; margin: 0 auto; font-size: 20px; }

#careers--intro h2 { color: #8288a3; font-weight: 700; font-size: 32px; margin: 48px 0; }

#job-listings { margin-top: 100px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; }

#job-listings.job-listings--single { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

.job-listing { margin-bottom: 64px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

.job-listing--title { font-weight: 700; font-size: 21px; margin-bottom: 12px; color: #e63259; }

.job-listing--desc { font-size: 18px; line-height: 30px; }

.job-listing--desc p { margin-bottom: 0; }

.job-listing--desc p + p { margin-top: 12px; }

#contact-box { width: 400px; margin: 60px auto 0 auto; padding-bottom: 120px; }

#contact-box a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; color: #e63259; border-bottom-color: #e63259; }

#contact-box a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

#contact-box a:hover { color: #fff; background-color: #e63259; border-bottom-color: #e63259; }

@media (max-width: 1100px) { #careers--wrapper, #careers--intro { margin: 0 auto; width: auto; max-width: 550px; } #job-listings { columns: 1; } #contact-box { margin-top: 0; } }

@media (max-width: 700px) { #careers--wrapper { margin: 0 40px; width: auto; } #contact-box { width: auto; } }

@media (max-width: 440px) { #careers--wrapper { margin: 0 20px; padding-top: 30px; } #careers--intro { font-size: 18px; line-height: 32px; } #careers--intro h2 { margin: 10px auto 30px; } }

#tools--wrapper { font-size: 20px; line-height: 34px; padding-top: 60px; width: 900px; margin: 0 auto; color: #fff; }

#tools--wrapper h2 { margin: 100px 0 40px 0; }

#tools--wrapper a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; }

#tools--wrapper a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

#tools--wrapper p { margin-bottom: 20px; }

#tools--wrapper .f-img { margin-bottom: 30px; }

#tools--wrapper .f-img--caption { color: #aab4c5; }

@media (max-width: 1100px) { #tools--wrapper { margin: 0 auto; width: auto; max-width: 550px; } }

@media (max-width: 700px) { #tools--wrapper { margin: 0 40px; width: auto; } }

@media (max-width: 440px) { #tools--wrapper { margin: 0 20px; padding-top: 30px; } }

#text--wrapper { font-size: 20px; line-height: 34px; padding-top: 60px; width: 900px; margin: 0 auto; color: #fff; }

#text--wrapper h2 { margin: 100px 0 40px 0; }

#text--wrapper a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; color: #fff; }

#text--wrapper a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

#text--wrapper p { margin-bottom: 20px; }

#text--wrapper .f-img { margin-bottom: 30px; }

#text--wrapper .f-img--caption { color: #aab4c5; }

#text--wrapper #mc_embed_signup div { display: inline-block; }

#text--wrapper #mc_embed_signup input { font-family: 'Hendrix', 'Helvetica Neue', Arial, sans-serif; -moz-font-feature-settings: "ss03" on, "ss01" off, "ss02" off; -ms-font-feature-settings: "ss03" on, "ss01" off, "ss02" off; -webkit-font-feature-settings: "ss03" on, "ss01" off, "ss02" off; font-feature-settings: "ss03" on, "ss01" off, "ss02" off; background: #000; border: 1px solid #fff; font-size: 20px; line-height: 32px; padding: 3px 6px; color: #fff; }

@media (max-width: 1100px) { #text--wrapper { margin: 0 auto; width: auto; max-width: 550px; } }

@media (max-width: 700px) { #text--wrapper { margin: 0 40px; width: auto; } }

@media (max-width: 440px) { #text--wrapper { margin: 0 20px; padding-top: 30px; } }

#contact--wrapper { font-size: 18px; line-height: 24px; color: #000008; background: #ffffff; padding-top: 60px; }

#contact--wrapper--inner { width: 890px; margin: 0 auto; padding-top: 80px; text-align: right; }

#contact--logo { color: #8288a3; -webkit-font-smoothing: antialiased; font-family: 'Fathom Icons'; margin-right: 50px; margin-bottom: -6px; font-size: 20px; }

#contact--map { width: 550px; height: 330px; background-image: url("../css/img/map.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }

#contact--logo, #contact--map { display: inline-block; vertical-align: bottom; }

#contact--upper { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#contact--info { -moz-font-feature-settings: "ss03" on, "ss01" off, "ss02" off, "zero" on; -ms-font-feature-settings: "ss03" on, "ss01" off, "ss02" off, "zero" on; -webkit-font-feature-settings: "ss03" on, "ss01" off, "ss02" off, "zero" on; font-feature-settings: "ss03" on, "ss01" off, "ss02" off, "zero" on; width: 550px; margin: 56px 0 0 auto; text-align: left; padding-bottom: 88px; font-size: 18px; line-height: 28px; }

#contact--info div + div { margin-top: 20px; }

#contact--info div + div#contact--info--social { margin-top: 48px; }

#contact--info--email { position: relative; }

#contact--info--email a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; color: #e63259; border-bottom-color: #e63259; }

#contact--info--email a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

#contact--info--email a:hover { color: #fff; background-color: #e63259; border-bottom-color: #e63259; }

#contact--info--social { display: inline-block; position: relative; color: #a6b1c8; height: 32px; line-height: 32px; }

#contact--info--social a { display: block; -moz-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; cursor: pointer; color: inherit; text-decoration: none; }

#contact--info--social a:before { -moz-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; content: 't'; position: relative; font-family: 'Fathom Icons'; font-size: 24px; color: #b3bed3; margin-top: 2px; margin-right: 8px; vertical-align: top; }

#contact--info--social:hover a { color: #8288a3; }

#contact--info--social:hover a:before { color: #8288a3; }

@media (max-width: 1024px) { #contact--wrapper--inner { text-align: left; width: 550px; margin: 0 auto; } #contact--logo, #contact--map { display: block; margin: 0; } #contact--logo { margin-bottom: 40px; } #contact--info { width: 100%; } }

@media (max-width: 700px) { #contact--wrapper--inner { width: auto; margin: 0 40px; } #contact--map { width: 100%; } }

#work--wrapper--outer { background: #000008; padding-top: 60px; }

#work--wrapper { font-size: 14px; position: relative; margin: 0 auto; max-width: 1200px; color: #fff; padding-top: 22px; padding-bottom: 44px; }

#work--overlays { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; position: fixed; background: transparent; width: 400px; margin: 0; padding: 0; box-sizing: border-box; top: 0; left: 0; bottom: 0; z-index: 20; }

#work--overlay--shadow { background: -webkit-linear-gradient(90deg, #000008 0%, #000008 25%, rgba(0, 0, 8, 0) 100%); background: -moz-linear-gradient(90deg, #000008 0%, #000008 25%, rgba(0, 0, 8, 0) 100%); background: linear-gradient(90deg, #000008 0%, #000008 25%, rgba(0, 0, 8, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); position: fixed; z-index: 0; top: 0; left: 0; width: 50%; height: 100%; pointer-events: none; }

.work--overlay { color: #aab4c5; position: absolute; top: 50%; left: 50px; font-weight: 600; font-size: 40px; line-height: 48px; display: none; transform: translateY(-50%) translateZ(0); margin-top: 30px; }

.work--overlay--highlight { color: #fff; }

.work--section { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; }

.work--section .work--project { -moz-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; opacity: 0.25; }

.work--section .work--project:hover { opacity: 1; }

.work--section .work--project:hover .work--project--text { opacity: 1; }

.work--section.active .work--project { opacity: 1; }

.work--section.active .work--project .work--project--text { opacity: 1; }

.work--project { font-size: 0; position: relative; width: 886px; margin: 0 24px 0 auto; padding: 0; }

.work--project a, .work--project a:hover, .work--project a:focus, .work--project a:active, .work--project a:visited { display: inline-block; width: 100%; height: 100%; color: inherit; text-decoration: none; cursor: pointer; }

.work--project a:hover .work--project--title { color: #a8b5ca; }

.work--project a:hover .work--project--desc { color: #ffffff; }

.work--project--scale-5 { height: 428px; }

.work--project--scale-4 { height: 364px; }

.work--project--scale-3 { height: 300px; }

.work--project--scale-2 { height: 236px; }

.work--project--scale-1 { height: 172px; }

.work--project--scale-5 .work--project--image { height: 384px; }

.work--project--scale-4 .work--project--image { height: 320px; }

.work--project--scale-3 .work--project--image { height: 256px; }

.work--project--scale-2 .work--project--image { height: 192px; }

.work--project--scale-1 .work--project--image { height: 128px; }

.work--project--image { width: 608px; }

.work--project--image, .work--project--text { display: inline-block; position: relative; vertical-align: top; }

.work--project--image { -moz-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; margin: 22px 0; overflow: hidden; text-align: right; transform-origin: right center; }

.work--project--image img { position: relative; left: unset; right: 0; top: 50%; height: 100%; transform: translateY(-50%); }

.work--project--text { -moz-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; width: auto; height: auto; top: 50%; padding-left: 36px; opacity: 0.5; transform: translateY(-50%); transform-origin: left center; }

.work--project--title { -moz-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; color: #a8b5ca; font-weight: 700; font-size: 16px; line-height: 24px; margin-bottom: 12px; }

.work--project--desc { -moz-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; color: #a8b5ca; font-size: 22px; line-height: 28px; }

.work--project--shadow { -moz-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; background: -webkit-linear-gradient(180deg, rgba(0, 0, 8, 0) 0%, rgba(0, 0, 8, 0.25) 50%, rgba(0, 0, 8, 0.75) 100%); background: -moz-linear-gradient(180deg, rgba(0, 0, 8, 0) 0%, rgba(0, 0, 8, 0.25) 50%, rgba(0, 0, 8, 0.75) 100%); background: linear-gradient(180deg, rgba(0, 0, 8, 0) 0%, rgba(0, 0, 8, 0.25) 50%, rgba(0, 0, 8, 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.br--work { display: inline; }

.br--work--medium { display: none; }

.br--work--compact { display: none; }

#work--archive--wrapper { font-size: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 1070px; margin: 0 auto; padding: 64px 0; }

#work--archive--header { font-weight: 700; font-size: 30px; height: 120px; color: #ffffff; }

.work--archive--year-header { display: none; }

.work--archive--project--year, .work--archive--project--client, .work--archive--project--name, .work--archive--project--links { display: inline-block; vertical-align: top; font-weight: 400; font-size: 20px; line-height: 28px; color: #515c6b; }

.work--archive--project--year, .work--archive--project--client, .work--archive--project--name { margin-right: 60px; }

.work--archive--project--year { width: 70px; }

.work--archive--project--name { width: 300px; }

.work--archive--project--client { width: 280px; }

.work--archive--project--links { width: 240px; }

.work--archive--project--year, .work--archive--project--name { font-weight: 700; }

.work--archive--project--client .work--archive--project--client--fathom { color: #515c6b; }

.work--archive--project--links { position: relative; overflow-wrap: break-word; }

.work--archive--project--links a, .work--archive--project--links a:focus, .work--archive--project--links a:active, .work--archive--project--links a:visited { color: inherit; text-decoration: none; display: inline-block; width: 100%; height: 100%; }

.work--archive--project--links .icon { display: inline; position: absolute; width: auto; height: auto; right: 100%; padding-right: 10px; color: inherit; }

.work--archive--project--links--external { -moz-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; color: #d34867; }

.work--archive--project--links--external .icon { color: #d34867; font-size: 14px; margin-top: 4px; }

.work--archive--project--links--external:hover { color: #ffffff; }

.work--archive--project--links--external:hover .icon { color: #d34867; }

.work--archive--project--links--case-study, .work--archive--project--links--project-page { -moz-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; font-weight: 600; text-transform: uppercase; letter-spacing: 0.7px; font-size: 14px; line-height: 34px; margin-bottom: 8px; color: #aab4c5; }

.work--archive--project--links--case-study .icon, .work--archive--project--links--project-page .icon { color: #aab4c5; font-size: 12px; }

.work--archive--project--links--case-study:hover, .work--archive--project--links--project-page:hover { color: #ffffff; }

.work--archive--project--links--case-study:hover .icon, .work--archive--project--links--project-page:hover .icon { color: #aab4c5; }

.work--archive--project { margin-bottom: 48px; }

.work--archive--project.has-link .work--archive--project--client, .work--archive--project.has-link .work--archive--project--year { color: #aab4c5; }

.work--archive--project.has-link .work--archive--project--name, .work--archive--project.has-link .work--archive--project--client, .work--archive--project.has-link .work--archive--project--links { color: #ffffff; }

@media (max-width: 1200px) { .work--overlay { font-size: 36px; line-height: 44px; } #work--archive--wrapper { zoom: 0.85; } }

@media (max-width: 1024px) { #work--archive--wrapper { width: 660px; margin: 0 auto; } #work--archive--header { font-size: 36px; } .work--archive--year-header { display: block; font-size: 32px; color: #aab4c5; margin-top: 96px; margin-bottom: 64px; } #work--archive--header + .work--archive--year-header { margin-top: 0; } .work--archive--project { min-height: 96px; } .work--archive--project--year { display: none; } .work--archive--project--name, .work--archive--project--client, .work--archive--project--links { display: inline-block; } .work--archive--project--links { width: 240px; margin-left: 24px; margin-top: 4px; margin-bottom: 6px; } .work--archive--project--name, .work--archive--project--client { float: left; width: 348px; margin-left: 0; margin-right: 48px; } .work--archive--project--name { font-size: 26px; line-height: 36px; margin-bottom: 8px; } .work--archive--project--client { margin-bottom: 18px; } }

@media (max-width: 1000px) { .work--project--scale-5 { height: 380px; } .work--project--scale-4 { height: 324px; } .work--project--scale-3 { height: 268px; } .work--project--scale-2 { height: 212px; } .work--project--scale-1 { height: 156px; } .work--project--scale-5 .work--project--image { height: 336px; } .work--project--scale-4 .work--project--image { height: 280px; } .work--project--scale-3 .work--project--image { height: 224px; } .work--project--scale-2 .work--project--image { height: 168px; } .work--project--scale-1 .work--project--image { height: 112px; } .work--project--image { width: 532px; } #work--wrapper { padding-top: 82px; } .work--section { margin: 0; } .work--project { width: 800px; margin: 0 30px 0 auto; } .work--project--text { width: 268px; } #work--overlays { top: 60px; left: 0; right: 0; width: auto; bottom: auto; height: 65px; } .work--overlay { transform: none; margin: 0; top: 30px; left: 30px; font-size: 28px; line-height: 34px; } .work--overlay .br--work { display: none; } #work--overlay--shadow { background: -webkit-linear-gradient(180deg, #000008 0%, rgba(0, 0, 8, 0.8) 40%, rgba(0, 0, 8, 0.05) 90%, rgba(0, 0, 8, 0) 100%); background: -moz-linear-gradient(180deg, #000008 0%, rgba(0, 0, 8, 0.8) 40%, rgba(0, 0, 8, 0.05) 90%, rgba(0, 0, 8, 0) 100%); background: linear-gradient(180deg, #000008 0%, rgba(0, 0, 8, 0.8) 40%, rgba(0, 0, 8, 0.05) 90%, rgba(0, 0, 8, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); width: 100%; top: 60px; height: 180px; } }

@media (max-width: 870px) { .br--work { display: none; } .br--work--medium { display: inline; } .work--project--scale-5 { height: 284px; } .work--project--scale-4 { height: 244px; } .work--project--scale-3 { height: 204px; } .work--project--scale-2 { height: 164px; } .work--project--scale-1 { height: 124px; } .work--project--scale-5 .work--project--image { height: 240px; } .work--project--scale-4 .work--project--image { height: 200px; } .work--project--scale-3 .work--project--image { height: 160px; } .work--project--scale-2 .work--project--image { height: 120px; } .work--project--scale-1 .work--project--image { height: 80px; } .work--project--image { width: 380px; } .work--project { width: 630px; margin: 0 30px 0 auto; } .work--project--text { width: 250px; } .work--project--title { color: #a8b5ca; } .work--project--desc { color: #ffffff; font-size: 18px; line-height: 24px; } .work--overlay { font-size: 24px; line-height: 34px; } }

@media (max-width: 700px) { .br--work--medium { display: none; } .br--work--compact { display: inline; } #work--wrapper { padding-top: 100px; } .work--section { margin: 0 30px; } .work--project { width: auto; margin: 30px 0; } .work--project.work--project--scale-5, .work--project.work--project--scale-4, .work--project.work--project--scale-3, .work--project.work--project--scale-2, .work--project.work--project--scale-1 { height: auto; } .work--project.work--project--scale-5 .work--project--image, .work--project.work--project--scale-4 .work--project--image, .work--project.work--project--scale-3 .work--project--image, .work--project.work--project--scale-2 .work--project--image, .work--project.work--project--scale-1 .work--project--image { position: relative; margin: 0; height: auto; } .work--project.work--project--scale-5 .work--project--image img, .work--project.work--project--scale-4 .work--project--image img, .work--project.work--project--scale-3 .work--project--image img, .work--project.work--project--scale-2 .work--project--image img, .work--project.work--project--scale-1 .work--project--image img { width: 100%; height: auto; top: 0; left: 0; transform: none; } .work--project--shadow { display: block; } .work--project--image, .work--project--text { display: block; width: 100%; max-width: unset; top: unset; left: unset; transform: none; } .work--project--text { position: relative; left: 0; top: 100%; margin-top: -14px; bottom: unset; padding: 0; opacity: 0; } .work--project--title { font-size: 20px; line-height: 28px; margin-bottom: 8px; } .work--project--desc { font-size: 18px; line-height: 26px; margin-bottom: 16px; } .br--work { display: none; } .work--section.active .work--project { opacity: 1; } .work--section.active .work--project .work--project--text { opacity: 1; } .work--section.active .work--project:hover { opacity: 1; } .work--section.active .work--project:hover .work--project--text { opacity: 1; } .work--section.active .work--project .work--project--shadow { opacity: 1; } .work--section .work--project:hover { opacity: 0.25; } .work--section .work--project:hover .work--project--text { opacity: 0; } #work--archive--wrapper { width: 400px; } .work--archive--year-header { font-size: 26px; margin-top: 96px; margin-bottom: 48px; } .work--archive--project { min-height: unset; } .work--archive--project--name, .work--archive--project--client, .work--archive--project--links { display: block; width: auto; margin-top: 0; margin-right: 0; } .work--archive--project--name, .work--archive--project--client { float: none; } .work--archive--project--links--case-study, .work--archive--project--links--project-page { margin-bottom: 8px; } }

@media (max-width: 440px) { .br--work--compact { display: none; } .work--overlay { max-width: unset; font-size: 24px; line-height: 34px; right: 30px; } .work--project--text { position: relative; left: 0; top: 100%; margin-top: -14px; bottom: unset; padding: 0; opacity: 0; } .work--project--title { font-size: 18px; line-height: 26px; margin-bottom: 8px; } .work--project--desc { font-size: 14px; line-height: 20px; margin-bottom: 0; } #work--archive--wrapper { width: 330px; } }

.project-page--wrapper { color: #000008; margin-top: 60px; margin-bottom: 96px; }

.project-page--wrapper a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; }

.project-page--wrapper a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

.dark .project-page--wrapper a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; color: #fff; border-bottom-color: #434b5e; }

.dark .project-page--wrapper a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

.dark .project-page--wrapper a:hover { color: #fff; background-color: #2b303c; border-bottom-color: #2b303c; }

.project-page--inner { max-width: 1000px; margin: 0 auto; padding-top: 90px; }

.project-page--upper { margin-bottom: 90px; overflow: auto; }

.project-page--upper::after { content: ""; clear: both; display: table; }

.project-page--title, .project-page--capabilities { width: 360px; float: left; }

.project-page--client { color: #e63259; font-weight: 700; font-size: 22px; line-height: 28px; height: auto; margin: 0; }

.project-page--client-inner { width: 360px; display: inherit; font-size: inherit; margin-block-start: inherit; margin-block-end: inherit; margin-inline-start: inherit; margin-inline-end: inherit; font-weight: inherit; }

.project-page--title { color: #000008; font-weight: 600; font-size: 30px; line-height: 40px; margin: 0; height: auto; padding: 16px 0; }

.project-page--client, .project-page--capabilities { padding-left: 2px; }

.project-page--capabilities { margin-top: 36px; }

.project-page--highlights--header { margin: 0 0 12px; padding: 0; height: 24px; line-height: 24px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.6px; font-weight: 700; color: #98a4b4; }

.project-page--capabilities--list { padding: 0; margin: 0; }

.project-page--capabilities--list li { list-style-type: none; padding: 0; margin: 0; font-size: 18px; line-height: 28px; letter-spacing: 0.01rem; margin-bottom: 12px; }

.project-page--intro { width: 580px; float: right; }

.project-page--intro { padding-top: 20px; font-size: 22px; line-height: 38px; letter-spacing: 0.005rem; }

.project-page--intro p { margin: 0; padding: 0; }

.project-page--intro p + p { margin-top: 16px; }

.project-page--update { display: block; font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; }

.project-page--content--text { font-size: 20px; line-height: 32px; margin: 24px auto; }

.project-page--content--text, .f-img--caption { max-width: 550px; }

.f-img--caption { margin-left: auto; margin-right: auto; }

.project-page--content--text + .f-img, .f-img + .project-page--content--text { margin-top: 48px; }

.project-page--content--header { font-size: 24px; line-height: 40px; letter-spacing: 0.01rem; margin: 48px auto 0; max-width: 550px; }

h5.project-page--content--header { font-size: 20px; line-height: 28px; }

.f-img + .project-page--content--header { margin-top: 50px; }

.project-page--content--numbered, .project-page--content--bulleted { max-width: 550px; margin: 20px auto 40px auto; font-size: 18px; line-height: 28px; letter-spacing: 0.01rem; box-sizing: border-box; }

.project-page--content--numbered li, .project-page--content--bulleted li { margin-bottom: 20px; padding-left: 12px; }

.project-page--content--bulleted { padding: 0 0 0 18px; }

.project-page--content--numbered { -moz-font-feature-settings: "ss03" on, "ss01" off, "ss02" off, "tnum" on; -ms-font-feature-settings: "ss03" on, "ss01" off, "ss02" off, "tnum" on; -webkit-font-feature-settings: "ss03" on, "ss01" off, "ss02" off, "tnum" on; font-feature-settings: "ss03" on, "ss01" off, "ss02" off, "tnum" on; padding: 0 0 0 20px; }

.project-page--highlights { max-width: 700px; margin: 40px auto 40px auto; overflow: auto; }

.project-page--highlights::after { content: ""; clear: both; display: table; }

.project-page--highlights--left, .project-page--highlights--right { display: inline-block; }

.project-page--highlights--left { float: left; }

.project-page--highlights--right { float: right; }

#project-page--achievements--header { position: relative; padding-left: 25px; }

#project-page--achievements--header:before { content: '}'; position: absolute; left: 0; top: -1px; font-family: 'Fathom Icons'; }

#project-page--challenges--header { position: relative; padding-left: 25px; }

#project-page--challenges--header:before { content: '{'; position: absolute; left: 0; top: -1px; font-family: 'Fathom Icons'; }

.project-page--highlights--list { width: 300px; padding: 0; margin: 0; color: #7f8b9b; }

.project-page--highlights--list li { list-style-type: none; padding: 0; margin: 0; font-size: 20px; line-height: 28px; letter-spacing: 0.01rem; margin-bottom: 20px; }

.project-page--highlights-highlight { color: #374453; }

.project-page--content--video { margin: 64px auto; }

.project-page--twitter-mentions { margin-top: 50px; }

.project-page--twitter-mentions .twitter-tweet-rendered { margin-left: auto; margin-right: auto; }

.twitter-tweet { margin: auto; }

.project-page--dark.project-page--wrapper { color: #fff; }

.project-page--dark .project-page--title { color: #fff; }

.project-page--dark .project-page--highlights--header { color: #6b7283; }

.project-page--dark .project-page--highlights--list { color: #98a4b4; }

.project-page--dark .project-page--highlights-highlight { color: #fff; }

@media (max-width: 1200px) { .project-page--inner { max-width: 800px; } .project-page--client { font-size: 20px; line-height: 25px; } .project-page--client-inner { width: 320px; } .project-page--title, .project-page--capabilities { width: 320px; } .project-page--title { line-height: 36px; margin-top: 5px; } .project-page--capabilities--list li { font-size: 16px; } .project-page--intro { width: 400px; font-size: 20px; line-height: 34px; padding-top: 25px; } }

@media (max-width: 900px) { .project-page--title, .project-page--capabilities, .project-page--intro { float: none; } .project-page--upper { margin: 0 40px 90px 40px; } .project-page--intro { width: auto; } .project-page--capabilities { width: auto; } .project-page--capabilities--list { -webkit-columns: 2; columns: 2; } .project-page--content { margin: 0 40px; } .project-page--capabilities--list li { padding-right: 32px; } }

@media (max-width: 750px) { .project-page--highlights--right, .project-page--highlights--left { display: block; float: none; margin: 0 auto 50px; width: 300px; } }

@media (max-width: 440px) { .project-page--inner { padding-top: 50px; } .project-page--title, .project-page--capabilities { width: auto; } .project-page--capabilities--list { -webkit-columns: 1; columns: 1; } .project-page--content { margin: 0 20px; } .project-page--upper { margin: 0 20px 90px 20px; } .project-page--content--text, .project-page--intro { font-size: 18px; line-height: 30px; } .project-page--highlights--left, .project-page--highlights--right, .project-page--highlights--list { width: auto; } }

.theme-page--wrapper { background: #000008; color: #ffffff; font-size: 24px; line-height: 38px; margin-top: 60px; padding-bottom: 96px; }

.theme-page--wrapper a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; color: #fff; border-bottom-color: #434b5e; }

.theme-page--wrapper a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

.theme-page--wrapper a:hover { color: #fff; background-color: #2b303c; border-bottom-color: #2b303c; }

.theme-page--banner { width: 100%; height: 300px; background: rgba(255, 255, 255, 0.2); overflow: hidden; position: relative; }

.theme-page--banner img { width: 100%; position: absolute; }

.theme-page--inner { padding-top: 80px; }

.theme-page--inner h2 { font-size: 36px; line-height: 48px; margin-bottom: 48px; }

.theme-page--inner p { font-size: 24px; line-height: 38px; margin-bottom: 24px; }

.theme-page--inner p, .theme-page--inner h2, .theme-page--inner h3, .theme-page--inner .f-img--caption { max-width: 700px; margin-left: auto; margin-right: auto; }

.theme-page--inner p:last-child, .theme-page--inner h2:last-child, .theme-page--inner h3:last-child, .theme-page--inner .f-img--caption:last-child { margin-bottom: 0; }

.theme-page--inner .f-img { margin-top: 60px; margin-bottom: 60px; }

.theme-page--inner .f-img--caption { color: #a8b5ca; }

.theme-page--inner #text--signup-form { max-width: 700px; margin-top: 96px; margin-left: auto; margin-right: auto; }

.theme-page--inner #text--signup-form input, .theme-page--inner #text--signup-form input:focus, .theme-page--inner #text--signup-form input:active { border: none; outline: none; }

.theme-page--inner #text--signup-form input { font-family: 'Hendrix', 'Helvetica Neue', Arial, sans-serif; -moz-font-feature-settings: "ss03" on, "ss01" off, "ss02" off; -ms-font-feature-settings: "ss03" on, "ss01" off, "ss02" off; -webkit-font-feature-settings: "ss03" on, "ss01" off, "ss02" off; font-feature-settings: "ss03" on, "ss01" off, "ss02" off; margin-bottom: 24px; }

.theme-page--inner #text--signup-form .mc-field-group input { background-color: #181c25; color: #ffffff; padding: 0 20px; font-size: 24px; font-weight: 400; line-height: 72px; height: 72px; }

.theme-page--inner #text--signup-form .mc-field-group input::placeholder { color: #515c6b; }

.theme-page--inner #text--signup-form .mc-subscribe-button input { -moz-transition: background-position 0.5s; -webkit-transition: background-position 0.5s; transition: background-position 0.5s; background-color: #da4f16; background-image: url("../css/img/header.jpg"); background-size: cover; background-position: 80% center; background-repeat: no-repeat; color: #ffffff; padding: 0 20px; font-size: 18px; font-weight: 700; line-height: 56px; height: 56px; width: auto; cursor: pointer; }

.theme-page--inner #text--signup-form .mc-subscribe-button input:hover { background-position: 100% center; }

@media (max-width: 800px) { .theme-page--inner { margin: 0 40px; } .theme-page--inner p { font-size: 20px; line-height: 28px; margin-bottom: 20px; } }

@media (max-width: 440px) { .theme-page--inner { padding-top: 40px; margin: 0 20px; } .theme-page--inner h2 { font-size: 28px; line-height: 38px; } .theme-page--inner h3 { font-size: 22px; line-height: 34px; } .theme-page--inner p { font-size: 18px; line-height: 28px; } }

footer { position: relative; z-index: 100; padding-top: 96px; background: #000008; }

.project-page--dark + footer, .theme-page--wrapper + footer { border-top: 2px solid #10121c; }

#footer--big-links { max-width: 900px; margin: 0 auto 96px; text-align: center; }

.footer--big-link:first-child .footer--big-link--container, .big-link-1 .footer--big-link--container { margin-right: 40px; }

.footer--big-link--container { -moz-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; display: inline-block; position: relative; width: 385px; text-align: left; color: #fff; transform: none; }

.footer--big-link--image { float: left; width: 150px; height: 190px; background: #ddd; }

.footer--big-link.hiring .footer--big-link--image { background: url("../css/img/hiring.jpg") no-repeat; background-size: cover; background-position: 50%; }

.footer--big-link.projects .footer--big-link--image { background: url("../css/img/projects.jpg") no-repeat; background-size: cover; background-position: 50%; }

.footer--big-link:hover .footer--big-link--container { transform: scale(1.08); }

.footer--big-link:hover .footer--big-link--title { color: #91a4c1; }

.footer--big-link.hiring:hover .footer--big-link--title { color: #b02d3e; }

.footer--big-link.projects:hover .footer--big-link--title { color: #5295cd; }

.footer--big-link--title, .footer--big-link--desc { float: right; width: 200px; }

.footer--big-link--text { position: absolute; top: 50%; transform: translateY(-50%); }

.footer--big-link--title { -moz-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; color: #515c6b; margin-bottom: 12px; }

.footer--big-link--title span { vertical-align: top; height: 32px; line-height: 32px; }

.footer--big-link--title .footer--big-link--title--text { display: inline-block; font-weight: 700; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; }

.footer--big-link--title .icon { font-size: 24px; margin-right: 10px; vertical-align: top; line-height: 30px; padding-bottom: 2px; }

.footer--big-link--desc { font-size: 16px; line-height: 24px; }

#client-grid { font-size: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 1200px; margin: 0 auto 96px; text-align: center; }

#client-grid a { text-decoration: none; }

.client-box--link { color: #fff; display: inline-block; width: auto; height: auto; }

.client-box { -moz-transition: background-color 0.25s; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; background-color: #10121c; display: inline-block; position: relative; width: 220px; height: 100px; overflow: hidden; padding: 0; margin: 3px; pointer-events: none; }

.client-box.has-work { pointer-events: all; }

.client-box.has-work:hover { background-color: #202530; }

.client-box.has-work:hover .client-box--logo-static, .client-box.has-work:hover .client-box--logo-hover { width: 85%; }

.client-box.has-work:hover .client-box--logo-hover { opacity: 1; }

.client-box.has-work:hover .client-box--hover { margin-top: -20px; opacity: 1; }

.client-box--hover { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: absolute; font-size: 10px; font-weight: 600; line-height: 10px; text-transform: uppercase; letter-spacing: 0.6px; top: 100%; left: 0; right: 0; opacity: 0; color: #91a4c1; }

.client-box--logo { position: absolute; left: 0; top: 0; right: 0; }

.client-box--logo-static, .client-box--logo-hover { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; display: block; position: absolute; top: 0; left: 50%; width: 100%; height: inherit; transform: translateX(-50%); }

.client-box--logo-hover { opacity: 0; }

#footer-statement { max-width: 550px; margin: 0 auto 96px; }

#footer-statement p { color: #fff; font-size: 18px; line-height: 30px; margin: 0 0 20px 0; }

#footer-statement--help a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; color: #fff; border-bottom-color: #434b5e; }

#footer-statement--help a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

#footer-statement--help a:hover { color: #fff; background-color: #2b303c; border-bottom-color: #2b303c; }

#footer-footer { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: url("../css/img/footer.jpg") no-repeat; background-size: cover; width: 100%; height: 90px; text-align: center; position: relative; }

#footer-footer--inner { color: rgba(152, 164, 180, 0.6); margin: 0 auto; position: absolute; top: 35px; height: 15px; width: 100%; }

#footer-footer--inner a { text-decoration: none; color: inherit; -moz-transition: color 0.15s; -webkit-transition: color 0.15s; transition: color 0.15s; cursor: pointer; }

#footer-footer--inner a:hover { color: #fff; }

.footer-footer--section { display: inline-block; border-right: 1px solid rgba(64, 65, 72, 0.6); height: 24px; line-height: 24px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; font-size: 14px; padding: 0 20px; }

.footer-footer--section:last-child { border: none; }

.footer-footer--section .copyright { font-weight: 400; }

#footer-footer--social { font-size: 0; text-transform: none; font-family: 'Fathom Icons'; }

#footer-footer--social a { font-size: 14px; padding: 0 8px; }

#footer-footer--instagram { font-size: 12px; }

@media (max-width: 1200px) { #client-grid { max-width: 1000px; } }

@media (max-width: 1000px) { #client-grid { max-width: 460px; } }

@media (max-width: 900px) { #footer--big-links { max-width: 500px; } .footer--big-link { margin-bottom: 35px; display: block; } .footer--big-link:first-child .footer--big-link--container { margin-right: 0; } }

@media (max-width: 699px) { .footer--big-link--container { width: auto; float: none; } .footer--big-link { margin-bottom: 48px; } .footer--big-link--text { display: inline-block; position: relative; margin-left: 24px; padding-top: 12px; top: unset; transform: none; } .footer--big-link--image { width: 138px; height: 186px; } .footer--big-link--title, .footer--big-link--desc { float: none; width: 180px; } #client-grid { max-width: 300px; } .client-box { width: 146px; height: 66px; overflow: hidden; padding: 0; margin: 2px; } .client-box .client-box--hover { height: 18px; line-height: 18px; } .client-box.has-work:hover .client-box--hover { margin-top: -18px; } #footer-statement { max-width: 300px; } #footer-statement p { font-size: 16px; line-height: 26px; } #footer-footer { height: 50px; } #footer-footer--inner { top: 16px; } .footer-footer--section { font-size: 10px; padding: 0 6px; } #footer-footer--instagram { font-size: 9px; } }

@media (max-width: 440px) { .footer-footer--section:first-child { width: 70px; overflow: hidden; } }

@media (max-width: 440px) { .footer--big-link--image { margin: 0 auto; float: none; } .footer--big-link--text { display: block; margin: 0 auto; float: none; padding: 20px 35px 0 60px; } .footer--big-link--title .icon { display: none; } .footer--big-link--title .footer--big-link--title--text { line-height: 22px; height: auto; } .footer--big-link--title, .footer--big-link--desc { width: 100%; } }

#about { height: auto; color: #590a05; }

#about.team { color: #590a05; }

#about.team #about--team { display: block; }

#about.team #about--menu { color: #b2403d; }

#about.team #about--bg--fill { background: #dc825e; }

#about.team #about--bg--fill:after { opacity: 0; }

#about.team #about--bg--image { opacity: 0; }

#about.talks { color: #ffffff; }

#about.talks #about--talks { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding-top: 12px; }

#about.talks #about--bg--fill { background: #141f2b; }

#about.talks #about--bg--fill:after { opacity: 1; }

#about.talks #about--bg--image { opacity: 0; }

#about.talks #about--menu { color: #444e5e; }

#about.press { color: #ffffff; }

#about.press #about--press { display: block; }

#about.press #about--bg--fill { background: #2f1111; }

#about.press #about--bg--fill:after { opacity: 0; }

#about.press #about--bg--image { opacity: 1; background-image: url("../css/img/press.png"); }

#about.press #about--menu { color: #88414e; }

#about.clients { color: #ffffff; }

#about.clients #about--clients { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding-top: 12px; columns: 2; }

#about.clients #about--bg--fill { background: #141f2b; }

#about.clients #about--bg--fill:after { opacity: 1; }

#about.clients #about--bg--image { opacity: 0; }

#about.clients #about--menu { color: #444e5e; }

#about.team #about--menu--team, #about.talks #about--menu--talks, #about.press #about--menu--press, #about.clients #about--menu--clients { color: #ffffff; }

#about.team #about--menu--process, #about.talks #about--menu--process, #about.press #about--menu--process, #about.clients #about--menu--process { color: inherit; }

#about.team #about--menu--process:hover, #about.talks #about--menu--process:hover, #about.press #about--menu--process:hover, #about.clients #about--menu--process:hover { color: #ffffff; }

#about.team #about--process, #about.talks #about--process, #about.press #about--process, #about.clients #about--process { display: none; }

#about--wrapper { max-width: 1200px; width: auto; height: auto; margin: 0 auto; padding-top: 144px; padding-bottom: 96px; }

#about--bg--fill, #about--bg--image { display: block; position: fixed; transform: translateZ(0); backface-visibility: hidden; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

#about--bg--fill { -moz-transition: background-color 0.25s; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; background-color: #de7737; z-index: 0; }

#about--bg--fill:after { -moz-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; background: -webkit-linear-gradient(180deg, #141f2b 0%, #000008 100%); background: -moz-linear-gradient(180deg, #141f2b 0%, #000008 100%); background: linear-gradient(180deg, #141f2b 0%, #000008 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

#about--bg--image { -moz-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; z-index: 5; opacity: 1; background-position: center top; background-size: cover; background-repeat: no-repeat; background-image: url("../css/img/process.jpg"); }

#about--menu { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; z-index: 50; top: 144px; left: 0; width: 112px; height: auto; margin: 0; padding: 0 0 0 40px; color: #b2403d; }

#about--menu li { display: block; font-weight: 600; font-size: 16px; height: 48px; line-height: 48px; list-style: none; margin: 0; cursor: pointer; -moz-transition: color 0.15s; -webkit-transition: color 0.15s; transition: color 0.15s; }

#about--menu li a, #about--menu li a:active, #about--menu li a:hover, #about--menu li a:visited { display: block; width: 100%; height: 100%; color: inherit; text-decoration: none; }

#about--menu li:hover { color: #ffffff; }

.about--section { display: none; position: relative; z-index: 10; margin: 0 0 0 192px; }

#about--process { display: block; padding-top: 4px; margin-right: 64px; font-weight: 500; font-size: 22px; line-height: 36px; }

#about--process p { max-width: 800px; }

#about--process p + p { margin-top: 16px; }

#about--menu--process { color: #ffffff; }

#about--team { padding-top: 12px; }

.team-member { display: block; margin-bottom: 72px; }

.team-member--pic, .team-member--text { display: inline-block; vertical-align: top; }

.team-member--pic { width: 160px; height: 248px; margin-top: 4px; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.team-member--pic img { width: auto; height: 100%; }

.team-member--text { max-width: 616px; margin-left: 48px; }

.team-member--name { width: 100%; font-size: 24px; line-height: 32px; font-weight: 700; margin-bottom: 24px; color: #ffffff; }

.team-member--bio-column { display: inline-block; vertical-align: top; max-width: 280px; }

.team-member--bio-column p { font-size: 14px; line-height: 20px; }

.team-member--bio-column p + p { margin-top: 8px; }

.team-member--bio-column.team-member--bio-column-second { margin-left: 32px; }

.team-member--bio-column .team-member--bio--pronouns { font-weight: 600; margin-top: 24px; }

.italicize { font-style: italic; }

.talk + .talk { margin-top: 96px; }

#about--press { margin: 0 0 0 144px; padding-top: 14px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.press-item { display: block; max-width: 640px; margin: 0 auto; cursor: default; }

.press-item + .press-item { margin-top: 48px; }

.press-item a, .press-item a:active, .press-item a:hover, .press-item a:visited { color: inherit; text-decoration: none; cursor: pointer; }

.press-item a { display: block; width: 100%; height: 100%; }

.press-item a:hover .press-item--source { color: #ffffff; }

.press-item a:hover .press-item--source .icon { opacity: 1; }

.press-item--secondary { display: block; font-weight: 700; font-size: 14px; line-height: 20px; margin-bottom: 8px; color: #aab4c5; }

.press-item--title, .press-item--source { display: inline-block; vertical-align: top; font-size: 18px; line-height: 26px; }

.press-item--title { width: 480px; font-weight: 700; color: #ffffff; }

.press-item--source { -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; position: relative; margin-left: 48px; width: auto; max-width: 112px; font-weight: 400; color: #d34867; }

.press-item--source .icon { -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0.5; color: inherit; display: inline-block; position: absolute; top: 0; right: 100%; margin-top: -1px; margin-right: 12px; }

.talk-cover { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.talk-item--embed { position: relative; width: 100%; height: 100%; }

.talk-item { display: inline-block; position: relative; vertical-align: top; margin: 0 12px 48px; width: 470px; height: 270px; text-align: center; }

.talk--image { position: absolute; overflow: hidden; left: 0; right: 0; top: 0; bottom: 0; }

.talk--image img { width: 100%; }

.talk--cover { background: -webkit-linear-gradient(180deg, rgba(0, 0, 8, 0) 0%, rgba(0, 0, 8, 0) 50%, #000008 100%); background: -moz-linear-gradient(180deg, rgba(0, 0, 8, 0) 0%, rgba(0, 0, 8, 0) 50%, #000008 100%); background: linear-gradient(180deg, rgba(0, 0, 8, 0) 0%, rgba(0, 0, 8, 0) 50%, #000008 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.talk--bottom { position: relative; display: block; width: 100%; height: auto; text-align: left; }

.talk--button { display: block; position: absolute; vertical-align: top; height: 72px; width: 24px; margin-right: 24px; padding: 0; background: none; line-height: 72px; text-align: center; color: #ffffff; cursor: pointer; }

.talk--button .icon { -moz-transition: font-size 0.25s; -webkit-transition: font-size 0.25s; transition: font-size 0.25s; display: inline-block; margin-left: -3px; font-size: 24px; }

.talk--button .orb { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; display: block; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 12px; transform: translate(-50%, -50%); background-color: #ffffff; }

.talk--button.on { cursor: default; }

.talk--button.on .icon { font-size: 0; }

.talk--button.on .orb { width: 24px; height: 24px; background-color: #45566e; }

.talk--text { display: block; position: relative; margin: 0 48px; padding-top: 22px; text-align: left; }

.talk--title, .talk--event { display: block; }

.talk--title { font-weight: 500; font-size: 20px; line-height: 28px; color: #ffffff; }

.talk--event { font-weight: 700; font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 0.6px; color: #444e5e; margin-top: 12px; }

.client { font-size: 20px; margin-bottom: 14px; }

@media (max-width: 1100px) { .team-member--text { max-width: 544px; } .team-member--bio-column { display: inline-block; max-width: 256px; } #about.clients #about--clients { columns: 1; margin-right: 20px; } }

@media (max-width: 1000px) { .team-member--bio-column { display: block; max-width: 360px; } .team-member--bio-column.team-member--bio-column-second { margin-top: 8px; margin-left: 0; } .press-item { max-width: 560px; } .press-item--title { max-width: 360px; } }

@media (max-width: 800px) { .about--section { margin-left: 172px; } #about--press { margin: 0 48px 0 160px; } .press-item { transform: none; margin: 0 auto; padding-left: 12px; max-width: 360px; } .press-item--title, .press-item--source { display: block; max-width: unset; width: auto; } .press-item--source { margin: 16px 0 0; } }

@media (max-width: 768px) { #about--process { padding-top: 8px; font-size: 18px; line-height: 30px; } .team-member { margin-right: 48px; } .team-member--pic, .team-member--text { display: block; } .team-member--text { margin-top: 32px; margin-left: 0; } .team-member--name { margin-bottom: 16px; } .team-member--bio-column { display: inline-block; max-width: 45%; } .team-member--bio-column.team-member--bio-column-second { margin-top: 0; margin-left: 32px; } }

@media (max-width: 699px) { #about--process { padding-top: 11px; font-size: 16px; line-height: 26px; margin-right: 32px; } .about--section { margin-left: 172px; } .team-member--bio-column { display: block; max-width: 380px; } .team-member--bio-column.team-member--bio-column-second { margin-top: 8px; margin-left: 0; } }

@media (max-width: 500px) { .about--section { margin-left: 152px; } }

@media (max-width: 440px) { #about--wrapper { padding-top: 100px; } .about--section { margin-left: 32px; } #about--press { margin: 20px 48px 0; } #about--menu { text-align: center; top: 60px; background: #e6773e; left: 0; width: auto; right: 0; height: auto; margin: 0; padding: 0 20px 0 20px; } .talks #about--menu { background: #040811; } .press #about--menu { background: #3e0e19; } #about--menu li { display: inline-block; margin: 0 8px; } }

#notebook-wrapper { background: #fff; padding-top: 60px; width: 900px; margin: 0 auto; }

#notebook-list--intro { margin-top: 120px !important; margin-bottom: 40px !important; }

#notebook-list--intro .notebook-list--intro--innercontainer { max-width: 650px; margin: auto; color: #8288a3; }

#notebook-list--intro .notebook-list--intro--innercontainer h1 { font-weight: 700; font-size: 32px; }

#notebook-list--intro .notebook-list--intro--innercontainer .notebook-list--intro--em { font-weight: 600; }

.notebook-list--post { margin-bottom: 60px; }

.notebook-list--post a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; }

.notebook-list--post a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

.notebook-post--anchor { scroll-margin-top: 60px; }

.notebook-post--wrapper { padding-top: 60px; }

.notebook-post--wrapper a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; }

.notebook-post--wrapper a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

.notebook-post--wrapper p { margin-bottom: 20px; }

#notebook-list--intro, .notebook-post--innercontainer, .notebook--pagination { width: 900px; margin: 30px auto 100px auto; font-size: 18px; line-height: 30px; }

#notebook-list--intro h2, #notebook-list--intro h3, #notebook-list--intro h4, .notebook-post--innercontainer h2, .notebook-post--innercontainer h3, .notebook-post--innercontainer h4, .notebook--pagination h2, .notebook--pagination h3, .notebook--pagination h4 { max-width: 650px; margin: 60px auto 0; line-height: 1.35em; }

#notebook-list--intro p, .notebook-post--innercontainer p, .notebook--pagination p { margin: 20px auto; max-width: 650px; }

#notebook-list--intro p.video-embed, .notebook-post--innercontainer p.video-embed, .notebook--pagination p.video-embed { max-width: unset; margin: 40px auto; }

#notebook-list--intro blockquote, .notebook-post--innercontainer blockquote, .notebook--pagination blockquote { margin: 20px auto; max-width: 650px; font-style: italic; border-left: 5px solid #eee; padding: 0 0 0 30px; }

#notebook-list--intro blockquote p, .notebook-post--innercontainer blockquote p, .notebook--pagination blockquote p { margin-top: 0; margin-bottom: 10px; }

#notebook-list--intro .blockquote--attrib, .notebook-post--innercontainer .blockquote--attrib, .notebook--pagination .blockquote--attrib { padding-left: 38px; }

#notebook-list--intro ul, #notebook-list--intro ol, .notebook-post--innercontainer ul, .notebook-post--innercontainer ol, .notebook--pagination ul, .notebook--pagination ol { max-width: 650px; margin: 0 auto; }

#notebook-list--intro ul li::marker, #notebook-list--intro ol li::marker, .notebook-post--innercontainer ul li::marker, .notebook-post--innercontainer ol li::marker, .notebook--pagination ul li::marker, .notebook--pagination ol li::marker { color: #99b1c1; }

#notebook-list--intro .section-divider, .notebook-post--innercontainer .section-divider, .notebook--pagination .section-divider { height: 1px; width: 100%; max-width: 650px; margin: 40px auto; background-color: #eee; }

#notebook-list--intro li, .notebook-post--innercontainer li, .notebook--pagination li { margin-bottom: 10px; }

#notebook-list--intro .f-img, .notebook-post--innercontainer .f-img, .notebook--pagination .f-img { margin-bottom: 30px; margin-top: 30px; }

#notebook-list--intro .gallery, .notebook-post--innercontainer .gallery, .notebook--pagination .gallery { margin: 0 auto; }

#notebook-list--intro .f-img--caption, #notebook-list--intro .video-embed--caption, .notebook-post--innercontainer .f-img--caption, .notebook-post--innercontainer .video-embed--caption, .notebook--pagination .f-img--caption, .notebook--pagination .video-embed--caption { color: #696969; margin-top: 8px; font-size: 16px; line-height: 22px; }

#notebook-list--intro .video-embed--caption, .notebook-post--innercontainer .video-embed--caption, .notebook--pagination .video-embed--caption { display: block; margin: auto; max-width: 550px; }

#notebook-list--intro .li-marker, .notebook-post--innercontainer .li-marker, .notebook--pagination .li-marker { font-weight: 700; }

#notebook-list--intro hr, .notebook-post--innercontainer hr, .notebook--pagination hr { border: none; border-top: 1px solid #99b1c1; margin: 50px 0; }

#notebook-list--intro .cp_embed_wrapper, .notebook-post--innercontainer .cp_embed_wrapper, .notebook--pagination .cp_embed_wrapper { margin: 40px auto; }

.notebook-post--featuredimage-container { width: 100%; max-width: 1200px; height: 400px; overflow: hidden; position: relative; margin: 0 auto; }

.notebook-post--featuredimage { position: absolute; top: -100px; width: 1200px; height: 550px; background: #ddd; overflow: hidden; }

.notebook-post--featuredimage img { width: 100%; }

.post--220802 .notebook-post--featuredimage { top: -20px; }

.post--220802 .notebook-post--featuredimage-mobile { top: -50px; }

.post--200310 .notebook-post--featuredimage { top: -140px; }

.post--201217 .notebook-post--featuredimage img { width: calc(100% + 200px); margin-left: -100px; }

.post--201217 .notebook-post--featuredimage-mobile { top: -20px; }

.post--201217 .notebook-post--featuredimage-mobile img { width: calc(100% + 40px); margin-left: -40px; }

.post--200106 .notebook-post--featuredimage, .post--200106 .notebook-post--featuredimage-mobile { top: 0; height: 100%; width: 100%; border: 1px solid #eee; background: #fff; }

.post--200106 .notebook-post--featuredimage img, .post--200106 .notebook-post--featuredimage-mobile img { height: inherit; width: auto; margin: auto; display: block; }

.notebook-post--featuredimage-mobile { display: none; position: absolute; left: 0; top: -100px; width: 100%; height: 600px; background: #ddd; overflow: hidden; }

.notebook-post--featuredimage-mobile img { width: 100%; }

.notebook-post--title-container { max-width: 650px; margin: 0 auto; }

.notebook-post--title { font-size: 34px; line-height: 40px; font-weight: 700; color: #3b3b3b; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; }

.notebook-post--title:hover { color: #000000; }

.notebook-post--readmore { max-width: 650px; margin: 0 auto; }

.notebook-post--author-container { line-height: 20px; font-size: 14px; max-width: 650px; margin: 0 auto 50px auto; }

.notebook-post--author-container--inner { display: flex; flex-direction: row-reverse; }

.notebook-post--author--text { text-align: center; text-align: right; margin-right: 8px; }

.notebook-post--date { color: #99b1c1; font-weight: 600; }

.notebook-post--author-image { width: 36px; height: 36px; border-radius: 20px; }

.notebook-post--author-name a { color: #99b1c1; border: none; font-weight: 600; }

.notebook-post--author-name a:hover { background-color: #eeeeee; }

.notebook-post--intro { font-size: 20px; margin: 30px auto; max-width: 650px; }

.notebook--pagination { max-width: 650px; margin: 0 auto 30px auto; display: flex; justify-content: space-evenly; }

.notebook--pagination a { -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; position: relative; color: #000008; text-decoration: none; padding: 4px 0 2px; background-color: transparent; border-bottom: 2px solid #c0c8db; }

.notebook--pagination a:hover { color: #000008; background-color: #dee4f0; border-bottom-color: #dee4f0; }

.notebook-post--outro { margin-top: 85px; margin-bottom: 65px; }

.notebook-post--outro p { border-top: 1px #ddd solid; padding-top: 30px; color: #4a4a4a; }

.notebook-post--outro p span { font-weight: 600; }

@media (max-width: 950px) { #notebook-list--intro, .notebook-post--innercontainer, .notebook--pagination { width: 650px; } .notebook-post--intro { margin: 20px auto; } }

@media (max-width: 768px) { .notebook-post--featuredimage-container { height: 256px; } .notebook-post--featuredimage { width: 100%; } }

@media (max-width: 700px) { #notebook-list--intro, .notebook-post--innercontainer, .notebook--pagination { width: auto; margin: 20px 30px; } }

@media (max-width: 740px) { .notebook-post--featuredimage { display: none; } .notebook-post--featuredimage-container { width: 100%; height: 350px; } .notebook-post--featuredimage-mobile { display: block; } }

@media (max-width: 530px) { .notebook-post--featuredimage-container { width: 100%; height: 200px; } .notebook-post--featuredimage-mobile { height: 450px; } .notebook-post--wrapper p { font-size: 16px; line-height: 28px; margin: 10px auto; } }

@media (max-width: 320px) { .notebook-post--featuredimage-container { height: 200px; } }

#error-page--wrapper { position: relative; background: #000008; margin-top: 60px; height: 280px; background-image: url("../css/img/pattern/link-tile.svg"); background-size: 256px 240px; background-repeat: repeat; background-position: top left; }

#error-page--wrapper p { position: absolute; top: 50%; left: 50%; width: auto; height: auto; transform: translate(-50%, -50%); margin: 0; padding: 0; font-size: 24px; line-height: 34px; text-align: center; white-space: nowrap; color: #ffffff; }

#error-page--wrapper .br--404--compact { display: none; }

@media (max-width: 500px) { #error-page--wrapper { background-size: 192px 180px; } #error-page--wrapper p { white-space: normal; font-size: 18px; } #error-page--wrapper .br--404--compact { display: inline; } }

#privacy--wrapper { font-size: 18px; line-height: 24px; color: #000008; background: #ffffff; padding-top: 60px; }

#privacy--wrapper--inner { max-width: 890px; margin: 0 auto; padding: 80px 20px; }

#privacy--wrapper--inner h1 { line-height: 38px; }

#privacy--wrapper--inner p { margin-top: 20px; }

#privacy--wrapper--inner table { margin: 20px 0; }

#privacy--wrapper--inner td { padding: 10px; border: 1px solid #000; }

.privacy--cookie-table--lifespan { width: 150px; }

@media (max-width: 600px) { #privacy--wrapper--inner td { font-size: 12px; line-height: 14px; padding: 8px; } }

/*# sourceMappingURL=main.css.map */