.skills{margin-bottom:180px}.skills .skills-logos .skills-row-wrapper{margin-bottom:24px;position:relative}.skills .skills-logos .skills-row-wrapper:before,.skills .skills-logos .skills-row-wrapper:after{content:"";z-index:2;pointer-events:none;touch-action:none;width:200px;height:100%;transition:all .4s;position:absolute;top:0}.skills .skills-logos .skills-row-wrapper:before{background:linear-gradient(to right, var(--color-background), transparent);left:0}.skills .skills-logos .skills-row-wrapper:after{background:linear-gradient(to right, transparent, var(--color-background));right:0}.skills .skills-logos .skills-row{display:flex}.skills .skills-logos .skills-row .skill-logo{background-color:var(--color-border);border-radius:16px;width:80px;height:80px;margin-right:24px}.skills .skills-note-wrapper{justify-content:center;align-items:flex-end;column-gap:12px;width:100%;margin-top:24px;display:flex}.skills .skills-note-wrapper .contact-arrow{width:48px;height:100px}.skills .skills-note-wrapper .contact-arrow path{fill:var(--color-foreground)}.skills .skills-note-wrapper .skills-note{max-width:500px;margin-bottom:-24px;font-size:14px;line-height:112%}@media screen and (max-width:960px){.skills .skills-logos .skills-row-wrapper{margin-bottom:16px}.skills .skills-logos .skills-row-wrapper:before,.skills .skills-logos .skills-row-wrapper:after{width:112px}.skills .skills-logos .skills-row-wrapper .skills-row .skill-logo{width:56px;height:56px;margin-right:16px}.skills .skills-note-wrapper .contact-arrow{width:24px;height:56px}.skills .skills-note-wrapper .skills-note{max-width:72%;margin-bottom:-56px}}
.home .hero{flex-direction:column;justify-content:center;align-items:center;gap:48px;height:100vh;display:flex}.home .hero .introduction{text-align:center;margin-top:-80px;font-size:20px;line-height:140%}.home .hero .introduction p .highlight{z-index:2;display:inline-block;position:relative}.home .hero .introduction p .highlight:before{content:"";z-index:-1;transform-origin:0;background-color:#91ffd14d;border-radius:4px;width:101%;height:100%;transition:transform .4s cubic-bezier(0,.19,.15,1);position:absolute;top:2px;left:-1px;transform:skew(-8deg)scaleX(0)}.home .hero .introduction p .highlight.delayed:before{transition-delay:.1s}.home .hero .introduction:hover p .highlight:before{transform:skew(-8deg)scaleX(1)}.home .hero .contact-button-wrapper{position:relative}.home .hero .contact-button-wrapper .contact-arrow{width:26px;height:30px;position:absolute;top:6px;right:-40px}.home .hero .contact-button-wrapper .contact-arrow path{fill:var(--color-foreground)}.home .hero .contact-button-wrapper .contact-note{width:112px;height:48px;font-size:14px;line-height:112%;position:absolute;top:48px;right:-140px}.home .catchy-text{flex-direction:column;justify-content:center;align-items:center;margin-top:-160px;margin-bottom:120px;display:flex}.home .catchy-text .sub-text{-webkit-text-stroke:1px var(--color-foreground);color:var(--color-foreground);letter-spacing:-3px;opacity:.4;text-align:center;font-size:9.5vw;line-height:100%;transition:all .6s}.home .catchy-text .sub-text:hover{color:#0000;letter-spacing:8px}.home .catchy-text .hero-text{-webkit-text-stroke:1px var(--color-foreground);color:var(--color-foreground);letter-spacing:-9px;text-align:center;margin-top:-8vw;font-size:20vw;line-height:100%;transition:all .6s}.home .catchy-text .hero-text:hover{color:#0000;letter-spacing:-20px}.home .intro-blurb{flex-direction:column;align-items:center;margin-bottom:120px;display:flex}.home .intro-blurb .intro-blurb-text{text-align:center;max-width:500px;font-size:20px;font-weight:300;line-height:140%}.home .contact-callback{justify-content:center;margin-bottom:160px;display:flex}@media screen and (max-width:960px){.home .hero .introduction{margin-top:-56px;line-height:120%}.home .hero .introduction p .highlight:before{content:none}.home .hero .contact-button-wrapper .contact-arrow,.home .hero .contact-button-wrapper .contact-note{display:none}.home .catchy-text{width:100vw;margin:-160px -24px 120px -16px}.home .catchy-text .sub-text{letter-spacing:0;font-size:11vw}.home .catchy-text .sub-text:hover{color:var(--color-foreground);letter-spacing:0}.home .catchy-text .hero-text{letter-spacing:-4px;margin-top:-5vw;font-size:32vw;line-height:56%}.home .catchy-text .hero-text:hover{color:var(--color-foreground);letter-spacing:-4px}.home .intro-blurb{margin-bottom:80px}.home .intro-blurb .intro-blurb-text{font-size:18px}}