.home .about-section{position:relative;isolation:isolate;--curiosity-x:78%;--curiosity-y:36%}
.home .about-section:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--curiosity-x) var(--curiosity-y),#50e0c11c,transparent 48%),radial-gradient(ellipse at 5% 80%,#4273e810,transparent 45%)}
.home .about-section:after{content:'';position:absolute;inset:15px 0;z-index:-1;pointer-events:none;background-image:radial-gradient(#20786745 .85px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse 280px 240px at var(--curiosity-x) var(--curiosity-y),#0009,transparent);opacity:.65}
.home .about-section .thought-signal{border-radius:50px;background:#e0f1ee;border-color:#a5cfc5;box-shadow:0 8px 25px #1675630a;transition:transform .4s,background .4s}
.home .about-section .thought-signal:hover{transform:rotate(4deg) scale(1.06);background:#cdf3e8}
.home .about-section .thought-signal i{transform-origin:center;animation:none}
.home .about-section.curiosity-enter .thought-signal i{animation:curiosity-wave .8s ease-in-out 4 alternate;animation-delay:calc(var(--bar,0) * 80ms)}
.home .about-section .thought-signal i:nth-child(2){--bar:1}
.home .about-section .thought-signal i:nth-child(3){--bar:2}
.home .about-section .thought-signal i:nth-child(4){--bar:3}
.home .about-section .thought-signal i:nth-child(5){--bar:4}
.home .about-section .about-copy blockquote{position:relative;border-top:0;padding:30px 0 0}
.home .about-section .about-copy blockquote:before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;transform-origin:left;background:linear-gradient(90deg,#207867,#50e0c1 40%,#4273e840 75%,transparent)}
.home .about-section.curiosity-enter .about-copy>p{animation:curiosity-rise .8s both}
.home .about-section.curiosity-enter .about-copy>p:nth-child(2){animation-delay:.12s}
.home .about-section.curiosity-enter .about-copy>p:nth-child(3){animation-delay:.24s}
.home .about-section.curiosity-enter blockquote:before{animation:curiosity-line 1.2s .3s both}
.home .about-section.curiosity-enter blockquote{animation:curiosity-rise .8s .35s both}
@keyframes curiosity-wave{from{transform:scaleY(.45)}to{transform:scaleY(1.12)}}
@keyframes curiosity-rise{from{opacity:.2;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes curiosity-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.home .about-section:after{background-size:18px 18px;opacity:.35}.home .about-section .about-copy blockquote{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.home .about-section *,.home .about-section *:before{animation:none!important;transition:none!important}}
