/* Approved homepage hero and quote: a quiet typographic opening, with the mark
   assembling from stacked words into the existing navigation logo. */
.home-01 .hero {
  height: calc(100svh - 76px); min-height: 560px; max-height: none;
  place-items: center; background: var(--home-paper); color: var(--home-ink);
}
.home-01 .hero__image,.home-01 .hero::after { display:none; }
.home-01 .hero-name {
  position:relative; inset:auto; z-index:1; display:flex; flex-direction:column;
  align-items:center; width:auto; margin:0; color:var(--home-ink);
  font:400 clamp(7rem,21vw,20rem)/.76 Williwaw,Georgia,'Times New Roman',serif;
  letter-spacing:-.075em; text-align:center;
}
.home-01 .hero-word { display:block; }
.home-01 .hero-siris { padding-right:.045em; }
.home-01 .hero-hill { padding-right:.055em; }
.home-01 .hero__cue { bottom:clamp(24px,4vh,44px); color:var(--home-ink); }
.home-01 .hero__cue span { font-size:11px; letter-spacing:.12em; }
.home-01 .hero__cue svg { width:22px; height:22px; }
.home-01 .hero-mark-flight {
  position:fixed; top:0; left:0; z-index:100; display:flex; flex-direction:column;
  align-items:center; width:max-content; margin:0; overflow:visible; color:var(--home-ink);
  font:400 clamp(7rem,21vw,20rem)/.76 Williwaw,Georgia,'Times New Roman',serif;
  letter-spacing:-.075em; text-align:center; transform-origin:top left;
  pointer-events:none; white-space:nowrap; will-change:transform,opacity;
}
.home-01 .hero-mark-flight[hidden] { display:none; }
.home-01 .statement {
  background:var(--home-panel); color:var(--home-ink);
  padding:clamp(120px,15vw,230px) var(--home-gutter); text-align:center;
}
.home-01 .statement blockquote {
  max-width:1250px; margin:0 auto; color:var(--home-ink);
  font:italic 400 clamp(2.8rem,6vw,6rem)/1.02 Williwaw,Georgia,'Times New Roman',serif;
  letter-spacing:-.045em;
}
.home-01 .statement blockquote p { margin:0; }
.home-01 .statement .quote-final-line { margin-top:.08em; }
.home-01 .statement .byline {
  width:max-content; margin:32px auto 0; color:var(--home-ink);
  font:12px/1.4 Arial,Helvetica,sans-serif; letter-spacing:.12em;
  text-align:center; text-transform:uppercase;
}
html[data-theme="light"] .home-01 .hero-mark-flight { color:#000; }
html[data-theme="dark"] .home-01 .hero-mark-flight { color:#fff; }
@media(max-width:600px) {
  .home-01 .hero { height:calc(100svh - 64px); min-height:520px; }
  .home-01 .hero-name,.home-01 .hero-mark-flight { font-size:clamp(5.6rem,24vw,9rem); line-height:.78; }
  .home-01 .statement { padding-block:96px; }
  .home-01 .statement blockquote { font-size:clamp(2.35rem,10vw,3.7rem); line-height:1.02; }
  .home-01 .statement .byline { margin-top:25px; }
}
@media(prefers-reduced-motion:reduce) { .home-01 .hero__cue svg { animation:none; } }

/* Keep the nav, its wordmark and the arriving hero lettering on the same
   black/white theme rule. The image is black on the light paper and white on
   the dark paper, matching the animated type at the point of handoff. */
html[data-theme] .home-01 .site-header { background:var(--home-paper); color:var(--home-ink); }
.home-01 .site-header .brand img { filter:brightness(0); }
html[data-theme="dark"] .home-01 .site-header .brand img { filter:none; }
html:has(body.home-01) { scroll-behavior:smooth; }
@media(prefers-reduced-motion:reduce) { html:has(body.home-01) { scroll-behavior:auto; } }