/* Isolated title experiment. Typography recovered from da7a984, before the redesign. */
.tidal-site .hero { grid-template-columns:minmax(0,1fr); }
.tidal-site .hero-inner.hero-identity { container-type:inline-size; }
.tidal-site .hero h1.hero-type-title {
  width:max-content; max-width:none; margin:0 auto;
  display:flex; flex-direction:column; gap:0;
  font-family:var(--display); font-weight:500;
  font-size:clamp(38px,25cqw,136px); line-height:.92;
  letter-spacing:-.03em; color:var(--bone);
}
.tidal-site .hero h1.hero-type-title .the {
  display:block; font:italic 400 .26em/1 var(--serif);
  letter-spacing:-.01em; color:rgba(244,239,230,.8);
  margin:0 0 .12em .08em;
}
.tidal-site .hero h1.hero-type-title .wordmark { display:block; line-height:.88; white-space:nowrap; }
.tidal-site .hero h1.hero-type-title .lab {
  font-family:var(--serif); font-size:1em; font-style:italic; font-weight:400;
  line-height:inherit; letter-spacing:inherit; color:var(--magenta);
  display:inline-block; margin-left:.04em; transform:translateY(.04em);
}
/* A viewport crop keeps the exact original artwork and its transparency. */
.tidal-site .hero-logo-strip {
  display:block; width:100%; height:auto; aspect-ratio:1424 / 96;
  overflow:hidden; margin-top:clamp(16px,3.5cqw,22px);
}
html.tidal-site { scroll-padding-top:116px; }
.tidal-site .nav { height:108px; }
.tidal-site .nav-home {
  left:50%; transform:translate(-50%,-50%);
  width:216px; aspect-ratio:1424 / 624; overflow:hidden;
}
.tidal-site .nav-home img { width:100%; height:auto; }
.tidal-site .footer-brand-mark {
  display:block; width:min(300px,72%); margin:12px auto 28px;
  border-radius:12px;
}
.tidal-site .footer-brand-mark img { width:100%; height:auto; }
.tidal-site .footer-brand-mark:is(:hover,:focus-visible) { outline:2px solid var(--magenta); outline-offset:10px; }
/* Keep the support credit directly below the opening statement. */
.tidal-site .hero-banner {
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:6px;
}
.project-support {
  width:100%;
  color:var(--text,#c5d2df);
}
.project-support p {
  margin:0;
  text-align:left;
  font:italic 300 clamp(14px,1.1vw,16px)/1.6 var(--display);
  text-wrap:balance;
}
.project-support a {
  color:inherit;
  font-weight:400;
  white-space:nowrap;
  text-decoration:underline;
  text-underline-offset:.22em;
  text-decoration-thickness:1px;
  transition:color .2s ease;
}
.project-support a:is(:hover,:focus-visible) { color:var(--magenta); }
.tidal-site .about-project-logo {
  display:block;
  width:min(100%,440px);
  margin:24px 0 28px;
}
.tidal-site .about-project-logo img { display:block; width:100%; height:auto; }
.tidal-site .about-prose p a {
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
}
@media(max-width:719px) {
  html.tidal-site { scroll-padding-top:100px; }
  .tidal-site .nav { height:92px; }
  .tidal-site .nav-home { width:172.8px; }
  .tidal-site .footer-brand-mark { width:min(260px,78%); }
}