.hero{position:relative;width:100%;height:100svh;overflow:hidden;filter:url(#goo)}canvas{position:absolute;z-index:10;border:.8rem solid transparent;border-radius:2rem;position:relative}.hero-footer{position:absolute;bottom:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-end;z-index:10}.hero-content-headertext{position:absolute;left:0;bottom:6rem;width:100%;text-align:center;z-index:10}.hero-content-headertext h1{color:var(--base-200);font-size:5rem;margin:0;word-spacing:.3rem;letter-spacing:.03rem}.hero-footer p{color:var(--base-200);padding:.5rem 1.5rem;font-size:1rem;margin:0 5rem;font-weight:500;display:inline-block;border-radius:50px;border:1px solid var(--base-200)}.hero-footer p:nth-child(1){background-color:var(--base-400);opacity:.8}.hero-footer p:nth-child(2){background-color:var(--base-400);opacity:.8}.hero.hero-observatory{height:100svh}.hero.hero-observatory .hero-container .hero-img-container .hero-img{object-fit:cover;width:100%;height:100%}.hero.hero-observatory .hero-container .hero-img-container .hero-img-gradient{background:#000;background:linear-gradient(0deg,#00000040,#0000);z-index:1}.hero.hero-observatory .hero-container .hero-content .container{color:var(--base-100)}.anime-text-container{position:relative;width:100vw;height:100svh;overflow:hidden}.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:60%}.anime-text-container .anime-text p{color:var(--base-200);text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:900;line-height:1}.symbols-container{position:absolute;top:2rem;z-index:20}.symbols-container:first-child{left:2rem}.symbols-container:last-child{right:2rem}.symbols-container .symbol{display:flex;align-items:center;gap:10px}.symbols-container .symbol img{width:auto;height:auto;max-width:20px}.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(--base-500)}.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(--accent3)}.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(--accent2)}.anime-text-container .anime-text .word span.keyword.products:before,.anime-text-container .anime-text .word span.keyword.launches:before,.anime-text-container .anime-text .word span.keyword.storefronts:before{background-color:var(--base-500)}.anime-text-container .anime-text .word span.keyword.experiments:before,.anime-text-container .anime-text .word span.keyword.precision:before,.anime-text-container .anime-text .word span.keyword.strategy:before{background-color:var(--accent3)}.anime-text-container .anime-text .word span.keyword.purpose:before,.anime-text-container .anime-text .word span.keyword.intent:before,.anime-text-container .anime-text .word span.keyword.convert:before{background-color:var(--accent2)}.anime-text-container .anime-text .word,.anime-text-container .anime-text .word span{opacity:0}.home-spotlight-bottom-bar{position:absolute;bottom:2rem;width:100%;z-index:20;pointer-events:none}.home-spotlight-bottom-bar .container{display:flex;justify-content:space-between;align-items:flex-end;padding:0 2rem;width:100%}.home-spotlight-bottom-bar .container p{margin:0;pointer-events:auto}.home-spotlight-bottom-bar .container p:first-child{text-align:left}.home-spotlight-bottom-bar .container p:last-child{text-align:right}.about-skills{position:relative;width:100vw;height:100svh;overflow:hidden;color:var(--base-100)}.about-skills .container{display:flex;gap:2rem;height:100%}.about-skills-col{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.about-skills-col .text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin-top:30%}.about-skills-col .text h3{width:80%;text-align:center;padding:0;line-height:1.2}.object-container{position:absolute;top:5%;left:0;width:100%;height:95%;background-color:var(--base-400);border:2px solid var(--base-300);border-radius:25px;overflow:hidden}.object-container .object{position:absolute;width:max-content;font-size:2rem;font-weight:500;color:var(--base-100);padding:1rem 3rem;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;border-radius:9999px}.object-container .os-1{background-color:var(--base-500)}.object-container .os-2{background-color:var(--accent4)}.object-container .os-3{background-color:var(--accent3)}@media(max-width:1000px){.hero-content-headertext{bottom:8rem}.hero-content-headertext h1{color:var(--base-100);font-size:2.5rem;margin:0;word-spacing:.3rem;letter-spacing:.03rem}.about-skills .container{flex-direction:column}.about-skills-col .text h3{width:100%}.skills-playground{flex:2}.about-skills-col .text{margin-top:0}.object-container .object{font-size:.75rem;padding:.75rem 1.5rem;border-radius:9999px}.hero{clip-path:none}canvas{clip-path:none;border:1rem solid transparent;border-radius:2.5rem;position:relative}.hero-footer p{padding:.3rem 1rem;font-size:.6rem;margin:0;font-weight:300;display:inline-block;border-radius:50px;border:1px solid var(--base-200)}.anime-text-container .copy-container h1{width:90%;font-size:2rem}.anime-text-container .anime-text{width:100%}.anime-text-container .anime-text p{font-size:1.3rem}.anime-text-container .anime-text .word{margin-right:.1rem;margin-bottom:.15rem;padding:.05rem .125rem}.anime-text-container .anime-text .word.keyword-wrapper{margin:0 .2rem .1rem .1rem}.anime-text-container .anime-text .word span.keyword:before{width:calc(100% + .35rem);height:calc(100% + .075rem)}.symbols-container{display:none}}@media(max-width:500px)and (min-width:381px){.hero-content-headertext h1{font-size:2.5rem}.copy-container .anime-text p{font-size:1.05rem;font-weight:600}}@media(min-width:361px)and (max-width:380px){.hero-content-headertext h1{font-size:2.5rem}.copy-container .anime-text p{font-size:1rem;font-weight:600}}