@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--baseline-font: 16px;--font-family-base: "Roboto", sans-serif;--content-width: 1024px;--white: #f5f5f7;--black: #00081d;--bento-bg: #00112b;--gray: #86909b;--orange: #e33a00;--light-orange: #ffaf76;--light-blue: #0b4c92;--dark-blue: #001e44;--pale-blue: #0d2e55;--inset-gutter: 20px}@media(max-width:320px){:root{--inset-gutter: 15px}}@supports (color: oklch(0% 0 0)){:root{--black: oklch(.14 .05 255);--bento-bg: oklch(.18 .06 255);--gray: oklch(.65 .02 250);--light-blue: oklch(.42 .13 255);--pale-blue: oklch(.3 .08 255)}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background-color:var(--black);background-image:linear-gradient(180deg,#00081d,#00112b 50%,#0d2e55 75%,#0b4c92 90%,#4d7098,#86909b);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-family:var(--font-family-base);font-size:var(--baseline-font);margin:0;overflow-x:clip}.section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.section-content{max-width:var(--content-width);padding:0 15px}.roll-link{color:currentColor;display:inline-flex;text-decoration:none;position:relative;overflow:clip}.roll-link:active .hidden,.roll-link:focus-visible .hidden{color:var(--orange)}.roll-link .hidden{position:absolute;top:100%;left:0}.copy{font-size:17px;font-weight:400;margin:0;overflow:hidden;text-wrap:pretty}.copy .copy-gray{color:var(--gray);will-change:transform,opacity}.copy .roll-link{--bg-width: 100%;--hover-color: var(--light-orange)}.copy .roll-link:before{background:linear-gradient(var(--orange) 0 0) 0 100%/var(--bg-width) 3px no-repeat;content:"";position:absolute;left:0;bottom:0;height:3px;width:100%}@media(hover:hover){.copy .roll-link{--bg-width: 1ch}.copy .roll-link:before{transition:background-size 1s ease .5s}}@media(hover:hover)and (prefers-reduced-motion){.copy .roll-link:before{transition:none}}@media(hover:hover){.copy .roll-link:hover{--bg-width: 100%}.copy .roll-link:hover:before{transition-delay:0s}}@media(hover:hover)and (prefers-reduced-motion){.copy .roll-link{--bg-width: 100%;transition:none}}.copy-super{display:block;font-size:4.7rem}.anim-emoji{display:inline-block}.copyright{color:var(--black);font-size:12px;z-index:1}.button{--hover-color: #0079e5;background-color:var(--bento-bg);background:radial-gradient(ellipse at center,var(--bento-bg) 0%,oklch(.24 .08 255) 63%,var(--pale-blue) 100%);border-radius:100px;box-shadow:0 1px 8px var(--light-blue);color:currentColor;display:inline-block;font-size:18px;font-weight:500;padding:9px 15px;position:relative;text-decoration:none;overflow:clip;transition:box-shadow 1s ease-out;perspective:100px}@media(prefers-reduced-motion){.button{transition:none}}@media(hover:hover){.button:hover{will-change:box-shadow;box-shadow:0 5px 25px var(--light-blue)}}.button .visible{position:relative;z-index:1}.button .hidden{right:0;text-align:center}.bento-grid{display:grid;grid-gap:3px;grid-template-columns:repeat(12,minmax(0,1fr));perspective:1000px}.bento-grid .bento{border-radius:18px;grid-column:span 12;padding:30px 20px}@media(min-width:769px){.bento-grid .bento{padding:48px 40px}}.bento-grid .bento:not(.bento-nav){background-color:var(--bento-bg);background-image:url(/noise.png),radial-gradient(ellipse at var(--x) var(--y),var(--light-blue),transparent),radial-gradient(ellipse at var(--x) var(--y),transparent,var(--bento-bg))}.bento-grid .bento-copy{font-size:32px}@media(min-width:481px){.bento-grid .bento-copy{font-size:35px}}@media(min-width:1025px){.bento-grid .bento-copy{font-size:40px}}header{position:sticky;top:0;display:flex;z-index:1}header #morph-container{position:absolute;box-sizing:border-box;perspective:800px}header #morph-svg{width:50px;height:64px;overflow:visible}header #shape-group{transform-origin:center center;transform-style:preserve-3d}header #shape-path{fill:var(--white);stroke:var(--white);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.section-hero{position:sticky;top:0}.section-hero .hero-headline{font-size:40px;margin:0 auto;color:var(--white);text-transform:uppercase}@media(min-width:481px){.section-hero .hero-headline{font-size:min(10vw,118px)}}.section-hero .hero-headline .word,.section-hero .hero-headline .char{perspective:400px;transform-style:preserve-3d;will-change:transform}.section-hero .hero-headline .gradient-word,.section-hero .hero-headline .color-in-word{font-weight:400}.section-about{min-height:100vh;overflow:clip;width:100%}.section-about .about-content{--content-width: 450px;padding-bottom:18vh;position:relative;width:100%}@media(min-width:769px){.section-about .about-content{--content-width: 900px}}.section-about .about-grid .bento-intro{--translate: -20px;--x: 15%;--y: 30%}@media(min-width:769px){.section-about .about-grid .bento-intro{grid-column:span 5}}.section-about .about-grid .bento-intro .copy-super{font-size:110px}.section-about .about-grid .bento-services{--translate: 20px;--x: 60%;--y: 70%}@media(min-width:769px){.section-about .about-grid .bento-services{grid-column:span 7}}@media(min-width:769px){.section-about .about-grid .bento-resume{grid-column:span 6}}.section-about .about-grid .bento-resume.resume-1{--translate: -20px;--x: 50%;--y: 50%;box-shadow:0 8px 20px -12px var(--black);z-index:1}.section-about .about-grid .bento-resume.resume-2{--translate: 20px;--x: 85%;--y: 40%;box-shadow:0 8px 20px -12px var(--black);z-index:1}.section-about .about-grid .bento-resume .copy-super{font-weight:500}.section-about .about-grid .bento-resume .countdown{font-size:4.7rem;text-align:center;width:4.7rem;line-height:1}.section-about .about-grid .bento-clients{--translate: -60px;--x: 40%;--y: 65%}.section-about .about-grid .bento-currently{--translate: 20px;--x: 30%;--y: 55%;z-index:1}@media(min-width:769px){.section-about .about-grid .bento-currently{--translate: -20px;grid-column:span 6}}.section-about .about-grid .bento-currently .anim-gears{position:relative;height:125px;width:192px;margin-top:16px;margin-left:auto}.section-about .about-grid .bento-currently .anim-gear{position:absolute}.section-about .about-grid .bento-currently .anim-gear:nth-child(2){top:34px;left:58px}.section-about .about-grid .bento-currently .anim-gear:nth-child(3){left:116px}.section-about .about-grid .bento-fun{--translate: -20px;--x: 75%;--y: 45%;z-index:1}@media(min-width:769px){.section-about .about-grid .bento-fun{--translate: 20px;grid-column:span 6}}.section-about .about-grid .bento-fun .anim-camera{isolation:isolate;position:relative;cursor:pointer}.section-about .about-grid .bento-fun .anim-flash{mix-blend-mode:lighten;position:absolute;top:-19px;left:2px}.section-about .about-grid .bento-contact{--translate: -60px;--x: 45%;--y: 35%}.section-about .about-grid .bento-contact .button{margin-top:20px;padding:18px 26px}@media(min-width:769px){.section-about .about-grid .bento-contact .button{font-size:22px;margin-top:36px;padding:24px 30px}}.section-about .about-grid .bento-contact .roll-link .hidden{color:#0b4c92}.section-about .social-nav{display:flex;justify-content:flex-end}.section-about .social-nav .social-nav-item-list{display:flex;column-gap:10px;grid-template-columns:repeat(4,1fr);justify-content:space-between;list-style-type:none;margin-block:0;padding-inline-start:0}.section-about .social-nav .social-nav-item-list .social-nav-link{--translate: -15px;display:flex;justify-content:center;padding-block:16px;margin-top:72px}.section-about .social-nav .social-nav-item-list .icon-copy{font-size:0;position:absolute;visibility:hidden}.section-about .social-nav .social-nav-item-list .icon-svg{font-size:18px}