/*! 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;
}
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
  display: none !important;
}
/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}
/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}
/* roboto-serif-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/roboto-serif-v7-latin-ext_latin-300.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/assets/fonts/roboto-serif-v7-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/roboto-serif-v7-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/roboto-serif-v7-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/roboto-serif-v7-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/roboto-serif-v7-latin-ext_latin-300.svg#RobotoSerif') format('svg');
  /* Legacy iOS */
}
/* roboto-serif-600 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/roboto-serif-v7-latin-ext_latin-600.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/assets/fonts/roboto-serif-v7-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/roboto-serif-v7-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/roboto-serif-v7-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/roboto-serif-v7-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/roboto-serif-v7-latin-ext_latin-600.svg#RobotoSerif') format('svg');
  /* Legacy iOS */
}
/* source-serif-pro-regular - latin-ext_latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-regular.svg#SourceSerifPro') format('svg');
  /* Legacy iOS */
}
/* source-serif-pro-700 - latin-ext_latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/source-serif-pro-v15-latin-ext_latin-700.svg#SourceSerifPro') format('svg');
  /* Legacy iOS */
}
/* playfair-display-regular - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/playfair-display-v29-latin-ext_latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/assets/fonts/playfair-display-v29-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/playfair-display-v29-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/playfair-display-v29-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/playfair-display-v29-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/playfair-display-v29-latin-ext_latin-regular.svg#PlayfairDisplay') format('svg');
  /* Legacy iOS */
}
/* playfair-display-800 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/fonts/playfair-display-v29-latin-ext_latin-800.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/assets/fonts/playfair-display-v29-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/playfair-display-v29-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/playfair-display-v29-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/playfair-display-v29-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/playfair-display-v29-latin-ext_latin-800.svg#PlayfairDisplay') format('svg');
  /* Legacy iOS */
}
/* Mona Sans */
@font-face {
  font-family: 'Mona Sans';
  src: url('/assets/fonts/Mona-Sans.woff2') format('woff2 supports variations'), url('/assets/fonts/Mona-Sans.woff2') format('woff2-variations'), url('/assets/fonts/Mona-Sans.woff') format('woff'), url('/assets/fonts/Mona-Sans.ttf') format('truetype');
  font-weight: 200 900;
  font-stretch: 75% 125%;
}
html.with-background {
  background-image: url(/assets/img/bg-mobile.jpg);
  background-size: 900px;
  background-position: 40% 240px;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 900px) {
  html.with-background {
    background-image: url(/assets/img/bg.jpg);
    background-size: 1408px;
    background-position: 53% 180px;
  }
}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  min-width: 375px;
}
* {
  box-sizing: border-box;
}
a {
  color: #0b74ff;
}
a:hover {
  color: #062f5d;
}
a.dark-bg {
  color: #3e91ff;
}
a.dark-bg:hover {
  color: #005dd7;
}
a.u-on-hover {
  text-decoration: none;
}
a.u-on-hover:hover {
  text-decoration: underline;
}
.top-bar {
  padding: 20px;
  width: 100%;
  min-height: 90px;
  line-height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  z-index: 100;
}
@media only screen and (min-width: 900px) {
  .top-bar {
    position: fixed;
    top: 0;
    left: 0;
  }
}
.top-bar .wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.top-bar .logo {
  display: block;
  float: left;
  line-height: 40px;
}
@media only screen and (min-width: 900px) {
  .top-bar .logo {
    margin-right: 30px;
  }
}
.top-bar .logo img {
  width: 125px;
  height: 53px;
  position: relative;
  top: -6px;
}
.top-bar .search {
  display: none;
  position: relative;
}
@media only screen and (min-width: 900px) {
  .top-bar .search {
    display: inline;
  }
}
.top-bar .search input {
  border: 1px solid #888;
  border-radius: 4px;
  padding: 10px 14px;
  color: #222;
  width: 350px;
  font-weight: 300;
}
.top-bar .search input::placeholder {
  color: #bbb;
}
.top-bar .search input:focus::placeholder {
  color: transparent;
}
.top-bar .search .go {
  position: absolute;
  top: -2px;
  right: 8px;
  line-height: 24px;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}
.top-bar .search .go svg {
  position: relative;
  top: -1px;
  fill: #aaa;
}
.top-bar .top-menu-trigger {
  float: right;
  line-height: 50px;
  padding-left: 20px;
  text-decoration: none;
  color: inherit;
}
@media only screen and (min-width: 900px) {
  .top-bar .top-menu-trigger {
    display: none;
  }
}
.top-bar .top-menu-trigger img {
  width: 24px;
  height: 24px;
}
.top-bar .top-menu {
  display: none;
  padding-top: 70px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 900px) {
  .top-bar .top-menu {
    display: block;
    float: right;
    padding: 0;
  }
  .top-bar .top-menu .with-underline {
    text-decoration: none;
  }
  .top-bar .top-menu .with-underline:hover {
    text-decoration: underline;
  }
}
.top-bar .top-menu .menu-item:not(.button) {
  position: relative;
  display: block;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 10px;
  border-radius: 5px;
  line-height: 25px;
  margin-bottom: 10px;
  color: inherit;
}
@media only screen and (min-width: 900px) {
  .top-bar .top-menu .menu-item:not(.button) {
    display: inline;
    margin-left: 30px;
    background-color: transparent;
    padding: 0;
    line-height: 40px;
    cursor: pointer;
  }
}
.top-bar .top-menu .menu-item.button {
  display: block;
  line-height: 25px;
}
@media only screen and (min-width: 900px) {
  .top-bar .top-menu .menu-item.button {
    display: inline;
    margin-left: 30px;
  }
}
.top-bar-message {
  display: none;
  position: relative;
  padding: 10px 20px;
  width: 100%;
  margin-top: -37px;
  margin-bottom: 30px;
  z-index: 101;
  border-top: 1px solid #d7a7de;
  border-bottom: 1px solid #d7a7de;
  background-color: #f6ecf8;
}
@media only screen and (min-width: 900px) {
  .top-bar-message {
    display: block;
  }
}
.top-bar-message .wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.top-bar-message .button {
  margin-left: 10px;
}
.top-bar-message .button.smaller {
  padding: 2px 9px;
}
@media only screen and (min-width: 900px) {
  body {
    padding-top: 130px;
  }
  html[data-scrolled="yes"] .top-bar {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09);
  }
  html[data-scrolled="yes"] .top-bar-message {
    z-index: 99;
  }
  html.without-message .top-bar-message {
    display: none;
  }
}
footer {
  position: relative;
  margin-top: 100px;
  color: #fff;
  background-color: #000;
  padding-top: 20px;
}
footer .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
}
footer .mission {
  margin-bottom: 30px;
}
footer .mission .name {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 26px;
}
@media only screen and (min-width: 900px) {
  footer .mission .name {
    font-size: 34px;
  }
}
footer .mission p {
  line-height: 1.6;
  font-weight: 300;
  margin: 25px 0;
}
footer .filters {
  display: none;
  height: 600px;
}
footer .filters .filter {
  width: 250px;
  float: left;
  font-weight: 300;
}
footer .filters .filter .filter-title {
  margin-bottom: 30px;
  color: #888;
}
footer .filters .filter ul {
  list-style-type: none;
  padding: 0;
}
footer .filters .filter ul li {
  margin-bottom: 6px;
  color: #888;
}
footer .see-all {
  display: none;
  font-weight: 300;
  margin-bottom: 50px;
}
footer .see-all svg {
  width: 24px;
  height: 24px;
  fill: #444;
  position: relative;
  top: -2px;
  margin-right: 2px;
}
footer .hiring .are-you-hiring {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 26px;
}
@media only screen and (min-width: 900px) {
  footer .hiring .are-you-hiring {
    font-size: 34px;
  }
}
footer .hiring p {
  line-height: 1.6;
  font-weight: 300;
}
footer .hiring .button {
  margin-top: 10px;
  margin-bottom: 30px;
}
footer .recent-articles {
  display: none;
  font-weight: 300;
}
footer .recent-articles .title {
  display: block;
  color: #888;
  margin-bottom: 20px;
}
footer .recent-articles a {
  display: block;
  margin-bottom: 20px;
}
footer .footer-lower {
  padding: 20px 0;
  font-weight: 300;
  text-align: center;
  line-height: 30px;
}
footer .footer-lower a {
  color: #888;
}
footer .footer-lower a:hover {
  color: #ffcc01;
}
footer .footer-lower .left a {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 900px) {
  footer .footer-lower .left a {
    margin-top: 0;
    margin-bottom: 0;
  }
}
footer .footer-lower .left .spacer {
  display: none;
  margin: 0 15px;
}
@media only screen and (min-width: 900px) {
  footer {
    background-image: url(/assets/img/bg-inverted.jpg);
    background-size: 2028px;
    background-position: 50% 207px;
    background-repeat: no-repeat;
    padding-top: 70px;
  }
  footer .footer-accent {
    display: block;
  }
  footer .footer-upper .mission {
    max-width: 600px;
  }
  footer .footer-upper .filters {
    display: block;
  }
  footer .footer-upper .see-all {
    display: block;
  }
  footer .footer-upper .right {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 370px;
  }
  footer .footer-upper .recent-articles {
    display: block;
  }
  footer .footer-lower {
    text-align: left;
  }
  footer .footer-lower .left {
    display: inline;
  }
  footer .footer-lower .left .spacer {
    display: inline;
  }
  footer .footer-lower .left a {
    display: inline;
  }
  footer .footer-lower .right {
    float: right;
  }
}
.badge {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.1);
  font-family: 'Roboto', sans-serif;
  padding: 5px 13px 7px 9px;
  font-size: 14px;
  border-radius: 5px;
}
.badge.transparent {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.badge.blue {
  background-color: #00ffff4f;
}
.badge.green {
  display: inline;
  font-weight: 400;
  background-color: #569d01;
  padding: 4px 7px;
  text-decoration: none;
  margin-right: 5px;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  position: relative;
  top: -2px;
}
.badge svg {
  width: 18px;
  height: 18px;
  margin-right: 3px;
}
.dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: calc(50% - 150px);
  width: 300px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 20px;
  font-weight: 300;
  z-index: 101;
}
.dropdown-menu:before {
  content: " ";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ddd;
  position: absolute;
  top: -16px;
  left: calc(50% - 15px);
}
.dropdown-menu:after {
  content: " ";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: -14px;
  left: calc(50% - 15px);
}
.dropdown-menu.list {
  width: 100%;
  left: 0;
  padding: 0;
}
@media only screen and (min-width: 900px) {
  .dropdown-menu.list {
    width: 600px;
    left: calc(50% - 300px);
  }
}
.dropdown-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.4;
}
.dropdown-menu ul li {
  color: #888;
  margin-bottom: 8px;
}
.dropdown-menu ul li:last-child {
  margin-bottom: 0;
}
.dropdown-menu-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.breadcrumb {
  display: none;
  padding: 0 20px;
  margin: -10px auto 30px;
  max-width: 1240px;
  font-size: 15px;
  font-weight: 300;
  color: #888;
}
@media only screen and (min-width: 900px) {
  .breadcrumb {
    display: block;
  }
}
.breadcrumb svg {
  position: relative;
  top: -2px;
  margin-right: 2px;
  fill: #888;
}
.breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb .separator {
  margin: 0 6px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="file"]:focus,
select:focus,
button:focus {
  border: 1px solid #0b74ff !important;
  outline: none;
}
.cookieconsent-com---nb-simple {
  padding: 20px !important;
  font-family: 'Roboto', sans-serif !important;
  background-color: #fff !important;
  left: 50% !important;
  bottom: 20px !important;
  width: 500px;
  transform: translateX(-50%) !important;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2) !important;
  border-radius: 8px !important;
}
@media only screen and (max-width: 768px) {
  .cookieconsent-com---nb-simple {
    max-width: 100% !important;
    border-radius: 0 !important;
    bottom: 0 !important;
  }
}
.cookieconsent-com---nb-simple .cc-nb-main-container {
  padding: 0 !important;
}
.cookieconsent-com---nb-simple .cc-nb-title {
  display: none !important;
}
.cookieconsent-com---nb-simple .cc-nb-text {
  font-weight: 300 !important;
}
.cookieconsent-com---nb-simple button {
  font-weight: 500 !important;
}
.cookieconsent-com---nb-simple button.cc-nb-okagree {
  background-color: #00a42e !important;
  color: #fff !important;
}
@media only screen and (min-width: 900px) {
  .mobile-only {
    display: none;
  }
}
.grecaptcha-badge {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .show-on-mobile {
    display: block !important;
  }
}
@media only screen and (max-width: 1100px) {
  .hide-on-tablet {
    display: none !important;
  }
}
@media only screen and (max-width: 1100px) {
  .show-on-tablet {
    display: block !important;
  }
}
@media only screen and (min-width: 900px) {
  .hide-on-desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 900px) {
  .show-on-desktop {
    display: block !important;
  }
}
html {
  min-width: 375px;
}
body {
  padding: 0;
  font-size: 20px;
  color: #0b0c0c;
}
.a,
a {
  color: #0b74ff;
  text-decoration-color: #adccff;
  text-decoration-thickness: 0.075em;
  text-underline-offset: 0.1em;
  font-weight: 500;
}
.a:visited,
a:visited {
  color: #4c2b92;
  text-decoration-color: #af9dd3;
  text-decoration-thickness: 0.075em;
}
.a:hover,
a:hover {
  color: #062f5d;
  text-decoration-color: #062f5d;
  text-decoration-thickness: 0.15em;
}
.a.plain,
a.plain {
  color: #0b0c0c;
  text-decoration: none;
  font-weight: inherit;
}
.above-header {
  background-color: #0b0c0c;
  height: 20px;
}
@media only screen and (max-width: 768px) {
  .above-header {
    height: 14px;
  }
}
.notification-bar {
  overflow: hidden;
  padding: 11px 25px;
  margin-bottom: -5px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  text-shadow: 0 0 40px #b24a0270, 1px 0 3px #00000045;
  background-color: #111;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .notification-bar {
    padding: 15px 20px;
    font-size: 18px;
  }
}
.notification-bar .notification-accent {
  font-weight: 500;
  color: #ffc104;
  background-color: #ffc0022e;
  padding: 4px 10px;
  border-radius: 3px;
  margin-right: 4px;
  font-size: 16px;
}
.notification-bar .ninja {
  text-decoration: none;
  color: inherit;
  font-weight: 300;
}
.notification-bar .cta {
  position: relative;
  display: inline-block;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.15em;
  margin-left: 5px;
  color: #ffc104;
  text-decoration-color: #ffcc31a1;
}
.notification-bar .cta:hover {
  text-decoration-thickness: 0.15em;
}
.notification-bar .cta:after {
  content: "›";
  position: absolute;
  right: -9px;
}
header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1300px;
  padding: 30px 20px 80px;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 768px) {
  header {
    padding-bottom: 50px;
    margin-bottom: 0;
  }
}
header .logo img {
  height: 65px;
}
header .top-menu-trigger {
  display: none;
}
@media only screen and (max-width: 1100px) {
  header .top-menu-trigger {
    display: inline;
  }
}
header .top-menu-trigger svg {
  width: 32px;
  height: 32px;
}
header .top-menu {
  display: flex;
  gap: 20px;
  font-size: 20px;
}
@media only screen and (max-width: 1100px) {
  header .top-menu {
    display: none;
    font-size: 18px;
    flex-basis: 100%;
    margin-top: 20px;
  }
  header .top-menu.open {
    display: block;
  }
}
header .top-menu .top-menu-item {
  margin-bottom: 10px;
}
header .top-menu .top-menu-item > a {
  display: block;
  position: relative;
  color: inherit;
  text-decoration: none;
  margin: 7px 14px;
  padding: 2px 0 1px;
  border-bottom: 3px solid #e5e5e5;
}
header .top-menu .top-menu-item > a:hover {
  border-color: #ffc104;
}
@media only screen and (max-width: 1100px) {
  header .top-menu .top-menu-item > a {
    display: block;
    padding: 10px 15px 8px;
    margin: 0;
    background-color: #eee;
    border-color: #ddd;
    border-radius: 3px;
  }
}
header .top-menu .top-menu-item > a.with-drop-down {
  padding-left: 21px;
}
@media only screen and (max-width: 1100px) {
  header .top-menu .top-menu-item > a.with-drop-down {
    padding-left: 35px;
  }
}
header .top-menu .top-menu-item > a.with-drop-down.open {
  border-color: #0b0c0c;
}
header .top-menu .top-menu-item > a.with-drop-down.open::before {
  top: 13px;
  transform: rotate(-135deg);
}
@media only screen and (max-width: 1100px) {
  header .top-menu .top-menu-item > a.with-drop-down.open::before {
    top: 20px;
  }
}
header .top-menu .top-menu-item > a.with-drop-down.open::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -8px;
  width: calc(100% + 16px);
  height: 100%;
  background-color: #ffc104;
  z-index: -1;
  border-bottom: 3px solid #0b0c0c;
}
header .top-menu .top-menu-item > a.with-drop-down::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 2px;
  width: 7px;
  height: 7px;
  border: solid;
  border-width: 0 2px 2px 0;
  border-color: #333;
  transform: rotate(45deg);
}
@media only screen and (max-width: 1100px) {
  header .top-menu .top-menu-item > a.with-drop-down::before {
    top: 16px;
    left: 15px;
  }
}
header .top-menu .top-menu-item > a.highlighted {
  border-color: #0b0c0c;
}
header .top-menu .top-menu-item > a.highlighted::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -8px;
  width: calc(100% + 16px);
  height: 100%;
  background-color: #ffc104;
  z-index: -1;
  border-bottom: 3px solid #0b0c0c;
}
@media only screen and (max-width: 768px) {
  header .top-menu .top-menu-item > a.highlighted::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
  }
}
header .top-menu .top-menu-item > a.highlighted:hover {
  border-color: #ffc104;
  background-color: transparent;
}
header .top-menu .top-menu-item > a.highlighted:hover::after {
  background-color: transparent;
  border-bottom: 3px solid #ffc104;
}
header .top-menu .drop-down {
  position: absolute;
  top: 160px;
  left: calc(50% - 420px);
  width: 1000px;
  height: 0;
  transition: height 0.3s, opacity 0.3s;
  overflow: hidden;
  opacity: 0;
}
@media only screen and (max-width: 1100px) {
  header .top-menu .drop-down {
    display: none;
    position: initial;
    width: auto;
    top: 0;
    left: 0;
    padding: 15px 10px;
  }
}
header .top-menu .drop-down.open {
  height: 250px;
  opacity: 1;
}
@media only screen and (max-width: 1100px) {
  header .top-menu .drop-down.open {
    display: block;
    height: auto;
  }
}
header .top-menu .drop-down .drop-down-header {
  max-width: 400px;
  font-size: 36px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 1100px) {
  header .top-menu .drop-down .drop-down-header {
    display: none;
  }
}
header .top-menu .drop-down .drop-down-desc {
  max-width: 440px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 1100px) {
  header .top-menu .drop-down .drop-down-desc {
    display: none;
  }
}
header .top-menu .drop-down .drop-down-desc-links {
  max-width: 440px;
  margin: -5px 0 20px;
}
@media only screen and (max-width: 1100px) {
  header .top-menu .drop-down .drop-down-desc-links {
    display: none;
  }
}
header .top-menu .drop-down .drop-down-desc-links .button {
  margin-bottom: 0;
}
header .top-menu .drop-down .drop-down-desc-links a {
  margin-right: 7px;
}
header .top-menu .drop-down .drop-down-note {
  font-size: 14px;
  border-top: 1px solid #e5e5e5;
  max-width: 460px;
  margin: 20px 0 30px;
  padding-top: 20px;
}
@media only screen and (max-width: 1100px) {
  header .top-menu .drop-down .drop-down-note {
    display: none;
  }
}
header .top-menu .drop-down .drop-down-items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: absolute;
  top: 5px;
  left: 500px;
  height: 200px;
  max-width: 440px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (max-width: 1100px) {
  header .top-menu .drop-down .drop-down-items {
    position: initial;
    height: auto;
    display: block;
  }
}
header .top-menu .drop-down .drop-down-items li {
  margin-bottom: 10px;
  margin-right: 30px;
}
header .top-menu .drop-down .drop-down-cta {
  display: block;
  position: absolute;
  top: 68px;
  left: 500px;
}
@media only screen and (max-width: 1100px) {
  header .top-menu .drop-down .drop-down-cta {
    display: none;
  }
}
header .top-menu .drop-down .drop-down-cta .button {
  margin-bottom: 5px;
}
.drop-down-border {
  opacity: 0;
  margin: 0;
  border-bottom: 3px solid #e5e5e5;
  transition: opacity 0.3s, margin 0.3s;
}
@media only screen and (max-width: 1100px) {
  .drop-down-border {
    display: none;
  }
}
.drop-down-border.open {
  opacity: 1;
  margin: 250px 0 100px;
}
.submenu {
  display: none;
  position: relative;
  top: -135px;
  background-color: #fff;
  border-bottom: 3px solid #e5e5e5;
}
@media only screen and (max-width: 768px) {
  .submenu {
    top: -100px;
  }
}
.submenu.open {
  display: block;
}
.submenu .inner-wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  max-width: 940px;
  padding: 40px 20px;
  margin: 0 auto;
}
.submenu .left {
  width: 440px;
}
.submenu .left .submenu-header {
  display: block;
  font-size: 36px;
  margin-top: -5px;
  margin-bottom: 20px;
}
.submenu .left .submenu-desc {
  margin-bottom: 30px;
  max-width: 90%;
}
.submenu .left .submenu-note {
  font-size: 14px;
  border-top: 1px solid #ccc;
  padding: 30px 0 20px;
  margin: 0;
}
.submenu .right .columns {
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
}
.submenu .right .columns ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.submenu .right .columns ul li {
  margin-bottom: 10px;
}
footer {
  background-image: none;
  background-color: #111;
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  footer {
    font-size: 20px;
  }
}
footer .upper,
footer .lower {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1300px;
  padding: 40px 20px;
  margin: 0 auto;
}
footer .upper {
  padding: 80px 20px;
  align-items: normal;
}
@media only screen and (max-width: 768px) {
  footer .upper {
    display: block;
    padding: 50px 40px;
  }
}
footer .lower {
  padding-bottom: 65px;
}
@media only screen and (max-width: 768px) {
  footer .lower {
    display: block;
    padding: 0 40px 80px;
  }
}
@media only screen and (max-width: 768px) {
  footer .lower .spacer {
    display: none;
  }
}
footer .lower a {
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  footer .lower a {
    display: block;
    margin-bottom: 3px;
  }
}
footer .spacer {
  opacity: 0.5;
  margin: 0 10px;
}
footer a {
  color: #fff;
  text-decoration-color: #555;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
}
footer a:visited {
  color: #fff;
  text-decoration-color: #555;
}
footer a:hover {
  color: #fff;
  text-decoration-color: #ffcc37;
}
@media only screen and (max-width: 768px) {
  footer .column {
    margin-bottom: 45px;
  }
}
footer .column .title {
  display: block;
  color: #888;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  footer .column .title {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 3px solid #222;
  }
}
footer .column ul {
  list-style-type: none;
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  footer .column ul {
    margin: 15px 0;
  }
}
footer .column ul li {
  margin-bottom: 3px;
}
.admin-tools {
  position: absolute;
  display: block;
  max-width: 1140px;
  list-style-type: none;
  padding: 0 20px;
  margin: 0 auto 20px;
  font-size: 16px;
  opacity: 0.1;
  top: 25px;
  left: 50%;
  transform: translate(-50%, 0);
}
.admin-tools:hover {
  opacity: 1;
}
.admin-tools.w80 {
  max-width: 900px;
}
.admin-tools a {
  margin-left: 10px;
}
.content {
  position: relative;
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto 100px;
}
.content > .columns {
  margin-top: 40px;
}
.content.wide {
  max-width: 1300px;
}
.content.w80 {
  max-width: 900px;
}
.content.w50 {
  max-width: 600px;
}
.content.w55 {
  max-width: 660px;
}
.content.w65 {
  max-width: 740px;
}
.content *.w80 {
  max-width: 900px;
}
.content *.w50 {
  max-width: 600px;
}
.content *.w55 {
  max-width: 660px;
}
.content *.w65 {
  max-width: 740px;
}
.content .above-header {
  display: block;
  height: auto;
  background-color: transparent;
  font-size: 24px;
  color: #888;
  margin-bottom: 20px;
}
.content .introduction {
  font-size: 22px;
  color: #666;
  margin-top: -10px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .content .introduction {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.content .introduction small {
  font-size: 20px;
  color: #888;
}
.content small {
  font-size: 16px;
}
.content .side-box {
  padding: 30px;
  background-color: #f2f2f2;
  font-size: 16px;
  margin-bottom: 40px;
  border-top: 3px solid #cbcbcb;
}
.content .side-box.blue {
  background-color: #eefcff;
  border-color: #b2d5fd;
}
.content .side-box.yellow {
  background-color: #ffffdf;
  border-color: #ffe85b;
}
.content .side-box.orange {
  background-color: #FFE0B2;
  border-color: #FB8C00;
}
.content .side-box .title {
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.content .side-box *:last-child {
  margin-bottom: 0;
}
.content,
.wysiwyg .ql-editor {
  font-size: 20px;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .content,
  .wysiwyg .ql-editor {
    font-size: 20px;
  }
}
.content h1,
.wysiwyg .ql-editor h1,
.content .h1,
.wysiwyg .ql-editor .h1 {
  display: block;
  font-family: 'Source Serif Pro', serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  margin: -0.2em 0 0.7em;
}
@media only screen and (max-width: 1100px) {
  .content h1,
  .wysiwyg .ql-editor h1,
  .content .h1,
  .wysiwyg .ql-editor .h1 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 768px) {
  .content h1,
  .wysiwyg .ql-editor h1,
  .content .h1,
  .wysiwyg .ql-editor .h1 {
    font-size: 36px;
  }
}
.content h1.smaller,
.wysiwyg .ql-editor h1.smaller,
.content .h1.smaller,
.wysiwyg .ql-editor .h1.smaller {
  font-size: 34px;
}
@media only screen and (max-width: 1100px) {
  .content h1.smaller,
  .wysiwyg .ql-editor h1.smaller,
  .content .h1.smaller,
  .wysiwyg .ql-editor .h1.smaller {
    font-size: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .content h1.smaller,
  .wysiwyg .ql-editor h1.smaller,
  .content .h1.smaller,
  .wysiwyg .ql-editor .h1.smaller {
    font-size: 30px;
  }
}
.content h2,
.wysiwyg .ql-editor h2,
.content .h2,
.wysiwyg .ql-editor .h2 {
  display: block;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.4;
  margin: 1.3em 0 0.7em;
}
@media only screen and (max-width: 768px) {
  .content h2,
  .wysiwyg .ql-editor h2,
  .content .h2,
  .wysiwyg .ql-editor .h2 {
    font-size: 24px;
  }
}
.content h3,
.wysiwyg .ql-editor h3,
.content .h3,
.wysiwyg .ql-editor .h3 {
  display: block;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
  margin: 1.6em 0 0.7em;
}
@media only screen and (max-width: 1100px) {
  .content h3,
  .wysiwyg .ql-editor h3,
  .content .h3,
  .wysiwyg .ql-editor .h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .content h3,
  .wysiwyg .ql-editor h3,
  .content .h3,
  .wysiwyg .ql-editor .h3 {
    font-size: 22px;
  }
}
.content h4,
.wysiwyg .ql-editor h4,
.content .h4,
.wysiwyg .ql-editor .h4 {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  margin: 1.3em 0 0.7em;
}
.content p,
.wysiwyg .ql-editor p {
  margin: 0 0 1em;
}
.content p.with-margin,
.wysiwyg .ql-editor p.with-margin {
  margin-bottom: 2.5em;
}
.content ul,
.wysiwyg .ql-editor ul {
  margin: 0 0 1em;
}
.columns {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .columns {
    flex-direction: column;
    gap: 50px;
  }
}
.columns.big-margin {
  margin-bottom: 100px;
}
.columns .column-left,
.columns .column-center,
.columns .column-right {
  flex-grow: 1;
}
.columns .column-left > *:first-child,
.columns .column-center > *:first-child,
.columns .column-right > *:first-child {
  margin-top: 0;
}
.columns .column-left > *:last-child,
.columns .column-center > *:last-child,
.columns .column-right > *:last-child {
  margin-bottom: 0;
}
.columns .column-left.border-top,
.columns .column-center.border-top,
.columns .column-right.border-top {
  border-top: 3px solid #0b0c0c;
  padding-top: 40px;
}
.columns .column-left.border-top.accent,
.columns .column-center.border-top.accent,
.columns .column-right.border-top.accent {
  border-color: #ffc104;
}
.columns .column-left.border-top.muted,
.columns .column-center.border-top.muted,
.columns .column-right.border-top.muted {
  border-color: #e5e5e5;
}
.columns .detail {
  margin: 20px 0;
}
.columns .detail .name {
  display: block;
}
.columns .detail .value {
  font-weight: 500;
}
.columns .detail .value.bigger {
  font-size: 30px;
}
.columns.split-50-50 .column-left {
  flex-basis: 50%;
}
.columns.split-50-50 .column-right {
  flex-basis: 50%;
}
.columns.split-35-65 .column-left {
  flex-basis: 35%;
}
.columns.split-35-65 .column-right {
  flex-basis: 65%;
}
.columns.split-60-40 .column-left {
  flex-basis: 60%;
}
.columns.split-60-40 .column-right {
  flex-basis: 40%;
}
.columns.split-65-35 .column-left {
  flex-basis: 65%;
}
.columns.split-65-35 .column-right {
  flex-basis: 35%;
}
.columns.split-70-30 .column-left {
  flex-basis: 70%;
}
.columns.split-70-30 .column-right {
  flex-basis: 30%;
}
.columns.split-33-33-33 .column-left {
  flex-basis: 33%;
}
.columns.split-33-33-33 .column-center {
  flex-basis: 33%;
}
.columns.split-33-33-33 .column-right {
  flex-basis: 33%;
}
.box-wrapper {
  display: flex;
  justify-content: center;
  padding: 40px 20px 100px;
}
.box {
  position: relative;
  background-color: #eee;
  padding: 45px 30px;
  border-top: 3px solid #ffc104;
  margin: 40px 0;
}
.box.subtle {
  background-color: #f6f6f6;
  padding: 40px 30px;
  border-top: 0;
}
.box.hiring {
  margin-top: 50px;
}
.box.hiring .title {
  margin-bottom: 15px;
}
.box.hiring .desc {
  display: block;
  margin-bottom: 25px;
}
.box.blockquote {
  background-color: transparent;
  border: 0;
  border-left: 5px solid #ffc104;
  padding: 35px 30px;
}
.box.blockquote:before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-bottom: 5px solid #ffc104;
}
.box.blockquote:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  width: 15px;
  height: 14px;
  background-color: #fff;
  border-top: 5px solid #ffc104;
}
.box.blockquote > *:first-child {
  margin-top: 0;
}
.box.blockquote > *:last-child {
  margin-bottom: 0;
}
.box.yellow {
  background-color: #ffeecc;
}
.box.yellow hr {
  border-top: 2px solid #f7daa0;
}
.box.halfway {
  top: calc(50% - 200px);
}
.box.lead-magnet {
  padding-top: 75px;
  background-color: #ffeecc;
}
.box.lead-magnet .badge {
  position: absolute;
  top: 20px;
  right: 20px;
  margin-right: 0;
  font-size: 14px;
  padding: 4px 10px 3px;
}
.box.lead-magnet .h3 {
  font-size: 28px;
}
@media only screen and (max-width: 768px) {
  .box.lead-magnet .h3 {
    font-size: 28px;
  }
}
.box.lead-magnet hr {
  border-top: 2px solid #f7daa0;
}
.box.lead-magnet form button {
  margin-bottom: 0;
}
.box.lead-magnet-v2 {
  display: flex;
  gap: 50px;
  align-items: center;
  background-color: #ffeecc;
  padding: 35px 30px;
}
.box.lead-magnet-v2.wide {
  margin-left: -70px;
  margin-right: -230px;
}
@media only screen and (max-width: 1299px) {
  .box.lead-magnet-v2.wide {
    margin-left: 0;
    margin-right: -230px;
  }
}
@media only screen and (max-width: 1100px) {
  .box.lead-magnet-v2.wide {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1100px) {
  .box.lead-magnet-v2 {
    flex-direction: column;
    gap: 40px;
    align-items: normal;
  }
}
.box.lead-magnet-v2 .copy {
  flex: 1;
}
.box.lead-magnet-v2 .copy .title {
  display: block;
  font-weight: 500;
  font-size: 26px;
  margin: -0.2em 0 0.6em;
}
.box.lead-magnet-v2 .copy p {
  font-size: 20px;
  line-height: 1.6;
}
.box.lead-magnet-v2 .copy p:last-child {
  margin-bottom: 0;
}
.box.lead-magnet-v2 .form {
  flex: 1;
  max-width: 300px;
}
@media only screen and (max-width: 1100px) {
  .box.lead-magnet-v2 .form {
    max-width: 100%;
  }
}
.box.lead-magnet-v2 .form input[type="text"],
.box.lead-magnet-v2 .form input[type="email"] {
  width: 100%;
  margin-bottom: 15px;
}
.box.lead-magnet-v2 .form button {
  margin-bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 1100px) {
  .box.lead-magnet-v2 .form button {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .box.lead-magnet-v2 .form button {
    width: 100%;
  }
}
.box.width-600 {
  max-width: 600px;
}
.box hr {
  border-top: 2px solid #e1e1e1;
  margin: 32px 0;
}
.box h2,
.box .h2 {
  display: block;
  font-family: 'Source Serif Pro', serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.2;
  margin: -0.2em 0 0.7em;
}
@media only screen and (max-width: 768px) {
  .box h2,
  .box .h2 {
    font-size: 28px;
  }
}
.box h3,
.box .h3 {
  display: block;
  font-family: 'Source Serif Pro', serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
  margin: -0.2em 0 0.7em;
}
@media only screen and (max-width: 768px) {
  .box h3,
  .box .h3 {
    font-size: 22px;
  }
}
.box h3.smaller,
.box .h3.smaller {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .box h3.smaller,
  .box .h3.smaller {
    font-size: 18px;
  }
}
.box p {
  font-size: 20px;
  line-height: 1.6;
}
.box p.w80 {
  width: 80%;
}
@media only screen and (max-width: 768px) {
  .box p.w80 {
    width: auto;
  }
}
.box p.error {
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #fff;
  color: red;
}
.box p.microcopy {
  font-size: 16px;
}
.box strong {
  font-weight: 500;
}
.box .actions {
  margin-top: 30px;
}
.box .actions .button,
.box .actions button {
  margin-bottom: 0;
}
.box > *:last-child {
  margin-bottom: 0;
}
form .section,
.form .section {
  margin-bottom: 100px;
}
form .section-intro,
.form .section-intro {
  margin-bottom: 50px;
}
form .section-intro .h1,
.form .section-intro .h1 {
  margin-bottom: 15px;
}
form .section-intro p,
.form .section-intro p {
  font-size: 24px;
}
form .section-intro .field-error,
.form .section-intro .field-error {
  width: 100%;
}
form .form-group,
.form .form-group {
  margin-bottom: 30px;
}
form .form-group.indented,
.form .form-group.indented {
  padding-left: 30px;
  border-left: 5px solid #aaa;
  margin-left: 11px;
  padding-bottom: 4px;
}
@media only screen and (max-width: 768px) {
  form .form-group.indented,
  .form .form-group.indented {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 900px) {
  form .form-group.options-2-columns .radios,
  .form .form-group.options-2-columns .radios,
  form .form-group.options-2-columns .checkboxes,
  .form .form-group.options-2-columns .checkboxes {
    column-count: 2;
    width: 600px;
  }
}
form .form-group > *:last-child,
.form .form-group > *:last-child {
  margin-bottom: 0;
}
form label,
.form label {
  display: block;
  margin-bottom: 7px;
  font-size: 20px;
}
form label.strong,
.form label.strong {
  font-weight: 400;
}
form label.required:after,
.form label.required:after {
  content: "*";
  margin-left: 5px;
  color: #c60004;
}
form .microcopy,
.form .microcopy {
  display: block;
  color: #676767;
  font-size: 16px;
  margin-bottom: 10px;
}
form .example,
.form .example {
  display: block;
  color: #676767;
  font-size: 16px;
  margin-top: 10px;
}
form input[type="text"],
.form input[type="text"],
form input[type="email"],
.form input[type="email"],
form input[type="number"],
.form input[type="number"],
form input[type="file"],
.form input[type="file"],
form input[type="password"],
.form input[type="password"],
form textarea,
.form textarea,
form select,
.form select {
  font-size: 20px;
  border: 2px solid #0b0c0c;
  padding: 7px;
  border-radius: 3px;
  width: 100%;
  font-weight: 300;
}
form input[type="text"]:focus,
.form input[type="text"]:focus,
form input[type="email"]:focus,
.form input[type="email"]:focus,
form input[type="number"]:focus,
.form input[type="number"]:focus,
form input[type="file"]:focus,
.form input[type="file"]:focus,
form input[type="password"]:focus,
.form input[type="password"]:focus,
form textarea:focus,
.form textarea:focus,
form select:focus,
.form select:focus {
  border: 2px solid #0b0c0c !important;
  outline: 3px solid #ffc104;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
form input[type="text"].id-input,
.form input[type="text"].id-input,
form input[type="email"].id-input,
.form input[type="email"].id-input,
form input[type="number"].id-input,
.form input[type="number"].id-input,
form input[type="file"].id-input,
.form input[type="file"].id-input,
form input[type="password"].id-input,
.form input[type="password"].id-input,
form textarea.id-input,
.form textarea.id-input,
form select.id-input,
.form select.id-input {
  display: none;
}
form textarea,
.form textarea {
  height: 100px;
}
form select,
.form select {
  padding: 6px;
}
form .checkboxes,
.form .checkboxes,
form .radios,
.form .radios {
  margin-bottom: 30px;
}
form .checkboxes .checkbox,
.form .checkboxes .checkbox,
form .radios .checkbox,
.form .radios .checkbox,
form .checkboxes .radio,
.form .checkboxes .radio,
form .radios .radio,
.form .radios .radio {
  display: flex;
  position: relative;
  margin-bottom: 10px;
  padding-left: 42px;
}
form .checkboxes .checkbox:last-child,
.form .checkboxes .checkbox:last-child,
form .radios .checkbox:last-child,
.form .radios .checkbox:last-child,
form .checkboxes .radio:last-child,
.form .checkboxes .radio:last-child,
form .radios .radio:last-child,
.form .radios .radio:last-child {
  margin-bottom: 0;
}
form .checkboxes .checkbox input[type="checkbox"],
.form .checkboxes .checkbox input[type="checkbox"],
form .radios .checkbox input[type="checkbox"],
.form .radios .checkbox input[type="checkbox"],
form .checkboxes .radio input[type="checkbox"],
.form .checkboxes .radio input[type="checkbox"],
form .radios .radio input[type="checkbox"],
.form .radios .radio input[type="checkbox"],
form .checkboxes .checkbox input[type="radio"],
.form .checkboxes .checkbox input[type="radio"],
form .radios .checkbox input[type="radio"],
.form .radios .checkbox input[type="radio"],
form .checkboxes .radio input[type="radio"],
.form .checkboxes .radio input[type="radio"],
form .radios .radio input[type="radio"],
.form .radios .radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 42px;
  opacity: 0;
  z-index: 1;
}
form .checkboxes .checkbox label,
.form .checkboxes .checkbox label,
form .radios .checkbox label,
.form .radios .checkbox label,
form .checkboxes .radio label,
.form .checkboxes .radio label,
form .radios .radio label,
.form .radios .radio label {
  display: inline-block;
  padding: 7px 10px;
  margin-bottom: 0;
  cursor: pointer;
}
form .checkboxes .checkbox label::before,
.form .checkboxes .checkbox label::before,
form .radios .checkbox label::before,
.form .radios .checkbox label::before,
form .checkboxes .radio label::before,
.form .checkboxes .radio label::before,
form .radios .radio label::before,
.form .radios .radio label::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 42px;
  height: 42px;
  border: 2px solid #0b0c0c;
  background: #fff;
}
form .checkboxes .checkbox label::after,
.form .checkboxes .checkbox label::after,
form .radios .checkbox label::after,
.form .radios .checkbox label::after,
form .checkboxes .radio label::after,
.form .checkboxes .radio label::after,
form .radios .radio label::after,
.form .radios .radio label::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  opacity: 0;
}
form .checkboxes .checkbox input[type="checkbox"]:focus + label::before,
.form .checkboxes .checkbox input[type="checkbox"]:focus + label::before,
form .radios .checkbox input[type="checkbox"]:focus + label::before,
.form .radios .checkbox input[type="checkbox"]:focus + label::before,
form .checkboxes .radio input[type="checkbox"]:focus + label::before,
.form .checkboxes .radio input[type="checkbox"]:focus + label::before,
form .radios .radio input[type="checkbox"]:focus + label::before,
.form .radios .radio input[type="checkbox"]:focus + label::before,
form .checkboxes .checkbox input[type="radio"]:focus + label::before,
.form .checkboxes .checkbox input[type="radio"]:focus + label::before,
form .radios .checkbox input[type="radio"]:focus + label::before,
.form .radios .checkbox input[type="radio"]:focus + label::before,
form .checkboxes .radio input[type="radio"]:focus + label::before,
.form .checkboxes .radio input[type="radio"]:focus + label::before,
form .radios .radio input[type="radio"]:focus + label::before,
.form .radios .radio input[type="radio"]:focus + label::before {
  box-shadow: 0 0 0 3px #ffc104;
  border: 4px solid #0b0c0c;
}
form .checkboxes .checkbox input[type="checkbox"]:checked + label::after,
.form .checkboxes .checkbox input[type="checkbox"]:checked + label::after,
form .radios .checkbox input[type="checkbox"]:checked + label::after,
.form .radios .checkbox input[type="checkbox"]:checked + label::after,
form .checkboxes .radio input[type="checkbox"]:checked + label::after,
.form .checkboxes .radio input[type="checkbox"]:checked + label::after,
form .radios .radio input[type="checkbox"]:checked + label::after,
.form .radios .radio input[type="checkbox"]:checked + label::after,
form .checkboxes .checkbox input[type="radio"]:checked + label::after,
.form .checkboxes .checkbox input[type="radio"]:checked + label::after,
form .radios .checkbox input[type="radio"]:checked + label::after,
.form .radios .checkbox input[type="radio"]:checked + label::after,
form .checkboxes .radio input[type="radio"]:checked + label::after,
.form .checkboxes .radio input[type="radio"]:checked + label::after,
form .radios .radio input[type="radio"]:checked + label::after,
.form .radios .radio input[type="radio"]:checked + label::after {
  opacity: 1;
}
form .checkboxes .checkbox.small,
.form .checkboxes .checkbox.small,
form .radios .checkbox.small,
.form .radios .checkbox.small,
form .checkboxes .radio.small,
.form .checkboxes .radio.small,
form .radios .radio.small,
.form .radios .radio.small {
  padding-left: 30px;
}
form .checkboxes .checkbox.small input[type="checkbox"],
.form .checkboxes .checkbox.small input[type="checkbox"],
form .radios .checkbox.small input[type="checkbox"],
.form .radios .checkbox.small input[type="checkbox"],
form .checkboxes .radio.small input[type="checkbox"],
.form .checkboxes .radio.small input[type="checkbox"],
form .radios .radio.small input[type="checkbox"],
.form .radios .radio.small input[type="checkbox"],
form .checkboxes .checkbox.small input[type="radio"],
.form .checkboxes .checkbox.small input[type="radio"],
form .radios .checkbox.small input[type="radio"],
.form .radios .checkbox.small input[type="radio"],
form .checkboxes .radio.small input[type="radio"],
.form .checkboxes .radio.small input[type="radio"],
form .radios .radio.small input[type="radio"],
.form .radios .radio.small input[type="radio"] {
  width: 26px;
  height: 26px;
}
form .checkboxes .checkbox.small label,
.form .checkboxes .checkbox.small label,
form .radios .checkbox.small label,
.form .radios .checkbox.small label,
form .checkboxes .radio.small label,
.form .checkboxes .radio.small label,
form .radios .radio.small label,
.form .radios .radio.small label {
  font-size: 16px;
  padding: 1px 10px;
  line-height: 1.5;
}
form .checkboxes .checkbox.small label::before,
.form .checkboxes .checkbox.small label::before,
form .radios .checkbox.small label::before,
.form .radios .checkbox.small label::before,
form .checkboxes .radio.small label::before,
.form .checkboxes .radio.small label::before,
form .radios .radio.small label::before,
.form .radios .radio.small label::before {
  width: 26px;
  height: 26px;
}
form .checkboxes .checkbox.medium,
.form .checkboxes .checkbox.medium,
form .radios .checkbox.medium,
.form .radios .checkbox.medium,
form .checkboxes .radio.medium,
.form .checkboxes .radio.medium,
form .radios .radio.medium,
.form .radios .radio.medium {
  padding-left: 36px;
}
form .checkboxes .checkbox.medium input[type="checkbox"],
.form .checkboxes .checkbox.medium input[type="checkbox"],
form .radios .checkbox.medium input[type="checkbox"],
.form .radios .checkbox.medium input[type="checkbox"],
form .checkboxes .radio.medium input[type="checkbox"],
.form .checkboxes .radio.medium input[type="checkbox"],
form .radios .radio.medium input[type="checkbox"],
.form .radios .radio.medium input[type="checkbox"],
form .checkboxes .checkbox.medium input[type="radio"],
.form .checkboxes .checkbox.medium input[type="radio"],
form .radios .checkbox.medium input[type="radio"],
.form .radios .checkbox.medium input[type="radio"],
form .checkboxes .radio.medium input[type="radio"],
.form .checkboxes .radio.medium input[type="radio"],
form .radios .radio.medium input[type="radio"],
.form .radios .radio.medium input[type="radio"] {
  width: 34px;
  height: 34px;
}
form .checkboxes .checkbox.medium label,
.form .checkboxes .checkbox.medium label,
form .radios .checkbox.medium label,
.form .radios .checkbox.medium label,
form .checkboxes .radio.medium label,
.form .checkboxes .radio.medium label,
form .radios .radio.medium label,
.form .radios .radio.medium label {
  font-size: 22px;
  padding: 1px 10px;
  line-height: 1.5;
}
form .checkboxes .checkbox.medium label::before,
.form .checkboxes .checkbox.medium label::before,
form .radios .checkbox.medium label::before,
.form .radios .checkbox.medium label::before,
form .checkboxes .radio.medium label::before,
.form .checkboxes .radio.medium label::before,
form .radios .radio.medium label::before,
.form .radios .radio.medium label::before {
  width: 34px;
  height: 34px;
}
form .checkboxes .checkbox label::before,
.form .checkboxes .checkbox label::before,
form .radios .checkbox label::before,
.form .radios .checkbox label::before {
  border-radius: 3px;
}
form .checkboxes .checkbox label::after,
.form .checkboxes .checkbox label::after,
form .radios .checkbox label::after,
.form .radios .checkbox label::after {
  top: 13px;
  left: 10px;
  width: 23px;
  height: 12px;
  transform: rotate(-45deg);
  border: solid;
  border-width: 0 0 5px 5px;
  border-top-color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}
form .checkboxes .checkbox.small label::after,
.form .checkboxes .checkbox.small label::after,
form .radios .checkbox.small label::after,
.form .radios .checkbox.small label::after {
  top: 8px;
  left: 7px;
  width: 13px;
  height: 7px;
  border-width: 0 0 3px 3px;
}
form .checkboxes .checkbox.medium label::after,
.form .checkboxes .checkbox.medium label::after,
form .radios .checkbox.medium label::after,
.form .radios .checkbox.medium label::after {
  top: 10px;
  left: 9px;
  width: 17px;
  height: 10px;
  border-width: 0 0 4px 4px;
}
form .checkboxes .radio label::before,
.form .checkboxes .radio label::before,
form .radios .radio label::before,
.form .radios .radio label::before {
  border-radius: 50%;
}
form .checkboxes .radio label::after,
.form .checkboxes .radio label::after,
form .radios .radio label::after,
.form .radios .radio label::after {
  top: 10px;
  left: 10px;
  width: 0;
  height: 0;
  border: 11px solid #0b0c0c;
  border-radius: 50%;
}
form .checkboxes .radio.small label::after,
.form .checkboxes .radio.small label::after,
form .radios .radio.small label::after,
.form .radios .radio.small label::after {
  top: 7px;
  left: 7px;
  border-width: 6px;
}
form .checkboxes .radio.medium label::after,
.form .checkboxes .radio.medium label::after,
form .radios .radio.medium label::after,
.form .radios .radio.medium label::after {
  top: 8px;
  left: 8px;
  border-width: 9px;
}
form .results-outer,
.form .results-outer {
  position: relative;
}
form .results-outer .results,
.form .results-outer .results {
  display: none;
  position: absolute;
  left: 0;
  top: 4px;
  background-color: #fff;
  border: 2px solid #0b0c0c;
  border-radius: 3px;
  z-index: 1;
}
form .results-outer .results a,
.form .results-outer .results a {
  display: block;
  padding: 12px;
  color: inherit;
  text-decoration: none;
}
form .results-outer .results a:hover,
.form .results-outer .results a:hover {
  background-color: #ffecaa;
}
form .results-outer .results .no-results,
.form .results-outer .results .no-results {
  display: block;
  padding: 12px;
  color: #888;
}
form .errors,
.form .errors {
  background-color: #B00020;
  color: #fff;
  padding: 0 20px;
  border-radius: 5px;
  margin-bottom: 50px;
}
form .errors .error,
.form .errors .error {
  padding-top: 20px;
  margin: 0;
}
form .errors .error:last-child,
.form .errors .error:last-child {
  padding-bottom: 20px;
}
form .field-error,
.form .field-error {
  background-color: #B00020;
  color: #fff;
  padding: 9px 15px;
  border-radius: 3px;
}
form .wysiwyg-parent,
.form .wysiwyg-parent {
  border-radius: 3px;
}
form .wysiwyg-parent:focus-within,
.form .wysiwyg-parent:focus-within {
  outline: 3px solid #ffc104;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
form .wysiwyg-parent:focus-within .ql-toolbar.ql-snow,
.form .wysiwyg-parent:focus-within .ql-toolbar.ql-snow {
  box-shadow: inset 0 0 0 2px;
}
form .wysiwyg-parent:focus-within .ql-container.ql-snow,
.form .wysiwyg-parent:focus-within .ql-container.ql-snow {
  box-shadow: inset 0 0 0 2px;
}
form .ql-toolbar.ql-snow,
.form .ql-toolbar.ql-snow {
  border: 2px solid #0b0c0c;
  border-radius: 3px 3px 0 0;
  background-color: #fff;
  padding: 4px 8px 8px;
}
form .ql-toolbar.ql-snow button,
.form .ql-toolbar.ql-snow button {
  margin-bottom: 0;
  box-shadow: none;
}
form .ql-container.ql-snow,
.form .ql-container.ql-snow {
  border: 2px solid #0b0c0c;
  border-top: none;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
  font-family: inherit;
}
form .ql-editor,
.form .ql-editor {
  min-height: 250px;
  max-height: 75vh;
  font-size: 20px;
}
.button,
button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  position: relative;
  font-size: 19px;
  padding: 7px 13px 5px;
  background-color: #017f44;
  color: #fff;
  box-shadow: 0 2px 0 #004827;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  font-weight: 300;
  cursor: pointer;
  margin-bottom: 30px;
  text-decoration: none;
  line-height: 1.3;
}
.button:hover,
button:hover {
  background-color: #005a30;
  color: #fff;
}
.button:focus,
button:focus {
  border: 2px solid #ffc104 !important;
  box-shadow: inset 0 0 0 1px #ffc104;
  color: #fff;
}
.button:focus:not(:hover),
button:focus:not(:hover) {
  border: 2px solid #ffc104 !important;
  color: #222;
  background-color: #ffc104;
}
.button:active,
button:active {
  top: 2px;
}
.button:visited,
button:visited {
  color: #fff;
}
.button.secondary,
button.secondary {
  background-color: #606060;
  color: #fff;
}
.button.secondary:hover,
button.secondary:hover {
  background-color: #444;
}
.button.light-grey,
button.light-grey {
  background-color: #d1d1d1;
  color: #444;
  box-shadow: 0 2px 0 #a1a1a1;
}
.button.light-grey:hover,
button.light-grey:hover {
  background-color: #bebebe;
  color: #000;
  box-shadow: 0 2px 0 #888;
}
.button.yellow,
button.yellow {
  background-color: #ffc104;
  box-shadow: 0 2px 0 #d09d00;
  color: #111;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}
.button.yellow:hover,
button.yellow:hover {
  background-color: #e4ac00;
}
.button.red,
button.red {
  background-color: #db0606;
  box-shadow: 0 2px 0 #a90505;
  color: #fff;
}
.button.red:hover,
button.red:hover {
  background-color: #bd0505;
}
.breadcrumbs {
  display: block;
  max-width: 1140px;
  list-style-type: none;
  padding: 0 20px;
  margin: 0 auto 50px;
}
@media only screen and (max-width: 768px) {
  .breadcrumbs {
    margin-bottom: 40px;
  }
}
.breadcrumbs.w80 {
  max-width: 900px;
}
.breadcrumbs li {
  display: inline;
}
.breadcrumbs li:last-child a {
  margin-right: 0;
  padding-right: 0;
}
.breadcrumbs li:last-child a::after {
  display: none;
}
.breadcrumbs a {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  margin-right: 15px;
  font-size: 16px;
  font-weight: 300;
  color: #0b0c0c;
  text-decoration-color: #e5e5e5;
  text-decoration-thickness: 2px;
}
.breadcrumbs a:hover {
  text-decoration-color: #0b0c0c;
}
.breadcrumbs a::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: -4px;
  width: 7px;
  height: 7px;
  border: solid;
  border-width: 0 1px 1px 0;
  border-color: #0b0c0c;
  transform: rotate(-45deg);
}
.breadcrumbs a.disabled {
  margin-right: 0;
  padding-right: 0;
}
.breadcrumbs a.disabled::after {
  display: none;
}
article .anchor {
  position: relative;
  top: -15px;
}
@media only screen and (min-width: 900px) {
  article .anchor {
    top: -20px;
  }
}
article .toc {
  margin-bottom: 50px;
}
article .toc > *:first-child {
  margin-top: 0;
}
article .toc > *:last-child {
  margin-bottom: 0;
}
article .toc ol > li > ol {
  list-style-type: lower-latin;
}
article .toc ol > li > ul {
  list-style-type: circle;
}
article .toc ol > li > ul a {
  color: #444;
}
article .toc ol,
article .toc ul {
  padding-left: 35px;
}
@media only screen and (min-width: 900px) {
  article .toc ol,
  article .toc ul {
    padding-left: 40px;
  }
}
article .toc > ol,
article .toc > ul {
  padding-left: 35px;
}
@media only screen and (min-width: 900px) {
  article .toc > ol,
  article .toc > ul {
    padding-left: 40px;
  }
}
article .toc .with-badge a {
  color: #569d01;
}
article .career-history {
  list-style-type: none;
  padding: 0;
  margin-bottom: 50px;
}
article .career-history li {
  position: relative;
  padding-left: 80px;
  padding-bottom: 30px;
  margin-bottom: 25px;
}
article .career-history li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
article .career-history li.repeated {
  position: relative;
  margin-top: -35px;
}
article .career-history li.repeated:before {
  content: "";
  position: absolute;
  top: -90px;
  left: 28px;
  width: 15px;
  height: 103px;
  border-left: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  z-index: 1;
}
article .career-history li.repeated img {
  display: none;
}
article .career-history li.repeated .company {
  display: none;
}
article .career-history li img {
  position: absolute;
  top: 10px;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  z-index: 3;
}
article .career-history li .company {
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: -3px;
}
article .career-history li .position {
  display: block;
  font-size: 17px;
}
article .career-history li .duration {
  display: block;
  color: #888;
  font-size: 15px;
}
article .career-history .repeated + .repeated:before {
  top: -160px;
  height: 173px;
}
@media only screen and (max-width: 768px) {
  article ul,
  article ol {
    padding-left: 20px;
  }
}
article ul li,
article ol li {
  margin-bottom: 10px;
}
article blockquote {
  position: relative;
  padding: 0;
  padding-left: 35px;
  margin: 30px 0 30px 15px;
  border-left: 5px solid #ffc104;
}
@media only screen and (max-width: 768px) {
  article blockquote {
    padding-left: 20px;
    margin-left: 10px;
  }
}
article blockquote:before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-bottom: 5px solid #ffc104;
}
article blockquote:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  width: 15px;
  height: 14px;
  background-color: #fff;
  border-top: 5px solid #ffc104;
}
article blockquote > *:first-child {
  margin-top: 0;
}
article blockquote > *:last-child {
  margin-bottom: 0;
}
article blockquote > strong {
  font-weight: 800;
}
article blockquote > p {
  font-family: 'Roboto Serif', serif;
  font-size: 18px;
  line-height: 1.7;
}
article blockquote > p strong {
  font-weight: 600;
}
article blockquote > p a {
  font-weight: 600;
}
article blockquote > ul,
article blockquote > ol {
  font-family: 'Roboto Serif', serif;
  font-size: 18px;
}
article strong {
  font-weight: 500;
}
article blockquote.large {
  background-color: red;
}
article blockquote.large svg {
  display: none;
}
article .definition {
  background-color: #F0EAF8;
  padding: 25px;
  margin: 30px 0 30px 15px;
  border-left: 5px solid #D9CAEF;
}
@media only screen and (max-width: 768px) {
  article .definition {
    margin-left: 10px;
  }
}
article .definition *:first-child {
  margin-top: 0;
}
article .definition *:last-child {
  margin-bottom: 0;
}
article .definition small {
  display: block;
  color: #888;
  margin-top: 5px;
}
article .excerpt {
  border: 1px solid #ddd;
  padding: 10px 15px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  color: #0b0c0c;
  font-weight: 500;
  margin-bottom: 1em;
}
article .excerpt *:first-child {
  margin-top: 0;
}
article .excerpt *:last-child {
  margin-bottom: 0;
}
article .figure-wrapper {
  margin: 30px 0;
  text-align: center;
}
article .figure-wrapper figure {
  display: inline-block;
  background-color: #ededed;
  margin: 0;
  text-align: center;
  overflow: hidden;
  padding: 10px;
}
@media only screen and (min-width: 900px) {
  article .figure-wrapper figure {
    padding: 20px;
  }
}
article .figure-wrapper figure img {
  background-color: #fff;
  max-width: 100%;
  max-height: 350px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 900px) {
  article .figure-wrapper figure img {
    max-width: 550px;
  }
}
article .figure-wrapper figure .iframe-wrapper {
  position: relative;
  padding: 56.25% 0 0 0;
}
@media only screen and (min-width: 900px) {
  article .figure-wrapper figure .iframe-wrapper {
    width: 590px;
    height: 340px;
  }
}
article .figure-wrapper figure .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article .figure-wrapper figure figcaption {
  text-align: left;
  background-color: #dadada;
  font-size: 16px;
  padding: 7px 10px;
  margin: 10px -10px -10px;
}
@media only screen and (min-width: 900px) {
  article .figure-wrapper figure figcaption {
    padding: 7px 20px;
    margin: 20px -20px -20px;
  }
}
article .quote {
  position: relative;
  margin: 30px 0 30px 15px;
  padding: 25px;
  background-color: #e5faff;
  border-left: 5px solid #b2d5fd;
}
@media only screen and (max-width: 768px) {
  article .quote {
    margin-left: 10px;
  }
}
article .quote .author {
  position: relative;
  padding-left: 70px;
  margin-bottom: 20px;
}
article .quote .author .avatar {
  position: absolute;
  top: 3px;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
article .quote .author .full-name {
  font-weight: 500;
  font-size: 20px;
}
article .quote .author a.social {
  position: relative;
  top: -1px;
  margin-left: 7px;
  font-weight: 300;
  color: #888;
}
article .quote .author a.social:hover svg {
  fill: #0b0c0c;
}
article .quote .author a.social svg {
  position: relative;
  width: 15px;
  height: 15px;
  fill: #888;
  top: -1px;
}
article .quote .author .mini-bio {
  display: block;
  font-size: 17px;
  color: #888;
  margin-top: -2px;
}
article .quote .quote-body {
  position: relative;
  margin-bottom: 25px;
}
article .quote small {
  display: block;
  color: #888;
}
article .author-box {
  position: relative;
  margin: 50px 0 70px;
  padding: 25px;
  background-color: #efefef;
  border-top: 3px solid #d9d9d9;
}
article .author-box .title {
  display: block;
  font-size: 22px;
  margin-bottom: 25px;
  color: #0b0c0c;
  font-weight: 500;
}
article .author-box .avatar {
  position: absolute;
  top: 94px;
  left: 25px;
  width: 40px;
  height: 40px;
  background-image: url('/assets/img/avatar-bg.png');
  background-size: 40px 40px;
}
article .author-box .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  opacity: 0.999;
}
article .author-box .author {
  display: block;
  font-weight: 500;
  font-size: 20px;
  color: #222;
  margin-left: 60px;
}
article .author-box .author svg {
  position: relative;
  width: 15px;
  height: 15px;
  fill: #888;
  margin-left: 7px;
  top: -1px;
}
article .author-box .author a:hover svg {
  fill: #222;
}
article .author-box .position {
  display: block;
  font-size: 17px;
  color: #888;
  margin-top: -2px;
  margin-bottom: 20px;
  margin-left: 60px;
}
article .author-box .about {
  margin: 0;
  font-size: 18px;
}
article table {
  border-collapse: collapse;
  width: 100%;
  font-size: 18px;
  margin: 50px 0;
}
@media only screen and (max-width: 768px) {
  article table {
    font-size: 16px;
  }
}
article table.first-wide th:nth-child(1) {
  width: 100%;
}
article table.other-centered th:nth-child(2),
article table.other-centered th:nth-child(3),
article table.other-centered th:nth-child(4),
article table.other-centered th:nth-child(5),
article table.other-centered th:nth-child(6),
article table.other-centered td:nth-child(2),
article table.other-centered td:nth-child(3),
article table.other-centered td:nth-child(4),
article table.other-centered td:nth-child(5),
article table.other-centered td:nth-child(6) {
  text-align: center;
}
article table tr:hover {
  background-color: #ececec;
}
article table th,
article table td {
  padding: 10px 20px 10px 0;
  border-bottom: 1px solid #0b0c0c;
}
@media only screen and (max-width: 768px) {
  article table th,
  article table td {
    padding-right: 10px;
  }
}
article table th {
  text-align: left;
  font-weight: 500;
}
article table .diamond {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: orange;
  border-radius: 2px;
  transform: rotate(45deg);
  margin-left: -4px;
}
article .company-header {
  position: relative;
  padding-left: 80px;
  margin: 70px 0 20px;
}
article .company-header .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
article .company-header .name {
  margin: 0 0 1px;
}
article .company-header .position {
  position: relative;
  font-size: 26px;
  left: -1px;
  top: -4px;
}
article .person-header {
  position: relative;
  padding-left: 80px;
  margin: 70px 0 20px;
}
article .person-header .avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background-image: url('/assets/img/avatar-bg.png');
  background-size: 60px 60px;
}
article .person-header .avatar img {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  opacity: 0.999;
}
article .person-header .name {
  display: block;
  margin: 0 0 1px;
  font-size: 21px;
  font-weight: 500;
  color: #222;
}
article .person-header .name:hover svg {
  fill: #222;
}
article .person-header .name svg {
  position: relative;
  width: 15px;
  height: 15px;
  fill: #888;
  margin-left: 7px;
  top: -1px;
}
article .person-header .position {
  position: relative;
  font-size: 16px;
  color: #888;
  left: -1px;
  top: -4px;
}
article .twitter-follow {
  position: relative;
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  padding: 25px 15px 27px 90px;
  background-color: #f5f5f5;
}
article .twitter-follow img {
  position: absolute;
  top: 30px;
  left: 20px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
article .twitter-follow .name {
  font-weight: 500;
}
article .twitter-follow .bio {
  display: block;
  font-size: 17px;
}
article .books .book {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 30px 0 30px 70px;
}
@media only screen and (min-width: 900px) {
  article .books .book {
    padding-left: 100px;
    min-height: 185px;
  }
}
article .books .book:last-child {
  border-bottom: none;
}
article .books .book .cover {
  position: absolute;
  top: 30px;
  left: 0;
  width: 50px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 900px) {
  article .books .book .cover {
    width: 70px;
  }
}
article .books .book .title {
  position: relative;
  display: block;
  font-size: 22px;
  top: -5px;
}
article .books .book .details {
  margin-bottom: 20px;
}
article .books .book .author {
  font-size: 17px;
  color: #888;
}
article .books .book svg {
  width: 13px;
  height: 13px;
  position: relative;
  fill: #888;
}
article .books .book svg:hover {
  fill: #222;
}
article .books .book .separator {
  font-size: 17px;
  margin: 0 5px;
  color: #888;
}
article .books .book .published {
  font-size: 17px;
  color: #888;
}
article .books .book .short-desc {
  margin: 0;
  font-size: 17px;
}
article .books .book .quote-about-book {
  padding: 10px 15px;
  font-size: 15px;
  background-color: #f5f5f5;
  margin-top: 20px;
  border-left: 4px solid #e5e5e5;
}
article .books .book .quote-about-book p {
  margin: 0 0 7px;
}
article .books .book .quote-about-book small {
  font-size: inherit;
  font-size: 13px;
  color: #888;
}
article .template-cta {
  display: inline-block;
  background-color: #f3ffe6;
  padding: 10px;
  border-radius: 3px;
}
article .template {
  margin: 50px 0;
  background-color: #f3ffe6;
  padding: 0 30px;
  font-size: 16px;
  overflow: hidden;
}
article .template .title {
  display: inline-block;
  padding: 10px 12px;
  color: #fff;
  background-color: #569d01;
  font-weight: 500;
  font-size: 15px;
}
article .template p {
  line-height: 1.8;
  margin: 22px 0;
}
article .template .screenshot {
  max-width: 427px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: none;
}
article .score {
  position: relative;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 70px 20px 20px;
  margin: 65px 0 100px;
}
@media only screen and (min-width: 900px) {
  article .score {
    padding: 20px 200px 13px 100px;
    margin-top: 50px;
  }
}
article .score .company-logo {
  position: absolute;
  top: -20px;
  left: 22px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 900px) {
  article .score .company-logo {
    top: 22px;
  }
}
article .score .company {
  display: block;
  font-size: 18px;
  font-weight: 500;
}
article .score .position {
  display: block;
  font-size: 28px;
  font-weight: 300;
  color: #555;
}
article .score .blob {
  position: absolute;
  top: -48px;
  right: 20px;
  width: 120px;
  height: 120px;
}
@media only screen and (min-width: 900px) {
  article .score .blob {
    top: -20px;
    right: 20px;
    width: 150px;
    height: 150px;
  }
}
article .score .value {
  position: absolute;
  top: -16px;
  right: 48px;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -2px;
}
@media only screen and (min-width: 900px) {
  article .score .value {
    top: 17px;
    right: 57px;
    font-size: 46px;
  }
}
article .score .value small {
  font-size: 14px;
  color: #888;
  letter-spacing: normal;
  margin-left: 2px;
}
@media only screen and (min-width: 900px) {
  article .twitter-tweet {
    margin: 40px auto !important;
  }
}
article .person {
  position: relative;
  margin: 35px 0;
  padding-left: 100px;
}
article .person .avatar {
  position: absolute;
  top: 5px;
  left: 0;
  width: 80px;
  height: 80px;
  z-index: 2;
}
article .person .avatar:before {
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 40px);
  content: "";
  width: 80px;
  height: 80px;
  background-size: 100% 100%;
}
article .person .avatar img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 5px solid #fff;
}
article .person .full-name {
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  margin-bottom: -2px;
}
article .person .mini-bio {
  display: block;
  font-size: 20px;
  margin-bottom: -5px;
}
article .person .social svg {
  position: relative;
  width: 17px;
  height: 17px;
  fill: #888;
  margin-right: 9px;
}
article .person .social:hover svg {
  fill: #222;
}
@media only screen and (min-width: 900px) {
  article .person.large {
    padding-left: 140px;
    padding-top: 15px;
    padding-bottom: 20px;
  }
  article .person.large .avatar {
    width: 120px;
    height: 120px;
  }
  article .person.large .avatar:before {
    width: 120px;
    height: 120px;
    left: calc(50% - 60px);
  }
  article .person.large .avatar img {
    width: 120px;
    height: 120px;
  }
  article .person.large .full-name {
    font-size: 24px;
  }
}
article .person-small {
  position: relative;
  margin: 35px 0 35px 15px;
  padding-left: 50px;
  border-left: 5px solid #ffc104;
}
@media only screen and (max-width: 768px) {
  article .person-small {
    padding-left: 40px;
    margin-left: 10px;
  }
}
article .person-small .avatar {
  position: absolute;
  top: 0;
  left: -33px;
  width: 60px;
  height: 60px;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  article .person-small .avatar {
    left: -25px;
    width: 46px;
    height: 46px;
  }
}
article .person-small .avatar:before {
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 30px);
  content: "";
  width: 60px;
  height: 60px;
  background-size: 100% 100%;
}
@media only screen and (max-width: 768px) {
  article .person-small .avatar:before {
    left: calc(50% - 23px);
    width: 46px;
    height: 46px;
  }
}
article .person-small .avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid #fff;
}
@media only screen and (max-width: 768px) {
  article .person-small .avatar img {
    width: 46px;
    height: 46px;
    border-width: 2px;
  }
}
article .person-small .full-name {
  display: block;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  margin-bottom: -2px;
}
article .person-small .mini-bio {
  display: block;
  font-size: 17px;
  color: #888;
  margin-bottom: -5px;
}
article .person-small.question-above,
article .person-small.answer-above {
  margin-top: 60px;
}
article .person-small.question-above:before,
article .person-small.answer-above:before {
  content: "";
  position: absolute;
  top: -120px;
  left: -5px;
  width: 20px;
  height: 150px;
  background-color: #fff;
  border-left: 5px solid #bbb;
  z-index: 1;
}
article .person-small.answer-above:before {
  border-color: #ffc104;
}
article .person-small.answer-below:after {
  content: "";
  position: absolute;
  bottom: -80px;
  left: -5px;
  width: 20px;
  height: 90px;
  background-color: #fff;
  border-left: 5px solid #ffc104;
  z-index: 1;
}
article .question {
  position: relative;
  border-left: 5px solid #bbb;
  margin-top: 40px;
  margin-left: 15px;
  padding-left: 35px;
}
@media only screen and (max-width: 768px) {
  article .question {
    padding-left: 20px;
    margin-left: 10px;
  }
}
article .question:before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-bottom: 5px solid #bbb;
}
article .question:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  width: 15px;
  height: 14px;
  background-color: #fff;
  border-top: 5px solid #bbb;
}
article .question .title {
  position: relative;
  display: block;
  color: #888;
}
article .question .body {
  display: block;
  font-weight: 500;
}
article .question .context {
  display: block;
  color: #666;
}
article .question .submitter {
  display: block;
  font-size: 16px;
  color: #888;
}
article .question .submitter a {
  color: inherit;
}
article .reply-from-audience {
  position: relative;
  margin-top: 60px;
  margin-left: -35px;
  padding: 30px 35px;
  font-family: 'Roboto Serif', serif;
  font-size: 18px;
  background-color: #f3f3f3;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  article .reply-from-audience {
    padding: 20px 20px;
    margin-left: -20px;
  }
}
article .reply-from-audience:before {
  content: "Reply from the audience";
  display: block;
  margin-bottom: 20px;
  font-weight: 800;
  font-size: 16px;
  color: #888;
}
article .reply-from-audience > *:last-child {
  margin-bottom: 0;
}
article .items {
  column-count: 2;
  column-gap: 60px;
  margin-top: 80px;
  padding-left: 30px;
  line-height: 1.6;
  font-size: 22px;
}
@media only screen and (max-width: 768px) {
  article .items {
    column-count: 1;
  }
}
article .transcript.closed {
  height: 500px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
article .transcript.closed:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
article .transcript > p {
  position: relative;
  padding-left: 50px;
}
article .transcript > p > span {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 14px;
  color: #888;
}
article .transcript-controls {
  text-align: center;
}
article > *:first-child {
  margin-top: 0;
}
.circle-1:before {
  background-image: url('/assets/img/perspectives/circles/1.png');
}
.circle-2:before {
  background-image: url('/assets/img/perspectives/circles/2.png');
}
.circle-3:before {
  background-image: url('/assets/img/perspectives/circles/3.png');
}
.circle-4:before {
  background-image: url('/assets/img/perspectives/circles/4.png');
}
.circle-5:before {
  background-image: url('/assets/img/perspectives/circles/5.png');
}
.circle-6:before {
  background-image: url('/assets/img/perspectives/circles/6.png');
}
.categories,
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 50px;
}
.categories .category,
.tags .category,
.categories .tag,
.tags .tag {
  padding-top: 30px;
  border-top: 1px solid #aaa;
  max-width: 340px;
}
@media only screen and (max-width: 768px) {
  .categories .category,
  .tags .category,
  .categories .tag,
  .tags .tag {
    max-width: none;
  }
}
.categories .category .name,
.tags .category .name,
.categories .tag .name,
.tags .tag .name {
  display: block;
  margin-bottom: 10px;
}
.categories .category .desc,
.tags .category .desc,
.categories .tag .desc,
.tags .tag .desc {
  font-size: 19px;
}
.filters {
  border: 1px solid #ddd;
}
.filters .title {
  display: block;
  background-color: #ddd;
  padding: 7px 15px;
  font-weight: 500;
  color: #333;
  font-size: 18px;
}
.filters .controls {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #444;
  padding: 15px;
}
.filters .controls a {
  font-weight: 300;
}
.filters .filter {
  border-bottom: 1px solid #ddd;
}
.filters .filter .name {
  display: block;
  position: relative;
  padding: 15px 15px 15px 40px;
  text-decoration: none;
  font-size: 18px;
}
.filters .filter .name:before {
  content: "";
  display: block;
  position: absolute;
  top: 22px;
  left: 18px;
  width: 7px;
  height: 7px;
  border: solid;
  border-width: 0 2px 2px 0;
  border-color: #333;
  transform: rotate(45deg);
}
.filters .filter .dropdown {
  display: none;
  padding: 0 15px 15px;
  margin-bottom: 0;
}
.filters .filter .separator {
  display: block;
  font-weight: 400;
  margin: 30px 0 10px;
  font-size: 18px;
}
.filters .filter .counter {
  color: #aaa;
}
.filters .checkboxes {
  padding: 15px;
  margin-bottom: 0;
}
.floating-newsletter {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #eee;
  border-top: 3px solid #fed777;
  padding: 10px 30px;
  color: #000000bf;
  transition: bottom 0.4s, margin-bottom 0.4s, padding 0.4s;
  z-index: 101;
  margin-bottom: 50px;
}
@media only screen and (min-width: 900px) {
  .floating-newsletter {
    display: none !important;
  }
}
.floating-newsletter.enabled.opened,
.floating-newsletter.keep-open {
  bottom: 0 !important;
  margin-bottom: 0;
  padding: 30px 30px 0;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.12);
}
.floating-newsletter.enabled.opened .close,
.floating-newsletter.keep-open .close {
  display: block;
}
.floating-newsletter.enabled.opened .title,
.floating-newsletter.keep-open .title {
  font-size: 28px;
  text-align: left;
}
.floating-newsletter.subscribed {
  margin-bottom: 0;
}
.floating-newsletter .close {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.4;
}
.floating-newsletter .title {
  display: block;
  font-size: 20px;
  font-family: 'Source Serif Pro', serif;
  font-weight: 700;
  color: #0b0c0c;
  text-align: center;
}
.floating-newsletter .about {
  margin: 14px 0 27px;
  font-size: 18px;
}
.floating-newsletter .subscribe-form .button {
  margin-right: 5px;
}
.floating-newsletter .subscribe-form .free {
  font-size: 16px;
}
.floating-newsletter .success {
  display: none;
  font-weight: 500;
  margin-bottom: 20px;
}
.floating-newsletter .success svg {
  position: relative;
  top: -2px;
  margin-right: 4px;
  fill: #16a201;
}
.formkit-modal input[type="text"] {
  box-shadow: none !important;
  border-left: initial !important;
  border-right: initial !important;
  border-top: initial !important;
  border-bottom: initial !important;
  border: 2px solid #ccc !important;
}
.formkit-modal input[type="text"]:focus {
  border: 2px solid #444 !important;
}
.formkit-modal button {
  box-shadow: none !important;
}
.navigation .previous {
  position: relative;
  display: inline-block;
  font-size: 24px;
  color: #888;
  text-decoration: none;
  font-weight: inherit;
  margin-bottom: 20px;
}
.navigation .previous:hover {
  text-decoration: underline;
}
.navigation .previous:before {
  content: '❮';
  position: absolute;
  font-size: 17px;
  top: 5px;
  left: -10px;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, left 0.2s ease-in-out;
}
.navigation:hover .previous:before {
  opacity: 0.4;
  left: -16px;
}
.resource-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 40px;
  margin-bottom: 100px;
}
.resource-cards .section-title {
  display: block;
  font-family: 'Source Serif Pro', serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.2;
  width: 100%;
}
.resource-cards .resource-card {
  display: flex;
  gap: 45px;
  position: relative;
  margin: 0 0 80px;
}
.resource-cards .resource-card:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .resource-cards .resource-card {
    flex-direction: column;
  }
}
.resource-cards .resource-card .image {
  width: 360px;
  height: 189px;
  flex-shrink: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1100px) {
  .resource-cards .resource-card .image {
    width: 250px;
    height: 156px;
  }
}
@media only screen and (max-width: 768px) {
  .resource-cards .resource-card .image {
    width: 100%;
    height: auto;
    padding-top: 52.5%;
    /* 10/16 * 100 = 62.5 */
    position: relative;
  }
}
.resource-cards .resource-card .image a {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .resource-cards .resource-card .image a {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.resource-cards .resource-card .image a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.resource-cards .resource-card .name {
  display: block;
  margin-bottom: 15px;
  font-family: 'Source Serif Pro', serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.2;
  margin-top: -0.2em;
  color: #222;
  text-decoration: none;
}
@media only screen and (max-width: 1100px) {
  .resource-cards .resource-card .name {
    font-size: 30px;
  }
}
.resource-cards .resource-card .desc {
  font-size: 19px;
  margin-bottom: 25px;
}
.resource-cards .resource-card .buttons .button {
  margin-bottom: 0;
}
.resource-cards.featured .resource-card {
  margin-bottom: 60px;
}
.resource-cards.featured .resource-card .image {
  width: 550px;
  height: 289px;
}
@media only screen and (max-width: 768px) {
  .resource-cards.featured .resource-card .image {
    width: 340px;
    height: 179px;
  }
}
.resource-cards.mini {
  gap: 60px;
  margin-top: 40px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 900px) {
  .resource-cards.mini .resource-card {
    gap: 30px;
    margin-bottom: 0;
  }
  .resource-cards.mini .resource-card .image {
    width: 170px;
    height: 89px;
  }
  .resource-cards.mini .resource-card .name {
    font-size: 22px;
  }
  .resource-cards.mini .resource-card .desc {
    font-size: 17px;
    margin-bottom: 20px;
  }
  .resource-cards.mini .resource-card .button {
    font-size: 16px;
    padding: 6px 9px 5px;
  }
}
@media only screen and (min-width: 900px) and only screen and (max-width: 768px) {
  .resource-cards.mini .resource-card .image {
    width: 100%;
    height: auto;
    padding-top: 52.5%;
    /* 10/16 * 100 = 62.5 */
    position: relative;
  }
}
.resource-cards.grid .resource-card {
  flex-direction: column;
  flex-basis: calc(33% - 25px);
  margin-bottom: 20px;
}
.resource-cards.grid .resource-card .image {
  width: 340px;
  height: 179px;
}
.resource-cards.grid .resource-card .details .name {
  font-size: 24px;
}
.article-with-video {
  max-width: 1300px;
  position: relative;
  padding: 0 20px;
  margin: 0 auto 100px;
  line-height: 1.6;
}
@media only screen and (min-width: 900px) {
  .article-with-video {
    margin-top: -60px;
  }
}
.article-with-video > *:first-child {
  margin-top: 0;
}
.article-with-video .video-player {
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (min-width: 900px) {
  .article-with-video .video-player {
    margin-bottom: 80px;
  }
}
.article-with-video .video-player .iframe-wrapper {
  position: relative;
  padding: 56.25% 0 0 0;
  margin-bottom: 15px;
  border-radius: 15px;
  overflow: hidden;
  background-color: #ddd;
}
@media only screen and (min-width: 900px) {
  .article-with-video .video-player .iframe-wrapper {
    width: 854px;
    height: 535px;
  }
}
@media only screen and (max-width: 768px) {
  .article-with-video .video-player .iframe-wrapper {
    border-radius: 0;
  }
}
.article-with-video .video-player .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article-with-video .video-player .title {
  font-size: 26px;
  margin: 0 0 15px;
  font-family: 'Source Serif Pro', serif;
  font-weight: 700;
}
@media only screen and (min-width: 900px) {
  .article-with-video .video-player .title {
    font-size: 36px;
  }
}
.article-with-video .video-player .summary {
  font-size: 22px;
  margin: 0 0 20px;
  color: #666;
  line-height: 1.6;
}
@media only screen and (min-width: 900px) {
  .article-with-video .video-player .summary {
    font-size: 26px;
  }
}
.article-with-video .related-videos {
  margin-bottom: 100px;
}
.article-with-video .related-videos .related-video {
  display: block;
  position: relative;
  margin-bottom: 40px;
}
.article-with-video .related-videos .related-video .thumbnail {
  position: relative;
  cursor: pointer;
  transition: opacity 0.3s;
}
.article-with-video .related-videos .related-video .thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 7px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
.article-with-video .related-videos .related-video .thumbnail .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  transition: width 0.3s, height 0.3s;
}
.article-with-video .related-videos .related-video .thumbnail .play-button svg {
  width: 100%;
  height: 100%;
  fill: #ffc104;
  filter: drop-shadow(0 0 20px #000000);
}
.article-with-video .related-videos .related-video .thumbnail:hover {
  opacity: 0.8;
}
.article-with-video .related-videos .related-video .thumbnail:hover .play-button {
  width: 100px;
  height: 100px;
}
.article-with-video .related-videos .related-video .title {
  display: block;
  font-size: 20px;
  font-family: 'Source Serif Pro', serif;
  font-weight: 700;
  margin-bottom: 5px;
  color: inherit;
  text-decoration: none;
}
.article-with-video .related-videos .related-video .summary {
  display: block;
  font-size: 16px;
  margin: 0;
  color: #666;
}
.wic-popup-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 11;
  backdrop-filter: blur(4px);
}
.wic-popup-background.visible {
  display: block;
}
.wic-popup-trigger {
  display: none;
  position: fixed;
  width: 246px;
  right: 50px;
  bottom: 0;
  background-color: #ffc104;
  border-radius: 15px 15px 0 0;
  z-index: 10;
  padding: 14px 20px 12px 73px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .wic-popup-trigger {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.wic-popup-trigger.visible {
  display: block;
}
.wic-popup-trigger svg {
  position: absolute;
  width: 70px;
  height: 35px;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.wic-popup-trigger .label {
  display: block;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.wic-popup-small {
  display: none;
  width: 650px;
  height: 300px;
  border-radius: 20px;
  background-color: #ffc104;
  position: fixed;
  right: 50px;
  bottom: 50px;
  text-align: center;
  padding: 35px 225px 20px 30px;
  z-index: 12;
  overflow: hidden;
}
@media only screen and (max-width: 1100px) {
  .wic-popup-small {
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .wic-popup-small {
    width: calc(100% - 20px);
    max-width: 410px;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    padding: 34px 75px 20px 20px;
  }
}
.wic-popup-small.visible {
  display: block;
}
.wic-popup-small:before {
  content: '';
  position: absolute;
  top: -28px;
  right: 0;
  width: 315px;
  height: 500px;
  background: url('/assets/img/v2/popup-person.png') no-repeat;
  background-size: cover;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .wic-popup-small:before {
    top: 0;
    right: -75px;
  }
}
.wic-popup-small .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  background: url('/assets/img/v2/close.png') no-repeat;
  background-size: cover;
  cursor: pointer;
  opacity: 0.4;
}
.wic-popup-small .close:hover {
  opacity: 0.7;
}
.wic-popup-small .close svg {
  width: 100%;
  height: 100%;
}
.wic-popup-small .title {
  display: block;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.25;
  margin-bottom: 22px;
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 768px) {
  .wic-popup-small .title {
    font-size: 24px;
    margin-bottom: 28px;
  }
}
.wic-popup-small .subtitle {
  display: block;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 28px;
  opacity: 0.8;
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 768px) {
  .wic-popup-small .subtitle {
    font-size: 20px;
    text-shadow: 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 2px #ffc104, 0 0 2px #ffc104, 0 0 2px #ffc104;
    margin-bottom: 30px;
  }
}
.wic-popup-small .subtitle strong {
  font-weight: 500;
}
.wic-popup-small form {
  margin-bottom: 20px;
}
.wic-popup-small .free {
  font-size: 14px;
  font-weight: 300;
  opacity: 0.7;
}
@media only screen and (max-width: 768px) {
  .wic-popup-small .free {
    text-shadow: 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 2px #ffc104, 0 0 2px #ffc104, 0 0 2px #ffc104;
  }
}
.wic-popup-big {
  display: none;
  width: 1000px;
  height: 500px;
  border-radius: 30px;
  background-color: #ffc104;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 80px 390px 50px 80px;
  z-index: 13;
  overflow: hidden;
}
@media only screen and (max-width: 1100px) {
  .wic-popup-big {
    width: 800px;
    height: 450px;
    padding: 70px 300px 40px 55px;
  }
}
@media only screen and (max-width: 768px) {
  .wic-popup-big {
    width: calc(100% - 20px);
    max-width: 440px;
    height: auto;
    padding: 30px 96px 30px 20px;
  }
}
.wic-popup-big.visible {
  display: block;
}
.wic-popup-big:before {
  content: '';
  position: absolute;
  top: -20px;
  right: -40px;
  width: 500px;
  height: 520px;
  background: url('/assets/img/v2/popup-person.png') no-repeat;
  background-size: cover;
  z-index: -1;
}
@media only screen and (max-width: 1100px) {
  .wic-popup-big:before {
    height: 470px;
    right: -90px;
  }
}
@media only screen and (max-width: 768px) {
  .wic-popup-big:before {
    top: 0;
    right: -90px;
    width: 315px;
    height: 480px;
  }
}
.wic-popup-big .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: url('/assets/img/v2/close.png') no-repeat;
  background-size: cover;
  cursor: pointer;
  opacity: 0.4;
}
@media only screen and (max-width: 768px) {
  .wic-popup-big .close {
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
  }
}
.wic-popup-big .close:hover {
  opacity: 0.7;
}
.wic-popup-big .close svg {
  width: 100%;
  height: 100%;
}
.wic-popup-big .title {
  display: block;
  font-size: 46px;
  font-weight: 900;
  line-height: 1.25;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1100px) {
  .wic-popup-big .title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 768px) {
  .wic-popup-big .title {
    font-size: 24px;
    text-shadow: 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 2px #ffc104, 0 0 2px #ffc104, 0 0 2px #ffc104;
    margin-bottom: 27px;
  }
}
.wic-popup-big .subtitle {
  display: block;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 40px;
  opacity: 0.8;
}
@media only screen and (max-width: 1100px) {
  .wic-popup-big .subtitle {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .wic-popup-big .subtitle {
    font-size: 20px;
    text-shadow: 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 2px #ffc104, 0 0 2px #ffc104, 0 0 2px #ffc104;
    margin-bottom: 35px;
  }
}
.wic-popup-big .subtitle strong {
  font-weight: 500;
}
.wic-popup-big form {
  margin-bottom: 25px;
}
.wic-popup-big .free {
  font-size: 16px;
  font-weight: 300;
  opacity: 0.7;
}
@media only screen and (max-width: 768px) {
  .wic-popup-big .free {
    text-shadow: 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 10px #ffc104, 0 0 2px #ffc104, 0 0 2px #ffc104, 0 0 2px #ffc104;
  }
}
.wic-popup-cta-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #2e7d32;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 7px;
  text-decoration: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.wic-popup-cta-button svg {
  fill: #fff;
  width: 24px;
  height: 24px;
}
.wic-popup-cta-button:hover {
  background-color: #256427;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .wic-popup-cta-button {
    font-size: 18px;
    padding: 12px 20px;
  }
}
.wic-popup-small form .input-with-button,
.wic-popup-big form .input-with-button {
  position: relative;
  width: 350px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .wic-popup-small form .input-with-button,
  .wic-popup-big form .input-with-button {
    width: 100%;
  }
}
.wic-popup-small form .input-with-button input[type="email"],
.wic-popup-big form .input-with-button input[type="email"] {
  width: 100%;
  height: 48px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border: none;
  border-radius: 7px;
  font-size: 18px;
  padding-left: 15px;
  padding-right: 68px;
  line-height: 48px;
}
.wic-popup-small form .input-with-button input[type="email"]:focus,
.wic-popup-big form .input-with-button input[type="email"]:focus {
  border: none !important;
  outline: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.wic-popup-small form .input-with-button button,
.wic-popup-big form .input-with-button button {
  position: absolute;
  width: 58px;
  height: 38px;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  background-color: #FF8A00;
  border: inset 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  box-shadow: none;
  padding: 3px;
  border-radius: 5px;
}
.wic-popup-small form .input-with-button button svg,
.wic-popup-big form .input-with-button button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  width: 32px;
  height: 32px;
}
.wic-popup-small form .input-with-button button:hover,
.wic-popup-big form .input-with-button button:hover {
  background-color: #f38300;
}
.wic-popup-small form .input-with-button button:focus,
.wic-popup-big form .input-with-button button:focus {
  border: inset 1px rgba(0, 0, 0, 0.05) !important;
}
.wic-popup-small form .input-with-button button:active,
.wic-popup-big form .input-with-button button:active {
  margin-top: 2px;
}
.gic-logged-in {
  display: none !important;
}
body {
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 400;
  font-stretch: 98%;
  font-size: 20px;
  line-height: 1.5;
  color: #222;
}
.a,
a {
  color: #0b74ff;
  text-decoration-color: #adccff;
  text-decoration-thickness: 0.075em;
  text-underline-offset: 0.1em;
  font-weight: 500;
}
.a:visited,
a:visited {
  color: #0b74ff;
  text-decoration-color: #adccff;
}
.a:hover,
a:hover {
  color: #062f5d;
  text-decoration-color: #062f5d;
  text-decoration-thickness: 0.15em;
}
.growing-button {
  display: inline-block;
  font-family: 'Red Hat Display';
  font-size: 20px;
  font-weight: 550;
  padding: 10px 22px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  background-color: #222;
  color: #fff;
  font-stretch: 100%;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: none;
}
.growing-button:hover {
  background-color: #000000ad;
  color: #fff;
}
.growing-button:visited,
.growing-button:active {
  color: #fff;
}
.growing-button.small {
  font-size: 16px;
  padding: 6px 15px 6px;
}
.growing-button.medium {
  font-size: 18px;
}
.growing-button.yellow {
  background-color: #ffbf1e;
}
.growing-button.yellow:hover {
  background-color: #f6a62b;
}
.growing-button.cream {
  background-color: #ffdb70;
  color: #000;
  text-shadow: none;
}
.growing-button.cream:hover {
  background-color: #ffef9f;
}
.growing-button.orange {
  background-color: #f6a62b;
}
.growing-button.orange:hover {
  background-color: #e48e0a;
}
.growing-button.green {
  background-color: #46a10a;
}
.growing-button.green:hover {
  background-color: #317107;
}
.growing-button.blue {
  background-color: #1773ec;
}
.growing-button.blue:hover {
  background-color: #105cc0;
}
.growing-button.purple,
.growing-button.register,
.growing-button.primary {
  background-color: #8e24aa;
}
.growing-button.purple:hover,
.growing-button.register:hover,
.growing-button.primary:hover {
  background-color: #6b1b80;
}
.growing-button.cool-purple {
  background-color: #4e0dd5;
}
.growing-button.cool-purple:hover {
  background-color: #3c0aa5;
}
.growing-button.amber {
  background-color: #cc5500;
}
.growing-button.amber:hover {
  background-color: #994000;
}
.growing-button.red {
  background-color: #c00000;
  color: #fff;
}
.growing-button.red:hover {
  background-color: #8d0000;
  color: #fff;
}
.growing-button.red svg {
  fill: #fff;
}
.growing-button svg {
  display: inline;
  margin-right: 2px;
  width: 18px;
  height: 18px;
  margin-top: -3px;
  margin-left: -5px;
  vertical-align: middle;
  fill: #fff;
}
button.growing-button {
  padding: 10px 22px 10px;
}
.grecaptcha-badge {
  display: none !important;
}
.growing-header {
  position: relative;
  z-index: 5;
  background-color: #ffb223;
  background-image: url('/assets/img/growing-2026/waves4.jpg');
  background-size: auto 130%;
  background-position: center 0;
  background-repeat: no-repeat;
}
.growing-header .inner-wrapper {
  position: relative;
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 75px;
  height: 850px;
  background-image: url('/assets/img/growing-2026/avatar2.png');
  background-size: auto 817px;
  background-position: 785px 150px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1499px) {
  .growing-header .inner-wrapper {
    background-size: auto 750px;
    background-position: 820px 145px;
  }
}
@media only screen and (max-width: 1399px) {
  .growing-header .inner-wrapper {
    background-size: auto 730px;
    background-position: 760px 140px;
  }
}
@media only screen and (max-width: 1100px) {
  .growing-header .inner-wrapper {
    height: 630px;
    background-size: auto 600px;
    background-position: 115% 100px;
  }
}
@media only screen and (max-width: 768px) {
  .growing-header .inner-wrapper {
    height: 422px;
    background-size: auto 415px;
    background-position: 222px 63px;
  }
}
.growing-header .growing-message {
  position: absolute;
  top: 75px;
  left: 75px;
  font-family: 'Red Hat Display';
  font-size: 18px;
  font-weight: 300;
  font-stretch: 96%;
  color: #1B0203;
  line-height: 42px;
}
@media only screen and (max-width: 1499px) {
  .growing-header .growing-message {
    top: 50px;
  }
}
@media only screen and (max-width: 1100px) {
  .growing-header .growing-message {
    display: none;
  }
}
.growing-header .growing-message a {
  font-weight: 600;
  color: inherit;
  text-decoration: underline;
  text-decoration-color: #1B020342;
  text-decoration-thickness: 0.1em;
}
.growing-header .growing-message a:hover {
  color: #281415;
  text-decoration-color: rgba(40, 20, 21, 0.49019608);
  text-decoration-thickness: 0.15em;
}
.growing-header .growing-message strong {
  font-weight: 600;
}
.growing-header .growing-message-mobile {
  display: none;
  position: absolute;
  top: 18px;
  left: 20px;
  font-family: 'Red Hat Display';
  font-size: 18px;
  font-weight: 300;
  font-stretch: 96%;
  color: #1B0203;
  line-height: 42px;
  opacity: 0.8;
}
@media only screen and (max-width: 1100px) {
  .growing-header .growing-message-mobile {
    display: block;
  }
}
.growing-header .growing-message-mobile a {
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}
.growing-header .growing-top-menu-open-trigger {
  display: none;
  position: absolute;
  padding: 15px;
  top: 5px;
  right: 9px;
}
.growing-header .growing-top-menu-open-trigger svg {
  width: 34px;
  height: 34px;
  fill: #1B0203;
}
@media only screen and (max-width: 1100px) {
  .growing-header .growing-top-menu-open-trigger {
    display: block;
  }
}
.growing-header .growing-top-menu-close-trigger {
  display: none;
  position: absolute;
  padding: 15px;
  top: 5px;
  right: 9px;
}
.growing-header .growing-top-menu-close-trigger svg {
  width: 34px;
  height: 34px;
  fill: #1B0203;
}
@media only screen and (max-width: 1100px) {
  .growing-header .growing-top-menu-close-trigger {
    display: block;
  }
}
.growing-header .growing-top-menu {
  position: absolute;
  display: flex;
  top: 75px;
  right: 75px;
  gap: 16px;
}
@media only screen and (max-width: 1499px) {
  .growing-header .growing-top-menu {
    top: 50px;
  }
}
@media only screen and (max-width: 1100px) {
  .growing-header .growing-top-menu {
    display: none;
    align-items: flex-start;
    flex-direction: column;
    background-color: #FEB624;
    z-index: 15;
    top: 0;
    right: 0;
    left: 0;
    padding: 30px;
    gap: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  .growing-header .growing-top-menu.open {
    display: flex;
  }
}
.growing-header .growing-top-menu .item {
  display: inline-block;
  font-family: 'Red Hat Display';
  font-size: 18px;
  font-weight: 550;
  font-stretch: 100%;
  color: #000;
  padding: 7px 18px;
  border-radius: 5px;
  text-decoration: none;
  background-color: #ffdb70;
}
.growing-header .growing-top-menu .item:hover {
  color: #000;
  background-color: #ffef9f;
}
@media only screen and (min-width: 900px) {
  .growing-header .growing-top-menu .item.home {
    display: none;
  }
}
.growing-header .growing-top-menu .item.purple {
  color: #fff;
  background-color: #8e24aa;
}
.growing-header .growing-top-menu .item.purple:hover {
  background-color: #6b1b80;
}
.growing-header .growing-top-menu .item.green {
  color: #fff;
  background-color: #46a10a;
}
.growing-header .growing-top-menu .item.green:hover {
  background-color: #317107;
}
.growing-header .growing-top-menu .item.black {
  color: #fff;
  background-color: #222;
}
.growing-header .growing-top-menu .item.black:hover {
  background-color: #0009;
}
.growing-header .growing-logo {
  position: absolute;
  top: 260px;
  left: 180px;
  max-width: 600px;
  z-index: 1;
}
@media only screen and (max-width: 1499px) {
  .growing-header .growing-logo {
    top: 230px;
    left: 165px;
  }
}
@media only screen and (max-width: 1399px) {
  .growing-header .growing-logo {
    zoom: 0.95;
    top: 250px;
  }
}
@media only screen and (max-width: 1100px) {
  .growing-header .growing-logo {
    top: 115px;
    margin-top: 0;
    zoom: 0.9;
    left: 20px;
  }
}
.growing-header .growing-logo .growing-name {
  display: block;
  position: relative;
  left: -2px;
  font-family: 'Red Hat Display';
  font-size: 84px;
  font-weight: 850;
  line-height: 1.1;
  color: #1B0203;
  text-decoration: none;
  max-width: 600px;
  margin: 0 0 15px;
}
@media only screen and (max-width: 768px) {
  .growing-header .growing-logo .growing-name {
    left: -1px;
    font-size: 42px;
    max-width: 350px;
    margin-bottom: 15px;
  }
}
.growing-header .growing-logo .growing-name h1 {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  font-stretch: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: inherit;
  margin: 0;
}
.growing-header .growing-logo .growing-name .year {
  color: #8B4E26;
  opacity: 0.8;
  font-weight: 650;
}
.growing-header .growing-logo .growing-subtitle {
  display: block;
  font-family: 'Red Hat Display';
  font-weight: 350;
  color: #1B0203;
  font-size: 28px;
  margin-bottom: 55px;
}
@media only screen and (max-width: 1499px) {
  .growing-header .growing-logo .growing-subtitle {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .growing-header .growing-logo .growing-subtitle {
    font-size: 23px;
    margin-bottom: 35px;
    width: 260px;
    line-height: 1.3;
  }
}
.growing-header .growing-logo .growing-subtitle .growing-date {
  font-weight: 700;
  text-decoration: none;
  color: inherit;
}
.growing-header .growing-logo .growing-subtitle a.growing-date:hover {
  text-decoration: underline;
  text-decoration-color: #1B0203;
}
.growing-header .growing-logo .growing-buttons {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  z-index: 1;
  padding-right: 50px;
}
@media only screen and (max-width: 768px) {
  .growing-header .growing-logo .growing-buttons {
    zoom: 0.9;
  }
}
.growing-header .growing-logo .growing-buttons .register {
  background-color: #8e24aa;
}
.growing-header .growing-logo .growing-buttons .register:hover {
  background-color: #6b1b80;
}
.growing-header .growing-logo .growing-join-day-1-form {
  position: relative;
  display: none;
  flex-wrap: wrap;
  gap: 25px;
}
.growing-header .growing-logo .growing-join-day-1-form input[type="email"] {
  width: 280px;
  padding: 11px 14px 9px;
  border: 3px solid #a46431;
  border-radius: 5px;
  height: 48px;
  line-height: 48px;
  background-color: rgba(255, 255, 255, 0.7);
}
.growing-header .growing-logo .growing-join-day-1-form input[type="email"]::placeholder {
  color: #aa6a31;
}
.growing-header .growing-logo .growing-join-day-1-form input[type="email"]:focus {
  border: 3px solid #0b0c0c !important;
  outline: 3px solid #fed868;
}
.growing-header .growing-share {
  position: absolute;
  display: flex;
  justify-content: center;
  gap: 20px;
  bottom: -110px;
  left: calc(50% - 90px);
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .growing-header .growing-share {
    display: none;
  }
}
.growing-header .growing-share a {
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #f6a62b80;
  color: #fff;
  text-align: center;
  line-height: 46px;
  transition: background-color 0.2s ease-in-out;
}
.growing-header .growing-share a:hover {
  background-color: #e29521;
}
.growing-header .growing-share a svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
.growing-header .growing-wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -143px;
}
@media only screen and (max-width: 1399px) {
  .growing-header .growing-wave {
    bottom: -130px;
  }
}
@media only screen and (max-width: 1100px) {
  .growing-header .growing-wave {
    bottom: -60px;
  }
}
@media only screen and (max-width: 768px) {
  .growing-header .growing-wave {
    bottom: -38px;
  }
}
.growing-header .growing-top-menu .item-avatar-wrap {
  position: relative;
}
.growing-header .growing-top-menu .item-avatar-wrap:focus-within .item-avatar-dropdown {
  display: block;
}
.growing-header .growing-top-menu .item-avatar {
  display: block;
  padding: 0;
  overflow: hidden;
  width: 42px;
  height: 42px;
  border-radius: 5px;
  border: none;
  line-height: 0;
  background: none;
  cursor: pointer;
  outline: none;
}
.growing-header .growing-top-menu .item-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.growing-header .growing-top-menu .item-avatar-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 100;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  min-width: 160px;
}
@media only screen and (max-width: 1100px) {
  .growing-header .growing-top-menu .item-avatar-dropdown {
    right: auto;
    left: 0;
  }
}
.growing-header .growing-top-menu .item-avatar-dropdown a {
  display: block;
  padding: 10px 16px;
  font-family: 'Red Hat Display';
  font-size: 15px;
  font-weight: 500;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
}
.growing-header .growing-top-menu .item-avatar-dropdown a:hover {
  background: #f5f5f5;
  color: #000;
}
@media only screen and (min-width: 900px) {
  .growing-header.subpage .inner-wrapper {
    height: 400px;
    background-size: auto 149%;
    background-position: 265px 0px;
  }
  .growing-header.subpage .growing-brought {
    top: 78px;
  }
  .growing-header.subpage .growing-top-menu {
    top: 67px;
  }
  .growing-header.subpage .growing-logo {
    zoom: 0.83;
    top: 146px;
  }
  .growing-header.subpage .growing-logo .growing-buttons {
    display: none;
  }
}
.growing-header.subpage .growing-share {
  display: none;
}
.growing-header.minimal {
  z-index: 6;
}
@media only screen and (min-width: 900px) {
  .growing-header.minimal {
    background-size: auto 1000px;
    background-position: center center;
  }
  .growing-header.minimal .inner-wrapper {
    height: 160px;
    background-size: auto 150%;
    background-position: 390px 9px;
  }
  .growing-header.minimal .growing-message {
    display: none;
  }
  .growing-header.minimal .growing-top-menu {
    top: 62px;
  }
  .growing-header.minimal .growing-logo {
    zoom: 0.5;
    top: 40px;
    right: 40px;
  }
  .growing-header.minimal .growing-logo .growing-name {
    margin-bottom: 10px;
    font-size: 80px;
  }
  .growing-header.minimal .growing-logo .growing-subtitle {
    font-size: 39px;
  }
  .growing-header.minimal .growing-logo .growing-buttons {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .growing-header.minimal {
    background-size: auto 800px;
    background-position: center center;
  }
  .growing-header.minimal .inner-wrapper {
    height: 110px;
    background-size: auto 242px;
    background-position: 368px 63px;
  }
  .growing-header.minimal .growing-top-menu-open-trigger,
  .growing-header.minimal .growing-top-menu-close-trigger {
    top: 23px;
  }
  .growing-header.minimal .growing-message-mobile {
    display: none;
  }
  .growing-header.minimal .growing-logo {
    top: 18px;
    margin-top: 0;
    left: 20px;
  }
  .growing-header.minimal .growing-logo .growing-name {
    font-size: 28px;
    max-width: 260px;
    margin-bottom: 7px;
  }
  .growing-header.minimal .growing-logo .growing-subtitle {
    font-size: 16px;
  }
  .growing-header.minimal .growing-logo .growing-buttons {
    display: none;
  }
}
.growing-header.minimal .growing-share {
  display: none;
}
.growing-header.minimal .growing-wave {
  display: none;
}
@media only screen and (min-width: 900px) {
  .growing-header.header-attendee-area:before {
    width: 50%;
  }
  .growing-header.header-attendee-area:after {
    width: 50%;
    background-image: url(/assets/img/growing-2023/header-bg.png);
    background-size: auto 850px;
    background-position: -50px 0;
    background-repeat: no-repeat;
  }
  .growing-header.header-attendee-area .growing-logo {
    top: 50px;
    left: 75px;
    width: 400px;
  }
  .growing-header.header-attendee-area .growing-logo .growing-name {
    font-size: 46px;
  }
  .growing-header.header-attendee-area .growing-logo .growing-subtitle {
    font-size: 20px;
  }
  .growing-header.header-attendee-area .growing-logo .growing-date {
    display: none;
  }
  .growing-header.header-attendee-area .inner-wrapper {
    background-position: 830px 150px;
  }
}
@media only screen and (max-width: 768px) {
  .growing-header.header-attendee-area:after {
    background-color: #f6a62b;
  }
  .growing-header.header-attendee-area .inner-wrapper {
    height: 600px;
    background: none;
  }
  .growing-header.header-attendee-area .growing-logo {
    top: 25px;
    left: 25px;
  }
  .growing-header.header-attendee-area .growing-logo .growing-name {
    max-width: 300px;
  }
  .growing-header.header-attendee-area .growing-logo .growing-subtitle {
    font-size: 19px;
    width: 350px;
  }
}
.badge {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  font-stretch: 100%;
  font-family: 'Red Hat Display', sans-serif;
  background-color: #e0e0e0;
  color: #111;
  padding: 4px 12px;
  border-radius: 50px;
  text-decoration: none;
  border: 2px solid #e0e0e0;
  transition: transform 0.1s ease, border 0.1s ease;
}
.badge:link,
.badge:visited {
  color: #222;
}
.badge.tooltip {
  cursor: help;
}
.badge.yellow {
  background-color: #ffcc36;
  border-color: #ffcc36;
  color: #111;
}
.badge.yellow-muted {
  background-color: #ffcc37ab;
  border-color: transparent;
  color: #111;
}
.badge.blue {
  background-color: #0b74ff;
  border-color: #0b74ff;
  color: #fff;
}
.badge.green2 {
  background-color: #46a10a;
  border-color: #46a10a;
  color: #fff;
}
.badge.purple {
  background-color: #8e24aa;
  border-color: #8e24aa;
  color: #fff;
}
.badge.cool-purple {
  background-color: #4e0dd5;
  border-color: #4e0dd5;
  color: #fff;
}
.badge.full-access {
  background-color: #8e24aa;
  border-color: #8e24aa;
  color: #fff;
  font-weight: 500;
}
.badge.full-access:link,
.badge.full-access:visited {
  color: #fff;
}
.badge.advanced {
  background-color: #9C2760;
  border-color: #9C2760;
  color: #fff;
  font-weight: 500;
}
.badge.advanced:link,
.badge.advanced:visited {
  color: #fff;
}
.badge.amber {
  background-color: #cc5500;
  border-color: #cc5500;
  color: #fff;
  font-weight: 500;
}
.badge.amber:link,
.badge.amber:visited {
  color: #fff;
}
.badge.black {
  background-color: #222;
  border-color: #222;
  color: #fff;
  font-weight: 500;
}
.badge.black:link,
.badge.black:visited {
  color: #fff;
}
a.badge:hover {
  transform: scale(1.1);
}
a.badge:active {
  border-color: #333;
  top: 1px;
}
.anchor {
  position: absolute;
  margin-top: -50px;
}
.scroll-up {
  position: fixed;
  bottom: 30px;
  right: 30px;
  border-radius: 50%;
  background-color: #8e24aa;
  padding: 9px;
  z-index: 4;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.2s ease;
}
.scroll-up svg {
  width: 34px;
  height: 34px;
  fill: #fff;
}
.scroll-up:hover {
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .scroll-up {
    display: none;
    opacity: 1;
  }
}
.intro {
  font-size: 24px;
  font-weight: 300;
  color: #222;
}
@media only screen and (max-width: 768px) {
  .intro {
    font-size: 22px;
  }
}
.intro .inner-wrapper {
  max-width: 1100px;
  padding: 100px 20px 100px;
  margin: 0 auto;
}
.intro .header {
  position: relative;
  display: block;
  font-size: 50px;
  font-weight: 900;
  font-stretch: 100%;
  text-align: center;
  margin: 0 0 80px;
  color: #000;
  opacity: 0.93;
  max-width: 100%;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  .intro .header {
    font-size: 28px;
  }
}
.intro p {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  font-size: 26px;
  margin-bottom: 45px;
  font-family: "Bitter", serif;
  font-optical-sizing: auto;
  font-weight: 350;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  .intro p {
    font-size: 21px;
    margin-bottom: 30px;
  }
}
.intro p strong {
  font-weight: 600;
}
.intro p a {
  font-weight: 500;
}
.intro .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  margin-top: 80px;
}
@media only screen and (max-width: 768px) {
  .intro .buttons {
    gap: 20px;
    margin-top: 60px;
  }
}
.testimonials {
  background-color: #e8e1fa;
  padding: 100px 0 100px;
}
@media only screen and (max-width: 768px) {
  .testimonials {
    padding-bottom: 100px;
  }
}
.testimonials .inner-wrapper {
  max-width: 1450px;
  padding: 0 75px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .testimonials .inner-wrapper {
    padding: 0 20px;
  }
}
.testimonials .header {
  display: block;
  font-size: 50px;
  font-weight: 900;
  font-stretch: 100%;
  text-align: center;
  margin: 0 0 80px;
  color: #000;
  opacity: 0.93;
}
@media only screen and (max-width: 768px) {
  .testimonials .header {
    font-size: 28px;
  }
}
.testimonials .previous-event {
  display: block;
  font-size: 24px;
  font-weight: 330;
  font-family: 'Mona Sans', sans-serif;
  color: #000;
  opacity: 0.65;
  text-align: center;
  margin: -65px 0 115px;
}
@media only screen and (max-width: 768px) {
  .testimonials .previous-event {
    font-size: 18px;
    margin-bottom: 50px;
  }
}
.testimonials .previous-event strong {
  font-weight: 600;
}
.testimonials .testimonials-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  max-width: 1200px;
  margin: -30px auto 70px;
  padding: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .testimonials .testimonials-list {
    padding: 30px 0;
  }
}
.testimonials .testimonials-list.closed {
  height: 1000px;
}
@media only screen and (max-width: 768px) {
  .testimonials .testimonials-list.closed {
    height: 1400px;
  }
}
.testimonials .testimonials-list.closed:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 300px;
  background: linear-gradient(to bottom, rgba(232, 225, 250, 0) 0%, #e8e1fa 100%);
}
.testimonials .testimonials-list .column {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: calc(33.333333% - 30px);
}
@media only screen and (max-width: 768px) {
  .testimonials .testimonials-list .column {
    width: 100%;
  }
}
.testimonials .testimonials-list .testimonial {
  position: relative;
  padding: 35px 38px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
.testimonials .testimonials-list .testimonial:hover {
  transform: scale(1.03);
}
.testimonials .testimonials-list .testimonial .quote {
  display: block;
  font-size: 19px;
  font-weight: 350;
  font-family: 'Bitter', serif;
  line-height: 1.6;
  color: #555;
  margin-bottom: 25px;
}
.testimonials .testimonials-list .testimonial .author {
  position: relative;
  padding-left: 75px;
}
.testimonials .testimonials-list .testimonial .author img {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.testimonials .testimonials-list .testimonial .author .name {
  position: relative;
  display: block;
  font-size: 17px;
  font-weight: 500;
  font-family: 'Mona Sans', sans-serif;
  color: #666;
  margin: 0;
}
.testimonials .testimonials-list .testimonial .author .position {
  position: relative;
  display: block;
  font-size: 13px;
  font-weight: 500;
  font-family: 'Mona Sans', sans-serif;
  color: #888;
}
.testimonials .testimonials-list .testimonial .author .organisation {
  position: relative;
  display: block;
  font-size: 13px;
  font-weight: 500;
  font-family: 'Mona Sans', sans-serif;
  color: #888;
}
.testimonials .buttons {
  text-align: center;
}
.program {
  background-color: #cee5fc;
  padding: 80px 0 100px;
}
.program .inner-wrapper {
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto;
}
.program .header {
  display: block;
  font-size: 42px;
  font-weight: 800;
  font-stretch: 100%;
  text-align: center;
  margin: 0 0 10px;
  color: #000;
  opacity: 0.93;
}
.program .please-note {
  display: block;
  font-size: 22px;
  font-weight: 300;
  font-family: 'Mona Sans', sans-serif;
  color: #475059;
  text-align: center;
  margin-bottom: 120px;
}
.program .please-note strong {
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .program .please-note {
    margin-bottom: 80px;
  }
}
.program .confirmed-switch {
  text-align: center;
  margin-bottom: 60px;
}
.program .navigation {
  margin-bottom: 40px;
}
.program .navigation .growing-button {
  margin-right: 10px;
}
.program .navigation .growing-button:hover {
  opacity: 1;
}
.program .program-day {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 150px;
}
.program .program-day.small-gap {
  margin-bottom: 40px;
}
.program .program-day:last-child {
  margin-bottom: 50px;
}
.program .program-day .day-badges {
  display: flex;
  gap: 12px;
  padding: 8px;
  background-color: #fff9e5;
  padding: 35px 35px 10px;
}
.program .program-day .day-badges.big-padding {
  padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .program .program-day .day-badges {
    flex-wrap: wrap;
    padding: 30px 30px 10px;
  }
}
.program .program-day .day-badges .day-badge {
  display: inline-block;
  padding: 11px 22px 10px;
  border-radius: 5px;
  font-weight: 750;
  background-color: #ffedb9;
  color: #111;
  font-size: 22px;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .program .program-day .day-badges .day-badge {
    font-size: 16px;
    padding: 8px 16px;
  }
}
.program .program-day .day-badges .day-badge.date {
  font-weight: 300;
  color: #222222a8;
}
.program .program-day .day-badges .day-badge.free-day {
  background-color: #46a10a;
  color: #fff;
  font-weight: 500;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .program .program-day .day-badges .day-badge.free-day {
    margin-left: 0;
  }
}
.program .program-day .day-badges .day-badge.free-day:hover {
  background-color: #3a8a0a;
}
.program .program-day .day-badges .day-badge.day-two {
  background-color: #cc5500;
  color: #fff;
  font-weight: 500;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .program .program-day .day-badges .day-badge.day-two {
    margin-left: 0;
  }
}
.program .program-day .day-badges .day-badge.day-two:hover {
  background-color: #994000;
}
.program .program-day .day-badges .day-badge.day-three {
  background-color: #4e0dd5;
  color: #fff;
  font-weight: 500;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .program .program-day .day-badges .day-badge.day-three {
    margin-left: 0;
  }
}
.program .program-day .day-badges .day-badge.day-three:hover {
  background-color: #3c0aa5;
}
.program .program-day .program-item {
  position: relative;
  padding: 35px 50px 35px 180px;
  border-top: 1px solid #e6e6e6;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item {
    padding: 76px 30px 30px 30px;
  }
}
.program .program-day .program-item:last-child {
  border-bottom: none;
}
.program .program-day .program-item.yellow {
  background-color: #fff9e5;
  border-top: none;
}
.program .program-day .program-item.green {
  background-color: #e8f5e1;
}
.program .program-day .program-item.purple {
  background-color: #f6ecf8;
}
.program .program-day .program-item > .badge {
  position: absolute;
  top: 56px;
  left: 40px;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item > .badge {
    top: 30px;
    left: 30px;
  }
}
.program .program-day .program-item .day {
  display: inline-block;
  font-size: 18px;
  text-decoration: none;
  font-weight: 600;
  margin: 1px 15px 17px 0;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .day {
    font-size: 17px;
  }
}
.program .program-day .program-item .day strong {
  font-weight: 800;
  margin-right: 15px;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .day strong {
    margin-right: 5px;
  }
}
.program .program-day .program-item .program-item-badges {
  position: absolute;
  left: 35px;
  top: 35px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .program-item-badges {
    left: 30px;
    top: 30px;
  }
}
.program .program-day .program-item .program-item-badges .badge {
  border-radius: 4px;
  padding: 2px 8px;
}
.program .program-day .program-item .time {
  display: inline-block;
  font-size: 18px;
  color: #666;
  text-decoration: none;
  font-weight: 400;
  margin: 1px 0 17px;
}
.program .program-day .program-item .time:hover .human-name {
  color: inherit;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .time {
    padding: 7px 0;
    margin-bottom: 10px;
    font-size: 17px;
  }
}
.program .program-day .program-item .time .date-change {
  font-weight: 600;
  color: #ff7829;
}
.program .program-day .program-item .time .human-name {
  color: #ccc;
  margin-left: 3px;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .time .human-name {
    display: none;
  }
}
.program .program-day .program-item .title {
  display: inline-block;
  margin: 0 0 20px;
  font-weight: 800;
  font-size: 28px;
  font-stretch: 96%;
  color: inherit;
  text-decoration: none;
  margin-top: -5px;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
.program .program-day .program-item .title .cross {
  position: relative;
  top: -4px;
  font-size: 120%;
  line-height: 100%;
}
.program .program-day .program-item a.title:hover {
  text-decoration: underline;
  text-decoration-color: #1B020347;
  text-decoration-thickness: 0.1em;
}
.program .program-day .program-item .description {
  font-weight: 300;
  margin-bottom: 35px;
}
.program .program-day .program-item .description:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .description {
    font-size: 18px;
  }
}
.program .program-day .program-item .description > :last-child {
  margin-bottom: 0;
}
.program .program-day .program-item .description p,
.program .program-day .program-item .description ul,
.program .program-day .program-item .description ol {
  font-family: 'Bitter', serif;
  font-optical-sizing: auto;
  font-weight: 350;
  line-height: 1.7;
  margin-bottom: 1em;
}
.program .program-day .program-item .description p:last-child,
.program .program-day .program-item .description ul:last-child,
.program .program-day .program-item .description ol:last-child {
  margin-bottom: 0;
}
.program .program-day .program-item .description ul {
  list-style-type: disc;
  padding-left: 1.5em;
}
.program .program-day .program-item .description ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}
.program .program-day .program-item .description strong {
  font-weight: 600;
}
.program .program-day .program-item .faces {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 5px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .faces {
    margin-top: 10px;
  }
}
.program .program-day .program-item .faces .face {
  display: inline-block;
  transition: transform 0.1s ease, border 0.1s ease;
}
.program .program-day .program-item .faces .face:hover {
  transform: scale(1.35);
}
.program .program-day .program-item .faces .face img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid #ffc104;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .faces .face img {
    width: 57px;
    height: 57px;
  }
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .faces .face:nth-child(n+17) {
    display: none;
  }
}
.program .program-day .program-item .lineup {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 550px;
  margin-bottom: 40px;
}
.program .program-day .program-item .lineup:last-child {
  margin-bottom: 0;
}
.program .program-day .program-item .lineup .person {
  display: block;
  position: relative;
  padding-left: 95px;
  text-decoration: none;
  min-height: 75px;
  transition: padding 0.7s ease;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .lineup .person {
    padding-left: 67px;
    min-height: 60px;
  }
}
.program .program-day .program-item .lineup .person:hover img {
  transform: scale(1.2);
}
.program .program-day .program-item .lineup .person:hover .name {
  color: #111;
}
.program .program-day .program-item .lineup .person:hover .position,
.program .program-day .program-item .lineup .person:hover .organisation {
  color: #222;
}
.program .program-day .program-item .lineup .person img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  border: 3px solid #ffc104;
  transition: transform 0.4s ease, border 0.4s ease;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .lineup .person img {
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    border: 2px solid #ffc104;
  }
}
.program .program-day .program-item .lineup .person .name {
  position: relative;
  display: block;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Mona Sans', sans-serif;
  color: #333;
  margin: 0;
  line-height: 1;
  padding-top: 16px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .lineup .person .name {
    font-size: 18px;
    line-height: 1.2;
    padding-top: 4px;
    margin-bottom: 3px;
  }
}
.program .program-day .program-item .lineup .person .role {
  font-weight: 400;
  color: #888;
}
.program .program-day .program-item .lineup .person .position {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  font-family: 'Mona Sans', sans-serif;
  color: #666;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .lineup .person .position {
    font-size: 16px;
  }
}
.program .program-day .program-item .lineup .person-tba {
  display: block;
  position: relative;
  padding-left: 90px;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .lineup .person-tba {
    padding-left: 67px;
  }
}
.program .program-day .program-item .lineup .person-tba img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px solid #ffc104;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .lineup .person-tba img {
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    border: 2px solid #ffc104;
  }
}
.program .program-day .program-item .lineup .person-tba .cta {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 70px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .lineup .person-tba .cta {
    font-size: 18px;
    line-height: 1.2;
    padding-top: 4px;
    margin-bottom: 3px;
  }
}
.program .program-day .program-item .badges {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 30px;
}
.program .program-day .program-item .on-demand {
  display: flex;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  .program .program-day .program-item .on-demand {
    flex-direction: column;
  }
}
.program .additional-content {
  text-align: center;
  font-size: 22px;
  font-weight: 300;
  max-width: 900px;
  margin: 0 auto;
  color: #000;
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .program .additional-content {
    font-size: 18px;
  }
}
.program .additional-content strong {
  font-weight: 600;
}
.tickets {
  background-color: #d4bce1;
  padding: 100px 20px 200px;
}
@media only screen and (max-width: 768px) {
  .tickets {
    padding-bottom: 100px;
  }
}
.tickets.tiers-in-program {
  background-color: transparent;
  padding: 0;
  margin-bottom: 150px;
}
.tickets.tiers-in-program .tiers {
  justify-content: space-between;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  .tickets.tiers-in-program .tiers {
    gap: 40px;
  }
}
.tickets.tiers-in-program .tiers .tier {
  width: 345px;
}
@media only screen and (max-width: 768px) {
  .tickets.tiers-in-program .tiers .tier {
    width: 100%;
  }
}
.tickets.tiers-in-program .tiers .tier .top-half {
  min-height: 465px;
  padding-left: 25px;
  padding-right: 25px;
}
.tickets.tiers-in-program .tiers .tier .top-half .tier-description {
  font-size: 16px;
  padding: 0;
}
.tickets.tiers-in-program .tiers .tier .top-half .tier-buy-button {
  margin: 0;
}
.tickets.tiers-in-program .tiers .tier .tier-name {
  font-size: 32px;
}
.tickets .header {
  text-align: center;
  font-weight: 900;
  font-size: 50px;
  margin: 0 0 80px;
  color: #000;
  text-shadow: 0 0 150px #fff, 0px 1px 3px rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 768px) {
  .tickets .header {
    font-size: 28px;
  }
}
.tickets .subheader {
  display: block;
  font-size: 24px;
  font-weight: 330;
  color: #000;
  opacity: 0.75;
  text-align: center;
  margin: -65px 0 80px;
}
.tickets .subheader strong {
  font-weight: 650;
}
@media only screen and (max-width: 768px) {
  .tickets .subheader {
    font-size: 18px;
    margin-bottom: 50px;
  }
}
.tickets .tiers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers {
    gap: 40px;
  }
}
@media (min-width: 1251px) and (max-width: 1300px) {
  .tickets .tiers {
    zoom: 0.95;
  }
}
@media (min-width: 1171px) and (max-width: 1250px) {
  .tickets .tiers {
    zoom: 0.9;
  }
}
@media (min-width: 901px) and (max-width: 1170px) {
  .tickets .tiers {
    zoom: 0.85;
  }
}
.tickets .tiers .tier {
  position: relative;
  width: 355px;
  background-color: #fff;
  border-radius: 15px;
  color: #222;
  font-size: 18px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  background-color: #f1f1f1;
  border: 3px solid transparent;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier {
    width: 100%;
  }
}
.tickets .tiers .tier .top-half {
  position: relative;
  padding: 40px 15px 25px;
  min-height: 365px;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier .top-half {
    min-height: auto;
  }
}
.tickets .tiers .tier .top-half .tier-description {
  text-align: center;
}
.tickets .tiers .tier .top-half .tier-description a {
  color: inherit;
  text-decoration: none;
  text-decoration-color: inherit;
  font-weight: 700;
}
.tickets .tiers .tier .top-half .tier-description a:hover {
  text-decoration: underline;
}
.tickets .tiers .tier .bottom-half {
  padding: 25px;
  border-top: 1px solid #ccc;
}
@media only screen and (max-width: 1100px) {
  .tickets .tiers .tier.full-width .top-half {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 900px) {
  .tickets .tiers .tier.full-width {
    width: 1150px;
  }
  .tickets .tiers .tier.full-width .top-half {
    min-height: auto;
  }
  .tickets .tiers .tier.full-width .tier-label-wrapper {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
  }
  .tickets .tiers .tier.full-width .tier-name {
    text-align: left;
    margin-bottom: 20px;
  }
  .tickets .tiers .tier.full-width .tier-description {
    text-align: left;
    max-width: calc(100% - 250px);
  }
  .tickets .tiers .tier.full-width .tier-buy-button {
    display: inline-block;
    position: absolute;
    right: 36px;
    left: auto;
    bottom: 36px;
  }
}
.tickets .tiers .tier.wide {
  width: 700px;
}
.tickets .tiers .tier.wide .bottom-half {
  padding: 25px;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier.wide .bottom-half {
    padding: 20px 15px 15px;
  }
}
.tickets .tiers .tier.wide .tier-description {
  text-align: left;
  margin-bottom: 20px;
}
.tickets .tiers .tier.schedule {
  position: relative;
}
.tickets .tiers .tier.schedule .top-half {
  position: static;
  padding-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier.schedule .top-half {
    padding-bottom: 120px;
  }
}
.tickets .tiers .tier.schedule .tier-name {
  margin-bottom: 30px;
}
.tickets .tiers .tier.schedule .tier-small-print {
  margin-top: 15px;
}
.tickets .tiers .tier.schedule table th:last-child,
.tickets .tiers .tier.schedule table td:last-child {
  text-align: center;
}
.tickets .tiers .tier.schedule .tier-buy-button {
  position: absolute;
  bottom: 25px;
  left: 25px;
  right: 25px;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier.schedule .tier-buy-button {
    left: 15px;
    right: 15px;
    font-size: 20px;
  }
}
.tickets .tiers .tier.schedule-wide {
  width: 700px;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier.schedule-wide {
    width: 100%;
  }
}
.tickets .tiers .tier.schedule-narrow {
  width: 400px;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier.schedule-narrow {
    width: 100%;
  }
}
.tickets .tiers .tier.amber {
  background-color: #fcf2ed;
}
.tickets .tiers .tier.amber .tier-name {
  color: #8c420d;
}
.tickets .tiers .tier.amber .tier-description {
  color: #222;
}
.tickets .tiers .tier.amber .tier-included svg {
  fill: #cc5500;
}
.tickets .tiers .tier.amber .tier-buy-button {
  background-color: #cc5500;
}
.tickets .tiers .tier.amber .tier-buy-button:hover {
  background-color: #994000;
}
.tickets .tiers .tier.cool-purple {
  background-color: #f3eefc;
}
.tickets .tiers .tier.cool-purple .tier-name {
  color: #2e097a;
}
.tickets .tiers .tier.cool-purple .tier-description {
  color: #222;
}
.tickets .tiers .tier.cool-purple .tier-included svg {
  fill: #583b96;
}
.tickets .tiers .tier.cool-purple .tier-buy-button {
  background-color: #4e0dd5;
}
.tickets .tiers .tier.cool-purple .tier-buy-button:hover {
  background-color: #3c0aa5;
}
.tickets .tiers .tier.full-access {
  background-color: #efe8f2;
}
.tickets .tiers .tier.full-access .tier-name {
  color: #630e79;
}
.tickets .tiers .tier.full-access .tier-description {
  color: #222;
}
.tickets .tiers .tier.full-access .tier-included svg {
  fill: #8e24aa;
}
.tickets .tiers .tier.full-access .tier-buy-button {
  background-color: #8e24aa;
}
.tickets .tiers .tier.full-access .tier-buy-button:hover {
  background-color: #6b1b80;
}
.tickets .tiers .tier.advanced {
  background-color: #efe8f2;
}
.tickets .tiers .tier.advanced .tier-name {
  color: #731d47;
}
.tickets .tiers .tier.advanced .tier-description {
  color: #222;
}
.tickets .tiers .tier.advanced .tier-included svg {
  fill: #9C2760;
}
.tickets .tiers .tier.advanced .tier-buy-button {
  background-color: #9C2760;
}
.tickets .tiers .tier.advanced .tier-buy-button:hover {
  background-color: #731d47;
}
.tickets .tiers .tier.highlighted {
  border: 3px solid #8e24aa;
}
.tickets .tiers .tier.highlighted .top-half {
  padding-top: 37px;
}
@media only screen and (min-width: 900px) {
  .tickets .tiers .tier.save-the-spot {
    width: 604px;
  }
}
.tickets .tiers .tier.save-the-spot .top-half {
  min-height: auto;
}
.tickets .tiers .tier.save-the-spot .tier-buy-button {
  background-color: #8e24aa;
}
.tickets .tiers .tier.save-the-spot .tier-buy-button:hover {
  background-color: #6b1b80;
}
.tickets .tiers .tier .tier-label-wrapper {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  text-align: center;
}
.tickets .tiers .tier .tier-name {
  display: block;
  font-weight: 900;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
  color: #111;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier .tier-name {
    font-size: 32px;
  }
}
.tickets .tiers .tier .tier-description {
  display: block;
  font-size: 16px;
  margin-bottom: 50px;
}
.tickets .tiers .tier .tier-what-is-included {
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #222;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.tickets .tiers .tier .tier-included {
  padding-left: 0;
  list-style-type: none;
  margin: 0;
}
.tickets .tiers .tier .tier-included li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #444;
}
.tickets .tiers .tier .tier-included li.highlighted {
  font-weight: 600;
}
.tickets .tiers .tier .tier-included li:last-child {
  margin-bottom: 0;
}
.tickets .tiers .tier .tier-included svg {
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  fill: #46a10a;
}
.tickets .tiers .tier .tier-included a {
  color: inherit;
  text-decoration: none;
  font-weight: bolder;
}
.tickets .tiers .tier .tier-included a:hover {
  text-decoration: underline;
}
.tickets .tiers .tier .tier-included .event-name {
  color: #f2a000;
}
.tickets .tiers .tier .tier-price {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 7px;
}
.tickets .tiers .tier .tier-price .regular {
  position: relative;
  font-size: 22px;
  font-family: 'Mona Sans', sans-serif;
  font-weight: 400;
  color: #888;
  margin-left: 7px;
}
.tickets .tiers .tier .tier-price .regular:after {
  content: '';
  position: absolute;
  top: 9px;
  right: 0;
  width: 100%;
  height: 2px;
  /* Thickness of the line */
  background-color: #888;
  /* Color of the line */
  transform-origin: center;
}
.tickets .tiers .tier .tier-price .current {
  font-size: 54px;
  line-height: 50px;
  font-family: 'Mona Sans', sans-serif;
  font-weight: 800;
  color: #222;
  margin-bottom: 2px;
}
.tickets .tiers .tier .tier-price .discount {
  position: absolute;
  display: block;
  font-size: 13px;
  font-family: 'Mona Sans', sans-serif;
  font-weight: 300;
  color: #fff;
  border-radius: 5px;
  padding: 2px 8px 1px;
  background-color: #67b638;
  top: -22px;
  left: calc(52% + 50px);
  transform: rotate(-12deg);
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier .tier-price .discount {
    font-size: 11px;
  }
}
.tickets .tiers .tier .tier-price-description {
  display: block;
  font-size: 13px;
  color: #777;
  margin-bottom: 55px;
  text-align: center;
}
.tickets .tiers .tier .tier-buy-button {
  display: block;
  background-color: #46a10a;
  color: #fff;
  font-size: 22px;
  font-stretch: 100%;
  padding: 13px 25px;
  text-align: center;
  text-decoration: none;
  border-radius: 7px;
  margin: 0 10px;
}
.tickets .tiers .tier .tier-buy-button:hover {
  background-color: #317107;
}
.tickets .tiers .tier .tier-small-print {
  display: block;
  font-size: 15px;
  margin: 10px auto 0;
  font-weight: 300;
  color: #444;
}
.tickets .tiers .tier table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.tickets .tiers .tier table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.02);
}
.tickets .tiers .tier table th {
  font-weight: 700;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  color: #888;
  font-size: 13px;
}
.tickets .tiers .tier table td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.tickets .tiers .tier table td:nth-child(2) {
  color: #8e24aa;
}
.tickets .tiers .tier table th,
.tickets .tiers .tier table td {
  padding: 17px 15px;
}
.tickets .tiers .tier table th:first-child,
.tickets .tiers .tier table td:first-child {
  text-align: left;
}
.tickets .tiers .tier table th:last-child,
.tickets .tiers .tier table td:last-child {
  text-align: right;
}
.tickets .tiers .tier table tr:last-child td {
  border-bottom: none;
}
.tickets .tiers .tier form select,
.tickets .tiers .tier form input[type="text"],
.tickets .tiers .tier form input[type="email"] {
  margin-bottom: 20px;
}
.tickets .tiers .tier form .two-fields {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier form .two-fields {
    flex-wrap: wrap;
    gap: 0;
  }
}
.tickets .tiers .tier form .two-fields input[type="text"],
.tickets .tiers .tier form .two-fields input[type="email"] {
  width: 100%;
}
.tickets .tiers .tier form .after-purchase {
  display: block;
  font-size: 15px;
  color: #777;
  padding: 15px 20px;
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.03);
}
.tickets .tiers .tier form .actions {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .tickets .tiers .tier form .actions {
    flex-direction: column;
    gap: 20px;
  }
}
.tickets .tiers .tier form .actions .growing-button {
  margin-bottom: 0;
}
.tickets .ticket-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
  margin-bottom: 50px;
}
.tickets .ticket-options .ticket-option {
  position: relative;
  width: 550px;
  background-color: #fff;
  border-radius: 15px;
  color: #222;
  font-size: 18px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  background-color: #f1f1f1;
  border: 3px solid transparent;
  padding: 24px 30px;
}
.tickets .ticket-options .ticket-option .name {
  display: block;
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 12px;
  color: #630e79;
}
@media only screen and (max-width: 768px) {
  .tickets .ticket-options .ticket-option .name {
    font-size: 18px;
  }
}
.tickets .ticket-options .ticket-option .description {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
  color: #666;
}
.tickets .ticket-options .ticket-option .price {
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.tickets .ticket-options .ticket-option .view {
  display: block;
  position: absolute;
  top: 25px;
  right: 30px;
  font-size: 16px;
  color: #630e79;
  text-decoration: none;
  font-weight: 700;
}
.tickets .ticket-options .ticket-option .view:hover {
  color: #444;
}
.tickets .ticket-options .ticket-option .view svg {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  fill: #630e79;
  margin-left: 5px;
}
.tickets .small-print {
  display: block;
  text-align: center;
  font-size: 18px;
  max-width: 700px;
  margin: 0 auto;
  font-weight: 300;
  color: #444;
}
.tickets .small-print a {
  color: inherit;
  text-decoration-color: inherit;
}
.notify-signup {
  margin-top: 60px;
  padding: 0 20px;
}
.notify-signup .notify-box {
  max-width: 600px;
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
  padding: 50px 40px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .notify-signup .notify-box {
    padding: 30px 25px;
  }
}
.notify-signup .notify-box h3 {
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 15px;
  color: #222;
}
@media only screen and (max-width: 768px) {
  .notify-signup .notify-box h3 {
    font-size: 22px;
  }
}
.notify-signup .notify-box p {
  font-size: 18px;
  color: #555;
  margin: 0 0 30px;
}
@media only screen and (max-width: 768px) {
  .notify-signup .notify-box p {
    font-size: 16px;
  }
}
.notify-signup .notify-box form .form-fields {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
}
.notify-signup .notify-box form .form-fields input[type="email"] {
  flex: 1;
  min-width: 250px;
  max-width: 350px;
  padding: 15px 25px;
  font-size: 17px;
  border: 2px solid #ddd;
  border-radius: 50px;
  transition: border-color 0.2s;
}
.notify-signup .notify-box form .form-fields input[type="email"]:focus {
  outline: none;
  border-color: #46a10a;
}
@media only screen and (max-width: 768px) {
  .notify-signup .notify-box form .form-fields input[type="email"] {
    min-width: 100%;
  }
}
.notify-signup .notify-box form .form-fields button {
  white-space: nowrap;
  padding: 15px 30px;
}
.notify-signup .notify-box .form-note {
  display: block;
  font-size: 14px;
  color: #888;
  margin-top: 20px;
}
.pricing-schedule {
  background: #f8f5fa;
  padding: 60px 20px;
  text-align: center;
}
.pricing-schedule .header {
  font-size: 32px;
  font-weight: 800;
  margin: 0 0 10px;
  color: #222;
}
@media only screen and (max-width: 768px) {
  .pricing-schedule .header {
    font-size: 26px;
  }
}
.pricing-schedule .subheader {
  font-size: 18px;
  color: #555;
  margin: 0 0 40px;
}
@media only screen and (max-width: 768px) {
  .pricing-schedule .subheader {
    font-size: 16px;
  }
}
.pricing-schedule .pricing-tables {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .pricing-schedule .pricing-tables {
    flex-direction: column;
    gap: 40px;
  }
}
.pricing-schedule .pricing-table-wrapper {
  flex: 1;
  min-width: 300px;
  max-width: 550px;
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .pricing-schedule .pricing-table-wrapper {
    min-width: auto;
    padding: 20px;
  }
}
.pricing-schedule .pricing-table-wrapper h4 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 15px;
  color: #222;
  text-align: center;
}
.pricing-schedule .pricing-table-wrapper > p {
  font-size: 15px;
  color: #666;
  margin: 0 0 20px;
  text-align: center;
}
.pricing-schedule .pricing-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
@media only screen and (max-width: 768px) {
  .pricing-schedule .pricing-table {
    font-size: 13px;
  }
}
.pricing-schedule .pricing-table thead tr {
  background: #f0ebf4;
}
.pricing-schedule .pricing-table thead th {
  padding: 12px 10px;
  text-align: left;
  font-weight: 600;
  color: #333;
  border-bottom: 2px solid #d4bce1;
}
.pricing-schedule .pricing-table thead th:first-child {
  border-radius: 8px 0 0 0;
}
.pricing-schedule .pricing-table thead th:last-child {
  border-radius: 0 8px 0 0;
}
@media only screen and (max-width: 768px) {
  .pricing-schedule .pricing-table thead th {
    padding: 10px 6px;
  }
}
.pricing-schedule .pricing-table tbody tr {
  border-bottom: 1px solid #eee;
}
.pricing-schedule .pricing-table tbody tr:last-child {
  border-bottom: none;
}
.pricing-schedule .pricing-table tbody tr:hover {
  background: #faf8fc;
}
.pricing-schedule .pricing-table tbody td {
  padding: 12px 10px;
  color: #444;
}
@media only screen and (max-width: 768px) {
  .pricing-schedule .pricing-table tbody td {
    padding: 10px 6px;
  }
}
.pricing-schedule .pricing-table.group-pricing th,
.pricing-schedule .pricing-table.group-pricing td {
  text-align: center;
}
.pricing-schedule .pricing-table.group-pricing th:first-child,
.pricing-schedule .pricing-table.group-pricing td:first-child {
  text-align: left;
}
.pricing-schedule .table-note {
  font-size: 14px;
  color: #666;
  margin: 15px 0 0;
  text-align: center;
}
.pricing-schedule .table-note a {
  color: #7b4397;
  text-decoration: underline;
}
.pricing-schedule .table-note a:hover {
  color: #5a2d73;
}
.faq {
  padding: 100px 20px 100px;
}
.faq .inner-wrapper {
  max-width: 950px;
  margin: 0 auto;
}
.faq .header {
  display: block;
  font-size: 42px;
  font-weight: 800;
  font-family: 'Mona Sans', sans-serif;
  text-align: center;
  margin-bottom: 10px;
}
.faq .please-note {
  display: block;
  font-size: 22px;
  font-weight: 300;
  font-family: 'Mona Sans', sans-serif;
  color: #666;
  text-align: center;
  margin-bottom: 120px;
}
.faq .faq-item {
  margin-bottom: 30px;
}
.faq .faq-item .question {
  display: block;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  cursor: pointer;
}
.faq .faq-item .question:hover {
  color: #444;
}
.faq .faq-item .answer {
  margin: 0;
  font-size: 21px;
  font-family: 'Bitter', serif;
  font-optical-sizing: auto;
  font-weight: 350;
  line-height: 1.7;
  border-left: 3px solid #ddd;
  padding-left: 20px;
}
.faq .faq-item .answer strong {
  font-weight: 600;
}
.faq .faq-item .answer li {
  margin-bottom: 10px;
}
.mailing-list {
  background-color: #ffc104;
}
.mailing-list .inner-wrapper {
  max-width: 1140px;
  padding: 60px 20px 80px;
  margin: 0 auto;
}
.mailing-list .header {
  display: block;
  font-size: 42px;
  font-weight: 800;
  font-family: 'Mona Sans', sans-serif;
  text-align: center;
  margin-bottom: 10px;
  color: #000;
}
.mailing-list .subheader {
  display: block;
  font-size: 22px;
  font-weight: 300;
  font-family: 'Mona Sans', sans-serif;
  color: #000;
  opacity: 0.65;
  text-align: center;
  margin-bottom: 40px;
}
.mailing-list .subheader strong {
  font-weight: 600;
}
.mailing-list form {
  display: flex;
  gap: 30px;
  justify-content: center;
  padding-top: 35px;
}
@media only screen and (max-width: 768px) {
  .mailing-list form {
    flex-direction: column;
    gap: 40px;
  }
}
.mailing-list form .form-group-horizontal {
  position: relative;
}
.mailing-list form .form-group-horizontal label {
  font-size: 18px;
  position: absolute;
  top: -35px;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .mailing-list form .form-group-horizontal label {
    top: -30px;
  }
}
.mailing-list form .form-group-horizontal input[type="text"],
.mailing-list form .form-group-horizontal input[type="email"] {
  width: 300px;
  padding: 11px 14px 9px;
}
@media only screen and (max-width: 768px) {
  .mailing-list form .form-group-horizontal input[type="text"],
  .mailing-list form .form-group-horizontal input[type="email"] {
    width: 100%;
  }
}
.section-wave {
  margin-top: -5px;
  margin-bottom: -5px;
}
.section-wave svg {
  width: 100%;
  height: 100%;
}
.small-call-for-speakers {
  padding: 150px 0 130px;
  font-size: 31px;
  font-weight: 300;
  color: #444;
}
@media only screen and (max-width: 768px) {
  .small-call-for-speakers {
    font-size: 23px;
    padding: 100px 0;
  }
}
.small-call-for-speakers .inner-wrapper {
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto;
}
.small-call-for-speakers p {
  font-family: 'Bitter', serif;
  font-optical-sizing: auto;
  font-weight: 320;
  line-height: 1.7;
}
.small-call-for-speakers strong {
  font-weight: 600;
}
.small-call-for-speakers .buttons {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-top: 70px;
}
.plain {
  font-size: 28px;
  font-weight: 300;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .plain {
    font-size: 22px;
  }
}
.plain .inner-wrapper {
  max-width: 950px;
  padding: 140px 20px 120px;
  margin: 0 auto;
}
.plain h1 {
  font-size: 42px;
  font-weight: 800;
  font-stretch: 100%;
  text-align: center;
  color: #222;
  margin: 0 0 90px;
}
@media only screen and (max-width: 768px) {
  .plain h1 {
    font-size: 30px;
    margin-bottom: 50px;
  }
}
.plain p,
.plain li,
.plain table {
  font-family: 'Bitter', serif;
  font-optical-sizing: auto;
  font-weight: 340;
  line-height: 1.7;
  margin: 28px 0;
}
.plain strong {
  font-weight: 600;
}
.plain table {
  border-collapse: collapse;
  width: 100%;
  font-size: 22px;
  margin: 30px 0;
}
.plain table tr {
  border: 1px solid #ccc;
}
.plain table tr td {
  padding: 20px;
}
.plain .buttons {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin: 80px 0;
}
.speaker {
  position: relative;
  z-index: 5;
}
.speaker .inner-wrapper {
  max-width: 950px;
  padding: 120px 20px 150px;
  margin: 0 auto;
}
.speaker .card {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 80px;
  gap: 45px;
}
@media only screen and (max-width: 768px) {
  .speaker .card {
    flex-direction: column;
  }
}
.speaker .card img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 8px solid #ffc104;
}
@media only screen and (max-width: 768px) {
  .speaker .card .details {
    text-align: center;
  }
}
.speaker .card .details .name {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .speaker .card .details .name {
    margin-bottom: 10px;
  }
}
.speaker .card .details .position {
  display: block;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #888;
}
@media only screen and (max-width: 768px) {
  .speaker .card .details .position {
    margin-bottom: 10px;
  }
}
.speaker .card .details .external {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.speaker .card .details .external a {
  display: inline-flex;
  opacity: 0.5;
}
.speaker .card .details .external a:hover {
  opacity: 0.7;
}
.speaker .card .details .external a svg {
  width: 20px;
  height: 20px;
}
.speaker .bio {
  font-size: 24px;
  color: #333;
  margin-bottom: 80px;
  font-family: 'Bitter', serif;
  font-optical-sizing: auto;
  font-weight: 340;
  line-height: 1.7;
}
.speaker .bio p,
.speaker .bio ul,
.speaker .bio ol {
  margin-bottom: 1em;
}
.speaker .bio p:last-child,
.speaker .bio ul:last-child,
.speaker .bio ol:last-child {
  margin-bottom: 0;
}
.speaker .bio ul {
  list-style-type: disc;
  padding-left: 1.5em;
}
.speaker .bio ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}
.speaker .bio strong {
  font-weight: 600;
}
.speakers {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 80px auto;
  overflow: hidden;
  position: relative;
  padding-top: 10px;
  max-width: 1190px;
}
@media only screen and (max-width: 768px) {
  .speakers {
    justify-content: center;
  }
}
.speakers.closed {
  height: 750px;
}
@media only screen and (max-width: 768px) {
  .speakers.closed {
    height: 1005px;
  }
}
.speakers.closed:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 175px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, #ffffff 100%);
}
.speakers .person {
  display: block;
  text-align: center;
  text-decoration: none;
  color: inherit;
  width: 237px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .speakers .person {
    width: 170px;
  }
}
.speakers .person:hover img {
  transform: scale(1.1);
  border-color: #ffc104;
}
.speakers .person img {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 7px solid #ffc104;
  margin: 0 auto 15px;
  transition: transform 0.1s ease, border 0.1s ease;
}
@media only screen and (max-width: 768px) {
  .speakers .person img {
    width: 130px;
    height: 130px;
    border-width: 5px;
  }
}
.speakers .person .name {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #222;
}
@media only screen and (max-width: 768px) {
  .speakers .person .name {
    font-size: 17px;
  }
}
.speakers .person .position {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #444;
}
@media only screen and (max-width: 768px) {
  .speakers .person .position {
    font-size: 14px;
  }
}
.speakers .person .company {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #888;
}
@media only screen and (max-width: 768px) {
  .speakers .person .company {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .giveaway-hero-card {
    padding: 40px 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .giveaway-hero-title {
    font-size: 28px !important;
    margin-bottom: 24px !important;
  }
}
@media only screen and (max-width: 768px) {
  .giveaway-hero-purple-box {
    padding: 16px !important;
  }
}
.giveaway {
  background-color: #e5e5e5;
  padding: 100px 0;
}
@media only screen and (max-width: 768px) {
  .giveaway {
    padding: 50px 0;
  }
}
.giveaway.intro-section {
  padding-top: 150px;
}
@media only screen and (max-width: 768px) {
  .giveaway.intro-section {
    padding-top: 65px;
  }
}
.giveaway.white {
  background-color: #fff;
}
.giveaway.purple {
  background-color: #e8e1fa;
}
.giveaway.blue {
  background-color: #cee5fc;
}
.giveaway .inner-wrapper {
  max-width: 1100px;
  padding: 0 20px;
  margin: 0 auto;
}
.giveaway .header {
  display: block;
  font-size: 42px;
  font-weight: 800;
  font-stretch: 100%;
  text-align: center;
  margin: 0 0 10px;
  color: #000;
  opacity: 0.93;
}
@media only screen and (max-width: 768px) {
  .giveaway .header {
    font-size: 30px;
  }
}
.giveaway .subheader {
  display: block;
  font-size: 24px;
  font-weight: 300;
  font-family: 'Mona Sans', sans-serif;
  color: #000;
  opacity: 0.65;
  text-align: center;
  margin-bottom: 90px;
}
@media only screen and (max-width: 768px) {
  .giveaway .subheader {
    font-size: 20px;
    margin-bottom: 40px;
  }
}
.giveaway .subheader strong {
  font-weight: 600;
}
.giveaway p,
.giveaway ol,
.giveaway ul {
  font-family: 'Bitter', serif;
  font-size: 24px;
  font-weight: 340;
  line-height: 1.7;
  color: #222;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28px;
  margin-bottom: 28px;
}
@media only screen and (max-width: 768px) {
  .giveaway p,
  .giveaway ol,
  .giveaway ul {
    font-size: 20px;
  }
}
.giveaway p strong,
.giveaway ol strong,
.giveaway ul strong {
  font-weight: 600;
}
.giveaway p strong a,
.giveaway ol strong a,
.giveaway ul strong a {
  font-weight: inherit;
}
.giveaway ol {
  list-style: decimal;
  padding-left: 1.5em;
}
.giveaway ul {
  list-style: disc;
  padding-left: 1.5em;
}
.giveaway .example {
  padding: 30px;
  font-size: 24px;
  background-color: #cee5fc;
  border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  .giveaway .example {
    font-size: 18px;
  }
}
.giveaway.blue .example {
  background-color: #fff;
}
.giveaway .buttons {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-top: 60px;
}
.floating-newsletter {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  footer .lower {
    padding: 40px;
  }
}
@media only screen and (max-width: 768px) {
  footer .lower .left {
    margin-bottom: 20px;
  }
}
.attendee-spotlight {
  padding: 100px 0 100px;
}
.attendee-spotlight .inner-wrapper {
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto;
}
.attendee-spotlight .header {
  display: block;
  font-size: 42px;
  font-weight: 800;
  font-stretch: 100%;
  text-align: center;
  margin: 0 0 10px;
  color: #000;
  opacity: 0.93;
}
.attendee-spotlight .subheader {
  display: block;
  font-size: 22px;
  font-weight: 300;
  font-family: 'Mona Sans', sans-serif;
  color: #000;
  opacity: 0.65;
  text-align: center;
  margin-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .attendee-spotlight .subheader {
    margin-bottom: 80px;
  }
}
.attendee-spotlight .subheader strong {
  font-weight: 600;
}
.attendee-spotlight .attendee-profile-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  flex-direction: row;
  align-content: stretch;
  align-items: flex-start;
  margin-bottom: 100px;
}
@media only screen and (max-width: 768px) {
  .attendee-spotlight .attendee-profile-cards {
    justify-content: center;
  }
}
.attendee-spotlight .attendee-profile-cards .attendee-profile-card {
  width: 340px;
  padding: 50px 35px 35px;
  border-radius: 20px;
  background-color: #fefcf0;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 768px) {
  .attendee-spotlight .attendee-profile-cards .attendee-profile-card:nth-child(n+3) {
    display: none;
  }
}
.attendee-spotlight .attendee-profile-cards .attendee-profile-card img {
  position: relative;
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-bottom: 20px;
  left: calc(50% - 60px);
  border: 4px solid #ffc104;
  transition: transform 0.15s ease;
}
.attendee-spotlight .attendee-profile-cards .attendee-profile-card img:hover {
  transform: scale(1.1);
}
.attendee-spotlight .attendee-profile-cards .attendee-profile-card .name {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #222;
  text-align: center;
}
.attendee-spotlight .attendee-profile-cards .attendee-profile-card .position {
  display: block;
  font-size: 15px;
  font-weight: 300;
  color: #444;
  text-align: center;
}
.attendee-spotlight .attendee-profile-cards .attendee-profile-card .organisation {
  display: block;
  font-size: 15px;
  font-weight: 300;
  color: #444;
  text-align: center;
  min-height: 23px;
  margin-bottom: 30px;
}
.attendee-spotlight .attendee-profile-cards .attendee-profile-card .bio {
  display: block;
  font-size: 15px;
  font-weight: 300;
  color: #222;
  margin: 0 0 30px;
}
.attendee-spotlight .attendee-profile-cards .attendee-profile-card .badges {
  text-align: center;
}
.attendee-spotlight .explainer {
  display: block;
  font-size: 22px;
  font-weight: 300;
  font-family: 'Mona Sans', sans-serif;
  color: #888;
  text-align: center;
}
.attendee-spotlight .explainer a {
  color: #888;
}
.sponsor-profiles.with-border {
  padding-bottom: 120px;
  margin-bottom: 120px;
  border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 768px) {
  .sponsor-profiles.with-border {
    padding-bottom: 80px;
    margin-bottom: 80px;
  }
}
.sponsor-profiles .sponsor-profile {
  position: relative;
  padding: 0 0 80px 270px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .sponsor-profiles .sponsor-profile {
    padding: 0 0 50px;
    margin-bottom: 50px;
  }
}
.sponsor-profiles .sponsor-profile:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.sponsor-profiles .sponsor-profile .logo {
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
  width: 200px;
}
@media only screen and (max-width: 768px) {
  .sponsor-profiles .sponsor-profile .logo {
    position: relative;
    margin: 0 auto 50px;
  }
}
.sponsor-profiles .sponsor-profile .logo img {
  width: 100%;
}
.sponsor-profiles .sponsor-profile .name {
  display: block;
  font-size: 36px;
  margin: 0 0 20px;
  font-weight: 700;
}
.sponsor-profiles .sponsor-profile .description {
  font-size: 22px;
  margin: 0 0 30px;
}
.sponsor-profiles .sponsor-profile .links {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.sponsor-profiles .sponsor-profile .links .growing-button {
  margin-right: 10px;
}
.sponsor-profiles .sponsor-profile .links .social {
  opacity: 0.5;
  margin-right: 10px;
}
.sponsor-profiles .sponsor-profile .links .social:hover {
  opacity: 1;
}
.sponsor-profiles .sponsor-profile .links .social svg {
  width: 20px;
  height: 20px;
}
.sponsor-profiles .sponsor-profile .offer {
  font-size: 18px;
  color: #666;
}
.sponsor-logos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-items: center;
  gap: 60px 100px;
  margin-top: -50px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  .sponsor-logos {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.sponsor-logos .sponsor-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
}
@media only screen and (max-width: 768px) {
  .sponsor-logos .sponsor-logo {
    width: 230px;
  }
}
.sponsor-logos .sponsor-logo img,
.sponsor-logos .sponsor-logo svg {
  width: 100%;
  height: auto;
}
.previous-sponsor-logos {
  display: flex;
  justify-content: space-between;
  margin: 50px 0 90px;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .previous-sponsor-logos {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}
.previous-sponsor-logos .sponsor-logo {
  display: block;
  width: calc(20% - 30px);
}
@media only screen and (max-width: 768px) {
  .previous-sponsor-logos .sponsor-logo {
    width: 230px;
  }
}
.previous-sponsor-logos .sponsor-logo img {
  width: 100%;
}
.sponsors-section {
  padding: 100px 0 80px;
}
.sponsors-section .inner-wrapper {
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto;
}
.sponsors-section .header {
  display: block;
  font-size: 42px;
  font-weight: 800;
  font-stretch: 100%;
  text-align: center;
  margin: 0 0 10px;
  color: #000;
  opacity: 0.93;
  margin-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .sponsors-section .header {
    margin-bottom: 80px;
  }
}
.sponsors-section .subheader {
  display: block;
  font-size: 22px;
  font-weight: 300;
  font-family: 'Mona Sans', sans-serif;
  color: #000;
  opacity: 0.65;
  text-align: center;
  margin-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .sponsors-section .subheader {
    margin-bottom: 80px;
  }
}
.sponsors-section .subheader strong {
  font-weight: 600;
}
.growing-popup-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  z-index: 1000;
}
.growing-popup-background.open {
  display: block;
}
.growing-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  background-color: #fff;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.3), 0 3px 3px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  z-index: 1001;
}
.growing-popup.open {
  display: block;
}
.growing-popup .top-half {
  background-color: #efe8f2;
  padding: 40px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.growing-popup .bottom-half {
  padding: 40px;
}
.growing-popup .popup-label-wrapper {
  text-align: center;
  margin-bottom: 30px;
}
.growing-popup .popup-name {
  display: block;
  font-weight: 800;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  margin-bottom: -5px;
  color: #630e79;
}
.growing-popup .popup-description {
  display: block;
  font-size: 18px;
  color: #222;
  text-align: center;
}
.growing-popup form {
  margin-bottom: 30px;
}
.growing-popup form input[type="text"],
.growing-popup form input[type="email"] {
  display: block;
  width: 100%;
  padding: 11px 14px 9px;
  border: 2px solid #444;
  border-radius: 5px;
  height: 48px;
  font-size: 18px;
  margin-bottom: 15px;
}
.growing-popup form .growing-button {
  display: block;
  width: 100%;
  margin-bottom: 0;
  font-size: 18px;
}
.growing-popup .popup-microcopy {
  display: block;
  font-size: 16px;
  color: #555;
  text-align: center;
}
.growing-popup-2 {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 670px;
  padding: 50px 50px 20px 300px;
  background-color: #ffc104;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.3), 0 3px 3px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  z-index: 1001;
  background-image: url('/assets/img/growing-2024/avatar.png');
  background-size: auto 460px;
  background-position: -100px -57px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .growing-popup-2 {
    width: 350px;
    height: auto;
    padding: 34px 85px 20px 20px;
    background-color: #f6a62b;
    background-position: 113px 0;
    background-size: auto 385px;
  }
}
.growing-popup-2.open {
  display: block;
}
.growing-popup-2 .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  opacity: 0.6;
  cursor: pointer;
}
.growing-popup-2 form {
  margin-bottom: 15px;
}
.growing-popup-2 .title {
  display: block;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
  line-height: 1;
  text-shadow: 0 0 7px #ffda6a;
}
@media only screen and (max-width: 768px) {
  .growing-popup-2 .title {
    font-size: 28px;
  }
}
.growing-popup-2 input[type="text"],
.growing-popup-2 input[type="email"] {
  display: block;
  padding: 11px 14px 9px;
  margin-bottom: 15px;
  font-size: 18px;
}
.growing-popup-2 input[type="text"]:focus,
.growing-popup-2 input[type="email"]:focus {
  outline: none;
}
.growing-popup-2 .growing-button {
  display: block;
  width: 100%;
  margin-bottom: 0;
  font-size: 18px;
}
.growing-popup-2 .growing-button:focus {
  background-color: #d09d00;
  border: 2px solid #d09d00 !important;
}
.growing-popup-2 .google-signin-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 11px 14px;
  background-color: #fff;
  border: 2px solid #444;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.growing-popup-2 .google-signin-button:hover {
  background-color: #f5f5f5;
}
.growing-popup-2 .google-signin-button svg {
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .growing-popup-2 .google-signin-button {
    font-size: 17px;
  }
}
.growing-popup-2 .popup-separator {
  display: flex;
  align-items: center;
  margin: 15px 0;
}
.growing-popup-2 .popup-separator:before,
.growing-popup-2 .popup-separator:after {
  content: '';
  flex: 1;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
}
.growing-popup-2 .popup-separator span {
  padding: 0 12px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
}
.growing-popup-2 .microcopy {
  display: block;
  font-size: 15px;
  opacity: 0.7;
  text-align: center;
}
.plain-big,
.attendee-area-section {
  font-size: 24px;
  font-weight: 300;
  color: #222;
}
@media only screen and (max-width: 768px) {
  .plain-big,
  .attendee-area-section {
    font-size: 22px;
  }
}
.plain-big .inner-wrapper,
.attendee-area-section .inner-wrapper {
  max-width: 1450px;
  padding: 100px 75px 150px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .plain-big .inner-wrapper,
  .attendee-area-section .inner-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
  }
}
.plain-big .header,
.attendee-area-section .header {
  position: relative;
  display: block;
  font-size: 50px;
  font-weight: 900;
  font-stretch: 100%;
  text-align: center;
  margin: 0 0 80px;
  color: #000;
  opacity: 0.93;
  max-width: 100%;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  .plain-big .header,
  .attendee-area-section .header {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.plain-big .subheader,
.attendee-area-section .subheader {
  display: block;
  font-size: 26px;
  font-weight: 300;
  color: #404040;
  text-align: center;
  margin: -73px 0 75px;
}
@media only screen and (max-width: 768px) {
  .plain-big .subheader,
  .attendee-area-section .subheader {
    margin: -15px 0 40px;
    font-size: 18px;
  }
}
.plain-big p,
.attendee-area-section p,
.plain-big ul,
.attendee-area-section ul,
.plain-big ol,
.attendee-area-section ol,
.plain-big h2,
.attendee-area-section h2,
.plain-big h3,
.attendee-area-section h3 {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
.plain-big p,
.attendee-area-section p,
.plain-big li,
.attendee-area-section li,
.plain-big h3,
.attendee-area-section h3 {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 350;
  line-height: 1.7;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .plain-big p,
  .attendee-area-section p,
  .plain-big li,
  .attendee-area-section li,
  .plain-big h3,
  .attendee-area-section h3 {
    font-size: 20px;
  }
}
.plain-big p.bigger,
.attendee-area-section p.bigger,
.plain-big li.bigger,
.attendee-area-section li.bigger,
.plain-big h3.bigger,
.attendee-area-section h3.bigger {
  font-size: 26px;
  margin-bottom: 45px;
  font-weight: 370;
}
@media only screen and (max-width: 768px) {
  .plain-big p.bigger,
  .attendee-area-section p.bigger,
  .plain-big li.bigger,
  .attendee-area-section li.bigger,
  .plain-big h3.bigger,
  .attendee-area-section h3.bigger {
    font-size: 23px;
    margin-bottom: 30px;
  }
}
.plain-big p.bigger strong,
.attendee-area-section p.bigger strong,
.plain-big li.bigger strong,
.attendee-area-section li.bigger strong,
.plain-big h3.bigger strong,
.attendee-area-section h3.bigger strong {
  font-weight: 650;
}
.plain-big h3,
.attendee-area-section h3 {
  font-weight: 600;
  font-size: 24px;
  margin: 45px auto 20px;
}
.plain-big strong,
.attendee-area-section strong {
  font-weight: 550;
}
.plain-big .box,
.attendee-area-section .box {
  max-width: 500px;
  margin: 50px auto;
}
@media only screen and (max-width: 768px) {
  .plain-big .box,
  .attendee-area-section .box {
    margin: 40px auto;
  }
}
.plain-big .skip-step,
.attendee-area-section .skip-step {
  text-align: center;
}
.plain-big .buttons,
.attendee-area-section .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  .plain-big .buttons,
  .attendee-area-section .buttons {
    gap: 20px;
    margin-top: 40px;
  }
}
.tabs {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 20px auto 60px;
  padding: 0 20px;
  max-width: 1150px;
  border-bottom: 2px solid #c898d7;
}
.tabs .tab {
  padding: 10px 18px;
  text-align: center;
  text-decoration: none;
  color: #222222aa;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
}
.tabs .tab:hover {
  background-color: #efe8f24d;
  border-bottom: 3px solid #bf8bcf;
  color: #111;
}
.tabs .tab.active {
  background-color: #efe8f23b;
  border-bottom: 3px solid #8e24aa;
  color: #8e24aa;
}
.tab-containers .tab-container {
  display: none;
}
.tab-containers .tab-container.active {
  display: block;
}
form input[type="text"],
.form input[type="text"],
form input[type="email"],
.form input[type="email"],
form input[type="number"],
.form input[type="number"],
form input[type="file"],
.form input[type="file"],
form input[type="password"],
.form input[type="password"],
form textarea,
.form textarea,
form select,
.form select {
  font-size: 15px;
  font-weight: 400;
  border: 2px solid #999;
  border-radius: 6px;
  padding: 12px;
  background-color: #fff;
}
form input[type="text"]:focus,
.form input[type="text"]:focus,
form input[type="email"]:focus,
.form input[type="email"]:focus,
form input[type="number"]:focus,
.form input[type="number"]:focus,
form input[type="file"]:focus,
.form input[type="file"]:focus,
form input[type="password"]:focus,
.form input[type="password"]:focus,
form textarea:focus,
.form textarea:focus,
form select:focus,
.form select:focus {
  border: 2px solid #333 !important;
  box-shadow: none;
  outline: 2px solid #ffc104cc;
}
form select,
.form select {
  padding: 9px;
}
form > *:last-child,
.form > *:last-child {
  margin-bottom: 0;
}
.box strong {
  font-weight: 800;
}
.box ul,
.box ol {
  margin: 0 0 30px 25px;
  font-size: 20px;
  line-height: 1.5;
  font-family: 'Red Hat Display', sans-serif;
}
.box ul li,
.box ol li {
  margin-bottom: 10px;
}
.box ul {
  list-style-type: disc;
}
.box ol {
  list-style-type: decimal;
}
.box p {
  font-size: 20px;
  line-height: 1.5;
  font-family: 'Red Hat Display', sans-serif;
  margin-bottom: 30px;
}
.box .google-signin-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 12px 20px;
  background-color: #fff;
  border: 2px solid #444;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s;
  margin-bottom: 20px;
}
.box .google-signin-button:hover {
  background-color: #f5f5f5;
}
.box .google-signin-button svg {
  flex-shrink: 0;
}
.box .login-separator {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.box .login-separator:before,
.box .login-separator:after {
  content: '';
  flex: 1;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
}
.box .login-separator span {
  padding: 0 15px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
}
.livestream-area {
  position: absolute;
  top: 260px;
  left: 75px;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .livestream-area {
    top: 180px;
    width: calc(100% - 40px);
    left: 20px;
  }
}
.livestream-area .livestream-placeholder {
  width: 700px;
  height: 394px;
  background-color: #ab741f;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  .livestream-area .livestream-placeholder {
    width: 335px;
    height: 188px;
    margin: 0 auto;
  }
}
.livestream-area .livestream-placeholder.with-psst {
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
}
.livestream-area .livestream-placeholder.with-psst .placeholder-message {
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .livestream-area .livestream-placeholder.with-psst .placeholder-message {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.livestream-area .livestream-placeholder .placeholder-message {
  display: block;
  font-size: 26px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .livestream-area .livestream-placeholder .placeholder-message {
    width: 270px;
    font-size: 18px;
  }
}
.livestream-area .livestream-placeholder .placeholder-message strong {
  font-weight: 600;
}
.livestream-area .livestream-placeholder .psst {
  display: block;
  font-size: 45px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .livestream-area .livestream-placeholder .psst {
    font-size: 24px;
    margin-bottom: 0;
  }
}
.livestream-area .livestream-placeholder .codes {
  display: block;
  color: #fff;
  font-size: 20px;
  text-align: center;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .livestream-area .livestream-placeholder .codes {
    font-size: 14px;
    line-height: 1.3;
  }
  .livestream-area .livestream-placeholder .codes br {
    display: none;
  }
}
.livestream-area .livestream-placeholder .codes strong {
  font-weight: 600;
}
.livestream-area .livestream-placeholder .codes a {
  color: #fff;
  text-decoration-color: #fff;
}
.livestream-area .livestream-placeholder .giveaway2 {
  font-size: 32px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .livestream-area .livestream-placeholder .giveaway2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.livestream-area .livestream-placeholder .giveaway3 {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .livestream-area .livestream-placeholder .giveaway3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.livestream-area .livestream-placeholder .giveaway4 {
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  .livestream-area .livestream-placeholder .giveaway4 {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .livestream-area .livestream-placeholder .giveaway6 {
    display: none;
  }
}
.livestream-area .livestream-placeholder .below {
  display: block;
  text-align: center;
  font-size: 40px;
}
.livestream-area .livestream-iframe {
  border: 6px solid #b27231;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 50px rgba(178, 114, 49, 0.5);
  width: 700px;
  height: 399px;
}
@media only screen and (max-width: 768px) {
  .livestream-area .livestream-iframe {
    width: 335px;
    height: 194px;
    margin: 0 auto;
  }
}
.livestream-area .livestream-iframe iframe {
  width: 100%;
  height: 100%;
}
.livestream-area .cta-button {
  padding: 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .livestream-area .cta-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.watch {
  font-size: 28px;
  font-weight: 300;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .watch {
    font-size: 22px;
  }
}
.watch .inner-wrapper {
  max-width: 950px;
  padding: 80px 20px 150px;
  margin: 0 auto;
}
.watch .back {
  margin: 50px 0;
  text-align: center;
}
.watch .header {
  display: block;
  font-size: 42px;
  font-weight: 800;
  font-stretch: 100%;
  text-align: center;
  margin: 0 0 80px;
  color: #000;
  opacity: 0.93;
}
@media only screen and (max-width: 768px) {
  .watch .header {
    font-size: 32px;
    margin: 0 0 40px;
  }
}
.watch strong {
  font-weight: 600;
}
.watch .watch-iframe {
  width: 100%;
  height: 569px;
  border: none;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 80px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 768px) {
  .watch .watch-iframe {
    height: 230px;
  }
}
.watch .watch-iframe iframe {
  width: 100%;
  height: 100%;
}
.watch .description {
  margin-bottom: 80px;
}
.watch .description p {
  margin-bottom: 1em;
}
.watch .description p:last-child {
  margin-bottom: 0;
}
.watch .lineup {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 550px;
  margin-bottom: 40px;
}
.watch .lineup .person {
  display: block;
  position: relative;
  padding-left: 108px;
  text-decoration: none;
  min-height: 90px;
  transition: padding 0.1s ease;
}
@media only screen and (max-width: 768px) {
  .watch .lineup .person {
    padding-left: 67px;
  }
}
.watch .lineup .person:hover {
  padding-left: 115px;
}
.watch .lineup .person:hover img {
  transform: scale(1.2);
}
.watch .lineup .person:hover .name {
  color: #111;
}
.watch .lineup .person:hover .position,
.watch .lineup .person:hover .organisation {
  color: #222;
}
.watch .lineup .person img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 4px solid #ffc104;
  transition: transform 0.1s ease, border 0.1s ease;
}
@media only screen and (max-width: 768px) {
  .watch .lineup .person img {
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    border: 2px solid #ffc104;
  }
}
.watch .lineup .person .name {
  position: relative;
  display: block;
  font-size: 24px;
  font-weight: 600;
  font-family: 'Mona Sans', sans-serif;
  color: #333;
  margin: 0;
  line-height: 1;
  padding-top: 21px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .watch .lineup .person .name {
    font-size: 18px;
    line-height: 1.2;
    padding-top: 4px;
    margin-bottom: 3px;
  }
}
.watch .lineup .person .role {
  font-weight: 400;
  color: #888;
}
.watch .lineup .person .position {
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  font-family: 'Mona Sans', sans-serif;
  color: #666;
}
@media only screen and (max-width: 768px) {
  .watch .lineup .person .position {
    font-size: 16px;
  }
}
.attendee2-welcome {
  background: #fff;
  padding: 80px 0 30px;
}
@media only screen and (max-width: 768px) {
  .attendee2-welcome {
    padding: 30px 0 40px;
  }
}
.attendee2-welcome-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  .attendee2-welcome-inner {
    flex-direction: column;
    padding: 0 20px;
    gap: 30px;
  }
}
.attendee2-welcome-left {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1;
}
.attendee2-welcome-text h1 {
  font-size: 44px;
  font-weight: 850;
  color: #111;
  margin: 0 0 8px;
}
@media only screen and (max-width: 768px) {
  .attendee2-welcome-text h1 {
    font-size: 28px;
  }
}
.attendee2-welcome-text p {
  font-size: 20px;
  font-weight: 300;
  color: #444;
  margin: 0;
  line-height: 1.5;
}
.attendee2-welcome-text strong {
  font-weight: 600;
}
.attendee2-countdown {
  flex-shrink: 0;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .attendee2-countdown {
    width: 100%;
  }
}
.attendee2-countdown-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  background: #fff;
  border: 4px solid #9333ea;
  border-radius: 12px;
  padding: 20px 30px;
  min-width: 140px;
}
.attendee2-countdown-number {
  font-size: 64px;
  font-weight: 900;
  color: #9333ea;
  line-height: 1;
}
.attendee2-countdown-label {
  font-size: 13px;
  font-weight: 600;
  color: #9333ea;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.4;
}
.attendee2-countdown-caption {
  display: none;
}
.attendee2-body {
  background: #fff;
  padding: 20px 0 100px;
}
@media only screen and (max-width: 768px) {
  .attendee2-body {
    padding: 30px 0 40px;
  }
}
.attendee2-body-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 75px;
}
@media only screen and (max-width: 768px) {
  .attendee2-body-inner {
    padding: 0 20px;
  }
}
.attendee2-spotlight-card {
  background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.13) 1px, transparent 0), linear-gradient(135deg, #4f46e5 0%, #7c3aed 40%, #9333ea 70%, #a21caf 100%);
  background-size: 22px 22px, auto;
  border-radius: 12px;
  padding: 36px 40px;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .attendee2-spotlight-card {
    flex-direction: column;
    padding: 28px 24px;
  }
}
.attendee2-spotlight-card h2 {
  font-size: 26px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 10px;
}
.attendee2-spotlight-card p {
  font-size: 18px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
  line-height: 1.6;
}
.attendee2-spotlight-card .growing-button.yellow {
  color: #000;
  text-shadow: none;
  flex-shrink: 0;
}
.attendee2-spotlight-avatar {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid rgba(255, 255, 255, 0.5);
  flex-shrink: 0;
}
.attendee2-spotlight-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.attendee2-spotlight-text {
  flex: 1;
  padding-right: 40px;
}
.attendee3-spotlight-card {
  width: 700px;
  height: 394px;
  background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.13) 1px, transparent 0), linear-gradient(135deg, #4f46e5 0%, #7c3aed 40%, #9333ea 70%, #a21caf 100%);
  background-size: 22px 22px, auto;
  border-radius: 10px;
  padding: 40px 44px;
  display: flex;
  align-items: center;
  gap: 28px;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .attendee3-spotlight-card {
    width: 335px;
    height: auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 28px 24px;
    gap: 18px;
    margin: 0 auto;
  }
}
.attendee3-spotlight-avatar {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid rgba(255, 255, 255, 0.5);
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .attendee3-spotlight-avatar {
    width: 80px;
    height: 80px;
    border-width: 3px;
  }
}
.attendee3-spotlight-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.attendee3-spotlight-text {
  flex: 1;
  min-width: 0;
}
.attendee3-spotlight-text h2 {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 14px;
}
@media only screen and (max-width: 768px) {
  .attendee3-spotlight-text h2 {
    font-size: 20px;
    margin: 0 0 10px;
  }
}
.attendee3-spotlight-text p {
  font-size: 18px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 35px;
}
@media only screen and (max-width: 768px) {
  .attendee3-spotlight-text p {
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 20px;
  }
}
.attendee3-profile-filled h2,
.attendee3-profile-filled p {
  margin: 0;
}
.attendee3-profile-label {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 10px !important;
}
@media only screen and (max-width: 768px) {
  .attendee3-profile-label {
    font-size: 10px;
  }
}
.attendee3-profile-name {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 4px !important;
}
@media only screen and (max-width: 768px) {
  .attendee3-profile-name {
    font-size: 19px !important;
  }
}
.attendee3-profile-role {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin: 0 0 3px !important;
}
@media only screen and (max-width: 768px) {
  .attendee3-profile-role {
    font-size: 14px !important;
  }
}
.attendee3-profile-company {
  font-size: 17px !important;
  font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  margin: 0 0 16px !important;
}
@media only screen and (max-width: 768px) {
  .attendee3-profile-company {
    font-size: 13px !important;
    margin: 0 0 12px !important;
  }
}
.attendee3-profile-bio {
  font-size: 16px !important;
  font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  line-height: 1.5 !important;
  margin: 0 0 22px !important;
}
@media only screen and (max-width: 768px) {
  .attendee3-profile-bio {
    font-size: 13px !important;
    margin: 0 0 16px !important;
  }
}
.attendee3-spotlight-btn {
  color: #000 !important;
  text-shadow: none !important;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .attendee3-spotlight-btn {
    font-size: 16px !important;
    padding: 12px 24px !important;
  }
}