/* Three editions of a single typographic portrait. No glyph has a clipping box. */
.home-page{--stage-paper:#f3f1ec;--stage-ink:#171717;--stage-accent:#243df4;--stage-muted:#686763;background:#f3f1ec;color:var(--stage-ink)}
.home-page[data-edition="1"]{--stage-paper:#243df4;--stage-ink:#f3f1ec;--stage-accent:#f3f1ec;--stage-muted:#c7ccff}
.home-page[data-edition="2"]{--stage-paper:#171717;--stage-ink:#f3f1ec;--stage-accent:#8b97ff;--stage-muted:#a2a19c}
.home-page .home-shell{overflow:clip;position:relative;isolation:isolate;background:transparent}
.stage-backdrops{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.stage-plane{position:absolute;inset:0;opacity:0;transition:opacity .42s cubic-bezier(.4,0,.2,1)}
.stage-plane--blue{background:#243df4}.stage-plane--black{background:#171717}
.home-page[data-edition="1"] .stage-plane--blue,.home-page[data-edition="2"] .stage-plane--black{opacity:1}
.home-page .brand span,.home-page .hero-enter,.home-page .header nav a[aria-current=page],.home-page .header nav a:hover{color:var(--stage-accent)}
.home-page .hero-meta,.home-page .hero-facts,.home-page .header-code{color:var(--stage-muted)}
.home-page .hero-index{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--stage-accent);margin-bottom:1.2rem;position:relative;z-index:2}
.type-editions{display:flex;gap:1.1rem;align-items:center}
.type-editions button{padding:.5rem 0;min-width:1.5rem;background:none;border:0;color:inherit;font:400 .75rem var(--mono);opacity:.4;transition:opacity .3s,transform .4s}
.type-editions button:hover,.type-editions button[aria-pressed=true]{opacity:1;transform:translateY(-2px)}
.type-editions .type-pause{margin-left:.25rem;opacity:.75}
.hero-name h1{isolation:isolate;position:relative}
.hero-name h1 .hero-type{width:100vw;height:.75em;line-height:.75;letter-spacing:inherit;overflow:visible;touch-action:none;cursor:grab}
.hero-name h1 .hero-type:active{cursor:grabbing}
.hero-name h1 .hero-fallback{left:0;color:var(--stage-ink);animation:none;display:block;line-height:inherit;letter-spacing:inherit;overflow:visible}
.hero-name h1 .hero-period{position:absolute;top:.58em;left:calc(100vw - .03em);margin:0;background:var(--stage-accent)}
.hero-type:focus-visible{outline:1px solid var(--stage-accent);outline-offset:8px}
.home-page .hero-bottom{position:relative;z-index:3}
.type-sculpture{position:absolute;top:-.29em;left:-.09em;width:calc(100% + .18em);height:1.35em;pointer-events:none;opacity:0;display:block}
.hero-type.is-sculpting .type-sculpture{opacity:1}
.hero-type.is-sculpting .hero-fallback{opacity:0}
.home-page[data-edition="1"] .hero-fallback{font-family:Instrument,Georgia,serif;font-weight:400;font-size:1.06em;letter-spacing:-.04em}
.home-page[data-edition="2"] .hero-fallback{-webkit-text-stroke:2px var(--stage-ink);color:transparent}
.home-page .hero-enter:after{display:none}
.home-page .hero-enter span{display:inline-block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.home-page .hero-enter:hover span{transform:translate(6px,-6px)}
@media(max-width:650px){.type-editions{gap:.75rem}.type-editions button{font-size:.63rem;min-width:1.1rem}.home-page .hero-index{font-size:.55rem;margin-bottom:1rem}.hero-name h1 .hero-type{height:.8em}.home-page[data-edition="2"] .hero-fallback{-webkit-text-stroke:1px var(--stage-ink)}}
@media(prefers-reduced-motion:reduce){.stage-plane,.type-editions button{transition:none}.type-sculpture{display:none}.hero-type.is-sculpting .hero-fallback{opacity:1}}