/* ABOUT PAGE - desktop composition from about.pdf (1680 x 880) */

:root {
  --about-desktop-width:1680px;
  --about-desktop-height:880px;
  --black:#000;
  --white:#fff;
  --gray:#aaa;
}

*,
*::before,
*::after {
  box-sizing:border-box;
}

body.about-page {
  width:100%;
  max-width:100%;
  min-height:100%;
  margin:0;
  padding:0;
  position:static;
  overflow-x:hidden;
  background:var(--white);
  color:var(--black);
  font-family:"futura-pt-condensed", sans-serif;
}

body.about-page .about-page-main {
  width:100%;
  max-width:var(--about-desktop-width);
  min-height:0;
  margin:0 auto;
  padding:0;
}

body.about-page .about-intro {
  width:100%;
  max-width:var(--about-desktop-width);
  min-height:0;
  aspect-ratio:1680 / 880;
  margin:0 auto;
  padding:0;
  display:block;
  position:relative;
  overflow:hidden;
}

body.about-page .about-portrait {
  width:calc(404.2725 / 1680 * 100%);
  margin:0;
  position:absolute;
  left:calc(298.2744 / 1680 * 100%);
  top:calc(70.0696 / 880 * 100%);
}

body.about-page .about-portrait img {
  display:block;
  width:100%;
  max-width:none;
  height:100%;
  position:static;
  object-fit:fill;
}

body.about-page .about-intro > .about-page {
  width:calc(517.469 / 1680 * 100%);
  max-width:none;
  margin:0;
  padding:0;
  position:absolute;
  left:calc(864.2568 / 1680 * 100%);
  top:calc(90.3236 / 880 * 100%);
}

body.about-page .about-intro > .about-page h1 {
  margin:0;
  font-size:min(3.6577vw, 61.4494px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-1px;
}

body.about-page .about-name-eyebrow {
  margin:0 0 min(2.9494vw, 49.55px);
  color:var(--gray);
  font-size:min(1.1551vw, 19.4051px);
  font-weight:400;
  line-height:1;
  text-transform:lowercase;
}

body.about-page .about-bio {
  width:100%;
  font-size:min(1.6363vw, 27.4905px);
  font-weight:400;
  font-style:italic;
  line-height:1.322;
  letter-spacing:-.2px;
}

body.about-page .about-bio p {
  margin:0;
}

body.about-page .about-bio p + p {
  margin-top:min(1.6363vw, 27.4905px);
}

body.about-page .about-details {
  width:100%;
  margin:0;
  padding-top:min(1.0714vw, 18px);
  border-top:min(.0446vw, .75px) solid #aaa;
  display:grid;
  grid-template-columns:
    calc(91 / 517.469 * 100%)
    calc(203.123 / 517.469 * 100%)
    calc(163.87 / 517.469 * 100%);
  column-gap:calc(29.738 / 517.469 * 100%);
  position:absolute;
  left:0;
  top:min(37.2468vw, 625.7457px);
}

body.about-page .about-details span {
  display:block;
  margin-bottom:min(.3571vw, 6px);
  color:var(--gray);
  font-size:min(.8663vw, 14.5538px);
  font-weight:400;
  line-height:1;
}

body.about-page .about-details p {
  margin:0;
  font-size:min(.9626vw, 16.1709px);
  font-weight:400;
  line-height:1.2;
}

body.about-page .about-details a,
body.about-page .about-details a:visited,
body.about-page .about-details a:hover,
body.about-page .about-details a:active {
  color:var(--black);
  text-decoration:none;
}

body.about-page > .footer {
  display:none;
}