s-0 { display:block; height: 14px; }
s-1 { display:block; height: 28px; }
s-2 { display:block; height: 44px; }
s-3 { display:block; height: 60px; }
s-4 { display:block; height: 76px; }
s-5 { display:block; height: 92px; }
s-6 { display:block; height: 108px; }
s-7 { display:block; height: 124px; }
s-8 { display:block; height: 140px; }
#header-logo, #header-logo-home { font-size: 28px;}
.pad {
  padding: 0 50px;
}
.geist {
  max-width: 1024px;
  margin:0 auto;
}
.geist > .main {
  max-width: 688px;
  margin: 0 0 0 118px;
}
.geist > .main > .wide {
  margin-left: -118px;
  width: 1024px;
}
.page-hero h1 {
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.025em;
}
.page-hero p {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.35;
  font-feature-settings: "ccmp" 1;
}
.main h2 {
  font-size: 40px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.0125em;
}
.main h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
.main p {
  font-size: 20px;
  line-height: 1.5;
  font-feature-settings: "ccmp" 1;
}
@media only screen and (max-width: 1124px) {
  .geist > .main > .wide {
    width: calc(100vw - 100px)
  }
}
@media only screen and (max-width: 1024px) {
  .geist > .main {
    margin:0 auto
  }
  .geist > .main > .wide {
    margin-left: calc((100vw - 788px) / -2);
  }
}
@media only screen and (max-width: 850px) {
  .geist > .main {
    max-width: 100%;
  }
  .geist > .main > .wide {
    margin: 0;
    width: auto;
  }
}
@media only screen and (max-width: 800px) {
  #header-logo, #header-logo-home { font-size: 3.5vw;}
  .pad {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}

.content-main {
  /* max-width: 784px; */
  max-width: 672px;
  /* padding-left: 112px; */
  margin-left: 112px;
}
.content-main > .full {
  margin-left: -112px;
  width: 1024px;
}
.content-wide {
  padding-left: 112px;
}
.content-full {
  margin: auto;
}
@media only screen and (max-width: 1124px) {
  .content-main > .full {
    width: calc(100vw - 100px);
  }
}

@media only screen and (max-width: 996px) {
  .content-main {
    /* max-width: 672px; */
    /* padding-left: 0; */
    margin: 0 auto;
    /* margin-right: auto; */
  }
  .content-main > .full {
    /* margin-left: -11.2449vw; */
    margin-left: calc((100vw - 772px) / -2);
  }
  .content-wide {
    padding-left: calc((100vw - 772px) / 2);
  }
}
@media only screen and (max-width: 772px) {
  .content-main > .full {
    margin: 0;
    width: auto;
  }
}

.page-title {
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.025em;
}
.page-info {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.35;
  font-feature-settings: "ccmp" 1;
}
.page-header {
  font-size: 40px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.0125em;
}
.main-copy {
  font-size: 20px;
  line-height: 1.5;
  font-feature-settings: "ccmp" 1;
}

@media only screen and (max-width: 940px) {
  s-0 { height: 1.4893vw }
  s-1 { height: 2.9787vw }
  s-2 { height: 4.6808vw }
  s-3 { height: 6.3829vw }
  s-4 { height: 8.0851vw }
  s-5 { height: 9.7872vw }
  s-6 { height: 11.4893vw }
  s-7 { height: 13.1914vw }
  s-8 { height: 14.8936vw }
  .page-hero h1 { font-size: 6.3829vw; }
  .page-hero p { font-size: 3.8297vw; }
  .main h2 { font-size: 4.2553vw; }
}
@media only screen and (max-width: 640px) {
  #header-logo, #header-logo-home { font-size: 22.4px;}
  .main h3 { font-size: 3.75vw; }
  .main p { font-size: 3.125vw; }
}
@media only screen and (max-width: 512px) {
  #header-logo { display: none; }
  #logo-proxy { display: flex; }
  /* .page-header { font-size: 21.7871px; } */
  /* .page-info { font-weight: 400; } */
  .page-hero p { font-size: 19px; }
  .main h2 { font-size: 21.5px; }
  .main h3 { font-size: 18px; }
  .main p { font-size: 16px; line-height: 1.4; }
}
@media only screen and (max-width: 444px) {
  /* .page-info { font-size: 17px; } */
}
@media only screen and (max-width: 400px) {
  .page-hero h1 { font-size: 25.5px;}
}
@media only screen and (max-width: 376px) {
  /* .page-title { font-size: 24px; } */
}