/* Keep the established editorial type; animate only its entrance. */
.white #hero-title .hero-enter-line{display:block;overflow:hidden;padding:.13em .08em .17em 0;margin:-.13em -.08em -.17em 0;line-height:inherit}
.white #hero-title .hero-enter-line>span{display:block;transform-origin:0 100%;animation:reality-type-enter 1.15s cubic-bezier(.16,1,.3,1) both;will-change:transform,filter,opacity}
.white #hero-title em.hero-enter-line>span{animation-delay:.16s}
.white .hero #hero-eyebrow{animation:reality-copy-enter .85s cubic-bezier(.16,1,.3,1) both;animation-delay:.04s}
.white .hero .hero-bottom p{animation:reality-copy-enter .95s cubic-bezier(.16,1,.3,1) both;animation-delay:.38s}
.white .hero .hero-bottom .outline-button{animation:reality-copy-enter .95s cubic-bezier(.16,1,.3,1) both;animation-delay:.5s}
@keyframes reality-type-enter{from{opacity:0;transform:translate3d(0,110%,0) rotate(2deg);filter:blur(7px)}to{opacity:1;transform:translate3d(0,0,0) rotate(0);filter:blur(0)}}
@keyframes reality-copy-enter{from{opacity:0;transform:translate3d(0,18px,0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.white #hero-title .hero-enter-line>span,.white .hero #hero-eyebrow,.white .hero .hero-bottom p,.white .hero .hero-bottom .outline-button{animation:none;will-change:auto}}
/* REALITY: headline and introduction share one horizontal composition. */
.white .hero{padding-top:110px;padding-bottom:110px;min-height:620px}
.white .hero .hero-pin{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(240px,1fr);column-gap:5%;row-gap:30px;align-items:center}
.white .hero #hero-eyebrow{grid-column:1/-1}
.white .hero #hero-title{grid-column:1;grid-row:2;font-size:clamp(72px,8.2vw,132px);max-width:none;margin:0;line-height:.98;letter-spacing:-.08em}
.white .hero .hero-bottom{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px;margin:0;padding:0}
.white .hero .hero-bottom p{margin:0;max-width:330px;font-size:clamp(16px,1.35vw,20px);line-height:1.5}
.white .hero .hero-bottom .outline-button{margin:0;min-width:0;padding:18px 23px}
@media(max-width:900px){.white .hero .hero-pin{grid-template-columns:1fr;row-gap:30px}.white .hero #hero-title{grid-row:2;font-size:clamp(62px,10.5vw,100px)}.white .hero .hero-bottom{grid-column:1;grid-row:3;gap:22px}.white .hero .hero-bottom p{max-width:430px}.white .hero{padding-top:85px;padding-bottom:85px}}