@keyframes iconFadeIn{0%{transform:translate(0);opacity:0}50%{transform:translate(0,-6px);opacity:var(--opacity-white)}100%{transform:translate(0);opacity:var(--opacity-white)}}@keyframes iconFadeIn{0%{transform:translate(0);opacity:0}50%{transform:translate(0,-6px);opacity:var(--opacity-white)}100%{transform:translate(0);opacity:var(--opacity-white)}}@keyframes bounceBox{from{transform:translate3d(0,-6.5vw,0)}to{transform:translate3d(0,0,0)}}.bounceBoxAnimation{animation:bounceBox .45s cubic-bezier(.5,.05,1,.5) infinite alternate}@keyframes handWave{0%{transform:rotate(-10.0deg)}10%{transform:rotate(4.0deg)}20%{transform:rotate(-18.0deg)}30%{transform:rotate(4.0deg)}40%{transform:rotate(-14.0deg)}50%{transform:rotate(.0deg)}60%{transform:rotate(-10.0deg)}100%{transform:rotate(-10.0deg)}}.handWaveAnimation{animation:handWave 2.5s ease-out infinite;transform-origin:70% 70%}@keyframes aboutH1Div{0%{transform:translate(0,50%) rotate(15deg)}50%{transform:translate(0,0) rotate(0deg)}100%{transform:translate(0,50%) rotate(0deg)}}.drawAnimation{animation:draw 5s ease-out infinite}@keyframes draw{0%,100%{transform:translate(0,0)}25%{transform:translate(2.5vw,5vw)}50%{transform:translate(13vw,5vw)}75%{transform:translate(1vw,-8vw)}}#scroll-content{height:100%}main{padding-top:0;color:var(--color-text-primary);min-height:unset;height:100%}#soon{height:100%}#soon div{display:flex;position:relative;margin:0;left:0;right:0;height:fit-content}#soon .top,#soon .bottom{height:100%}#soon .middle{flex-direction:column}#soon h2{margin:auto 0;width:100%;text-align:center}#soon p{margin:auto;width:100%;text-align:center}#soon a{margin:auto}#hero{flex:0 0 auto;margin:0 var(--offset-x);min-height:calc(var(--size-vh) - var(--size-header))}#hero .grid .left,#hero .grid .right{flex-direction:row;gap:var(--gap-lg)}#hero .top,#hero .middle,#hero .container{display:flex;position:relative;margin:0;left:0;right:0;height:fit-content}#hero .top{margin:0 0 auto 0}#hero h1{margin:-3dvw -.675dvw 0 -.675dvw;font-variation-settings:var(--font-variation-medium-alt);font-size:15.35dvw;letter-spacing:-1dvw;color:var(--color-background-primary-inverse);transition:all var(--time-normal) ease-out}#hero h1 span{display:inline-block;transition:all var(--time-normal) ease-out;opacity:0;transform:translateY(7.5%)}#hero h1 span:nth-child(7){display:none}#hero h1 span.visible{opacity:1;transform:translateY(0)}#hero .middle{flex-direction:column;height:100%}#hero .middle .grid:nth-of-type(1){margin:auto 0;padding:var(--offset-y) 0;align-items:center}#hero .middle .grid:nth-of-type(2){height:fit-content}#hero .middle .container{flex-direction:column;width:50%;gap:var(--gap-sm)}#featured-video{display:flex;position:relative;width:320px;height:200px;background:var(--color-background-primary);border-radius:var(--radius-xs);transition:var(--transition-time-lazy-out);overflow:hidden;transition:all var(--time-lazy) ease-out;pointer-events:all;opacity:0;transform:translateX(10%)}#featured-video.visible{opacity:1;transform:translateX(0)}#featured-video video{display:flex;position:relative;width:100%;height:100%;object-fit:cover;transition:all var(--time-normal) ease-out;pointer-events:all}#hero .middle .text{display:flex;position:relative;flex-direction:column;width:fit-content;height:fit-content;gap:var(--gap-xxxs);transition:all var(--time-lazy) ease-out;opacity:0;transform:translateX(10%)}#hero .middle .text.visible{opacity:1;transform:translateX(0)}#hero .middle h6,#hero .middle small{width:fit-content;break-inside:avoid;white-space:nowrap}#hero .middle h6 span{display:none}#hero h3{width:fit-content;color:var(--color-text-primary);transition:all var(--time-normal) ease-out;opacity:0;transform:translateY(10%)}#hero h3.visible{opacity:1;transform:translateY(0)}#hero .bottom .container{flex-direction:row;width:50%}#hero .bottom{padding:var(--gap-lg) 0 calc(var(--gap-xl) + var(--gap-sm)) 0}#hero .bottom .left{height:auto}#hero .bottom .left .container{margin:auto 0 0 0;align-items:center;justify-content:space-between}#hero button{transition:all var(--time-normal) var(--cubic-bezier-ease-out-quad);opacity:0;transform:translate(0,var(--gap-sm))!important}#hero button.visible{opacity:1!important;transform:translate(0,0)!important}#hero .bottom h6{transition:all var(--time-normal) ease-out;opacity:0;transform:translateY(10%)}#hero .bottom h6.visible{opacity:1;transform:translateY(0)}#hero p{transition:all var(--time-normal) ease-out;opacity:0;transform:translateY(10%)}#hero p.visible{opacity:1;transform:translateY(0)}#hero p span{padding:0 0 0 var(--offset-x)}#work{display:flex;position:relative;flex-direction:column;margin:0 var(--offset-x);padding:var(--gap-xxl) 0 0 0;left:0;right:0;height:fit-content;gap:var(--offset-x);color:var(--color-text-primary);pointer-events:fill;overflow:hidden}#work .gallery{gap:var(--gap-xxl) var(--gap-lg);grid-template-areas:"one one . two four four . five" "one one three . four four six ." "seven . nine nine . . . ." ". eight nine nine . . . ."}#work .gallery a{display:flex;position:relative;flex-direction:column;width:100%;height:fit-content;gap:var(--gap-sm);text-decoration:none;cursor:pointer;pointer-events:fill;transition:all var(--time-slow) var(--cubic-bezier-ease-out-quad);opacity:0;transform:translateY(10%)}#work .gallery a.visible{opacity:1;transform:translateY(0)}#work .gallery a:nth-child(1){grid-area:one}#work .gallery a:nth-child(2){grid-area:two}#work .gallery a:nth-child(3){grid-area:three}#work .gallery a:nth-child(4){grid-area:four}#work .gallery a:nth-child(5){grid-area:five}#work .gallery a:nth-child(6){grid-area:six}#work .gallery a:nth-child(7){grid-area:seven}#work .gallery a:nth-child(8){grid-area:eight}#work .gallery a:nth-child(9){grid-area:nine}#work .gallery a .text,#work .gallery a .text div{display:flex;position:relative;margin:0;left:0;right:0;height:fit-content}#work .gallery a .text{flex-direction:column;margin:0 var(--gap-xxxs);gap:var(--gap-md);transition:all var(--time-normal) var(--cubic-bezier-ease-out-quad)}#work .gallery a h5{color:var(--color-text-primary);line-height:100%}#work .gallery a small{color:var(--color-text-primary)}#work .gallery a .text div{flex-direction:row;justify-content:space-between}#work .gallery a .cover{display:flex;flex:0 0 auto;position:relative;margin:0;left:0;right:0;height:calc(var(--size-card-md) - (var(--gap-lg) * 1.5));border-radius:var(--radius-xs);background:var(--color-fill-quaternary);overflow:hidden;transition:all var(--time-normal) var(--cubic-bezier-ease-out-quad)}#work .gallery a:nth-child(1) .cover,#work .gallery a:nth-child(4) .cover,#work .gallery a:nth-child(9) .cover{height:calc((var(--size-card-md) * 2) - (var(--gap-xxl) / 2))}#work .gallery a .cover img,#work .gallery a .cover video{display:flex;flex:0 0 auto;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.1) brightness(.95) contrast(.95);opacity:1;transition:all var(--time-lazy) var(--cubic-bezier-ease-out-quad)}#work .gallery a:hover .cover img,#work .gallery a:hover .cover video{filter:grayscale(0) brightness(1) contrast(1)}#work .gallery a .cover img.hidden,#work .gallery a .cover video.hidden{opacity:0}@media (min-width:1920px){#hero h1{margin:-5.85dvw -.7dvw 0 -.7dvw;font-size:15.7dvw;letter-spacing:-1.025dvw;line-height:var(--line-height-md)}#featured-video{width:280px;height:180px}#work .gallery{grid-template-areas:"one one . two" "one one three ." "four . six six" ". five six six" "seven seven . eight" "seven seven nine ."}#work .gallery a .cover{height:calc(var(--size-card-md) - (var(--gap-lg) / 4))}#work .gallery a:nth-child(4) .cover,#work .gallery a:nth-child(9) .cover{height:calc(var(--size-card-md) - (var(--gap-lg) / 4))}#work .gallery a:nth-child(1) .cover,#work .gallery a:nth-child(6) .cover,#work .gallery a:nth-child(7) .cover{height:calc((var(--size-card-md) * 2) + (var(--gap-xxl)))}}@media (max-width:1200px){}@media (max-width:1024px){#soon p{inline-size:75%}#hero .grid{gap:var(--offset-x)}#hero .grid .left,#hero .grid .right{flex-direction:column;gap:var(--offset-x)}#hero .grid .container{width:unset}#work .gallery{gap:var(--offset-y) var(--offset-x);grid-template-areas:"one one two" "one one three" "four six six" "five six six" "seven seven eight" "seven seven nine"}#work .gallery a .cover{height:calc(var(--size-card-md) - (var(--offset-x) / 2));border-radius:var(--radius-sm)}#work .gallery a:nth-child(4) .cover,#work .gallery a:nth-child(9) .cover{height:calc(var(--size-card-md) - (var(--offset-x) / 2))}#work .gallery a:nth-child(1) .cover,#work .gallery a:nth-child(6) .cover,#work .gallery a:nth-child(7) .cover{height:calc((var(--size-card-md) * 2) + var(--offset-y))}}@media (max-width:768px){#work .gallery{grid-template-areas:unset!important}#work .gallery a{grid-area:unset!important}#work .gallery a:nth-child(4) .cover,#work .gallery a:nth-child(9) .cover{height:calc(var(--size-card-md) - (var(--offset-x) / 2))}#work .gallery a:nth-child(1) .cover,#work .gallery a:nth-child(6) .cover,#work .gallery a:nth-child(7) .cover{height:calc(var(--size-card-md) - (var(--offset-x) / 2))}}@media (max-width:480px){#hero{margin:0 var(--offset-x);height:fit-content}#hero .top{height:calc((var(--size-vh) * 1 / 3) - var(--size-header))}#hero h1{margin:-3dvw -1dvw;font-variation-settings:var(--font-variation-semi-bold);font-size:22.5dvw;letter-spacing:-1.3dvw;line-height:var(--line-height-xs);color:var(--color-text-primary);background-color:unset;text-shadow:unset}#hero h1 span:nth-of-type(7){display:unset}#hero .middle{flex-direction:column-reverse!important;height:calc((var(--size-vh) * 2 / 3) - (var(--offset-x) * 2) - var(--size-button-md));padding:0 0 var(--gap-sm) 0;gap:var(--gap-xl)}#hero .middle .grid:nth-of-type(1){margin:0;padding:0;align-items:center}#hero .middle .grid:nth-of-type(2){height:fit-content}#hero .middle .container{flex-direction:row;gap:var(--gap-md)}#hero .middle .text{margin:auto 0 0 0;gap:var(--gap-xxs)}#hero .middle h6 span{display:unset}#hero h3{inline-size:60%}#featured-video{width:100%;height:35dvw}#hero .bottom{padding:var(--offset-x) 0}#hero .bottom .left{height:fit-content}#hero .bottom .left .container{margin:0}#hero .bottom .right{padding:var(--gap-xl) 0}#hero p span{padding:unset}#work .gallery{gap:var(--gap-xxl)}}