/* components.css */
.header {
  align-self: center;
}
.header__img {
  mix-blend-mode: multiply;
  margin: 0;
  padding: 0;
  max-width: 60vw;
}
.header ul {
  list-style: none;
  padding: 0;
}
.intro__text {
  position: relative;
  display: flex;
  flex-direction: column;
}
.intro__text .blurb p {
  font-family: var(--ff-serif);
  font-size: var(--fs-medtitle);
  line-height: var(--lh-medtitle);
  text-align: center;
  color: var(--c-black);
  text-shadow: 0px 0px 8px rgb(53, 53, 53);
  cursor: pointer !important;
}
.intro__text .blurb p:hover {
  text-shadow: 0px 0px 8px rgba(53, 53, 53, 0.7);
}
.intro__text .button {
  align-self: center;
  margin-bottom: 10px !important;
  flex-basis: auto;
}
.intro__text .button p {
  font-family: var(--ff-sansserif);
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  text-shadow: none;
  color: var(--c-black);
}
.intro__text .button img {
  height: 20px;
  width: auto;
  margin-left: 10px;
}

.news {
  flex: 1;
}
.news__list {
  text-align: center;
}
.news__item {
  border-bottom: 1px solid rgb(131, 131, 131);
  margin: 3px 0;
  padding: 0 0 5px 0;
}
.news__item a {
  color: rgb(70, 70, 70);
}
.news__item a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.news__item .title {
  text-transform: uppercase;
  font-size: var(--fs-title);
  line-height: var(--lh-title);
  margin-top: 8px;
}
.news__item .date {
  margin: 0;
}
.news__item .desc {
  font-size: var(--fs-sub);
  line-height: var(--lh-sub);
}
.news__item .desc ul li {
  font-family: var(--ff-serif-italic);
  font-size: var(--fs-sub);
  line-height: var(--lh-sub);
  letter-spacing: 0.2px;
  -webkit-text-stroke: 0.2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.news__item:last-child {
  border-bottom: none;
}

.projects {
  flex: 3;
  padding-left: 15px;
}
.projects__list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.projects__list a:visited {
  color: var(--c-linkvisited);
}
.projects__list a:visited:hover {
  color: var(--c-link);
}
.projects__item {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 0 2px 0;
  margin: 2px 0 0 0;
}
.projects__item:hover {
  padding-top: 2px;
}
.projects__item .year {
  text-align: left;
  flex: 1;
  max-width: 50px;
  align-self: flex-start;
}
.projects__item .thumbnail {
  flex: 2;
  width: 100px;
  height: auto;
}
.projects__item .title {
  font-size: var(--fs-title);
  line-height: var(--lh-title);
  color: rgb(0, 0, 0);
  margin: 0px 0 0 10px;
  width: 100%;
  text-align: left;
  font-weight: normal;
  text-shadow: 0px 0px 8px rgb(53, 53, 53);
  flex: 6;
  align-self: flex-start;
}
.projects__item .title:hover {
  text-shadow: none;
}

.info {
  flex: 3;
}
.info__text p {
  font-family: var(--ff-serif);
  font-size: var(--fs-medtitle);
  line-height: var(--lh-medtitle);
  color: black;
  text-align: left;
  text-shadow: 0px 0px 8px rgb(53, 53, 53);
  cursor: text;
}
.info__text .intro {
  margin: 0 2% 30px 0;
  border: 0;
}
.info__text .rest {
  margin-bottom: 35px;
}
.info__image {
  position: relative;
  flex: 50%;
  width: 100%;
}
.info__image .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 0px 5px 5px var(--c-grey);
  top: 0;
  left: 0;
}

.contact {
  flex: 1;
}
.contact__bio p {
  margin-top: 15px;
  font-family: "Authentic-60";
  -webkit-text-stroke: 0.04px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  letter-spacing: 0.2px;
  font-size: var(--fs-serif);
  line-height: var(--lh-serif);
  color: rgb(88, 88, 88);
  text-shadow: 0px 0px 2px rgb(128, 128, 128);
}
.contact__handles h2 {
  margin-top: 25px;
}
.contact__handles a {
  font-family: "Authentic-60";
  text-underline-offset: 3px;
}
.contact__handles a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.contact__cv h2 {
  margin-top: 25px;
}
.contact__cv a {
  margin-bottom: 0;
  font-size: var(--fs-p);
}
.contact__cv img {
  height: 25px;
  width: auto;
  display: inline;
}
.contact__cv a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.contact__newsletter h2 {
  margin-top: 25px;
}
.contact__newsletter p {
  font-size: var(--fs-p);
  margin-bottom: 0;
}
.contact__newsletter .email {
  margin-top: 5px !important;
}
.contact__newsletter .button {
  margin-top: 10px !important;
}
.contact__newsletter .email {
  color: rgb(110, 113, 111);
  background-color: rgb(199, 199, 199);
  border: none;
  padding-left: 5px;
}

.project h1 {
  font-family: var(--ff-serif);
  font-size: var(--fs-bigtitle);
  line-height: var(--lh-bigtitle);
  font-weight: normal;
  color: transparent;
  text-shadow: 0px 0px 9px var(--c-highlight1);
  text-align: center;
  margin: 30px 0 40px 0;
}
.project__specs {
  width: 100%;
  flex: 1;
  margin: 0 10px 0 0;
}
.project__specs .materials p {
  font-family: var(--ff-sansserif);
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  font-style: normal;
}
.project__specs .year {
  margin-top: 15px;
}
.project__text {
  width: 100%;
  border-left: 1px solid grey;
  padding: 0 0 0 15px;
  margin-bottom: 15px;
  flex: 3;
}
.project__text a {
  text-decoration: underline;
  font-family: var(--ff-serif);
  font-size: var(--fs-serif);
}
.project__text blockquote p {
  font-family: var(--ff-serif-italic);
  font-size: var(--fs-italics);
  line-height: var(--lh-italics);
  font-style: normal;
  margin: 15px 0;
}
.project__text blockquote p strong {
  margin: 25px;
}
.project__text .logos .portrait, .project__text .logos .landscape {
  margin: 5px;
  height: 2em;
  width: auto;
  display: inline-block;
}
.project__text .embeds div {
  margin-top: -5px !important;
  padding-top: 0;
}
.project__text .embeds div a {
  color: black !important;
  font-size: var(--fs-footnote);
  line-height: var(--lh-footnote);
  font-family: var(--ff-sansserif);
  margin-top: -20px !important;
  padding-top: 0;
}
.project__text .audio {
  background-color: var(--c-grey);
}
.project__text .audio .caption {
  font-size: var(--fs-footnote);
  line-height: var(--lh-footnote);
  margin-top: 0;
}
.project .gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: -5px -5px 15px -5px;
}
.project .gallery__item {
  position: relative;
  flex: 50%;
  width: 100%;
}
.project .gallery__item .documentation {
  width: 100%;
  height: auto;
  margin-top: 0;
  bottom: 0;
}
.project .gallery__item .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 0px 5px 5px var(--c-grey);
  top: 0;
  left: 0;
}
.project .gallery__item .caption {
  position: absolute;
  width: auto;
  display: block;
  top: 1.2rem;
  left: 1.2rem;
  margin-right: 1.2rem;
  padding: 0 5px;
  z-index: 999;
  color: black;
  background-color: var(--c-grey);
  box-shadow: 0 0 10px 10px var(--c-grey);
  border-radius: 5%;
  font-family: var(--ff-sansserif);
  font-size: var(--fs-footnote);
  line-height: var(--lh-footnote);
  text-align: left;
}

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