/* Shared entrance timing and interaction feedback for the corporate pages. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1);--entry-distance:34px;--entry-time:900ms}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:#E60012;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
:is(.corporate-hero,.page-hero) h1 .line-mask{overflow:hidden;display:block;padding-bottom:.08em;margin-bottom:-.08em}
:is(.corporate-hero,.page-hero) h1 .line-enter{display:block}
.motion-enabled .line-enter{animation:line-enter var(--entry-time) var(--motion-ease) both}
.motion-enabled .line-mask:nth-child(2) .line-enter{animation-delay:160ms}
.motion-enabled .page-hero .line-enter{animation-delay:var(--line-delay,0ms)}
@keyframes line-enter{from{transform:translateY(108%);opacity:0}to{transform:translateY(0);opacity:1}}
.motion-enabled [data-enter]{transition:opacity var(--entry-time) var(--motion-ease),translate var(--entry-time) var(--motion-ease);transition-delay:var(--entry-delay,0ms)}
.motion-enabled [data-enter]:not(.entered){opacity:0;translate:0 var(--entry-distance)}
.motion-enabled [data-enter].entered{opacity:1;translate:0 0}
.social-proof{padding-block:56px 65px;border-bottom:1px solid #d9d9d9}
.social-proof-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:0}
.social-proof .eyebrow{color:#555;margin-bottom:5px;font-size:12px;letter-spacing:.08em}
.social-total{display:flex;align-items:baseline;gap:14px;font-family:Arial,sans-serif;line-height:1.05;margin:0;letter-spacing:-.065em;color:#E60012}
.social-total>.count-number{font-weight:700;font-size:clamp(96px,10vw,150px);min-width:1.15em;display:inline-block;font-variant-numeric:tabular-nums}
.count-unit{font:600 clamp(23px,2.5vw,32px)/1.3 var(--sans);letter-spacing:-.04em}
.social-label{font-size:14px;color:#555;margin-top:10px}
.social-intro{padding-bottom:7px}.social-intro>p{font-size:clamp(18px,2.3vw,26px);font-weight:600;line-height:1.65;margin-bottom:22px}
.social-intro .text-link{font-size:12px}

.reach-grid .count-number{font:inherit;font-variant-numeric:tabular-nums;display:inline-block}
.art-card>img{translate:0 var(--art-offset,0px);will-change:translate}
.motion-enabled .button span,.motion-enabled .card-link b{transition:translate .35s var(--motion-ease)}
@media(hover:hover) and (pointer:fine){.motion-enabled .activity-card:hover{transform:translateY(-8px)}.motion-enabled .button:hover span,.motion-enabled .activity-card:hover .card-link b{translate:3px -3px}.motion-enabled .app-card:hover{transform:translateY(-6px)}}
@media(max-width:680px){.social-proof{padding-block:34px 40px}.social-proof-head{display:block;margin-bottom:0}.social-total>.count-number{font-size:108px}.social-intro{margin-top:24px}.social-intro>p{font-size:18px;line-height:1.5;margin-bottom:15px}.social-proof .eyebrow{font-size:11px}}
body.motion-off [data-enter],body.motion-off .line-enter{opacity:1!important;translate:none!important;transform:none!important;animation:none!important;transition:none!important}
body.motion-off .art-card>img{translate:none!important}
@media(prefers-reduced-motion:reduce){[data-enter],.line-enter{opacity:1!important;translate:none!important;transform:none!important;animation:none!important;transition:none!important}.art-card>img{translate:none!important}}

html[lang="en"] .social-total>.count-number{font-size:clamp(88px,10vw,142px)}
@media(max-width:680px){html[lang="en"] .social-total>.count-number{font-size:98px}}
@media print{[data-enter],.line-enter{opacity:1!important;translate:none!important;animation:none!important;transform:none!important;transition:none!important}.reading-progress,.motion-button{display:none!important}}

/* Full counts have room to grow without shifting their units or source links. */
.reach-expanded{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.reach-expanded>div{min-width:0;padding:32px 0}
.reach-expanded>div+div{border-left:0;border-top:1px solid #444;padding-left:0}
.reach-expanded>.reach-primary{grid-column:1/-1}
.reach-expanded>.reach-books{padding-left:40px;border-left:1px solid #444}
.reach-expanded p.reach-value{display:flex;align-items:baseline;gap:5px;font-size:clamp(36px,5.6vw,70px);line-height:1.2;margin:14px 0 8px;letter-spacing:-.055em;white-space:nowrap}
.reach-expanded>.reach-primary p.reach-value{font-size:clamp(28px,9.4vw,120px)}
.reach-expanded .count-space{display:inline-grid;font:inherit}
.reach-expanded .count-space::before{content:attr(data-display);visibility:hidden;grid-area:1/1}
.reach-expanded .count-space>.count-number{grid-area:1/1}
.reach-expanded .reach-value small{margin:0;font-size:clamp(16px,2.4vw,30px);font-family:var(--sans);letter-spacing:-.025em}
.reach-reading{font-size:14px;color:#c9c9c9;margin-bottom:19px;letter-spacing:.02em}
.reach-expanded>.reach-books p{font-size:clamp(52px,6vw,80px);line-height:1.2;margin:14px 0 18px}
[data-home-motion] .home-free{margin-block:0 80px}
@media(max-width:680px){.reach-expanded{grid-template-columns:minmax(0,1fr)}.reach-expanded>div,.reach-expanded>div+div{padding:26px 0}.reach-expanded>.reach-books{border-left:0;padding-left:0}.reach-expanded>.reach-primary p.reach-value{font-size:clamp(30px,12vw,72px)}.reach-reading{font-size:13px;margin-bottom:15px}[data-home-motion] .home-free{margin-bottom:50px}}

/* Reserve the final number's width so its unit and surrounding copy stay put. */
.follower-total .motion-number,.book-total .motion-number,.reach-grid .motion-number{display:inline-grid;font:inherit;letter-spacing:inherit;margin:0;font-variant-numeric:tabular-nums}
.motion-number::before{content:attr(data-display);visibility:hidden;grid-area:1/1}
.motion-number>[data-count]{grid-area:1/1;font:inherit;letter-spacing:inherit}
.motion-enabled [data-enter]:focus-within{opacity:1;translate:0 0;transition:none}
.motion-enabled .text-link{transition:gap .35s var(--motion-ease),color .25s}
.motion-enabled :is(.book-cover,.media-image,.editorial-image) img{transition:transform .65s var(--motion-ease)}
.motion-enabled :is(.text-link>[aria-hidden],.post-links b,.explore-links [aria-hidden]){transition:translate .35s var(--motion-ease)}
@media(hover:hover) and (pointer:fine){
  .motion-enabled .text-link:hover>[aria-hidden],.motion-enabled .post-links a:hover b,.motion-enabled .explore-links a:hover [aria-hidden]{translate:3px -3px}
}
@media(hover:none){
  .motion-enabled .button:active{transform:translateY(1px)}
  .motion-enabled .text-link:active{color:var(--red)}
}
body.motion-off :is(.button,.book-cover img,.app-card,.pref-grid a,.resource-visual>a){transform:none!important;translate:none!important}
@media(prefers-reduced-motion:reduce){
  :is(.button,.book-cover img,.app-card,.pref-grid a,.resource-visual>a){transform:none!important;translate:none!important}
}