/* User-owned EvolveIT / i3 interaction systems adapted to PCAA identity */
html{scroll-padding-top:88px}
.evo-word-mask{display:inline-block;vertical-align:baseline;overflow:hidden;line-height:1.09;padding-bottom:.075em;margin-bottom:-.075em}
.evo-word-inner{display:inline-block;will-change:transform,opacity}
html.evo-typography-ready:not(.evo-type-entered) .evo-word-inner{transform:translate3d(0,115%,0);opacity:0}
html.evo-typography-ready.evo-type-entered .evo-word-inner{transform:translate3d(0,0,0);opacity:1;transition:transform 1.23s cubic-bezier(.16,1,.3,1),opacity .55s;transition-delay:calc(var(--word-delay,0)*95ms)}
#hero-ambient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:.87;mix-blend-mode:screen}
.hero-visual.fullbleed-photo{background:#123d2b url('/assets/campuses/tsinghua.webp') center / cover no-repeat}
.hero-visual.fullbleed-photo #hero-image{opacity:1!important;visibility:visible!important}
.hero .hero-copy{isolation:isolate}
.hero .hero-actions{margin-top:4px;row-gap:12px}
.hero-actions a{flex-shrink:0;line-height:1.25;text-align:center}
.hero .hero-actions .secondary-link{border-radius:4px!important;border:1px solid #d7eed98c!important;padding:17px 21px!important;text-decoration:none!important;background:rgba(0,43,26,.48)!important}
.hero .hero-actions .primary-link{padding:17px 22px!important}
.i3-marquee{overflow:hidden!important;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.i3-marquee-track{display:flex!important;align-items:center;width:max-content;gap:0!important;animation:pcaa-i3-marquee 26s linear infinite!important}
.i3-marquee-unit{display:block;flex:0 0 auto;white-space:nowrap;padding-right:2.2em}
@keyframes pcaa-i3-marquee{to{transform:translate3d(-50%,0,0)}}
.i3-marquee:hover .i3-marquee-track{animation-play-state:paused}
.evo-reveal{transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity .9s,clip-path 1.3s cubic-bezier(.16,1,.3,1)}
.evo-reveal:not(.evo-in-view){opacity:.28;transform:translate3d(0,30px,0);clip-path:inset(0 0 16% 0 round 1px)}
.evo-reveal.evo-in-view{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 1px)}
.journal-card,.i3-case,.member-card-photo{--case-x:50%;--case-y:50%;isolation:isolate}
.journal-card:after,.i3-case:after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle 210px at var(--case-x) var(--case-y),rgba(255,255,255,.13),transparent 87%);mix-blend-mode:screen;opacity:0;transition:opacity .45s}
.journal-card:hover:after,.i3-case:hover:after{opacity:1}
.i3-case img,.journal-media img{transition:transform .9s cubic-bezier(.16,1,.3,1),filter .8s ease!important}
.i3-case:hover img,.journal-card:hover img{transform:scale(1.095) rotate(.25deg)!important;filter:saturate(1.13) contrast(1.06)}
.i3-network-band strong{font-variant-numeric:tabular-nums}
.voices-panels blockquote{cursor:pointer}
.voices-panels blockquote:focus-visible{outline:2px solid #b51c39;outline-offset:4px}
.evo-book-progress{position:absolute;top:-38px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:18px;font:10px var(--mono);color:#ecd9ce}
.evo-book-progress strong{font-family:var(--display);font-size:clamp(22px,4vw,45px);font-weight:800;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.evo-book-dots{display:flex;align-items:center;gap:clamp(8px,2vw,28px)}
.evo-book-dots span{font-size:8px;letter-spacing:.09em;opacity:.45;display:flex;align-items:center;gap:7px;transition:opacity .4s,color .4s;white-space:nowrap}
.evo-book-dots span:before{content:'';width:6px;height:6px;border:1px solid #e2d4bc;display:inline-block;border-radius:50%;transition:background .4s,box-shadow .4s}
.evo-book-dots span.active{opacity:1;color:#fff}
.evo-book-dots span.active:before{background:#b51c39;box-shadow:0 0 0 4px #b51c3933}
.story-book-shell{padding-top:25px}
.site-header.scrolling .nav-shell{box-shadow:0 22px 70px rgba(0,13,7,.5);background:rgba(1,42,26,.88)}
@media(max-width:680px){.evo-book-progress{top:-20px;gap:6px}.evo-book-dots{gap:7px}.evo-book-dots span{font-size:6px;letter-spacing:0;gap:3px}.evo-book-dots span:before{width:4px;height:4px}.evo-book-progress strong{font-size:22px}.hero .hero-actions{width:100%;max-width:95%}.hero .hero-actions a{font-size:9px!important;padding:13px 12px!important;flex-shrink:0}.story-book-shell{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.evo-word-inner{transform:none!important;opacity:1!important;transition:none!important}.evo-reveal{opacity:1!important;transform:none!important;clip-path:none!important}.i3-marquee-track{animation:none!important}#hero-ambient{display:none}}

/* Original i3 video-on-hover and reverse-on-leave interaction. */
.i3-reversible-video{position:relative;isolation:isolate}
.i3-rewind-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;pointer-events:none;transition:opacity .35s ease}
.i3-reversible-video:hover .i3-rewind-video,.i3-reversible-video:focus-within .i3-rewind-video{opacity:1}
.i3-reversible-video img{position:relative;z-index:0}
@media (prefers-reduced-motion:reduce){.i3-rewind-video{display:none}}