@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

:root{--margin-x-large: 200px;--margin-large: 100px;--margin-medium: 45px;--margin-small: 25px;--margin-x-small: 12px}@media(max-width: 1440px){:root{--margin-x-large: 180px;--margin-large: 90px;--margin-medium: 40px;--margin-small: 22px;--margin-x-small: 10px}}@media(max-width: 1024px){:root{--margin-x-large: 140px;--margin-large: 70px;--margin-medium: 30px;--margin-small: 18px;--margin-x-small: 8px}}@media(max-width: 640px){:root{--margin-x-large: 110px;--margin-large: 55px;--margin-medium: 25px;--margin-small: 15px;--margin-x-small: 6px}}body{margin-top:5px}body.watch{margin-top:0}body>section{margin-top:var(--margin-large);margin-bottom:var(--margin-large)}.full-w-container{padding-left:var(--margin-small);padding-right:var(--margin-small);box-sizing:border-box}@media(min-width: 750px){.full-w-container{padding-left:var(--margin-medium);padding-right:var(--margin-medium)}}.full-w-container .content{position:relative;width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.full-w-container .content--wide{max-width:none}.full-w-container .content--info-page{max-width:900px}a.btn,.btn{font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:.6px;text-align:center;text-transform:uppercase;text-decoration:none;border-radius:4px;border:2px solid rgba(0,0,0,0);padding-top:2rem;padding-bottom:2rem;padding-left:2.5rem;padding-right:2.5rem;cursor:pointer;transition:background-color .3s;display:inline-block}a.btn--medium,.btn--medium{font-size:1.4rem;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px}a.btn--small,.btn--small{font-size:1.2rem;padding-left:15px;padding-right:15px;padding-top:7px;padding-bottom:7px}a.btn:hover,.btn:hover{text-decoration:none}a.btn--primary-dark,.btn--primary-dark{color:#fff;background-color:#000;border:2px solid #fff}a.btn--primary-dark:hover,.btn--primary-dark:hover{color:#fff;background-color:#343434}a.btn--primary-dark.disabled,.btn--primary-dark.disabled{cursor:not-allowed;background-color:gray;color:silver}a.btn--primary-light,.btn--primary-light{color:#000;background-color:#fff}a.btn--primary-light:hover,.btn--primary-light:hover{background-color:#dcdcdc}a.btn--secondary-dark,.btn--secondary-dark{color:#fff;background-color:rgba(255,255,255,.2);border:2px solid #fff;transition:all .2s}a.btn--secondary-dark:hover,.btn--secondary-dark:hover{background-color:rgba(255,255,255,0)}a.btn--secondary-light,.btn--secondary-light{color:#000;background-color:rgba(255,255,255,.2);border:2px solid #000;transition:all .2s}a.btn--secondary-light:hover,.btn--secondary-light:hover{background-color:rgba(255,255,255,0)}a.btn--secondary-colored,.btn--secondary-colored{color:var(--issue-color);--hover-color: color-mix(in oklab, var(--issue-color), black 5%);background-color:rgba(255,255,255,.2);border:2px solid var(--issue-color);transition:all .2s}a.btn--secondary-colored:hover,.btn--secondary-colored:hover{color:var(--hover-color);background-color:rgba(255,255,255,0);border:2px solid var(--hover-color)}a.btn--secondary-play,.btn--secondary-play{background-image:url(../images/icon-light-play.svg);background-repeat:no-repeat;background-position:center left;background-size:12px auto;background-position:25px center;padding-left:50px;padding-right:25px;color:#fff;background-color:rgba(255,255,255,.2);border:2px solid #fff;transition:all .2s}a.btn--secondary-play:hover,.btn--secondary-play:hover{background-color:rgba(255,255,255,0);background-position:28px center}a.btn--action-successful,.btn--action-successful{background-color:green}@font-face{font-family:"Arial-GroteskBold";src:url(../fonts/ArialGrotesk-Bold.eot);src:url(../fonts/ArialGrotesk-Bold.woff) format("woff"),url(../fonts/ArialGrotesk-Bold.otf) format("opentype"),url(../fonts/ArialGrotesk-Bold.ttf) format("opentype"),url(../images/ArialGrotesk-Bold.svg#filename) format("svg");font-style:normal;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:"Arial-GroteskRegular";src:url(../fonts/ArialGrotesk-Regular.eot);src:url(../fonts/ArialGrotesk-Regular.woff) format("woff"),url(../fonts/ArialGrotesk-Regular.ttf) format("opentype"),url(../images/ArialGrotesk-Regular.svg#filename) format("svg");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:"Arial-GroteskLight";src:url(../fonts/ArialGrotesk-Light.eot);src:url(../fonts/ArialGrotesk-Light.woff) format("woff"),url(../fonts/ArialGrotesk-Light.otf) format("opentype"),url(../fonts/ArialGrotesk-Light.ttf) format("opentype"),url(../images/ArialGrotesk-Light.svg#filename) format("svg");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:"BiancoSerif";src:url(../fonts/BiancoSerif-Regular.eot);src:url(../fonts/BiancoSerif-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/BiancoSerif-Regular.woff) format("woff"),url(../fonts/BiancoSerif-Regular.ttf) format("truetype"),url(../images/BiancoSerif-Regular.svg#BiancoSerif-Regular) format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"BiancoSerif";src:url(../fonts/BiancoSerif-Bold.eot);src:url(../fonts/BiancoSerif-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/BiancoSerif-Bold.woff) format("woff"),url(../fonts/BiancoSerif-Bold.ttf) format("truetype"),url(../images/BiancoSerif-Bold.svg#BiancoSerif-Bold) format("svg");font-style:normal;font-weight:700}html{font-size:62.5%}body{font-family:"Arial-GroteskLight",Georgia;font-size:1.8rem;letter-spacing:.4px;line-height:1.7}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0}h1{font-family:"BiancoSerif",Georgia;font-size:8rem;letter-spacing:3px;line-height:8.4rem;font-weight:400}h2{font-family:"BiancoSerif",Georgia;font-size:6.4rem;letter-spacing:2.3px;line-height:7rem;font-weight:400}h3{font-family:"BiancoSerif",Georgia;font-size:5.2rem;letter-spacing:1.8px;line-height:5.8rem;font-weight:400}.h3--underline{border-bottom:3px solid #000;padding-bottom:1rem}h4{font-family:"BiancoSerif",Georgia;font-size:4.2rem;letter-spacing:1.5px;line-height:4.8rem;font-weight:400}h5{font-family:"BiancoSerif",Georgia;font-size:3.4rem;letter-spacing:1.3px;line-height:4rem;font-weight:400}.quote{font-size:3rem;letter-spacing:1.2px;line-height:3.6rem}.caption-1-title{font-family:"Arial-GroteskRegular";font-size:1.6rem;letter-spacing:.6px}.caption-1-body{font-family:"Arial-GroteskLight";font-size:1.4rem;letter-spacing:.6px}.caption-2-title{font-family:"Arial-GroteskRegular";font-size:1.4rem;letter-spacing:.5px}.caption-2-body{font-family:"Arial-GroteskLight";font-size:1.2rem;letter-spacing:.5px}@media(max-width: 1440px){body{font-size:1.7rem;letter-spacing:.6px}h1{font-size:7rem;letter-spacing:2.2px;line-height:7.6rem}h2{font-size:5.6rem;letter-spacing:1.8px;line-height:6.2rem}h3{font-size:4.4rem;letter-spacing:1.5px;line-height:5rem}h4{font-size:3.2rem;letter-spacing:1.2px;line-height:3.8rem}h5{font-size:2.6rem;letter-spacing:1px;line-height:3.2rem}.quote{font-size:2.6rem;letter-spacing:1px;line-height:3.2rem}}@media(max-width: 1024px){body{font-size:1.6rem;letter-spacing:.6px}h1{font-size:5.6rem;letter-spacing:1.8px;line-height:6rem}h2{font-size:4.8rem;letter-spacing:1.6px;line-height:5.2rem}h3{font-size:3.6rem;letter-spacing:1.2px;line-height:4rem}h4{font-size:2.6rem;letter-spacing:1px;line-height:3rem}h5{font-size:2.1rem;letter-spacing:1px;line-height:2.5rem}.quote{font-size:2.2rem;letter-spacing:.8px;line-height:2.8rem}}@media(max-width: 640px){body{font-size:1.5rem;letter-spacing:.5px}h1{font-size:4.6rem;letter-spacing:1.6px;line-height:5rem}h2{font-size:3.6rem;letter-spacing:1.2px;line-height:4rem}h3{font-size:2.8rem;letter-spacing:1px;line-height:3.2rem}h4{font-size:2.4rem;letter-spacing:.8px;line-height:2.8rem}h5{font-size:2rem;letter-spacing:1px;line-height:2.4rem}.quote{font-size:2rem;letter-spacing:.5px;line-height:2.4rem}}a,a:visited,a:hover,a:active,.a,.a:visited .a:hover .a:active{color:#000;background:none;border:none;cursor:pointer}.a--dark{color:#fff}a,.a{text-decoration:none;background:none;position:relative}a:hover,.a:hover{text-decoration:underline}p a{text-decoration:underline}b,strong{font-weight:bold;font-family:"Arial-GroteskBold"}.no-wrap{white-space:nowrap}.intro-overlay{opacity:0;position:fixed;z-index:9999;width:100%;height:105vh;top:0;left:0;background-color:var(--fotta-number-color);overflow:hidden;will-change:transform}.intro-overlay .intro-overlay__logo-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;position:absolute;top:0;opacity:1}.intro-overlay .intro-overlay__logo-wrapper img{height:50px}.intro-overlay.animate{opacity:1;display:block;transform:translate3d(0px, -105vh, 0px);transition:transform 500ms ease-in 300ms;transform-style:preserve-3d}.intro-overlay.animate .intro-overlay__logo-wrapper{transition:transform 200ms ease-in,opacity 200ms ease-out;transform:translate3d(0px, -5vh, 0px);opacity:0;transform-style:preserve-3d}.intro-overlay.disabled{display:none}.issue-navigator-wrapper{position:absolute;height:40px;width:100%;z-index:99}.issue-navigator{position:fixed;top:0;overflow:hidden;height:5px;width:100%;transition:height .2s ease-out;background-color:#000}.issue-navigator ul.issue-list{padding:0;margin:0;list-style:none;position:absolute;width:100%;transition-property:top,opacity;transition-duration:.2s;transition-timing-function:ease-out;opacity:0}.issue-navigator li{position:relative;background-color:#000;height:40px;transition:opacity .2s ease-out}.issue-navigator li .fotta-bar{height:100%;position:absolute;width:100%;z-index:1}.issue-navigator li .label{height:100%;line-height:40px;position:absolute;width:100%;z-index:2;display:flex;justify-content:space-between;padding:0 80px;box-sizing:border-box;font-family:Arial-GroteskRegular,serif;font-size:1.4rem}.issue-navigator li .label span:last-child{font-family:Arial-GroteskRegular,serif}@media(max-width: 1024px){.issue-navigator li .label{padding:0 5%}}.issue-navigator li:hover{opacity:.9}.issue-navigator li.fotta-1 .fotta-bar{background-color:#ffaa4d}.issue-navigator li.fotta-2 .fotta-bar{background-color:#5ddbd3}.issue-navigator li.fotta-3 .fotta-bar{background-color:#fff200}.issue-navigator li.fotta-4 .fotta-bar{background-color:#fcc2cc}.issue-navigator li.fotta-5 .fotta-bar{background-color:#e2c7b8}.issue-navigator li.fotta-6 .fotta-bar{background-color:#6fbfe1}.issue-navigator li.fotta-7 .fotta-bar{background-color:#e40e20}.issue-navigator li.fotta-8 .fotta-bar{background-color:#006092}.issue-navigator li.fotta-9 .fotta-bar{background-color:#a9d6c2}.issue-navigator li.fotta-10 .fotta-bar{background-color:#009456}.issue-navigator li.fotta-11 .fotta-bar{background-color:#e85946}.issue-navigator li.fotta-12 .fotta-bar{background-color:#bf587d}.issue-navigator li.fotta-13 .fotta-bar{background-color:#ffef00}.issue-navigator li.fotta-14 .fotta-bar{background-color:#e84e0f}.issue-navigator.opened li{cursor:pointer}body{transition:margin-top .2s ease-out}.issue-navigator-open-close-butt{position:absolute;cursor:pointer;opacity:.7;z-index:9999;width:38px;height:38px;border-radius:19px;right:50%;margin-right:-19px;top:10px;transition-property:opacity,top;transition-duration:.2s;transition-timing-function:ease-out}.issue-navigator-open-close-butt .open-close-arrow{width:100%;height:auto;transform:rotate(180deg)}.issue-navigator-open-close-butt.visible .open-close-arrow{transform:rotate(0)}.issue-navigator-open-close-butt:hover{opacity:1}.auth-overlay{position:fixed;opacity:0;top:0;height:100vh;width:100vw;z-index:9999;backdrop-filter:blur(3px);background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;transition:opacity .3s ease-in}.auth-overlay.visible{opacity:1}.auth-page-content{display:flex;flex-direction:row;justify-content:center}.auth-page-content>div{padding:var(--margin-large);width:100%;max-width:500px;box-sizing:border-box}@media(max-width: 640px){.auth-page-content>div{padding:var(--margin-medium)}}.auth-page-content .auth-action-intro{background-color:#dcdcdc;border-top-left-radius:5px;border-bottom-left-radius:5px}@media(max-width: 640px){.auth-page-content .auth-action-intro{display:none}}.auth-page-content .auth-action-form{background-color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}@media(max-width: 640px){.auth-page-content .auth-action-form{border-radius:5px;margin:var(--margin-small)}}.auth-action-form .lost-password-link,.auth-action-form .lost-password-link{text-align:right;margin:var(--margin-small) 0}.auth-action-form .lost-password-link{font-size:1.4rem}.auth-action-form .create-account-link{margin-top:var(--margin-large);text-align:center}.main-nav{width:100%;justify-content:space-between;padding-top:var(--margin-small);padding-bottom:var(--margin-small)}.main-nav .content{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:100%}.main-nav .logo-wrapper small{color:var(--fotta-number-color);display:block;text-align:center;font-size:1.6rem;font-family:"Arial-GroteskBold";margin-top:5px}.main-nav .logo-nav{height:55px;display:block}@media(max-width: 640px){.main-nav .logo-nav{height:45px}}.main-nav .logo-nav--small{height:40px}.main-nav .logo-nav #logo-extended-light{transition:fill .3s}.main-nav--absolute-positioned{position:absolute;z-index:9}header.landing-header{position:relative;display:flex;justify-content:flex-end;height:85vh;max-height:800px}@media(max-height: 800px){header.landing-header{height:80vh}}header.landing-header h2{font-size:6.7rem}header .overlay{content:"";position:absolute;height:100%;width:100%;top:0;background:#000;background:linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.9) 100%);opacity:.6}.watch header{height:100vh}.video-intro{position:absolute;top:0;height:100%;width:100%;color:#fff;text-align:left;margin-bottom:var(--margin-large)}.video-intro .content{display:flex;justify-content:flex-end;flex-direction:column;height:100%}.video-intro .intro-text{margin-bottom:var(--margin-medium)}.video-intro .intro-text p{margin:var(--margin-medium) 0;line-height:1.4}.video-intro h1{margin-bottom:var(--margin-small)}@media(max-height: 500px){.video-intro h1{font-size:3rem;line-height:3rem}}#main-video{width:100%;height:100vh;max-height:0;opacity:0;left:5000px;transition:opacity .3s;position:fixed;top:0;z-index:9999}@media(max-width: 640px){#main-video{background-position:left -160px top}}#main-video.playing{display:block;opacity:1;left:0;max-height:none}body.playing{border-top:0}.fotta-bar{background-color:#000;position:fixed;z-index:10;width:100%;top:0}.fotta-bar .fotta-bar__color-bar{height:5px;width:100%}.why-fotta{background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;margin-top:0;padding-top:var(--margin-large);padding-bottom:var(--margin-large)}.why-fotta .content{max-width:70%}@media(max-width: 1024px){.why-fotta .content{max-width:90%}}.why-fotta p{margin:0}.why-fotta b{font-family:"Arial-GroteskBold",Georgia,serif}#logout-form{display:none}