.about-hero{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--base-100)}.about-hero #vanta-background{display:none}.about-hero .about-hero-img{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.about-hero .about-hero-img img{display:block;width:auto;height:auto;max-width:min(72vw,760px);max-height:82svh;object-fit:contain;border-radius:22px}.about-hero .about-header{position:absolute;bottom:2.75rem;left:50%;transform:translate(-50%);width:60%;text-align:center}.about-hero .about-header h2{color:var(--base-100);text-shadow:0 8px 28px rgba(20,61,91,.85)}.anime-text-container{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:transparent}.anime-text-container .copy-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.anime-text-container .anime-text{width:min(900px,82%)}.anime-text-container .anime-text p{color:var(--base-300);text-align:center;margin-bottom:1.45rem;font-size:clamp(1.65rem,2vw,2.05rem);font-weight:800;line-height:1.12;letter-spacing:-.02rem}.anime-text-container .anime-text .word{display:inline-block;position:relative;margin-right:.2rem;margin-bottom:.2rem;padding:.1rem .2rem;border-radius:8px;will-change:background-color,opacity}.anime-text-container .anime-text .word.keyword-wrapper{margin:0 .4rem .2rem .2rem}.anime-text-container .anime-text .word span{position:relative}.anime-text-container .anime-text .word span.keyword{border-radius:2rem;display:inline-block;width:100%;height:100%;padding:.1rem 0;color:var(--base-300)}.anime-text-container .anime-text .word span.keyword:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 1rem);height:calc(100% + .1rem);background-color:var(--base-300);border-radius:8px;z-index:-1;border:1px dashed var(--base-300)}.anime-text-container .anime-text .word span.keyword.corner:before,.anime-text-container .anime-text .word span.keyword.learnings:before,.anime-text-container .anime-text .word span.keyword.deploy:before{background-color:var(--accent-1)}.anime-text-container .anime-text .word span.keyword.scroll:before,.anime-text-container .anime-text .word span.keyword.rhythm:before,.anime-text-container .anime-text .word span.keyword.caffeine:before{background-color:var(--accent-2)}.anime-text-container .anime-text .word span.keyword.archive:before,.anime-text-container .anime-text .word span.keyword.detail:before,.anime-text-container .anime-text .word span.keyword.messing:before{background-color:var(--accent-3)}.anime-text-container .anime-text .word,.anime-text-container .anime-text .word span{opacity:0}.about-skills{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:transparent;color:var(--base-300)}.anime-text-container>.home-spotlight-top-bar,.anime-text-container>.home-spotlight-bottom-bar,.about-skills .symbols-container,.about-sticky-cards>.home-spotlight-top-bar,.about-sticky-cards>.home-spotlight-bottom-bar{display:none}.about-skills .container{display:flex;gap:2rem;align-items:center}.about-skills .about-skills-col{position:relative;width:100%;height:100%;border-radius:16px}.about-skills .about-skills-col:nth-child(1){flex:1.45;display:flex;flex-direction:column;justify-content:center}.about-skills .about-skills-col:nth-child(2){flex:.85}.about-skills .about-skills-col:nth-child(1) h3{width:100%}.about-skills .about-skills-col .object-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#143d5b;border:1px dashed var(--base-secondary-fade);border-radius:16px}.about-skills .object-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.about-skills .object-container .object{position:absolute;width:max-content;font-size:2rem;font-weight:500;background-color:var(--base-100);color:var(--base-300);padding:2rem 4rem;border-radius:10px;-webkit-user-select:none;user-select:none;pointer-events:auto;z-index:2;border:2px solid #143D5B}.about-skills .object-container .os-1{background-color:var(--accent-1)}.about-skills .object-container .os-2{background-color:var(--accent-2)}.about-skills .object-container .os-3{background-color:var(--accent-3)}.about-skills-copy-wrapper{display:flex;flex-direction:column;gap:1.25rem;transform:translateY(-2svh)}.about-section-copy{width:92%;margin-top:1rem;color:var(--base-secondary-dark);font-size:1.08rem;line-height:1.28}.about-sticky-cards{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:transparent;color:var(--base-300)}.about-sticky-cards .sticky-cards-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46%;text-align:center;z-index:1}.about-sticky-cards .sticky-cards-header p.mono{margin-bottom:1rem}.about-sticky-cards .sticky-cards-header .about-section-copy{width:90%;margin:1.5rem auto 0}.about-sticky-cards>.home-spotlight-bottom-bar{display:none}.about-outro-copy{width:min(760px,90vw);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.about-outro-copy p:not(.mono){width:85%;color:var(--base-secondary-dark);font-size:1.2rem;line-height:1.35}.about-sticky-cards .gallery-card{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);will-change:transform;width:fit-content;height:auto;padding:.28rem;display:flex;flex-direction:column;gap:0;border-radius:14px;background-color:var(--base-300);color:var(--base-100);z-index:4}.about-sticky-cards .gallery-card:nth-of-type(2n){width:fit-content}.about-sticky-cards .gallery-card-img{flex:1 1 100%;min-height:0;width:fit-content;height:auto;border-radius:8px;overflow:hidden}.about-sticky-cards .gallery-card-img img{display:block;width:clamp(220px,34vw,520px);height:auto;max-width:none;object-fit:contain;background-color:var(--base-300)}.about-sticky-cards .gallery-card-content{flex:0 0 auto;display:flex;align-items:center}.about-sticky-cards .gallery-card-content p.mono{font-size:.8rem}@keyframes aboutMobileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-.4rem)}}