/* The word remains typographic; only the letter under the cursor lifts into light. */
.about-page .about-hero{isolation:isolate}
.about-page .about-hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:rgba(7,9,13,.72);opacity:0;transition:opacity .7s cubic-bezier(.22,.61,.36,1)}
.about-page .about-hero.is-letter-lit::after{opacity:1}
.about-page .about-hero h1{z-index:3;pointer-events:none}
.about-page .about-hero-caption{z-index:3}
.about-page .about-hero-word{white-space:nowrap}
.about-page .about-hero-word .about-letter{display:inline-block;position:relative;pointer-events:auto;transform-origin:center 70%;transform:translateY(0) scale(1);color:#fff;transition:color .55s ease,transform .72s cubic-bezier(.22,1,.36,1),text-shadow .68s ease;will-change:transform}
.about-page .about-hero.is-letter-lit .about-letter{color:#c0bbb7}
.about-page .about-hero.is-letter-lit .about-letter.is-active{z-index:1;color:#fffdf5;transform:translateY(-.08em) scale(1.12);text-shadow:0 0 .06em #fffdf9e6,0 0 .19em #ffe2b8bd,0 0 .39em #f5c98a72}
.about-page.letter-exploring .header{filter:brightness(.58);transition:filter .7s ease}
@media(prefers-reduced-motion:reduce){.about-page .about-hero::after,.about-page .about-hero-word .about-letter,.about-page.letter-exploring .header{transition:none!important}.about-page .about-hero.is-letter-lit .about-letter.is-active{transform:none}}