/* Each chapter has its own interaction; no typography, layout or scene replacement. */
[data-creative]{position:relative;outline:none}
[data-creative]:focus-visible{outline:1px dashed currentColor;outline-offset:10px}
[data-creative=liquid]{filter:var(--liquid-filter)}
.personal-liquid-filter{position:absolute;width:0;height:0;pointer-events:none;overflow:hidden}
.personal-magnetic-letter{display:inline-block;white-space:pre;transition:translate .1s linear,rotate .12s linear}
[data-creative=prism]{text-shadow:calc(-1 * var(--prism-shift,0px)) var(--prism-angle,0px) #ec799888,var(--prism-shift,0px) calc(-1 * var(--prism-angle,0px)) #4bc9c688}
.personal-lettering-canvas{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);pointer-events:none;z-index:2}
#home-featured-title-wrapper{overflow:visible}
#home-reel-video-watch-btn::after{content:'';position:absolute;inset:-12px;border:1px dashed currentColor;border-radius:50%;opacity:0;rotate:-35deg;scale:.85;transition:opacity .4s,rotate .7s,scale .5s;pointer-events:none}
#home-reel-video-watch-btn:is(:hover,:focus-visible)::after{opacity:.5;rotate:35deg;scale:1}
.about-capability-list-item{position:relative;transition:color .3s}
.about-capability-list-item::after{content:'';position:absolute;left:0;bottom:0;height:1px;background:currentColor;width:0;transition:width .6s cubic-bezier(.22,1,.36,1)}
.about-capability-card:is(:hover,:focus-within) .about-capability-list-item::after{width:100%}
.about-capability-card .about-capability-list-item:nth-child(2)::after{transition-delay:.08s}
.about-capability-card .about-capability-list-item:nth-child(3)::after{transition-delay:.16s}
.about-capability-card .about-capability-list-item:nth-child(4)::after{transition-delay:.24s}
.about-capability-card .about-capability-list-item:nth-child(5)::after{transition-delay:.32s}
@media(prefers-reduced-motion:reduce){[data-creative=liquid]{filter:none}[data-creative=prism]{text-shadow:none}.personal-lettering-canvas{display:none}.personal-magnetic-letter{translate:none!important;rotate:none!important;transition:none}#home-reel-video-watch-btn::after{display:none}.about-capability-list-item::after{transition:none}}

/* A reading bookmark follows actual wrapped lines without shifting paragraph layout. */
[data-creative=reading]{isolation:isolate}
[data-creative=reading]::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-10px;right:-10px;top:calc(var(--reading-y,0px) - 2px);height:calc(var(--reading-height,24px) + 4px);border-left:2px solid #7560ee;background:linear-gradient(100deg,#7560ee1f,#7560ee08 75%,transparent);border-radius:0 8px 8px 0;opacity:var(--reading-strength,0);transform:skewY(-.6deg);transition:top .28s cubic-bezier(.22,1,.36,1),height .25s}
.personal-reading-letter{display:inline-block;white-space:pre;transition:translate .16s,color .25s}
.personal-reading-focus{color:#584891}
@media(prefers-reduced-motion:reduce){[data-creative=reading]::before{display:none}.personal-reading-letter{transition:none;translate:none!important;color:inherit!important}}

/* Space chapter: fractured time, distinct from the other lettering treatments. */
#home-goal-tunnel-title[data-creative=time]{letter-spacing:.035em;font-weight:400;pointer-events:auto}
#home-goal-tunnel-title .home-goal-tunnel-title-line>span{pointer-events:auto}
.personal-time-letter{display:inline-block;position:relative;color:transparent;white-space:pre;translate:0 var(--time-drift,0px)}
.personal-time-letter::before,.personal-time-letter::after{content:attr(data-glyph);position:absolute;inset:0;color:#fff;pointer-events:none;transition:transform .16s linear}
.personal-time-letter::before{clip-path:polygon(0 0,100% 0,100% 46%,0 46%);transform:translateX(calc(-.025em - .11em * var(--time-slice,0))) skewX(-7deg);text-shadow:.035em 0 #c0a9ed44}
.personal-time-letter::after{clip-path:polygon(0 43%,100% 43%,100% 100%,0 100%);transform:translateX(calc(.025em + .13em * var(--time-slice,0))) skewX(4deg);text-shadow:-.035em 0 #62dfce33}
.personal-time-letter:nth-child(3n+1){rotate:-3deg}
.personal-time-letter:nth-child(3n+2){rotate:2deg}
.personal-time-letter:nth-child(4n)::before{clip-path:polygon(0 0,100% 0,100% 60%,0 60%)}
.personal-time-letter:nth-child(4n)::after{clip-path:polygon(0 57%,100% 57%,100% 100%,0 100%)}
@media(prefers-reduced-motion:reduce){.personal-time-letter{translate:none!important}.personal-time-letter::before,.personal-time-letter::after{transition:none;transform:none;text-shadow:none}}