/* The photograph starts at the viewport edge; only the navigation itself is glass. */
body.home-page > .topbar {
  position:absolute;
  inset:0 0 auto;
  z-index:40;
  padding:18px 24px 0;
  background:transparent;
}
body.home-page > .topbar .nav-glass {
  background:rgba(255,255,255,.68);
  border-color:rgba(255,255,255,.62);
  box-shadow:0 5px 30px rgba(27,30,33,.055);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
body.home-page .cover-edition {
  width:100%;
  max-width:none;
  padding:0;
  margin:0;
}
body.home-page .portrait-cover {
  --cover-image-height:max(700px,100svh);
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  isolation:isolate;
}
body.home-page .cover-photograph {
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
}
body.home-page .cover-photograph > img {
  display:block;
  width:100%;
  height:var(--cover-image-height);
  max-height:none;
  object-fit:cover;
  object-position:50% 0;
  border:0;
  border-radius:0;
  filter:none;
  mask-image:none;
  mix-blend-mode:normal;
  opacity:1;
}
body.home-page .cover-copy {
  top:clamp(142px,17svh,200px);
}

@media(min-width:761px) and (max-height:650px) {
  body.home-page .cover-copy {top:130px}
  body.home-page .cover-copy h1 {font-size:96px}
  body.home-page .cover-copy > p {font-size:14px;line-height:1.55;margin-top:19px}
  body.home-page .cover-copy > .btn {margin-top:20px}
}

/* Below the face, the natural shirt provides space for the name and field. */
@media(max-width:760px), (max-width:1100px) and (max-aspect-ratio:4/5) {
  body.home-page > .topbar {padding:12px 13px 0}
  body.home-page .portrait-cover {--cover-image-height:max(780px,100svh)}
  body.home-page .cover-copy {
    left:clamp(24px,4.7vw,40px);
    top:calc(var(--cover-image-height) * .525);
    width:min(72vw,360px);
  }
  body.home-page .cover-copy h1 {font-size:clamp(72px,18.9vw,96px);line-height:.9}
  body.home-page .cover-copy h1 > span.cover-dr {font-size:20px;margin-bottom:11px}
  body.home-page .cover-copy h1 > em {font-size:1.12em;line-height:.88;margin:4px 0 0 -2px}
  body.home-page .cover-copy > p {
    display:block;
    font-size:14px;
    line-height:1.5;
    margin-top:21px;
    max-width:290px;
  }
  body.home-page .cover-copy > .btn {font-size:13px;min-height:48px;margin-top:21px;padding:12px 19px}
  body.home-page .cover-scroll {display:none}
}

@media(max-width:380px) {
  body.home-page .cover-copy {left:21px;width:270px;max-width:calc(100% - 42px)}
  body.home-page .cover-copy h1 {font-size:65px}
  body.home-page .cover-copy > p {font-size:13px}
}

@media print {
  body.home-page > .topbar {display:none}
  body.home-page .portrait-cover {background:#fff}
  body.home-page .cover-photograph {display:none}
  body.home-page .cover-copy {position:static;width:auto;max-width:none;padding:20px 0}
  body.home-page .cover-copy h1 {font-size:40pt}
  body.home-page .cover-copy > p {font-size:12pt}
  body.home-page .cover-copy > .btn {display:none}
}