/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1800px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;


  --seventies-orange: #eb9c4d;
  --seventies-yellow: #f2d680;
  --pale-green: #f3ffcf;
  --near-white: #efefef;
  --dark-grey: #2e292a;
}


@font-face {
  font-family: Futura Condensed Light Oblique;
  src: url(../fonts/FuturaStd-CondensedLightObl-db7a5823972e29cb783ba13d9aa01de6.eot);
  src:
    url(../fonts/FuturaStd-CondensedLightObl-db7a5823972e29cb783ba13d9aa01de6.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-CondensedLightObl-217478417d0ce022722ef0053e2c482c.woff2) format("woff2"),
    url(../fonts/FuturaStd-CondensedLightObl-6df6c4ce24636338960ff2ea8785e1dc.woff) format("woff"),
    url(../fonts/FuturaStd-CondensedLightObl-a2282ebc89c66b74c4f3a7cc658e5e2e.ttf) format("truetype"),
    url(../fonts/FuturaStd-CondensedLightObl-b4f77f2eb7f83f44167bb8e1d312766f.svg#FuturaStd-CondensedLightObl)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Condensed Oblique;
  src: url(../fonts/FuturaStd-CondensedOblique-d3fc8887c4961e18f888d6d86119438d.eot);
  src:
    url(../fonts/FuturaStd-CondensedOblique-d3fc8887c4961e18f888d6d86119438d.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-CondensedOblique-cc8579dad06d9607a466a402523caccc.woff2) format("woff2"),
    url(../fonts/FuturaStd-CondensedOblique-d04219176f368a09d95bfbad601e91c7.woff) format("woff"),
    url(../fonts/FuturaStd-CondensedOblique-0889550131e154d11f4663e8fd485e06.ttf) format("truetype"),
    url(../fonts/FuturaStd-CondensedOblique-d622ad3ab1ddf47919934cf05fbfb855.svg#FuturaStd-CondensedOblique)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Book;
  src: url(../fonts/FuturaStd-Book-30dd65238a0577bddf4708454cea72f6.eot);
  src:
    url(../fonts/FuturaStd-Book-30dd65238a0577bddf4708454cea72f6.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-Book-366587622dea0883857f3a548c259dc5.woff2) format("woff2"),
    url(../fonts/FuturaStd-Book-d6af53395da0e204b7c186b5ab30d17d.woff) format("woff"),
    url(../fonts/FuturaStd-Book-5148ebb85bd8decf5e5165abfbab1b86.ttf) format("truetype"),
    url(../fonts/FuturaStd-Book-013b51bf302c79d820b7ff45434a0dd2.svg#FuturaStd-Book) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Condensed Extra Bold;
  src: url(../fonts/FuturaStd-CondensedExtraBd-210c625c8923b09c6d786d79694d8594.eot);
  src:
    url(../fonts/FuturaStd-CondensedExtraBd-210c625c8923b09c6d786d79694d8594.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-CondensedExtraBd-52b3927504095833e4b6ef38a557a856.woff2) format("woff2"),
    url(../fonts/FuturaStd-CondensedExtraBd-5bac0754456e998886c9eeb520edd46a.woff) format("woff"),
    url(../fonts/FuturaStd-CondensedExtraBd-9e1657fbfb78b62517476a10549053e1.ttf) format("truetype"),
    url(../fonts/FuturaStd-CondensedExtraBd-d004c9bba6208d03379577ce2e00a38a.svg#FuturaStd-CondensedExtraBd)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Condensed Bold;
  src: url(../fonts/FuturaStd-CondensedBold-1e7d39a81461a65b6934a3ea48833eb0.eot);
  src:
    url(../fonts/FuturaStd-CondensedBold-1e7d39a81461a65b6934a3ea48833eb0.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-CondensedBold-f0e3e0402cf9b9019e02d811de546424.woff2) format("woff2"),
    url(../fonts/FuturaStd-CondensedBold-06770b4c257d095e6ed521f77430f068.woff) format("woff"),
    url(../fonts/FuturaStd-CondensedBold-a0157954cfdf549fb305922f83b6920c.ttf) format("truetype"),
    url(../fonts/FuturaStd-CondensedBold-9f875d3195797f34c7927b57922292aa.svg#FuturaStd-CondensedBold) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Bold;
  src: url(../fonts/FuturaStd-Bold-ec02b32125dcabf2b4d4ad6e3f571e06.eot);
  src:
    url(../fonts/FuturaStd-Bold-ec02b32125dcabf2b4d4ad6e3f571e06.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-Bold-2622261d56c714ff468d9c5abe652b8f.woff2) format("woff2"),
    url(../fonts/FuturaStd-Bold-ae026026faa3a1fa7d19377f0c2f4a0f.woff) format("woff"),
    url(../fonts/FuturaStd-Bold-f9bafbf47f145e64f52e82c893af6327.ttf) format("truetype"),
    url(../fonts/FuturaStd-Bold-c38f8d85595c2c76bb017951301dc88a.svg#FuturaStd-Bold) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Extra Bold;
  src: url(../fonts/FuturaStd-CondExtraBoldObl-c224012eebb585c724cd92be6867c968.eot);
  src:
    url(../fonts/FuturaStd-CondExtraBoldObl-c224012eebb585c724cd92be6867c968.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-CondExtraBoldObl-5c944d7369a317b251b9bc60c494fac6.woff2) format("woff2"),
    url(../fonts/FuturaStd-CondExtraBoldObl-4e862ffd0e8740180a9fe2aaf3103752.woff) format("woff"),
    url(../fonts/FuturaStd-CondExtraBoldObl-f6c433b60e60a5bfa36b9e7133da06f2.ttf) format("truetype"),
    url(../fonts/FuturaStd-CondExtraBoldObl-6af76188735f62126ca7188183953e28.svg#FuturaStd-CondExtraBoldObl)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Light Oblique;
  src: url(../fonts/FuturaStd-LightOblique-f1c4fe5c148612021bac46e7d08401ed.eot);
  src:
    url(../fonts/FuturaStd-LightOblique-f1c4fe5c148612021bac46e7d08401ed.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-LightOblique-ab8ca01ddfbf38280c8b5b9b149245e1.woff2) format("woff2"),
    url(../fonts/FuturaStd-LightOblique-2edcb4aeee9557b01b01a771bb905401.woff) format("woff"),
    url(../fonts/FuturaStd-LightOblique-dda932b11ec67399e4b72b331c942b4e.ttf) format("truetype"),
    url(../fonts/FuturaStd-LightOblique-5678d11e3ddd9a751f35a3b08456c41c.svg#FuturaStd-LightOblique) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Book Oblique;
  src: url(../fonts/FuturaStd-BookOblique-c16616789b74302771487fc6a49c74f2.eot);
  src:
    url(../fonts/FuturaStd-BookOblique-c16616789b74302771487fc6a49c74f2.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-BookOblique-cbfbd7509bf7c9c0a842fb779d78cc8b.woff2) format("woff2"),
    url(../fonts/FuturaStd-BookOblique-a82de35f6bd0db62ae9baac320a857ee.woff) format("woff"),
    url(../fonts/FuturaStd-BookOblique-a5baea9f3b835fa536cf9a9fc904f5ec.ttf) format("truetype"),
    url(../fonts/FuturaStd-BookOblique-27b8cf8bc7b5eaaebac6c2f3634bf724.svg#FuturaStd-BookOblique) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Heavy Oblique;
  src: url(../fonts/FuturaStd-HeavyOblique-2e1c3f9a3ff4a3f237529e501e7d6b42.eot);
  src:
    url(../fonts/FuturaStd-HeavyOblique-2e1c3f9a3ff4a3f237529e501e7d6b42.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-HeavyOblique-0a1c77ee6f4afcee939917d5d148403f.woff2) format("woff2"),
    url(../fonts/FuturaStd-HeavyOblique-d3080fdbbd360d99964135c4a028d353.woff) format("woff"),
    url(../fonts/FuturaStd-HeavyOblique-70ec9c1f25748aefaf00ec1fdcf9cf14.ttf) format("truetype"),
    url(../fonts/FuturaStd-HeavyOblique-5e75b62904f912e6b613fb52ceead9a9.svg#FuturaStd-HeavyOblique) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Condensed Light;
  src: url(../fonts/FuturaStd-CondensedLight-47c92e78ad11cf9e95626dbc055c449e.eot);
  src:
    url(../fonts/FuturaStd-CondensedLight-47c92e78ad11cf9e95626dbc055c449e.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-CondensedLight-c9dff9edcd3b62a737e756bc335549e2.woff2) format("woff2"),
    url(../fonts/FuturaStd-CondensedLight-a21be240640c14e96401fdd261d60d36.woff) format("woff"),
    url(../fonts/FuturaStd-CondensedLight-dec06011b3798785752855eb3b302d6c.ttf) format("truetype"),
    url(../fonts/FuturaStd-CondensedLight-e39502e66396abc14dd52df88ed4e8d1.svg#FuturaStd-CondensedLight) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Condensed Bold Oblique;
  src: url(../fonts/FuturaStd-CondensedBoldObl-2d036ddeb3d0ce7b871b6d13aafd290f.eot);
  src:
    url(../fonts/FuturaStd-CondensedBoldObl-2d036ddeb3d0ce7b871b6d13aafd290f.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-CondensedBoldObl-621fd4dc27e9ce212e72b5f6d0767fab.woff2) format("woff2"),
    url(../fonts/FuturaStd-CondensedBoldObl-86b61cec74515d12fe0668b80e0753f5.woff) format("woff"),
    url(../fonts/FuturaStd-CondensedBoldObl-fc05a07912255724dad38952f0f61720.ttf) format("truetype"),
    url(../fonts/FuturaStd-CondensedBoldObl-81d2b36983330eee149020b37e66274a.svg#FuturaStd-CondensedBoldObl)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Extra Bold;
  src: url(../fonts/FuturaStd-ExtraBold-e147b2e4a8b7b0e6c21fd0afdb5948a2.eot);
  src:
    url(../fonts/FuturaStd-ExtraBold-e147b2e4a8b7b0e6c21fd0afdb5948a2.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-ExtraBold-9affdbd7b7505ec8bba54ae934dd57b1.woff2) format("woff2"),
    url(../fonts/FuturaStd-ExtraBold-4a05ec4ad81fa0a392f8e6d55f09dd72.woff) format("woff"),
    url(../fonts/FuturaStd-ExtraBold-8373f6107a8c4ccdf1f0fccb4530ce8d.ttf) format("truetype"),
    url(../fonts/FuturaStd-ExtraBold-a065159ba6f3830b1a4f1d71fba49ec9.svg#FuturaStd-ExtraBold) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Light;
  src: url(../fonts/FuturaStd-Light-99b64707160182ded0eb2aafe1fc3ba5.eot);
  src:
    url(../fonts/FuturaStd-Light-99b64707160182ded0eb2aafe1fc3ba5.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-Light-722080c52435cf982da41e2cf5b49d4e.woff2) format("woff2"),
    url(../fonts/FuturaStd-Light-dad85b97459cb3ce2f6147d4afb64490.woff) format("woff"),
    url(../fonts/FuturaStd-Light-4eb2652611822ed8a2878cb26908e0ae.ttf) format("truetype"),
    url(../fonts/FuturaStd-Light-9a0f618ad54d8d3b73c35bc5c2afabde.svg#FuturaStd-Light) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Medium Oblique;
  src: url(../fonts/FuturaStd-MediumOblique-e739c11e599043e9a0cc97354ca26de0.eot);
  src:
    url(../fonts/FuturaStd-MediumOblique-e739c11e599043e9a0cc97354ca26de0.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-MediumOblique-14ba9a3fddeaee2de2c84cf0e3bb7f8d.woff2) format("woff2"),
    url(../fonts/FuturaStd-MediumOblique-c5532da4cf199c98e19ed2326bcd5df2.woff) format("woff"),
    url(../fonts/FuturaStd-MediumOblique-841df5e55a5c2b0ddbc17e8047747a9c.ttf) format("truetype"),
    url(../fonts/FuturaStd-MediumOblique-31d4726c7010d0b022d23a87abf78cdc.svg#FuturaStd-MediumOblique) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Heavy;
  src: url(../fonts/FuturaStd-Heavy-958258ee9bfacf2052a7d29c3c1d407e.eot);
  src:
    url(../fonts/FuturaStd-Heavy-958258ee9bfacf2052a7d29c3c1d407e.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-Heavy-551fb01551c794d770d2a21fa894cc5b.woff2) format("woff2"),
    url(../fonts/FuturaStd-Heavy-9bf183d2198fca918b9941b612dbd172.woff) format("woff"),
    url(../fonts/FuturaStd-Heavy-3fccc82993e8dd9cd4cec32ed1f85c97.ttf) format("truetype"),
    url(../fonts/FuturaStd-Heavy-bfc133c6dc801ae17952228ea673aaae.svg#FuturaStd-Heavy) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Bold Oblique;
  src: url(../fonts/FuturaStd-BoldOblique-193228a4c4a48c665089d407e9bc3ea0.eot);
  src:
    url(../fonts/FuturaStd-BoldOblique-193228a4c4a48c665089d407e9bc3ea0.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-BoldOblique-6ac4e04997a360c7138d1fd0543e5609.woff2) format("woff2"),
    url(../fonts/FuturaStd-BoldOblique-3deaca5dff90200d6d8c809a20f457c6.woff) format("woff"),
    url(../fonts/FuturaStd-BoldOblique-3240798ed281c1208fface00a07568d0.ttf) format("truetype"),
    url(../fonts/FuturaStd-BoldOblique-cad193b11fa97197d74bbf70e25746eb.svg#FuturaStd-BoldOblique) format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Futura Medium;
  src: url(../fonts/FuturaStd-Medium-240a273cba35a52b2e8d72a137358a03.eot);
  src:
    url(../fonts/FuturaStd-Medium-240a273cba35a52b2e8d72a137358a03.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-Medium-807f70b274a310f3976a4803b965fb25.woff2) format("woff2"),
    url(../fonts/FuturaStd-Medium-c7cd00991617660a8c0f9ecc104329ea.woff) format("woff"),
    url(../fonts/FuturaStd-Medium-b96f30f294e42e11e12875e23ab94be9.ttf) format("truetype"),
    url(../fonts/FuturaStd-Medium-174eb44d07ef308bd99bcc864d64a1b3.svg#FuturaStd-Medium) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Extra Bold Oblique;
  src: url(../fonts/FuturaStd-ExtraBoldOblique-e280d29496a5fc74a2aed314312a8a62.eot);
  src:
    url(../fonts/FuturaStd-ExtraBoldOblique-e280d29496a5fc74a2aed314312a8a62.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-ExtraBoldOblique-dd95904b4a583ca443d2f2907e096820.woff2) format("woff2"),
    url(../fonts/FuturaStd-ExtraBoldOblique-7ce55a02f367aae029be0b8e25e82f83.woff) format("woff"),
    url(../fonts/FuturaStd-ExtraBoldOblique-d960d272d08c18daf5f375859c2e195c.ttf) format("truetype"),
    url(../fonts/FuturaStd-ExtraBoldOblique-863b86562956a4bc494d918ff56da876.svg#FuturaStd-ExtraBoldOblique)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Futura Condensed;
  src: url(../fonts/FuturaStd-Condensed-21680cf11dc1958e7fa597182cdcbca8.eot);
  src:
    url(../fonts/FuturaStd-Condensed-21680cf11dc1958e7fa597182cdcbca8.eot?#iefix) format("embedded-opentype"),
    url(../fonts/FuturaStd-Condensed-3253e76eeaae93b2b0b3e1647996d8f3.woff2) format("woff2"),
    url(../fonts/FuturaStd-Condensed-739ff4fedc7697394ba49219f460e354.woff) format("woff"),
    url(../fonts/FuturaStd-Condensed-d04af2c58eed039ad177f55f7367bf55.ttf) format("truetype"),
    url(../fonts/FuturaStd-Condensed-0f93c2907cfc99196f4f9c09d030810b.svg#FuturaStd-Condensed) format("svg");
  font-weight: 400;
  font-style: normal;
}
.colorBlock {
  color: #555;
  height: 2rem;
}
.colorBlock.-warmWhite {
  background: #fefbf4;
}
.colorBlock.-sugerLove {
  background: #eb9c4d;
}
.colorBlock.-romanticPaleYellow {
  background: #f2d680;
}
.colorBlock.-lightLightGreen {
  background: #f3ffcf;
}
.colorBlock.-memories {
  background: #bac9a9;
}
.colorBlock.-darkGreenGrey {
  background: #697060;
}
.colorBlock.-nearWhite {
  background: var(--dull-white);
}
.colorBlock.-gray0 {
  background: #eceaea;
}
.colorBlock.-gray1 {
  background: #c8c1c3;
}
.colorBlock.-gray2 {
  background: #a4999b;
}
.colorBlock.-gray3 {
  background: #807174;
  color: #fff;
}
.colorBlock.-gray4 {
  background: #574d4f;
  color: #fff;
}
.colorBlock.-gray5 {
  background: #2e292a;
  color: #fff;
}
#gatsby-focus-wrapper {
  display: block;
  min-height: 100vh;
  overflow: hidden;
  padding-bottom: 100px;
  position: relative;
}
html {
  background: #fff;
  color: var(--dark-grey);
  font-family:
    Futura Book,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 1.625;
  margin: 0;
  padding: 0;
  position: relative;
}
@media (prefers-color-scheme: dark) {
  html {
    background: #2e292a;
    caret-color: var(--near-white);
    color: var(--near-white);
  }
}
@media (min-width: 992px) {
  html {
    font-size: 18px;
  }
}
@media (min-width: 1800px) {
  html {
    font-size: 20px;
  }
}
body {
  background: #fff;
  color: var(--dark-grey);
  font-family:
    Futura Book,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  height: 100%;
  line-height: 1.625;
  margin: 0;
  opacity: 1;
  padding: 0;
  position: relative;
  visibility: visible;
}
body.no-js {
  visibility: hidden;
  opacity: 0;
}
@media (prefers-color-scheme: dark) {
  body {
    background: #2e292a;
    color: var(--near-white);
  }
}
a {
  color: #eb9c4d;
  font-family:
    Futura Medium,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  border-bottom: 1px solid #eb9c4d;
  padding-bottom: 0.125rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  a {
    border-color: #f3ffcf;
    color: #f3ffcf;
  }
}
a:hover {
  border-color: transparent;
  color: #eb9c4d;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
@media (prefers-color-scheme: dark) {
  a:hover {
    color: #f3ffcf;
  }
}
a:active {
  color: #d47618;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  a:active {
    color: #bac9a9;
  }
}
code {
  font-family: courier;
}
code,
footer {
  color: var(--dark-grey);
}
footer {
  font-family:
    Futura Book Oblique,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 0.8rem;
  margin-top: 1rem;
  padding: 1rem;
  text-align: center;
  /* position: absolute; */
  bottom: 0;
  width: 100%;
}
@media (prefers-color-scheme: dark) {
  footer {
    color: var(--near-white);
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 1.25;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
h1 {
  font-family:
    Futura Heavy,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 3.5rem;
  letter-spacing: 2px;
}
h1,
h2 {
  margin: 4rem 0 0;
}
h2 {
  font-family:
    Futura Light,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 2.75rem;
}
h2,
h3 {
  letter-spacing: 1px;
}
h3 {
  font-family:
    Futura Heavy,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 1.75rem;
  margin: 3rem 0 0;
}
h4 {
  font-family:
    Futura Medium Oblique,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 1.25rem;
  letter-spacing: 1px;
  margin: 2rem 0 0;
}
h5 {
  font-size: 1rem;
}
h5,
h6 {
  font-family:
    Futura Heavy,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  letter-spacing: 1px;
  margin: 2rem 0 0;
}
h6 {
  font-size: 0.9rem;
}
hr {
  display: block;
  width: 100%;
  height: 2rem;
  background: #f2f2f2;
  border: none;
  margin: 4rem 0 0;
}
ol {
  font-size: 1rem;
  list-style-position: outside;
  padding-left: 0;
  margin: 1rem 0 0;
  list-style: none;
  counter-reset: ol-counter;
}
ol li {
  position: relative;
  padding-left: 3rem;
  margin-bottom: 1rem;
  text-indent: -2rem;
  counter-increment: ol-counter;
}
ol li:before {
  content: counter(ol-counter) ". ";
  padding-right: 1rem;
  font-family:
    Futura Medium,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-family:
    Futura Heavy,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  color: #697060;
}
.coloredDividerSection.-greenBG ol li:before {
  color: #f3ffcf;
}
@media (prefers-color-scheme: dark) {
  ol li:before {
    color: #bac9a9;
  }
  .coloredDividerSection.-greenBG ol li:before {
    color: #f3ffcf;
  }
}
ul {
  list-style: none;
  list-style-type: none;
  font-size: 1rem;
  list-style-position: inside;
  padding-left: 1rem;
  margin: 1rem 0 0;
}
ul li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
}
ul li:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  top: 0.125rem;
  left: 0;
  -webkit-clip-path: polygon(100% 50%, 0 20%, 0 80%);
  clip-path: polygon(100% 50%, 0 20%, 0 80%);
  background: #697060;
}
.coloredDividerSection.-greenBG ul li:before {
  background: #f3ffcf;
}
@media (prefers-color-scheme: dark) {
  ul li:before {
    background: #bac9a9;
  }
  .coloredDividerSection.-greenBG ul li:before {
    background: #f3ffcf;
  }
}
ul li li:before {
  width: 0.75rem;
  height: 0.75rem;
  top: 0.4rem;
  left: 0;
}
p {
  margin: 1rem 0 0;
}
p.-lead {
  color: #697060;
  font-family:
    Futura Light Oblique,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.75;
  margin: 2rem 0 0;
}
@media (prefers-color-scheme: dark) {
  p.-lead {
    color: #bac9a9;
  }
}
em {
  font-family:
    Futura Book Oblique,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
}
.row > [class^="col-md-"]:not(:first-child) {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .row > [class^="col-md-"]:not(:first-child) {
    margin-top: 0;
  }
}
.row > [class^="col-lg-"]:not(:first-child) {
  margin-top: 2rem;
}
@media (min-width: 992px) {
  .row > [class^="col-lg-"]:not(:first-child) {
    margin-top: 0;
  }
}
.row > [class^="col-xl-"]:not(:first-child) {
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  .row > [class^="col-xl-"]:not(:first-child) {
    margin-top: 0;
  }
}
.row > [class^="col-xxl-"]:not(:first-child) {
  margin-top: 2rem;
}
@media (min-width: 1800px) {
  .row > [class^="col-xxl-"]:not(:first-child) {
    margin-top: 0;
  }
}
div[class^="col"] > :first-child {
  margin-top: 0;
}
.row + h3,
.row + h4 {
  margin-top: 6rem;
}
.coloredDividerSection {
  margin: 0;
}
.-greenBG {
  background: #697060;
  color: #fff;
}
.-orangeBG {
  background: #eb9c4d;
  color: #fff;
}
.-grayBG {
  background: #333;
  color: #fff;
}
.card {
  background: var(--near-white);
  padding: 2rem;
  box-shadow:
    0 1.5px 4px rgba(0, 0, 0, 0.24),
    0 1.5px 6px rgba(0, 0, 0, 0.12);
}
@media (prefers-color-scheme: dark) {
  .card {
    background: #697060;
    box-shadow:
      0 1.5px 4px rgba(0, 0, 0, 0.39),
      0 1.5px 6px rgba(0, 0, 0, 0.27);
  }
}
.margin1 {
  margin-top: 1rem !important;
}
.margin2 {
  margin-top: 2rem !important;
}
.margin4 {
  margin-top: 4rem !important;
}
.margin6 {
  margin-top: 6rem !important;
}
.margin8 {
  margin-top: 8rem !important;
}
.margin12 {
  margin-top: 12rem !important;
}
.margin16 {
  margin-top: 16rem !important;
}
.padding1 {
  padding: 1rem 0 !important;
}
.padding2 {
  padding: 2rem 0 !important;
}
.padding4 {
  padding: 4rem 0 !important;
}
.padding6 {
  padding: 6rem 0 !important;
}
.padding8 {
  padding: 8rem 0 !important;
}
.padding12 {
  padding: 12rem 0 !important;
}
.padding16 {
  padding: 16rem 0 !important;
}
header {
  display: flex;
  margin: auto;
  max-width: 1800px;
  flex-direction: column;
}
@media (min-width: 768px) {
  header {
    flex-direction: row;
  }
}
@media (prefers-color-scheme: dark) {
  header {
    color: var(--near-white);
  }
}
.headerMobilePerpetual {
  display: flex;
  position: relative;
  padding: 0.75rem;
  height: 3rem;
}
@media (min-width: 768px) {
  .headerMobilePerpetual {
    display: flex;
    padding: 0;
    height: auto;
  }
}
ul.mainNav {
  align-self: flex-end;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 1rem 1.5rem;
}
ul.mainNav,
ul.mainNav.-closed {
  display: none;
}
ul.mainNav.-open {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  ul.mainNav {
    align-self: center;
    padding: 1rem;
    margin-left: auto;
  }
  ul.mainNav,
  ul.mainNav.-closed,
  ul.mainNav.-open {
    display: inline-flex;
  }
}
ul.mainNav a {
  border-bottom: 3px solid transparent;
  color: #2e292a;
  font-family:
    Futura Medium,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  text-decoration: none;
  padding-bottom: 0.25rem;
  position: relative;
  -webkit-transition:
    border-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
  transition:
    border-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  ul.mainNav a {
    color: var(--near-white);
  }
}
ul.mainNav a:hover {
  color: #bac9a9;
  -webkit-transition:
    border-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
  transition:
    border-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
}
ul.mainNav a:active {
  color: #a1b58a;
}
ul.mainNav a.-current,
ul.mainNav a.-current:active,
ul.mainNav a.-current:hover {
  border-color: #eb9c4d;
  color: inherit;
}
@media (prefers-color-scheme: dark) {
  ul.mainNav a.-current,
  ul.mainNav a.-current:active,
  ul.mainNav a.-current:hover {
    border-color: #bac9a9;
  }
}
ul.mainNav li {
  padding: 1rem 0.5rem;
  margin: 1rem 0 0;
  text-align: center;
  font-size: 1.5rem;
}
ul.mainNav li:before {
  display: none;
}
@media (min-width: 768px) {
  ul.mainNav li {
    padding: 0;
    margin: 0 0 0 1.5rem;
    font-size: 1rem;
    text-align: left;
  }
}
.hamburgerNav {
  display: block;
  top: 0.75rem;
  right: 0.75rem;
  width: 60px;
  height: 45px;
  position: absolute;
  margin: 0;
  z-index: 1;
  width: 2rem;
  height: 1.5rem;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.hamburgerNav:hover span {
  background: #eb9c4d;
}
@media (prefers-color-scheme: dark) {
  .hamburgerNav:hover span {
    background: #bac9a9;
  }
}
.hamburgerNav:active span {
  background: #e6831f;
}
@media (prefers-color-scheme: dark) {
  .hamburgerNav:active span {
    background: #a1b58a;
  }
}
@media (min-width: 768px) {
  .hamburgerNav {
    display: none;
  }
}
.hamburgerNav span {
  background: #2e292a;
  border-radius: 0;
  display: block;
  height: 2px;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  width: 100%;
}
@media (prefers-color-scheme: dark) {
  .hamburgerNav span {
    background: #eb9c4d;
  }
}
.hamburgerNav span:first-child {
  top: 0;
}
.hamburgerNav span:first-child,
.hamburgerNav span:nth-child(2) {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.hamburgerNav span:nth-child(2) {
  top: calc(50% - 1px);
}
.hamburgerNav span:nth-child(3) {
  top: calc(100% - 2px);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.hamburgerNav.-open span:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1px;
  left: 4px;
}
.hamburgerNav.-open span:nth-child(2) {
  width: 0;
  opacity: 0;
}
.hamburgerNav.-open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 22px;
  left: 4px;
}
.hfLogo {
  fill: #2e292a;
  stroke: #2e292a;
  display: block;
  height: 2rem;
  width: 2rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 0.25rem;
  line-height: 0;
}
@media (prefers-color-scheme: dark) {
  .hfLogo {
    fill: #eb9c4d;
    stroke: #eb9c4d;
  }
}
.hfLogoText {
  position: relative;
  letter-spacing: 5px;
  top: 2px;
  /* font-family: Futura Heavy, Futura, Helvetica, Arial, sans-serif; */
}
@media (min-width: 768px) {
  .hfLogoText {
    top: 3px;
  }
}
@media (min-width: 1800px) {
  .hfLogoText {
    top: 2px;
  }
}
.hfTextLogoLink {
  align-items: center;
  border: none;
  color: #2e292a;
  display: flex;
  font-family:
    Futura Light,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 1.5rem;
  letter-spacing: 2px;
  margin-right: auto;
  padding: 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .hfTextLogoLink {
    padding: 1rem;
  }
}
@media (prefers-color-scheme: dark) {
  .hfTextLogoLink {
    color: #eb9c4d;
  }
}
.hfTextLogoLink:hover {
  color: #eb9c4d;
  padding: 0;
}
.hfTextLogoLink:hover .hfLogo {
  fill: #eb9c4d;
  stroke: #eb9c4d;
}
@media (min-width: 768px) {
  .hfTextLogoLink:hover {
    padding: 1rem;
  }
}
@media (prefers-color-scheme: dark) {
  .hfTextLogoLink:hover {
    color: #bac9a9;
  }
  .hfTextLogoLink:hover .hfLogo {
    fill: #bac9a9;
    stroke: #bac9a9;
  }
}
.hfTextLogoLink:active {
  color: #e6831f;
  padding: 0;
}
.hfTextLogoLink:active .hfLogo {
  fill: #e6831f;
  stroke: #e6831f;
}
@media (min-width: 768px) {
  .hfTextLogoLink:active {
    padding: 1rem;
  }
}
@media (prefers-color-scheme: dark) {
  .hfTextLogoLink:active {
    color: #a1b58a;
  }
  .hfTextLogoLink:active .hfLogo {
    fill: #a1b58a;
    stroke: #a1b58a;
  }
}
.hfTextLogoCaps {
  font-family:
    Futura Medium,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
}
.hfLogoLink {
  padding: 1rem 1.5rem;
  margin-right: auto;
}
.headroom-wrapper,
.headroom-wrapper.-closed {
  height: 0;
}
.headroom-wrapper.-open {
  height: 3rem !important;
}
.headroom-wrapper.-open .headroom {
  background: #fff;
  box-shadow:
    0 0 0.5rem 0 rgba(0, 0, 0, 0.25),
    0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
  position: fixed !important;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  .headroom-wrapper.-open .headroom {
    background: #2e292a;
    box-shadow:
      0 0 0.5rem 0 rgba(0, 0, 0, 0.4),
      0 0 0.25rem 0 rgba(0, 0, 0, 0.25);
  }
}
.headroom {
  left: 0;
  right: 0;
  top: 0;
  z-index: 1030 !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.headroom--unfixed {
  position: relative;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media (min-width: 768px) {
  .headroom--unfixed {
    box-shadow: none !important;
  }
}
.headroom--scrolled {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition:
    transform 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
}
.headroom--unpinned {
  position: fixed;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.headroom--pinned {
  background: #fff;
  box-shadow:
    0 0 0.5rem 0 rgba(0, 0, 0, 0.25),
    0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  .headroom--pinned {
    background: #2e292a;
    box-shadow:
      0 0 0.5rem 0 rgba(0, 0, 0, 0.4),
      0 0 0.25rem 0 rgba(0, 0, 0, 0.25);
  }
}
.portraitContainer {
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 768px) {
  .portraitContainer {
    margin-bottom: 0;
  }
}
.heikoPortait {
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
  z-index: 4;
}
svg.svgPie1 {
  background: #fff;
  border-radius: 50%;
  height: auto;
  position: absolute;
  right: -0.25rem;
  top: -0.25rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: calc(100% + 0.5rem);
  z-index: 3;
  right: -0.5rem;
  top: -0.5rem;
  width: calc(100% + 1rem);
}
@media (min-width: 768px) {
  svg.svgPie1 {
    right: -0.5rem;
    top: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media (min-width: 992px) {
  svg.svgPie1 {
    right: -1rem;
    top: -1rem;
    width: calc(100% + 2rem);
  }
}
@media (prefers-color-scheme: dark) {
  svg.svgPie1 {
    background: #2e292a;
  }
}
svg.svgPie1 .svgCircle1 {
  fill: transparent;
  stroke-dasharray: 44 100;
  stroke-width: 32;
  stroke: #f3ffcf;
}
@media (prefers-color-scheme: dark) {
  svg.svgPie1 .svgCircle1 {
    stroke: #574d4f;
  }
}
svg.svgPie2 {
  background: transparent;
  border-radius: 50%;
  height: auto;
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform: rotate(250deg);
  transform: rotate(250deg);
  width: calc(100% + 1rem);
  z-index: 2;
  right: -1rem;
  top: -1rem;
  width: calc(100% + 2rem);
}
@media (min-width: 768px) {
  svg.svgPie2 {
    right: -1rem;
    top: -1rem;
    width: calc(100% + 2rem);
  }
}
@media (min-width: 992px) {
  svg.svgPie2 {
    right: -2rem;
    top: -2rem;
    width: calc(100% + 4rem);
  }
}
svg.svgPie2 .svgCircle2 {
  fill: transparent;
  stroke: #bac9a9;
  stroke-width: 32;
  stroke-dasharray: 45 100;
}
@media (prefers-color-scheme: dark) {
  svg.svgPie2 .svgCircle2 {
    stroke: #f2d680;
  }
}
svg.svgPie3 {
  background: transparent;
  border-radius: 100%;
  height: auto;
  position: absolute;
  right: -0.75rem;
  top: -0.75rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform: rotate(290deg);
  transform: rotate(290deg);
  width: calc(100% + 1.5rem);
  z-index: 1;
  right: -1.5rem;
  top: -1.5rem;
  width: calc(100% + 3rem);
}
@media (min-width: 768px) {
  svg.svgPie3 {
    right: -1.5rem;
    top: -1.5rem;
    width: calc(100% + 3rem);
  }
}
@media (min-width: 992px) {
  svg.svgPie3 {
    right: -3rem;
    top: -3rem;
    width: calc(100% + 6rem);
  }
}
svg.svgPie3 .svgCircle3 {
  fill: transparent;
  stroke: #f2d680;
  stroke-width: 32;
  stroke-dasharray: 30 100;
}
@media (prefers-color-scheme: dark) {
  svg.svgPie3 .svgCircle3 {
    stroke: #eb9c4d;
  }
}
.resumeHeader {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .resumeHeader {
    flex-direction: row;
  }
}
.resumeHeader__download {
  flex: 0 1;
  display: block;
  margin: 1rem 0;
  width: 100%;
}
@media (min-width: 768px) {
  .resumeHeader__download {
    align-self: center;
    margin: 0;
    width: auto;
  }
}
.resumeHeader__heading {
  flex: 1 1;
}
.position {
  margin: 4rem 0 0;
}
.position:first-of-type {
  margin-top: 2rem;
}
.position__title {
  font-family:
    Futura Heavy,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 1.1rem;
  display: flex;
}
@media (prefers-color-scheme: dark) {
  .position__title {
    color: #f2d680;
  }
}
.position__location {
  font-family:
    Futura Light,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  margin-left: 1rem;
}
.position__timeframe {
  font-family:
    Futura Book Oblique,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 1rem;
  margin-left: auto;
}
@media (prefers-color-scheme: dark) {
  .position__timeframe {
    color: #f3ffcf;
  }
}
.wrapper {
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 4rem;
}
.wrapper.-skinny {
  padding: 0 8rem;
}
.image {
  position: relative;
}
.image.-shadow .gatsby-image-wrapper,
.image.-shadow img {
  box-shadow:
    0 1.5px 4px rgba(0, 0, 0, 0.24),
    0 1.5px 6px rgba(0, 0, 0, 0.12);
}
.image.-icon {
  text-align: center;
}
.image.-icon .image__caption {
  text-align: center;
  font-family:
    Futura Book,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 1rem;
  margin-top: 1rem;
}
.image.-icon svg {
  margin-top: 4rem;
  max-height: 10rem;
}
.image.-tk {
  position: relative;
}
.image.-tk:after {
  color: #eb9c4d;
  content: "T/K";
  font-family:
    Futura Bold,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 4rem;
  height: 100%;
  left: 0;
  line-height: 1;
  opacity: 0.75;
  position: absolute;
  text-align: center;
  top: calc(50% - 2rem);
  width: 100%;
}
.image__caption {
  font-family:
    Futura Light,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  text-align: left;
}
.button {
  align-items: center;
  background: #eb9c4d;
  font-family:
    Futura Medium,
    Futura,
    Helvetica,
    Arial,
    sans-serif;
  border: none;
  color: #2e292a;
  color: #8f5010;
  display: inline-flex;
  font-size: 1rem;
  justify-content: center;
  outline: 0;
  padding: 0.5rem 4rem;
  text-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition:
    background 0.2s ease-in-out,
    color 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
  transition:
    background 0.2s ease-in-out,
    color 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
  transition:
    background 0.2s ease-in-out,
    color 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out,
    transform 0.2s ease-in-out;
  transition:
    background 0.2s ease-in-out,
    color 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out,
    transform 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
  white-space: nowrap;
  -webkit-font-smoothing: subpixel-antialiased;
  text-transform: uppercase;
  box-shadow:
    0 1.5px 4px rgba(0, 0, 0, 0.24),
    0 1.5px 6px rgba(0, 0, 0, 0.12);
}
@media (min-width: 1800px) {
  .button {
    padding: 1rem 5rem;
  }
}
.button:focus,
.button:hover {
  -webkit-transform: perspective(1px) scale(1.05) translateZ(0);
  transform: perspective(1px) scale(1.05) translateZ(0);
  box-shadow:
    0 3px 12px rgba(0, 0, 0, 0.23),
    0 3px 12px rgba(0, 0, 0, 0.16);
}
.button:active,
.button:focus,
.button:focus:active,
.button:hover {
  border: none;
  color: #2e292a;
  color: #8f5010;
  outline: 0;
  padding: 0.5rem 4rem;
}
.button:active,
.button:focus:active {
  -webkit-transform: perspective(1px) scale(1) translateZ(0);
  transform: perspective(1px) scale(1) translateZ(0);
  box-shadow: none;
}
.button .sstIcon {
  margin-right: 0.25rem;
}
.button .sstIcon__propertyPrimary {
  fill: #8f5010;
}
.button .sstIcon__propertySecondary {
  fill: #d47618;
}
.button .sstIcon__propertyTertiary {
  fill: #f3c292;
}
input {
  background: transparent;
  border: 1px solid #697060;
  border-radius: 0;
  color: #2e292a;
  display: block;
  margin: 0;
  padding: 0 0.5rem;
  width: 100%;
}
input,
input:focus {
  -webkit-transition:
    border-color 0.2s ease-in-out,
    border-width 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out;
  transition:
    border-color 0.2s ease-in-out,
    border-width 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out;
}
input:focus {
  box-shadow: inset 0 0 0 1px #697060;
  outline: 0;
}
@media (prefers-color-scheme: dark) {
  input:focus {
    border-color: #f2d680;
    box-shadow: inset 0 0 0 1px #f2d680;
  }
}
input:focus + label {
  background: #697060;
  color: #fff;
  font-size: 0.75rem;
  top: calc(-1.21875rem + 1px);
  -webkit-transition:
    font-size 0.2s ease-in-out,
    top 0.2s ease-in-out;
  transition:
    font-size 0.2s ease-in-out,
    top 0.2s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  input:focus + label {
    background: #f2d680;
    color: #2e292a;
  }
}
input:not(:placeholder-shown) + label {
  background: #697060;
  color: #fff;
  font-size: 0.75rem;
  top: calc(-1.21875rem + 1px);
  -webkit-transition:
    font-size 0.2s ease-in-out,
    top 0.2s ease-in-out;
  transition:
    font-size 0.2s ease-in-out,
    top 0.2s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  input:not(:placeholder-shown) + label {
    background: #f2d680;
    color: #2e292a;
  }
}
@media (prefers-color-scheme: dark) {
  input {
    border-color: #f2d680;
    color: var(--near-white);
  }
}
label {
  margin: 0;
  font-size: 1rem;
  position: absolute;
  top: 2px;
  left: 0;
  -webkit-transition:
    font-size 0.2s ease-in-out,
    top 0.2s ease-in-out;
  transition:
    font-size 0.2s ease-in-out,
    top 0.2s ease-in-out;
}
label,
textarea {
  display: block;
  padding: 0 0.5rem;
}
textarea {
  background: transparent;
  border: 1px solid #697060;
  min-height: 8rem;
  resize: vertical;
  width: 100%;
}
textarea,
textarea:focus {
  -webkit-transition:
    border-color 0.2s ease-in-out,
    border-width 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out;
  transition:
    border-color 0.2s ease-in-out,
    border-width 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out;
}
textarea:focus {
  box-shadow: inset 0 0 0 1px #697060;
  outline: 0;
}
@media (prefers-color-scheme: dark) {
  textarea:focus {
    border-color: #f2d680;
    box-shadow: inset 0 0 0 1px #f2d680;
  }
}
textarea:focus + label {
  background: #697060;
  color: #fff;
  font-size: 0.75rem;
  top: calc(-1.21875rem + 1px);
  -webkit-transition:
    font-size 0.2s ease-in-out,
    top 0.2s ease-in-out;
  transition:
    font-size 0.2s ease-in-out,
    top 0.2s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  textarea:focus + label {
    background: #f2d680;
    color: #2e292a;
  }
}
textarea:not(:placeholder-shown) + label {
  background: #697060;
  color: #fff;
  font-size: 0.75rem;
  top: calc(-1.21875rem + 1px);
  -webkit-transition:
    font-size 0.2s ease-in-out,
    top 0.2s ease-in-out;
  transition:
    font-size 0.2s ease-in-out,
    top 0.2s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  textarea:not(:placeholder-shown) + label {
    background: #f2d680;
    color: #2e292a;
  }
}
@media (prefers-color-scheme: dark) {
  textarea {
    border-color: #f2d680;
    color: var(--near-white);
  }
}
.formGroup {
  margin: 2rem 0 0;
  position: relative;
}
.formGroup.beeStuff {
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: -1;
}
.userFlow__bg {
  fill: #fff;
}
@media (prefers-color-scheme: dark) {
  .userFlow__bg {
    fill: #2e292a;
  }
}
.userFlow__outsideText {
  fill: #2e292a;
}
@media (prefers-color-scheme: dark) {
  .userFlow__outsideText {
    fill: #fff;
  }
}
.userFlow__arrow {
  fill: #807174;
  stroke: #807174;
}
@media (prefers-color-scheme: dark) {
  .userFlow__arrow {
    fill: #807174;
    stroke: #807174;
  }
}
.userFlow__startCircle {
  fill: #4e7296;
  stroke: #fff;
}
@media (prefers-color-scheme: dark) {
  .userFlow__startCircle {
    fill: #4e7296;
    stroke: #2e292a;
  }
}
.iconic {
  height: 2rem;
  width: 2rem;
}
.iconic .iconic-lg,
.iconic .iconic-sm {
  display: none;
}
.icon--user__rightSide {
  fill: #697060;
}
@media (prefers-color-scheme: dark) {
  .icon--user__rightSide {
    fill: #697060;
  }
}
.icon--user__leftSide {
  fill: #bac9a9;
}
@media (prefers-color-scheme: dark) {
  .icon--user__leftSide {
    fill: #bac9a9;
  }
}
.icon--user__shirt {
  fill: #fff;
}
@media (prefers-color-scheme: dark) {
  .icon--user__shirt {
    fill: #2e292a;
  }
}
.icon--user__leftFace {
  fill: #eb9c4d;
  stroke: #fff;
  stroke: #8f5010;
}
@media (prefers-color-scheme: dark) {
  .icon--user__leftFace {
    fill: #eb9c4d;
    /* stroke: #2e292a; */
  }
}
.icon--user__rightFace {
  fill: #f2d680;
}
@media (prefers-color-scheme: dark) {
  .icon--user__rightFace {
    fill: #f2d680;
  }
}
.icon--user__hair {
  fill: #697060;
}
@media (prefers-color-scheme: dark) {
  .icon--user__hair {
    fill: #697060;
  }
}
.icon--io__i {
  fill: #fff;
}
@media (prefers-color-scheme: dark) {
  .icon--io__i {
    fill: #2e292a;
  }
}
.icon--io__o {
  fill: #fff;
}
@media (prefers-color-scheme: dark) {
  .icon--io__o {
    fill: #2e292a;
  }
}
.icon--io__background {
  fill: #eb9c4d;
}
@media (prefers-color-scheme: dark) {
  .icon--io__background {
    fill: #eb9c4d;
  }
}
.icon--io__slash {
  fill: #fff;
}
@media (prefers-color-scheme: dark) {
  .icon--io__slash {
    fill: #2e292a;
  }
}
.icon--io__rightSemiCircle {
  fill: #f2d680;
}
@media (prefers-color-scheme: dark) {
  .icon--io__rightSemiCircle {
    fill: #f2d680;
  }
}
.icon--print__tray {
  fill: #f2d680;
}
@media (prefers-color-scheme: dark) {
  .icon--print__tray {
    fill: #f2d680;
  }
}
.icon--print__slot {
  fill: #f2d680;
}
@media (prefers-color-scheme: dark) {
  .icon--print__slot {
    fill: #f2d680;
  }
}
.icon--print__paper {
  fill: #697060;
}
@media (prefers-color-scheme: dark) {
  .icon--print__paper {
    fill: #697060;
  }
}
.icon--print__line {
  fill: #bac9a9;
}
@media (prefers-color-scheme: dark) {
  .icon--print__line {
    fill: #bac9a9;
  }
}
.icon--print__body {
  fill: #eb9c4d;
}
@media (prefers-color-scheme: dark) {
  .icon--print__body {
    fill: #eb9c4d;
  }
}
.icon--print__hole {
  fill: #fff;
}
@media (prefers-color-scheme: dark) {
  .icon--print__hole {
    fill: #2e292a;
  }
}
.icon--keyboard__case {
  fill: #697060;
}
@media (prefers-color-scheme: dark) {
  .icon--keyboard__case {
    fill: #697060;
  }
}
.icon--keyboard__divider {
  fill: #697060;
}
@media (prefers-color-scheme: dark) {
  .icon--keyboard__divider {
    fill: #697060;
  }
}
.icon--keyboard__keysBackground {
  fill: #bac9a9;
}
@media (prefers-color-scheme: dark) {
  .icon--keyboard__keysBackground {
    fill: #bac9a9;
  }
}
.icon--keyboard__spaceBar {
  fill: #bac9a9;
}
@media (prefers-color-scheme: dark) {
  .icon--keyboard__spaceBar {
    fill: #bac9a9;
  }
}
.icon--keyboard__cord {
  fill: #eb9c4d;
}
@media (prefers-color-scheme: dark) {
  .icon--keyboard__cord {
    fill: #eb9c4d;
  }
}
.icon--keyboard__altKeys {
  fill: #f2d680;
}
@media (prefers-color-scheme: dark) {
  .icon--keyboard__altKeys {
    fill: #f2d680;
  }
}
.icon--desktop__towerCase {
  fill: #697060;
}
@media (prefers-color-scheme: dark) {
  .icon--desktop__towerCase {
    fill: #697060;
  }
}
.icon--desktop__monitorBase {
  fill: #697060;
}
@media (prefers-color-scheme: dark) {
  .icon--desktop__monitorBase {
    fill: #697060;
  }
}
.icon--desktop__monitorCase {
  fill: #697060;
}
@media (prefers-color-scheme: dark) {
  .icon--desktop__monitorCase {
    fill: #697060;
  }
}
.icon--desktop__monitorStand {
  fill: #bac9a9;
}
@media (prefers-color-scheme: dark) {
  .icon--desktop__monitorStand {
    fill: #bac9a9;
  }
}
.icon--desktop__monitorScreen {
  fill: #f2d680;
}
@media (prefers-color-scheme: dark) {
  .icon--desktop__monitorScreen {
    fill: #f2d680;
  }
}
.icon--desktop__divider {
  fill: #fff;
}
@media (prefers-color-scheme: dark) {
  .icon--desktop__divider {
    fill: #2e292a;
  }
}
.icon--desktop__towerButton {
  fill: #eb9c4d;
}
@media (prefers-color-scheme: dark) {
  .icon--desktop__towerButton {
    fill: #eb9c4d;
  }
}
.icon--desktop__towerSlot {
  fill: #bac9a9;
}
@media (prefers-color-scheme: dark) {
  .icon--desktop__towerSlot {
    fill: #bac9a9;
  }
}
.icon--desktop__monitorButton {
  fill: #eb9c4d;
}
@media (prefers-color-scheme: dark) {
  .icon--desktop__monitorButton {
    fill: #eb9c4d;
  }
}
.icon--compressed__line {
  fill: #697060;
}
@media (prefers-color-scheme: dark) {
  .icon--compressed__line {
    fill: #697060;
  }
}
.icon--compressed__arrow {
  fill: #bac9a9;
}
@media (prefers-color-scheme: dark) {
  .icon--compressed__arrow {
    fill: #bac9a9;
  }
}


* {

  box-sizing: border-box;

}

body {

  margin: 0;

  /* background: #231f20; */

  /* color: #f3f1ed; */

  overflow-x: hidden;

  font-family: 'FuturaStd-Book', sans-serif;

  min-height: 100vh;

}

a {

  text-decoration: none;

}

.site-wrapper {
  max-width: 1500px;
  margin: 0 auto;
  min-height: 100vh;

  display: flex;

  flex-direction: column;

}

/* HEADER */

.site-header {

  width: 100%;

  padding: 42px 72px;

}

.header-inner {

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

}

/* LOGO */

/* .hfTextLogoLink {

  display: flex;

  align-items: center;

  text-decoration: none;

  flex-shrink: 0;

}

.hfLogo {

  width: 34px;

  height: 34px;

  fill: var(--seventies-orange);

  margin-right: 14px;

}

.hfLogoText {

  font-size: 2rem;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: var(--seventies-orange);

  line-height: 1;

} */

/* NAV */

.top-nav {

  display: flex;
  justify-content: flex-end;
  align-items: center;  gap: 42px;
  margin-left: auto;

}

.top-nav-link {
    border-bottom: none;
  position: relative;
  color: var(--dark-grey);
  font-size: 1.05rem;
  /* opacity: 0.88; */
  transition: all 180ms ease;
}

@media (prefers-color-scheme: dark) {
  .top-nav-link {
    color: var(--near-white);
  }
}



.top-nav-link:hover {
  color: var(--seventies-orange);
}

@media (prefers-color-scheme: dark) {
  .top-nav-link:hover {
    color: var(--pale-green);
  }
}

.top-nav-link.active {
color: var(--seventies-orange);
/* border-bottom: 2px solid var(--seventies-orange); */
font-family: 'Futura Bold', sans-serif;
}

@media (prefers-color-scheme: dark) {
  .top-nav-link.active {
    /* border-bottom: 2px solid var(--pale-green); */
    color: var(--pale-green);
  }
}

/* MAIN */

.site-main {

  flex: 1;

  width: 100%;

}

.hero-section {

  padding: 80px 140px 120px;

}

.hero-content {

  max-width: 980px;

}

/* EYEBROW */

.hero-eyebrow {

  display: inline-block;

  font-size: 0.95rem;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  color: var(--seventies-orange);

  margin-bottom: 44px;

  padding-bottom: 10px;

  border-bottom: 1px solid var(--seventies-orange);

}

/* HERO TITLE */

.hero-title {

  font-family: 'Futura Heavy', 'FuturaStd-Bold', sans-serif;

  font-size: clamp(4rem, 6vw, 6.2rem);
    line-height: 1.5;
    letter-spacing: -0.015em;

  margin: 0 0 52px 0;

  max-width: 900px;

  color: var(--dark-grey);

}

@media (prefers-color-scheme: dark) {
  .hero-title {
    color: var(--near-white);
  }
}

/* BODY COPY */

.hero-copy {

  max-width: 760px;

}

.hero-copy p {

  font-size: 1.15rem;
  line-height: 1.9;
  margin-bottom: 32px;
  color: var(--dark-grey);
}

@media (prefers-color-scheme: dark) {
  .hero-copy p {
    color: var(--near-white);
  }
}

/* FOOTER */

.site-footer {
  line-height: 1.25;
  width: 100%;

  padding: 0 72px 42px;

  margin-top: auto;

}

.footer-inner {

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

}

.footer-copy {

  font-size: 0.9rem;

  opacity: 0.5;

}

.footer-links {

  display: flex;

  align-items: center;

  gap: 24px;

}



.footer-links a {

  border-bottom: 3px solid var(--seventies-orange);
  position: relative;
  color: var(--dark-grey);
  
  font-size: 1.05rem;
  /* opacity: 0.88; */
  transition: all 200ms ease-in-out;
}

@media (prefers-color-scheme: dark) {
  .footer-links a {
    border-bottom: 3px solid var(--pale-green);
    color: var(--near-white);
  }
}

.footer-links a:hover {
  color: var(--seventies-orange);
  /* padding-bottom: 0; */
  border-color: transparent;
  /* padding-bottom: .25rem; */
}

@media (prefers-color-scheme: dark) {
  .footer-links a:hover {
    color: var(--pale-green);
  }
}

/* RESPONSIVE */

@media (max-width: 1200px) {

  .hero-section {

    padding-left: 80px;

    padding-right: 80px;

  }

  .hero-title {

    font-size: 5rem;

  }

}

@media (max-width: 900px) {

  .site-header {

    padding: 32px 32px 0;

  }

  .header-inner {

    /* flex-direction: column; */

    align-items: flex-start;

    gap: 30px;

  }

  .top-nav {

    justify-content: flex-start;

    flex-wrap: wrap;

    gap: 26px;

  }

  .hero-section {

    padding: 80px 32px 80px;

  }

  .hero-title {

    font-size: 3.9rem;

  }

  .hero-copy p {

    font-size: 1rem;

    line-height: 1.8;

  }

  .site-footer {

    padding: 0 32px 32px;

  }

  .footer-inner {

    /* flex-direction: column; */

    align-items: flex-start;

    gap: 18px;

  }

}

/* ABOUT */

.about.hero-section {
  display: flex;
}





.about-copy {
  width: 45%;
}

.about-mug {
  padding-left: 10%;
  padding-top: 4rem;
  width: 45%;
}

@media (max-width: 900px) {
  .about.hero-section {
    flex-direction: column-reverse;
  }

  .about-copy {
  width: 100%;
}

.about-mug {
  max-width: 400px;
  padding-left: 0;
  padding-top: 0;
  margin: auto;
  width: 100%;
}
}

/* RESUME */
h2 {
    font-family: Futura Heavy, Futura, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
}

.resume-entry {
  margin: 3rem 0;
}

.resume-meta {
  /* margin: 1rem 0; */
  display: flex;
  justify-content: space-between;
}

.resume-company {
  font-family: Futura Medium;
}

.resume-date {
  font-family: Futura Book Oblique;
}

.contact-methods {
  display: flex;
  margin: 2rem 0;
}

.contact-method {
  margin-right: 2rem;
}


/* MOBILE MENU BUTTON */

.menu-toggle {

  display: none;

  background: none;

  border: none;

  color: #f3f1ed;

  font-size: 2rem;

  cursor: pointer;

}

/* MOBILE NAV */

.mobile-nav {

  display: none;

}

/* DESKTOP */

@media (min-width: 901px) {

  .top-nav {

    display: flex;

  }

}

/* MOBILE */

@media (max-width: 900px) {

  .top-nav {

    display: none;

  }

  .menu-toggle {
    color: var(--dark-grey);
    display: block;

  }

  @media (prefers-color-scheme: dark) {
  .menu-toggle {
    color: var(--near-white);
  }
}

  .mobile-nav {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    background: var(--near-white);

    z-index: 999;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    opacity: 0;

    pointer-events: none;

    transition: opacity 250ms ease;

  }

@media (prefers-color-scheme: dark) {
  .mobile-nav {
    background: var(--dark-grey);
  }
}

  .mobile-nav.open {

    opacity: 0.95;

    pointer-events: auto;

  }

  .mobile-nav a {
    border: none;
    color: var(--dark-grey);

    font-size: 2rem;

    margin: 20px 0;

    text-decoration: none;

  }

    .mobile-nav a:hover {
      color: var(--seventies-orange);

  }

  .mobile-nav a.active {

    color: var(--seventies-orange);
    font-family: Futura Bold;

  }

  @media (prefers-color-scheme: dark) {
  .mobile-nav a {
    color: var(--near-white);
  }
}

}